.callout{--callout-color: var(--blue);--callout-collapse-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTkgMThsNi02bC02LTYiLz48L3N2Zz4=);background-color:hsl(from var(--callout-color) h s l / .15);border-color:hsl(from var(--callout-color) h s l / .5);border-radius:8px;border-style:solid;border-width:1.5px;margin:1.5em 0!important;padding:10px 15px;svg{color:var(--callout-color)}}.callout-title{align-items:center;color:var(--callout-color);display:flex;font-size:inherit;font-weight:700;gap:7px;line-height:1.3;padding:0;list-style:none}.callout-title::-webkit-details-marker,.callout-title::marker{display:none}details.callout>.callout-title{cursor:pointer;user-select:none}details.callout>.callout-title:hover{color:hsl(from var(--callout-color) h s calc(l + 5))}.callout-icon,.callout-title-icon{flex:0 0 auto;display:flex;align-items:center;svg{width:1.1em;height:1.1em}}.callout-title-inner{flex:1 1 auto;min-width:0}.callout-fold{background-color:var(--callout-color);mask-image:var(--callout-collapse-icon);mask-size:100%;-webkit-mask-image:var(--callout-collapse-icon);-webkit-mask-size:100%;height:1em;width:1em;flex:0 0 auto;transition:transform .15s ease-in-out}details[open].callout>.callout-title>.callout-fold{transform:rotate(90deg)}.callout-content{padding:0}.callout-content>:first-child{margin-top:.5em}.callout-content>:last-child{margin-bottom:0}.callout[data-callout=info],.callout[data-callout=todo]{--callout-color: var(--sapphire)}.callout[data-callout=success],.callout[data-callout=check],.callout[data-callout=done]{--callout-color: var(--green)}.callout[data-callout=warning],.callout[data-callout=caution],.callout[data-callout=attention]{--callout-color: var(--peach)}.callout[data-callout=question],.callout[data-callout=help],.callout[data-callout=faq]{--callout-color: var(--yellow)}.callout[data-callout=danger],.callout[data-callout=error],.callout[data-callout=bug],.callout[data-callout=failure],.callout[data-callout=fail],.callout[data-callout=missing]{--callout-color: var(--red)}.callout[data-callout=tip],.callout[data-callout=hint],.callout[data-callout=important]{--callout-color: var(--pink)}.callout[data-callout=example]{--callout-color: var(--mauve)}.callout[data-callout=abstract],.callout[data-callout=summary],.callout[data-callout=tldr]{--callout-color: var(--teal)}.callout[data-callout=quote],.callout[data-callout=cite]{--callout-color: var(--lavender)}