@layer details{summary{padding:1rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--font-size-5);list-style:none;display:flex;align-items:center;justify-content:space-between}details>summary::marker{display:none}details{background:var(--light);border:1px solid #fff0;border-radius:1rem;transition:var(--transition-default);transition-behavior:allow-discrete}details p{margin-top:0}details svg{width:1.5rem;height:1.5rem;background:var(--primary);border-radius:50%;transition:var(--transition-default);transition-behavior:allow-discrete;padding:.25rem;fill:var(--white)}details[open]{background:var(--white);border:1px solid var(--primary)}details[open] svg{rotate:45deg}details+details{margin-top:1rem}details::details-content{padding-inline:var(--base-padding);padding-block:0;height:0;overflow:clip;transition:var(--transition-default);transition-behavior:allow-discrete}details[open]::details-content{height:auto;padding-block:var(--base-padding)}}