Data Transfer & Charging

<section id="CableType" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="CableType"> <h3 id="CableTypeHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CableTypeContent"> <span>Cable Type<span class="visually-hidden" id="CableTypeDescription"> 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="CableTypeContent" 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 Cable Type filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Cable Type filters</legend> <input type="checkbox" id="chkTag_7054" name="Data Transfer &amp; Charging" class="lastObject" data-filter="Data Transfer &amp; Charging" data-group="CableType" aria-describedby="CableTypeDescription" /> <label id="chkTag_7054_label" class="text20" for="chkTag_7054" aria-label="Data Transfer &amp; Charging 2 products">Data Transfer &amp; Charging (2)</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_6078" name="Charging Cables" class="" data-filter="Charging Cables" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6078_label" class="text20" for="chkTag_6078" aria-label="Charging Cables 2 products">Charging Cables (2)</label> <input type="checkbox" id="chkTag_568" name="Charging Devices" class="" data-filter="Charging Devices" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_568_label" class="text20" for="chkTag_568" aria-label="Charging Devices 2 products">Charging Devices (2)</label> <input type="checkbox" id="chkTag_561" name="Hubs" class="lastObject" data-filter="Hubs" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_561_label" class="text20" for="chkTag_561" aria-label="Hubs 1 products">Hubs (1)</label> </fieldset> </div> </section>