> [!spoiler]- Spoiler > The butler did it!`

CSS

.callout[data-callout="spoiler"] {
--spoiler-background: var(--text-color-default);
--spoiler-color: var(--background-color-default);
background-color: var(--spoiler-background);
color: var(--spoiler-color);
}

.callout[data-callout="spoiler"] .callout-title {
color: var(--spoiler-color);
}

.callout[data-callout="spoiler"] .callout-icon svg {
display: none;
}

.callout[data-callout="spoiler"] .callout-content {
color: var(--spoiler-background);
}

.callout[data-callout="spoiler"] .callout-content:hover {
color: var(--spoiler-color);
}

.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;
}

.callout[data-callout="spoiler"].is-collapsed .callout-icon::after {
background-image: url('data:image/svg+xml;utf8,');
}