No notes defined.
<!-- Default -->
<div class="accordionInset">
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
<!-- With Pictograms -->
<div class="accordionInset has-pictograms">
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
<!-- With Logos -->
<div class="accordionInset has-figures">
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
<!-- With Intro -->
<div class="accordionInset has-figures">
<div class="accordionInset-intro">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Alternative Bildbeschreibung" />
<figcaption class="figure-caption"><small class="figure-copyright">Foto von <a class="link" href="https://unsplash.com/de/@ssergiomedinaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Sergio Medina</a></small></figcaption>
</figure>
<h2 class="accordionInset-title">I’m the title</h2>
<div class="accordionInset-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-figure" data-type="logo">
<summary class="revealableContent-summary">
<div class="revealableContent-figure">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/logo-001-landscape.svg" alt="Alternative Bildbeschreibung" />
</figure>
</div>
<strong class="revealableContent-summary-title">I’m the summary</strong>
<span class="revealableContent-summary-description">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</span>
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
<!-- Doc Only -->
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Default</h2>
<div class="doc-variant-configuration">
<label>
Theme:
<select class="doc-select" onchange="fractal.setTheme(this, {target: '.doc-variant-samples', value: this.value});">
<option value="default">default</option>
<option value="dark">dark</option>
</select>
</label>
</div>
</header>
<div class="doc-notes" style="margin-top: var(--sp-large)">
<h3>Methods for expand or collapse items:</h3>
<p><a href="./" onclick="revealableContent.openAll(); return false;">revealableContent.openAll()</a> <a href="./" onclick="revealableContent.closeAll(); return false;">revealableContent.closeAll()</a></p>
</div>
<div class="doc-variant-samples" data-theme="">
<div class="accordionInset">
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent">
<summary class="revealableContent-summary">
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">With Pictograms</h2>
<div class="doc-variant-configuration">
<label>
Theme:
<select class="doc-select" onchange="fractal.setTheme(this, {target: '.doc-variant-samples', value: this.value});">
<option value="default">default</option>
<option value="dark">dark</option>
</select>
</label>
</div>
</header>
<div class="doc-variant-samples" data-theme="">
<div class="accordionInset has-pictograms">
<div class="accordionInset-items">
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
<div class="accordionInset-item">
<details class="revealableContent has-pictogram">
<summary class="revealableContent-summary">
<span class="revealableContent-pictogram">
<span class="pictogram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</span>
I’m the summary
<span class="revealableContent-marker"></span>
</summary>
<div class="revealableContent-content">
<div class="wrapper">
<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
</div>
</div>
</details>
</div>
</div>
</div>
</div>
</section>
<!-- Default -->
<div class="accordionInset{{#if has-pictograms}} has-pictograms{{/if}}{{#if has-figures}} has-figures{{/if}}{{#if has-backdrop}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}">
{{#intro}}
<div class="accordionInset-intro">
{{#figure}}
{{render '@figure' (contextData '@accordioninset' this) merge=true}}
{{/figure}}
{{#title}}
<h2 class="accordionInset-title">{{{.}}}</h2>
{{/title}}
{{#description}}
<div class="accordionInset-description">{{{.}}}</div>
{{/description}}
</div>
{{/intro}}
{{#if items}}
<div class="accordionInset-items">
{{#items}}
<div class="accordionInset-item">
{{#revealablecontent}}
{{render '@revealablecontent' (contextData '@accordioninset' this) merge=true}}
{{/revealablecontent}}
</div>
{{/items}}
</div>
{{/if}}
</div>
<!-- With Pictograms -->
<div class="accordionInset{{#if has-pictograms}} has-pictograms{{/if}}{{#if has-figures}} has-figures{{/if}}{{#if has-backdrop}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}">
{{#intro}}
<div class="accordionInset-intro">
{{#figure}}
{{render '@figure' (contextData '@accordioninset' this) merge=true}}
{{/figure}}
{{#title}}
<h2 class="accordionInset-title">{{{.}}}</h2>
{{/title}}
{{#description}}
<div class="accordionInset-description">{{{.}}}</div>
{{/description}}
</div>
{{/intro}}
{{#if items}}
<div class="accordionInset-items">
{{#items}}
<div class="accordionInset-item">
{{#revealablecontent}}
{{render '@revealablecontent' (contextData '@accordioninset' this) merge=true}}
{{/revealablecontent}}
</div>
{{/items}}
</div>
{{/if}}
</div>
<!-- With Logos -->
<div class="accordionInset{{#if has-pictograms}} has-pictograms{{/if}}{{#if has-figures}} has-figures{{/if}}{{#if has-backdrop}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}">
{{#intro}}
<div class="accordionInset-intro">
{{#figure}}
{{render '@figure' (contextData '@accordioninset' this) merge=true}}
{{/figure}}
{{#title}}
<h2 class="accordionInset-title">{{{.}}}</h2>
{{/title}}
{{#description}}
<div class="accordionInset-description">{{{.}}}</div>
{{/description}}
</div>
{{/intro}}
{{#if items}}
<div class="accordionInset-items">
{{#items}}
<div class="accordionInset-item">
{{#revealablecontent}}
{{render '@revealablecontent' (contextData '@accordioninset' this) merge=true}}
{{/revealablecontent}}
</div>
{{/items}}
</div>
{{/if}}
</div>
<!-- With Intro -->
<div class="accordionInset{{#if has-pictograms}} has-pictograms{{/if}}{{#if has-figures}} has-figures{{/if}}{{#if has-backdrop}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}">
{{#intro}}
<div class="accordionInset-intro">
{{#figure}}
{{render '@figure' (contextData '@accordioninset' this) merge=true}}
{{/figure}}
{{#title}}
<h2 class="accordionInset-title">{{{.}}}</h2>
{{/title}}
{{#description}}
<div class="accordionInset-description">{{{.}}}</div>
{{/description}}
</div>
{{/intro}}
{{#if items}}
<div class="accordionInset-items">
{{#items}}
<div class="accordionInset-item">
{{#revealablecontent}}
{{render '@revealablecontent' (contextData '@accordioninset' this) merge=true}}
{{/revealablecontent}}
</div>
{{/items}}
</div>
{{/if}}
</div>
<!-- Doc Only -->
{{#variants}}
<section class="doc-variant{{#if narrow-preview}} doc-narrow-content{{/if}}"{{#id}} id="{{.}}"{{/id}}>
<header class="doc-variant-header">
{{#title}}
<h2 class="doc-variant-title">{{{.}}}</h2>
{{/title}}
<div class="doc-variant-configuration">
{{#if modifiers}}
<ul data-label="Modifier">
{{#modifiers}}
<li>{{{.}}}</li>
{{/modifiers}}
</ul>
{{/if}}
{{#if themes}}
<label>
Theme:
<select class="doc-select" onchange="fractal.setTheme(this, {target: '.doc-variant-samples', value: this.value});">
{{#themes}}
<option value="{{{.}}}">{{{.}}}</option>
{{/themes}}
</select>
</label>
{{/if}}
</div>
</header>
{{#if show-methods}}
<div class="doc-notes" style="margin-top: var(--sp-large)">
<h3>Methods for expand or collapse items:</h3>
<p><a href="./" onclick="revealableContent.openAll(); return false;">revealableContent.openAll()</a> <a href="./" onclick="revealableContent.closeAll(); return false;">revealableContent.closeAll()</a></p>
</div>
{{/if}}
<div class="doc-variant-samples" data-theme="{{theme}}">
{{#samples}}
{{render '@accordioninset' (contextData '@accordioninset' this) merge=true}}
{{/samples}}
</div>
</section>
{{/variants}}
/* Default */
{
"items": [
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
}
]
}
/* With Pictograms */
{
"items": [
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
}
],
"has-pictograms": true
}
/* With Logos */
{
"items": [
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
}
],
"has-figures": true
}
/* With Intro */
{
"items": [
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
},
{
"revealablecontent": {
"summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"type": "logo",
"title": "I’m the summary",
"figure": {
"src": "/images/placeholder/logo-001-landscape.svg",
"alt": "Alternative Bildbeschreibung"
}
}
}
],
"has-figures": true,
"intro": {
"figure": {
"caption": null
},
"title": "I’m the title",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
}
/* Doc Only */
{
"items": [
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
}
],
"variants": [
{
"title": "Default",
"show-methods": true,
"themes": [
"default",
"dark"
],
"samples": {
"items": [
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
}
}
]
}
},
{
"title": "With Pictograms",
"themes": [
"default",
"dark"
],
"samples": [
{
"items": [
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
},
{
"revealablecontent": {
"summary": "I’m the summary",
"content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"pictogram": {
"code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
"id": "check-badge"
}
}
}
],
"has-pictograms": true
}
]
}
]
}
@import "_accordionInset.styles";
%accordionInset {
&-intro {
margin-bottom: var(--sp-component);
.figure {
@include stack-spacing(0);
}
}
&-title {
@extend %heading--section-title;
@include stack-spacing(large);
}
&-description {
font-weight: $_font-weight--bold;
}
&-item {
& + & {
@include stack-spacing(small);
}
}
&.has-figures,
&.has-pictograms {
%accordionInset-item {
margin-top: 0 !important;
&:first-child .revealableContent {
border-top: $separator_color $separator_border-width solid;
}
}
@include not-on-desktop(){
padding-top: var(--pp);
padding-bottom: var(--pp);
}
}
&.has-backdrop {
@extend %dark-theme;
@include full-width-backdrop($set-padding: true);
background-color: transparent;
& + &:nth-child(2n + 1) {
@extend %default-theme;
background-color: transparent;
&::before {
background-color: $_backdrop-color;
}
}
}
.featureList {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@include only-on-desktop(){
width: get-columns-width(6);
margin-left: auto;
margin-right: auto;
&.has-figures {
width: get-columns-width(10);
}
&.has-figures &-intro {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: auto 1fr;
column-gap: var(--gg);
.figure {
grid-column: 5 / -1;
grid-row: 1 / span 2;
}
}
&-title {
grid-column: 1 / span 4;
@include stack-spacing(0);
}
&-description {
grid-column: 1 / span 4;
grid-row: 2;
}
&.has-pictograms {
width: get-columns-width(8);
}
}
}
.accordionInset {
&-intro {
@extend %accordionInset-intro;
}
&-title {
@extend %accordionInset-title;
}
&-description {
@extend %accordionInset-description;
}
}
%accordionInset {
@include stack-spacing(component);
&-item {
> * {
@include stack-spacing(0);
}
& + & {
@include stack-spacing();
}
}
}
.accordionInset {
@extend %accordionInset;
&-item {
@extend %accordionInset-item;
}
}