Multi Checkbox Search

<div class="hgm-form" style="margin: 30px 0">

    <div id="hgmMultiCheckboxSearch" class="hgm-multi-checkbox-search">
        <label for="hgmMultiCheckboxSearchButton">Label for Multi Checkbox Search</label>
        <fieldset class="hgm-multi-checkbox-search__fieldset" aria-labelledby="hgmMultiCheckboxSearch">

            <div class="hgm-multi-checkbox-search__search">
                <label class="sr-only" for="exampleInput">Search...</label>
                <input type="text" id="exampleInput" placeholder="Search...">
            </div><!-- &__search -->
            <input class="hgm-multi-checkbox-search__checkbox_view_all" type="checkbox" id="viewTrigger" name="input_trigger">
            <label for="viewTrigger" class="hgm-multi-checkbox-search__label">
                <span class="hgm-multi-checkbox-search__view_all">View all</span>
                <span class="hgm-multi-checkbox-search__view_fewer">View fewer</span>
            </label>
            <div class="hgm-multi-checkbox-search__checkboxes">
                <div class="hgm-multi-checkbox-search__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox1" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">20</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox2" type="checkbox" />
                            Example checkbox with longer label</label>
                    </div>
                    <span class="hgm-badge">25</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox3" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">2</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox4" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">35</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox5" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">44</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox hidden-checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox6" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">8</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox hidden-checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox6" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">10</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multi-checkbox-search__checkbox hidden-checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox6" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">102</span>
                </div><!-- &__checkbox -->
            </div><!-- &__checkboxes -->
        </fieldset><!-- &__fieldset -->
    </div><!-- hgm-multi-checkbox-search -->

</div>