#cpp-answer { position: relative; isolation: isolate; margin: 2rem 0; }
#cpp-answer .answer-spoiler-toggle[hidden] { display: none; }
#cpp-answer .answer-spoiler-toggle { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1rem; color: var(--ink); border: 1px solid #3d6648; border-radius: 10px; background: #173020; box-shadow: 0 0 22px rgb(52 232 91 / 10%); font: 700 .9rem/1.2 "Source Sans 3", sans-serif; cursor: pointer; }
#cpp-answer .answer-spoiler-toggle:hover, #cpp-answer .answer-spoiler-toggle:focus-visible { color: var(--green); border-color: var(--green-strong); background: #1b3b27; }
#cpp-answer .answer-spoiler-sparkle { color: var(--green); font-size: 1.15rem; }
#cpp-answer .answer-spoiler-content { transition: filter .65s ease, opacity .65s ease; }
#cpp-answer .answer-spoiler-content > :first-child { margin-top: 1.5rem; }
#cpp-answer.is-concealed .answer-spoiler-content { filter: blur(7px); opacity: .42; user-select: none; -webkit-user-select: none; }
#cpp-answer.is-concealed.has-dust .answer-spoiler-content { filter: none; opacity: 0; }
#cpp-answer .answer-spoiler-dust { position: absolute; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .65s ease; }
#cpp-answer.is-concealed .answer-spoiler-dust { opacity: 1; }
#cpp-answer.is-reassembling .answer-spoiler-content { filter: none; opacity: 0; transition: none; }
#cpp-answer.is-reassembling .answer-spoiler-dust { opacity: 1; transition: none; }
@media (prefers-reduced-motion: reduce) {
  #cpp-answer .answer-spoiler-content, #cpp-answer .answer-spoiler-dust { transition: none; }
}