body .callout[data-callout=crit]{--callout-color: 247, 249, 118}body .callout[data-callout=def]{--callout-color: 120, 145, 247}body .callout[data-callout=blue]{--callout-color: 104, 209, 235}body .callout[data-callout=red]{--callout-color: 235, 104, 112}body .callout[data-callout=green]{--callout-color: 36, 191, 141}body .callout[data-callout=yellow]{--callout-color: 235, 212, 104}body .callout[data-callout=purple]{--callout-color: 143, 80, 229}body .callout[data-callout=orange]{--callout-color: 235, 163, 104}body .callout[data-callout=blue] .callout-icon,body .callout[data-callout=red] .callout-icon,body .callout[data-callout=green] .callout-icon,body .callout[data-callout=yellow] .callout-icon,body .callout[data-callout=purple] .callout-icon,body .callout[data-callout=orange] .callout-icon{display:none}body .callout[data-callout=crit] .callout-icon svg,body .callout[data-callout=def] .callout-icon svg{display:none}body .callout[data-callout=crit] .callout-icon,body .callout[data-callout=def] .callout-icon{width:24px;height:24px;background-color:rgb(var(--callout-color));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}body .callout[data-callout=crit] .callout-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E")}body .callout[data-callout=def] .callout-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E")}/*# sourceMappingURL=custom-callout.css.map */