1<section role="group">
2  <details name="accordion">
3    <summary>Exclusive</summary>
4    <span
5      >Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae
6      et sed consectetur aperiam repellendus, accusantium, facere id earum
7      omnis autem aspernatur perferendis labore ad obcaecati eveniet quasi
8      fuga nemo qui.</span
9    >
10  </details>

1details {
2  interpolate-size: allow-keywords;
3}
4details::details-content {
5  transition: content-visibility, opacity, height, background, filter, translate;
6  transition-behavior: allow-discrete;
7}
8[open]::details-content {
9  height: fit-content;
10}