M&M's Branded Candies

<section id="Brand" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Brand"> <h3 id="BrandHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BrandContent"> <span>Brand<span class="visually-hidden" id="BrandDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BrandContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Brand filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Brand filters</legend> <input type="checkbox" id="chkTag_4887" name="M&amp;M&#x27;s" class="lastObject" data-filter="M&amp;M&#x27;s" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_4887_label" class="text20" for="chkTag_4887" aria-label="M&amp;M&#x27;s 3 products">M&amp;M&#x27;s (3)</label> </fieldset> </div> </section> <section id="Food" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Food"> <h3 id="FoodHeader" class="showOnLarge"> <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 xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#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_5273" name="Candy" class="" data-filter="Candy" data-group="Food" aria-describedby="FoodDescription" /> <label id="chkTag_5273_label" class="text20" for="chkTag_5273" aria-label="Candy 3 products">Candy (3)</label> <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 3 products">Chocolate (3)</label> </fieldset> </div> </section> <section id="FoodAllergen" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergen"> <h3 id="FoodAllergenHeader" class="showOnLarge"> <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 xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#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 3 products">Milk (3)</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 3 products">Soybeans (3)</label> </fieldset> </div> </section> <section id="FoodAllergenFacility" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FoodAllergenFacility"> <h3 id="FoodAllergenFacilityHeader" class="showOnLarge"> <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 xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FoodAllergenFacilityContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#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 3 products">Eggs (3)</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 3 products">Peanuts (3)</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 3 products">Sesame (3)</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 3 products">Tree Nuts (3)</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 3 products">Wheat (3)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="showOnLarge"> <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 xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#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="lastObject" data-filter="Full Colour" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_5201_label" class="text20" for="chkTag_5201" aria-label="Full Colour 2 products">Full Colour (2)</label> </fieldset> </div> </section> <section id="Packaging" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Packaging"> <h3 id="PackagingHeader" class="showOnLarge"> <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 xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="PackagingContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#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_5302" name="Candy Jars" class="" data-filter="Candy Jars" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5302_label" class="text20" for="chkTag_5302" aria-label="Candy Jars 1 products">Candy Jars (1)</label> <input type="checkbox" id="chkTag_5301" name="Snack Bags" class="lastObject" data-filter="Snack Bags" data-group="Packaging" aria-describedby="PackagingDescription" /> <label id="chkTag_5301_label" class="text20" for="chkTag_5301" aria-label="Snack Bags 2 products">Snack Bags (2)</label> </fieldset> </div> </section>