Starburst

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CategoriesContent"> <span>Categories<span class="visually-hidden" id="CategoriesDescription"> 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="CategoriesContent" 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 Categories filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Categories filters</legend> <input type="checkbox" id="chkTag_122" name="Food Giveaways" class="lastObject" data-filter="Food Giveaways" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_122_label" class="text20" for="chkTag_122" aria-label="Food Giveaways 2 products">Food Giveaways (2)</label> </fieldset> </div> </section> <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_5268" name="Starburst" class="lastObject" data-filter="Starburst" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_5268_label" class="text20" for="chkTag_5268" aria-label="Starburst 2 products">Starburst (2)</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="lastObject" data-filter="Candy" data-group="Food" aria-describedby="FoodDescription" /> <label id="chkTag_5273_label" class="text20" for="chkTag_5273" aria-label="Candy 2 products">Candy (2)</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 2 products">Eggs (2)</label> <input type="checkbox" id="chkTag_7485" name="Milk" class="" data-filter="Milk" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7485_label" class="text20" for="chkTag_7485" aria-label="Milk 2 products">Milk (2)</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 2 products">Peanuts (2)</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 2 products">Sesame (2)</label> <input type="checkbox" id="chkTag_7492" name="Soybeans" class="" data-filter="Soybeans" data-group="FoodAllergenFacility" aria-describedby="FoodAllergenFacilityDescription" /> <label id="chkTag_7492_label" class="text20" for="chkTag_7492" aria-label="Soybeans 2 products">Soybeans (2)</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 2 products">Tree Nuts (2)</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 2 products">Wheat (2)</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_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>