Chocolate Shapes

<section id="Chocolate" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Chocolate"> <h3 id="ChocolateHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ChocolateContent"> <span>Chocolate<span class="visually-hidden" id="ChocolateDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ChocolateContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Chocolate filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Chocolate filters</legend> <input type="checkbox" id="chkTag_5285" name="Bars" class="" data-filter="Bars" data-group="Chocolate" aria-describedby="ChocolateDescription" /> <label id="chkTag_5285_label" class="text20" for="chkTag_5285" aria-label="Bars 8 products">Bars (8)</label> <input type="checkbox" id="chkTag_5326" name="Chocolate Shapes" class="lastObject" data-filter="Chocolate Shapes" data-group="Chocolate" aria-describedby="ChocolateDescription" /> <label id="chkTag_5326_label" class="text20" for="chkTag_5326" aria-label="Chocolate Shapes 13 products">Chocolate Shapes (13)</label> </fieldset> </div> </section> <section id="Food" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Food"> <h3 id="FoodHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodContent"> <span>Food<span class="visually-hidden" id="FoodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food filters</legend> <input type="checkbox" id="chkTag_5332" name="Chocolate" class="lastObject" data-filter="Chocolate" data-group="Food" aria-describedby="FoodDescription" /> <label id="chkTag_5332_label" class="text20" for="chkTag_5332" aria-label="Chocolate 13 products">Chocolate (13)</label> </fieldset> </div> </section> <section id="FoodAllergen" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergen"> <h3 id="FoodAllergenHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenContent"> <span>Food Allergen<span class="visually-hidden" id="FoodAllergenDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food Allergen filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen filters</legend> <input type="checkbox" id="chkTag_7476" name="Milk" class="" data-filter="Milk" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7476_label" class="text20" for="chkTag_7476" aria-label="Milk 13 products">Milk (13)</label> <input type="checkbox" id="chkTag_7483" name="Soybeans" class="lastObject" data-filter="Soybeans" data-group="FoodAllergen" aria-describedby="FoodAllergenDescription" /> <label id="chkTag_7483_label" class="text20" for="chkTag_7483" aria-label="Soybeans 13 products">Soybeans (13)</label> </fieldset> </div> </section> <section id="FoodAllergenFacility" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergenFacility"> <h3 id="FoodAllergenFacilityHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FoodAllergenFacilityContent"> <span>Food Allergen Facility<span class="visually-hidden" id="FoodAllergenFacilityDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenFacilityContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Food Allergen Facility filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Food Allergen Facility filters</legend> <input type="checkbox" id="chkTag_7486" name="Eggs" class="" data-filter="Eggs" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7486_label" class="text20" for="chkTag_7486" aria-label="Eggs 9 products">Eggs (9)</label> <input type="checkbox" id="chkTag_7490" name="Peanuts" class="" data-filter="Peanuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7490_label" class="text20" for="chkTag_7490" aria-label="Peanuts 13 products">Peanuts (13)</label> <input type="checkbox" id="chkTag_7493" name="Sesame" class="" data-filter="Sesame" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7493_label" class="text20" for="chkTag_7493" aria-label="Sesame 13 products">Sesame (13)</label> <input type="checkbox" id="chkTag_7489" name="Tree Nuts" class="" data-filter="Tree Nuts" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7489_label" class="text20" for="chkTag_7489" aria-label="Tree Nuts 13 products">Tree Nuts (13)</label> <input type="checkbox" id="chkTag_7491" name="Wheat" class="lastObject" data-filter="Wheat" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7491_label" class="text20" for="chkTag_7491" aria-label="Wheat 13 products">Wheat (13)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ImprintMethodContent"> <span>Imprint Method<span class="visually-hidden" id="ImprintMethodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Imprint Method filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Imprint Method filters</legend> <input type="checkbox" id="chkTag_5201" name="Full Colour" class="" data-filter="Full Colour" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_5201_label" class="text20" for="chkTag_5201" aria-label="Full Colour 4 products">Full Colour (4)</label> <input type="checkbox" id="chkTag_7606" name="Moulded" class="lastObject" data-filter="Moulded" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_7606_label" class="text20" for="chkTag_7606" aria-label="Moulded 8 products">Moulded (8)</label> </fieldset> </div> </section> <section id="Packaging" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Packaging"> <h3 id="PackagingHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PackagingContent"> <span>Packaging<span class="visually-hidden" id="PackagingDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="PackagingContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Packaging filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Packaging filters</legend> <input type="checkbox" id="chkTag_5304" name="Gift Boxes" class="" data-filter="Gift Boxes" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5304_label" class="text20" for="chkTag_5304" aria-label="Gift Boxes 8 products">Gift Boxes (8)</label> <input type="checkbox" id="chkTag_5297" name="Individually Wrapped" class="lastObject" data-filter="Individually Wrapped" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5297_label" class="text20" for="chkTag_5297" aria-label="Individually Wrapped 5 products">Individually Wrapped (5)</label> </fieldset> </div> </section>