Accordion: Small

<div class="hgm-accordion {{ class }}">

    <div class="hgm-accordion__item">
        <input type="{{ modifier }}" id="itemTrigger1" name="input_trigger">
        <label for="itemTrigger1" class="hgm-accordion__label">Item 1</label>
        <div class="hgm-accordion__content">
            <div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet nisl purus in mollis nunc. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Integer eget aliquet nibh praesent tristique magna sit. Tincidunt lobortis feugiat vivamus at. Convallis a cras semper auctor. Accumsan tortor posuere ac ut consequat semper. Sapien eget mi proin sed. Mauris in aliquam sem fringilla ut morbi tincidunt augue. Augue lacus viverra vitae congue eu consequat ac felis.</p>
                <p>Ipsum consequat nisl vel pretium. Non diam phasellus vestibulum lorem. Pharetra vel turpis nunc eget lorem dolor. Commodo odio aenean sed adipiscing diam donec. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Lectus proin nibh nisl condimentum id venenatis. Et odio pellentesque diam volutpat. Amet mauris commodo quis imperdiet massa. Eget felis eget nunc lobortis mattis aliquam. Augue interdum velit euismod in pellentesque.</p>
            </div>
        </div>
    </div>

    <div class="hgm-accordion__item">
        <input type="{{ modifier }}" id="itemTrigger2" name="input_trigger">
        <label for="itemTrigger2" class="hgm-accordion__label">Item 2</label>
        <div class="hgm-accordion__content">
            <div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet nisl purus in mollis nunc. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Integer eget aliquet nibh praesent tristique magna sit. Tincidunt lobortis feugiat vivamus at. Convallis a cras semper auctor. Accumsan tortor posuere ac ut consequat semper. Sapien eget mi proin sed. Mauris in aliquam sem fringilla ut morbi tincidunt augue. Augue lacus viverra vitae congue eu consequat ac felis.</p>
                <p>Ipsum consequat nisl vel pretium. Non diam phasellus vestibulum lorem. Pharetra vel turpis nunc eget lorem dolor. Commodo odio aenean sed adipiscing diam donec. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Lectus proin nibh nisl condimentum id venenatis. Et odio pellentesque diam volutpat. Amet mauris commodo quis imperdiet massa. Eget felis eget nunc lobortis mattis aliquam. Augue interdum velit euismod in pellentesque.</p>
            </div>
        </div>
    </div>

    <div class="hgm-accordion__item">
        <input type="{{ modifier }}" id="itemTrigger3" name="input_trigger">
        <label for="itemTrigger3" class="hgm-accordion__label">Item 3</label>
        <div class="hgm-accordion__content">
            <div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet nisl purus in mollis nunc. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Integer eget aliquet nibh praesent tristique magna sit. Tincidunt lobortis feugiat vivamus at. Convallis a cras semper auctor. Accumsan tortor posuere ac ut consequat semper. Sapien eget mi proin sed. Mauris in aliquam sem fringilla ut morbi tincidunt augue. Augue lacus viverra vitae congue eu consequat ac felis.</p>
                <p>Ipsum consequat nisl vel pretium. Non diam phasellus vestibulum lorem. Pharetra vel turpis nunc eget lorem dolor. Commodo odio aenean sed adipiscing diam donec. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Lectus proin nibh nisl condimentum id venenatis. Et odio pellentesque diam volutpat. Amet mauris commodo quis imperdiet massa. Eget felis eget nunc lobortis mattis aliquam. Augue interdum velit euismod in pellentesque.</p>
            </div>
        </div>
    </div>

</div>