/*Text*/ @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
/*Code*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap');
/* Paper texture image */
:root {--paper-texture: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNTA4bW0iCiAgIGhlaWdodD0iMjg1Ljc1bW0iCiAgIHZpZXdCb3g9IjAgMCA1MDggMjg1Ljc1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzCiAgICAgaWQ9ImRlZnMxIj48ZmlsdGVyCiAgICAgICBzdHlsZT0iY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOnNSR0IiCiAgICAgICBpZD0iZmlsdGVyMTAxIgogICAgICAgeD0iMCIKICAgICAgIHk9IjAiCiAgICAgICB3aWR0aD0iMSIKICAgICAgIGhlaWdodD0iMSI+PGZlVHVyYnVsZW5jZQogICAgICAgICBpZD0iZmVUdXJidWxlbmNlMTAxIgogICAgICAgICBiYXNlRnJlcXVlbmN5PSIwLjAyMDAwMDAwMDAwMDAwMDAxMSIKICAgICAgICAgbnVtT2N0YXZlcz0iOSIKICAgICAgICAgc2VlZD0iMTAiCiAgICAgICAgIHR5cGU9ImZyYWN0YWxOb2lzZSIgLz48ZmVEaWZmdXNlTGlnaHRpbmcKICAgICAgICAgaWQ9ImZlRGlmZnVzZUxpZ2h0aW5nMTAxIgogICAgICAgICBzdXJmYWNlU2NhbGU9IjIuMDQ5OTk5OTUiCiAgICAgICAgIGRpZmZ1c2VDb25zdGFudD0iMSI+PGZlRGlzdGFudExpZ2h0CiAgICAgICAgICAgaWQ9ImZlRGlzdGFudExpZ2h0MTAzIgogICAgICAgICAgIGF6aW11dGg9Ijc1IgogICAgICAgICAgIGVsZXZhdGlvbj0iNTAiIC8+PC9mZURpZmZ1c2VMaWdodGluZz48L2ZpbHRlcj48L2RlZnM+PGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTU0KSI+PHJlY3QKICAgICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojN2I0OTM4O2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDoyLjY0NTgzO2ZpbHRlcjp1cmwoI2ZpbHRlcjEwMSkiCiAgICAgICBpZD0icmVjdDEwMSIKICAgICAgIHdpZHRoPSI1MDgiCiAgICAgICBoZWlnaHQ9IjI4NS43NSIKICAgICAgIHg9IjE1NTQiCiAgICAgICB5PSItNC45NzM3OTkyZS0xNCIgLz48L2c+PC9zdmc+Cg==)}
/* Reading view */.markdown-preview-view.markdown-rendered,
/* Editor in edit view */.cm-editor, .canvas-wrapper, .empty-state, .bases-view {--editor-texture: var(--paper-texture);--c:
color-mix(in srgb, var(--background-primary), transparent calc(0%));
--c-deep:color-mix(in srgb, var(--background-primary), transparent calc(35%));
background-color: var(--background-primary) !important;
background-image:linear-gradient(to right, var(--c), var(--c-deep) 5%,var(--c-deep) 95%, var(--c) 100%),var(--editor-texture) !important;background-blend-mode: normal, multiply;}
/* Adjustments for dark theme */
.theme-dark {.view-content .empty-state-container,.markdown-preview-view.markdown-rendered,.cm-editor,.canvas-wrapper, .empty-state, .bases-view {--c-deep:color-mix(in srgb, var(--background-primary), transparent calc(10%));background-blend-mode: normal, color-dodge;}}
/* Paper Texture END */
/*Courtesy of - https://forum.obsidian.md/t/adding-rounded-corners-to-markdown-tables-with-snippets-a-clean-solution/60551*/
/* Rounded Corners on Tables */
/* Fix the borders and add a radius variable */
:root table {--table-border-radius: 12px;border-collapse: separate;border-spacing: 0;}
/* Add the radius */
th:first-child {border-top-left-radius: var(--table-border-radius)}th:last-child {border-top-right-radius: var(--table-border-radius)}tr:last-child td:first-child {border-bottom-left-radius: var(--table-border-radius)}tr:last-child td:last-child {border-bottom-right-radius: var(--table-border-radius)}
/* Redo the borders */
:root :is(td, th) {border-width: 0 var(--table-border-width) var(--table-border-width) 0;}
.markdown-preview-view, .markdown-rendered, .markdown-source-view.mod-cm6 {.cm-formatting-list-ol {
font-size: 22px;}}
/* Rounded Corners on Tables END */
/*custom collapse SVG icon Courtesy of https://forum.obsidian.md/t/css-to-change-collapse-icon-with-a-custom-svg/85438/4*/
/* Expand / Collapse Icon */
.collapse-icon.is-collapsed svg.svg-icon {display: none;position: relative;}
.collapse-icon svg.svg-icon {display: none;position: relative;}
.theme-dark .collapse-icon::before {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;transform: rotate(calc(var(--direction) * 1 * 90deg));}
.theme-light .collapse-icon::before {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;transform: rotate(calc(var(--direction) * 1 * 90deg));}
.collapse-icon::before {rotate: 90;background-position: 0% 50%;}
.collapse-icon.is-collapsed::before {transform: rotate(0);background-position: 25% 105%;}
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {position: absolute;top: 0;inset-inline-end: 0;height:100%;cursor: var(--cursor);padding-inline-end: 5px;}
.markdown-preview-view h1,.markdown-preview-view h2,.markdown-preview-view h3,.markdown-preview-view h4,.markdown-preview-view h5,.markdown-preview-view h6 {position: relative;}
.markdown-preview-view .collapse-indicator {position: absolute;top: 0;right: 10;height: 100%;cursor: var(--cursor);padding-right: 5px;transform: translateX(-20%);}
.markdown-preview-view ul > li,.markdown-preview-view ol > li,.markdown-source-view ul > li,.markdown-source-view ol > li {position: relative;}
.markdown-preview-view ul > li > .collapse-indicator,.markdown-preview-view ol > li > .collapse-indicator,.markdown-source-view ul > li > .collapse-indicator,.markdown-source-view ol > li > .collapse-indicator {position: absolute;top: 13px;left: 0px;transform: translateY(-50%);cursor: var(--cursor);}
.markdown-preview-view ul > li.is-collapsed > .collapse-indicator,.markdown-preview-view ol > li.is-collapsed > .collapse-indicator,.markdown-source-view ul > li.is-collapsed > .collapse-indicator,.markdown-source-view ol > li.is-collapsed > .collapse-indicator {top: 50%;transform: translateY(-50%);}
.callout-fold.is-collapsed svg.svg-icon{display: none;}.callout-fold.is-collapsed svg.svg-icon {display: none;position: relative;}.callout-fold svg.svg-icon {display: none;position: relative;}
.theme-dark .callout-fold::before {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;transform: rotate(calc(var(--direction) * 1 * 90deg));}
.theme-light .callout-fold::before {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;transform: rotate(calc(var(--direction) * 1 * 90deg));}
.callout-fold::before {rotate: 90;background-position: 0% 50%;}
.callout-fold.is-collapsed::before {transform: rotate(0);background-position: 25% 105%;}
.markdown-source-view.mod-cm6 .cm-callout-fold .callout-fold {position: absolute;top: 0;inset-inline-end: 0;height: 100%;cursor: var(--cursor);padding-inline-end: 5px;}
/* Expand / Collapse Icon END */
/* File Icons */
.nav-file-tag{display: none;}
.nav-folder-title{font-size: 18px;}
.nav-file-title{left: 5px;}
.theme-dark{.nav-file-title[data-path$="md"i] .nav-file-title-content:before,.nav-file-title[data-path$="txt"i] .nav-file-title-content:before,.nav-file-title[data-path$="pdf"i] .nav-file-title-content:before{content: url('data:image/svg+xml;utf8,');margin-right: 5px;}}
.theme-light{.nav-file-title[data-path$="md"i] .nav-file-title-content:before,.nav-file-title[data-path$="txt"i] .nav-file-title-content:before,.nav-file-title[data-path$="pdf"i] .nav-file-title-content:before{content: url('data:image/svg+xml;utf8,');margin-right: 5px;}}
.nav-file-title[data-path$="png"i] .nav-file-title-content:before,.nav-file-title[data-path$="jpg"i] .nav-file-title-content:before{content: url('data:image/svg+xml;utf8,');margin-right: 5px;}
.nav-file-title[data-path$="xls"i] .nav-file-title-content:before,.nav-file-title[data-path$="xlsm"i] .nav-file-title-content:before,.nav-file-title[data-path$="csv"i] .nav-file-title-content:before,.nav-file-title[data-path$="base"i] .nav-file-title-content:before{content: url('data:image/svg+xml;utf8,');margin-right: 5px;}
.nav-file-title[data-path$="canvas"i] .nav-file-title-content:before{content: url('data:image/svg+xml;utf8,');margin-right: 5px;}
/* FILE ICONS END*/
/*Canvas Dot Grid Colours*/
.theme-light .canvas-wrapper {stroke: #808080;}
.theme-dark .canvas-wrapper {stroke: #333333;}
/*Canvas Dot Grid Colours END*/
/* Canvas Card Styling */
.canvas-node-container {border-radius: 12px;border-width: 3px;background-color: transparent;border-color:var(--color-tone);box-shadow: 0 12px 25px -13px var(--text-shadow), 0 4px 25px 0 var(--text-shadow), 0 8px 10px -5pxvar(--text-shadow);}
/* Canvas Card Styling */
/* Checkbox toggle switch Styling */
.checkbox-container{
background:var(--color-red);}
.checkbox-container.is-enabled{
background:var(--color-green);}
/* Checkbox toggle switch Styling */
/* Bases Text Shadow - this fixes EMPTY being seen */
.bases-table-container:not(.mod-multiline) .bases-table-cell {
text-shadow: 0px 0px 0px;}
/* Bases Text Shadow - this fixes EMPTY being seen */
/* Progress Bars */
.markdown-rendered progress,.markdown-source-view.is-live-preview progress {height: 7px;width: 240px;border-radius: 0;vertical-align: 0;overflow: visible;}
.markdown-rendered progress[value]:before,.markdown-source-view.is-live-preview progress[value]:before {font-size: 70%;line-height: 1.2;content: attr(value) "/" attr(max);color: var(--text-muted);float: left;}
.markdown-rendered progress[value][max="100"]:before,.markdown-source-view.is-live-preview progress[value][max="100"]:before {content: attr(value) "%";}
.markdown-rendered progress,.markdown-source-view.is-live-preview progress,.markdown-preview-view progress {width: 220px;}
.markdown-rendered progress[value]::-webkit-progress-bar,.markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar,.markdown-preview-view progress[value]::-webkit-progress-bar {box-shadow: inset 0px 0px 0px var(--border-width) var(--progress-outline);}
.markdown-rendered progress[value^="1"]::-webkit-progress-value, .markdown-rendered progress[value^="2"]::-webkit-progress-value, .markdown-renderedprogress[value^="3"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="1"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="2"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="3"]::-webkit-progress-value,.markdown-preview-view progress[value^="1"]::-webkit-progress-value,.markdown-preview-view progress[value^="2"]::-webkit-progress-value,.markdown-preview-view progress[value^="3"]::-webkit-progress-value {background-color: var(--color-red);}
.markdown-rendered progress[value^="4"]::-webkit-progress-value, .markdown-rendered progress[value^="5"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="4"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="5"]::-webkit-progress-value,.markdown-preview-view progress[value^="4"]::-webkit-progress-value,.markdown-preview-view progress[value^="5"]::-webkit-progress-value {background-color: var(--color-orange);}
.markdown-rendered progress[value^="6"]::-webkit-progress-value, .markdown-rendered progress[value^="7"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="6"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="7"]::-webkit-progress-value,.markdown-preview-view progress[value^="6"]::-webkit-progress-value,.markdown-preview-view progress[value^="7"]::-webkit-progress-value {background-color: var(--color-yellow);}
.markdown-rendered progress[value^="8"]::-webkit-progress-value, .markdown-rendered progress[value^="9"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="8"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value^="9"]::-webkit-progress-value,.markdown-preview-view progress[value^="8"]::-webkit-progress-value,.markdown-preview-view progress[value^="9"]::-webkit-progress-value {background-color: var(--color-green);}
.markdown-rendered progress[value="1"]::-webkit-progress-value, .markdown-rendered progress[value="100"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="1"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="100"]::-webkit-progress-value,.markdown-preview-view progress[value="1"]::-webkit-progress-value,.markdown-preview-view progress[value="100"]::-webkit-progress-value {background:linear-gradient(to right,var(--color-red) 0%,var(--color-orange) 10%,var(--color-yellow) 30%,var(--color-green) 50%,var(--color-blue) 70%,var(--color-purple) 100%);}
.markdown-rendered progress[value="0"]::-webkit-progress-value, .markdown-rendered progress[value="2"]::-webkit-progress-value, .markdown-rendered progress[value="3"]::-webkit-progress-value, .markdown-rendered progress[value="4"]::-webkit-progress-value, .markdown-rendered progress[value="5"]::-webkit-progress-value, .markdown-rendered progress[value="6"]::-webkit-progress-value, .markdown-rendered progress[value="7"]::-webkit-progress-value, .markdown-rendered progress[value="8"]::-webkit-progress-value, .markdown-rendered progress[value="9"]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="2"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="3"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="4"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="5"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="6"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="7"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="8"]::-webkit-progress-value,.markdown-source-view.is-live-preview progress[value="9"]::-webkit-progress-value,.markdown-preview-view progress[value="0"]::-webkit-progress-value,.markdown-preview-view progress[value="2"]::-webkit-progress-value,.markdown-preview-view progress[value="3"]::-webkit-progress-value,.markdown-preview-view progress[value="4"]::-webkit-progress-value,.markdown-preview-view progress[value="5"]::-webkit-progress-value,.markdown-preview-view progress[value="6"]::-webkit-progress-value,.markdown-preview-view progress[value="7"]::-webkit-progress-value,.markdown-preview-view progress[value="8"]::-webkit-progress-value,.markdown-preview-view progress[value="9"]::-webkit-progress-value {background-color: var(--color-red);}
/* Progress Bars END*/
/* Checkboxes
Alternate checkbox display
courtesy: https://forum.obsidian.md/t/alternative-checkboxes-icon-bullets-copy-and-paste/35962/15 */
/* Checkbox important warning ! */
input[data-task="!"]:checked::after,li[data-task="!"]>input:checked::after,li[data-task="!"]>p>input:checked::after {-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'%3E%3Cg fill='%23000000'%3E%3Cpath d='m22.596,17.346L14.697,3.562c-.561-.979-1.569-1.562-2.697-1.562s-2.136.584-2.697,1.562L1.404,17.346c-.558.974-.555,2.134.008,3.104.562.971,1.568,1.55,2.689,1.55h15.798c1.122,0,2.127-.579,2.689-1.55.562-.971.565-2.131.008-3.104Zm-11.596-9.346h2v6h-2v-6Zm1,10c-.689,0-1.25-.561-1.25-1.25s.561-1.25,1.25-1.25,1.25.561,1.25,1.25-.561,1.25-1.25,1.25Z' stroke-width='0' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size: 110%;--checkbox-marker-color: var(--color-yellow);}
input[data-task="!"]:checked::before,li[data-task="!"]>input:checked::before,li[data-task="!"]>p>input:checked::before {color: hsla(353 100% 61% / 0.9);margin: 0 3px;position: absolute;left: calc(var(--checkbox-size) * 1);
font-weight: bold;}
input[data-task="!"]:checked,li[data-task="!"]>input:checked,li[data-task="!"]>p>input:checked {background-color: transparent;border-color: transparent;/* border-radius: 50%; */}
/* Checkbox Completed x */
input[data-task="x"]:checked,li[data-task="x"]>input:checked,li[data-task="x"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="x"]:checked::after,li[data-task="x"]>input:checked::after,li[data-task="x"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNpcmNsZS1jaGVjay1iaWctaWNvbiBsdWNpZGUtY2lyY2xlLWNoZWNrLWJpZyI+PHBhdGggZD0iTTIxLjgwMSAxMEExMCAxMCAwIDEgMSAxNyAzLjMzNSIvPjxwYXRoIGQ9Im05IDExIDMgM0wyMiA0Ii8+PC9zdmc+");-webkit-mask-size: contain;background-color: var(--color-green);left: 0;}
/* Checkbox Question ? */
input[data-task="?"]:checked,li[data-task="?"]>input:checked,li[data-task="?"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="?"]:checked::after,li[data-task="?"]>input:checked::after,li[data-task="?"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-violet);left: 0;}
/* Checkbox Failed f */
input[data-task="f"]:checked,li[data-task="f"]>input:checked,li[data-task="f"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="f"]:checked::after,li[data-task="f"]>input:checked::after,li[data-task="f"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='currentColor' stroke-linejoin='round' stroke-linecap='round'%3E %3Cpath d='M38.7706 9.22941L38.891 9.10901L9.20496 38.795L9.33933 38.6606' stroke='%23000000' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' fill='none'%3E%3C/path%3E %3Cpath d='M24 45C35.598 45 45 35.598 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 35.598 12.402 45 24 45Z' stroke='currentColor' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' fill='none'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-red);left: 0;}
/* Checkbox cancelled - */
input[data-task="-"]:checked::after,li[data-task="-"]>input:checked::after,li[data-task="-"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=");-webkit-mask-size: 120%;--checkbox-marker-color: var(--color-red);}
input[data-task="-"]:checked::before,li[data-task="-"]>input:checked::before,li[data-task="-"]>p>input:checked::before {color: #ff384f;margin: 0 3px;position: absolute;left: calc(var(--checkbox-size) * 1);font-weight: bold;}
input[data-task="-"]:checked,li[data-task="-"]>input:checked,li[data-task="-"]>p>input:checked {--checkbox-color-hover: #ff384f;background-color: transparent;border-color: transparent;/* border-radius: 50%; */}
/* Checkbox bookmark b */
input[data-task="b"]:checked,li[data-task="b"]>input:checked,li[data-task="b"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="b"]:checked::after,li[data-task="b"]>input:checked::after,li[data-task="b"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-red);left: 0;}
/* Checkbox Idea I */
input[data-task="I"]:checked,li[data-task="I"]>input:checked,li[data-task="I"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="I"]:checked::after,li[data-task="I"]>input:checked::after,li[data-task="I"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-yellow);left: 0;}
/* Checkbox Pro p */
input[data-task="p"]:checked,li[data-task="p"]>input:checked,li[data-task="p"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="p"]:checked::after,li[data-task="p"]>input:checked::after,li[data-task="p"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 25.3-19.5 46-44.3 47.9c7.7 8.5 12.3 19.8 12.3 32.1c0 23.4-16.8 42.9-38.9 47.1c4.4 7.2 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-green);left: 0;}
/* Checkbox Con c */
input[data-task="c"]:checked,li[data-task="c"]>input:checked,li[data-task="c"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="c"]:checked::after,li[data-task="c"]>input:checked::after,li[data-task="c"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-red);left: 0;}
/* Checkbox Link c */
input[data-task="C"]:checked,li[data-task="C"]>input:checked,li[data-task="C"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="C"]:checked::after,li[data-task="C"]>input:checked::after,li[data-task="C"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxpbmstaWNvbiBsdWNpZGUtbGluayI+PHBhdGggZD0iTTEwIDEzYTUgNSAwIDAgMCA3LjU0LjU0bDMtM2E1IDUgMCAwIDAtNy4wNy03LjA3bC0xLjcyIDEuNzEiLz48cGF0aCBkPSJNMTQgMTFhNSA1IDAgMCAwLTcuNTQtLjU0bC0zIDNhNSA1IDAgMCAwIDcuMDcgNy4wN2wxLjcxLTEuNzEiLz48L3N2Zz4=");-webkit-mask-size: contain;background-color: var(--color-blue);left: 0;}
/* Checkbox Information i */
input[data-task="i"]:checked,li[data-task="i"]>input:checked,li[data-task="i"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="i"]:checked::after,li[data-task="i"]>input:checked::after,li[data-task="i"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-blue);left: 0;}
/* Checkbox Location l */
input[data-task="l"]:checked,li[data-task="l"]>input:checked,li[data-task="l"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="l"]:checked::after,li[data-task="l"]>input:checked::after,li[data-task="l"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-violet);left: 0;}
/* Checkbox Star * */
input[data-task="*"]:checked,li[data-task="*"]>input:checked,li[data-task="*"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="*"]:checked::after,li[data-task="*"]>input:checked::after,li[data-task="*"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-yellow);left: 0;}
/* Checkbox Pin P */
input[data-task="P"]:checked,li[data-task="P"]>input:checked,li[data-task="P"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="P"]:checked::after,li[data-task="P"]>input:checked::after,li[data-task="P"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%23000000' stroke-linejoin='round' stroke-linecap='round'%3E %3Cpath d='M6 42L16.5 31.5L15.75 32.25' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' fill='none'%3E%3C/path%3E %3Cpath d='M27.1802 42L16.5901 31.4099L6.18018 21L7.81235 19.3678C10.3854 16.7948 14.3706 16.2824 17.5109 18.1207L18 18.407L28.8336 9.56155L28.6308 9.35878C27.4572 8.18518 27.4596 6.28167 28.6361 5.11095L30.7574 3L44.7574 17L42.6464 19.1213C41.4757 20.2978 39.5722 20.3002 38.3986 19.1265L38.1959 18.9238L29.5 29.9071L29.941 30.6372C31.8434 33.7869 31.352 37.8282 28.75 40.4301L27.1802 42Z' stroke='%23000000' stroke-width='2.5' stroke-miterlimit='10' fill='currentColor'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-red);left: 0;}
/* Checkbox Amount $ */
input[data-task="$"]:checked,li[data-task="$"]>input:checked,li[data-task="$"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="$"]:checked::after,li[data-task="$"]>input:checked::after,li[data-task="$"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNvaW5zLWljb24gbHVjaWRlLWNvaW5zIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNiIvPjxwYXRoIGQ9Ik0xOC4wOSAxMC4zN0E2IDYgMCAxIDEgMTAuMzQgMTgiLz48cGF0aCBkPSJNNyA2aDF2NCIvPjxwYXRoIGQ9Im0xNi43MSAxMy44OC43LjcxLTIuODIgMi44MiIvPjwvc3ZnPg==");-webkit-mask-size: contain;background-color: var(--color-orange);left: 0;}
/* Checkbox In Progress / */
input[data-task="/"]:checked,li[data-task="/"]>input:checked,li[data-task="/"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;
border-width: 0;}
input[data-task="/"]:checked::after,li[data-task="/"]>input:checked::after,li[data-task="/"]>p>input:checked::after {-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'%3E%3Cg fill='%23000000'%3E %3Cpath opacity='0.6' d='M11 18H13V23H11V18Z' fill='%23000000'%3E%3C/path%3E %3Cpath d='M11 1H13V6H11V1Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.4' d='M6.005 10.995L6.005 12.995L1.005 12.995L1.005 10.995L6.005 10.995Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.8' d='M23.005 10.995L23.005 12.995L18.005 12.995L18.005 10.995L23.005 10.995Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.5' d='M7.0517 15.532L8.46591 16.9462L4.93038 20.4817L3.51616 19.0675L7.0517 15.532Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.9' d='M19.0725 3.51118L20.4867 4.92539L16.9512 8.46092L15.537 7.04671L19.0725 3.51118Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.3' d='M8.47302 7.04672L7.05881 8.46094L3.52328 4.9254L4.93749 3.51119L8.47302 7.04672Z' fill='%23000000'%3E%3C/path%3E %3Cpath opacity='0.7' d='M20.4938 19.0675L19.0796 20.4817L15.5441 16.9462L16.9583 15.532L20.4938 19.0675Z' fill='%23000000'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--text-normal);left: 0;}
/* Checkbox Scheduled < */
input[data-task="<"]:checked,li[data-task="<"]>input:checked,li[data-task="<"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="<"]:checked::after,li[data-task="<"]>input:checked::after,li[data-task="<"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-orange);left: 0;}
/* Checkbox Rescheduled > */
input[data-task=">"]:checked,li[data-task=">"]>input:checked,li[data-task=">"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task=">"]:checked::after,li[data-task=">"]>input:checked::after,li[data-task=">"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M307 34.8c-11.5 5.1-19 16.6-19 29.2v64H176C78.8 128 0 206.8 0 304C0 417.3 81.5 467.9 100.2 478.1c2.5 1.4 5.3 1.9 8.1 1.9c10.9 0 19.7-8.9 19.7-19.7c0-7.5-4.3-14.4-9.8-19.5C108.8 431.9 96 414.4 96 384c0-53 43-96 96-96h96v64c0 12.6 7.4 24.1 19 29.2s25 3 34.4-5.4l160-144c6.7-6.1 10.6-14.7 10.6-23.8s-3.8-17.7-10.6-23.8l-160-144c-9.4-8.5-22.9-10.6-34.4-5.4z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-blue);left: 0;}
/* Checkbox Quote " */
input[data-task='"']:checked,li[data-task='"']>input:checked,li[data-task='"']>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task='"']:checked::after,li[data-task='"']>input:checked::after,li[data-task='"']>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320 288 216z'/%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--text-normal);left: 0;}
/* Checkbox Key k */
input[data-task="k"]:checked,li[data-task="k"]>input:checked,li[data-task="k"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="k"]:checked::after,li[data-task="k"]>input:checked::after,li[data-task="k"]>p>input:checked::after {-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='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");-webkit-mask-size: contain;background-color: var(--color-yellow);left: 0;}
/* Checkbox Law Rule r */
input[data-task="r"]:checked,li[data-task="r"]>input:checked,li[data-task="r"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="r"]:checked::after,li[data-task="r"]>input:checked::after,li[data-task="r"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNjYWxlLWljb24gbHVjaWRlLXNjYWxlIj48cGF0aCBkPSJNMTIgM3YxOCIvPjxwYXRoIGQ9Im0xOSA4IDMgOGE1IDUgMCAwIDEtNiAwelY3Ii8+PHBhdGggZD0iTTMgN2gxYTE3IDE3IDAgMCAwIDgtMiAxNyAxNyAwIDAgMCA4IDJoMSIvPjxwYXRoIGQ9Im01IDggMyA4YTUgNSAwIDAgMS02IDB6VjciLz48cGF0aCBkPSJNNyAyMWgxMCIvPjwvc3ZnPg==");-webkit-mask-size: contain;background-color: var(--color-violet);left: 0;}
/* Checkbox Language L */
input[data-task="L"]:checked,li[data-task="L"]>input:checked,li[data-task="L"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="L"]:checked::after,li[data-task="L"]>input:checked::after,li[data-task="L"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxhbmd1YWdlcy1pY29uIGx1Y2lkZS1sYW5ndWFnZXMiPjxwYXRoIGQ9Im01IDggNiA2Ii8+PHBhdGggZD0ibTQgMTQgNi02IDItMyIvPjxwYXRoIGQ9Ik0yIDVoMTIiLz48cGF0aCBkPSJNNyAyaDEiLz48cGF0aCBkPSJtMjIgMjItNS0xMC01IDEwIi8+PHBhdGggZD0iTTE0IDE4aDYiLz48L3N2Zz4=");-webkit-mask-size: contain;background-color: var(--color-blue);left: 0;}
/* Checkbox Clock t */
input[data-task="t"]:checked,li[data-task="t"]>input:checked,li[data-task="t"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="t"]:checked::after,li[data-task="t"]>input:checked::after,li[data-task="t"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWFsYXJtLWNsb2NrLWljb24gbHVjaWRlLWFsYXJtLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI4Ii8+PHBhdGggZD0iTTEyIDl2NGwyIDIiLz48cGF0aCBkPSJNNSAzIDIgNiIvPjxwYXRoIGQ9Im0yMiA2LTMtMyIvPjxwYXRoIGQ9Ik02LjM4IDE4LjcgNCAyMSIvPjxwYXRoIGQ9Ik0xNy42NCAxOC42NyAyMCAyMSIvPjwvc3ZnPg==");-webkit-mask-size: contain;background-color: var(--color-orange);left: 0;}
/* Checkbox Telephone */
input[data-task="T"]:checked,li[data-task="T"]>input:checked,li[data-task="T"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="T"]:checked::after,li[data-task="T"]>input:checked::after,li[data-task="T"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBob25lLWljb24gbHVjaWRlLXBob25lIj48cGF0aCBkPSJNMTMuODMyIDE2LjU2OGExIDEgMCAwIDAgMS4yMTMtLjMwM2wuMzU1LS40NjVBMiAyIDAgMCAxIDE3IDE1aDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0yIDJBMTggMTggMCAwIDEgMiA0YTIgMiAwIDAgMSAyLTJoM2EyIDIgMCAwIDEgMiAydjNhMiAyIDAgMCAxLS44IDEuNmwtLjQ2OC4zNTFhMSAxIDAgMCAwLS4yOTIgMS4yMzMgMTQgMTQgMCAwIDAgNi4zOTIgNi4zODQiLz48L3N2Zz4=");-webkit-mask-size: contain;background-color: var(--color-green);left: 0;}
/* Checkbox Notification notif */
input[data-task="F"]:checked,li[data-task="F"]>input:checked,li[data-task="F"]>p>input:checked {--checkbox-color: transparent;--checkbox-color-hover: transparent;border-width: 0;}
input[data-task="F"]:checked::after,li[data-task="F"]>input:checked::after,li[data-task="F"]>p>input:checked::after {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWJlbGwtcGx1cy1pY29uIGx1Y2lkZS1iZWxsLXBsdXMiPjxwYXRoIGQ9Ik0xMC4yNjggMjFhMiAyIDAgMCAwIDMuNDY0IDAiLz48cGF0aCBkPSJNMTUgOGg2Ii8+PHBhdGggZD0iTTE4IDV2NiIvPjxwYXRoIGQ9Ik0yMC4wMDIgMTQuNDY0YTkgOSAwIDAgMCAuNzM4Ljg2M0ExIDEgMCAwIDEgMjAgMTdINGExIDEgMCAwIDEtLjc0LTEuNjczQzQuNTkgMTMuOTU2IDYgMTIuNDk5IDYgOGE2IDYgMCAwIDEgOC43NS01LjMzMiIvPjwvc3ZnPg==");-webkit-mask-size: contain;background-color: var(--color-red);left: 0;}
/* CHECKBOXES START */
/* Button and Dropdown Styling */
.theme-dark{ .dropdown, select, button:not(.clickable-icon), button.mod-cta, .vertical-tab-nav-item.is-active{
border-radius: var(--radius-set);
border-top-left-radius: var(--radius-set);
border-top-right-radius: var(--radius-set);
border-bottom-right-radius: var(--radius-set);
box-shadow: 0px 4px 1px #3d3d3d;
-electron-corner-smoothing: 80%;
--interactive-accent: var(--color-tone);
background-color: var(--color-tone);
color: var(--color-white);}}
.theme-dark{ .vertical-tab-nav-item, .vertical-tab-nav-item.is-active{text-shadow: 1px 1px 2px var(--text-shadow);}}
.theme-light{ .dropdown, select, button:not(.clickable-icon), button.mod-cta, .vertical-tab-nav-item.is-active{
border-radius: var(--radius-set);
border-top-left-radius: var(--radius-set);
border-top-right-radius: var(--radius-set);
border-bottom-right-radius: var(--radius-set);
box-shadow: 0px 4px 1px #595959;
-electron-corner-smoothing: 80%;
--interactive-accent: var(--color-grey);
background-color: var(--color-grey);
color: var(--color-black);}}
.theme-light{ .vertical-tab-nav-item, .vertical-tab-nav-item.is-active{text-shadow: 1px 1px 2px var(--text-shadow);}}
/* Button and Dropdown Styling */
/* Indented List Styling */
/*Courtesy of https://forum.obsidian.md/t/style-bullets-in-lists-by-level/46152*/
/* Bullet */.markdown-source-view.mod-cm6 .HyperMD-list-line-1 .list-bullet:after {height: 5px;width: 5px;border-radius: 100%;background-color: var(--list-marker-color);}
/* Dash */.markdown-source-view.mod-cm6 .HyperMD-list-line-2 .list-bullet:after {height: 1px;width: 7px;border-radius: 0%;background-color: var(--list-marker-color);}
/* Hollow Bullet */.markdown-source-view.mod-cm6 .HyperMD-list-line-3 .list-bullet:after {height: 4px;width: 4px;background-color: Transparent;border-color: var(--list-marker-color);border-style: solid;border-radius: 50%;border-width: 1px;}
/* Solid Square */.markdown-source-view.mod-cm6 .HyperMD-list-line-4 .list-bullet:after {height: 5px;width: 5px;border-radius: 0%;background-color: var(--list-marker-color);}
/* Dash */.markdown-source-view.mod-cm6 .HyperMD-list-line-5 .list-bullet:after {height: 1px;width: 7px;border-radius: 0%;background-color: var(--list-marker-color);}
/* Hollow Square */.markdown-source-view.mod-cm6 .HyperMD-list-line-6 .list-bullet:after {height: 4px;width: 4px;background-color: Transparent;border-color: var(--list-marker-color);border-style: solid;border-radius: 0%;border-width: 1px;}
/* Small Bullet */.markdown-source-view.mod-cm6 .HyperMD-list-line-7 .list-bullet:after {height: 2px;width: 2px;border-radius: 50%;background-color: var(--list-marker-color);}
/* Indented List Styling */
/* Coloured Headings Header*/
/* Credit: Border theme by Akifyss: https://github.com/Akifyss/obsidian-border */
/* ========== SETTINGS ========== */
body {
/* HEADING INDICATORS: 1 = show colored bar | 0 = hide */
--h1-indicator: 1;
--h2-indicator: 1;
--h3-indicator: 1;
--h4-indicator: 1;
--h5-indicator: 1;
--h6-indicator: 1;
/* Heading colors */
--h1-accent-color: var(--color-red);
--h2-accent-color: var(--color-orange);
--h3-accent-color: var(--color-yellow);
--h4-accent-color: var(--color-green);
--h5-accent-color: var(--color-blue);
--h6-accent-color: var(--color-purple);}
/* ====== Base Heading Styles ====== */
.markdown-rendered > :is(h1,h2,h3,h4,h5,h6),.markdown-preview-sizer > div > :is(h1,h2,h3,h4,h5,h6) {position: relative;padding-left: 12px;}
/* Heading collapse positioning - keep icon outside the indicator */
.markdown-preview-view .heading-collapse-indicator,.is-live-preview .HyperMD-header .collapse-indicator.collapse-icon {transform: translateX(-16px);}
/* ====== Colored Heading Indicators ====== */.is-live-preview .HyperMD-header-1::before,.is-live-preview .HyperMD-header-2::before,.is-live-preview .HyperMD-header-3::before,.is-live-preview .HyperMD-header-4::before,.is-live-preview .HyperMD-header-5::before,.is-live-preview .HyperMD-header-6::before {margin-right: 6px;content: " ";display: inline-block;width: 3px;border-radius: var(--radius-m);transform: translateY(4px);}
.markdown-rendered > h1::before,.markdown-rendered > h2::before,.markdown-rendered > h3::before,.markdown-rendered > h4::before,.markdown-rendered > h5::before,.markdown-rendered > h6::before,.markdown-preview-sizer > div > h1::before,.markdown-preview-sizer > div > h2::before,.markdown-preview-sizer > div > h3::before,.markdown-preview-sizer > div > h4::before,.markdown-preview-sizer > div > h5::before,.markdown-preview-sizer > div > h6::before {content: " ";display: inline-block;width: 3px;border-radius: var(--radius-m);position: absolute;top: 4px;left: 3px;}
/* Indicator heights and colors per level */
.is-live-preview .HyperMD-header-1::before,.markdown-rendered > h1::before,.markdown-preview-sizer > div > h1::before {height: calc(1.2em - 8px);background-color: var(--h1-accent-color);opacity: var(--h1-indicator);}
.is-live-preview .HyperMD-header-2::before,.markdown-rendered > h2::before,.markdown-preview-sizer > div > h2::before {height: calc(1.2em - 8px);background-color: var(--h2-accent-color);opacity: var(--h2-indicator);}
.is-live-preview .HyperMD-header-3::before,.markdown-rendered > h3::before,.markdown-preview-sizer > div > h3::before {height: calc(1.3em - 8px);background-color: var(--h3-accent-color);opacity: var(--h3-indicator);}
.is-live-preview .HyperMD-header-4::before,.markdown-rendered > h4::before,.markdown-preview-sizer > div > h4::before {height: calc(1.4em - 8px);background-color: var(--h4-accent-color);opacity: var(--h4-indicator);}
.is-live-preview .HyperMD-header-5::before,.is-live-preview .HyperMD-header-6::before,.markdown-rendered > h5::before,.markdown-rendered > h6::before,.markdown-preview-sizer > div > h5::before,.markdown-preview-sizer > div > h6::before {height: calc(1.5em - 8px);}
.is-live-preview .HyperMD-header-5::before,.markdown-rendered > h5::before,.markdown-preview-sizer > div > h5::before {background-color: var(--h5-accent-color);opacity: var(--h5-indicator);}
.is-live-preview .HyperMD-header-6::before,.markdown-rendered > h6::before,.markdown-preview-sizer > div > h6::before {background-color: var(--h6-accent-color);opacity: var(--h6-indicator);}
/* ====== NUMBERED COLLAPSE ICONS (H1, H2, etc.) ====== */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-1 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-2 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-3 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-4 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-5 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-6 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h1 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h2 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h3 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h4 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h5 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h6 .collapse-indicator.collapse-icon svg {transform: translateX(0px);background-color: currentColor;}
/* H1 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-1 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h1 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* H2 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-2 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h2 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* H3 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-3 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h3 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* H4 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-4 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h4 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* H5 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-5 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h5 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* H6 numbered icon */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-6 .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) h6 .collapse-indicator.collapse-icon svg {-webkit-mask-image: url('data:image/svg+xml;utf8,');}
/* Collapsed state colors */
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-1 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h1 .collapse-indicator.collapse-icon svg {background-color: var(--h1-accent-color);color: var(--h1-accent-color);}
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-2 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h2 .collapse-indicator.collapse-icon svg {background-color: var(--h2-accent-color);color: var(--h2-accent-color);}
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-3 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h3 .collapse-indicator.collapse-icon svg {background-color: var(--h3-accent-color);color: var(--h3-accent-color);}
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-4 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h4 .collapse-indicator.collapse-icon svg {background-color: var(--h4-accent-color);color: var(--h4-accent-color);}
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-5 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h5 .collapse-indicator.collapse-icon svg {background-color: var(--h5-accent-color);color: var(--h5-accent-color);}
body:not(.collapse-icon-restore) .is-live-preview .HyperMD-header-6 .is-collapsed .collapse-indicator.collapse-icon svg,body:not(.collapse-icon-restore) :is(.markdown-rendered, .markdown-preview-view) .is-collapsed h6 .collapse-indicator.collapse-icon svg {background-color: var(--h6-accent-color);color: var(--h6-accent-color);}
/* Coloured Headings Header*/
/* Callout Styling*/
.callout {--callout-blend-mode: darken;--callout-title-size: 20px;margin-bottom: 10px !important;margin-top: 0px !important;margin-left: 0px !important;margin-right: 10px !important;}
.theme-dark{.callout, .callout .markdown-source-view.mod-cm6, .callout.is-collapsible.is-collapsed{margin: 8px 10px;border-radius: 15px;border: 0px solid rgba(var(--callout-color), 1);box-shadow: 0px 4px 1px rgba(var(--callout-color), 0.2);background-color: var(--code-background);padding: 0px;}}
.theme-light{.callout, .callout .markdown-source-view.mod-cm6, .callout.is-collapsible.is-collapsed{margin: 8px 10px;border-radius: 15px;border: 0px solid rgba(var(--callout-color), 1);box-shadow: 0px 4px 1px rgba(var(--callout-color), 0.5);background-color: var(--code-background);padding: 0px;}}
.callout.is-collapsible, .callout.is-collapsible .markdown-source-view.mod-cm6{margin: 8px 10px;border-radius: 15px;border: 0px solid rgba(var(--callout-color), 1);box-shadow: 0px 4px 1px rgba(var(--code-background), 0.6);background-color: var(--code-background);padding: 0px;}
.callout-title, .markdown-source-view.mod-cm6 .callout-title {background-color: rgba(var(--callout-color), 0.3);padding: 8px;min-width: 100%;color: rgba(var(--callout-color), 1);}
.callout-content, .markdown-source-view.mod-cm6 .callout-content {padding: 0px 10px;}
.callout[data-callout-metadata="red"] {--callout-color: 205, 0, 55;}
.callout[data-callout-metadata="blue"] {--callout-color: 45, 55, 235;}
.callout[data-callout-metadata="purple"] {--callout-color: 160, 30, 215;}
.callout[data-callout-metadata="cyan"] {--callout-color: 0, 180, 185;}
.callout[data-callout-metadata="orange"] {--callout-color: 230, 130, 0;}
.callout[data-callout-metadata="green"] {--callout-color: 0, 150, 0;}
.callout[data-callout-metadata="yellow"] {--callout-color: 245, 225, 10;}
.callout[data-callout-metadata="pink"] {--callout-color: 255, 100, 220;}
.callout[data-callout-metadata="white"] {--callout-color: 255, 255, 255;}
.callout[data-callout-metadata="black"] {--callout-color: 0, 0, 0;}
.callout[data-callout-metadata="grey"] {--callout-color: 127.5, 127.5, 127.5;}
.callout[data-callout-metadata="tan"] {--callout-color: 215, 130, 80;}
/* SPOILER CALLOUT */
.theme-light .callout[data-callout="spoiler"] {--callout-color: var(--spoiler-color);--spoiler-background: hsla(0 0% 32.2% / 0.2);--spoiler-color: var(--color-black);background-color: var(--spoiler-background);color: var(--spoiler-color);}
.theme-light .callout[data-callout="spoiler"] .callout-title {color: var(--spoiler-color);}
.theme-light .callout[data-callout="spoiler"] .callout-icon svg {display: none;color: var(--spoiler-color);}
.theme-light .callout[data-callout="spoiler"] .callout-content {color: hsla(240 4% 9.8% / 0.00);text-shadow: 1px 1px 2px;}
.theme-light .callout[data-callout="spoiler"] .callout-content:hover {color: var(--spoiler-color);}
.theme-light .callout[data-callout="spoiler"] .callout-icon::after {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: cover;}
.theme-light .callout[data-callout="spoiler"].is-collapsed .callout-icon::after {background-image: url('data:image/svg+xml;utf8,');}
.theme-dark .callout[data-callout="spoiler"] {--callout-color: var(--spoiler-color);--spoiler-background: hsla(0 0% 32.2% / 0.2);--spoiler-color: var(--color-paper);background-color: var(--spoiler-background);color: var(--spoiler-color);}
.theme-dark .callout[data-callout="spoiler"] .callout-title {color: var(--spoiler-color);}
.theme-dark .callout[data-callout="spoiler"] .callout-icon svg {display: none;color: var(--spoiler-color);}
.theme-dark .callout[data-callout="spoiler"] .callout-content {color: hsla(240 4% 9.8% / 0.00);text-shadow: 1px 1px 2px;}
.theme-dark .callout[data-callout="spoiler"] .callout-content:hover {color: var(--spoiler-color);}
.theme-dark .callout[data-callout="spoiler"] .callout-icon::after {content: '';display: inline-block;width: 18px;height: 18px;background-image: url('data:image/svg+xml;utf8,');background-size: cover;}
.theme-dark .callout[data-callout="spoiler"].is-collapsed .callout-icon::after {background-image: url('data:image/svg+xml;utf8,');}
/* CALLOUT STYLING END */
:root {
/* Highlight + Strikethrough highlight*/
.theme-dark{ .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight {background-color: hsla(45 93.8% 44.3% / 0.20);color: var(--color-paper);}}
.theme-light{ .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight {background-color:hsla(45 93.8% 44.3% / 0.30);color: var(--color-black);}}
/* Bold + highlight */ .theme-dark{ .cm-s-obsidian .cm-strong.cm-highlight,mark strong,strong mark {color: #FF808E;background-color: hsla(45 93.8% 44.3% / 0.20);}}
.theme-light{ .cm-s-obsidian .cm-strong.cm-highlight,mark strong,strong mark {color: var(--color-red);background-color: hsla(45 93.8% 44.3% / 0.30);}}
/* Italic + highlight */ .theme-dark{ .cm-s-obsidian .cm-highlight.cm-em,mark em,em mark {color: #999EFF;background-color: hsla(45 93.8% 44.3% / 0.20);}}
.theme-light{ .cm-s-obsidian .cm-highlight.cm-em,mark em,em mark {color: var(--color-blue);background-color:hsla(45 93.8% 44.3% / 0.30);}}
/* Bold + italic */ .theme-dark{ .cm-s-obsidian .cm-strong.cm-em,mark em,em mark {color: var(--color-violet);background-color: transparent;}}
.theme-light{ .cm-s-obsidian .cm-strong.cm-em {color: var(--color-magenta);background-color:transparent;}}
/* Bold + Italic + highlight */ .theme-dark{ .cm-s-obsidian .cm-highlight.cm-em.cm-strong,strong:is(em mark strong, mark em strong),mark:is(em strong mark, strong em mark),em:is(mark strong em, strong mark em) {color: var(--color-violet);background-color: hsla(45 93.8% 44.3% / 0.20);}}
.theme-light{ .cm-s-obsidian .cm-highlight.cm-em.cm-strong,strong:is(em mark strong, mark em strong),mark:is(em strong mark, strong em mark),em:is(mark strong em, strong mark em) {color: var(--color-magenta);background-color:hsla(45 93.8% 44.3% / 0.30);}}
}
/* Codeblock Styling */
.theme-dark{ .markdown-rendered pre {border-radius: 10px;}}
.theme-dark{ .cm-s-obsidian div.HyperMD-codeblock-begin-bg {background: hsla(0 0% 32.2% / 0.2);border-top: solid hsla(0 0% 32.2% / 0.2);border-top-right-radius: 8px !important;border-top-left-radius: 8px !important;margin-top: 8px;}}
.theme-dark{ .cm-s-obsidian div.HyperMD-codeblock-end-bg {background: hsla(0 0% 32.2% / 0.2);border-bottom: solid hsla(0 0% 32.2% / 0.2);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}}
.theme-dark{ .cm-s-obsidian div.HyperMD-codeblock-bg {border-right: solid hsla(0 0% 32.2% / 0.2);border-left: solid hsla(0 0% 32.2% / 0.2);}}
.theme-light{ .markdown-rendered pre {border: solid hsla(240 4% 9.8% / 0.10);border-radius: var(--radius-m);box-shadow: var(--shadow-lm-only);}}
.theme-light{ .cm-s-obsidian div.HyperMD-codeblock-begin-bg {background: hsla(240 4% 9.8% / 0.10);border-top: solid hsla(240 4% 9.8% / 0.10);border-top-right-radius: 8px !important;border-top-left-radius: 8px !important;margin-top: 8px;}}
.theme-light{ .cm-s-obsidian div.HyperMD-codeblock-end-bg {background: hsla(240 4% 9.8% / 0.10);border-bottom: solid hsla(240 4% 9.8% / 0.10);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}}
.theme-light{ .cm-s-obsidian div.HyperMD-codeblock-bg {border-right: solid hsla(240 4% 9.8% / 0.10);border-left: solid hsla(240 4% 9.8% / 0.10);}}
/* Codeblock Styling */
/* Tags Styling */
.theme-dark{ .cm-s-obsidian span.cm-hashtag-begin,.cm-s-obsidian span.cm-hashtag,.cm-s-obsidian span.cm-hashtag-end,a.tag {background-color: hsla(0 0% 32.2% / 0.30);color: var(--color-white);text-shadow: 1px 1px 3px var(--color-black);font-family: inherit;padding: 0px 0px;text-decoration: none;}}
.theme-dark{ .cm-s-obsidian span.cm-hashtag-begin {border-radius: 1em 0px 0px 1em;padding-left: 3px;}}
.theme-dark{ .cm-s-obsidian span.cm-hashtag-end {border-radius: 0px 1em 1em 0px;padding-right: 3px;}}
.theme-dark{ a.tag {border-radius: 1em;padding: 2px 5px;}}
.theme-light{ .cm-s-obsidian span.cm-hashtag-begin,.cm-s-obsidian span.cm-hashtag,.cm-s-obsidian span.cm-hashtag-end,a.tag {background-color: hsla(0 0% 32.2% / 0.30);color: var(--color-black);text-shadow: 1px 1px 3px var(--color-black);font-family: inherit;padding: 0px 0px;text-decoration: none;}}
.theme-light{ .cm-s-obsidian span.cm-hashtag-begin {border-radius: 1em 0px 0px 1em;padding-left: 3px;}}
.theme-light{ .cm-s-obsidian span.cm-hashtag-end {border-radius: 0px 1em 1em 0px;padding-right: 3px;}}
.theme-light{ a.tag {border-radius: 1em;padding: 2px 5px;}}
/* Tags Styling END*/
:root {
--progress-outline: var(--background-modifier-border);
--progress-complete: var(--text-accent);
--radius-set: var(--radius-m);
--radius-s: 8px;
--radius-m: 12px;
--radius-l: 16px;
--input-radius: var(--radius-set);
--tab-radius-active: var(--radius-set);
--toggle-radius: var(--radius-set);
--toggle-thumb-radius: var(--radius-set);
--slider-thumb-radius: var(--radius-set);
--inline-title-font: "Quicksand", sans-serif;
--inline-title-line-height: 0.5;
--inline-title-size: 50px;
--inline-title-style: bold;
--inline-title-variant: normal;
--inline-title-weight: bold;
--font-text-theme: "Quicksand", sans-serif; /*Text font*/
--font-monospace-theme: "Noto Sans Mono", monospace; /*Font used for monospaced content such as code blocks and inline code*/
--border-width: 1px;
--button-radius: var(--radius-set);
--canvas-card-label-color: var(--inline-title-color); /*Canvas card label text color*/
--canvas-dot-pattern: var(--text-shadow); /*Canvas dot pattern color*/
--canvas-color-1: var(color-red);/*Canvas card color 1*/
--canvas-color-2: var(color-orange);/*Canvas card color 2*/
--canvas-color-3: var(color-yellow);/*Canvas card color 3*/
--canvas-color-4: var(color-green);/*Canvas card color 4*/
--canvas-color-5: var(color-blue);/*Canvas card color 5*/
--canvas-color-6: var(color-violet);/*Canvas card color 6*/
}
.theme-dark {
text-shadow: 1px 1px 2px var(--text-shadow);
--text-shadow: var(--color-true-black);
--background-primary: var(--color-black); /*Main note background*/
--background-primary-alt: var(--color-black);
--background-secondary: var(--color-black); /*Top and side bars*/
--background-secondary-alt: var(--color-black);
--background-modifier-border: var(--color-tone);
--background-modifier-form-field: var(--color-black);
--background-modifier-form-field-highlighted: var(--color-black);
--background-modifier-box-shadow: var(--color-black);
--text-highlight-bg-active: hsla(45 93.8% 44.3% / 0.30); /* #dba6074d Highlighted Text Background*/
--accent-h: 0 !important; /*Accent hue*/
--accent-s: 0% !important; /*Accent saturation*/
--accent-l: 80% !important; /*Accent lightness*/
--color-red: #FF384F;
--color-orange: #d67000;
--color-tan: #d78250;
--color-yellow: #d9cb36;
--color-green: #339442;
--color-lime: #39c064;
--color-melon: #c2ffa9;
--color-cyan: #00b4b9;
--color-blue: #607bff;
--color-violet: #be63ff;
--color-purple: #71359C;
--color-magenta: #6B00B8;
--color-pink: pink;
--placeholder: #ff00ff;
--color-white: white;
--color-paper: #cccccc;
--color-grey: #808080;
--color-tone: #525252;
--color-black: #18181a;
--color-true-black: black;
--inline-title-color: var(--color-paper);
--text-normal: var(--color-paper); /*Normal text*/
--text-muted: var(--color-paper); /*Muted text - Obsidian Icons, folder and files on sidebar, tab name, properties name text, settings descriptive text, */
--text-faint: var(--color-paper); /*Faint text - Empty Property text, bullet points, numbered lists, text in interactables searches, settings names on each section, collapse/ex,*/
--text-on-accent: var(--color-white); /*Text on accent background when accent is dark*/
--text-on-accent-inverted: var(--color-paper); /*Text on accent background when accent is light*/
--text-success: var(--placeholder); /*Success text*/
--text-warning: var(--placeholder); /*Warning text*/
--text-error: var(--placeholder); /*Error text*/
--text-accent: var(--color-paper); /*Accent text*/
--text-accent-hover: var(--placeholder); /*Accent text (hover)*/
--caret-color: var(--color-paper);
--text-selection: hsla(139 54.2% 48.8% / 0.25); /* Background colour of selected text.*/
/* Text Formatting*/
--bold-modifier: 400;
--bold-color: var(--color-red);
--italic-color: var(--color-blue);
--list-marker-color: var(--color-paper);
--list-marker-color-collapsed: var(--color-paper);
--list-marker-color-hover: var(--color-yellow);
--list-bullet-border: var(--color-yellow);
--checkbox-border-color: var(--color-paper); /*Unchecked border color*/
/* Block Quotes */
--blockquote-background-color: hsla(240 4% 9.8% / 0.70); /*Blockquote background color*/
--blockquote-border-thickness: 4px; /*Blockquote left border thickness*/
--blockquote-border-color: var(--color-paper); /*Blockquote left border color*/
--blockquote-font-style: italic; /*Blockquote font style (e.g. normal, italic)*/
--blockquote-color: var(--color-paper); /*Blockquote text color*/
/* Codeblocks */
--code-background: hsla(0 0% 32.2% / 0.2); /*Code background color*/
--code-white-space: wrap; /*Code white-space*/ /* type: variable-select, default: pre-wrap, options: normal, nowrap, pre, pre-wrap, pre-line, break-spaces, collapse balance, preserve nowrap) */
--code-size: 12px; /*Code font size*/
--code-normal: var(--color-paper); /*Non-highlighted syntax*/
--code-comment: var(--color-tone); /*Comments*/
--code-function: var(--color-lime); /*Functions*/
--code-important: var(--color-yellow); /*Important, regex*/
--code-keyword: var(--color-violet); /*Keywords*/
--code-operator: var(--color-violet); /*Operators*/
--code-property: var(--color-blue); /*Properties*/
--code-punctuation: var(--color-red); /*Punctuation*/
--code-string: var(--color-lime); /*Strings*/
--code-tag: var(--color-yellow); /*Tags, symbols, constants*/
--code-value: var(--color-blue); /*Values*/
/* Tables */
--table-background: transparent;
--table-border-width: 2px;
--table-border-color: var(--color-tone);
--table-header-background: var(--code-background);
--table-header-background-hover: var(--code-background);
--table-header-size: 20px;
--table-header-color: var(--color-white);
--table-selection: hsla(139 54.2% 48.8% / 0.50);
--table-row-background-hover: hsla(139 54.2% 48.8% / 0.25);
--table-row-alt-background-hover: hsla(139 54.2% 48.8% / 0.25);
/* Links */
--link-color: var(--color-lime); /*Resolved link text color*/
--link-color-hover: var(--color-melon); /*Resolved link text color (hover)*/
--link-weight: ; /*Link font weight*/
--link-unresolved-color: var(--color-lime); /*Unresolved link text color*/
--link-unresolved-opacity:; /*Unresolved link opacity*/
--link-external-color: var(--color-lime); /*External link text color*/
--link-external-color-hover: var(--color-melon); /*External link text color (hover)*/
a.internal-link[href^="#"],
span.cm-hmd-internal-link.cm-link-alias a.cm-underline {
text-decoration-style: dotted;}
--checkbox-radius: 30px; /*Radius*/
--checkbox-size: 18px; /*Height and width*/
--checkbox-margin-inline-start: 10px; /*start margin*/
--checkbox-marker-color: var(--color-green);/*Marker color for the check itself*/
--checkbox-color: hsla(139 54.2% 48.8% / 0.20);/* #39c06433 Background color*/
--checkbox-color-hover: hsla(139 54.2% 48.8% / 0.70);/* #39c064b3 Background color*/
--checkbox-border-color: var(--color-paper);
--checkbox-border-color-hover: var(--color-green);/*Unchecked border color*/
} /* DARK MODE END */
.theme-light {
text-shadow: 1px 1px 2px #363A3760;
--text-shadow: #363A3760;
--background-primary: var(--color-paper); /*Main note background*/
--background-primary-alt: #B3B3B3;
--background-secondary: var(--color-paper); /*Top and side bars*/
--background-secondary-alt: var(--color-paper);
--background-modifier-border: var(--color-tone);
--background-modifier-form-field: var(--color-paper);
--background-modifier-form-field-highlighted: var(--color-paper);
--background-modifier-box-shadow: var(--color-paper);
--text-highlight-bg-active: hsla(45 93.8% 44.3% / 0.30); /* #dba6074d Highlighted Text Background*/
--accent-h: 240 !important; /*Accent hue*/
--accent-s: 4.5% !important; /*Accent saturation*/
--accent-l: 30% !important; /*Accent lightness*/
--color-red: #b30030;
--color-orange: #d67000;
--color-tan: #d78250;
--color-yellow: #e6d83a;
--color-green: #22622C;
--color-lime: #39c064;
--color-melon: #c2ffa9;
--color-cyan: #00b4b9;
--color-blue: #2f2fda;
--color-violet: #be63ff;
--color-purple: #71359C;
--color-magenta: #6B00B8;
--color-pink: pink;
--placeholder: #ff00ff;
--color-white: white;
--color-paper: #cccccc;
--color-grey: #808080;
--color-tone: #525252;
--color-black: #18181a;
--color-true-black: black;
--inline-title-color: var(--color-black);
--text-normal: var(--color-black); /*Normal text*/
--text-muted: var(--color-black); /*Muted text - Obsidian Icons, folder and files on sidebar, tab name, properties name text, settings descriptive text, */
--text-faint: var(--color-black); /*Faint text - Empty Property text, bullet points, numbered lists, text in interactables searches, settings names on each section, collapse/ex,*/
--text-on-accent: var(--color-black); /*Text on accent background when accent is dark*/
--text-on-accent-inverted: var(--color-black); /*Text on accent background when accent is light*/
--text-success: var(--color-lime); /*Success text*/
--text-warning: var(--placeholder); /*Warning text*/
--text-error: var(--placeholder); /*Error text*/
--text-accent: var(--color-black); /*Accent text*/
--text-accent-hover: var(--placeholder); /*Accent text (hover)*/
--caret-color: var(--color-black);
--text-selection: hsla(139 54.2% 48.8% / 0.50); /* Background colour of selected text.*/
--nav-heading-color: var(--color-black);
/* Text Formatting*/
--bold-modifier: 400;
--bold-color: var(--color-red);
--italic-color: var(--color-blue);
--list-marker-color: var(--color-black);
--list-marker-color-collapsed: var(--color-black);
--checkbox-border-color: var(--color-black); /*Unchecked border color*/
/* Block Quotes */
--blockquote-background-color: hsla(240 4% 9.8% / 0.10); /*Blockquote background color*/
--blockquote-border-thickness: 4px; /*Blockquote left border thickness*/
--blockquote-border-color: var(--color-black); /*Blockquote left border color*/
--blockquote-font-style: italic; /*Blockquote font style (e.g. normal, italic)*/
--blockquote-color: var(--color-black); /*Blockquote text color*/
/* Codeblocks */
--code-background: hsla(240 4% 9.8% / 0.10); /*Code background color*/
--code-white-space:; /*Code white-space*/ /* type: variable-select, default: pre-wrap, options: normal, nowrap, pre, pre-wrap, pre-line, break-spaces, collapse balance, preserve nowrap) */
--code-size: 12px; /*Code font size*/
--code-normal: var(--color-black); /*Non-highlighted syntax*/
--code-comment: var(--color-tone); /*Comments*/
--code-function: var(--color-green); /*Functions*/
--code-important: var(--color-yellow); /*Important, regex*/
--code-keyword: var(--color-violet); /*Keywords*/
--code-operator: var(--color-violet); /*Operators*/
--code-property: var(--color-blue); /*Properties*/
--code-punctuation: var(--color-red); /*Punctuation*/
--code-string: var(--color-green); /*Strings*/
--code-tag: var(--color-yellow); /*Tags, symbols, constants*/
--code-value: var(--color-red); /*Values*/
/* Tables */
--table-background: ;
--table-border-width: 2px;
--table-border-color: var(--color-black);
--table-header-background: var(--code-background);
--table-header-background-hover: var(--code-background);
--table-header-size: 20px;
--table-header-color: var(--color-black);
--table-selection: hsla(139 54.2% 48.8% / 0.50);
--table-row-background-hover: hsla(139 54.2% 48.8% / 0.25);
--table-row-alt-background-hover: hsla(139 54.2% 48.8% / 0.25);
/* Links */
--link-color: var(--color-green); /*Resolved link text color*/
--link-color-hover: var(--color-lime); /*Resolved link text color (hover)*/
--link-weight: ; /*Link font weight*/
--link-unresolved-color: var(--color-green); /*Unresolved link text color*/
--link-unresolved-opacity:; /*Unresolved link opacity*/
--link-external-color: var(--color-green); /*External link text color*/
--link-external-color-hover: var(--color-lime); /*External link text color (hover)*/
a.internal-link[href^="#"],
span.cm-hmd-internal-link.cm-link-alias a.cm-underline {
text-decoration-style: dotted;}
--checkbox-radius: 30px; /*Radius*/
--checkbox-size: 18px; /*Height and width*/
--checkbox-margin-inline-start: 10px; /*start margin*/
--checkbox-marker-color: var(--color-green);/*Marker color for the check itself*/
--checkbox-color: hsla(139 54.2% 48.8% / 0.20);/* #39c06433 Background color*/
--checkbox-color-hover: hsla(139 54.2% 48.8% / 0.70);/* #39c064b3 Background color*/
--checkbox-border-color: var(--color-black);
--checkbox-border-color-hover: var(--color-green);/*Unchecked border color*/
} /* LIGHT MODE END */
body{
/* for list column, grid and card */
--list-min-width: 200px;
--col-rule-color: var(--background-modifier-border); /* #b3b3b3; */
--col-rule-width: 1px;
--list-grid-min-width: 250px;
--list-grid-wide-min-width: 350px;
}
.theme-dark {
/* --background-mcl-card: hsl(300, 5%, 15%); */
}
.theme-light {
/* --background-mcl-card: hsl(300, 5%, 90%); */
}
/* === General === */
/* -- Fixed Width definition -- */
/* quadruple the last .callout to win specificity with main multi-column callout */
div[data-callout-metadata*="fw"].callout.callout.callout { flex-grow: 0; flex-shrink: 0;}
div[data-callout-metadata*="fw1"].callout.callout.callout.callout { flex-basis: 100px; width: 100px; }
div[data-callout-metadata*="fw2"].callout.callout.callout.callout { flex-basis: 200px; width: 200px; }
div[data-callout-metadata*="fw3"].callout.callout.callout.callout { flex-basis: 300px; width: 300px; }
div[data-callout-metadata*="fw4"].callout.callout.callout.callout { flex-basis: 400px; width: 400px; }
div[data-callout-metadata*="fw5"].callout.callout.callout.callout { flex-basis: 500px; width: 500px; }
div[data-callout-metadata*="fw6"].callout.callout.callout.callout { flex-basis: 600px; width: 600px; }
div[data-callout-metadata*="fw7"].callout.callout.callout.callout { flex-basis: 700px; width: 700px; }
div[data-callout-metadata*="fw8"].callout.callout.callout.callout { flex-basis: 800px; width: 800px; }
div[data-callout-metadata*="fw9"].callout.callout.callout.callout { flex-basis: 900px; width: 900px; }
div[data-callout-metadata*="pw1"].callout.callout.callout.callout { flex-basis: 10%; width: 10%; }
div[data-callout-metadata*="pw2"].callout.callout.callout.callout { flex-basis: 18%; width: 18%; }
div[data-callout-metadata*="pw3"].callout.callout.callout.callout { flex-basis: 28%; width: 28%; }
div[data-callout-metadata*="pw4"].callout.callout.callout.callout { flex-basis: 38%; width: 38%; }
div[data-callout-metadata*="pw5"].callout.callout.callout.callout { flex-basis: 48%; width: 48%; }
div[data-callout-metadata*="pw6"].callout.callout.callout.callout { flex-basis: 58%; width: 58%; }
div[data-callout-metadata*="pw7"].callout.callout.callout.callout { flex-basis: 68%; width: 68%; }
div[data-callout-metadata*="pw8"].callout.callout.callout.callout { flex-basis: 78%; width: 78%; }
div[data-callout-metadata*="pw9"].callout.callout.callout.callout { flex-basis: 88%; width: 88%; }
/* metadata "wide-x" to control subcallout flexible max width. only discrete 2,4,8,16 */
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="mw0"].callout.callout { flex-basis: 0; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw1"].callout { flex: 1 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw2"].callout { flex: 2 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw3"].callout { flex: 3 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw4"].callout { flex: 4 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw5"].callout { flex: 5 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw6"].callout { flex: 6 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw7"].callout { flex: 7 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw8"].callout { flex: 8 0 auto; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="dw9"].callout { flex: 9 0 auto; }
/* === Multi Column Callout (MCC) === */
/* some issues still persists
(2) some theme uses transparency to affect .callout-title */
/* common MCC variables */
body {
--mcc-img-snw-display: none;
--callout-min-width: 200px;
--callout-nowrap-min-width: 250px;
--callout-gap: 1em;
--callout-margin: 0px;
}
[data-callout="multi-column"].callout {
--callout-blend-mode: normal;
}
/* -- Main MCC Code -- */
/* remove callout-title and make callout-content as part of main callout for box formatting */
div[data-callout="multi-column"].callout > .callout-title { display: none; }
div[data-callout="multi-column"].callout > .callout-content { display: contents; }
/* make the main callout a flex and remove box formatting */
/* --columns: unset to undo Sanctum's mod */
div[data-callout="multi-column"].callout
{ display: flex; flex-wrap: wrap; gap: var(--callout-gap); background: unset; border: unset; margin: unset; padding: unset; clear: both; --columns: unset; }
/* make the subcallout in flex column to allow growing vertically */
div[data-callout="multi-column"].callout .callout:not([data-callout="multi-column"]) { display: flex; flex-direction: column; }
div[data-callout="multi-column"].callout:not(.is-collapsed) .callout { margin-inline: var(--callout-margin); margin-block: var(--callout-margin); } /* to allow spacing for box shadow */
div[data-callout="multi-column"].callout .callout .callout-content { flex-grow: 1}
div[data-callout="multi-column"].callout > .callout-content > *:is(div,ul,blockquote,p) { flex: 1 1 var(--callout-min-width); margin: 0;}
/* metadata "wide-x" to control subcallout flexible max width. only discrete 2,4,8,16 */
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="min-0"] { flex-basis: 0; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-2"] { flex-grow: 2; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-3"] { flex-grow: 3; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-4"] { flex-grow: 4; }
div[data-callout="multi-column"].callout > .callout-content > div[data-callout-metadata*="wide-5"] { flex-grow: 5; }
@media (min-width: 500px) {
/* .is-collapsed is used to draw the border-left only when it's collapsed */
div[data-callout="multi-column"].callout > div.callout-content .callout.is-collapsed { box-shadow: unset; height: min-content;}
}
/* -- MCC Variant - Flexible Height for Subcallout / Children -- */
/* also useful if one wants to have non callout children like table and don't want to fill the height */
div[data-callout="multi-column"].callout {}
div[data-callout="multi-column"][data-callout-metadata*="flex-h"].callout { align-items: flex-start; }
/* -- MCC Variation - Fixed Columns -- */
div[data-callout="multi-column"][data-callout-metadata*="col3"]:not([data-callout-metadata*="icons"]).callout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
/* -- MCC Variation - Icons -- */
/* Main code */
div[data-callout="multi-column"][data-callout-metadata*="icons"] {
&.callout { justify-content: center; }
&.callout .callout { display: flex; flex-direction: row; flex-wrap: wrap; }
&.callout.callout .callout-content > p { flex-grow: 1; text-align: center; }
/* Options for number of columns */
&[data-callout-metadata*="col2"].callout.callout .callout-content > p { flex-basis: 40%; }
&[data-callout-metadata*="col3"].callout.callout .callout-content > p { flex-basis: 30%; }
&[data-callout-metadata*="col4"].callout.callout .callout-content > p { flex-basis: 22%; }
&[data-callout-metadata*="col5"].callout.callout .callout-content > p { flex-basis: 18%; }
/* listive theme */
&.callout p:first-child { margin-top: revert; }
}
/* -- MCC Variation - Fixed Width Option -- */
/* Fixed Width Option (using callout-metadata) */
div[data-callout="multi-column"][data-callout-metadata*="center-fixed"].callout { justify-content: center; }
div[data-callout="multi-column"][data-callout-metadata*="left-fixed"].callout { justify-content: flex-start; }
div[data-callout="multi-column"][data-callout-metadata*="right-fixed"].callout { justify-content: flex-end; }
div[data-callout="multi-column"][data-callout-metadata*="fixed"].callout > .callout-content > *:is(div,ul) { flex-grow: 0; }
/* Callout size for Fixed Width Option */
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="small"].callout > .callout-content > *:is(div,ul) { flex-basis: calc( var(--float-small-width) * 0.5 ); }
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="medium"].callout > .callout-content > *:is(div,ul) { flex-basis: calc( var(--float-medium-width) * 0.65); }
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="large"].callout > .callout-content > *:is(div,ul) { flex-basis: calc( var(--float-large-width) * 0.8); }
/* -- MCC Variation - No Wrap Option -- */
/* No-Wrap Option (using callout-metadata) - for single row with horizontal scrollbar */
div[data-callout="multi-column"][data-callout-metadata*="no-wrap"].callout {
flex-wrap: nowrap; overflow-x: scroll;
& > .callout-content > *:is(div,ul) { flex-shrink: 0; }
}
/* No-Wrap Option, Width Options. Legacy width option. better to dw, pw and fw options at the top */
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="small"] { flex-basis: 300px; }
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="medium"] { flex-basis: 400px; }
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="large"] { flex-basis: 600px; }
/* Align center for items in callout */
div[data-callout="multi-column"] .callout[data-callout-metadata*="center"] { text-align: center; }
/* -- Special Adjustment for Community Themes -- */
/* Special Adjustment -- for theme with negative margin & box shadow. (e.g. Prism) */
div[data-callout="multi-column"].callout > .callout-content { margin-top: unset;}
div[data-callout="multi-column"].callout:not(.is-collapsed) { box-shadow: unset;}
/* Blue Topaz - remove box shadow from main [!multi-column] */
body[class*="notebook-liked-markdown-page"].shade-callout-style .callout[data-callout="multi-column"] { box-shadow: unset !important; }
/* Special Adjustment -- for minimal left margin *//*
.markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > div[data-callout="multi-column"].callout
{ width: 100%; max-width: 100%; margin-inline: 0 !important; }
/* Minimal - .dataview.list-view-ul width - Minimal set the width with --line-width-adaptive (40rem by default) */
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) div[data-callout="multi-column"].callout .dataview.list-view-ul {width: auto;}
/* Minimal -- Callout Outline, to ensure sub-callout not overlapped and hidden */
.callouts-outlined div[data-callout="multi-column"].callout:not(.is-collapsed) .callout:not([data-callout="multi-column"]) {
margin-top: 1em;
}
/* -- Special Adjustment for Plugins / Markdown Elements -- */
/* SNW plugin */
div[data-callout*="multi-column"].callout .callout-content span.image-embed + .snw-reference { display: var(--mcc-img-snw-display); }
/* === Blank Container "DIV"'s - can be used with Main Multi-Column layout above === */
/* "blank-container" - no bg, no border, no title, no nothing, and remove the ligthen effect */
div[data-callout*="blank"].callout {--callout-blend-mode: normal;}
div[data-callout*="blank"].callout > .callout-title { display: none; }
div[data-callout*="blank"].callout > .callout-content {display: contents;}
div[data-callout*="blank"].callout { border: 0; padding-top: 0; padding-inline: 5px; background: unset; box-shadow: unset; }
/* -- No Margin -- */
/* issues still persists
- headers font size not same
- "no-margin" not fully workable in editing view due to wide-page override for Minimal theme
*/
div[data-callout-metadata*="no-margin"]:is(.cm-callout, .callout.callout, .callout.callout .callout-content) {margin: 0; padding: 0;}
/* -- No Margin for only child -- */
div[data-callout*="blank"].callout .callout-content > p:only-child {
margin-block: 0;
}
/* -- Special Adjustment for Themes -- */
/* Mado. Remove theme's pseudo left border */
div[data-callout*="blank"] .callout-content::before { display: none; }
/* === Text Justify === */
.text-justify :is(.markdown-preview-view p,.markdown-source-view .cm-line) { text-align: justify; }
/* === Floating Callout - Base === */
/* float uses callout-metadata to control the layout. can apply to any callout */
/* variables */
body {
--float-small-width: 300px;
--float-medium-width: 400px;
--float-large-width: 600px;
--float-left-callout-margin: 0 15px 0 0;
--float-right-callout-margin: 0 0 0 15px;
--float-callout-top-margin: 0em;
--float-callout-bottom-margin: 0em;
--float-callout-snw-display: none;
}
/* variables */
body {
--float-left-callout-margin-inline: 0 12px;
--float-right-callout-margin-inline: 12px 0;
--float-snw-display: none;
}
/* -- Main Code. Use media query so that floats only works when there's enough width */
@media (min-width: 500px){
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"]) { display: inline; z-index: 30;}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"]) > div > .callout { float: left; z-index: 30; }
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"]) > .edit-block-button { display: none; }
.markdown-reading-view div[data-callout-metadata*="left"].callout {float: left;}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"]) { display: inline; z-index: 30;}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"]) > div > .callout { float: right; z-index: 30; }
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"]) > .edit-block-button { display: none; }
.markdown-reading-view div[data-callout-metadata*="right"].callout {float: right; }
.markdown-source-view.mod-cm6 .cm-embed-block.cm-callout :is(.callout[data-callout-metadata*="left"], .callout[data-callout-metadata*="right"]) .callout-content > p:last-of-type { margin-bottom: auto;}
[data-callout-metadata*="float-right"].cm-embed-block.cm-callout {width: auto !important;}
/* remove margin from first para in the float callout */
.callout:is(div[data-callout-metadata*="left"],div[data-callout-metadata*="right"]) .callout-content > :is(p:first-child,ul:first-child,ol:first-child) {margin-top: 0;}
/* Adjustable Gap */
/* 26Mar2023 only top for now, to work on left-right later */
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="left"]),
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="right"])
{ margin-top: calc(1em * var(--line-height-normal) + var(--float-callout-top-margin)); }
/**/
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="left"]),
.markdown-reading-view div[data-callout-metadata*="left"].callout {
margin-inline: var(--float-left-callout-margin-inline);
}
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="right"]),
.markdown-reading-view div[data-callout-metadata*="right"].callout {
margin-inline: var(--float-right-callout-margin-inline);
}
}
/* -- FC Size Options -- */
/* legacy width option. better to dw, pw and fw options at the top */
[data-callout-metadata*="-small"].callout {width: var(--float-small-width);}
[data-callout-metadata*="-medium"].callout {width: var(--float-medium-width);}
[data-callout-metadata*="-large"].callout {width: var(--float-large-width);}
/* -- Special Adjustment for Plugins / Markdown Elements -- */
/* Option for Caption */
div:is([data-callout-metadata*="caption"]).callout > .callout-content > p .image-embed[alt]:not([alt$=".png"], [alt$=".jpg"], [alt$=".jpeg"], [alt$=".tiff"])::after {content: attr(alt); text-align: center; display: block; font-style: italic; color: var(--text-muted); }
div:is([data-callout-metadata*="caption"]).callout > .callout-content > p img:not(.emoji) { display: block; margin-right: auto; margin-left: auto;}
/* Introduce clear to break the float */
/* .markdown-preview-view h2, *//* remove this as it has weird spacing effect */
.embedded-backlinks { clear: both; }
/* for Blockquote underlap the float layout -- to remove by 30Jun2024, no longer needed */
/* .markdown-preview-view :is(blockquote) { overflow-x: auto; } /* fix for blockquote underlap */
/* .markdown-preview-view :is(p) { overflow: unset; } /* fix for para not wrapping around float. applicable for Willemstad */
/* for SNW plugin */
div:is([data-callout-metadata*="caption"],[data-callout-metadata*="left"],[data-callout-metadata*="right"]).callout > .callout-content > p .snw-embed-preview { display: var(--float-callout-snw-display); width: min-content; height: min-content; }
div:is([data-callout-metadata*="caption"],[data-callout-metadata*="left"],[data-callout-metadata*="right"]).callout > .callout-content > p .internal-embed.image-embed ~ br {display: none;}
/* -- Special Adjustment for Themes -- */
/* Minimal. Minimal Float. Updated for Minimal V7.4.7 */
/* "Reset" the default "cm-sizer" width but respect Minimal Settings, and require cssclass ".minimal-float" as Minimal own wide table will not work together with float i.e. removing :not(:has(table)) from .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)) */
.minimal-float.markdown-source-view.mod-cm6 {
.cm-sizer {
max-width: var(--max-width); width: var(--line-width);
}
.cm-contentContainer.cm-contentContainer > .cm-content > div,
.cm-sizer > .embedded-backlinks,
.cm-sizer > .inline-title,
.cm-sizer > .metadata-container {
max-width: none; width: auto;
}
}
/* Minimal. Previous Minimal Float but with performance issue. Kept for reference until 30 June 2024 */ /*
:is(body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)), .minimal-float.markdown-source-view.mod-cm6) .cm-sizer { max-width: var(--max-width); width: var(--line-width); }
:is(body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)), .minimal-float.markdown-source-view.mod-cm6) .cm-contentContainer.cm-contentContainer>.cm-content>div,
:is(body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)), .minimal-float.markdown-source-view.mod-cm6) .cm-sizer>.embedded-backlinks,
:is(body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)), .minimal-float.markdown-source-view.mod-cm6) .cm-sizer>.inline-title,
:is(body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width:not(:has(table)), .minimal-float.markdown-source-view.mod-cm6) .cm-sizer>.metadata-container
{ max-width: none; width: auto; }
/* Minimal - fix to support Breadcrumbs plugin. Sub to the above LP float fix for Minimal */
body[class*="minimal-tab-title"].contextual-typography .minimal-float.markdown-preview-view.markdown-preview-view .BC-trail.markdown-preview-sizer { display: flex; }
/* Minimal - Size Option fix due to !important */
/* Minimal. Uses body[class*="minimal-tab-title"] as identifier. To override (have higher specificity) the width param. Can be merged to main code later on */
@media (min-width: 500px){
body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > div[data-callout-metadata$="small"].callout { width: var(--float-small-width) !important; margin-left: 0 !important; }
body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > div[data-callout-metadata$="medium"].callout { width: var(--float-medium-width) !important; margin-left: 0 !important; }
}
@media (min-width: 750px){
body[class*="minimal-tab-title"] .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > div[data-callout-metadata$="large"].callout { width: var(--float-large-width); margin-left: 0 !important; }
}
/* === List Column ===*/
/* supported for (1) css :has(), (2) yaml cssclass, (3) CT plugin, and (4) MA plugin
- CSS :has() can be applied to sublists, so no column rule. CT plugin apply to div that houses the ul, so column gap is different
- xx-column-list for first level only list, but apply anywhere but xx-column-list-block apply at block level. Both require JV's Markdown Attributes plugin
*/
/* -- List Column/Grid/Card general styling -- */
/* hide tag in rendered view, dim it in edit mode and small size */
:is(div[class*="mcl"].markdown-rendered, .markdown-rendered) a[href*="#mcl"] {display: none;}
/* :is(div[class*="mcl"].markdown-rendered, .markdown-rendered div[class*="mcl"]) a[href*="#mcl"] {display: none;} */
.cm-s-obsidian .HyperMD-list-line span[class*="mcl"] {background-color: var(--background-primary) !important; color: var(--text-faint); font-size: 0.9rem; }
/* -- List Column using YAML cssclass and Markdown Attributes i.e. {.three-column-list-block} -- */
/* define the column gap and column rule */
.two-column-list div > ul, .two-column-list-block,
.three-column-list div > ul, .three-column-list-block,
.four-column-list div > ul, .four-column-list-block,
.multi-column-list div > ul, .multi-column-list-block
{ column-gap: 3rem; column-rule: var(--col-rule-width) solid var(--col-rule-color); }
/* define the column count, for fixed number of columns, to subject it to note's width (in future can use @container when installer v1.2.7 widely used ) */
@media (min-width: 500px ){
.two-column-list div > ul, .two-column-list-block {columns: 2; }
.three-column-list div > ul, .three-column-list-block {columns: 3; }
.four-column-list div > ul, .four-column-list-block {columns: 4; }
}
.multi-column-list div > ul, .multi-column-list-block { column-width: var(--list-min-width); }
/* Special adjustment for footnotes applied with -colum-list-block -- obsidian creates a
tag at the last */
.footnotes [class$="-column-list-block"] li:last-of-type br:last-of-type {display: none;}
/* -- List Column Using Tag (using CSS has) -- */
/* set the column rules at ul level and adjust the margin */
ul:has(> li > [data-heading] > [href*="#mcl/list-column"]),
ul:has(> li > [href*="#mcl/list-column"]) {
margin-top: 0;
column-width: var(--list-min-width); column-gap: 1rem;
column-rule: var(--col-rule-width) solid var(--col-rule-color);
}
/* give some margin for the div, for first ul only */
div:has(> ul > li > [href*="#mcl/list-column"]),
div:has(> ul > li > [data-heading] > [href*="#mcl/list-column"])
{ margin-top: 0.8em; }
/* readjust [!blank] display contents */
div[data-callout*="blank"] > .callout-content:has(li [href*="#mcl/list-column"]) {display: block; margin: 0; padding: 0; }
/* -- General Adjustment for List Column -- */
/* Adjustment for misaligned bullets (this is a hack, need to find better solution later) */
ul:has([href="#mcl/list-column"]) li > .list-bullet::after, /* :has() */
.markdown-preview-view[class*="column-list"] li > .list-bullet::after, /* yaml cssclass */
.tag-mcllist-column ul li > .list-bullet::after, /* contextual typography */
ul[class*="column-list"] li > .list-bullet::after /* markdown attributes */
{ position: relative; }
/* -- Special Adjustment for Plugins for List Column -- */
/* for Custom Classes */
div.cc-container:has(li > [href="#mcl/list-column"]) { width: 100%; }
/* === List Grid (using hashtag) === */
/* supported (1) :has() and (2) Contextual Typography plugin */
/* -- Main Code -- */
ul:has(> li > [data-heading] > [href*="#mcl/list-grid"]),
ul:has(> li > [href*="#mcl/list-grid"]),
div[class*="mcllist-grid"] ul:first-child
{ display: grid; grid-template-columns: repeat(auto-fit,minmax(var(--list-grid-min-width),1fr)); }
ul:has(> li > [data-heading] > [href*="#mcl/list-grid-wide"]),
ul:has(> li > [href*="#mcl/list-grid-wide"]),
div[class*="mcllist-grid-wide"] ul:first-child
{ grid-template-columns: repeat(auto-fit,minmax(var(--list-grid-wide-min-width),1fr)); }
ul:has(> li > [data-heading] > [href*="#mcl/list-grid"]) > li:not(:last-of-type),
ul:has(> li > [href*="#mcl/list-grid"]) > li:not(:last-of-type),
div[class*="mcllist-grid"] ul:first-child > li:not(:last-of-type)
{ padding-right: 1.6em; }
ul:has(> li > [data-heading] > [href*="#mcl/list-grid-sm"]),
ul:has(> li > [href*="#mcl/list-grid-sm"]),
div[class*="mcllist-grid-sm"] ul:first-child
{ --list-grid-min-width: 20%; }
/* - dashboard style, page level only, apply to any first level */
/* -- applicable only when width > 400pt, else just single column */
/* grid list block level cannot be done, it breaks formatting */
@media (min-width: 500px) {
.two-column-grid-list div > ul { display: grid; grid-column-gap:3em; grid-template-columns:repeat(2,1fr);}
}
@media (min-width: 600px) {
.three-column-grid-list div > ul { display: grid; grid-column-gap:3em; grid-template-columns:repeat(3,1fr);}
}
/* === List Card (using hashtag) === */
/* supported (1) :has() and (2) Contextual Typography plugin */
body {
--mcl-card-header-border-width: 1px;
--mcl-card-bg-color: var(--background-secondary);
--mcl-card-gap: 0.2em;
--mcl-card-border-width: 1px;
--mcl-card-border-color: var(--background-modifier-border);
}
/* -- Main Code -- */
/* make the list grid, remove some ul padding */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), [class*="mcllist-card"]) ul:first-child { display: grid; grid-template-columns: repeat(auto-fit,minmax(var(--list-grid-min-width),1fr)); margin-block-start: 0.5em; }
:is(div:has(> ul [data-heading*="#mcl/list-card-wide"]), [class*="mcllist-card-wide"]) ul:first-child { grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-wide-min-width),1fr));}
/* unindent first level bullet */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul ul:not(ul ul ul) { padding-left: 0.1em; } /* with v1.6 this is somewhat redundant */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul ul:not(ul ul ul) > li { margin-inline-start: 0; }
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul { padding-left: 0; }
:is(.is-mobile .markdown-preview-section) :is(div:has([data-heading*="#mcl/list-card"]), .tag-mcllist-card) :is(ol:not(ol ol ol), ul:not(ul ul ul)) {padding-left: 0;}
/* reposition the collapse indicator and hover behaviour */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li {position: relative;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li:hover > .collapse-indicator,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li > ul > li:hover > .collapse-indicator {opacity: 1;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li > .collapse-indicator,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li > ul > li > .collapse-indicator {position: absolute; right: 0.7em; padding-right: 0;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul::before {display: none;}
/* decorate the first heading for cards */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content) > ul > li:not(.is-collapsed) > [data-heading] {border-bottom: var(--mcl-card-header-border-width) solid var(--mcl-card-border-color); margin-bottom: 0.2em;}
/* hide the list bullet for list-card for first and second level */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > div > div > ul > li > .list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > div > div > ul > li > ul > li > .list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > ul > li::before,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > ul > li > ul > li::before,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > ul > li > .list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) > ul > li > ul > li > .list-bullet::after {visibility: hidden;}
/* remove the indentation guide */
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul ul ul)::before {--indentation-guide-width: 0;}
.markdown-rendered.show-indentation-guide :is(div:has(> ul [data-heading*="#mcl/list-card"]), .tag-mcllist-card) li > ul::before,
.markdown-rendered.show-indentation-guide :is(div:has(> ul [data-heading*="#mcl/list-card"]), .tag-mcllist-card) li > ol::before {border-right: 0; border-left: 0; }
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) li {list-style: none;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) li li li {list-style: circle;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) .callout ul:not(ul ul) > li,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul) > li
{ margin-inline: var(--mcl-card-gap); margin-bottom: calc(var(--mcl-card-gap)*2); padding: 0.3em 0.5em; outline: var(--mcl-card-border-width) solid var(--mcl-card-border-color); border-radius: 0.5em; background-color: var(--mcl-card-bg-color);}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul) > li img {width: 100%;}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul img {margin: 0; float: none;}
/* https://help.obsidian.md/callouts#Customize%20callouts */
/* Icons */
/* Lucide Version 0.553.0 */
.callout[data-callout="a-arrow-down"] {
--callout-icon: lucide-a-arrow-down;
}
.callout[data-callout="a-arrow-up"] {
--callout-icon: lucide-a-arrow-up;
}
.callout[data-callout="a-large-small"] {
--callout-icon: lucide-a-large-small;
}
.callout[data-callout="accessibility"] {
--callout-icon: lucide-accessibility;
}
.callout[data-callout="activity"] {
--callout-icon: lucide-activity;
}
.callout[data-callout="air-vent"] {
--callout-icon: lucide-air-vent;
}
.callout[data-callout="airplay"] {
--callout-icon: lucide-airplay;
}
.callout[data-callout="alarm-clock"] {
--callout-icon: lucide-alarm-clock;
}
.callout[data-callout="alarm-clock-check"] {
--callout-icon: lucide-alarm-clock-check;
}
.callout[data-callout="alarm-clock-minus"] {
--callout-icon: lucide-alarm-clock-minus;
}
.callout[data-callout="alarm-clock-off"] {
--callout-icon: lucide-alarm-clock-off;
}
.callout[data-callout="alarm-clock-plus"] {
--callout-icon: lucide-alarm-clock-plus;
}
.callout[data-callout="alarm-smoke"] {
--callout-icon: lucide-alarm-smoke;
}
.callout[data-callout="album"] {
--callout-icon: lucide-album;
}
.callout[data-callout="align-center-horizontal"] {
--callout-icon: lucide-align-center-horizontal;
}
.callout[data-callout="align-center-vertical"] {
--callout-icon: lucide-align-center-vertical;
}
.callout[data-callout="align-end-horizontal"] {
--callout-icon: lucide-align-end-horizontal;
}
.callout[data-callout="align-end-vertical"] {
--callout-icon: lucide-align-end-vertical;
}
.callout[data-callout="align-horizontal-distribute-center"] {
--callout-icon: lucide-align-horizontal-distribute-center;
}
.callout[data-callout="align-horizontal-distribute-end"] {
--callout-icon: lucide-align-horizontal-distribute-end;
}
.callout[data-callout="align-horizontal-distribute-start"] {
--callout-icon: lucide-align-horizontal-distribute-start;
}
.callout[data-callout="align-horizontal-justify-center"] {
--callout-icon: lucide-align-horizontal-justify-center;
}
.callout[data-callout="align-horizontal-justify-end"] {
--callout-icon: lucide-align-horizontal-justify-end;
}
.callout[data-callout="align-horizontal-justify-start"] {
--callout-icon: lucide-align-horizontal-justify-start;
}
.callout[data-callout="align-horizontal-space-around"] {
--callout-icon: lucide-align-horizontal-space-around;
}
.callout[data-callout="align-horizontal-space-between"] {
--callout-icon: lucide-align-horizontal-space-between;
}
.callout[data-callout="align-start-horizontal"] {
--callout-icon: lucide-align-start-horizontal;
}
.callout[data-callout="align-start-vertical"] {
--callout-icon: lucide-align-start-vertical;
}
.callout[data-callout="align-vertical-distribute-center"] {
--callout-icon: lucide-align-vertical-distribute-center;
}
.callout[data-callout="align-vertical-distribute-end"] {
--callout-icon: lucide-align-vertical-distribute-end;
}
.callout[data-callout="align-vertical-distribute-start"] {
--callout-icon: lucide-align-vertical-distribute-start;
}
.callout[data-callout="align-vertical-justify-center"] {
--callout-icon: lucide-align-vertical-justify-center;
}
.callout[data-callout="align-vertical-justify-end"] {
--callout-icon: lucide-align-vertical-justify-end;
}
.callout[data-callout="align-vertical-justify-start"] {
--callout-icon: lucide-align-vertical-justify-start;
}
.callout[data-callout="align-vertical-space-around"] {
--callout-icon: lucide-align-vertical-space-around;
}
.callout[data-callout="align-vertical-space-between"] {
--callout-icon: lucide-align-vertical-space-between;
}
.callout[data-callout="ambulance"] {
--callout-icon: lucide-ambulance;
}
.callout[data-callout="ampersand"] {
--callout-icon: lucide-ampersand;
}
.callout[data-callout="ampersands"] {
--callout-icon: lucide-ampersands;
}
.callout[data-callout="amphora"] {
--callout-icon: lucide-amphora;
}
.callout[data-callout="anchor"] {
--callout-icon: lucide-anchor;
}
.callout[data-callout="angry"] {
--callout-icon: lucide-angry;
}
.callout[data-callout="annoyed"] {
--callout-icon: lucide-annoyed;
}
.callout[data-callout="antenna"] {
--callout-icon: lucide-antenna;
}
.callout[data-callout="anvil"] {
--callout-icon: lucide-anvil;
}
.callout[data-callout="aperture"] {
--callout-icon: lucide-aperture;
}
.callout[data-callout="app-window"] {
--callout-icon: lucide-app-window;
}
.callout[data-callout="app-window-mac"] {
--callout-icon: lucide-app-window-mac;
}
.callout[data-callout="apple"] {
--callout-icon: lucide-apple;
}
.callout[data-callout="archive"] {
--callout-icon: lucide-archive;
}
.callout[data-callout="archive-restore"] {
--callout-icon: lucide-archive-restore;
}
.callout[data-callout="archive-x"] {
--callout-icon: lucide-archive-x;
}
.callout[data-callout="armchair"] {
--callout-icon: lucide-armchair;
}
.callout[data-callout="arrow-big-down"] {
--callout-icon: lucide-arrow-big-down;
}
.callout[data-callout="arrow-big-down-dash"] {
--callout-icon: lucide-arrow-big-down-dash;
}
.callout[data-callout="arrow-big-left"] {
--callout-icon: lucide-arrow-big-left;
}
.callout[data-callout="arrow-big-left-dash"] {
--callout-icon: lucide-arrow-big-left-dash;
}
.callout[data-callout="arrow-big-right"] {
--callout-icon: lucide-arrow-big-right;
}
.callout[data-callout="arrow-big-right-dash"] {
--callout-icon: lucide-arrow-big-right-dash;
}
.callout[data-callout="arrow-big-up"] {
--callout-icon: lucide-arrow-big-up;
}
.callout[data-callout="arrow-big-up-dash"] {
--callout-icon: lucide-arrow-big-up-dash;
}
.callout[data-callout="arrow-down"] {
--callout-icon: lucide-arrow-down;
}
.callout[data-callout="arrow-down-0-1"] {
--callout-icon: lucide-arrow-down-0-1;
}
.callout[data-callout="arrow-down-1-0"] {
--callout-icon: lucide-arrow-down-1-0;
}
.callout[data-callout="arrow-down-a-z"] {
--callout-icon: lucide-arrow-down-a-z;
}
.callout[data-callout="arrow-down-from-line"] {
--callout-icon: lucide-arrow-down-from-line;
}
.callout[data-callout="arrow-down-left"] {
--callout-icon: lucide-arrow-down-left;
}
.callout[data-callout="arrow-down-narrow-wide"] {
--callout-icon: lucide-arrow-down-narrow-wide;
}
.callout[data-callout="arrow-down-right"] {
--callout-icon: lucide-arrow-down-right;
}
.callout[data-callout="arrow-down-to-dot"] {
--callout-icon: lucide-arrow-down-to-dot;
}
.callout[data-callout="arrow-down-to-line"] {
--callout-icon: lucide-arrow-down-to-line;
}
.callout[data-callout="arrow-down-up"] {
--callout-icon: lucide-arrow-down-up;
}
.callout[data-callout="arrow-down-wide-narrow"] {
--callout-icon: lucide-arrow-down-wide-narrow;
}
.callout[data-callout="arrow-down-z-a"] {
--callout-icon: lucide-arrow-down-z-a;
}
.callout[data-callout="arrow-left"] {
--callout-icon: lucide-arrow-left;
}
.callout[data-callout="arrow-left-from-line"] {
--callout-icon: lucide-arrow-left-from-line;
}
.callout[data-callout="arrow-left-right"] {
--callout-icon: lucide-arrow-left-right;
}
.callout[data-callout="arrow-left-to-line"] {
--callout-icon: lucide-arrow-left-to-line;
}
.callout[data-callout="arrow-right"] {
--callout-icon: lucide-arrow-right;
}
.callout[data-callout="arrow-right-from-line"] {
--callout-icon: lucide-arrow-right-from-line;
}
.callout[data-callout="arrow-right-left"] {
--callout-icon: lucide-arrow-right-left;
}
.callout[data-callout="arrow-right-to-line"] {
--callout-icon: lucide-arrow-right-to-line;
}
.callout[data-callout="arrow-up"] {
--callout-icon: lucide-arrow-up;
}
.callout[data-callout="arrow-up-0-1"] {
--callout-icon: lucide-arrow-up-0-1;
}
.callout[data-callout="arrow-up-1-0"] {
--callout-icon: lucide-arrow-up-1-0;
}
.callout[data-callout="arrow-up-a-z"] {
--callout-icon: lucide-arrow-up-a-z;
}
.callout[data-callout="arrow-up-down"] {
--callout-icon: lucide-arrow-up-down;
}
.callout[data-callout="arrow-up-from-dot"] {
--callout-icon: lucide-arrow-up-from-dot;
}
.callout[data-callout="arrow-up-from-line"] {
--callout-icon: lucide-arrow-up-from-line;
}
.callout[data-callout="arrow-up-left"] {
--callout-icon: lucide-arrow-up-left;
}
.callout[data-callout="arrow-up-narrow-wide"] {
--callout-icon: lucide-arrow-up-narrow-wide;
}
.callout[data-callout="arrow-up-right"] {
--callout-icon: lucide-arrow-up-right;
}
.callout[data-callout="arrow-up-to-line"] {
--callout-icon: lucide-arrow-up-to-line;
}
.callout[data-callout="arrow-up-wide-narrow"] {
--callout-icon: lucide-arrow-up-wide-narrow;
}
.callout[data-callout="arrow-up-z-a"] {
--callout-icon: lucide-arrow-up-z-a;
}
.callout[data-callout="arrows-up-from-line"] {
--callout-icon: lucide-arrows-up-from-line;
}
.callout[data-callout="asterisk"] {
--callout-icon: lucide-asterisk;
}
.callout[data-callout="at-sign"] {
--callout-icon: lucide-at-sign;
}
.callout[data-callout="atom"] {
--callout-icon: lucide-atom;
}
.callout[data-callout="audio-lines"] {
--callout-icon: lucide-audio-lines;
}
.callout[data-callout="audio-waveform"] {
--callout-icon: lucide-audio-waveform;
}
.callout[data-callout="award"] {
--callout-icon: lucide-award;
}
.callout[data-callout="axe"] {
--callout-icon: lucide-axe;
}
.callout[data-callout="axis-3d"] {
--callout-icon: lucide-axis-3d;
}
.callout[data-callout="baby"] {
--callout-icon: lucide-baby;
}
.callout[data-callout="backpack"] {
--callout-icon: lucide-backpack;
}
.callout[data-callout="badge"] {
--callout-icon: lucide-badge;
}
.callout[data-callout="badge-alert"] {
--callout-icon: lucide-badge-alert;
}
.callout[data-callout="badge-cent"] {
--callout-icon: lucide-badge-cent;
}
.callout[data-callout="badge-check"] {
--callout-icon: lucide-badge-check;
}
.callout[data-callout="badge-dollar-sign"] {
--callout-icon: lucide-badge-dollar-sign;
}
.callout[data-callout="badge-euro"] {
--callout-icon: lucide-badge-euro;
}
.callout[data-callout="badge-indian-rupee"] {
--callout-icon: lucide-badge-indian-rupee;
}
.callout[data-callout="badge-info"] {
--callout-icon: lucide-badge-info;
}
.callout[data-callout="badge-japanese-yen"] {
--callout-icon: lucide-badge-japanese-yen;
}
.callout[data-callout="badge-minus"] {
--callout-icon: lucide-badge-minus;
}
.callout[data-callout="badge-percent"] {
--callout-icon: lucide-badge-percent;
}
.callout[data-callout="badge-plus"] {
--callout-icon: lucide-badge-plus;
}
.callout[data-callout="badge-pound-sterling"] {
--callout-icon: lucide-badge-pound-sterling;
}
.callout[data-callout="badge-question-mark"] {
--callout-icon: lucide-badge-question-mark;
}
.callout[data-callout="badge-russian-ruble"] {
--callout-icon: lucide-badge-russian-ruble;
}
.callout[data-callout="badge-swiss-franc"] {
--callout-icon: lucide-badge-swiss-franc;
}
.callout[data-callout="badge-turkish-lira"] {
--callout-icon: lucide-badge-turkish-lira;
}
.callout[data-callout="badge-x"] {
--callout-icon: lucide-badge-x;
}
.callout[data-callout="baggage-claim"] {
--callout-icon: lucide-baggage-claim;
}
.callout[data-callout="ban"] {
--callout-icon: lucide-ban;
}
.callout[data-callout="banana"] {
--callout-icon: lucide-banana;
}
.callout[data-callout="bandage"] {
--callout-icon: lucide-bandage;
}
.callout[data-callout="banknote"] {
--callout-icon: lucide-banknote;
}
.callout[data-callout="banknote-arrow-down"] {
--callout-icon: lucide-banknote-arrow-down;
}
.callout[data-callout="banknote-arrow-up"] {
--callout-icon: lucide-banknote-arrow-up;
}
.callout[data-callout="banknote-x"] {
--callout-icon: lucide-banknote-x;
}
.callout[data-callout="barcode"] {
--callout-icon: lucide-barcode;
}
.callout[data-callout="barrel"] {
--callout-icon: lucide-barrel;
}
.callout[data-callout="baseline"] {
--callout-icon: lucide-baseline;
}
.callout[data-callout="bath"] {
--callout-icon: lucide-bath;
}
.callout[data-callout="battery"] {
--callout-icon: lucide-battery;
}
.callout[data-callout="battery-charging"] {
--callout-icon: lucide-battery-charging;
}
.callout[data-callout="battery-full"] {
--callout-icon: lucide-battery-full;
}
.callout[data-callout="battery-low"] {
--callout-icon: lucide-battery-low;
}
.callout[data-callout="battery-medium"] {
--callout-icon: lucide-battery-medium;
}
.callout[data-callout="battery-plus"] {
--callout-icon: lucide-battery-plus;
}
.callout[data-callout="battery-warning"] {
--callout-icon: lucide-battery-warning;
}
.callout[data-callout="beaker"] {
--callout-icon: lucide-beaker;
}
.callout[data-callout="bean"] {
--callout-icon: lucide-bean;
}
.callout[data-callout="bean-off"] {
--callout-icon: lucide-bean-off;
}
.callout[data-callout="bed"] {
--callout-icon: lucide-bed;
}
.callout[data-callout="bed-double"] {
--callout-icon: lucide-bed-double;
}
.callout[data-callout="bed-single"] {
--callout-icon: lucide-bed-single;
}
.callout[data-callout="beef"] {
--callout-icon: lucide-beef;
}
.callout[data-callout="beer"] {
--callout-icon: lucide-beer;
}
.callout[data-callout="beer-off"] {
--callout-icon: lucide-beer-off;
}
.callout[data-callout="bell"] {
--callout-icon: lucide-bell;
}
.callout[data-callout="bell-dot"] {
--callout-icon: lucide-bell-dot;
}
.callout[data-callout="bell-electric"] {
--callout-icon: lucide-bell-electric;
}
.callout[data-callout="bell-minus"] {
--callout-icon: lucide-bell-minus;
}
.callout[data-callout="bell-off"] {
--callout-icon: lucide-bell-off;
}
.callout[data-callout="bell-plus"] {
--callout-icon: lucide-bell-plus;
}
.callout[data-callout="bell-ring"] {
--callout-icon: lucide-bell-ring;
}
.callout[data-callout="between-horizontal-end"] {
--callout-icon: lucide-between-horizontal-end;
}
.callout[data-callout="between-horizontal-start"] {
--callout-icon: lucide-between-horizontal-start;
}
.callout[data-callout="between-vertical-end"] {
--callout-icon: lucide-between-vertical-end;
}
.callout[data-callout="between-vertical-start"] {
--callout-icon: lucide-between-vertical-start;
}
.callout[data-callout="biceps-flexed"] {
--callout-icon: lucide-biceps-flexed;
}
.callout[data-callout="bike"] {
--callout-icon: lucide-bike;
}
.callout[data-callout="binary"] {
--callout-icon: lucide-binary;
}
.callout[data-callout="binoculars"] {
--callout-icon: lucide-binoculars;
}
.callout[data-callout="biohazard"] {
--callout-icon: lucide-biohazard;
}
.callout[data-callout="bird"] {
--callout-icon: lucide-bird;
}
.callout[data-callout="birdhouse"] {
--callout-icon: lucide-birdhouse;
}
.callout[data-callout="bitcoin"] {
--callout-icon: lucide-bitcoin;
}
.callout[data-callout="blend"] {
--callout-icon: lucide-blend;
}
.callout[data-callout="blinds"] {
--callout-icon: lucide-blinds;
}
.callout[data-callout="blocks"] {
--callout-icon: lucide-blocks;
}
.callout[data-callout="bluetooth"] {
--callout-icon: lucide-bluetooth;
}
.callout[data-callout="bluetooth-connected"] {
--callout-icon: lucide-bluetooth-connected;
}
.callout[data-callout="bluetooth-off"] {
--callout-icon: lucide-bluetooth-off;
}
.callout[data-callout="bluetooth-searching"] {
--callout-icon: lucide-bluetooth-searching;
}
.callout[data-callout="bold"] {
--callout-icon: lucide-bold;
}
.callout[data-callout="bolt"] {
--callout-icon: lucide-bolt;
}
.callout[data-callout="bomb"] {
--callout-icon: lucide-bomb;
}
.callout[data-callout="bone"] {
--callout-icon: lucide-bone;
}
.callout[data-callout="book"] {
--callout-icon: lucide-book;
}
.callout[data-callout="book-a"] {
--callout-icon: lucide-book-a;
}
.callout[data-callout="book-alert"] {
--callout-icon: lucide-book-alert;
}
.callout[data-callout="book-audio"] {
--callout-icon: lucide-book-audio;
}
.callout[data-callout="book-check"] {
--callout-icon: lucide-book-check;
}
.callout[data-callout="book-copy"] {
--callout-icon: lucide-book-copy;
}
.callout[data-callout="book-dashed"] {
--callout-icon: lucide-book-dashed;
}
.callout[data-callout="book-down"] {
--callout-icon: lucide-book-down;
}
.callout[data-callout="book-headphones"] {
--callout-icon: lucide-book-headphones;
}
.callout[data-callout="book-heart"] {
--callout-icon: lucide-book-heart;
}
.callout[data-callout="book-image"] {
--callout-icon: lucide-book-image;
}
.callout[data-callout="book-key"] {
--callout-icon: lucide-book-key;
}
.callout[data-callout="book-lock"] {
--callout-icon: lucide-book-lock;
}
.callout[data-callout="book-marked"] {
--callout-icon: lucide-book-marked;
}
.callout[data-callout="book-minus"] {
--callout-icon: lucide-book-minus;
}
.callout[data-callout="book-open"] {
--callout-icon: lucide-book-open;
}
.callout[data-callout="book-open-check"] {
--callout-icon: lucide-book-open-check;
}
.callout[data-callout="book-open-text"] {
--callout-icon: lucide-book-open-text;
}
.callout[data-callout="book-plus"] {
--callout-icon: lucide-book-plus;
}
.callout[data-callout="book-text"] {
--callout-icon: lucide-book-text;
}
.callout[data-callout="book-type"] {
--callout-icon: lucide-book-type;
}
.callout[data-callout="book-up"] {
--callout-icon: lucide-book-up;
}
.callout[data-callout="book-up-2"] {
--callout-icon: lucide-book-up-2;
}
.callout[data-callout="book-user"] {
--callout-icon: lucide-book-user;
}
.callout[data-callout="book-x"] {
--callout-icon: lucide-book-x;
}
.callout[data-callout="bookmark"] {
--callout-icon: lucide-bookmark;
}
.callout[data-callout="bookmark-check"] {
--callout-icon: lucide-bookmark-check;
}
.callout[data-callout="bookmark-minus"] {
--callout-icon: lucide-bookmark-minus;
}
.callout[data-callout="bookmark-plus"] {
--callout-icon: lucide-bookmark-plus;
}
.callout[data-callout="bookmark-x"] {
--callout-icon: lucide-bookmark-x;
}
.callout[data-callout="boom-box"] {
--callout-icon: lucide-boom-box;
}
.callout[data-callout="bot"] {
--callout-icon: lucide-bot;
}
.callout[data-callout="bot-message-square"] {
--callout-icon: lucide-bot-message-square;
}
.callout[data-callout="bot-off"] {
--callout-icon: lucide-bot-off;
}
.callout[data-callout="bottle-wine"] {
--callout-icon: lucide-bottle-wine;
}
.callout[data-callout="bow-arrow"] {
--callout-icon: lucide-bow-arrow;
}
.callout[data-callout="box"] {
--callout-icon: lucide-box;
}
.callout[data-callout="boxes"] {
--callout-icon: lucide-boxes;
}
.callout[data-callout="braces"] {
--callout-icon: lucide-braces;
}
.callout[data-callout="brackets"] {
--callout-icon: lucide-brackets;
}
.callout[data-callout="brain"] {
--callout-icon: lucide-brain;
}
.callout[data-callout="brain-circuit"] {
--callout-icon: lucide-brain-circuit;
}
.callout[data-callout="brain-cog"] {
--callout-icon: lucide-brain-cog;
}
.callout[data-callout="brick-wall"] {
--callout-icon: lucide-brick-wall;
}
.callout[data-callout="brick-wall-fire"] {
--callout-icon: lucide-brick-wall-fire;
}
.callout[data-callout="brick-wall-shield"] {
--callout-icon: lucide-brick-wall-shield;
}
.callout[data-callout="briefcase"] {
--callout-icon: lucide-briefcase;
}
.callout[data-callout="briefcase-business"] {
--callout-icon: lucide-briefcase-business;
}
.callout[data-callout="briefcase-conveyor-belt"] {
--callout-icon: lucide-briefcase-conveyor-belt;
}
.callout[data-callout="briefcase-medical"] {
--callout-icon: lucide-briefcase-medical;
}
.callout[data-callout="bring-to-front"] {
--callout-icon: lucide-bring-to-front;
}
.callout[data-callout="brush"] {
--callout-icon: lucide-brush;
}
.callout[data-callout="brush-cleaning"] {
--callout-icon: lucide-brush-cleaning;
}
.callout[data-callout="bubbles"] {
--callout-icon: lucide-bubbles;
}
.callout[data-callout="bug"] {
--callout-icon: lucide-bug;
}
.callout[data-callout="bug-off"] {
--callout-icon: lucide-bug-off;
}
.callout[data-callout="bug-play"] {
--callout-icon: lucide-bug-play;
}
.callout[data-callout="building"] {
--callout-icon: lucide-building;
}
.callout[data-callout="building-2"] {
--callout-icon: lucide-building-2;
}
.callout[data-callout="bus"] {
--callout-icon: lucide-bus;
}
.callout[data-callout="bus-front"] {
--callout-icon: lucide-bus-front;
}
.callout[data-callout="cable"] {
--callout-icon: lucide-cable;
}
.callout[data-callout="cable-car"] {
--callout-icon: lucide-cable-car;
}
.callout[data-callout="cake"] {
--callout-icon: lucide-cake;
}
.callout[data-callout="cake-slice"] {
--callout-icon: lucide-cake-slice;
}
.callout[data-callout="calculator"] {
--callout-icon: lucide-calculator;
}
.callout[data-callout="calendar"] {
--callout-icon: lucide-calendar;
}
.callout[data-callout="calendar-1"] {
--callout-icon: lucide-calendar-1;
}
.callout[data-callout="calendar-arrow-down"] {
--callout-icon: lucide-calendar-arrow-down;
}
.callout[data-callout="calendar-arrow-up"] {
--callout-icon: lucide-calendar-arrow-up;
}
.callout[data-callout="calendar-check"] {
--callout-icon: lucide-calendar-check;
}
.callout[data-callout="calendar-check-2"] {
--callout-icon: lucide-calendar-check-2;
}
.callout[data-callout="calendar-clock"] {
--callout-icon: lucide-calendar-clock;
}
.callout[data-callout="calendar-cog"] {
--callout-icon: lucide-calendar-cog;
}
.callout[data-callout="calendar-days"] {
--callout-icon: lucide-calendar-days;
}
.callout[data-callout="calendar-fold"] {
--callout-icon: lucide-calendar-fold;
}
.callout[data-callout="calendar-heart"] {
--callout-icon: lucide-calendar-heart;
}
.callout[data-callout="calendar-minus"] {
--callout-icon: lucide-calendar-minus;
}
.callout[data-callout="calendar-minus-2"] {
--callout-icon: lucide-calendar-minus-2;
}
.callout[data-callout="calendar-off"] {
--callout-icon: lucide-calendar-off;
}
.callout[data-callout="calendar-plus"] {
--callout-icon: lucide-calendar-plus;
}
.callout[data-callout="calendar-plus-2"] {
--callout-icon: lucide-calendar-plus-2;
}
.callout[data-callout="calendar-range"] {
--callout-icon: lucide-calendar-range;
}
.callout[data-callout="calendar-search"] {
--callout-icon: lucide-calendar-search;
}
.callout[data-callout="calendar-sync"] {
--callout-icon: lucide-calendar-sync;
}
.callout[data-callout="calendar-x"] {
--callout-icon: lucide-calendar-x;
}
.callout[data-callout="calendar-x-2"] {
--callout-icon: lucide-calendar-x-2;
}
.callout[data-callout="camera"] {
--callout-icon: lucide-camera;
}
.callout[data-callout="camera-off"] {
--callout-icon: lucide-camera-off;
}
.callout[data-callout="candy"] {
--callout-icon: lucide-candy;
}
.callout[data-callout="candy-cane"] {
--callout-icon: lucide-candy-cane;
}
.callout[data-callout="candy-off"] {
--callout-icon: lucide-candy-off;
}
.callout[data-callout="cannabis"] {
--callout-icon: lucide-cannabis;
}
.callout[data-callout="captions"] {
--callout-icon: lucide-captions;
}
.callout[data-callout="captions-off"] {
--callout-icon: lucide-captions-off;
}
.callout[data-callout="car"] {
--callout-icon: lucide-car;
}
.callout[data-callout="car-front"] {
--callout-icon: lucide-car-front;
}
.callout[data-callout="car-taxi-front"] {
--callout-icon: lucide-car-taxi-front;
}
.callout[data-callout="caravan"] {
--callout-icon: lucide-caravan;
}
.callout[data-callout="card-sim"] {
--callout-icon: lucide-card-sim;
}
.callout[data-callout="carrot"] {
--callout-icon: lucide-carrot;
}
.callout[data-callout="case-lower"] {
--callout-icon: lucide-case-lower;
}
.callout[data-callout="case-sensitive"] {
--callout-icon: lucide-case-sensitive;
}
.callout[data-callout="case-upper"] {
--callout-icon: lucide-case-upper;
}
.callout[data-callout="cassette-tape"] {
--callout-icon: lucide-cassette-tape;
}
.callout[data-callout="cast"] {
--callout-icon: lucide-cast;
}
.callout[data-callout="castle"] {
--callout-icon: lucide-castle;
}
.callout[data-callout="cat"] {
--callout-icon: lucide-cat;
}
.callout[data-callout="cctv"] {
--callout-icon: lucide-cctv;
}
.callout[data-callout="chart-area"] {
--callout-icon: lucide-chart-area;
}
.callout[data-callout="chart-bar"] {
--callout-icon: lucide-chart-bar;
}
.callout[data-callout="chart-bar-big"] {
--callout-icon: lucide-chart-bar-big;
}
.callout[data-callout="chart-bar-decreasing"] {
--callout-icon: lucide-chart-bar-decreasing;
}
.callout[data-callout="chart-bar-increasing"] {
--callout-icon: lucide-chart-bar-increasing;
}
.callout[data-callout="chart-bar-stacked"] {
--callout-icon: lucide-chart-bar-stacked;
}
.callout[data-callout="chart-candlestick"] {
--callout-icon: lucide-chart-candlestick;
}
.callout[data-callout="chart-column"] {
--callout-icon: lucide-chart-column;
}
.callout[data-callout="chart-column-big"] {
--callout-icon: lucide-chart-column-big;
}
.callout[data-callout="chart-column-decreasing"] {
--callout-icon: lucide-chart-column-decreasing;
}
.callout[data-callout="chart-column-increasing"] {
--callout-icon: lucide-chart-column-increasing;
}
.callout[data-callout="chart-column-stacked"] {
--callout-icon: lucide-chart-column-stacked;
}
.callout[data-callout="chart-gantt"] {
--callout-icon: lucide-chart-gantt;
}
.callout[data-callout="chart-line"] {
--callout-icon: lucide-chart-line;
}
.callout[data-callout="chart-network"] {
--callout-icon: lucide-chart-network;
}
.callout[data-callout="chart-no-axes-column"] {
--callout-icon: lucide-chart-no-axes-column;
}
.callout[data-callout="chart-no-axes-column-decreasing"] {
--callout-icon: lucide-chart-no-axes-column-decreasing;
}
.callout[data-callout="chart-no-axes-column-increasing"] {
--callout-icon: lucide-chart-no-axes-column-increasing;
}
.callout[data-callout="chart-no-axes-combined"] {
--callout-icon: lucide-chart-no-axes-combined;
}
.callout[data-callout="chart-no-axes-gantt"] {
--callout-icon: lucide-chart-no-axes-gantt;
}
.callout[data-callout="chart-pie"] {
--callout-icon: lucide-chart-pie;
}
.callout[data-callout="chart-scatter"] {
--callout-icon: lucide-chart-scatter;
}
.callout[data-callout="chart-spline"] {
--callout-icon: lucide-chart-spline;
}
.callout[data-callout="check"] {
--callout-icon: lucide-check;
}
.callout[data-callout="check-check"] {
--callout-icon: lucide-check-check;
}
.callout[data-callout="check-line"] {
--callout-icon: lucide-check-line;
}
.callout[data-callout="chef-hat"] {
--callout-icon: lucide-chef-hat;
}
.callout[data-callout="cherry"] {
--callout-icon: lucide-cherry;
}
.callout[data-callout="chess-bishop"] {
--callout-icon: lucide-chess-bishop;
}
.callout[data-callout="chess-king"] {
--callout-icon: lucide-chess-king;
}
.callout[data-callout="chess-knight"] {
--callout-icon: lucide-chess-knight;
}
.callout[data-callout="chess-pawn"] {
--callout-icon: lucide-chess-pawn;
}
.callout[data-callout="chess-queen"] {
--callout-icon: lucide-chess-queen;
}
.callout[data-callout="chess-rook"] {
--callout-icon: lucide-chess-rook;
}
.callout[data-callout="chevron-down"] {
--callout-icon: lucide-chevron-down;
}
.callout[data-callout="chevron-first"] {
--callout-icon: lucide-chevron-first;
}
.callout[data-callout="chevron-last"] {
--callout-icon: lucide-chevron-last;
}
.callout[data-callout="chevron-left"] {
--callout-icon: lucide-chevron-left;
}
.callout[data-callout="chevron-right"] {
--callout-icon: lucide-chevron-right;
}
.callout[data-callout="chevron-up"] {
--callout-icon: lucide-chevron-up;
}
.callout[data-callout="chevrons-down"] {
--callout-icon: lucide-chevrons-down;
}
.callout[data-callout="chevrons-down-up"] {
--callout-icon: lucide-chevrons-down-up;
}
.callout[data-callout="chevrons-left"] {
--callout-icon: lucide-chevrons-left;
}
.callout[data-callout="chevrons-left-right"] {
--callout-icon: lucide-chevrons-left-right;
}
.callout[data-callout="chevrons-left-right-ellipsis"] {
--callout-icon: lucide-chevrons-left-right-ellipsis;
}
.callout[data-callout="chevrons-right"] {
--callout-icon: lucide-chevrons-right;
}
.callout[data-callout="chevrons-right-left"] {
--callout-icon: lucide-chevrons-right-left;
}
.callout[data-callout="chevrons-up"] {
--callout-icon: lucide-chevrons-up;
}
.callout[data-callout="chevrons-up-down"] {
--callout-icon: lucide-chevrons-up-down;
}
.callout[data-callout="chromium"] {
--callout-icon: lucide-chromium;
}
.callout[data-callout="church"] {
--callout-icon: lucide-church;
}
.callout[data-callout="cigarette"] {
--callout-icon: lucide-cigarette;
}
.callout[data-callout="cigarette-off"] {
--callout-icon: lucide-cigarette-off;
}
.callout[data-callout="circle"] {
--callout-icon: lucide-circle;
}
.callout[data-callout="circle-alert"] {
--callout-icon: lucide-circle-alert;
}
.callout[data-callout="circle-arrow-down"] {
--callout-icon: lucide-circle-arrow-down;
}
.callout[data-callout="circle-arrow-left"] {
--callout-icon: lucide-circle-arrow-left;
}
.callout[data-callout="circle-arrow-out-down-left"] {
--callout-icon: lucide-circle-arrow-out-down-left;
}
.callout[data-callout="circle-arrow-out-down-right"] {
--callout-icon: lucide-circle-arrow-out-down-right;
}
.callout[data-callout="circle-arrow-out-up-left"] {
--callout-icon: lucide-circle-arrow-out-up-left;
}
.callout[data-callout="circle-arrow-out-up-right"] {
--callout-icon: lucide-circle-arrow-out-up-right;
}
.callout[data-callout="circle-arrow-right"] {
--callout-icon: lucide-circle-arrow-right;
}
.callout[data-callout="circle-arrow-up"] {
--callout-icon: lucide-circle-arrow-up;
}
.callout[data-callout="circle-check"] {
--callout-icon: lucide-circle-check;
}
.callout[data-callout="circle-check-big"] {
--callout-icon: lucide-circle-check-big;
}
.callout[data-callout="circle-chevron-down"] {
--callout-icon: lucide-circle-chevron-down;
}
.callout[data-callout="circle-chevron-left"] {
--callout-icon: lucide-circle-chevron-left;
}
.callout[data-callout="circle-chevron-right"] {
--callout-icon: lucide-circle-chevron-right;
}
.callout[data-callout="circle-chevron-up"] {
--callout-icon: lucide-circle-chevron-up;
}
.callout[data-callout="circle-dashed"] {
--callout-icon: lucide-circle-dashed;
}
.callout[data-callout="circle-divide"] {
--callout-icon: lucide-circle-divide;
}
.callout[data-callout="circle-dollar-sign"] {
--callout-icon: lucide-circle-dollar-sign;
}
.callout[data-callout="circle-dot"] {
--callout-icon: lucide-circle-dot;
}
.callout[data-callout="circle-dot-dashed"] {
--callout-icon: lucide-circle-dot-dashed;
}
.callout[data-callout="circle-ellipsis"] {
--callout-icon: lucide-circle-ellipsis;
}
.callout[data-callout="circle-equal"] {
--callout-icon: lucide-circle-equal;
}
.callout[data-callout="circle-fading-arrow-up"] {
--callout-icon: lucide-circle-fading-arrow-up;
}
.callout[data-callout="circle-fading-plus"] {
--callout-icon: lucide-circle-fading-plus;
}
.callout[data-callout="circle-gauge"] {
--callout-icon: lucide-circle-gauge;
}
.callout[data-callout="circle-minus"] {
--callout-icon: lucide-circle-minus;
}
.callout[data-callout="circle-off"] {
--callout-icon: lucide-circle-off;
}
.callout[data-callout="circle-parking"] {
--callout-icon: lucide-circle-parking;
}
.callout[data-callout="circle-parking-off"] {
--callout-icon: lucide-circle-parking-off;
}
.callout[data-callout="circle-pause"] {
--callout-icon: lucide-circle-pause;
}
.callout[data-callout="circle-percent"] {
--callout-icon: lucide-circle-percent;
}
.callout[data-callout="circle-play"] {
--callout-icon: lucide-circle-play;
}
.callout[data-callout="circle-plus"] {
--callout-icon: lucide-circle-plus;
}
.callout[data-callout="circle-pound-sterling"] {
--callout-icon: lucide-circle-pound-sterling;
}
.callout[data-callout="circle-power"] {
--callout-icon: lucide-circle-power;
}
.callout[data-callout="circle-question-mark"] {
--callout-icon: lucide-circle-question-mark;
}
.callout[data-callout="circle-slash"] {
--callout-icon: lucide-circle-slash;
}
.callout[data-callout="circle-slash-2"] {
--callout-icon: lucide-circle-slash-2;
}
.callout[data-callout="circle-small"] {
--callout-icon: lucide-circle-small;
}
.callout[data-callout="circle-star"] {
--callout-icon: lucide-circle-star;
}
.callout[data-callout="circle-stop"] {
--callout-icon: lucide-circle-stop;
}
.callout[data-callout="circle-user"] {
--callout-icon: lucide-circle-user;
}
.callout[data-callout="circle-user-round"] {
--callout-icon: lucide-circle-user-round;
}
.callout[data-callout="circle-x"] {
--callout-icon: lucide-circle-x;
}
.callout[data-callout="circuit-board"] {
--callout-icon: lucide-circuit-board;
}
.callout[data-callout="citrus"] {
--callout-icon: lucide-citrus;
}
.callout[data-callout="clapperboard"] {
--callout-icon: lucide-clapperboard;
}
.callout[data-callout="clipboard"] {
--callout-icon: lucide-clipboard;
}
.callout[data-callout="clipboard-check"] {
--callout-icon: lucide-clipboard-check;
}
.callout[data-callout="clipboard-clock"] {
--callout-icon: lucide-clipboard-clock;
}
.callout[data-callout="clipboard-copy"] {
--callout-icon: lucide-clipboard-copy;
}
.callout[data-callout="clipboard-list"] {
--callout-icon: lucide-clipboard-list;
}
.callout[data-callout="clipboard-minus"] {
--callout-icon: lucide-clipboard-minus;
}
.callout[data-callout="clipboard-paste"] {
--callout-icon: lucide-clipboard-paste;
}
.callout[data-callout="clipboard-pen"] {
--callout-icon: lucide-clipboard-pen;
}
.callout[data-callout="clipboard-pen-line"] {
--callout-icon: lucide-clipboard-pen-line;
}
.callout[data-callout="clipboard-plus"] {
--callout-icon: lucide-clipboard-plus;
}
.callout[data-callout="clipboard-type"] {
--callout-icon: lucide-clipboard-type;
}
.callout[data-callout="clipboard-x"] {
--callout-icon: lucide-clipboard-x;
}
.callout[data-callout="clock"] {
--callout-icon: lucide-clock;
}
.callout[data-callout="clock-1"] {
--callout-icon: lucide-clock-1;
}
.callout[data-callout="clock-10"] {
--callout-icon: lucide-clock-10;
}
.callout[data-callout="clock-11"] {
--callout-icon: lucide-clock-11;
}
.callout[data-callout="clock-12"] {
--callout-icon: lucide-clock-12;
}
.callout[data-callout="clock-2"] {
--callout-icon: lucide-clock-2;
}
.callout[data-callout="clock-3"] {
--callout-icon: lucide-clock-3;
}
.callout[data-callout="clock-4"] {
--callout-icon: lucide-clock-4;
}
.callout[data-callout="clock-5"] {
--callout-icon: lucide-clock-5;
}
.callout[data-callout="clock-6"] {
--callout-icon: lucide-clock-6;
}
.callout[data-callout="clock-7"] {
--callout-icon: lucide-clock-7;
}
.callout[data-callout="clock-8"] {
--callout-icon: lucide-clock-8;
}
.callout[data-callout="clock-9"] {
--callout-icon: lucide-clock-9;
}
.callout[data-callout="clock-alert"] {
--callout-icon: lucide-clock-alert;
}
.callout[data-callout="clock-arrow-down"] {
--callout-icon: lucide-clock-arrow-down;
}
.callout[data-callout="clock-arrow-up"] {
--callout-icon: lucide-clock-arrow-up;
}
.callout[data-callout="clock-check"] {
--callout-icon: lucide-clock-check;
}
.callout[data-callout="clock-fading"] {
--callout-icon: lucide-clock-fading;
}
.callout[data-callout="clock-plus"] {
--callout-icon: lucide-clock-plus;
}
.callout[data-callout="closed-caption"] {
--callout-icon: lucide-closed-caption;
}
.callout[data-callout="cloud"] {
--callout-icon: lucide-cloud;
}
.callout[data-callout="cloud-alert"] {
--callout-icon: lucide-cloud-alert;
}
.callout[data-callout="cloud-check"] {
--callout-icon: lucide-cloud-check;
}
.callout[data-callout="cloud-cog"] {
--callout-icon: lucide-cloud-cog;
}
.callout[data-callout="cloud-download"] {
--callout-icon: lucide-cloud-download;
}
.callout[data-callout="cloud-drizzle"] {
--callout-icon: lucide-cloud-drizzle;
}
.callout[data-callout="cloud-fog"] {
--callout-icon: lucide-cloud-fog;
}
.callout[data-callout="cloud-hail"] {
--callout-icon: lucide-cloud-hail;
}
.callout[data-callout="cloud-lightning"] {
--callout-icon: lucide-cloud-lightning;
}
.callout[data-callout="cloud-moon"] {
--callout-icon: lucide-cloud-moon;
}
.callout[data-callout="cloud-moon-rain"] {
--callout-icon: lucide-cloud-moon-rain;
}
.callout[data-callout="cloud-off"] {
--callout-icon: lucide-cloud-off;
}
.callout[data-callout="cloud-rain"] {
--callout-icon: lucide-cloud-rain;
}
.callout[data-callout="cloud-rain-wind"] {
--callout-icon: lucide-cloud-rain-wind;
}
.callout[data-callout="cloud-snow"] {
--callout-icon: lucide-cloud-snow;
}
.callout[data-callout="cloud-sun"] {
--callout-icon: lucide-cloud-sun;
}
.callout[data-callout="cloud-sun-rain"] {
--callout-icon: lucide-cloud-sun-rain;
}
.callout[data-callout="cloud-upload"] {
--callout-icon: lucide-cloud-upload;
}
.callout[data-callout="cloudy"] {
--callout-icon: lucide-cloudy;
}
.callout[data-callout="clover"] {
--callout-icon: lucide-clover;
}
.callout[data-callout="club"] {
--callout-icon: lucide-club;
}
.callout[data-callout="code"] {
--callout-icon: lucide-code;
}
.callout[data-callout="code-xml"] {
--callout-icon: lucide-code-xml;
}
.callout[data-callout="codepen"] {
--callout-icon: lucide-codepen;
}
.callout[data-callout="codesandbox"] {
--callout-icon: lucide-codesandbox;
}
.callout[data-callout="coffee"] {
--callout-icon: lucide-coffee;
}
.callout[data-callout="cog"] {
--callout-icon: lucide-cog;
}
.callout[data-callout="coins"] {
--callout-icon: lucide-coins;
}
.callout[data-callout="columns-2"] {
--callout-icon: lucide-columns-2;
}
.callout[data-callout="columns-3"] {
--callout-icon: lucide-columns-3;
}
.callout[data-callout="columns-3-cog"] {
--callout-icon: lucide-columns-3-cog;
}
.callout[data-callout="columns-4"] {
--callout-icon: lucide-columns-4;
}
.callout[data-callout="combine"] {
--callout-icon: lucide-combine;
}
.callout[data-callout="command"] {
--callout-icon: lucide-command;
}
.callout[data-callout="compass"] {
--callout-icon: lucide-compass;
}
.callout[data-callout="component"] {
--callout-icon: lucide-component;
}
.callout[data-callout="computer"] {
--callout-icon: lucide-computer;
}
.callout[data-callout="concierge-bell"] {
--callout-icon: lucide-concierge-bell;
}
.callout[data-callout="cone"] {
--callout-icon: lucide-cone;
}
.callout[data-callout="construction"] {
--callout-icon: lucide-construction;
}
.callout[data-callout="contact"] {
--callout-icon: lucide-contact;
}
.callout[data-callout="contact-round"] {
--callout-icon: lucide-contact-round;
}
.callout[data-callout="container"] {
--callout-icon: lucide-container;
}
.callout[data-callout="contrast"] {
--callout-icon: lucide-contrast;
}
.callout[data-callout="cookie"] {
--callout-icon: lucide-cookie;
}
.callout[data-callout="cooking-pot"] {
--callout-icon: lucide-cooking-pot;
}
.callout[data-callout="copy"] {
--callout-icon: lucide-copy;
}
.callout[data-callout="copy-check"] {
--callout-icon: lucide-copy-check;
}
.callout[data-callout="copy-minus"] {
--callout-icon: lucide-copy-minus;
}
.callout[data-callout="copy-plus"] {
--callout-icon: lucide-copy-plus;
}
.callout[data-callout="copy-slash"] {
--callout-icon: lucide-copy-slash;
}
.callout[data-callout="copy-x"] {
--callout-icon: lucide-copy-x;
}
.callout[data-callout="copyleft"] {
--callout-icon: lucide-copyleft;
}
.callout[data-callout="copyright"] {
--callout-icon: lucide-copyright;
}
.callout[data-callout="corner-down-left"] {
--callout-icon: lucide-corner-down-left;
}
.callout[data-callout="corner-down-right"] {
--callout-icon: lucide-corner-down-right;
}
.callout[data-callout="corner-left-down"] {
--callout-icon: lucide-corner-left-down;
}
.callout[data-callout="corner-left-up"] {
--callout-icon: lucide-corner-left-up;
}
.callout[data-callout="corner-right-down"] {
--callout-icon: lucide-corner-right-down;
}
.callout[data-callout="corner-right-up"] {
--callout-icon: lucide-corner-right-up;
}
.callout[data-callout="corner-up-left"] {
--callout-icon: lucide-corner-up-left;
}
.callout[data-callout="corner-up-right"] {
--callout-icon: lucide-corner-up-right;
}
.callout[data-callout="cpu"] {
--callout-icon: lucide-cpu;
}
.callout[data-callout="creative-commons"] {
--callout-icon: lucide-creative-commons;
}
.callout[data-callout="credit-card"] {
--callout-icon: lucide-credit-card;
}
.callout[data-callout="croissant"] {
--callout-icon: lucide-croissant;
}
.callout[data-callout="crop"] {
--callout-icon: lucide-crop;
}
.callout[data-callout="cross"] {
--callout-icon: lucide-cross;
}
.callout[data-callout="crosshair"] {
--callout-icon: lucide-crosshair;
}
.callout[data-callout="crown"] {
--callout-icon: lucide-crown;
}
.callout[data-callout="cuboid"] {
--callout-icon: lucide-cuboid;
}
.callout[data-callout="cup-soda"] {
--callout-icon: lucide-cup-soda;
}
.callout[data-callout="currency"] {
--callout-icon: lucide-currency;
}
.callout[data-callout="cylinder"] {
--callout-icon: lucide-cylinder;
}
.callout[data-callout="dam"] {
--callout-icon: lucide-dam;
}
.callout[data-callout="database"] {
--callout-icon: lucide-database;
}
.callout[data-callout="database-backup"] {
--callout-icon: lucide-database-backup;
}
.callout[data-callout="database-zap"] {
--callout-icon: lucide-database-zap;
}
.callout[data-callout="decimals-arrow-left"] {
--callout-icon: lucide-decimals-arrow-left;
}
.callout[data-callout="decimals-arrow-right"] {
--callout-icon: lucide-decimals-arrow-right;
}
.callout[data-callout="delete"] {
--callout-icon: lucide-delete;
}
.callout[data-callout="dessert"] {
--callout-icon: lucide-dessert;
}
.callout[data-callout="diameter"] {
--callout-icon: lucide-diameter;
}
.callout[data-callout="diamond"] {
--callout-icon: lucide-diamond;
}
.callout[data-callout="diamond-minus"] {
--callout-icon: lucide-diamond-minus;
}
.callout[data-callout="diamond-percent"] {
--callout-icon: lucide-diamond-percent;
}
.callout[data-callout="diamond-plus"] {
--callout-icon: lucide-diamond-plus;
}
.callout[data-callout="dice-1"] {
--callout-icon: lucide-dice-1;
}
.callout[data-callout="dice-2"] {
--callout-icon: lucide-dice-2;
}
.callout[data-callout="dice-3"] {
--callout-icon: lucide-dice-3;
}
.callout[data-callout="dice-4"] {
--callout-icon: lucide-dice-4;
}
.callout[data-callout="dice-5"] {
--callout-icon: lucide-dice-5;
}
.callout[data-callout="dice-6"] {
--callout-icon: lucide-dice-6;
}
.callout[data-callout="dices"] {
--callout-icon: lucide-dices;
}
.callout[data-callout="diff"] {
--callout-icon: lucide-diff;
}
.callout[data-callout="disc"] {
--callout-icon: lucide-disc;
}
.callout[data-callout="disc-2"] {
--callout-icon: lucide-disc-2;
}
.callout[data-callout="disc-3"] {
--callout-icon: lucide-disc-3;
}
.callout[data-callout="disc-album"] {
--callout-icon: lucide-disc-album;
}
.callout[data-callout="divide"] {
--callout-icon: lucide-divide;
}
.callout[data-callout="dna"] {
--callout-icon: lucide-dna;
}
.callout[data-callout="dna-off"] {
--callout-icon: lucide-dna-off;
}
.callout[data-callout="dock"] {
--callout-icon: lucide-dock;
}
.callout[data-callout="dog"] {
--callout-icon: lucide-dog;
}
.callout[data-callout="dollar-sign"] {
--callout-icon: lucide-dollar-sign;
}
.callout[data-callout="donut"] {
--callout-icon: lucide-donut;
}
.callout[data-callout="door-closed"] {
--callout-icon: lucide-door-closed;
}
.callout[data-callout="door-closed-locked"] {
--callout-icon: lucide-door-closed-locked;
}
.callout[data-callout="door-open"] {
--callout-icon: lucide-door-open;
}
.callout[data-callout="dot"] {
--callout-icon: lucide-dot;
}
.callout[data-callout="download"] {
--callout-icon: lucide-download;
}
.callout[data-callout="drafting-compass"] {
--callout-icon: lucide-drafting-compass;
}
.callout[data-callout="drama"] {
--callout-icon: lucide-drama;
}
.callout[data-callout="dribbble"] {
--callout-icon: lucide-dribbble;
}
.callout[data-callout="drill"] {
--callout-icon: lucide-drill;
}
.callout[data-callout="drone"] {
--callout-icon: lucide-drone;
}
.callout[data-callout="droplet"] {
--callout-icon: lucide-droplet;
}
.callout[data-callout="droplet-off"] {
--callout-icon: lucide-droplet-off;
}
.callout[data-callout="droplets"] {
--callout-icon: lucide-droplets;
}
.callout[data-callout="drum"] {
--callout-icon: lucide-drum;
}
.callout[data-callout="drumstick"] {
--callout-icon: lucide-drumstick;
}
.callout[data-callout="dumbbell"] {
--callout-icon: lucide-dumbbell;
}
.callout[data-callout="ear"] {
--callout-icon: lucide-ear;
}
.callout[data-callout="ear-off"] {
--callout-icon: lucide-ear-off;
}
.callout[data-callout="earth"] {
--callout-icon: lucide-earth;
}
.callout[data-callout="earth-lock"] {
--callout-icon: lucide-earth-lock;
}
.callout[data-callout="eclipse"] {
--callout-icon: lucide-eclipse;
}
.callout[data-callout="egg"] {
--callout-icon: lucide-egg;
}
.callout[data-callout="egg-fried"] {
--callout-icon: lucide-egg-fried;
}
.callout[data-callout="egg-off"] {
--callout-icon: lucide-egg-off;
}
.callout[data-callout="ellipsis"] {
--callout-icon: lucide-ellipsis;
}
.callout[data-callout="ellipsis-vertical"] {
--callout-icon: lucide-ellipsis-vertical;
}
.callout[data-callout="equal"] {
--callout-icon: lucide-equal;
}
.callout[data-callout="equal-approximately"] {
--callout-icon: lucide-equal-approximately;
}
.callout[data-callout="equal-not"] {
--callout-icon: lucide-equal-not;
}
.callout[data-callout="eraser"] {
--callout-icon: lucide-eraser;
}
.callout[data-callout="ethernet-port"] {
--callout-icon: lucide-ethernet-port;
}
.callout[data-callout="euro"] {
--callout-icon: lucide-euro;
}
.callout[data-callout="ev-charger"] {
--callout-icon: lucide-ev-charger;
}
.callout[data-callout="expand"] {
--callout-icon: lucide-expand;
}
.callout[data-callout="external-link"] {
--callout-icon: lucide-external-link;
}
.callout[data-callout="eye"] {
--callout-icon: lucide-eye;
}
.callout[data-callout="eye-closed"] {
--callout-icon: lucide-eye-closed;
}
.callout[data-callout="eye-off"] {
--callout-icon: lucide-eye-off;
}
.callout[data-callout="facebook"] {
--callout-icon: lucide-facebook;
}
.callout[data-callout="factory"] {
--callout-icon: lucide-factory;
}
.callout[data-callout="fan"] {
--callout-icon: lucide-fan;
}
.callout[data-callout="fast-forward"] {
--callout-icon: lucide-fast-forward;
}
.callout[data-callout="feather"] {
--callout-icon: lucide-feather;
}
.callout[data-callout="fence"] {
--callout-icon: lucide-fence;
}
.callout[data-callout="ferris-wheel"] {
--callout-icon: lucide-ferris-wheel;
}
.callout[data-callout="figma"] {
--callout-icon: lucide-figma;
}
.callout[data-callout="file"] {
--callout-icon: lucide-file;
}
.callout[data-callout="file-archive"] {
--callout-icon: lucide-file-archive;
}
.callout[data-callout="file-axis-3d"] {
--callout-icon: lucide-file-axis-3d;
}
.callout[data-callout="file-badge"] {
--callout-icon: lucide-file-badge;
}
.callout[data-callout="file-box"] {
--callout-icon: lucide-file-box;
}
.callout[data-callout="file-braces"] {
--callout-icon: lucide-file-braces;
}
.callout[data-callout="file-braces-corner"] {
--callout-icon: lucide-file-braces-corner;
}
.callout[data-callout="file-chart-column"] {
--callout-icon: lucide-file-chart-column;
}
.callout[data-callout="file-chart-column-increasing"] {
--callout-icon: lucide-file-chart-column-increasing;
}
.callout[data-callout="file-chart-line"] {
--callout-icon: lucide-file-chart-line;
}
.callout[data-callout="file-chart-pie"] {
--callout-icon: lucide-file-chart-pie;
}
.callout[data-callout="file-check"] {
--callout-icon: lucide-file-check;
}
.callout[data-callout="file-check-corner"] {
--callout-icon: lucide-file-check-corner;
}
.callout[data-callout="file-clock"] {
--callout-icon: lucide-file-clock;
}
.callout[data-callout="file-code"] {
--callout-icon: lucide-file-code;
}
.callout[data-callout="file-code-corner"] {
--callout-icon: lucide-file-code-corner;
}
.callout[data-callout="file-cog"] {
--callout-icon: lucide-file-cog;
}
.callout[data-callout="file-diff"] {
--callout-icon: lucide-file-diff;
}
.callout[data-callout="file-digit"] {
--callout-icon: lucide-file-digit;
}
.callout[data-callout="file-down"] {
--callout-icon: lucide-file-down;
}
.callout[data-callout="file-exclamation-point"] {
--callout-icon: lucide-file-exclamation-point;
}
.callout[data-callout="file-headphone"] {
--callout-icon: lucide-file-headphone;
}
.callout[data-callout="file-heart"] {
--callout-icon: lucide-file-heart;
}
.callout[data-callout="file-image"] {
--callout-icon: lucide-file-image;
}
.callout[data-callout="file-input"] {
--callout-icon: lucide-file-input;
}
.callout[data-callout="file-key"] {
--callout-icon: lucide-file-key;
}
.callout[data-callout="file-lock"] {
--callout-icon: lucide-file-lock;
}
.callout[data-callout="file-minus"] {
--callout-icon: lucide-file-minus;
}
.callout[data-callout="file-minus-corner"] {
--callout-icon: lucide-file-minus-corner;
}
.callout[data-callout="file-music"] {
--callout-icon: lucide-file-music;
}
.callout[data-callout="file-output"] {
--callout-icon: lucide-file-output;
}
.callout[data-callout="file-pen"] {
--callout-icon: lucide-file-pen;
}
.callout[data-callout="file-pen-line"] {
--callout-icon: lucide-file-pen-line;
}
.callout[data-callout="file-play"] {
--callout-icon: lucide-file-play;
}
.callout[data-callout="file-plus"] {
--callout-icon: lucide-file-plus;
}
.callout[data-callout="file-plus-corner"] {
--callout-icon: lucide-file-plus-corner;
}
.callout[data-callout="file-question-mark"] {
--callout-icon: lucide-file-question-mark;
}
.callout[data-callout="file-scan"] {
--callout-icon: lucide-file-scan;
}
.callout[data-callout="file-search"] {
--callout-icon: lucide-file-search;
}
.callout[data-callout="file-search-corner"] {
--callout-icon: lucide-file-search-corner;
}
.callout[data-callout="file-signal"] {
--callout-icon: lucide-file-signal;
}
.callout[data-callout="file-sliders"] {
--callout-icon: lucide-file-sliders;
}
.callout[data-callout="file-spreadsheet"] {
--callout-icon: lucide-file-spreadsheet;
}
.callout[data-callout="file-stack"] {
--callout-icon: lucide-file-stack;
}
.callout[data-callout="file-symlink"] {
--callout-icon: lucide-file-symlink;
}
.callout[data-callout="file-terminal"] {
--callout-icon: lucide-file-terminal;
}
.callout[data-callout="file-text"] {
--callout-icon: lucide-file-text;
}
.callout[data-callout="file-type"] {
--callout-icon: lucide-file-type;
}
.callout[data-callout="file-type-corner"] {
--callout-icon: lucide-file-type-corner;
}
.callout[data-callout="file-up"] {
--callout-icon: lucide-file-up;
}
.callout[data-callout="file-user"] {
--callout-icon: lucide-file-user;
}
.callout[data-callout="file-video-camera"] {
--callout-icon: lucide-file-video-camera;
}
.callout[data-callout="file-volume"] {
--callout-icon: lucide-file-volume;
}
.callout[data-callout="file-x"] {
--callout-icon: lucide-file-x;
}
.callout[data-callout="file-x-corner"] {
--callout-icon: lucide-file-x-corner;
}
.callout[data-callout="files"] {
--callout-icon: lucide-files;
}
.callout[data-callout="film"] {
--callout-icon: lucide-film;
}
.callout[data-callout="fingerprint"] {
--callout-icon: lucide-fingerprint;
}
.callout[data-callout="fire-extinguisher"] {
--callout-icon: lucide-fire-extinguisher;
}
.callout[data-callout="fish"] {
--callout-icon: lucide-fish;
}
.callout[data-callout="fish-off"] {
--callout-icon: lucide-fish-off;
}
.callout[data-callout="fish-symbol"] {
--callout-icon: lucide-fish-symbol;
}
.callout[data-callout="flag"] {
--callout-icon: lucide-flag;
}
.callout[data-callout="flag-off"] {
--callout-icon: lucide-flag-off;
}
.callout[data-callout="flag-triangle-left"] {
--callout-icon: lucide-flag-triangle-left;
}
.callout[data-callout="flag-triangle-right"] {
--callout-icon: lucide-flag-triangle-right;
}
.callout[data-callout="flame"] {
--callout-icon: lucide-flame;
}
.callout[data-callout="flame-kindling"] {
--callout-icon: lucide-flame-kindling;
}
.callout[data-callout="flashlight"] {
--callout-icon: lucide-flashlight;
}
.callout[data-callout="flashlight-off"] {
--callout-icon: lucide-flashlight-off;
}
.callout[data-callout="flask-conical"] {
--callout-icon: lucide-flask-conical;
}
.callout[data-callout="flask-conical-off"] {
--callout-icon: lucide-flask-conical-off;
}
.callout[data-callout="flask-round"] {
--callout-icon: lucide-flask-round;
}
.callout[data-callout="flip-horizontal"] {
--callout-icon: lucide-flip-horizontal;
}
.callout[data-callout="flip-horizontal-2"] {
--callout-icon: lucide-flip-horizontal-2;
}
.callout[data-callout="flip-vertical"] {
--callout-icon: lucide-flip-vertical;
}
.callout[data-callout="flip-vertical-2"] {
--callout-icon: lucide-flip-vertical-2;
}
.callout[data-callout="flower"] {
--callout-icon: lucide-flower;
}
.callout[data-callout="flower-2"] {
--callout-icon: lucide-flower-2;
}
.callout[data-callout="focus"] {
--callout-icon: lucide-focus;
}
.callout[data-callout="fold-horizontal"] {
--callout-icon: lucide-fold-horizontal;
}
.callout[data-callout="fold-vertical"] {
--callout-icon: lucide-fold-vertical;
}
.callout[data-callout="folder"] {
--callout-icon: lucide-folder;
}
.callout[data-callout="folder-archive"] {
--callout-icon: lucide-folder-archive;
}
.callout[data-callout="folder-check"] {
--callout-icon: lucide-folder-check;
}
.callout[data-callout="folder-clock"] {
--callout-icon: lucide-folder-clock;
}
.callout[data-callout="folder-closed"] {
--callout-icon: lucide-folder-closed;
}
.callout[data-callout="folder-code"] {
--callout-icon: lucide-folder-code;
}
.callout[data-callout="folder-cog"] {
--callout-icon: lucide-folder-cog;
}
.callout[data-callout="folder-dot"] {
--callout-icon: lucide-folder-dot;
}
.callout[data-callout="folder-down"] {
--callout-icon: lucide-folder-down;
}
.callout[data-callout="folder-git"] {
--callout-icon: lucide-folder-git;
}
.callout[data-callout="folder-git-2"] {
--callout-icon: lucide-folder-git-2;
}
.callout[data-callout="folder-heart"] {
--callout-icon: lucide-folder-heart;
}
.callout[data-callout="folder-input"] {
--callout-icon: lucide-folder-input;
}
.callout[data-callout="folder-kanban"] {
--callout-icon: lucide-folder-kanban;
}
.callout[data-callout="folder-key"] {
--callout-icon: lucide-folder-key;
}
.callout[data-callout="folder-lock"] {
--callout-icon: lucide-folder-lock;
}
.callout[data-callout="folder-minus"] {
--callout-icon: lucide-folder-minus;
}
.callout[data-callout="folder-open"] {
--callout-icon: lucide-folder-open;
}
.callout[data-callout="folder-open-dot"] {
--callout-icon: lucide-folder-open-dot;
}
.callout[data-callout="folder-output"] {
--callout-icon: lucide-folder-output;
}
.callout[data-callout="folder-pen"] {
--callout-icon: lucide-folder-pen;
}
.callout[data-callout="folder-plus"] {
--callout-icon: lucide-folder-plus;
}
.callout[data-callout="folder-root"] {
--callout-icon: lucide-folder-root;
}
.callout[data-callout="folder-search"] {
--callout-icon: lucide-folder-search;
}
.callout[data-callout="folder-search-2"] {
--callout-icon: lucide-folder-search-2;
}
.callout[data-callout="folder-symlink"] {
--callout-icon: lucide-folder-symlink;
}
.callout[data-callout="folder-sync"] {
--callout-icon: lucide-folder-sync;
}
.callout[data-callout="folder-tree"] {
--callout-icon: lucide-folder-tree;
}
.callout[data-callout="folder-up"] {
--callout-icon: lucide-folder-up;
}
.callout[data-callout="folder-x"] {
--callout-icon: lucide-folder-x;
}
.callout[data-callout="folders"] {
--callout-icon: lucide-folders;
}
.callout[data-callout="footprints"] {
--callout-icon: lucide-footprints;
}
.callout[data-callout="forklift"] {
--callout-icon: lucide-forklift;
}
.callout[data-callout="forward"] {
--callout-icon: lucide-forward;
}
.callout[data-callout="frame"] {
--callout-icon: lucide-frame;
}
.callout[data-callout="framer"] {
--callout-icon: lucide-framer;
}
.callout[data-callout="frown"] {
--callout-icon: lucide-frown;
}
.callout[data-callout="fuel"] {
--callout-icon: lucide-fuel;
}
.callout[data-callout="fullscreen"] {
--callout-icon: lucide-fullscreen;
}
.callout[data-callout="funnel"] {
--callout-icon: lucide-funnel;
}
.callout[data-callout="funnel-plus"] {
--callout-icon: lucide-funnel-plus;
}
.callout[data-callout="funnel-x"] {
--callout-icon: lucide-funnel-x;
}
.callout[data-callout="gallery-horizontal"] {
--callout-icon: lucide-gallery-horizontal;
}
.callout[data-callout="gallery-horizontal-end"] {
--callout-icon: lucide-gallery-horizontal-end;
}
.callout[data-callout="gallery-thumbnails"] {
--callout-icon: lucide-gallery-thumbnails;
}
.callout[data-callout="gallery-vertical"] {
--callout-icon: lucide-gallery-vertical;
}
.callout[data-callout="gallery-vertical-end"] {
--callout-icon: lucide-gallery-vertical-end;
}
.callout[data-callout="gamepad"] {
--callout-icon: lucide-gamepad;
}
.callout[data-callout="gamepad-2"] {
--callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-directional"] {
--callout-icon: lucide-gamepad-directional;
}
.callout[data-callout="gauge"] {
--callout-icon: lucide-gauge;
}
.callout[data-callout="gavel"] {
--callout-icon: lucide-gavel;
}
.callout[data-callout="gem"] {
--callout-icon: lucide-gem;
}
.callout[data-callout="georgian-lari"] {
--callout-icon: lucide-georgian-lari;
}
.callout[data-callout="ghost"] {
--callout-icon: lucide-ghost;
}
.callout[data-callout="gift"] {
--callout-icon: lucide-gift;
}
.callout[data-callout="git-branch"] {
--callout-icon: lucide-git-branch;
}
.callout[data-callout="git-branch-minus"] {
--callout-icon: lucide-git-branch-minus;
}
.callout[data-callout="git-branch-plus"] {
--callout-icon: lucide-git-branch-plus;
}
.callout[data-callout="git-commit-horizontal"] {
--callout-icon: lucide-git-commit-horizontal;
}
.callout[data-callout="git-commit-vertical"] {
--callout-icon: lucide-git-commit-vertical;
}
.callout[data-callout="git-compare"] {
--callout-icon: lucide-git-compare;
}
.callout[data-callout="git-compare-arrows"] {
--callout-icon: lucide-git-compare-arrows;
}
.callout[data-callout="git-fork"] {
--callout-icon: lucide-git-fork;
}
.callout[data-callout="git-graph"] {
--callout-icon: lucide-git-graph;
}
.callout[data-callout="git-merge"] {
--callout-icon: lucide-git-merge;
}
.callout[data-callout="git-pull-request"] {
--callout-icon: lucide-git-pull-request;
}
.callout[data-callout="git-pull-request-arrow"] {
--callout-icon: lucide-git-pull-request-arrow;
}
.callout[data-callout="git-pull-request-closed"] {
--callout-icon: lucide-git-pull-request-closed;
}
.callout[data-callout="git-pull-request-create"] {
--callout-icon: lucide-git-pull-request-create;
}
.callout[data-callout="git-pull-request-create-arrow"] {
--callout-icon: lucide-git-pull-request-create-arrow;
}
.callout[data-callout="git-pull-request-draft"] {
--callout-icon: lucide-git-pull-request-draft;
}
.callout[data-callout="github"] {
--callout-icon: lucide-github;
}
.callout[data-callout="gitlab"] {
--callout-icon: lucide-gitlab;
}
.callout[data-callout="glass-water"] {
--callout-icon: lucide-glass-water;
}
.callout[data-callout="glasses"] {
--callout-icon: lucide-glasses;
}
.callout[data-callout="globe"] {
--callout-icon: lucide-globe;
}
.callout[data-callout="globe-lock"] {
--callout-icon: lucide-globe-lock;
}
.callout[data-callout="goal"] {
--callout-icon: lucide-goal;
}
.callout[data-callout="gpu"] {
--callout-icon: lucide-gpu;
}
.callout[data-callout="graduation-cap"] {
--callout-icon: lucide-graduation-cap;
}
.callout[data-callout="grape"] {
--callout-icon: lucide-grape;
}
.callout[data-callout="grid-2x2"] {
--callout-icon: lucide-grid-2x2;
}
.callout[data-callout="grid-2x2-check"] {
--callout-icon: lucide-grid-2x2-check;
}
.callout[data-callout="grid-2x2-plus"] {
--callout-icon: lucide-grid-2x2-plus;
}
.callout[data-callout="grid-2x2-x"] {
--callout-icon: lucide-grid-2x2-x;
}
.callout[data-callout="grid-3x2"] {
--callout-icon: lucide-grid-3x2;
}
.callout[data-callout="grid-3x3"] {
--callout-icon: lucide-grid-3x3;
}
.callout[data-callout="grip"] {
--callout-icon: lucide-grip;
}
.callout[data-callout="grip-horizontal"] {
--callout-icon: lucide-grip-horizontal;
}
.callout[data-callout="grip-vertical"] {
--callout-icon: lucide-grip-vertical;
}
.callout[data-callout="group"] {
--callout-icon: lucide-group;
}
.callout[data-callout="guitar"] {
--callout-icon: lucide-guitar;
}
.callout[data-callout="ham"] {
--callout-icon: lucide-ham;
}
.callout[data-callout="hamburger"] {
--callout-icon: lucide-hamburger;
}
.callout[data-callout="hammer"] {
--callout-icon: lucide-hammer;
}
.callout[data-callout="hand"] {
--callout-icon: lucide-hand;
}
.callout[data-callout="hand-coins"] {
--callout-icon: lucide-hand-coins;
}
.callout[data-callout="hand-fist"] {
--callout-icon: lucide-hand-fist;
}
.callout[data-callout="hand-grab"] {
--callout-icon: lucide-hand-grab;
}
.callout[data-callout="hand-heart"] {
--callout-icon: lucide-hand-heart;
}
.callout[data-callout="hand-helping"] {
--callout-icon: lucide-hand-helping;
}
.callout[data-callout="hand-metal"] {
--callout-icon: lucide-hand-metal;
}
.callout[data-callout="hand-platter"] {
--callout-icon: lucide-hand-platter;
}
.callout[data-callout="handbag"] {
--callout-icon: lucide-handbag;
}
.callout[data-callout="handshake"] {
--callout-icon: lucide-handshake;
}
.callout[data-callout="hard-drive"] {
--callout-icon: lucide-hard-drive;
}
.callout[data-callout="hard-drive-download"] {
--callout-icon: lucide-hard-drive-download;
}
.callout[data-callout="hard-drive-upload"] {
--callout-icon: lucide-hard-drive-upload;
}
.callout[data-callout="hard-hat"] {
--callout-icon: lucide-hard-hat;
}
.callout[data-callout="hash"] {
--callout-icon: lucide-hash;
}
.callout[data-callout="hat-glasses"] {
--callout-icon: lucide-hat-glasses;
}
.callout[data-callout="haze"] {
--callout-icon: lucide-haze;
}
.callout[data-callout="hdmi-port"] {
--callout-icon: lucide-hdmi-port;
}
.callout[data-callout="heading"] {
--callout-icon: lucide-heading;
}
.callout[data-callout="heading-1"] {
--callout-icon: lucide-heading-1;
}
.callout[data-callout="heading-2"] {
--callout-icon: lucide-heading-2;
}
.callout[data-callout="heading-3"] {
--callout-icon: lucide-heading-3;
}
.callout[data-callout="heading-4"] {
--callout-icon: lucide-heading-4;
}
.callout[data-callout="heading-5"] {
--callout-icon: lucide-heading-5;
}
.callout[data-callout="heading-6"] {
--callout-icon: lucide-heading-6;
}
.callout[data-callout="headphone-off"] {
--callout-icon: lucide-headphone-off;
}
.callout[data-callout="headphones"] {
--callout-icon: lucide-headphones;
}
.callout[data-callout="headset"] {
--callout-icon: lucide-headset;
}
.callout[data-callout="heart"] {
--callout-icon: lucide-heart;
}
.callout[data-callout="heart-crack"] {
--callout-icon: lucide-heart-crack;
}
.callout[data-callout="heart-handshake"] {
--callout-icon: lucide-heart-handshake;
}
.callout[data-callout="heart-minus"] {
--callout-icon: lucide-heart-minus;
}
.callout[data-callout="heart-off"] {
--callout-icon: lucide-heart-off;
}
.callout[data-callout="heart-plus"] {
--callout-icon: lucide-heart-plus;
}
.callout[data-callout="heart-pulse"] {
--callout-icon: lucide-heart-pulse;
}
.callout[data-callout="heater"] {
--callout-icon: lucide-heater;
}
.callout[data-callout="helicopter"] {
--callout-icon: lucide-helicopter;
}
.callout[data-callout="hexagon"] {
--callout-icon: lucide-hexagon;
}
.callout[data-callout="highlighter"] {
--callout-icon: lucide-highlighter;
}
.callout[data-callout="history"] {
--callout-icon: lucide-history;
}
.callout[data-callout="hop"] {
--callout-icon: lucide-hop;
}
.callout[data-callout="hop-off"] {
--callout-icon: lucide-hop-off;
}
.callout[data-callout="hospital"] {
--callout-icon: lucide-hospital;
}
.callout[data-callout="hotel"] {
--callout-icon: lucide-hotel;
}
.callout[data-callout="hourglass"] {
--callout-icon: lucide-hourglass;
}
.callout[data-callout="house"] {
--callout-icon: lucide-house;
}
.callout[data-callout="house-heart"] {
--callout-icon: lucide-house-heart;
}
.callout[data-callout="house-plug"] {
--callout-icon: lucide-house-plug;
}
.callout[data-callout="house-plus"] {
--callout-icon: lucide-house-plus;
}
.callout[data-callout="house-wifi"] {
--callout-icon: lucide-house-wifi;
}
.callout[data-callout="ice-cream-bowl"] {
--callout-icon: lucide-ice-cream-bowl;
}
.callout[data-callout="ice-cream-cone"] {
--callout-icon: lucide-ice-cream-cone;
}
.callout[data-callout="id-card"] {
--callout-icon: lucide-id-card;
}
.callout[data-callout="id-card-lanyard"] {
--callout-icon: lucide-id-card-lanyard;
}
.callout[data-callout="image"] {
--callout-icon: lucide-image;
}
.callout[data-callout="image-down"] {
--callout-icon: lucide-image-down;
}
.callout[data-callout="image-minus"] {
--callout-icon: lucide-image-minus;
}
.callout[data-callout="image-off"] {
--callout-icon: lucide-image-off;
}
.callout[data-callout="image-play"] {
--callout-icon: lucide-image-play;
}
.callout[data-callout="image-plus"] {
--callout-icon: lucide-image-plus;
}
.callout[data-callout="image-up"] {
--callout-icon: lucide-image-up;
}
.callout[data-callout="image-upscale"] {
--callout-icon: lucide-image-upscale;
}
.callout[data-callout="images"] {
--callout-icon: lucide-images;
}
.callout[data-callout="import"] {
--callout-icon: lucide-import;
}
.callout[data-callout="inbox"] {
--callout-icon: lucide-inbox;
}
.callout[data-callout="indian-rupee"] {
--callout-icon: lucide-indian-rupee;
}
.callout[data-callout="infinity"] {
--callout-icon: lucide-infinity;
}
.callout[data-callout="info"] {
--callout-icon: lucide-info;
}
.callout[data-callout="inspection-panel"] {
--callout-icon: lucide-inspection-panel;
}
.callout[data-callout="instagram"] {
--callout-icon: lucide-instagram;
}
.callout[data-callout="italic"] {
--callout-icon: lucide-italic;
}
.callout[data-callout="iteration-ccw"] {
--callout-icon: lucide-iteration-ccw;
}
.callout[data-callout="iteration-cw"] {
--callout-icon: lucide-iteration-cw;
}
.callout[data-callout="japanese-yen"] {
--callout-icon: lucide-japanese-yen;
}
.callout[data-callout="joystick"] {
--callout-icon: lucide-joystick;
}
.callout[data-callout="kanban"] {
--callout-icon: lucide-kanban;
}
.callout[data-callout="kayak"] {
--callout-icon: lucide-kayak;
}
.callout[data-callout="key"] {
--callout-icon: lucide-key;
}
.callout[data-callout="key-round"] {
--callout-icon: lucide-key-round;
}
.callout[data-callout="key-square"] {
--callout-icon: lucide-key-square;
}
.callout[data-callout="keyboard"] {
--callout-icon: lucide-keyboard;
}
.callout[data-callout="keyboard-music"] {
--callout-icon: lucide-keyboard-music;
}
.callout[data-callout="keyboard-off"] {
--callout-icon: lucide-keyboard-off;
}
.callout[data-callout="lamp"] {
--callout-icon: lucide-lamp;
}
.callout[data-callout="lamp-ceiling"] {
--callout-icon: lucide-lamp-ceiling;
}
.callout[data-callout="lamp-desk"] {
--callout-icon: lucide-lamp-desk;
}
.callout[data-callout="lamp-floor"] {
--callout-icon: lucide-lamp-floor;
}
.callout[data-callout="lamp-wall-down"] {
--callout-icon: lucide-lamp-wall-down;
}
.callout[data-callout="lamp-wall-up"] {
--callout-icon: lucide-lamp-wall-up;
}
.callout[data-callout="land-plot"] {
--callout-icon: lucide-land-plot;
}
.callout[data-callout="landmark"] {
--callout-icon: lucide-landmark;
}
.callout[data-callout="languages"] {
--callout-icon: lucide-languages;
}
.callout[data-callout="laptop"] {
--callout-icon: lucide-laptop;
}
.callout[data-callout="laptop-minimal"] {
--callout-icon: lucide-laptop-minimal;
}
.callout[data-callout="laptop-minimal-check"] {
--callout-icon: lucide-laptop-minimal-check;
}
.callout[data-callout="lasso"] {
--callout-icon: lucide-lasso;
}
.callout[data-callout="lasso-select"] {
--callout-icon: lucide-lasso-select;
}
.callout[data-callout="laugh"] {
--callout-icon: lucide-laugh;
}
.callout[data-callout="layers"] {
--callout-icon: lucide-layers;
}
.callout[data-callout="layers-2"] {
--callout-icon: lucide-layers-2;
}
.callout[data-callout="layout-dashboard"] {
--callout-icon: lucide-layout-dashboard;
}
.callout[data-callout="layout-grid"] {
--callout-icon: lucide-layout-grid;
}
.callout[data-callout="layout-list"] {
--callout-icon: lucide-layout-list;
}
.callout[data-callout="layout-panel-left"] {
--callout-icon: lucide-layout-panel-left;
}
.callout[data-callout="layout-panel-top"] {
--callout-icon: lucide-layout-panel-top;
}
.callout[data-callout="layout-template"] {
--callout-icon: lucide-layout-template;
}
.callout[data-callout="leaf"] {
--callout-icon: lucide-leaf;
}
.callout[data-callout="leafy-green"] {
--callout-icon: lucide-leafy-green;
}
.callout[data-callout="lectern"] {
--callout-icon: lucide-lectern;
}
.callout[data-callout="library"] {
--callout-icon: lucide-library;
}
.callout[data-callout="library-big"] {
--callout-icon: lucide-library-big;
}
.callout[data-callout="life-buoy"] {
--callout-icon: lucide-life-buoy;
}
.callout[data-callout="ligature"] {
--callout-icon: lucide-ligature;
}
.callout[data-callout="lightbulb"] {
--callout-icon: lucide-lightbulb;
}
.callout[data-callout="lightbulb-off"] {
--callout-icon: lucide-lightbulb-off;
}
.callout[data-callout="line-squiggle"] {
--callout-icon: lucide-line-squiggle;
}
.callout[data-callout="link"] {
--callout-icon: lucide-link;
}
.callout[data-callout="link-2"] {
--callout-icon: lucide-link-2;
}
.callout[data-callout="link-2-off"] {
--callout-icon: lucide-link-2-off;
}
.callout[data-callout="linkedin"] {
--callout-icon: lucide-linkedin;
}
.callout[data-callout="list"] {
--callout-icon: lucide-list;
}
.callout[data-callout="list-check"] {
--callout-icon: lucide-list-check;
}
.callout[data-callout="list-checks"] {
--callout-icon: lucide-list-checks;
}
.callout[data-callout="list-chevrons-down-up"] {
--callout-icon: lucide-list-chevrons-down-up;
}
.callout[data-callout="list-chevrons-up-down"] {
--callout-icon: lucide-list-chevrons-up-down;
}
.callout[data-callout="list-collapse"] {
--callout-icon: lucide-list-collapse;
}
.callout[data-callout="list-end"] {
--callout-icon: lucide-list-end;
}
.callout[data-callout="list-filter"] {
--callout-icon: lucide-list-filter;
}
.callout[data-callout="list-filter-plus"] {
--callout-icon: lucide-list-filter-plus;
}
.callout[data-callout="list-indent-decrease"] {
--callout-icon: lucide-list-indent-decrease;
}
.callout[data-callout="list-indent-increase"] {
--callout-icon: lucide-list-indent-increase;
}
.callout[data-callout="list-minus"] {
--callout-icon: lucide-list-minus;
}
.callout[data-callout="list-music"] {
--callout-icon: lucide-list-music;
}
.callout[data-callout="list-ordered"] {
--callout-icon: lucide-list-ordered;
}
.callout[data-callout="list-plus"] {
--callout-icon: lucide-list-plus;
}
.callout[data-callout="list-restart"] {
--callout-icon: lucide-list-restart;
}
.callout[data-callout="list-start"] {
--callout-icon: lucide-list-start;
}
.callout[data-callout="list-todo"] {
--callout-icon: lucide-list-todo;
}
.callout[data-callout="list-tree"] {
--callout-icon: lucide-list-tree;
}
.callout[data-callout="list-video"] {
--callout-icon: lucide-list-video;
}
.callout[data-callout="list-x"] {
--callout-icon: lucide-list-x;
}
.callout[data-callout="loader"] {
--callout-icon: lucide-loader;
}
.callout[data-callout="loader-circle"] {
--callout-icon: lucide-loader-circle;
}
.callout[data-callout="loader-pinwheel"] {
--callout-icon: lucide-loader-pinwheel;
}
.callout[data-callout="locate"] {
--callout-icon: lucide-locate;
}
.callout[data-callout="locate-fixed"] {
--callout-icon: lucide-locate-fixed;
}
.callout[data-callout="locate-off"] {
--callout-icon: lucide-locate-off;
}
.callout[data-callout="lock"] {
--callout-icon: lucide-lock;
}
.callout[data-callout="lock-keyhole"] {
--callout-icon: lucide-lock-keyhole;
}
.callout[data-callout="lock-keyhole-open"] {
--callout-icon: lucide-lock-keyhole-open;
}
.callout[data-callout="lock-open"] {
--callout-icon: lucide-lock-open;
}
.callout[data-callout="log-in"] {
--callout-icon: lucide-log-in;
}
.callout[data-callout="log-out"] {
--callout-icon: lucide-log-out;
}
.callout[data-callout="logs"] {
--callout-icon: lucide-logs;
}
.callout[data-callout="lollipop"] {
--callout-icon: lucide-lollipop;
}
.callout[data-callout="luggage"] {
--callout-icon: lucide-luggage;
}
.callout[data-callout="magnet"] {
--callout-icon: lucide-magnet;
}
.callout[data-callout="mail"] {
--callout-icon: lucide-mail;
}
.callout[data-callout="mail-check"] {
--callout-icon: lucide-mail-check;
}
.callout[data-callout="mail-minus"] {
--callout-icon: lucide-mail-minus;
}
.callout[data-callout="mail-open"] {
--callout-icon: lucide-mail-open;
}
.callout[data-callout="mail-plus"] {
--callout-icon: lucide-mail-plus;
}
.callout[data-callout="mail-question-mark"] {
--callout-icon: lucide-mail-question-mark;
}
.callout[data-callout="mail-search"] {
--callout-icon: lucide-mail-search;
}
.callout[data-callout="mail-warning"] {
--callout-icon: lucide-mail-warning;
}
.callout[data-callout="mail-x"] {
--callout-icon: lucide-mail-x;
}
.callout[data-callout="mailbox"] {
--callout-icon: lucide-mailbox;
}
.callout[data-callout="mails"] {
--callout-icon: lucide-mails;
}
.callout[data-callout="map"] {
--callout-icon: lucide-map;
}
.callout[data-callout="map-minus"] {
--callout-icon: lucide-map-minus;
}
.callout[data-callout="map-pin"] {
--callout-icon: lucide-map-pin;
}
.callout[data-callout="map-pin-check"] {
--callout-icon: lucide-map-pin-check;
}
.callout[data-callout="map-pin-check-inside"] {
--callout-icon: lucide-map-pin-check-inside;
}
.callout[data-callout="map-pin-house"] {
--callout-icon: lucide-map-pin-house;
}
.callout[data-callout="map-pin-minus"] {
--callout-icon: lucide-map-pin-minus;
}
.callout[data-callout="map-pin-minus-inside"] {
--callout-icon: lucide-map-pin-minus-inside;
}
.callout[data-callout="map-pin-off"] {
--callout-icon: lucide-map-pin-off;
}
.callout[data-callout="map-pin-pen"] {
--callout-icon: lucide-map-pin-pen;
}
.callout[data-callout="map-pin-plus"] {
--callout-icon: lucide-map-pin-plus;
}
.callout[data-callout="map-pin-plus-inside"] {
--callout-icon: lucide-map-pin-plus-inside;
}
.callout[data-callout="map-pin-x"] {
--callout-icon: lucide-map-pin-x;
}
.callout[data-callout="map-pin-x-inside"] {
--callout-icon: lucide-map-pin-x-inside;
}
.callout[data-callout="map-pinned"] {
--callout-icon: lucide-map-pinned;
}
.callout[data-callout="map-plus"] {
--callout-icon: lucide-map-plus;
}
.callout[data-callout="mars"] {
--callout-icon: lucide-mars;
}
.callout[data-callout="mars-stroke"] {
--callout-icon: lucide-mars-stroke;
}
.callout[data-callout="martini"] {
--callout-icon: lucide-martini;
}
.callout[data-callout="maximize"] {
--callout-icon: lucide-maximize;
}
.callout[data-callout="maximize-2"] {
--callout-icon: lucide-maximize-2;
}
.callout[data-callout="medal"] {
--callout-icon: lucide-medal;
}
.callout[data-callout="megaphone"] {
--callout-icon: lucide-megaphone;
}
.callout[data-callout="megaphone-off"] {
--callout-icon: lucide-megaphone-off;
}
.callout[data-callout="meh"] {
--callout-icon: lucide-meh;
}
.callout[data-callout="memory-stick"] {
--callout-icon: lucide-memory-stick;
}
.callout[data-callout="menu"] {
--callout-icon: lucide-menu;
}
.callout[data-callout="merge"] {
--callout-icon: lucide-merge;
}
.callout[data-callout="message-circle"] {
--callout-icon: lucide-message-circle;
}
.callout[data-callout="message-circle-code"] {
--callout-icon: lucide-message-circle-code;
}
.callout[data-callout="message-circle-dashed"] {
--callout-icon: lucide-message-circle-dashed;
}
.callout[data-callout="message-circle-heart"] {
--callout-icon: lucide-message-circle-heart;
}
.callout[data-callout="message-circle-more"] {
--callout-icon: lucide-message-circle-more;
}
.callout[data-callout="message-circle-off"] {
--callout-icon: lucide-message-circle-off;
}
.callout[data-callout="message-circle-plus"] {
--callout-icon: lucide-message-circle-plus;
}
.callout[data-callout="message-circle-question-mark"] {
--callout-icon: lucide-message-circle-question-mark;
}
.callout[data-callout="message-circle-reply"] {
--callout-icon: lucide-message-circle-reply;
}
.callout[data-callout="message-circle-warning"] {
--callout-icon: lucide-message-circle-warning;
}
.callout[data-callout="message-circle-x"] {
--callout-icon: lucide-message-circle-x;
}
.callout[data-callout="message-square"] {
--callout-icon: lucide-message-square;
}
.callout[data-callout="message-square-code"] {
--callout-icon: lucide-message-square-code;
}
.callout[data-callout="message-square-dashed"] {
--callout-icon: lucide-message-square-dashed;
}
.callout[data-callout="message-square-diff"] {
--callout-icon: lucide-message-square-diff;
}
.callout[data-callout="message-square-dot"] {
--callout-icon: lucide-message-square-dot;
}
.callout[data-callout="message-square-heart"] {
--callout-icon: lucide-message-square-heart;
}
.callout[data-callout="message-square-lock"] {
--callout-icon: lucide-message-square-lock;
}
.callout[data-callout="message-square-more"] {
--callout-icon: lucide-message-square-more;
}
.callout[data-callout="message-square-off"] {
--callout-icon: lucide-message-square-off;
}
.callout[data-callout="message-square-plus"] {
--callout-icon: lucide-message-square-plus;
}
.callout[data-callout="message-square-quote"] {
--callout-icon: lucide-message-square-quote;
}
.callout[data-callout="message-square-reply"] {
--callout-icon: lucide-message-square-reply;
}
.callout[data-callout="message-square-share"] {
--callout-icon: lucide-message-square-share;
}
.callout[data-callout="message-square-text"] {
--callout-icon: lucide-message-square-text;
}
.callout[data-callout="message-square-warning"] {
--callout-icon: lucide-message-square-warning;
}
.callout[data-callout="message-square-x"] {
--callout-icon: lucide-message-square-x;
}
.callout[data-callout="messages-square"] {
--callout-icon: lucide-messages-square;
}
.callout[data-callout="mic"] {
--callout-icon: lucide-mic;
}
.callout[data-callout="mic-off"] {
--callout-icon: lucide-mic-off;
}
.callout[data-callout="mic-vocal"] {
--callout-icon: lucide-mic-vocal;
}
.callout[data-callout="microchip"] {
--callout-icon: lucide-microchip;
}
.callout[data-callout="microscope"] {
--callout-icon: lucide-microscope;
}
.callout[data-callout="microwave"] {
--callout-icon: lucide-microwave;
}
.callout[data-callout="milestone"] {
--callout-icon: lucide-milestone;
}
.callout[data-callout="milk"] {
--callout-icon: lucide-milk;
}
.callout[data-callout="milk-off"] {
--callout-icon: lucide-milk-off;
}
.callout[data-callout="minimize"] {
--callout-icon: lucide-minimize;
}
.callout[data-callout="minimize-2"] {
--callout-icon: lucide-minimize-2;
}
.callout[data-callout="minus"] {
--callout-icon: lucide-minus;
}
.callout[data-callout="monitor"] {
--callout-icon: lucide-monitor;
}
.callout[data-callout="monitor-check"] {
--callout-icon: lucide-monitor-check;
}
.callout[data-callout="monitor-cloud"] {
--callout-icon: lucide-monitor-cloud;
}
.callout[data-callout="monitor-cog"] {
--callout-icon: lucide-monitor-cog;
}
.callout[data-callout="monitor-dot"] {
--callout-icon: lucide-monitor-dot;
}
.callout[data-callout="monitor-down"] {
--callout-icon: lucide-monitor-down;
}
.callout[data-callout="monitor-off"] {
--callout-icon: lucide-monitor-off;
}
.callout[data-callout="monitor-pause"] {
--callout-icon: lucide-monitor-pause;
}
.callout[data-callout="monitor-play"] {
--callout-icon: lucide-monitor-play;
}
.callout[data-callout="monitor-smartphone"] {
--callout-icon: lucide-monitor-smartphone;
}
.callout[data-callout="monitor-speaker"] {
--callout-icon: lucide-monitor-speaker;
}
.callout[data-callout="monitor-stop"] {
--callout-icon: lucide-monitor-stop;
}
.callout[data-callout="monitor-up"] {
--callout-icon: lucide-monitor-up;
}
.callout[data-callout="monitor-x"] {
--callout-icon: lucide-monitor-x;
}
.callout[data-callout="moon"] {
--callout-icon: lucide-moon;
}
.callout[data-callout="moon-star"] {
--callout-icon: lucide-moon-star;
}
.callout[data-callout="motorbike"] {
--callout-icon: lucide-motorbike;
}
.callout[data-callout="mountain"] {
--callout-icon: lucide-mountain;
}
.callout[data-callout="mountain-snow"] {
--callout-icon: lucide-mountain-snow;
}
.callout[data-callout="mouse"] {
--callout-icon: lucide-mouse;
}
.callout[data-callout="mouse-off"] {
--callout-icon: lucide-mouse-off;
}
.callout[data-callout="mouse-pointer"] {
--callout-icon: lucide-mouse-pointer;
}
.callout[data-callout="mouse-pointer-2"] {
--callout-icon: lucide-mouse-pointer-2;
}
.callout[data-callout="mouse-pointer-2-off"] {
--callout-icon: lucide-mouse-pointer-2-off;
}
.callout[data-callout="mouse-pointer-ban"] {
--callout-icon: lucide-mouse-pointer-ban;
}
.callout[data-callout="mouse-pointer-click"] {
--callout-icon: lucide-mouse-pointer-click;
}
.callout[data-callout="move"] {
--callout-icon: lucide-move;
}
.callout[data-callout="move-3d"] {
--callout-icon: lucide-move-3d;
}
.callout[data-callout="move-diagonal"] {
--callout-icon: lucide-move-diagonal;
}
.callout[data-callout="move-diagonal-2"] {
--callout-icon: lucide-move-diagonal-2;
}
.callout[data-callout="move-down"] {
--callout-icon: lucide-move-down;
}
.callout[data-callout="move-down-left"] {
--callout-icon: lucide-move-down-left;
}
.callout[data-callout="move-down-right"] {
--callout-icon: lucide-move-down-right;
}
.callout[data-callout="move-horizontal"] {
--callout-icon: lucide-move-horizontal;
}
.callout[data-callout="move-left"] {
--callout-icon: lucide-move-left;
}
.callout[data-callout="move-right"] {
--callout-icon: lucide-move-right;
}
.callout[data-callout="move-up"] {
--callout-icon: lucide-move-up;
}
.callout[data-callout="move-up-left"] {
--callout-icon: lucide-move-up-left;
}
.callout[data-callout="move-up-right"] {
--callout-icon: lucide-move-up-right;
}
.callout[data-callout="move-vertical"] {
--callout-icon: lucide-move-vertical;
}
.callout[data-callout="music"] {
--callout-icon: lucide-music;
}
.callout[data-callout="music-2"] {
--callout-icon: lucide-music-2;
}
.callout[data-callout="music-3"] {
--callout-icon: lucide-music-3;
}
.callout[data-callout="music-4"] {
--callout-icon: lucide-music-4;
}
.callout[data-callout="navigation"] {
--callout-icon: lucide-navigation;
}
.callout[data-callout="navigation-2"] {
--callout-icon: lucide-navigation-2;
}
.callout[data-callout="navigation-2-off"] {
--callout-icon: lucide-navigation-2-off;
}
.callout[data-callout="navigation-off"] {
--callout-icon: lucide-navigation-off;
}
.callout[data-callout="network"] {
--callout-icon: lucide-network;
}
.callout[data-callout="newspaper"] {
--callout-icon: lucide-newspaper;
}
.callout[data-callout="nfc"] {
--callout-icon: lucide-nfc;
}
.callout[data-callout="non-binary"] {
--callout-icon: lucide-non-binary;
}
.callout[data-callout="notebook"] {
--callout-icon: lucide-notebook;
}
.callout[data-callout="notebook-pen"] {
--callout-icon: lucide-notebook-pen;
}
.callout[data-callout="notebook-tabs"] {
--callout-icon: lucide-notebook-tabs;
}
.callout[data-callout="notebook-text"] {
--callout-icon: lucide-notebook-text;
}
.callout[data-callout="notepad-text"] {
--callout-icon: lucide-notepad-text;
}
.callout[data-callout="notepad-text-dashed"] {
--callout-icon: lucide-notepad-text-dashed;
}
.callout[data-callout="nut"] {
--callout-icon: lucide-nut;
}
.callout[data-callout="nut-off"] {
--callout-icon: lucide-nut-off;
}
.callout[data-callout="octagon"] {
--callout-icon: lucide-octagon;
}
.callout[data-callout="octagon-alert"] {
--callout-icon: lucide-octagon-alert;
}
.callout[data-callout="octagon-minus"] {
--callout-icon: lucide-octagon-minus;
}
.callout[data-callout="octagon-pause"] {
--callout-icon: lucide-octagon-pause;
}
.callout[data-callout="octagon-x"] {
--callout-icon: lucide-octagon-x;
}
.callout[data-callout="omega"] {
--callout-icon: lucide-omega;
}
.callout[data-callout="option"] {
--callout-icon: lucide-option;
}
.callout[data-callout="orbit"] {
--callout-icon: lucide-orbit;
}
.callout[data-callout="origami"] {
--callout-icon: lucide-origami;
}
.callout[data-callout="package"] {
--callout-icon: lucide-package;
}
.callout[data-callout="package-2"] {
--callout-icon: lucide-package-2;
}
.callout[data-callout="package-check"] {
--callout-icon: lucide-package-check;
}
.callout[data-callout="package-minus"] {
--callout-icon: lucide-package-minus;
}
.callout[data-callout="package-open"] {
--callout-icon: lucide-package-open;
}
.callout[data-callout="package-plus"] {
--callout-icon: lucide-package-plus;
}
.callout[data-callout="package-search"] {
--callout-icon: lucide-package-search;
}
.callout[data-callout="package-x"] {
--callout-icon: lucide-package-x;
}
.callout[data-callout="paint-bucket"] {
--callout-icon: lucide-paint-bucket;
}
.callout[data-callout="paint-roller"] {
--callout-icon: lucide-paint-roller;
}
.callout[data-callout="paintbrush"] {
--callout-icon: lucide-paintbrush;
}
.callout[data-callout="paintbrush-vertical"] {
--callout-icon: lucide-paintbrush-vertical;
}
.callout[data-callout="palette"] {
--callout-icon: lucide-palette;
}
.callout[data-callout="panda"] {
--callout-icon: lucide-panda;
}
.callout[data-callout="panel-bottom"] {
--callout-icon: lucide-panel-bottom;
}
.callout[data-callout="panel-bottom-close"] {
--callout-icon: lucide-panel-bottom-close;
}
.callout[data-callout="panel-bottom-dashed"] {
--callout-icon: lucide-panel-bottom-dashed;
}
.callout[data-callout="panel-bottom-open"] {
--callout-icon: lucide-panel-bottom-open;
}
.callout[data-callout="panel-left"] {
--callout-icon: lucide-panel-left;
}
.callout[data-callout="panel-left-close"] {
--callout-icon: lucide-panel-left-close;
}
.callout[data-callout="panel-left-dashed"] {
--callout-icon: lucide-panel-left-dashed;
}
.callout[data-callout="panel-left-open"] {
--callout-icon: lucide-panel-left-open;
}
.callout[data-callout="panel-left-right-dashed"] {
--callout-icon: lucide-panel-left-right-dashed;
}
.callout[data-callout="panel-right"] {
--callout-icon: lucide-panel-right;
}
.callout[data-callout="panel-right-close"] {
--callout-icon: lucide-panel-right-close;
}
.callout[data-callout="panel-right-dashed"] {
--callout-icon: lucide-panel-right-dashed;
}
.callout[data-callout="panel-right-open"] {
--callout-icon: lucide-panel-right-open;
}
.callout[data-callout="panel-top"] {
--callout-icon: lucide-panel-top;
}
.callout[data-callout="panel-top-bottom-dashed"] {
--callout-icon: lucide-panel-top-bottom-dashed;
}
.callout[data-callout="panel-top-close"] {
--callout-icon: lucide-panel-top-close;
}
.callout[data-callout="panel-top-dashed"] {
--callout-icon: lucide-panel-top-dashed;
}
.callout[data-callout="panel-top-open"] {
--callout-icon: lucide-panel-top-open;
}
.callout[data-callout="panels-left-bottom"] {
--callout-icon: lucide-panels-left-bottom;
}
.callout[data-callout="panels-right-bottom"] {
--callout-icon: lucide-panels-right-bottom;
}
.callout[data-callout="panels-top-left"] {
--callout-icon: lucide-panels-top-left;
}
.callout[data-callout="paperclip"] {
--callout-icon: lucide-paperclip;
}
.callout[data-callout="parentheses"] {
--callout-icon: lucide-parentheses;
}
.callout[data-callout="parking-meter"] {
--callout-icon: lucide-parking-meter;
}
.callout[data-callout="party-popper"] {
--callout-icon: lucide-party-popper;
}
.callout[data-callout="pause"] {
--callout-icon: lucide-pause;
}
.callout[data-callout="paw-print"] {
--callout-icon: lucide-paw-print;
}
.callout[data-callout="pc-case"] {
--callout-icon: lucide-pc-case;
}
.callout[data-callout="pen"] {
--callout-icon: lucide-pen;
}
.callout[data-callout="pen-line"] {
--callout-icon: lucide-pen-line;
}
.callout[data-callout="pen-off"] {
--callout-icon: lucide-pen-off;
}
.callout[data-callout="pen-tool"] {
--callout-icon: lucide-pen-tool;
}
.callout[data-callout="pencil"] {
--callout-icon: lucide-pencil;
}
.callout[data-callout="pencil-line"] {
--callout-icon: lucide-pencil-line;
}
.callout[data-callout="pencil-off"] {
--callout-icon: lucide-pencil-off;
}
.callout[data-callout="pencil-ruler"] {
--callout-icon: lucide-pencil-ruler;
}
.callout[data-callout="pentagon"] {
--callout-icon: lucide-pentagon;
}
.callout[data-callout="percent"] {
--callout-icon: lucide-percent;
}
.callout[data-callout="person-standing"] {
--callout-icon: lucide-person-standing;
}
.callout[data-callout="philippine-peso"] {
--callout-icon: lucide-philippine-peso;
}
.callout[data-callout="phone"] {
--callout-icon: lucide-phone;
}
.callout[data-callout="phone-call"] {
--callout-icon: lucide-phone-call;
}
.callout[data-callout="phone-forwarded"] {
--callout-icon: lucide-phone-forwarded;
}
.callout[data-callout="phone-incoming"] {
--callout-icon: lucide-phone-incoming;
}
.callout[data-callout="phone-missed"] {
--callout-icon: lucide-phone-missed;
}
.callout[data-callout="phone-off"] {
--callout-icon: lucide-phone-off;
}
.callout[data-callout="phone-outgoing"] {
--callout-icon: lucide-phone-outgoing;
}
.callout[data-callout="pi"] {
--callout-icon: lucide-pi;
}
.callout[data-callout="piano"] {
--callout-icon: lucide-piano;
}
.callout[data-callout="pickaxe"] {
--callout-icon: lucide-pickaxe;
}
.callout[data-callout="picture-in-picture"] {
--callout-icon: lucide-picture-in-picture;
}
.callout[data-callout="picture-in-picture-2"] {
--callout-icon: lucide-picture-in-picture-2;
}
.callout[data-callout="piggy-bank"] {
--callout-icon: lucide-piggy-bank;
}
.callout[data-callout="pilcrow"] {
--callout-icon: lucide-pilcrow;
}
.callout[data-callout="pilcrow-left"] {
--callout-icon: lucide-pilcrow-left;
}
.callout[data-callout="pilcrow-right"] {
--callout-icon: lucide-pilcrow-right;
}
.callout[data-callout="pill"] {
--callout-icon: lucide-pill;
}
.callout[data-callout="pill-bottle"] {
--callout-icon: lucide-pill-bottle;
}
.callout[data-callout="pin"] {
--callout-icon: lucide-pin;
}
.callout[data-callout="pin-off"] {
--callout-icon: lucide-pin-off;
}
.callout[data-callout="pipette"] {
--callout-icon: lucide-pipette;
}
.callout[data-callout="pizza"] {
--callout-icon: lucide-pizza;
}
.callout[data-callout="plane"] {
--callout-icon: lucide-plane;
}
.callout[data-callout="plane-landing"] {
--callout-icon: lucide-plane-landing;
}
.callout[data-callout="plane-takeoff"] {
--callout-icon: lucide-plane-takeoff;
}
.callout[data-callout="play"] {
--callout-icon: lucide-play;
}
.callout[data-callout="plug"] {
--callout-icon: lucide-plug;
}
.callout[data-callout="plug-2"] {
--callout-icon: lucide-plug-2;
}
.callout[data-callout="plug-zap"] {
--callout-icon: lucide-plug-zap;
}
.callout[data-callout="plus"] {
--callout-icon: lucide-plus;
}
.callout[data-callout="pocket"] {
--callout-icon: lucide-pocket;
}
.callout[data-callout="pocket-knife"] {
--callout-icon: lucide-pocket-knife;
}
.callout[data-callout="podcast"] {
--callout-icon: lucide-podcast;
}
.callout[data-callout="pointer"] {
--callout-icon: lucide-pointer;
}
.callout[data-callout="pointer-off"] {
--callout-icon: lucide-pointer-off;
}
.callout[data-callout="popcorn"] {
--callout-icon: lucide-popcorn;
}
.callout[data-callout="popsicle"] {
--callout-icon: lucide-popsicle;
}
.callout[data-callout="pound-sterling"] {
--callout-icon: lucide-pound-sterling;
}
.callout[data-callout="power"] {
--callout-icon: lucide-power;
}
.callout[data-callout="power-off"] {
--callout-icon: lucide-power-off;
}
.callout[data-callout="presentation"] {
--callout-icon: lucide-presentation;
}
.callout[data-callout="printer"] {
--callout-icon: lucide-printer;
}
.callout[data-callout="printer-check"] {
--callout-icon: lucide-printer-check;
}
.callout[data-callout="projector"] {
--callout-icon: lucide-projector;
}
.callout[data-callout="proportions"] {
--callout-icon: lucide-proportions;
}
.callout[data-callout="puzzle"] {
--callout-icon: lucide-puzzle;
}
.callout[data-callout="pyramid"] {
--callout-icon: lucide-pyramid;
}
.callout[data-callout="qr-code"] {
--callout-icon: lucide-qr-code;
}
.callout[data-callout="quote"] {
--callout-icon: lucide-quote;
}
.callout[data-callout="rabbit"] {
--callout-icon: lucide-rabbit;
}
.callout[data-callout="radar"] {
--callout-icon: lucide-radar;
}
.callout[data-callout="radiation"] {
--callout-icon: lucide-radiation;
}
.callout[data-callout="radical"] {
--callout-icon: lucide-radical;
}
.callout[data-callout="radio"] {
--callout-icon: lucide-radio;
}
.callout[data-callout="radio-receiver"] {
--callout-icon: lucide-radio-receiver;
}
.callout[data-callout="radio-tower"] {
--callout-icon: lucide-radio-tower;
}
.callout[data-callout="radius"] {
--callout-icon: lucide-radius;
}
.callout[data-callout="rail-symbol"] {
--callout-icon: lucide-rail-symbol;
}
.callout[data-callout="rainbow"] {
--callout-icon: lucide-rainbow;
}
.callout[data-callout="rat"] {
--callout-icon: lucide-rat;
}
.callout[data-callout="ratio"] {
--callout-icon: lucide-ratio;
}
.callout[data-callout="receipt"] {
--callout-icon: lucide-receipt;
}
.callout[data-callout="receipt-cent"] {
--callout-icon: lucide-receipt-cent;
}
.callout[data-callout="receipt-euro"] {
--callout-icon: lucide-receipt-euro;
}
.callout[data-callout="receipt-indian-rupee"] {
--callout-icon: lucide-receipt-indian-rupee;
}
.callout[data-callout="receipt-japanese-yen"] {
--callout-icon: lucide-receipt-japanese-yen;
}
.callout[data-callout="receipt-pound-sterling"] {
--callout-icon: lucide-receipt-pound-sterling;
}
.callout[data-callout="receipt-russian-ruble"] {
--callout-icon: lucide-receipt-russian-ruble;
}
.callout[data-callout="receipt-swiss-franc"] {
--callout-icon: lucide-receipt-swiss-franc;
}
.callout[data-callout="receipt-text"] {
--callout-icon: lucide-receipt-text;
}
.callout[data-callout="receipt-turkish-lira"] {
--callout-icon: lucide-receipt-turkish-lira;
}
.callout[data-callout="rectangle-circle"] {
--callout-icon: lucide-rectangle-circle;
}
.callout[data-callout="rectangle-ellipsis"] {
--callout-icon: lucide-rectangle-ellipsis;
}
.callout[data-callout="rectangle-goggles"] {
--callout-icon: lucide-rectangle-goggles;
}
.callout[data-callout="rectangle-horizontal"] {
--callout-icon: lucide-rectangle-horizontal;
}
.callout[data-callout="rectangle-vertical"] {
--callout-icon: lucide-rectangle-vertical;
}
.callout[data-callout="recycle"] {
--callout-icon: lucide-recycle;
}
.callout[data-callout="redo"] {
--callout-icon: lucide-redo;
}
.callout[data-callout="redo-2"] {
--callout-icon: lucide-redo-2;
}
.callout[data-callout="redo-dot"] {
--callout-icon: lucide-redo-dot;
}
.callout[data-callout="refresh-ccw"] {
--callout-icon: lucide-refresh-ccw;
}
.callout[data-callout="refresh-ccw-dot"] {
--callout-icon: lucide-refresh-ccw-dot;
}
.callout[data-callout="refresh-cw"] {
--callout-icon: lucide-refresh-cw;
}
.callout[data-callout="refresh-cw-off"] {
--callout-icon: lucide-refresh-cw-off;
}
.callout[data-callout="refrigerator"] {
--callout-icon: lucide-refrigerator;
}
.callout[data-callout="regex"] {
--callout-icon: lucide-regex;
}
.callout[data-callout="remove-formatting"] {
--callout-icon: lucide-remove-formatting;
}
.callout[data-callout="repeat"] {
--callout-icon: lucide-repeat;
}
.callout[data-callout="repeat-1"] {
--callout-icon: lucide-repeat-1;
}
.callout[data-callout="repeat-2"] {
--callout-icon: lucide-repeat-2;
}
.callout[data-callout="replace"] {
--callout-icon: lucide-replace;
}
.callout[data-callout="replace-all"] {
--callout-icon: lucide-replace-all;
}
.callout[data-callout="reply"] {
--callout-icon: lucide-reply;
}
.callout[data-callout="reply-all"] {
--callout-icon: lucide-reply-all;
}
.callout[data-callout="rewind"] {
--callout-icon: lucide-rewind;
}
.callout[data-callout="ribbon"] {
--callout-icon: lucide-ribbon;
}
.callout[data-callout="rocket"] {
--callout-icon: lucide-rocket;
}
.callout[data-callout="rocking-chair"] {
--callout-icon: lucide-rocking-chair;
}
.callout[data-callout="roller-coaster"] {
--callout-icon: lucide-roller-coaster;
}
.callout[data-callout="rose"] {
--callout-icon: lucide-rose;
}
.callout[data-callout="rotate-3d"] {
--callout-icon: lucide-rotate-3d;
}
.callout[data-callout="rotate-ccw"] {
--callout-icon: lucide-rotate-ccw;
}
.callout[data-callout="rotate-ccw-key"] {
--callout-icon: lucide-rotate-ccw-key;
}
.callout[data-callout="rotate-ccw-square"] {
--callout-icon: lucide-rotate-ccw-square;
}
.callout[data-callout="rotate-cw"] {
--callout-icon: lucide-rotate-cw;
}
.callout[data-callout="rotate-cw-square"] {
--callout-icon: lucide-rotate-cw-square;
}
.callout[data-callout="route"] {
--callout-icon: lucide-route;
}
.callout[data-callout="route-off"] {
--callout-icon: lucide-route-off;
}
.callout[data-callout="router"] {
--callout-icon: lucide-router;
}
.callout[data-callout="rows-2"] {
--callout-icon: lucide-rows-2;
}
.callout[data-callout="rows-3"] {
--callout-icon: lucide-rows-3;
}
.callout[data-callout="rows-4"] {
--callout-icon: lucide-rows-4;
}
.callout[data-callout="rss"] {
--callout-icon: lucide-rss;
}
.callout[data-callout="ruler"] {
--callout-icon: lucide-ruler;
}
.callout[data-callout="ruler-dimension-line"] {
--callout-icon: lucide-ruler-dimension-line;
}
.callout[data-callout="russian-ruble"] {
--callout-icon: lucide-russian-ruble;
}
.callout[data-callout="sailboat"] {
--callout-icon: lucide-sailboat;
}
.callout[data-callout="salad"] {
--callout-icon: lucide-salad;
}
.callout[data-callout="sandwich"] {
--callout-icon: lucide-sandwich;
}
.callout[data-callout="satellite"] {
--callout-icon: lucide-satellite;
}
.callout[data-callout="satellite-dish"] {
--callout-icon: lucide-satellite-dish;
}
.callout[data-callout="saudi-riyal"] {
--callout-icon: lucide-saudi-riyal;
}
.callout[data-callout="save"] {
--callout-icon: lucide-save;
}
.callout[data-callout="save-all"] {
--callout-icon: lucide-save-all;
}
.callout[data-callout="save-off"] {
--callout-icon: lucide-save-off;
}
.callout[data-callout="scale"] {
--callout-icon: lucide-scale;
}
.callout[data-callout="scale-3d"] {
--callout-icon: lucide-scale-3d;
}
.callout[data-callout="scaling"] {
--callout-icon: lucide-scaling;
}
.callout[data-callout="scan"] {
--callout-icon: lucide-scan;
}
.callout[data-callout="scan-barcode"] {
--callout-icon: lucide-scan-barcode;
}
.callout[data-callout="scan-eye"] {
--callout-icon: lucide-scan-eye;
}
.callout[data-callout="scan-face"] {
--callout-icon: lucide-scan-face;
}
.callout[data-callout="scan-heart"] {
--callout-icon: lucide-scan-heart;
}
.callout[data-callout="scan-line"] {
--callout-icon: lucide-scan-line;
}
.callout[data-callout="scan-qr-code"] {
--callout-icon: lucide-scan-qr-code;
}
.callout[data-callout="scan-search"] {
--callout-icon: lucide-scan-search;
}
.callout[data-callout="scan-text"] {
--callout-icon: lucide-scan-text;
}
.callout[data-callout="school"] {
--callout-icon: lucide-school;
}
.callout[data-callout="scissors"] {
--callout-icon: lucide-scissors;
}
.callout[data-callout="scissors-line-dashed"] {
--callout-icon: lucide-scissors-line-dashed;
}
.callout[data-callout="screen-share"] {
--callout-icon: lucide-screen-share;
}
.callout[data-callout="screen-share-off"] {
--callout-icon: lucide-screen-share-off;
}
.callout[data-callout="scroll"] {
--callout-icon: lucide-scroll;
}
.callout[data-callout="scroll-text"] {
--callout-icon: lucide-scroll-text;
}
.callout[data-callout="search"] {
--callout-icon: lucide-search;
}
.callout[data-callout="search-check"] {
--callout-icon: lucide-search-check;
}
.callout[data-callout="search-code"] {
--callout-icon: lucide-search-code;
}
.callout[data-callout="search-slash"] {
--callout-icon: lucide-search-slash;
}
.callout[data-callout="search-x"] {
--callout-icon: lucide-search-x;
}
.callout[data-callout="section"] {
--callout-icon: lucide-section;
}
.callout[data-callout="send"] {
--callout-icon: lucide-send;
}
.callout[data-callout="send-horizontal"] {
--callout-icon: lucide-send-horizontal;
}
.callout[data-callout="send-to-back"] {
--callout-icon: lucide-send-to-back;
}
.callout[data-callout="separator-horizontal"] {
--callout-icon: lucide-separator-horizontal;
}
.callout[data-callout="separator-vertical"] {
--callout-icon: lucide-separator-vertical;
}
.callout[data-callout="server"] {
--callout-icon: lucide-server;
}
.callout[data-callout="server-cog"] {
--callout-icon: lucide-server-cog;
}
.callout[data-callout="server-crash"] {
--callout-icon: lucide-server-crash;
}
.callout[data-callout="server-off"] {
--callout-icon: lucide-server-off;
}
.callout[data-callout="settings"] {
--callout-icon: lucide-settings;
}
.callout[data-callout="settings-2"] {
--callout-icon: lucide-settings-2;
}
.callout[data-callout="shapes"] {
--callout-icon: lucide-shapes;
}
.callout[data-callout="share"] {
--callout-icon: lucide-share;
}
.callout[data-callout="share-2"] {
--callout-icon: lucide-share-2;
}
.callout[data-callout="sheet"] {
--callout-icon: lucide-sheet;
}
.callout[data-callout="shell"] {
--callout-icon: lucide-shell;
}
.callout[data-callout="shield"] {
--callout-icon: lucide-shield;
}
.callout[data-callout="shield-alert"] {
--callout-icon: lucide-shield-alert;
}
.callout[data-callout="shield-ban"] {
--callout-icon: lucide-shield-ban;
}
.callout[data-callout="shield-check"] {
--callout-icon: lucide-shield-check;
}
.callout[data-callout="shield-ellipsis"] {
--callout-icon: lucide-shield-ellipsis;
}
.callout[data-callout="shield-half"] {
--callout-icon: lucide-shield-half;
}
.callout[data-callout="shield-minus"] {
--callout-icon: lucide-shield-minus;
}
.callout[data-callout="shield-off"] {
--callout-icon: lucide-shield-off;
}
.callout[data-callout="shield-plus"] {
--callout-icon: lucide-shield-plus;
}
.callout[data-callout="shield-question-mark"] {
--callout-icon: lucide-shield-question-mark;
}
.callout[data-callout="shield-user"] {
--callout-icon: lucide-shield-user;
}
.callout[data-callout="shield-x"] {
--callout-icon: lucide-shield-x;
}
.callout[data-callout="ship"] {
--callout-icon: lucide-ship;
}
.callout[data-callout="ship-wheel"] {
--callout-icon: lucide-ship-wheel;
}
.callout[data-callout="shirt"] {
--callout-icon: lucide-shirt;
}
.callout[data-callout="shopping-bag"] {
--callout-icon: lucide-shopping-bag;
}
.callout[data-callout="shopping-basket"] {
--callout-icon: lucide-shopping-basket;
}
.callout[data-callout="shopping-cart"] {
--callout-icon: lucide-shopping-cart;
}
.callout[data-callout="shovel"] {
--callout-icon: lucide-shovel;
}
.callout[data-callout="shower-head"] {
--callout-icon: lucide-shower-head;
}
.callout[data-callout="shredder"] {
--callout-icon: lucide-shredder;
}
.callout[data-callout="shrimp"] {
--callout-icon: lucide-shrimp;
}
.callout[data-callout="shrink"] {
--callout-icon: lucide-shrink;
}
.callout[data-callout="shrub"] {
--callout-icon: lucide-shrub;
}
.callout[data-callout="shuffle"] {
--callout-icon: lucide-shuffle;
}
.callout[data-callout="sigma"] {
--callout-icon: lucide-sigma;
}
.callout[data-callout="signal"] {
--callout-icon: lucide-signal;
}
.callout[data-callout="signal-high"] {
--callout-icon: lucide-signal-high;
}
.callout[data-callout="signal-low"] {
--callout-icon: lucide-signal-low;
}
.callout[data-callout="signal-medium"] {
--callout-icon: lucide-signal-medium;
}
.callout[data-callout="signal-zero"] {
--callout-icon: lucide-signal-zero;
}
.callout[data-callout="signature"] {
--callout-icon: lucide-signature;
}
.callout[data-callout="signpost"] {
--callout-icon: lucide-signpost;
}
.callout[data-callout="signpost-big"] {
--callout-icon: lucide-signpost-big;
}
.callout[data-callout="siren"] {
--callout-icon: lucide-siren;
}
.callout[data-callout="skip-back"] {
--callout-icon: lucide-skip-back;
}
.callout[data-callout="skip-forward"] {
--callout-icon: lucide-skip-forward;
}
.callout[data-callout="skull"] {
--callout-icon: lucide-skull;
}
.callout[data-callout="slack"] {
--callout-icon: lucide-slack;
}
.callout[data-callout="slash"] {
--callout-icon: lucide-slash;
}
.callout[data-callout="slice"] {
--callout-icon: lucide-slice;
}
.callout[data-callout="sliders-horizontal"] {
--callout-icon: lucide-sliders-horizontal;
}
.callout[data-callout="sliders-vertical"] {
--callout-icon: lucide-sliders-vertical;
}
.callout[data-callout="smartphone"] {
--callout-icon: lucide-smartphone;
}
.callout[data-callout="smartphone-charging"] {
--callout-icon: lucide-smartphone-charging;
}
.callout[data-callout="smartphone-nfc"] {
--callout-icon: lucide-smartphone-nfc;
}
.callout[data-callout="smile"] {
--callout-icon: lucide-smile;
}
.callout[data-callout="smile-plus"] {
--callout-icon: lucide-smile-plus;
}
.callout[data-callout="snail"] {
--callout-icon: lucide-snail;
}
.callout[data-callout="snowflake"] {
--callout-icon: lucide-snowflake;
}
.callout[data-callout="soap-dispenser-droplet"] {
--callout-icon: lucide-soap-dispenser-droplet;
}
.callout[data-callout="sofa"] {
--callout-icon: lucide-sofa;
}
.callout[data-callout="solar-panel"] {
--callout-icon: lucide-solar-panel;
}
.callout[data-callout="soup"] {
--callout-icon: lucide-soup;
}
.callout[data-callout="space"] {
--callout-icon: lucide-space;
}
.callout[data-callout="spade"] {
--callout-icon: lucide-spade;
}
.callout[data-callout="sparkle"] {
--callout-icon: lucide-sparkle;
}
.callout[data-callout="sparkles"] {
--callout-icon: lucide-sparkles;
}
.callout[data-callout="speaker"] {
--callout-icon: lucide-speaker;
}
.callout[data-callout="speech"] {
--callout-icon: lucide-speech;
}
.callout[data-callout="spell-check"] {
--callout-icon: lucide-spell-check;
}
.callout[data-callout="spell-check-2"] {
--callout-icon: lucide-spell-check-2;
}
.callout[data-callout="spline"] {
--callout-icon: lucide-spline;
}
.callout[data-callout="spline-pointer"] {
--callout-icon: lucide-spline-pointer;
}
.callout[data-callout="split"] {
--callout-icon: lucide-split;
}
.callout[data-callout="spool"] {
--callout-icon: lucide-spool;
}
.callout[data-callout="spotlight"] {
--callout-icon: lucide-spotlight;
}
.callout[data-callout="spray-can"] {
--callout-icon: lucide-spray-can;
}
.callout[data-callout="sprout"] {
--callout-icon: lucide-sprout;
}
.callout[data-callout="square"] {
--callout-icon: lucide-square;
}
.callout[data-callout="square-activity"] {
--callout-icon: lucide-square-activity;
}
.callout[data-callout="square-arrow-down"] {
--callout-icon: lucide-square-arrow-down;
}
.callout[data-callout="square-arrow-down-left"] {
--callout-icon: lucide-square-arrow-down-left;
}
.callout[data-callout="square-arrow-down-right"] {
--callout-icon: lucide-square-arrow-down-right;
}
.callout[data-callout="square-arrow-left"] {
--callout-icon: lucide-square-arrow-left;
}
.callout[data-callout="square-arrow-out-down-left"] {
--callout-icon: lucide-square-arrow-out-down-left;
}
.callout[data-callout="square-arrow-out-down-right"] {
--callout-icon: lucide-square-arrow-out-down-right;
}
.callout[data-callout="square-arrow-out-up-left"] {
--callout-icon: lucide-square-arrow-out-up-left;
}
.callout[data-callout="square-arrow-out-up-right"] {
--callout-icon: lucide-square-arrow-out-up-right;
}
.callout[data-callout="square-arrow-right"] {
--callout-icon: lucide-square-arrow-right;
}
.callout[data-callout="square-arrow-up"] {
--callout-icon: lucide-square-arrow-up;
}
.callout[data-callout="square-arrow-up-left"] {
--callout-icon: lucide-square-arrow-up-left;
}
.callout[data-callout="square-arrow-up-right"] {
--callout-icon: lucide-square-arrow-up-right;
}
.callout[data-callout="square-asterisk"] {
--callout-icon: lucide-square-asterisk;
}
.callout[data-callout="square-bottom-dashed-scissors"] {
--callout-icon: lucide-square-bottom-dashed-scissors;
}
.callout[data-callout="square-chart-gantt"] {
--callout-icon: lucide-square-chart-gantt;
}
.callout[data-callout="square-check"] {
--callout-icon: lucide-square-check;
}
.callout[data-callout="square-check-big"] {
--callout-icon: lucide-square-check-big;
}
.callout[data-callout="square-chevron-down"] {
--callout-icon: lucide-square-chevron-down;
}
.callout[data-callout="square-chevron-left"] {
--callout-icon: lucide-square-chevron-left;
}
.callout[data-callout="square-chevron-right"] {
--callout-icon: lucide-square-chevron-right;
}
.callout[data-callout="square-chevron-up"] {
--callout-icon: lucide-square-chevron-up;
}
.callout[data-callout="square-code"] {
--callout-icon: lucide-square-code;
}
.callout[data-callout="square-dashed"] {
--callout-icon: lucide-square-dashed;
}
.callout[data-callout="square-dashed-bottom"] {
--callout-icon: lucide-square-dashed-bottom;
}
.callout[data-callout="square-dashed-bottom-code"] {
--callout-icon: lucide-square-dashed-bottom-code;
}
.callout[data-callout="square-dashed-kanban"] {
--callout-icon: lucide-square-dashed-kanban;
}
.callout[data-callout="square-dashed-mouse-pointer"] {
--callout-icon: lucide-square-dashed-mouse-pointer;
}
.callout[data-callout="square-dashed-top-solid"] {
--callout-icon: lucide-square-dashed-top-solid;
}
.callout[data-callout="square-divide"] {
--callout-icon: lucide-square-divide;
}
.callout[data-callout="square-dot"] {
--callout-icon: lucide-square-dot;
}
.callout[data-callout="square-equal"] {
--callout-icon: lucide-square-equal;
}
.callout[data-callout="square-function"] {
--callout-icon: lucide-square-function;
}
.callout[data-callout="square-kanban"] {
--callout-icon: lucide-square-kanban;
}
.callout[data-callout="square-library"] {
--callout-icon: lucide-square-library;
}
.callout[data-callout="square-m"] {
--callout-icon: lucide-square-m;
}
.callout[data-callout="square-menu"] {
--callout-icon: lucide-square-menu;
}
.callout[data-callout="square-minus"] {
--callout-icon: lucide-square-minus;
}
.callout[data-callout="square-mouse-pointer"] {
--callout-icon: lucide-square-mouse-pointer;
}
.callout[data-callout="square-parking"] {
--callout-icon: lucide-square-parking;
}
.callout[data-callout="square-parking-off"] {
--callout-icon: lucide-square-parking-off;
}
.callout[data-callout="square-pause"] {
--callout-icon: lucide-square-pause;
}
.callout[data-callout="square-pen"] {
--callout-icon: lucide-square-pen;
}
.callout[data-callout="square-percent"] {
--callout-icon: lucide-square-percent;
}
.callout[data-callout="square-pi"] {
--callout-icon: lucide-square-pi;
}
.callout[data-callout="square-pilcrow"] {
--callout-icon: lucide-square-pilcrow;
}
.callout[data-callout="square-play"] {
--callout-icon: lucide-square-play;
}
.callout[data-callout="square-plus"] {
--callout-icon: lucide-square-plus;
}
.callout[data-callout="square-power"] {
--callout-icon: lucide-square-power;
}
.callout[data-callout="square-radical"] {
--callout-icon: lucide-square-radical;
}
.callout[data-callout="square-round-corner"] {
--callout-icon: lucide-square-round-corner;
}
.callout[data-callout="square-scissors"] {
--callout-icon: lucide-square-scissors;
}
.callout[data-callout="square-sigma"] {
--callout-icon: lucide-square-sigma;
}
.callout[data-callout="square-slash"] {
--callout-icon: lucide-square-slash;
}
.callout[data-callout="square-split-horizontal"] {
--callout-icon: lucide-square-split-horizontal;
}
.callout[data-callout="square-split-vertical"] {
--callout-icon: lucide-square-split-vertical;
}
.callout[data-callout="square-square"] {
--callout-icon: lucide-square-square;
}
.callout[data-callout="square-stack"] {
--callout-icon: lucide-square-stack;
}
.callout[data-callout="square-star"] {
--callout-icon: lucide-square-star;
}
.callout[data-callout="square-stop"] {
--callout-icon: lucide-square-stop;
}
.callout[data-callout="square-terminal"] {
--callout-icon: lucide-square-terminal;
}
.callout[data-callout="square-user"] {
--callout-icon: lucide-square-user;
}
.callout[data-callout="square-user-round"] {
--callout-icon: lucide-square-user-round;
}
.callout[data-callout="square-x"] {
--callout-icon: lucide-square-x;
}
.callout[data-callout="squares-exclude"] {
--callout-icon: lucide-squares-exclude;
}
.callout[data-callout="squares-intersect"] {
--callout-icon: lucide-squares-intersect;
}
.callout[data-callout="squares-subtract"] {
--callout-icon: lucide-squares-subtract;
}
.callout[data-callout="squares-unite"] {
--callout-icon: lucide-squares-unite;
}
.callout[data-callout="squircle"] {
--callout-icon: lucide-squircle;
}
.callout[data-callout="squircle-dashed"] {
--callout-icon: lucide-squircle-dashed;
}
.callout[data-callout="squirrel"] {
--callout-icon: lucide-squirrel;
}
.callout[data-callout="stamp"] {
--callout-icon: lucide-stamp;
}
.callout[data-callout="star"] {
--callout-icon: lucide-star;
}
.callout[data-callout="star-half"] {
--callout-icon: lucide-star-half;
}
.callout[data-callout="star-off"] {
--callout-icon: lucide-star-off;
}
.callout[data-callout="step-back"] {
--callout-icon: lucide-step-back;
}
.callout[data-callout="step-forward"] {
--callout-icon: lucide-step-forward;
}
.callout[data-callout="stethoscope"] {
--callout-icon: lucide-stethoscope;
}
.callout[data-callout="sticker"] {
--callout-icon: lucide-sticker;
}
.callout[data-callout="sticky-note"] {
--callout-icon: lucide-sticky-note;
}
.callout[data-callout="store"] {
--callout-icon: lucide-store;
}
.callout[data-callout="stretch-horizontal"] {
--callout-icon: lucide-stretch-horizontal;
}
.callout[data-callout="stretch-vertical"] {
--callout-icon: lucide-stretch-vertical;
}
.callout[data-callout="strikethrough"] {
--callout-icon: lucide-strikethrough;
}
.callout[data-callout="subscript"] {
--callout-icon: lucide-subscript;
}
.callout[data-callout="sun"] {
--callout-icon: lucide-sun;
}
.callout[data-callout="sun-dim"] {
--callout-icon: lucide-sun-dim;
}
.callout[data-callout="sun-medium"] {
--callout-icon: lucide-sun-medium;
}
.callout[data-callout="sun-moon"] {
--callout-icon: lucide-sun-moon;
}
.callout[data-callout="sun-snow"] {
--callout-icon: lucide-sun-snow;
}
.callout[data-callout="sunrise"] {
--callout-icon: lucide-sunrise;
}
.callout[data-callout="sunset"] {
--callout-icon: lucide-sunset;
}
.callout[data-callout="superscript"] {
--callout-icon: lucide-superscript;
}
.callout[data-callout="swatch-book"] {
--callout-icon: lucide-swatch-book;
}
.callout[data-callout="swiss-franc"] {
--callout-icon: lucide-swiss-franc;
}
.callout[data-callout="switch-camera"] {
--callout-icon: lucide-switch-camera;
}
.callout[data-callout="sword"] {
--callout-icon: lucide-sword;
}
.callout[data-callout="swords"] {
--callout-icon: lucide-swords;
}
.callout[data-callout="syringe"] {
--callout-icon: lucide-syringe;
}
.callout[data-callout="table"] {
--callout-icon: lucide-table;
}
.callout[data-callout="table-2"] {
--callout-icon: lucide-table-2;
}
.callout[data-callout="table-cells-merge"] {
--callout-icon: lucide-table-cells-merge;
}
.callout[data-callout="table-cells-split"] {
--callout-icon: lucide-table-cells-split;
}
.callout[data-callout="table-columns-split"] {
--callout-icon: lucide-table-columns-split;
}
.callout[data-callout="table-of-contents"] {
--callout-icon: lucide-table-of-contents;
}
.callout[data-callout="table-properties"] {
--callout-icon: lucide-table-properties;
}
.callout[data-callout="table-rows-split"] {
--callout-icon: lucide-table-rows-split;
}
.callout[data-callout="tablet"] {
--callout-icon: lucide-tablet;
}
.callout[data-callout="tablet-smartphone"] {
--callout-icon: lucide-tablet-smartphone;
}
.callout[data-callout="tablets"] {
--callout-icon: lucide-tablets;
}
.callout[data-callout="tag"] {
--callout-icon: lucide-tag;
}
.callout[data-callout="tags"] {
--callout-icon: lucide-tags;
}
.callout[data-callout="tally-1"] {
--callout-icon: lucide-tally-1;
}
.callout[data-callout="tally-2"] {
--callout-icon: lucide-tally-2;
}
.callout[data-callout="tally-3"] {
--callout-icon: lucide-tally-3;
}
.callout[data-callout="tally-4"] {
--callout-icon: lucide-tally-4;
}
.callout[data-callout="tally-5"] {
--callout-icon: lucide-tally-5;
}
.callout[data-callout="tangent"] {
--callout-icon: lucide-tangent;
}
.callout[data-callout="target"] {
--callout-icon: lucide-target;
}
.callout[data-callout="telescope"] {
--callout-icon: lucide-telescope;
}
.callout[data-callout="tent"] {
--callout-icon: lucide-tent;
}
.callout[data-callout="tent-tree"] {
--callout-icon: lucide-tent-tree;
}
.callout[data-callout="terminal"] {
--callout-icon: lucide-terminal;
}
.callout[data-callout="test-tube"] {
--callout-icon: lucide-test-tube;
}
.callout[data-callout="test-tube-diagonal"] {
--callout-icon: lucide-test-tube-diagonal;
}
.callout[data-callout="test-tubes"] {
--callout-icon: lucide-test-tubes;
}
.callout[data-callout="text-align-center"] {
--callout-icon: lucide-text-align-center;
}
.callout[data-callout="text-align-end"] {
--callout-icon: lucide-text-align-end;
}
.callout[data-callout="text-align-justify"] {
--callout-icon: lucide-text-align-justify;
}
.callout[data-callout="text-align-start"] {
--callout-icon: lucide-text-align-start;
}
.callout[data-callout="text-cursor"] {
--callout-icon: lucide-text-cursor;
}
.callout[data-callout="text-cursor-input"] {
--callout-icon: lucide-text-cursor-input;
}
.callout[data-callout="text-initial"] {
--callout-icon: lucide-text-initial;
}
.callout[data-callout="text-quote"] {
--callout-icon: lucide-text-quote;
}
.callout[data-callout="text-search"] {
--callout-icon: lucide-text-search;
}
.callout[data-callout="text-select"] {
--callout-icon: lucide-text-select;
}
.callout[data-callout="text-wrap"] {
--callout-icon: lucide-text-wrap;
}
.callout[data-callout="theater"] {
--callout-icon: lucide-theater;
}
.callout[data-callout="thermometer"] {
--callout-icon: lucide-thermometer;
}
.callout[data-callout="thermometer-snowflake"] {
--callout-icon: lucide-thermometer-snowflake;
}
.callout[data-callout="thermometer-sun"] {
--callout-icon: lucide-thermometer-sun;
}
.callout[data-callout="thumbs-down"] {
--callout-icon: lucide-thumbs-down;
}
.callout[data-callout="thumbs-up"] {
--callout-icon: lucide-thumbs-up;
}
.callout[data-callout="ticket"] {
--callout-icon: lucide-ticket;
}
.callout[data-callout="ticket-check"] {
--callout-icon: lucide-ticket-check;
}
.callout[data-callout="ticket-minus"] {
--callout-icon: lucide-ticket-minus;
}
.callout[data-callout="ticket-percent"] {
--callout-icon: lucide-ticket-percent;
}
.callout[data-callout="ticket-plus"] {
--callout-icon: lucide-ticket-plus;
}
.callout[data-callout="ticket-slash"] {
--callout-icon: lucide-ticket-slash;
}
.callout[data-callout="ticket-x"] {
--callout-icon: lucide-ticket-x;
}
.callout[data-callout="tickets"] {
--callout-icon: lucide-tickets;
}
.callout[data-callout="tickets-plane"] {
--callout-icon: lucide-tickets-plane;
}
.callout[data-callout="timer"] {
--callout-icon: lucide-timer;
}
.callout[data-callout="timer-off"] {
--callout-icon: lucide-timer-off;
}
.callout[data-callout="timer-reset"] {
--callout-icon: lucide-timer-reset;
}
.callout[data-callout="toggle-left"] {
--callout-icon: lucide-toggle-left;
}
.callout[data-callout="toggle-right"] {
--callout-icon: lucide-toggle-right;
}
.callout[data-callout="toilet"] {
--callout-icon: lucide-toilet;
}
.callout[data-callout="tool-case"] {
--callout-icon: lucide-tool-case;
}
.callout[data-callout="tornado"] {
--callout-icon: lucide-tornado;
}
.callout[data-callout="torus"] {
--callout-icon: lucide-torus;
}
.callout[data-callout="touchpad"] {
--callout-icon: lucide-touchpad;
}
.callout[data-callout="touchpad-off"] {
--callout-icon: lucide-touchpad-off;
}
.callout[data-callout="tower-control"] {
--callout-icon: lucide-tower-control;
}
.callout[data-callout="toy-brick"] {
--callout-icon: lucide-toy-brick;
}
.callout[data-callout="tractor"] {
--callout-icon: lucide-tractor;
}
.callout[data-callout="traffic-cone"] {
--callout-icon: lucide-traffic-cone;
}
.callout[data-callout="train-front"] {
--callout-icon: lucide-train-front;
}
.callout[data-callout="train-front-tunnel"] {
--callout-icon: lucide-train-front-tunnel;
}
.callout[data-callout="train-track"] {
--callout-icon: lucide-train-track;
}
.callout[data-callout="tram-front"] {
--callout-icon: lucide-tram-front;
}
.callout[data-callout="transgender"] {
--callout-icon: lucide-transgender;
}
.callout[data-callout="trash"] {
--callout-icon: lucide-trash;
}
.callout[data-callout="trash-2"] {
--callout-icon: lucide-trash-2;
}
.callout[data-callout="tree-deciduous"] {
--callout-icon: lucide-tree-deciduous;
}
.callout[data-callout="tree-palm"] {
--callout-icon: lucide-tree-palm;
}
.callout[data-callout="tree-pine"] {
--callout-icon: lucide-tree-pine;
}
.callout[data-callout="trees"] {
--callout-icon: lucide-trees;
}
.callout[data-callout="trello"] {
--callout-icon: lucide-trello;
}
.callout[data-callout="trending-down"] {
--callout-icon: lucide-trending-down;
}
.callout[data-callout="trending-up"] {
--callout-icon: lucide-trending-up;
}
.callout[data-callout="trending-up-down"] {
--callout-icon: lucide-trending-up-down;
}
.callout[data-callout="triangle"] {
--callout-icon: lucide-triangle;
}
.callout[data-callout="triangle-alert"] {
--callout-icon: lucide-triangle-alert;
}
.callout[data-callout="triangle-dashed"] {
--callout-icon: lucide-triangle-dashed;
}
.callout[data-callout="triangle-right"] {
--callout-icon: lucide-triangle-right;
}
.callout[data-callout="trophy"] {
--callout-icon: lucide-trophy;
}
.callout[data-callout="truck"] {
--callout-icon: lucide-truck;
}
.callout[data-callout="truck-electric"] {
--callout-icon: lucide-truck-electric;
}
.callout[data-callout="turkish-lira"] {
--callout-icon: lucide-turkish-lira;
}
.callout[data-callout="turntable"] {
--callout-icon: lucide-turntable;
}
.callout[data-callout="turtle"] {
--callout-icon: lucide-turtle;
}
.callout[data-callout="tv"] {
--callout-icon: lucide-tv;
}
.callout[data-callout="tv-minimal"] {
--callout-icon: lucide-tv-minimal;
}
.callout[data-callout="tv-minimal-play"] {
--callout-icon: lucide-tv-minimal-play;
}
.callout[data-callout="twitch"] {
--callout-icon: lucide-twitch;
}
.callout[data-callout="twitter"] {
--callout-icon: lucide-twitter;
}
.callout[data-callout="type"] {
--callout-icon: lucide-type;
}
.callout[data-callout="type-outline"] {
--callout-icon: lucide-type-outline;
}
.callout[data-callout="umbrella"] {
--callout-icon: lucide-umbrella;
}
.callout[data-callout="umbrella-off"] {
--callout-icon: lucide-umbrella-off;
}
.callout[data-callout="underline"] {
--callout-icon: lucide-underline;
}
.callout[data-callout="undo"] {
--callout-icon: lucide-undo;
}
.callout[data-callout="undo-2"] {
--callout-icon: lucide-undo-2;
}
.callout[data-callout="undo-dot"] {
--callout-icon: lucide-undo-dot;
}
.callout[data-callout="unfold-horizontal"] {
--callout-icon: lucide-unfold-horizontal;
}
.callout[data-callout="unfold-vertical"] {
--callout-icon: lucide-unfold-vertical;
}
.callout[data-callout="ungroup"] {
--callout-icon: lucide-ungroup;
}
.callout[data-callout="university"] {
--callout-icon: lucide-university;
}
.callout[data-callout="unlink"] {
--callout-icon: lucide-unlink;
}
.callout[data-callout="unlink-2"] {
--callout-icon: lucide-unlink-2;
}
.callout[data-callout="unplug"] {
--callout-icon: lucide-unplug;
}
.callout[data-callout="upload"] {
--callout-icon: lucide-upload;
}
.callout[data-callout="usb"] {
--callout-icon: lucide-usb;
}
.callout[data-callout="user"] {
--callout-icon: lucide-user;
}
.callout[data-callout="user-check"] {
--callout-icon: lucide-user-check;
}
.callout[data-callout="user-cog"] {
--callout-icon: lucide-user-cog;
}
.callout[data-callout="user-lock"] {
--callout-icon: lucide-user-lock;
}
.callout[data-callout="user-minus"] {
--callout-icon: lucide-user-minus;
}
.callout[data-callout="user-pen"] {
--callout-icon: lucide-user-pen;
}
.callout[data-callout="user-plus"] {
--callout-icon: lucide-user-plus;
}
.callout[data-callout="user-round"] {
--callout-icon: lucide-user-round;
}
.callout[data-callout="user-round-check"] {
--callout-icon: lucide-user-round-check;
}
.callout[data-callout="user-round-cog"] {
--callout-icon: lucide-user-round-cog;
}
.callout[data-callout="user-round-minus"] {
--callout-icon: lucide-user-round-minus;
}
.callout[data-callout="user-round-pen"] {
--callout-icon: lucide-user-round-pen;
}
.callout[data-callout="user-round-plus"] {
--callout-icon: lucide-user-round-plus;
}
.callout[data-callout="user-round-search"] {
--callout-icon: lucide-user-round-search;
}
.callout[data-callout="user-round-x"] {
--callout-icon: lucide-user-round-x;
}
.callout[data-callout="user-search"] {
--callout-icon: lucide-user-search;
}
.callout[data-callout="user-star"] {
--callout-icon: lucide-user-star;
}
.callout[data-callout="user-x"] {
--callout-icon: lucide-user-x;
}
.callout[data-callout="users"] {
--callout-icon: lucide-users;
}
.callout[data-callout="users-round"] {
--callout-icon: lucide-users-round;
}
.callout[data-callout="utensils"] {
--callout-icon: lucide-utensils;
}
.callout[data-callout="utensils-crossed"] {
--callout-icon: lucide-utensils-crossed;
}
.callout[data-callout="utility-pole"] {
--callout-icon: lucide-utility-pole;
}
.callout[data-callout="variable"] {
--callout-icon: lucide-variable;
}
.callout[data-callout="vault"] {
--callout-icon: lucide-vault;
}
.callout[data-callout="vector-square"] {
--callout-icon: lucide-vector-square;
}
.callout[data-callout="vegan"] {
--callout-icon: lucide-vegan;
}
.callout[data-callout="venetian-mask"] {
--callout-icon: lucide-venetian-mask;
}
.callout[data-callout="venus"] {
--callout-icon: lucide-venus;
}
.callout[data-callout="venus-and-mars"] {
--callout-icon: lucide-venus-and-mars;
}
.callout[data-callout="vibrate"] {
--callout-icon: lucide-vibrate;
}
.callout[data-callout="vibrate-off"] {
--callout-icon: lucide-vibrate-off;
}
.callout[data-callout="video"] {
--callout-icon: lucide-video;
}
.callout[data-callout="video-off"] {
--callout-icon: lucide-video-off;
}
.callout[data-callout="videotape"] {
--callout-icon: lucide-videotape;
}
.callout[data-callout="view"] {
--callout-icon: lucide-view;
}
.callout[data-callout="voicemail"] {
--callout-icon: lucide-voicemail;
}
.callout[data-callout="volleyball"] {
--callout-icon: lucide-volleyball;
}
.callout[data-callout="volume"] {
--callout-icon: lucide-volume;
}
.callout[data-callout="volume-1"] {
--callout-icon: lucide-volume-1;
}
.callout[data-callout="volume-2"] {
--callout-icon: lucide-volume-2;
}
.callout[data-callout="volume-off"] {
--callout-icon: lucide-volume-off;
}
.callout[data-callout="volume-x"] {
--callout-icon: lucide-volume-x;
}
.callout[data-callout="vote"] {
--callout-icon: lucide-vote;
}
.callout[data-callout="wallet"] {
--callout-icon: lucide-wallet;
}
.callout[data-callout="wallet-cards"] {
--callout-icon: lucide-wallet-cards;
}
.callout[data-callout="wallet-minimal"] {
--callout-icon: lucide-wallet-minimal;
}
.callout[data-callout="wallpaper"] {
--callout-icon: lucide-wallpaper;
}
.callout[data-callout="wand"] {
--callout-icon: lucide-wand;
}
.callout[data-callout="wand-sparkles"] {
--callout-icon: lucide-wand-sparkles;
}
.callout[data-callout="warehouse"] {
--callout-icon: lucide-warehouse;
}
.callout[data-callout="washing-machine"] {
--callout-icon: lucide-washing-machine;
}
.callout[data-callout="watch"] {
--callout-icon: lucide-watch;
}
.callout[data-callout="waves"] {
--callout-icon: lucide-waves;
}
.callout[data-callout="waves-ladder"] {
--callout-icon: lucide-waves-ladder;
}
.callout[data-callout="waypoints"] {
--callout-icon: lucide-waypoints;
}
.callout[data-callout="webcam"] {
--callout-icon: lucide-webcam;
}
.callout[data-callout="webhook"] {
--callout-icon: lucide-webhook;
}
.callout[data-callout="webhook-off"] {
--callout-icon: lucide-webhook-off;
}
.callout[data-callout="weight"] {
--callout-icon: lucide-weight;
}
.callout[data-callout="wheat"] {
--callout-icon: lucide-wheat;
}
.callout[data-callout="wheat-off"] {
--callout-icon: lucide-wheat-off;
}
.callout[data-callout="whole-word"] {
--callout-icon: lucide-whole-word;
}
.callout[data-callout="wifi"] {
--callout-icon: lucide-wifi;
}
.callout[data-callout="wifi-cog"] {
--callout-icon: lucide-wifi-cog;
}
.callout[data-callout="wifi-high"] {
--callout-icon: lucide-wifi-high;
}
.callout[data-callout="wifi-low"] {
--callout-icon: lucide-wifi-low;
}
.callout[data-callout="wifi-off"] {
--callout-icon: lucide-wifi-off;
}
.callout[data-callout="wifi-pen"] {
--callout-icon: lucide-wifi-pen;
}
.callout[data-callout="wifi-sync"] {
--callout-icon: lucide-wifi-sync;
}
.callout[data-callout="wifi-zero"] {
--callout-icon: lucide-wifi-zero;
}
.callout[data-callout="wind"] {
--callout-icon: lucide-wind;
}
.callout[data-callout="wind-arrow-down"] {
--callout-icon: lucide-wind-arrow-down;
}
.callout[data-callout="wine"] {
--callout-icon: lucide-wine;
}
.callout[data-callout="wine-off"] {
--callout-icon: lucide-wine-off;
}
.callout[data-callout="workflow"] {
--callout-icon: lucide-workflow;
}
.callout[data-callout="worm"] {
--callout-icon: lucide-worm;
}
.callout[data-callout="wrench"] {
--callout-icon: lucide-wrench;
}
.callout[data-callout="x"] {
--callout-icon: lucide-x;
}
.callout[data-callout="youtube"] {
--callout-icon: lucide-youtube;
}
.callout[data-callout="zap"] {
--callout-icon: lucide-zap;
}
.callout[data-callout="zap-off"] {
--callout-icon: lucide-zap-off;
}
.callout[data-callout="zoom-in"] {
--callout-icon: lucide-zoom-in;
}
.callout[data-callout="zoom-out"] {
--callout-icon: lucide-zoom-out;
}