TJA1040TVM

<table class="MuiTable-root" id="product-attributes" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 757.325px; color: rgba(0, 0, 0, 0.87); font-family: Roboto, &quot;Noto Sans&quot;, Arial, Helvetica, sans-serif, dk; font-size: 12px; background-color: rgb(255, 255, 255);"> <thead class="MuiTableHead-root jss476" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <tr class="MuiTableRow-root MuiTableRow-head" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <th class="MuiTableCell-root MuiTableCell-head jss475" scope="col" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(204, 204, 204); color: rgb(34, 34, 34); border-top: 1px solid rgb(204, 204, 204); text-transform: uppercase;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> TYPE </div></th> <th class="MuiTableCell-root MuiTableCell-head jss475" scope="col" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(204, 204, 204); color: rgb(34, 34, 34); border-top: 1px solid rgb(204, 204, 204); text-transform: uppercase;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> DESCRIPTION </div></th> <th class="MuiTableCell-root MuiTableCell-head jss475 print-hide MuiTableCell-alignRight" scope="col" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(204, 204, 204); color: rgb(34, 34, 34); flex-direction: row-reverse; border-top: 1px solid rgb(204, 204, 204); text-transform: uppercase;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="jss470" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-right: 12px; vertical-align: middle;">SELECT</span> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: rgb(68, 68, 68); border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div></th> </tr> </thead> <tbody class="MuiTableBody-root jss471" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Category </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Integrated Circuits (ICs) </div> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Interface </div> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Drivers, Receivers, Transceivers </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss473 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; text-align: right; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="MuiFormGroup-root jss467" role="radiogroup" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; display: -webkit-flex; flex-flow: column wrap; padding: 0px 4px; align-content: flex-end;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiRadio-root MuiRadio-colorPrimary jss466 MuiIconButton-colorPrimary" aria-disabled="false" data-category-url="/en/products/category/integrated-circuits-ics/32" data-category-id="32" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: rgb(68, 68, 68); border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; max-width: 18px;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 18px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" name="category-radio" type="radio" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 18px; cursor: inherit; height: 18px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <div class="jss485" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; display: flex; position: relative;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path> </svg> <svg class="MuiSvgIcon-root jss486" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"></path> </svg> </div></span></span> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiRadio-root MuiRadio-colorPrimary jss466 MuiIconButton-colorPrimary" aria-disabled="false" data-category-url="/en/products/category/interface/2016" data-category-id="2016" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: rgb(68, 68, 68); border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; max-width: 18px;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 18px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" name="category-radio" type="radio" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 18px; cursor: inherit; height: 18px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <div class="jss485" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; display: flex; position: relative;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path> </svg> <svg class="MuiSvgIcon-root jss486" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"></path> </svg> </div></span></span> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiRadio-root MuiRadio-colorPrimary jss466 jss482 Mui-checked MuiIconButton-colorPrimary" aria-disabled="false" data-category-url="/en/products/filter/drivers-receivers-transceivers/710" data-category-id="710" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: rgb(204, 0, 0); border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; max-width: 18px;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 18px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" name="category-radio" type="radio" value="" checked="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 18px; cursor: inherit; height: 18px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <div class="jss485 jss487" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; display: flex; position: relative;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path> </svg> <svg class="MuiSvgIcon-root jss486" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"></path> </svg> </div></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Mfr </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> NXP USA Inc. </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="-1" data-filter-value="568" data-testid="filter--1-option-568" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Series </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> - </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="-4" data-filter-value="818" data-testid="filter--4-option-818" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Product Status </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> Obsolete </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="1989" data-filter-value="1" data-testid="filter-1989-option-1" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Type </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> Transceiver </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="183" data-filter-value="415534" data-filter-pt="String" data-testid="filter-183-option-415534" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Protocol </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> CANbus </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="578" data-filter-value="325925" data-filter-pt="String" data-testid="filter-578-option-325925" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Number of Drivers/Receivers </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> 1/1 </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="404" data-filter-value="63111" data-filter-pt="String" data-testid="filter-404-option-63111" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Duplex </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> Half </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="1684" data-filter-value="352455" data-filter-pt="String" data-testid="filter-1684-option-352455" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Receiver Hysteresis </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> 70 mV </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="1683" data-filter-value="70 mV" data-filter-pt="UnitOfMeasure" data-testid="filter-1683-option-70 mV" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Data Rate </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> - </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="448" data-filter-value="1" data-filter-pt="String" data-testid="filter-448-option-1" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Voltage - Supply </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> 4.75V ~ 5.25V </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="276" data-filter-value="209941" data-filter-pt="String" data-testid="filter-276-option-209941" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Operating Temperature </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> -40°C ~ 150°C </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="252" data-filter-value="212507" data-filter-pt="String" data-testid="filter-252-option-212507" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Mounting Type </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> Surface Mount </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="69" data-filter-value="409393" data-filter-pt="String" data-testid="filter-69-option-409393" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Package / Case </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> 8-SOIC (0.154", 3.90mm Width) </div> </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472 print-hide MuiTableCell-alignRight" data-testid="attributes-table-search-column" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; text-align: right; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68); flex-direction: row-reverse;"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <span class="MuiButtonBase-root MuiIconButton-root jss481 MuiCheckbox-root jss479 MuiCheckbox-colorSecondary MuiIconButton-colorSecondary" aria-disabled="false" data-filter-key="16" data-filter-value="294928" data-filter-pt="String" data-testid="filter-16-option-294928" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px 6px; position: relative; align-items: center; user-select: none; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"><span class="MuiIconButton-label" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 14px; display: flex; align-items: inherit; justify-content: inherit;"><input class="jss484" type="checkbox" data-indeterminate="false" value="" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; top: 0px; left: 0px; width: 26px; cursor: inherit; height: 14px; margin-top: 0px; opacity: 0; z-index: 1; position: absolute;"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path> </svg></span></span> </div> </div></td> </tr> <tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);"> <td class="MuiTableCell-root MuiTableCell-body jss473" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> Supplier Device Package </div></td> <td class="MuiTableCell-root MuiTableCell-body jss472" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);"> <div class="jss474" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;"> <div class="jss464" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;"> 8-SO </div> </div></td> </tr> </tbody> </table>