Custom Shapes

<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_127" name="Magnets" class="" data-filter="Magnets" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_127_label" class="text20" for="chkTag_127" aria-label="Magnets 0 products">Magnets (0)</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 6 products">Stickers &amp; Decals (6)</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_189" name="Full Color" class="lastObject" data-filter="Full Color" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_189_label" class="text20" for="chkTag_189" aria-label="Full Color 0 products">Full Color (0)</label> </fieldset> </div> </section> <section id="MagnetSize" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="MagnetSize"> <h3 id="MagnetSizeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="MagnetSizeContent"> <span>Magnet Size<span class="visually-hidden" id="MagnetSizeDescription"> 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="MagnetSizeContent" 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 Magnet Size filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Magnet Size filters</legend> <input type="checkbox" id="chkTag_6892" name="5&quot; &#x2B;" class="" data-filter="5&quot; &#x2B;" data-group="MagnetSize" aria-describedby="MagnetSizeDescription" /> <label id="chkTag_6892_label" class="text20" for="chkTag_6892" aria-label="5&quot; &#x2B; 0 products">5&quot; &#x2B; (0)</label> <input type="checkbox" id="chkTag_6895" name="Custom Size" class="lastObject" data-filter="Custom Size" data-group="MagnetSize" aria-describedby="MagnetSizeDescription" /> <label id="chkTag_6895_label" class="text20" for="chkTag_6895" aria-label="Custom Size 0 products">Custom Size (0)</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_5550" name="Custom Shape" class="" data-filter="Custom Shape" data-group="Shape" aria-describedby="ShapeDescription" /> <label id="chkTag_5550_label" class="text20" for="chkTag_5550" aria-label="Custom Shape 6 products">Custom Shape (6)</label> <input type="checkbox" id="chkTag_5545" name="Rectangle" class="" data-filter="Rectangle" data-group="Shape" aria-describedby="ShapeDescription" /> <label id="chkTag_5545_label" class="text20" for="chkTag_5545" aria-label="Rectangle 0 products">Rectangle (0)</label> <input type="checkbox" id="chkTag_5544" name="Square" class="lastObject" data-filter="Square" data-group="Shape" aria-describedby="ShapeDescription" /> <label id="chkTag_5544_label" class="text20" for="chkTag_5544" aria-label="Square 0 products">Square (0)</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_6811" name="Custom Size" class="lastObject" data-filter="Custom Size" data-group="StickerSize" aria-describedby="StickerSizeDescription" /> <label id="chkTag_6811_label" class="text20" for="chkTag_6811" aria-label="Custom Size 6 products">Custom Size (6)</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_710" name="Car &amp; Auto" class="" data-filter="Car &amp; Auto" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_710_label" class="text20" for="chkTag_710" aria-label="Car &amp; Auto 0 products">Car &amp; Auto (0)</label> <input type="checkbox" id="chkTag_712" name="Decals" class="" data-filter="Decals" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_712_label" class="text20" for="chkTag_712" aria-label="Decals 6 products">Decals (6)</label> <input type="checkbox" id="chkTag_5551" name="Foil" class="" data-filter="Foil" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_5551_label" class="text20" for="chkTag_5551" aria-label="Foil 0 products">Foil (0)</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 6 products">Permanent Adhesive (6)</label> <input type="checkbox" id="chkTag_715" name="Removable Adhesive" class="" data-filter="Removable Adhesive" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_715_label" class="text20" for="chkTag_715" aria-label="Removable Adhesive 6 products">Removable Adhesive (6)</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 6 products">Shapes (6)</label> <input type="checkbox" id="chkTag_716" name="Static Clings" class="" data-filter="Static Clings" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_716_label" class="text20" for="chkTag_716" aria-label="Static Clings 0 products">Static Clings (0)</label> <input type="checkbox" id="chkTag_717" name="Sticker Rolls" class="" data-filter="Sticker Rolls" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_717_label" class="text20" for="chkTag_717" aria-label="Sticker Rolls 0 products">Sticker Rolls (0)</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 0 products">Stickers (0)</label> </fieldset> </div> </section>