Personalized Packaging

<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_142" name="Packaging" class="" data-filter="Packaging" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_142_label" class="text20" for="chkTag_142" aria-label="Packaging 3 products">Packaging (3)</label> <input type="checkbox" id="chkTag_102" name="Paper Bags" class="" data-filter="Paper Bags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_102_label" class="text20" for="chkTag_102" aria-label="Paper Bags 28 products">Paper Bags (28)</label> <input type="checkbox" id="chkTag_103" name="Plastic Bags" class="" data-filter="Plastic Bags" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_103_label" class="text20" for="chkTag_103" aria-label="Plastic Bags 3 products">Plastic Bags (3)</label> <input type="checkbox" id="chkTag_132" name="Stickers &amp; Decals" class="lastObject" data-filter="Stickers &amp; Decals" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_132_label" class="text20" for="chkTag_132" aria-label="Stickers &amp; Decals 1 products">Stickers &amp; Decals (1)</label> </fieldset> </div> </section> <section id="PlasticResinCode" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="PlasticResinCode"> <h3 id="PlasticResinCodeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="PlasticResinCodeContent"> <span>Plastic Resin Code<span class="visually-hidden" id="PlasticResinCodeDescription"> 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="PlasticResinCodeContent" 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 Plastic Resin Code filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Plastic Resin Code filters</legend> <input type="checkbox" id="chkTag_222" name="#2 - HDPE" class="lastObject" data-filter="#2 - HDPE" data-group="PlasticResinCode" aria-describedby="PlasticResinCodeDescription" /> <label id="chkTag_222_label" class="text20" for="chkTag_222" aria-label="#2 - HDPE 3 products">#2 - HDPE (3)</label> </fieldset> </div> </section> <section id="Shape" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Shape"> <h3 id="ShapeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ShapeContent"> <span>Shape<span class="visually-hidden" id="ShapeDescription"> 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="ShapeContent" 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 Shape filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Shape filters</legend> <input type="checkbox" id="chkTag_5545" name="Rectangle" class="lastObject" data-filter="Rectangle" data-group="Shape" aria-describedby="ShapeDescription" /> <label id="chkTag_5545_label" class="text20" for="chkTag_5545" aria-label="Rectangle 1 products">Rectangle (1)</label> </fieldset> </div> </section> <section id="StickerSize" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="StickerSize"> <h3 id="StickerSizeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StickerSizeContent"> <span>Sticker Size<span class="visually-hidden" id="StickerSizeDescription"> 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="StickerSizeContent" 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 Sticker Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sticker Size filters</legend> <input type="checkbox" id="chkTag_6804" name="3&quot; &#x2B;" class="lastObject" data-filter="3&quot; &#x2B;" data-group="StickerSize" aria-describedby="StickerSizeDescription" /> <label id="chkTag_6804_label" class="text20" for="chkTag_6804" aria-label="3&quot; &#x2B; 1 products">3&quot; &#x2B; (1)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StyleContent"> <span>Style<span class="visually-hidden" id="StyleDescription"> 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="StyleContent" 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 Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Style filters</legend> <input type="checkbox" id="chkTag_4565" name="Gift" class="" data-filter="Gift" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_4565_label" class="text20" for="chkTag_4565" aria-label="Gift 3 products">Gift (3)</label> <input type="checkbox" id="chkTag_6737" name="Gift Boxes" class="" data-filter="Gift Boxes" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6737_label" class="text20" for="chkTag_6737" aria-label="Gift Boxes 3 products">Gift Boxes (3)</label> <input type="checkbox" id="chkTag_714" name="Permanent Adhesive" class="" data-filter="Permanent Adhesive" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_714_label" class="text20" for="chkTag_714" aria-label="Permanent Adhesive 1 products">Permanent Adhesive (1)</label> <input type="checkbox" id="chkTag_339" name="Shapes" class="" data-filter="Shapes" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_339_label" class="text20" for="chkTag_339" aria-label="Shapes 1 products">Shapes (1)</label> <input type="checkbox" id="chkTag_6800" name="Sticker Sheets" class="" data-filter="Sticker Sheets" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6800_label" class="text20" for="chkTag_6800" aria-label="Sticker Sheets 1 products">Sticker Sheets (1)</label> <input type="checkbox" id="chkTag_713" name="Stickers" class="lastObject" data-filter="Stickers" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_713_label" class="text20" for="chkTag_713" aria-label="Stickers 1 products">Stickers (1)</label> </fieldset> </div> </section>