Something went wrong. Try again.
ATProto-based AI Assistant Chat interface.
Something went wrong. Try again.
12345678910111213141516171819202122232425/* Opening a <details> unfolds it rather than jumping, where the browser can. The content is its own formatting context, so the margins at its edges stay inside the height that unfolds rather than collapsing out through it, and closing doesn't settle short and then drop them at the end, when the content is hidden. */@utility details-unfold { &::details-content { display: flow-root; block-size: 0; overflow-y: clip; transition: block-size var(--dur-layout) var(--ease-out), content-visibility var(--dur-layout) allow-discrete; }
&[open]::details-content { block-size: auto; }
@media (prefers-reduced-motion: reduce) { &::details-content { transition: none; } }}