/* Build time:: Mon, Jan 5, 2026, 11:17 AM CST from master branch */
@charset "UTF-8";
.col-filter-overflow::-webkit-scrollbar, .modal-order-distributor .modal-body::-webkit-scrollbar, .modal-order-distributor .table-responsive::-webkit-scrollbar, .jumpto ul::-webkit-scrollbar, .nav-tabs.nav-tabs-secondary::-webkit-scrollbar, .side-panel .side-filters-container-content::-webkit-scrollbar, .collection.modal.share-collection .shared-container > .list-users::-webkit-scrollbar, .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar, .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar, .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items::-webkit-scrollbar {
  -webkit-appearance: none;
}

.col-filter-overflow::-webkit-scrollbar-thumb, .modal-order-distributor .modal-body::-webkit-scrollbar-thumb, .modal-order-distributor .table-responsive::-webkit-scrollbar-thumb, .jumpto ul::-webkit-scrollbar-thumb, .nav-tabs.nav-tabs-secondary::-webkit-scrollbar-thumb, .side-panel .side-filters-container-content::-webkit-scrollbar-thumb, .collection.modal.share-collection .shared-container > .list-users::-webkit-scrollbar-thumb, .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar-thumb, .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar-thumb, .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border-radius: 10px;
  border: 4px solid #ffffff;
}

.dark .col-filter-overflow::-webkit-scrollbar-thumb, .dark .modal-order-distributor .modal-body::-webkit-scrollbar-thumb, .modal-order-distributor .dark .modal-body::-webkit-scrollbar-thumb, .dark .modal-order-distributor .table-responsive::-webkit-scrollbar-thumb, .modal-order-distributor .dark .table-responsive::-webkit-scrollbar-thumb, .dark .jumpto ul::-webkit-scrollbar-thumb, .jumpto .dark ul::-webkit-scrollbar-thumb, .dark .nav-tabs.nav-tabs-secondary::-webkit-scrollbar-thumb, .dark .side-panel .side-filters-container-content::-webkit-scrollbar-thumb, .side-panel .dark .side-filters-container-content::-webkit-scrollbar-thumb, .dark .collection.modal.share-collection .shared-container > .list-users::-webkit-scrollbar-thumb, .collection.modal.share-collection .dark .shared-container > .list-users::-webkit-scrollbar-thumb, .dark .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar-thumb, .share-collection-modal .tab-content-people .dark .shared-container > .list-users::-webkit-scrollbar-thumb, .dark .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar-thumb, .share-collection-modal .dark .filter-nav.multiselect::-webkit-scrollbar-thumb, .dark .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items::-webkit-scrollbar-thumb, .dropdown-menu.soft-cart .cart-items-wrap .dark ul.cart-items::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border: 4px solid #262626;
}

.toggle-opacity:not(.in), .prodOverview .toggle-opacity:not(.in)::after {
  mask-image: linear-gradient(180deg, #000 60%, transparent);
}

.site-header .secondary-nav .signIn-invitation p, .dropdown-menu.signIn-invitation p, .links-container .links-list, .links-container .links-list-border, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .title-and-elements, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description, ul.result-group li.result-item .result-body .title-and-elements, ul.result-group li.result-item .result-body p, ul.result-group li.result-item .result-body .metadata, ul.result-group li.result-item .result-body .shopping-list .box-container .description, .shopping-list .box-container ul.result-group li.result-item .result-body .description,
ul.result-group li.result-item .result-body .item-metadata, .security-status .authorization > p, .security-status .request-message p, .form-sort-results label, .compact-list .compact-item .compact-content .compact-title > *, .compact-list .compact-item .compact-content > *, .t-switch, .t-switch-wrapper .content > *, .exbs-section .checkbox-wrapper input[type='checkbox'],
.exbs-section .checkbox-wrapper label, .hero-banner2 .content > *, .box-opts.exact-match2 .item-download-list, .results-controls p, .results-controls .secure-content .secure-checkbox .checkbox-wrapper input[type='checkbox'],
.results-controls .secure-content .secure-checkbox .checkbox-wrapper label, .results-controls .filter-tag-filters .section, .box-opts .headline p, .box-opts-content.actions p, .collapsible-wrapper-controls > *, .collapsible-header > *, .collapsible-body > *, .one-box .one-box-list .one-box-item .one-box-content .title-and-elements,
.one-box .one-box-list .one-box-item .one-box-content p, .one-box .one-box-list .one-box-item .one-box-content ul.resource-list, .one-box .one-box-list .one-box-item .one-box-content ul.resource-list li {
  margin: 0;
}

.jumpto.is-full-leftnav {
  position: relative;
}

.jumpto.is-full-leftnav::before {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: inherit;
  transform: translateX(50%);
}

@media screen and (min-width: 768px) {
  .col-lg-12 .jumpto.is-full-leftnav::before,
  .global-component .jumpto.is-full-leftnav::before {
    width: 100vw;
  }
  .col-lg-9 .jumpto.is-full-leftnav::before,
  .app-column-right .jumpto.is-full-leftnav::before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .jumpto.is-full-leftnav::before,
  .global-component .jumpto.is-full-leftnav::before {
    width: 100vw;
  }
  .col-lg-9 .jumpto.is-full-leftnav::before,
  .app-column-right .jumpto.is-full-leftnav::before {
    width: calc(100vw - 300px);
  }
}

.impact-border::after {
  border-image-source: linear-gradient(90deg, #fca600 9%, #69ca00 49%, #0eafe0 90%);
}

.impact-border-top::after, .impact-border-bottom::after {
  border-image: linear-gradient(90deg, #fca600 9%, #69ca00 49%, #0eafe0 90%) 1;
}

.impact-border-right::after, .impact-border-left::after {
  border-image: linear-gradient(to bottom, #fca600 9%, #69ca00 49%, #0eafe0 90%) 1;
}

.editable-diagram:hover::after, .impact-border-bottom.impact-txt-breathline:hover::after {
  border-bottom: none;
  border-image: none;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #fca600, #69ca00, #0eafe0, #0eafe0, #69ca00, #fca600);
  background-size: 500% 100%;
  animation: moveBorder 1s linear infinite;
}

:root {
  --theme-text-primary-color: #000000;
  --theme-text-secondary-color: #686664;
  --nxp-orange-100: #ffeda7;
  --nxp-orange-200: #ffd800;
  --nxp-orange-300: #f9b500;
  --nxp-orange-400: #ff9700;
  --nxp-orange-500: #ff7400;
  --nxp-orange-600: #994600;
  --nxp-orange-100-rgb: 255, 237, 167;
  --nxp-orange-200-rgb: 255, 216, 0;
  --nxp-orange-300-rgb: 249, 181, 0;
  --nxp-orange-400-rgb: 255, 151, 0;
  --nxp-orange-500-rgb: 255, 116, 0;
  --nxp-orange-600-rgb: 153, 70, 0;
  --nxp-blue-100: #c3effe;
  --nxp-blue-200: #3ecafb;
  --nxp-blue-300: #0eafe0;
  --nxp-blue-400: #1f87ff;
  --nxp-blue-500: #215bd6;
  --nxp-blue-600: #13357e;
  --nxp-blue-100-rgb: 195, 239, 254;
  --nxp-blue-200-rgb: 62, 202, 251;
  --nxp-blue-300-rgb: 14, 175, 224;
  --nxp-blue-400-rgb: 31, 135, 255;
  --nxp-blue-500-rgb: 33, 91, 214;
  --nxp-blue-600-rgb: 19, 53, 126;
  --nxp-green-100: #ebf8a5;
  --nxp-green-200: #c6eb00;
  --nxp-green-300: #69ca00;
  --nxp-green-400: #0cc40c;
  --nxp-green-500: #008a00;
  --nxp-green-600: #005700;
  --nxp-green-100-rgb: 235, 248, 165;
  --nxp-green-200-rgb: 198, 235, 0;
  --nxp-green-300-rgb: 105, 202, 0;
  --nxp-green-400-rgb: 12, 196, 12;
  --nxp-green-500-rgb: 0, 138, 0;
  --nxp-green-600-rgb: 0, 87, 0;
  --nxp-red-100: #fcd3d3;
  --nxp-red-200: #f54d4d;
  --nxp-red-300: #d60b2d;
  --nxp-red-400: #8d081d;
  --nxp-red-100-rgb: 252, 211, 211;
  --nxp-red-200-rgb: 245, 77, 77;
  --nxp-red-300-rgb: 214, 11, 45;
  --nxp-red-400-rgb: 141, 8, 29;
  --nxp-gray-50: #ffffff;
  --nxp-gray-100: #f7f5f1;
  --nxp-gray-200: #ebe7dd;
  --nxp-gray-300: #d4cfc5;
  --nxp-gray-400: #aaa6a2;
  --nxp-gray-500: #898683;
  --nxp-gray-600: #686664;
  --nxp-gray-700: #474645;
  --nxp-gray-800: #262626;
  --nxp-gray-900: #000000;
  --nxp-gray-50-rgb: 255, 255, 255;
  --nxp-gray-100-rgb: 247, 245, 241;
  --nxp-gray-200-rgb: 235, 231, 221;
  --nxp-gray-300-rgb: 212, 207, 197;
  --nxp-gray-400-rgb: 170, 166, 162;
  --nxp-gray-500-rgb: 137, 134, 131;
  --nxp-gray-600-rgb: 104, 102, 100;
  --nxp-gray-700-rgb: 71, 70, 69;
  --nxp-gray-800-rgb: 38, 38, 38;
  --nxp-gray-900-rgb: 0, 0, 0;
  --nxp-emphasis-color: var(--nxp-gray-900);
  --nxp-body-color: var(--nxp-gray-900);
  --nxp-body-bg: var(--nxp-gray-50);
  --nxp-body-bg-rgb: var(--nxp-gray-50-rgb);
  --nxp-border-color: var(--nxp-gray-300);
  --nxp-border-color-secondary: var(--nxp-gray-400);
  --nxp-secondary-color: var(--nxp-gray-600);
  --nxp-insignia-color: var(--nxp-orange-600);
  --nxp-link-color: var(--nxp-blue-500);
  --nxp-link-color-rgb: var(--nxp-blue-500-rgb);
  --nxp-link-hover-color: var(--nxp-blue-500);
  --nxp-link-hover-color-rgb: var(--nxp-blue-500-rgb);
  --nxp-surface-one: var(--nxp-gray-100);
  --nxp-surface-two: var(--nxp-gray-200);
  --nxp-surface-three: var(--nxp-gray-300);
  --nxp-surface-four: var(--nxp-gray-400);
  --nxp-surface-five: var(--nxp-gray-500);
  --nxp-surface-six: var(--nxp-gray-600);
  --nxp-surface-seven: var(--nxp-gray-700);
  --nxp-surface-eighth: var(--nxp-gray-800);
  --nxp-surface-nine: var(--nxp-gray-900);
  --nxp-surface-dark: var(--nxp-gray-50);
  --nxp-collections-icon-color: invert(0);
  --nxp-btn-primary-bg: #ff7400;
  --nxp-btn-primary-border: #ff7400;
  --nxp-btn-primary-color: #ffffff;
  --nxp-btn-primary-hover-bg: #994600;
  --nxp-btn-primary-hover-border: #994600;
  --nxp-btn-primary-hover-color: #ffffff;
  --nxp-btn-primary-disable-bg: #f9b500;
  --nxp-btn-secondary-bg: var(--nxp-gray-900);
  --nxp-btn-secondary-border: var(--nxp-gray-900);
  --nxp-btn-secondary-color: var(--nxp-gray-50);
  --nxp-btn-secondary-hover-bg: var(--nxp-gray-600);
  --nxp-btn-secondary-hover-border: var(--nxp-gray-600);
  --nxp-btn-secondary-hover-color: var(--nxp-gray-50);
  --nxp-btn-secondary-disable-bg: var(--nxp-gray-600);
  --nxp-btn-tertiary-bg: var(--nxp-gray-50);
  --nxp-btn-tertiary-border: var(--nxp-gray-50);
  --nxp-btn-tertiary-color: var(--nxp-gray-900);
  --nxp-btn-tertiary-hover-bg: var(--nxp-gray-200);
  --nxp-btn-tertiary-hover-border: var(--nxp-gray-200);
  --nxp-btn-tertiary-hover-color: null;
  --nxp-btn-tertiary-disable-bg: var(--nxp-gray-200);
  --nxp-btn-default-bg: var(--nxp-gray-50);
  --nxp-btn-default-border: var(--nxp-gray-900);
  --nxp-btn-default-color: var(--nxp-gray-900);
  --nxp-btn-default-boder1: #fca600;
  --nxp-btn-default-boder2: #69ca00;
  --nxp-btn-default-boder3: #0eafe0;
  --nxp-skeleton-base-color: var(--nxp-gray-100);
  --nxp-skeleton-highlight-color: var(--nxp-gray-50);
  --nxp-search-one-bg: var(--nxp-gray-50);
  --nxp-search-one-hover-bg: var(--nxp-gray-50);
  --nxp-search-one-focus-bg: var(--nxp-gray-50);
  --nxp-search-one-color: var(--nxp-body-color);
  --nxp-search-one-placeholder-color: var(--nxp-secondary-color);
  --nxp-search-one-border-color: var(--nxp-border-color);
  --nxp-search-one-border-hover-color: var(--nxp-gray-400);
  --nxp-search-one-border-focus-color: var(--nxp-blue-300);
  --nxp-search-two-bg: var(--nxp-gray-200);
  --nxp-search-two-hover-bg: #d4cfc594;
  --nxp-search-two-focus-bg: var(--nxp-gray-100);
  --nxp-search-two-color: var(--nxp-body-color);
  --nxp-search-two-placeholder-color: var(--nxp-secondary-color);
  --nxp-search-two-border-color: var(--nxp-border-color);
  --nxp-search-two-border-hover-color: var(--nxp-border-color);
  --nxp-search-two-border-focus-color: var(--nxp-blue-300);
}

html[data-theme='dark'],
[data-nxp-theme='dark'] {
  --theme-text-primary-color: #f7f5f1;
  --theme-text-secondary-color: #d4cfc5;
  --nxp-orange-100: #994600;
  --nxp-orange-200: #ffd800;
  --nxp-orange-300: #f9b500;
  --nxp-orange-400: #ff9700;
  --nxp-orange-500: #f16e00;
  --nxp-orange-600: #ffeda7;
  --nxp-orange-100-rgb: 153, 70, 0;
  --nxp-orange-200-rgb: 255, 216, 0;
  --nxp-orange-300-rgb: 249, 181, 0;
  --nxp-orange-400-rgb: 255, 151, 0;
  --nxp-orange-500-rgb: 241, 110, 0;
  --nxp-orange-600-rgb: 255, 237, 167;
  --nxp-blue-100: #215bd6;
  --nxp-blue-200: #215bd6;
  --nxp-blue-300: #0eafe0;
  --nxp-blue-400: #3ecafb;
  --nxp-blue-500: #3ecafb;
  --nxp-blue-600: #c3effe;
  --nxp-blue-100-rgb: 33, 91, 214;
  --nxp-blue-200-rgb: 33, 91, 214;
  --nxp-blue-300-rgb: 14, 175, 224;
  --nxp-blue-400-rgb: 62, 202, 251;
  --nxp-blue-500-rgb: 62, 202, 251;
  --nxp-blue-600-rgb: 195, 239, 254;
  --nxp-green-100: #005700;
  --nxp-green-200: #008a00;
  --nxp-green-300: #69ca00;
  --nxp-green-400: #0cc40c;
  --nxp-green-500: #c6eb00;
  --nxp-green-600: #ebf8a5;
  --nxp-green-100-rgb: 0, 87, 0;
  --nxp-green-200-rgb: 0, 138, 0;
  --nxp-green-300-rgb: 105, 202, 0;
  --nxp-green-400-rgb: 12, 196, 12;
  --nxp-green-500-rgb: 198, 235, 0;
  --nxp-green-600-rgb: 235, 248, 165;
  --nxp-red-100: #8d081d;
  --nxp-red-200: #d60b2d;
  --nxp-red-300: #f54d4d;
  --nxp-red-400: #f7f5f1;
  --nxp-red-100-rgb: 141, 8, 29;
  --nxp-red-200-rgb: 214, 11, 45;
  --nxp-red-300-rgb: 245, 77, 77;
  --nxp-red-400-rgb: 247, 245, 241;
  --nxp-gray-50: #121212;
  --nxp-gray-100: #262626;
  --nxp-gray-200: #474645;
  --nxp-gray-300: #686664;
  --nxp-gray-400: #898683;
  --nxp-gray-500: #aaa6a2;
  --nxp-gray-600: #d4cfc5;
  --nxp-gray-700: #ebe7dd;
  --nxp-gray-800: #f7f5f1;
  --nxp-gray-900: #ffffff;
  --nxp-gray-50-rgb: 18, 18, 18;
  --nxp-gray-100-rgb: 38, 38, 38;
  --nxp-gray-200-rgb: 71, 70, 69;
  --nxp-gray-300-rgb: 104, 102, 100;
  --nxp-gray-400-rgb: 137, 134, 131;
  --nxp-gray-500-rgb: 170, 166, 162;
  --nxp-gray-600-rgb: 212, 207, 197;
  --nxp-gray-700-rgb: 235, 231, 221;
  --nxp-gray-800-rgb: 247, 245, 241;
  --nxp-gray-900-rgb: 255, 255, 255;
  --nxp-surface-dark: var(--nxp-gray-100);
  --nxp-emphasis-color: var(--nxp-gray-800);
  --nxp-body-color: var(--nxp-gray-800);
  --nxp-body-bg: var(--nxp-gray-50);
  --nxp-body-bg-rgb: var(--nxp-gray-50-rgb);
  --nxp-border-color: var(--nxp-gray-300);
  --nxp-border-color-secondary: var(--nxp-gray-400);
  --nxp-secondary-color: var(--nxp-gray-600);
  --nxp-insignia-color: var(--nxp-orange-400);
  --nxp-link-color: var(--nxp-blue-500);
  --nxp-link-color-rgb: var(--nxp-blue-500-rgb);
  --nxp-link-hover-color: var(--nxp-blue-500);
  --nxp-link-hover-color-rgb: var(--nxp-blue-500-rgb);
  --nxp-collections-icon-color: invert(1);
  --nxp-btn-primary-bg: #ff7400;
  --nxp-btn-primary-border: #ff7400;
  --nxp-btn-primary-color: #ffffff;
  --nxp-btn-primary-hover-bg: #994600;
  --nxp-btn-primary-hover-border: #994600;
  --nxp-btn-primary-hover-color: #ffffff;
  --nxp-btn-primary-disable-bg: #f9b500;
  --nxp-btn-default-bg: var(--nxp-gray-50);
  --nxp-btn-default-border: var(--nxp-gray-900);
  --nxp-btn-default-color: var(--nxp-gray-900);
  --nxp-btn-default-boder1: #fca600;
  --nxp-btn-default-boder2: #69ca00;
  --nxp-btn-default-boder3: #0eafe0;
  --nxp-skeleton-base-color: var(--nxp-gray-100);
  --nxp-skeleton-highlight-color: var(--nxp-gray-300);
  --nxp-search-one-bg: var(--nxp-gray-50);
  --nxp-search-one-hover-bg: var(--nxp-gray-50);
  --nxp-search-one-focus-bg: var(--nxp-gray-50);
  --nxp-search-one-color: var(--nxp-body-color);
  --nxp-search-one-placeholder-color: var(--nxp-secondary-color);
  --nxp-search-one-border-color: var(--nxp-border-color);
  --nxp-search-one-border-hover-color: var(--nxp-gray-400);
  --nxp-search-one-border-focus-color: var(--nxp-blue-300);
  --nxp-search-two-bg: var(--nxp-gray-200);
  --nxp-search-two-hover-bg: var(--nxp-gray-100);
  --nxp-search-two-focus-bg: var(--nxp-gray-100);
  --nxp-search-two-color: var(--nxp-body-color);
  --nxp-search-two-placeholder-color: var(--nxp-secondary-color);
  --nxp-search-two-border-color: var(--nxp-gray-200);
  --nxp-search-two-border-hover-color: var(--nxp-border-color);
  --nxp-search-two-border-focus-color: var(--nxp-blue-300);
}

[data-nxp-theme='step-forward'] {
  --theme-text-primary-color: #f7f5f1;
  --theme-text-secondary-color: #d4cfc5;
  --nxp-orange-100: #994600;
  --nxp-orange-200: #ffd800;
  --nxp-orange-300: #f9b500;
  --nxp-orange-400: #ff9700;
  --nxp-orange-500: #f16e00;
  --nxp-orange-600: #ffeda7;
  --nxp-orange-100-rgb: 153, 70, 0;
  --nxp-orange-200-rgb: 255, 216, 0;
  --nxp-orange-300-rgb: 249, 181, 0;
  --nxp-orange-400-rgb: 255, 151, 0;
  --nxp-orange-500-rgb: 241, 110, 0;
  --nxp-orange-600-rgb: 255, 237, 167;
  --nxp-blue-100: #215bd6;
  --nxp-blue-200: #215bd6;
  --nxp-blue-300: #0eafe0;
  --nxp-blue-400: #3ecafb;
  --nxp-blue-500: #3ecafb;
  --nxp-blue-600: #c3effe;
  --nxp-blue-100-rgb: 33, 91, 214;
  --nxp-blue-200-rgb: 33, 91, 214;
  --nxp-blue-300-rgb: 14, 175, 224;
  --nxp-blue-400-rgb: 62, 202, 251;
  --nxp-blue-500-rgb: 62, 202, 251;
  --nxp-blue-600-rgb: 195, 239, 254;
  --nxp-green-100: #005700;
  --nxp-green-200: #008a00;
  --nxp-green-300: #69ca00;
  --nxp-green-400: #0cc40c;
  --nxp-green-500: #c6eb00;
  --nxp-green-600: #ebf8a5;
  --nxp-green-100-rgb: 0, 87, 0;
  --nxp-green-200-rgb: 0, 138, 0;
  --nxp-green-300-rgb: 105, 202, 0;
  --nxp-green-400-rgb: 12, 196, 12;
  --nxp-green-500-rgb: 198, 235, 0;
  --nxp-green-600-rgb: 235, 248, 165;
  --nxp-red-100: #8d081d;
  --nxp-red-200: #d60b2d;
  --nxp-red-300: #f54d4d;
  --nxp-red-400: #f7f5f1;
  --nxp-red-100-rgb: 141, 8, 29;
  --nxp-red-200-rgb: 214, 11, 45;
  --nxp-red-300-rgb: 245, 77, 77;
  --nxp-red-400-rgb: 247, 245, 241;
  --nxp-gray-50: #121212;
  --nxp-gray-100: #262626;
  --nxp-gray-200: #474645;
  --nxp-gray-300: #686664;
  --nxp-gray-400: #898683;
  --nxp-gray-500: #aaa6a2;
  --nxp-gray-600: #d4cfc5;
  --nxp-gray-700: #ebe7dd;
  --nxp-gray-800: #f7f5f1;
  --nxp-gray-900: #ffffff;
  --nxp-gray-50-rgb: 18, 18, 18;
  --nxp-gray-100-rgb: 38, 38, 38;
  --nxp-gray-200-rgb: 71, 70, 69;
  --nxp-gray-300-rgb: 104, 102, 100;
  --nxp-gray-400-rgb: 137, 134, 131;
  --nxp-gray-500-rgb: 170, 166, 162;
  --nxp-gray-600-rgb: 212, 207, 197;
  --nxp-gray-700-rgb: 235, 231, 221;
  --nxp-gray-800-rgb: 247, 245, 241;
  --nxp-gray-900-rgb: 255, 255, 255;
  --nxp-surface-dark: var(--nxp-gray-100);
  --nxp-emphasis-color: var(--nxp-gray-800);
  --nxp-body-color: var(--nxp-gray-800);
  --nxp-body-bg: var(--nxp-gray-50);
  --nxp-body-bg-rgb: var(--nxp-gray-50-rgb);
  --nxp-border-color: var(--nxp-gray-300);
  --nxp-border-color-secondary: var(--nxp-gray-400);
  --nxp-secondary-color: var(--nxp-gray-600);
  --nxp-insignia-color: var(--nxp-orange-400);
  --nxp-link-color: var(--nxp-gray-800);
  --nxp-link-color-rgb: var(--nxp-gray-800-rgb);
  --nxp-link-hover-color: var(--nxp-gray-800);
  --nxp-link-hover-color-rgb: var(--nxp-gray-800-rgb);
  --nxp-collections-icon-color: invert(1);
  --nxp-btn-primary-bg: #ff7400;
  --nxp-btn-primary-border: #ff7400;
  --nxp-btn-primary-color: #ffffff;
  --nxp-btn-primary-hover-bg: #994600;
  --nxp-btn-primary-hover-border: #994600;
  --nxp-btn-primary-hover-color: #ffffff;
  --nxp-btn-primary-disable-bg: #f9b500;
}

@font-face {
  font-family: 'Poppins';
  src: url("/resources/css/fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("/resources/css/fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("/resources/css/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'nxp-icons';
  src: url("/resources/css/fonts/nxp-icons/nxp-icons.eot");
  src: url("/resources/css/fonts/nxp-icons/nxp-icons.eot") format("embedded-opentype"), url("/resources/css/fonts/nxp-icons/nxp-icons.ttf") format("truetype"), url("/resources/css/fonts/nxp-icons/nxp-icons.woff") format("woff"), url("/resources/css/fonts/nxp-icons/nxp-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='fnxp-'],
[class*=' fnxp-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nxp-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fnxp-network-wired:before {
  content: '\e900';
}

.fnxp-bell-fill:before {
  content: '\e916';
}

.fnxp-star:before {
  content: '\e914';
}

.fnxp-language:before {
  content: '\e915';
}

.fnxp-external-link:before {
  content: '\e912';
}

.fnxp-automotive:before {
  content: '\e901';
}

.fnxp-bookmark:before {
  content: '\e902';
}

.fnxp-bookmark-plus:before {
  content: '\e903';
}

.fnxp-cart:before {
  content: '\e904';
}

.fnxp-certificate-check:before {
  content: '\e905';
}

.fnxp-check-circle:before {
  content: '\e906';
}

.fnxp-comms-infrastructure:before {
  content: '\e907';
}

.fnxp-consumer:before {
  content: '\e908';
}

.fnxp-exclamation-circle:before {
  content: '\e909';
}

.fnxp-hardware:before {
  content: '\e90a';
}

.fnxp-industrial:before {
  content: '\e90b';
}

.fnxp-partners:before, #partnerProfileRedesign .icon-bookmark.partner-tiers:before, #design-advisor .icon-bookmark:before,
#partner-directory-app .icon-bookmark:before {
  content: '\e90c';
}

.fnxp-shield-secure:before {
  content: '\e90d';
}

.fnxp-silicon:before {
  content: '\e90e';
}

.fnxp-smart-city:before {
  content: '\e913';
}

.fnxp-smart-home:before {
  content: '\e911';
}

.fnxp-technologies:before {
  content: '\e910';
}

.fnxp-x-twitter:before {
  content: '\e90f';
}

/***********************************************
//  This file contain variables related to development
//  of new components that should not be on production.
//  If you're publish to production don't forget set all
//  flags to false.
//
//  The flag in false is to not show the latest updates 
//  on any environment (UAT & PROD), 
//  if you want to release your newest code, 
//  you need to change the flag to "true"
/**********************************************/
.leftnav-guidelines-item.active {
  position: relative;
}

.leftnav-guidelines-item.active + ul {
  display: initial !important;
}

.leftnav-guidelines a[aria-current='page'] {
  font-weight: 600;
}

.leftnav-guidelines a[aria-current='page'] + ul > li a:before {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  margin-left: -15px;
  background-color: #d4cfc5;
}

.leftnav-guidelines.active {
  position: relative;
}

.leftnav-guidelines.active + ul {
  display: initial;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* | legacy code - brand refresh html {
  font-family: sans-serif; // 1
  -ms-text-size-adjust: 100%; // 2
  -webkit-text-size-adjust: 100%; // 2
}

//
// Remove default margin.
//

body {
  margin: 0;
}

// HTML5 display definitions
// ==========================================================================

//
// Correct `block` display not defined for any HTML5 element in IE 8/9.
// Correct `block` display not defined for `details` or `summary` in IE 10/11
// and Firefox.
// Correct `block` display not defined for `main` in IE 11.
//

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

//
// 1. Correct `inline-block` display not defined in IE 8/9.
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
//

audio,
canvas,
progress,
video {
  display: inline-block; // 1
  vertical-align: baseline; // 2
}

//
// Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
//

audio:not([controls]) {
  display: none;
  height: 0;
}

//
// Address `[hidden]` styling not present in IE 8/9/10.
// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
//

[hidden],
template {
  display: none;
}

// Links
// ==========================================================================

//
// Remove the gray background color from active links in IE 10.
//

a {
  background-color: transparent;
}

//
// Improve readability of focused elements when they are also in an
// active/hover state.
//

a:active,
a:hover {
  outline: 0;
}

// Text-level semantics
// ==========================================================================

//
// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
//

abbr[title] {
  border-bottom: 1px dotted;
}

//
// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
//

b,
strong {
  font-weight: bold;
}

//
// Address styling not present in Safari and Chrome.
//

dfn {
  font-style: italic;
}

//
// Address variable `h1` font-size and margin within `section` and `article`
// contexts in Firefox 4+, Safari, and Chrome.
//

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

//
// Address styling not present in IE 8/9.
//

mark {
  background: #ff0;
  color: #000;
}

//
// Address inconsistent and variable font size in all browsers.
//

small {
  font-size: 80%;
}

//
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
//

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

// Embedded content
// ==========================================================================

//
// Remove border when inside `a` element in IE 8/9/10.
//

img {
  border: 0;
}

//
// Correct overflow not hidden in IE 9/10/11.
//

svg:not(:root) {
  overflow: hidden;
}

// Grouping content
// ==========================================================================

//
// Address margin not present in IE 8/9 and Safari.
//

figure {
  margin: 1em 40px;
}

//
// Address differences between Firefox and other browsers.
//

hr {
  box-sizing: content-box;
  height: 0;
}

//
// Contain overflow in all browsers.
//

pre {
  overflow: auto;
}

//
// Address odd `em`-unit font size rendering in all browsers.
//

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

// Forms
// ==========================================================================

//
// Known limitation: by default, Chrome and Safari on OS X allow very limited
// styling of `select`, unless a `border` property is set.
//

//
// 1. Correct color not being inherited.
//    Known issue: affects color of disabled elements.
// 2. Correct font properties not being inherited.
// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
//

button,
input,
optgroup,
select,
textarea {
  color: inherit; // 1
  font: inherit; // 2
  margin: 0; // 3
}

//
// Address `overflow` set to `hidden` in IE 8/9/10/11.
//

button {
  overflow: visible;
}

//
// Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
// Correct `select` style inheritance in Firefox.
//

button,
select {
  text-transform: none;
}

//
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
//    and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type
//    `input` and others.
//

button,
html input[type="button"], // 1
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; // 2
  cursor: pointer; // 3
}

//
// Re-set default cursor for disabled elements.
//

button[disabled],
html input[disabled] {
  cursor: default;
}

//
// Remove inner padding and border in Firefox 4+.
//

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

//
// Address Firefox 4+ setting `line-height` on `input` using `!important` in
// the UA stylesheet.
//

input {
  line-height: normal;
}

//
// It's recommended that you don't attempt to style these elements.
// Firefox's implementation doesn't respect box-sizing, padding, or width.
//
// 1. Address box sizing set to `content-box` in IE 8/9/10.
// 2. Remove excess padding in IE 8/9/10.
//

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; // 1
  padding: 0; // 2
}

//
// Fix the cursor style for Chrome's increment/decrement buttons. For certain
// `font-size` values of the `input`, it causes the cursor style of the
// decrement button to change from `default` to `text`.
//

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

//
// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
//

input[type='search'] {
  -webkit-appearance: textfield; // 1
  box-sizing: content-box; //2
}

//
// Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance).
//

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

//
// Define consistent border, margin, and padding.
//

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

//
// 1. Correct `color` not being inherited in IE 8/9/10/11.
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
//

legend {
  border: 0; // 1
  padding: 0; // 2
}

//
// Remove default vertical scrollbar in IE 8/9/10/11.
//

textarea {
  overflow: auto;
}

//
// Don't inherit the `font-weight` (applied by a rule above).
// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
//

optgroup {
  font-weight: bold;
}

// Tables
// ==========================================================================

//
// Remove most spacing between table cells.
//

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
 */
/*// 
///  ** Open Conditional brand 2023
/// 
//*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-size: 80%;
}

sup {
  top: -.4em;
}

sub {
  bottom: -0.40em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*// 
///  ** Close Conditional brand 2023
/// 
//*/
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret, .nav-close > .caret,
  .dropup > .btn > .caret,
  .dropup > .nav-close > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table, .comparisonTableSte {
    border-collapse: collapse !important;
  }
  .table td, .comparisonTableSte td,
  .table th,
  .comparisonTableSte th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

.animate-toggle {
  animation: 600ms ease-in-out toggleAnimation;
  overflow: hidden;
  height: auto;
  top: 0px;
}

@keyframes toggleAnimation {
  0% {
    max-height: 0px;
    top: -12px;
    opacity: 0.4;
  }
  100% {
    max-height: 200vh;
    top: 0px;
    opacity: 1;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: var(--nxp-body-color);
  background-color: var(--nxp-body-bg);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

a:hover {
  color: var(--nxp-link-hover-color);
  text-decoration: underline;
}

a:focus {
  color: var(--nxp-link-hover-color);
}

a:has(.impact) {
  color: var(--nxp-body-color);
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 0;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: white;
  border: 1px solid #d4cfc5;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #898683;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role='button'] {
  cursor: pointer;
}

html {
  position: relative;
  height: 100%;
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.box-opts .price,
.h4,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total,
.h5,
.h6 {
  font-family: "Poppins", sans-serif;
  line-height: 1.1;
  color: var(--nxp-emphasis-color);
}

h1 small,
h1 .small,
h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h1 li,
h2 small,
h2 .small,
h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h2 li,
h3 small,
h3 .small,
h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h3 li,
h4 small,
h4 .small,
h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h4 li,
h5 small,
h5 .small,
h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h5 li,
h6 small,
h6 .small,
h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h6 li,
.h1 small,
.h1 .small,
.h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h1 li,
.h2 small,
.h2 .small,
.h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h2 li,
.h3 small,
.box-opts .price small,
.h3 .small,
.box-opts .price .small,
.h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h3 li,
.flex-box .box-opts .price .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .price li,
.h4 small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total small,
.h4 .small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .small,
.h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h4 li,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total li,
.h5 small,
.h5 .small,
.h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h5 li,
.h6 small,
.h6 .small,
.h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h6 li {
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
.box-opts .price {
  margin-top: 22px;
  margin-bottom: 11px;
}

h1 small,
h1 .small,
h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h1 li,
.h1 small,
.h1 .small,
.h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h1 li,
h2 small,
h2 .small,
h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h2 li,
.h2 small,
.h2 .small,
.h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h2 li,
h3 small,
h3 .small,
h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h3 li,
.h3 small,
.box-opts .price small,
.h3 .small,
.box-opts .price .small,
.h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h3 li,
.flex-box .box-opts .price .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .price li {
  font-size: 65%;
}

h1 sup,
.h1 sup,
h2 sup,
.h2 sup,
h3 sup,
.h3 sup,
.box-opts .price sup,
h4 sup,
.h4 sup,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total sup {
  font-weight: 400;
}

h4,
.h4,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}

h4 small,
h4 .small,
h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h4 li,
.h4 small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total small,
.h4 .small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .small,
.h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h4 li,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total li,
h5 small,
h5 .small,
h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h5 li,
.h5 small,
.h5 .small,
.h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h5 li,
h6 small,
h6 .small,
h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 h6 li,
.h6 small,
.h6 .small,
.h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .h6 li {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 40px;
  font-weight: 600;
}

h2,
.h2 {
  font-size: 30px;
  font-weight: 600;
}

h3,
.h3,
.box-opts .price {
  font-size: 20px;
  font-weight: 600;
}

h4,
.h4,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total {
  font-size: 16px;
  font-weight: 600;
}

h5,
.h5 {
  font-size: 14px;
  font-weight: 600;
}

h6,
.h6 {
  font-size: 12px;
  font-weight: 600;
}

.signpost {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.subtitle {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
}

p {
  margin: 0 0 11px;
}

.intro,
.lead {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

#my-nxp .regular {
  font-weight: normal !important;
}

small,
.small,
.flex-box .box-opts .nav-piped-2 li {
  font-size: 14px;
}

.xs-small {
  font-size: 12px;
}

mark,
.mark {
  background-color: #ffeda7;
  padding: 0.2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: var(--nxp-secondary-color);
}

.inclusive {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #d6dce0;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .inclusive {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
  }
}

.inclusive-anchor {
  color: inherit;
  text-decoration: underline;
}

.inclusive.p {
  width: 96%;
}

.text-primary {
  color: #f9b500;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #c69000;
}

.text-success {
  color: #007b7d;
}

a.text-success:hover,
a.text-success:focus {
  color: #00494a;
}

.text-info {
  color: #226ab3;
}

a.text-info:hover,
a.text-info:focus {
  color: #1a5188;
}

.text-warning {
  color: #ff7400;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #cc5d00;
}

.text-danger {
  color: #d60b2d;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #a50923;
}

.bg-primary,
.bg-accent-primary,
.bg-secondary {
  background-color: #000000 !important;
  border-color: transparent;
}

.bg-white {
  background-color: white !important;
}

.bg-white *:not(.btn):not(.nav-close) {
  color: #000000;
  fill: #000000;
}

.bg-white a:not(.btn):not(.nav-close),
.bg-white .btn-link {
  color: #215bd6;
  text-decoration: none;
}

.bg-white a:not(.btn):not(.nav-close):hover,
.bg-white .btn-link:hover {
  color: #215bd6;
  text-decoration: underline;
}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white .h1,
.bg-white .h2,
.bg-white .h3,
.bg-white .box-opts .price,
.box-opts .bg-white .price,
.bg-white .h4,
.bg-white .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total,
.dropdown-menu.soft-cart .soft-footer .cart-amount .bg-white .sub-total,
.bg-white .h5,
.bg-white .h6 {
  color: var(--nxp-emphasis-color) !important;
}

.cool-white {
  background-color: white !important;
}

.cool-white *:not(.btn):not(.nav-close) {
  color: "null";
  fill: "null";
}

.cool-white a:not(.btn):not(.nav-close),
.cool-white .btn-link {
  color: #215bd6;
  text-decoration: none;
}

.cool-white a:not(.btn):not(.nav-close):hover,
.cool-white .btn-link:hover {
  color: #215bd6;
  text-decoration: underline;
}

.cool-white h1,
.cool-white h2,
.cool-white h3,
.cool-white h4,
.cool-white h5,
.cool-white h6,
.cool-white .h1,
.cool-white .h2,
.cool-white .h3,
.cool-white .box-opts .price,
.box-opts .cool-white .price,
.cool-white .h4,
.cool-white .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total,
.dropdown-menu.soft-cart .soft-footer .cart-amount .cool-white .sub-total,
.cool-white .h5,
.cool-white .h6 {
  color: var(--nxp-emphasis-color) !important;
}

.bg-petrol-blue {
  background-color: #007088 !important;
}

.bg-petrol-blue *:not(.btn):not(.nav-close) {
  color: white;
  fill: white;
}

.bg-petrol-blue a:not(.btn):not(.nav-close),
.bg-petrol-blue .btn-link {
  color: white;
  text-decoration: underline;
}

.bg-petrol-blue a:not(.btn):not(.nav-close):hover,
.bg-petrol-blue .btn-link:hover {
  color: white;
}

.bg-success {
  background-color: #e6f6f6;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e9e9;
}

.bg-info {
  background-color: #92e1fd;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #60d3fc;
}

.bg-warning {
  background-color: #ffeda7;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #ffe374;
}

.bg-danger {
  background-color: #f8e7e7;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #ecc0c0;
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #d4cfc5;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: 0.5em;
  margin-bottom: 0;
}

ul li,
ol li {
  margin-bottom: 0.5em;
}

.list-unstyled, .jumpto ul {
  padding-left: 0;
  list-style: none;
}

.list-unstyled > li, .jumpto ul > li {
  padding-left: 0;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 600;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #000000;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 17.5px;
  border-left: 5px solid #d4cfc5;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small,
blockquote .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 blockquote li {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #686664;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before,
blockquote .flex-box .box-opts .nav-piped-2 li:before,
.flex-box .box-opts .nav-piped-2 blockquote li:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #d4cfc5;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
.blockquote-reverse .flex-box .box-opts .nav-piped-2 li:before,
.flex-box .box-opts .nav-piped-2 .blockquote-reverse li:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before,
blockquote.pull-right .flex-box .box-opts .nav-piped-2 li:before,
.flex-box .box-opts .nav-piped-2 blockquote.pull-right li:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
.blockquote-reverse .flex-box .box-opts .nav-piped-2 li:after,
.flex-box .box-opts .nav-piped-2 .blockquote-reverse li:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after,
blockquote.pull-right .flex-box .box-opts .nav-piped-2 li:after,
.flex-box .box-opts .nav-piped-2 blockquote.pull-right li:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.428571429;
}

.icon-size-sm {
  font-size: 24px;
}

svg.icon-size-sm {
  height: 24px;
}

.icon-size-md {
  font-size: 32px;
}

svg.icon-size-md {
  height: 32px;
}

.icon-size-lg {
  font-size: 50px;
}

svg.icon-size-lg {
  height: 50px;
}

.icon-size-xl {
  font-size: 80px;
}

svg.icon-size-xl {
  height: 80px;
}

small,
code {
  line-height: 1;
}

sup {
  /* top: 0em;
  font-size: 130%; */
  font-weight: 300;
}


.small,
.flex-box .box-opts .nav-piped-2 li,
small {
  font-size: 14px;
  line-height: 1.25;
}

.large {
  font-size: 115%;
}

.xlarge {
  font-size: 135%;
}

.xxlarge {
  font-size: 195.3%;
}

.heading,
.headline {
  display: block;
  margin: 1em 0 0.5em 0;
  font-weight: 600;
}

.bold {
  font-weight: bold !important;
}

.xbold {
  font-weight: bolder !important;
  font-weight: 900 !important;
}

.transform-none {
  text-transform: none;
}

a {
  cursor: pointer;
}

a.cta {
  position: relative;
}

a.cta:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component a.cta:after {
  content: '';
}

a.cta:hover {
  text-decoration: none;
}

a.cta:hover:after {
  transform: translateX(0.5em);
}

a.cta[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.cta[href*='community.nxp.com']:after, a.cta[href*='docs.nxp.com']:after, a.cta[href*='investors.nxp.com']:after, a.cta[href*='nxpcup.nxp.com']:after, a.cta[href*='support.nxp.com']:after, a.cta[href*='showroom.nxp.com']:after, a.cta[href*='investorday.nxp.com']:after, a.cta[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

a.cta.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.cta.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.cta.btn[href*='community.nxp.com']:after, a.cta.nav-close[href*='community.nxp.com']:after, a.cta.btn[href*='docs.nxp.com']:after, a.cta.nav-close[href*='docs.nxp.com']:after, a.cta.btn[href*='investors.nxp.com']:after, a.cta.nav-close[href*='investors.nxp.com']:after, a.cta.btn[href*='nxpcup.nxp.com']:after, a.cta.nav-close[href*='nxpcup.nxp.com']:after, a.cta.btn[href*='support.nxp.com']:after, a.cta.nav-close[href*='support.nxp.com']:after, a.cta.btn[href*='showroom.nxp.com']:after, a.cta.nav-close[href*='showroom.nxp.com']:after, a.cta.btn[href*='investorday.nxp.com']:after, a.cta.nav-close[href*='investorday.nxp.com']:after, a.cta.btn[href*='mcuxpresso.nxp.com']:after, a.cta.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

a.cta[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

a.ext:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
}

.offer-component a.ext:after {
  content: '';
}

a.ext[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.ext[href*='community.nxp.com']:after, a.ext[href*='docs.nxp.com']:after, a.ext[href*='investors.nxp.com']:after, a.ext[href*='nxpcup.nxp.com']:after, a.ext[href*='support.nxp.com']:after, a.ext[href*='showroom.nxp.com']:after, a.ext[href*='investorday.nxp.com']:after, a.ext[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

a.ext.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.ext.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, a.ext.btn[href*='community.nxp.com']:after, a.ext.nav-close[href*='community.nxp.com']:after, a.ext.btn[href*='docs.nxp.com']:after, a.ext.nav-close[href*='docs.nxp.com']:after, a.ext.btn[href*='investors.nxp.com']:after, a.ext.nav-close[href*='investors.nxp.com']:after, a.ext.btn[href*='nxpcup.nxp.com']:after, a.ext.nav-close[href*='nxpcup.nxp.com']:after, a.ext.btn[href*='support.nxp.com']:after, a.ext.nav-close[href*='support.nxp.com']:after, a.ext.btn[href*='showroom.nxp.com']:after, a.ext.nav-close[href*='showroom.nxp.com']:after, a.ext.btn[href*='investorday.nxp.com']:after, a.ext.nav-close[href*='investorday.nxp.com']:after, a.ext.btn[href*='mcuxpresso.nxp.com']:after, a.ext.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

a.ext[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

a.ext.btn:after, a.ext.nav-close:after {
  content: "\f08e";
}

@font-face {
  font-family: 'Font Awesome';
  src: url("/resources/css/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("/resources/css/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("/resources/css/fonts/fontawesome/fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome Brand';
  src: url("/resources/css/fonts/fontawesome/fa-brands-400.woff") format("woff"), url("/resources/css/fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("/resources/css/fonts/fontawesome/fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.spin-icon {
  animation: spin 1s infinite linear;
  width: 1em;
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}

[class^='icon-'],
[class*=' icon-'] {
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}

i[class*='icon-'] {
  font-style: normal;
}

.icon-500px:before {
  content: "\f26e";
}

.icon-abacus:before {
  content: "\f640";
}

.icon-accessible-icon:before {
  content: "\f368";
}

.icon-accusoft:before {
  content: "\f369";
}

.icon-acorn:before {
  content: "\f6ae";
}

.icon-acquisitions-incorporated:before {
  content: "\f6af";
}

.icon-ad:before {
  content: "\f641";
}

.icon-address-book:before {
  content: "\f2b9";
}

.icon-address-card:before {
  content: "\f2bb";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-adn:before {
  content: "\f170";
}

.icon-adobe:before {
  content: "\f778";
}

.icon-adversal:before {
  content: "\f36a";
}

.icon-affiliatetheme:before {
  content: "\f36b";
}

.icon-air-conditioner:before {
  content: "\f8f4";
}

.icon-air-freshener:before {
  content: "\f5d0";
}

.icon-airbnb:before {
  content: "\f834";
}

.icon-alarm-clock:before {
  content: "\f34e";
}

.icon-alarm-exclamation:before {
  content: "\f843";
}

.icon-alarm-plus:before {
  content: "\f844";
}

.icon-alarm-snooze:before {
  content: "\f845";
}

.icon-album:before {
  content: "\f89f";
}

.icon-album-collection:before {
  content: "\f8a0";
}

.icon-algolia:before {
  content: "\f36c";
}

.icon-alicorn:before {
  content: "\f6b0";
}

.icon-alien:before {
  content: "\f8f5";
}

.icon-alien-monster:before {
  content: "\f8f6";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-slash:before {
  content: "\f846";
}

.icon-alipay:before {
  content: "\f642";
}

.icon-allergies:before {
  content: "\f461";
}

.icon-amazon:before {
  content: "\f270";
}

.icon-amazon-pay:before {
  content: "\f42c";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.icon-amilia:before {
  content: "\f36d";
}

.icon-amp-guitar:before {
  content: "\f8a1";
}

.icon-analytics:before {
  content: "\f643";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-android:before {
  content: "\f17b";
}

.icon-angel:before {
  content: "\f779";
}

.icon-angellist:before {
  content: "\f209";
}

.icon-angle-double-down:before {
  content: "\f103";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-double-up:before {
  content: "\f102";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angry:before {
  content: "\f556";
}

.icon-angrycreative:before {
  content: "\f36e";
}

.icon-angular:before {
  content: "\f420";
}

.icon-ankh:before {
  content: "\f644";
}

.icon-app-store:before {
  content: "\f36f";
}

.icon-app-store-ios:before {
  content: "\f370";
}

.icon-apper:before {
  content: "\f371";
}

.icon-apple:before {
  content: "\f179";
}

.icon-apple-alt:before {
  content: "\f5d1";
}

.icon-apple-crate:before {
  content: "\f6b1";
}

.icon-apple-pay:before {
  content: "\f415";
}

.icon-archive:before {
  content: "\f187";
}

.icon-archway:before {
  content: "\f557";
}

.icon-arrow-alt-circle-down:before {
  content: "\f358";
}

.icon-arrow-alt-circle-left:before {
  content: "\f359";
}

.icon-arrow-alt-circle-right:before {
  content: "\f35a";
}

.icon-arrow-alt-circle-up:before {
  content: "\f35b";
}

.icon-arrow-alt-down:before {
  content: "\f354";
}

.icon-arrow-alt-from-bottom:before {
  content: "\f346";
}

.icon-arrow-alt-from-left:before {
  content: "\f347";
}

.icon-arrow-alt-from-right:before {
  content: "\f348";
}

.icon-arrow-alt-from-top:before {
  content: "\f349";
}

.icon-arrow-alt-left:before {
  content: "\f355";
}

.icon-arrow-alt-right:before {
  content: "\f356";
}

.icon-arrow-alt-square-down:before {
  content: "\f350";
}

.icon-arrow-alt-square-left:before {
  content: "\f351";
}

.icon-arrow-alt-square-right:before {
  content: "\f352";
}

.icon-arrow-alt-square-up:before {
  content: "\f353";
}

.icon-arrow-alt-to-bottom:before {
  content: "\f34a";
}

.icon-arrow-alt-to-left:before {
  content: "\f34b";
}

.icon-arrow-alt-to-right:before {
  content: "\f34c";
}

.icon-arrow-alt-to-top:before {
  content: "\f34d";
}

.icon-arrow-alt-up:before {
  content: "\f357";
}

.icon-arrow-circle-down:before {
  content: "\f0ab";
}

.icon-arrow-circle-left:before {
  content: "\f0a8";
}

.icon-arrow-circle-right:before {
  content: "\f0a9";
}

.icon-arrow-circle-up:before {
  content: "\f0aa";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-arrow-from-bottom:before {
  content: "\f342";
}

.icon-arrow-from-left:before {
  content: "\f343";
}

.icon-arrow-from-right:before {
  content: "\f344";
}

.icon-arrow-from-top:before {
  content: "\f345";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-square-down:before {
  content: "\f339";
}

.icon-arrow-square-left:before {
  content: "\f33a";
}

.icon-arrow-square-right:before {
  content: "\f33b";
}

.icon-arrow-square-up:before {
  content: "\f33c";
}

.icon-arrow-to-bottom:before {
  content: "\f33d";
}

.icon-arrow-to-left:before {
  content: "\f33e";
}

.icon-arrow-to-right:before {
  content: "\f340";
}

.icon-arrow-to-top:before {
  content: "\f341";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrows:before {
  content: "\f047";
}

.icon-arrows-alt:before {
  content: "\f0b2";
}

.icon-arrows-alt-h:before {
  content: "\f337";
}

.icon-arrows-alt-v:before {
  content: "\f338";
}

.icon-arrows-h:before {
  content: "\f07e";
}

.icon-arrows-v:before {
  content: "\f07d";
}

.icon-artstation:before {
  content: "\f77a";
}

.icon-assistive-listening-systems:before {
  content: "\f2a2";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-asymmetrik:before {
  content: "\f372";
}

.icon-at:before {
  content: "\f1fa";
}

.icon-atlas:before {
  content: "\f558";
}

.icon-atlassian:before {
  content: "\f77b";
}

.icon-atom:before {
  content: "\f5d2";
}

.icon-atom-alt:before {
  content: "\f5d3";
}

.icon-audible:before {
  content: "\f373";
}

.icon-audio-description:before {
  content: "\f29e";
}

.icon-autoprefixer:before {
  content: "\f41c";
}

.icon-avianex:before {
  content: "\f374";
}

.icon-aviato:before {
  content: "\f421";
}

.icon-award:before {
  content: "\f559";
}

.icon-aws:before {
  content: "\f375";
}

.icon-axe:before {
  content: "\f6b2";
}

.icon-axe-battle:before {
  content: "\f6b3";
}

.icon-baby:before {
  content: "\f77c";
}

.icon-baby-carriage:before {
  content: "\f77d";
}

.icon-backpack:before {
  content: "\f5d4";
}

.icon-backspace:before {
  content: "\f55a";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-bacon:before {
  content: "\f7e5";
}

.icon-badge:before {
  content: "\f335";
}

.icon-badge-check:before {
  content: "\f336";
}

.icon-badge-dollar:before {
  content: "\f645";
}

.icon-badge-percent:before {
  content: "\f646";
}

.icon-badge-sheriff:before {
  content: "\f8a2";
}

.icon-badger-honey:before {
  content: "\f6b4";
}

.icon-bags-shopping:before {
  content: "\f847";
}

.icon-bahai:before {
  content: "\f666";
}

.icon-balance-scale:before {
  content: "\f24e";
}

.icon-balance-scale-left:before {
  content: "\f515";
}

.icon-balance-scale-right:before {
  content: "\f516";
}

.icon-ball-pile:before {
  content: "\f77e";
}

.icon-ballot:before {
  content: "\f732";
}

.icon-ballot-check:before {
  content: "\f733";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-band-aid:before {
  content: "\f462";
}

.icon-bandcamp:before {
  content: "\f2d5";
}

.icon-banjo:before {
  content: "\f8a3";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-barcode-alt:before {
  content: "\f463";
}

.icon-barcode-read:before {
  content: "\f464";
}

.icon-barcode-scan:before {
  content: "\f465";
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-baseball:before {
  content: "\f432";
}

.icon-baseball-ball:before {
  content: "\f433";
}

.icon-basketball-ball:before {
  content: "\f434";
}

.icon-basketball-hoop:before {
  content: "\f435";
}

.icon-bat:before {
  content: "\f6b5";
}

.icon-bath:before {
  content: "\f2cd";
}

.icon-battery-bolt:before {
  content: "\f376";
}

.icon-battery-empty:before {
  content: "\f244";
}

.icon-battery-full:before {
  content: "\f240";
}

.icon-battery-half:before {
  content: "\f242";
}

.icon-battery-quarter:before {
  content: "\f243";
}

.icon-battery-slash:before {
  content: "\f377";
}

.icon-battery-three-quarters:before {
  content: "\f241";
}

.icon-battle-net:before {
  content: "\f835";
}

.icon-bed:before {
  content: "\f236";
}

.icon-bed-alt:before {
  content: "\f8f7";
}

.icon-bed-bunk:before {
  content: "\f8f8";
}

.icon-bed-empty:before {
  content: "\f8f9";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-behance:before {
  content: "\f1b4";
}

.icon-behance-square:before {
  content: "\f1b5";
}

.icon-bell:before {
  content: "\f0f3";
}

.icon-bell-exclamation:before {
  content: "\f848";
}

.icon-bell-on:before {
  content: "\f8fa";
}

.icon-bell-plus:before {
  content: "\f849";
}

.icon-bell-school:before {
  content: "\f5d5";
}

.icon-bell-school-slash:before {
  content: "\f5d6";
}

.icon-bell-slash:before {
  content: "\f1f6";
}

.icon-bells:before {
  content: "\f77f";
}

.icon-betamax:before {
  content: "\f8a4";
}

.icon-bezier-curve:before {
  content: "\f55b";
}

.icon-bible:before {
  content: "\f647";
}

.icon-bicycle:before {
  content: "\f206";
}

.icon-biking:before {
  content: "\f84a";
}

.icon-biking-mountain:before {
  content: "\f84b";
}

.icon-bimobject:before {
  content: "\f378";
}

.icon-binoculars:before {
  content: "\f1e5";
}

.icon-biohazard:before {
  content: "\f780";
}

.icon-birthday-cake:before {
  content: "\f1fd";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitcoin:before {
  content: "\f379";
}

.icon-bity:before {
  content: "\f37a";
}

.icon-black-tie:before {
  content: "\f27e";
}

.icon-blackberry:before {
  content: "\f37b";
}

.icon-blanket:before {
  content: "\f498";
}

.icon-blender:before {
  content: "\f517";
}

.icon-blender-phone:before {
  content: "\f6b6";
}

.icon-blind:before {
  content: "\f29d";
}

.icon-blinds:before {
  content: "\f8fb";
}

.icon-blinds-open:before {
  content: "\f8fc";
}

.icon-blinds-raised:before {
  content: "\f8fd";
}

.icon-blog:before {
  content: "\f781";
}

.icon-blogger:before {
  content: "\f37c";
}

.icon-blogger-b:before {
  content: "\f37d";
}

.icon-bluetooth:before {
  content: "\f293";
}

.icon-bluetooth-b:before {
  content: "\f294";
}

.icon-bold:before {
  content: "\f032";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-bomb:before {
  content: "\f1e2";
}

.icon-bone:before {
  content: "\f5d7";
}

.icon-bone-break:before {
  content: "\f5d8";
}

.icon-bong:before {
  content: "\f55c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-book-alt:before {
  content: "\f5d9";
}

.icon-book-dead:before {
  content: "\f6b7";
}

.icon-book-heart:before {
  content: "\f499";
}

.icon-book-medical:before {
  content: "\f7e6";
}

.icon-book-open:before {
  content: "\f518";
}

.icon-book-reader:before {
  content: "\f5da";
}

.icon-book-spells:before {
  content: "\f6b8";
}

.icon-book-user:before {
  content: "\f7e7";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-books:before {
  content: "\f5db";
}

.icon-books-medical:before {
  content: "\f7e8";
}

.icon-boombox:before {
  content: "\f8a5";
}

.icon-boot:before {
  content: "\f782";
}

.icon-booth-curtain:before {
  content: "\f734";
}

.icon-bootstrap:before {
  content: "\f836";
}

.icon-border-all:before {
  content: "\f84c";
}

.icon-border-bottom:before {
  content: "\f84d";
}

.icon-border-center-h:before {
  content: "\f89c";
}

.icon-border-center-v:before {
  content: "\f89d";
}

.icon-border-inner:before {
  content: "\f84e";
}

.icon-border-left:before {
  content: "\f84f";
}

.icon-border-none:before {
  content: "\f850";
}

.icon-border-outer:before {
  content: "\f851";
}

.icon-border-right:before {
  content: "\f852";
}

.icon-border-style:before {
  content: "\f853";
}

.icon-border-style-alt:before {
  content: "\f854";
}

.icon-border-top:before {
  content: "\f855";
}

.icon-bow-arrow:before {
  content: "\f6b9";
}

.icon-bowling-ball:before {
  content: "\f436";
}

.icon-bowling-pins:before {
  content: "\f437";
}

.icon-box:before {
  content: "\f466";
}

.icon-box-alt:before {
  content: "\f49a";
}

.icon-box-ballot:before {
  content: "\f735";
}

.icon-box-check:before {
  content: "\f467";
}

.icon-box-fragile:before {
  content: "\f49b";
}

.icon-box-full:before {
  content: "\f49c";
}

.icon-box-heart:before {
  content: "\f49d";
}

.icon-box-open:before {
  content: "\f49e";
}

.icon-box-up:before {
  content: "\f49f";
}

.icon-box-usd:before {
  content: "\f4a0";
}

.icon-boxes:before {
  content: "\f468";
}

.icon-boxes-alt:before {
  content: "\f4a1";
}

.icon-boxing-glove:before {
  content: "\f438";
}

.icon-brackets:before {
  content: "\f7e9";
}

.icon-brackets-curly:before {
  content: "\f7ea";
}

.icon-braille:before {
  content: "\f2a1";
}

.icon-brain:before {
  content: "\f5dc";
}

.icon-bread-loaf:before {
  content: "\f7eb";
}

.icon-bread-slice:before {
  content: "\f7ec";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-briefcase-medical:before {
  content: "\f469";
}

.icon-bring-forward:before {
  content: "\f856";
}

.icon-bring-front:before {
  content: "\f857";
}

.icon-broadcast-tower:before {
  content: "\f519";
}

.icon-broom:before {
  content: "\f51a";
}

.icon-browser:before {
  content: "\f37e";
}

.icon-brush:before {
  content: "\f55d";
}

.icon-btc:before {
  content: "\f15a";
}

.icon-buffer:before {
  content: "\f837";
}

.icon-bug:before {
  content: "\f188";
}

.icon-building:before {
  content: "\f1ad";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-bullseye-arrow:before {
  content: "\f648";
}

.icon-bullseye-pointer:before {
  content: "\f649";
}

.icon-burger-soda:before {
  content: "\f858";
}

.icon-burn:before {
  content: "\f46a";
}

.icon-buromobelexperte:before {
  content: "\f37f";
}

.icon-burrito:before {
  content: "\f7ed";
}

.icon-bus:before {
  content: "\f207";
}

.icon-bus-alt:before {
  content: "\f55e";
}

.icon-bus-school:before {
  content: "\f5dd";
}

.icon-business-time:before {
  content: "\f64a";
}

.icon-buy-n-large:before {
  content: "\f8a6";
}

.icon-buysellads:before {
  content: "\f20d";
}

.icon-cabinet-filing:before {
  content: "\f64b";
}

.icon-cactus:before {
  content: "\f8a7";
}

.icon-calculator:before {
  content: "\f1ec";
}

.icon-calculator-alt:before {
  content: "\f64c";
}

.icon-calendar:before {
  content: "\f133";
}

.icon-calendar-alt:before {
  content: "\f073";
}

.icon-calendar-check:before {
  content: "\f274";
}

.icon-calendar-day:before {
  content: "\f783";
}

.icon-calendar-edit:before {
  content: "\f333";
}

.icon-calendar-exclamation:before {
  content: "\f334";
}

.icon-calendar-minus:before {
  content: "\f272";
}

.icon-calendar-plus:before {
  content: "\f271";
}

.icon-calendar-star:before {
  content: "\f736";
}

.icon-calendar-times:before {
  content: "\f273";
}

.icon-calendar-week:before {
  content: "\f784";
}

.icon-camcorder:before {
  content: "\f8a8";
}

.icon-camera:before {
  content: "\f030";
}

.icon-camera-alt:before {
  content: "\f332";
}

.icon-camera-home:before {
  content: "\f8fe";
}

.icon-camera-movie:before {
  content: "\f8a9";
}

.icon-camera-polaroid:before {
  content: "\f8aa";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-campfire:before {
  content: "\f6ba";
}

.icon-campground:before {
  content: "\f6bb";
}

.icon-canadian-maple-leaf:before {
  content: "\f785";
}

.icon-candle-holder:before {
  content: "\f6bc";
}

.icon-candy-cane:before {
  content: "\f786";
}

.icon-candy-corn:before {
  content: "\f6bd";
}

.icon-cannabis:before {
  content: "\f55f";
}

.icon-capsules:before {
  content: "\f46b";
}

.icon-car:before {
  content: "\f1b9";
}

.icon-car-alt:before {
  content: "\f5de";
}

.icon-car-battery:before {
  content: "\f5df";
}

.icon-car-building:before {
  content: "\f859";
}

.icon-car-bump:before {
  content: "\f5e0";
}

.icon-car-bus:before {
  content: "\f85a";
}

.icon-car-crash:before {
  content: "\f5e1";
}

.icon-car-garage:before {
  content: "\f5e2";
}

.icon-car-mechanic:before {
  content: "\f5e3";
}

.icon-car-side:before {
  content: "\f5e4";
}

.icon-car-tilt:before {
  content: "\f5e5";
}

.icon-car-wash:before {
  content: "\f5e6";
}

.icon-caravan:before {
  content: "\f8ff";
}

.icon-caravan-alt:before {
  content: "\f900";
}

.icon-caret-circle-down:before {
  content: "\f32d";
}

.icon-caret-circle-left:before {
  content: "\f32e";
}

.icon-caret-circle-right:before {
  content: "\f330";
}

.icon-caret-circle-up:before {
  content: "\f331";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-caret-square-down:before {
  content: "\f150";
}

.icon-caret-square-left:before {
  content: "\f191";
}

.icon-caret-square-right:before {
  content: "\f152";
}

.icon-caret-square-up:before {
  content: "\f151";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-carrot:before {
  content: "\f787";
}

.icon-cars:before {
  content: "\f85b";
}

.icon-cart-arrow-down:before {
  content: "\f218";
}

.icon-cart-plus:before {
  content: "\f217";
}

.icon-cash-register:before {
  content: "\f788";
}

.icon-cassette-tape:before {
  content: "\f8ab";
}

.icon-cat:before {
  content: "\f6be";
}

.icon-cat-space:before {
  content: "\f901";
}

.icon-cauldron:before {
  content: "\f6bf";
}

.icon-cc-amazon-pay:before {
  content: "\f42d";
}

.icon-cc-amex:before {
  content: "\f1f3";
}

.icon-cc-apple-pay:before {
  content: "\f416";
}

.icon-cc-diners-club:before {
  content: "\f24c";
}

.icon-cc-discover:before {
  content: "\f1f2";
}

.icon-cc-jcb:before {
  content: "\f24b";
}

.icon-cc-mastercard:before {
  content: "\f1f1";
}

.icon-cc-paypal:before {
  content: "\f1f4";
}

.icon-cc-stripe:before {
  content: "\f1f5";
}

.icon-cc-visa:before {
  content: "\f1f0";
}

.icon-cctv:before {
  content: "\f8ac";
}

.icon-centercode:before {
  content: "\f380";
}

.icon-centos:before {
  content: "\f789";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-chair:before {
  content: "\f6c0";
}

.icon-chair-office:before {
  content: "\f6c1";
}

.icon-chalkboard:before {
  content: "\f51b";
}

.icon-chalkboard-teacher:before {
  content: "\f51c";
}

.icon-charging-station:before {
  content: "\f5e7";
}

.icon-chart-area:before {
  content: "\f1fe";
}

.icon-chart-bar:before {
  content: "\f080";
}

.icon-chart-line:before {
  content: "\f201";
}

.icon-chart-line-down:before {
  content: "\f64d";
}

.icon-chart-network:before {
  content: "\f78a";
}

.icon-chart-pie:before {
  content: "\f200";
}

.icon-chart-pie-alt:before {
  content: "\f64e";
}

.icon-chart-scatter:before {
  content: "\f7ee";
}

.icon-check:before {
  content: "\f00c";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-check-double:before {
  content: "\f560";
}

.icon-check-square:before {
  content: "\f14a";
}

.icon-cheese:before {
  content: "\f7ef";
}

.icon-cheese-swiss:before {
  content: "\f7f0";
}

.icon-cheeseburger:before {
  content: "\f7f1";
}

.icon-chess:before {
  content: "\f439";
}

.icon-chess-bishop:before {
  content: "\f43a";
}

.icon-chess-bishop-alt:before {
  content: "\f43b";
}

.icon-chess-board:before {
  content: "\f43c";
}

.icon-chess-clock:before {
  content: "\f43d";
}

.icon-chess-clock-alt:before {
  content: "\f43e";
}

.icon-chess-king:before {
  content: "\f43f";
}

.icon-chess-king-alt:before {
  content: "\f440";
}

.icon-chess-knight:before {
  content: "\f441";
}

.icon-chess-knight-alt:before {
  content: "\f442";
}

.icon-chess-pawn:before {
  content: "\f443";
}

.icon-chess-pawn-alt:before {
  content: "\f444";
}

.icon-chess-queen:before {
  content: "\f445";
}

.icon-chess-queen-alt:before {
  content: "\f446";
}

.icon-chess-rook:before {
  content: "\f447";
}

.icon-chess-rook-alt:before {
  content: "\f448";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-chevron-circle-left:before {
  content: "\f137";
}

.icon-chevron-circle-right:before {
  content: "\f138";
}

.icon-chevron-circle-up:before {
  content: "\f139";
}

.icon-chevron-double-down:before {
  content: "\f322";
}

.icon-chevron-double-left:before {
  content: "\f323";
}

.icon-chevron-double-right:before {
  content: "\f324";
}

.icon-chevron-double-up:before {
  content: "\f325";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-chevron-square-down:before {
  content: "\f329";
}

.icon-chevron-square-left:before {
  content: "\f32a";
}

.icon-chevron-square-right:before {
  content: "\f32b";
}

.icon-chevron-square-up:before {
  content: "\f32c";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-child:before {
  content: "\f1ae";
}

.icon-chimney:before {
  content: "\f78b";
}

.icon-chrome:before {
  content: "\f268";
}

.icon-chromecast:before {
  content: "\f838";
}

.icon-church:before {
  content: "\f51d";
}

.icon-circle:before {
  content: "\f111";
}

.icon-circle-notch:before {
  content: "\f1ce";
}

.icon-city:before {
  content: "\f64f";
}

.icon-clarinet:before {
  content: "\f8ad";
}

.icon-claw-marks:before {
  content: "\f6c2";
}

.icon-clinic-medical:before {
  content: "\f7f2";
}

.icon-clipboard:before {
  content: "\f328";
}

.icon-clipboard-check:before {
  content: "\f46c";
}

.icon-clipboard-list:before {
  content: "\f46d";
}

.icon-clipboard-list-check:before {
  content: "\f737";
}

.icon-clipboard-prescription:before {
  content: "\f5e8";
}

.icon-clipboard-user:before {
  content: "\f7f3";
}

.icon-clock:before {
  content: "\f017";
}

.icon-clone:before {
  content: "\f24d";
}

.icon-closed-captioning:before {
  content: "\f20a";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-download-alt:before {
  content: "\f381";
}

.icon-cloud-drizzle:before {
  content: "\f738";
}

.icon-cloud-hail:before {
  content: "\f739";
}

.icon-cloud-hail-mixed:before {
  content: "\f73a";
}

.icon-cloud-meatball:before {
  content: "\f73b";
}

.icon-cloud-moon:before {
  content: "\f6c3";
}

.icon-cloud-moon-rain:before {
  content: "\f73c";
}

.icon-cloud-music:before {
  content: "\f8ae";
}

.icon-cloud-rain:before {
  content: "\f73d";
}

.icon-cloud-rainbow:before {
  content: "\f73e";
}

.icon-cloud-showers:before {
  content: "\f73f";
}

.icon-cloud-showers-heavy:before {
  content: "\f740";
}

.icon-cloud-sleet:before {
  content: "\f741";
}

.icon-cloud-snow:before {
  content: "\f742";
}

.icon-cloud-sun:before {
  content: "\f6c4";
}

.icon-cloud-sun-rain:before {
  content: "\f743";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-cloud-upload-alt:before {
  content: "\f382";
}

.icon-clouds:before {
  content: "\f744";
}

.icon-clouds-moon:before {
  content: "\f745";
}

.icon-clouds-sun:before {
  content: "\f746";
}

.icon-cloudscale:before {
  content: "\f383";
}

.icon-cloudsmith:before {
  content: "\f384";
}

.icon-cloudversify:before {
  content: "\f385";
}

.icon-club:before {
  content: "\f327";
}

.icon-cocktail:before {
  content: "\f561";
}

.icon-code:before {
  content: "\f121";
}

.icon-code-branch:before {
  content: "\f126";
}

.icon-code-commit:before {
  content: "\f386";
}

.icon-code-merge:before {
  content: "\f387";
}

.icon-codepen:before {
  content: "\f1cb";
}

.icon-codiepie:before {
  content: "\f284";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-coffee-pot:before {
  content: "\f902";
}

.icon-coffee-togo:before {
  content: "\f6c5";
}

.icon-coffin:before {
  content: "\f6c6";
}

.icon-coffin-cross:before {
  content: "\f951";
}

.icon-cog:before {
  content: "\f013";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-coin:before {
  content: "\f85c";
}

.icon-coins:before {
  content: "\f51e";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-comet:before {
  content: "\f903";
}

.icon-comment:before {
  content: "\f075";
}

.icon-comment-alt:before {
  content: "\f27a";
}

.icon-comment-alt-check:before {
  content: "\f4a2";
}

.icon-comment-alt-dollar:before {
  content: "\f650";
}

.icon-comment-alt-dots:before {
  content: "\f4a3";
}

.icon-comment-alt-edit:before {
  content: "\f4a4";
}

.icon-comment-alt-exclamation:before {
  content: "\f4a5";
}

.icon-comment-alt-lines:before {
  content: "\f4a6";
}

.icon-comment-alt-medical:before {
  content: "\f7f4";
}

.icon-comment-alt-minus:before {
  content: "\f4a7";
}

.icon-comment-alt-music:before {
  content: "\f8af";
}

.icon-comment-alt-plus:before {
  content: "\f4a8";
}

.icon-comment-alt-slash:before {
  content: "\f4a9";
}

.icon-comment-alt-smile:before {
  content: "\f4aa";
}

.icon-comment-alt-times:before {
  content: "\f4ab";
}

.icon-comment-check:before {
  content: "\f4ac";
}

.icon-comment-dollar:before {
  content: "\f651";
}

.icon-comment-dots:before {
  content: "\f4ad";
}

.icon-comment-edit:before {
  content: "\f4ae";
}

.icon-comment-exclamation:before {
  content: "\f4af";
}

.icon-comment-lines:before {
  content: "\f4b0";
}

.icon-comment-medical:before {
  content: "\f7f5";
}

.icon-comment-minus:before {
  content: "\f4b1";
}

.icon-comment-music:before {
  content: "\f8b0";
}

.icon-comment-plus:before {
  content: "\f4b2";
}

.icon-comment-slash:before {
  content: "\f4b3";
}

.icon-comment-smile:before {
  content: "\f4b4";
}

.icon-comment-times:before {
  content: "\f4b5";
}

.icon-comments:before {
  content: "\f086";
}

.icon-comments-alt:before {
  content: "\f4b6";
}

.icon-comments-alt-dollar:before {
  content: "\f652";
}

.icon-comments-dollar:before {
  content: "\f653";
}

.icon-compact-disc:before {
  content: "\f51f";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-compass-slash:before {
  content: "\f5e9";
}

.icon-compress:before {
  content: "\f066";
}

.icon-compress-alt:before {
  content: "\f422";
}

.icon-compress-arrows-alt:before {
  content: "\f78c";
}

.icon-compress-wide:before {
  content: "\f326";
}

.icon-computer-classic:before {
  content: "\f8b1";
}

.icon-computer-speaker:before {
  content: "\f8b2";
}

.icon-concierge-bell:before {
  content: "\f562";
}

.icon-confluence:before {
  content: "\f78d";
}

.icon-connectdevelop:before {
  content: "\f20e";
}

.icon-construction:before {
  content: "\f85d";
}

.icon-container-storage:before {
  content: "\f4b7";
}

.icon-contao:before {
  content: "\f26d";
}

.icon-conveyor-belt:before {
  content: "\f46e";
}

.icon-conveyor-belt-alt:before {
  content: "\f46f";
}

.icon-cookie:before {
  content: "\f563";
}

.icon-cookie-bite:before {
  content: "\f564";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-copyright:before {
  content: "\f1f9";
}

.icon-corn:before {
  content: "\f6c7";
}

.icon-cotton-bureau:before {
  content: "\f89e";
}

.icon-couch:before {
  content: "\f4b8";
}

.icon-cow:before {
  content: "\f6c8";
}

.icon-cowbell:before {
  content: "\f8b3";
}

.icon-cowbell-more:before {
  content: "\f8b4";
}

.icon-cpanel:before {
  content: "\f388";
}

.icon-creative-commons:before {
  content: "\f25e";
}

.icon-creative-commons-by:before {
  content: "\f4e7";
}

.icon-creative-commons-nc:before {
  content: "\f4e8";
}

.icon-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.icon-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.icon-creative-commons-nd:before {
  content: "\f4eb";
}

.icon-creative-commons-pd:before {
  content: "\f4ec";
}

.icon-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.icon-creative-commons-remix:before {
  content: "\f4ee";
}

.icon-creative-commons-sa:before {
  content: "\f4ef";
}

.icon-creative-commons-sampling:before {
  content: "\f4f0";
}

.icon-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.icon-creative-commons-share:before {
  content: "\f4f2";
}

.icon-creative-commons-zero:before {
  content: "\f4f3";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-credit-card-blank:before {
  content: "\f389";
}

.icon-credit-card-front:before {
  content: "\f38a";
}

.icon-cricket:before {
  content: "\f449";
}

.icon-critical-role:before {
  content: "\f6c9";
}

.icon-croissant:before {
  content: "\f7f6";
}

.icon-crop:before {
  content: "\f125";
}

.icon-crop-alt:before {
  content: "\f565";
}

.icon-cross:before {
  content: "\f654";
}

.icon-crosshairs:before {
  content: "\f05b";
}

.icon-crow:before {
  content: "\f520";
}

.icon-crown:before {
  content: "\f521";
}

.icon-crutch:before {
  content: "\f7f7";
}

.icon-crutches:before {
  content: "\f7f8";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-css3-alt:before {
  content: "\f38b";
}

.icon-cube:before {
  content: "\f1b2";
}

.icon-cubes:before {
  content: "\f1b3";
}

.icon-curling:before {
  content: "\f44a";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-cuttlefish:before {
  content: "\f38c";
}

.icon-d-and-d:before {
  content: "\f38d";
}

.icon-d-and-d-beyond:before {
  content: "\f6ca";
}

.icon-dagger:before {
  content: "\f6cb";
}

.icon-dailymotion:before {
  content: "\f952";
}

.icon-dashcube:before {
  content: "\f210";
}

.icon-database:before {
  content: "\f1c0";
}

.icon-deaf:before {
  content: "\f2a4";
}

.icon-debug:before {
  content: "\f7f9";
}

.icon-deer:before {
  content: "\f78e";
}

.icon-deer-rudolph:before {
  content: "\f78f";
}

.icon-delicious:before {
  content: "\f1a5";
}

.icon-democrat:before {
  content: "\f747";
}

.icon-deploydog:before {
  content: "\f38e";
}

.icon-deskpro:before {
  content: "\f38f";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-desktop-alt:before {
  content: "\f390";
}

.icon-dev:before {
  content: "\f6cc";
}

.icon-deviantart:before {
  content: "\f1bd";
}

.icon-dewpoint:before {
  content: "\f748";
}

.icon-dharmachakra:before {
  content: "\f655";
}

.icon-dhl:before {
  content: "\f790";
}

.icon-diagnoses:before {
  content: "\f470";
}

.icon-diamond:before {
  content: "\f219";
}

.icon-diaspora:before {
  content: "\f791";
}

.icon-dice:before {
  content: "\f522";
}

.icon-dice-d10:before {
  content: "\f6cd";
}

.icon-dice-d12:before {
  content: "\f6ce";
}

.icon-dice-d20:before {
  content: "\f6cf";
}

.icon-dice-d4:before {
  content: "\f6d0";
}

.icon-dice-d6:before {
  content: "\f6d1";
}

.icon-dice-d8:before {
  content: "\f6d2";
}

.icon-dice-five:before {
  content: "\f523";
}

.icon-dice-four:before {
  content: "\f524";
}

.icon-dice-one:before {
  content: "\f525";
}

.icon-dice-six:before {
  content: "\f526";
}

.icon-dice-three:before {
  content: "\f527";
}

.icon-dice-two:before {
  content: "\f528";
}

.icon-digg:before {
  content: "\f1a6";
}

.icon-digging:before {
  content: "\f85e";
}

.icon-digital-ocean:before {
  content: "\f391";
}

.icon-digital-tachograph:before {
  content: "\f566";
}

.icon-diploma:before {
  content: "\f5ea";
}

.icon-directions:before {
  content: "\f5eb";
}

.icon-disc-drive:before {
  content: "\f8b5";
}

.icon-discord:before {
  content: "\f392";
}

.icon-discourse:before {
  content: "\f393";
}

.icon-disease:before {
  content: "\f7fa";
}

.icon-divide:before {
  content: "\f529";
}

.icon-dizzy:before {
  content: "\f567";
}

.icon-dna:before {
  content: "\f471";
}

.icon-do-not-enter:before {
  content: "\f5ec";
}

.icon-dochub:before {
  content: "\f394";
}

.icon-docker:before {
  content: "\f395";
}

.icon-dog:before {
  content: "\f6d3";
}

.icon-dog-leashed:before {
  content: "\f6d4";
}

.icon-dollar-sign:before {
  content: "\f155";
}

.icon-dolly:before {
  content: "\f472";
}

.icon-dolly-empty:before {
  content: "\f473";
}

.icon-dolly-flatbed:before {
  content: "\f474";
}

.icon-dolly-flatbed-alt:before {
  content: "\f475";
}

.icon-dolly-flatbed-empty:before {
  content: "\f476";
}

.icon-donate:before {
  content: "\f4b9";
}

.icon-door-closed:before {
  content: "\f52a";
}

.icon-door-open:before {
  content: "\f52b";
}

.icon-dot-circle:before {
  content: "\f192";
}

.icon-dove:before {
  content: "\f4ba";
}

.icon-download:before {
  content: "\f019";
}

.icon-draft2digital:before {
  content: "\f396";
}

.icon-drafting-compass:before {
  content: "\f568";
}

.icon-dragon:before {
  content: "\f6d5";
}

.icon-draw-circle:before {
  content: "\f5ed";
}

.icon-draw-polygon:before {
  content: "\f5ee";
}

.icon-draw-square:before {
  content: "\f5ef";
}

.icon-dreidel:before {
  content: "\f792";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-dribbble-square:before {
  content: "\f397";
}

.icon-drone:before {
  content: "\f85f";
}

.icon-drone-alt:before {
  content: "\f860";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-drum:before {
  content: "\f569";
}

.icon-drum-steelpan:before {
  content: "\f56a";
}

.icon-drumstick:before {
  content: "\f6d6";
}

.icon-drumstick-bite:before {
  content: "\f6d7";
}

.icon-drupal:before {
  content: "\f1a9";
}

.icon-dryer:before {
  content: "\f861";
}

.icon-dryer-alt:before {
  content: "\f862";
}

.icon-duck:before {
  content: "\f6d8";
}

.icon-dumbbell:before {
  content: "\f44b";
}

.icon-dumpster:before {
  content: "\f793";
}

.icon-dumpster-fire:before {
  content: "\f794";
}

.icon-dungeon:before {
  content: "\f6d9";
}

.icon-dyalog:before {
  content: "\f399";
}

.icon-ear:before {
  content: "\f5f0";
}

.icon-ear-muffs:before {
  content: "\f795";
}

.icon-earlybirds:before {
  content: "\f39a";
}

.icon-ebay:before {
  content: "\f4f4";
}

.icon-eclipse:before {
  content: "\f749";
}

.icon-eclipse-alt:before {
  content: "\f74a";
}

.icon-edge:before {
  content: "\f282";
}

.icon-edit:before {
  content: "\f044";
}

.icon-egg:before {
  content: "\f7fb";
}

.icon-egg-fried:before {
  content: "\f7fc";
}

.icon-eject:before {
  content: "\f052";
}

.icon-elementor:before {
  content: "\f430";
}

.icon-elephant:before {
  content: "\f6da";
}

.icon-ellipsis-h:before {
  content: "\f141";
}

.icon-ellipsis-h-alt:before {
  content: "\f39b";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-ellipsis-v-alt:before {
  content: "\f39c";
}

.icon-ello:before {
  content: "\f5f1";
}

.icon-ember:before {
  content: "\f423";
}

.icon-empire:before {
  content: "\f1d1";
}

.icon-empty-set:before {
  content: "\f656";
}

.icon-engine-warning:before {
  content: "\f5f2";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-envelope-open:before {
  content: "\f2b6";
}

.icon-envelope-open-dollar:before {
  content: "\f657";
}

.icon-envelope-open-text:before {
  content: "\f658";
}

.icon-envelope-square:before {
  content: "\f199";
}

.icon-envira:before {
  content: "\f299";
}

.icon-equals:before {
  content: "\f52c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-erlang:before {
  content: "\f39d";
}

.icon-ethereum:before {
  content: "\f42e";
}

.icon-ethernet:before {
  content: "\f796";
}

.icon-etsy:before {
  content: "\f2d7";
}

.icon-euro-sign:before {
  content: "\f153";
}

.icon-evernote:before {
  content: "\f839";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-exchange-alt:before {
  content: "\f362";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-exclamation-square:before {
  content: "\f321";
}

.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-expand:before {
  content: "\f065";
}

.icon-expand-alt:before {
  content: "\f424";
}

.icon-expand-arrows:before {
  content: "\f31d";
}

.icon-expand-arrows-alt:before {
  content: "\f31e";
}

.icon-expand-wide:before {
  content: "\f320";
}

.icon-expeditedssl:before {
  content: "\f23e";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-external-link-alt:before {
  content: "\f35d";
}

.icon-external-link-square:before {
  content: "\f14c";
}

.icon-external-link-square-alt:before {
  content: "\f360";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-eye-dropper:before {
  content: "\f1fb";
}

.icon-eye-evil:before {
  content: "\f6db";
}

.icon-eye-slash:before {
  content: "\f070";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-facebook-f:before {
  content: "\f39e";
}

.icon-facebook-messenger:before {
  content: "\f39f";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-fan:before {
  content: "\f863";
}

.icon-fan-table:before {
  content: "\f904";
}

.icon-fantasy-flight-games:before {
  content: "\f6dc";
}

.icon-farm:before {
  content: "\f864";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-faucet:before {
  content: "\f905";
}

.icon-faucet-drip:before {
  content: "\f906";
}

.icon-fax:before {
  content: "\f1ac";
}

.icon-feather:before {
  content: "\f52d";
}

.icon-feather-alt:before {
  content: "\f56b";
}

.icon-fedex:before {
  content: "\f797";
}

.icon-fedora:before {
  content: "\f798";
}

.icon-female:before {
  content: "\f182";
}

.icon-field-hockey:before {
  content: "\f44c";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-figma:before {
  content: "\f799";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-alt:before {
  content: "\f15c";
}

.icon-file-archive:before {
  content: "\f1c6";
}

.icon-file-audio:before {
  content: "\f1c7";
}

.icon-file-certificate:before {
  content: "\f5f3";
}

.icon-file-chart-line:before {
  content: "\f659";
}

.icon-file-chart-pie:before {
  content: "\f65a";
}

.icon-file-check:before {
  content: "\f316";
}

.icon-file-code:before {
  content: "\f1c9";
}

.icon-file-contract:before {
  content: "\f56c";
}

.icon-file-csv:before {
  content: "\f6dd";
}

.icon-file-download:before {
  content: "\f56d";
}

.icon-file-edit:before {
  content: "\f31c";
}

.icon-file-excel:before {
  content: "\f1c3";
}

.icon-file-exclamation:before {
  content: "\f31a";
}

.icon-file-export:before {
  content: "\f56e";
}

.icon-file-image:before {
  content: "\f1c5";
}

.icon-file-import:before {
  content: "\f56f";
}

.icon-file-invoice:before {
  content: "\f570";
}

.icon-file-invoice-dollar:before {
  content: "\f571";
}

.icon-file-medical:before {
  content: "\f477";
}

.icon-file-medical-alt:before {
  content: "\f478";
}

.icon-file-minus:before {
  content: "\f318";
}

.icon-file-music:before {
  content: "\f8b6";
}

.icon-file-pdf:before {
  content: "\f1c1";
}

.icon-file-plus:before {
  content: "\f319";
}

.icon-file-powerpoint:before {
  content: "\f1c4";
}

.icon-file-prescription:before {
  content: "\f572";
}

.icon-file-search:before {
  content: "\f865";
}

.icon-file-signature:before {
  content: "\f573";
}

.icon-file-spreadsheet:before {
  content: "\f65b";
}

.icon-file-times:before {
  content: "\f317";
}

.icon-file-upload:before {
  content: "\f574";
}

.icon-file-user:before {
  content: "\f65c";
}

.icon-file-video:before {
  content: "\f1c8";
}

.icon-file-word:before {
  content: "\f1c2";
}

.icon-files-medical:before {
  content: "\f7fd";
}

.icon-fill:before {
  content: "\f575";
}

.icon-fill-drip:before {
  content: "\f576";
}

.icon-film:before {
  content: "\f008";
}

.icon-film-alt:before {
  content: "\f3a0";
}

.icon-film-canister:before {
  content: "\f8b7";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-fingerprint:before {
  content: "\f577";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-fire-alt:before {
  content: "\f7e4";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-fire-smoke:before {
  content: "\f74b";
}

.icon-firefox:before {
  content: "\f269";
}

.icon-firefox-browser:before {
  content: "\f907";
}

.icon-fireplace:before {
  content: "\f79a";
}

.icon-first-aid:before {
  content: "\f479";
}

.icon-first-order:before {
  content: "\f2b0";
}

.icon-first-order-alt:before {
  content: "\f50a";
}

.icon-firstdraft:before {
  content: "\f3a1";
}

.icon-fish:before {
  content: "\f578";
}

.icon-fish-cooked:before {
  content: "\f7fe";
}

.icon-fist-raised:before {
  content: "\f6de";
}

.icon-flag:before {
  content: "\f024";
}

.icon-flag-alt:before {
  content: "\f74c";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-flag-usa:before {
  content: "\f74d";
}

.icon-flame:before {
  content: "\f6df";
}

.icon-flashlight:before {
  content: "\f8b8";
}

.icon-flask:before {
  content: "\f0c3";
}

.icon-flask-poison:before {
  content: "\f6e0";
}

.icon-flask-potion:before {
  content: "\f6e1";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-flipboard:before {
  content: "\f44d";
}

.icon-flower:before {
  content: "\f7ff";
}

.icon-flower-daffodil:before {
  content: "\f800";
}

.icon-flower-tulip:before {
  content: "\f801";
}

.icon-flushed:before {
  content: "\f579";
}

.icon-flute:before {
  content: "\f8b9";
}

.icon-flux-capacitor:before {
  content: "\f8ba";
}

.icon-fly:before {
  content: "\f417";
}

.icon-fog:before {
  content: "\f74e";
}

.icon-folder:before {
  content: "\f07b";
}

.icon-folder-download:before {
  content: "\f953";
}

.icon-folder-minus:before {
  content: "\f65d";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-folder-plus:before {
  content: "\f65e";
}

.icon-folder-times:before {
  content: "\f65f";
}

.icon-folder-tree:before {
  content: "\f802";
}

.icon-folder-upload:before {
  content: "\f954";
}

.icon-folders:before {
  content: "\f660";
}

.icon-font:before {
  content: "\f031";
}

.icon-font-awesome:before {
  content: "\f2b4";
}

.icon-font-awesome-alt:before {
  content: "\f35c";
}

.icon-font-awesome-flag:before {
  content: "\f425";
}

.icon-font-awesome-logo-full:before {
  content: "\f4e6";
}

.icon-font-case:before {
  content: "\f866";
}

.icon-fonticons:before {
  content: "\f280";
}

.icon-fonticons-fi:before {
  content: "\f3a2";
}

.icon-football-ball:before {
  content: "\f44e";
}

.icon-football-helmet:before {
  content: "\f44f";
}

.icon-forklift:before {
  content: "\f47a";
}

.icon-fort-awesome:before {
  content: "\f286";
}

.icon-fort-awesome-alt:before {
  content: "\f3a3";
}

.icon-forumbee:before {
  content: "\f211";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-fragile:before {
  content: "\f4bb";
}

.icon-free-code-camp:before {
  content: "\f2c5";
}

.icon-freebsd:before {
  content: "\f3a4";
}

.icon-french-fries:before {
  content: "\f803";
}

.icon-frog:before {
  content: "\f52e";
}

.icon-frosty-head:before {
  content: "\f79b";
}

.icon-frown:before {
  content: "\f119";
}

.icon-frown-open:before {
  content: "\f57a";
}

.icon-fulcrum:before {
  content: "\f50b";
}

.icon-function:before {
  content: "\f661";
}

.icon-funnel-dollar:before {
  content: "\f662";
}

.icon-futbol:before {
  content: "\f1e3";
}

.icon-galactic-republic:before {
  content: "\f50c";
}

.icon-galactic-senate:before {
  content: "\f50d";
}

.icon-galaxy:before {
  content: "\f908";
}

.icon-game-board:before {
  content: "\f867";
}

.icon-game-board-alt:before {
  content: "\f868";
}

.icon-game-console-handheld:before {
  content: "\f8bb";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-gamepad-alt:before {
  content: "\f8bc";
}

.icon-garage:before {
  content: "\f909";
}

.icon-garage-car:before {
  content: "\f90a";
}

.icon-garage-open:before {
  content: "\f90b";
}

.icon-gas-pump:before {
  content: "\f52f";
}

.icon-gas-pump-slash:before {
  content: "\f5f4";
}

.icon-gavel:before {
  content: "\f0e3";
}

.icon-gem:before {
  content: "\f3a5";
}

.icon-genderless:before {
  content: "\f22d";
}

.icon-get-pocket:before {
  content: "\f265";
}

.icon-gg:before {
  content: "\f260";
}

.icon-gg-circle:before {
  content: "\f261";
}

.icon-ghost:before {
  content: "\f6e2";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-gift-card:before {
  content: "\f663";
}

.icon-gifts:before {
  content: "\f79c";
}

.icon-gingerbread-man:before {
  content: "\f79d";
}

.icon-git:before {
  content: "\f1d3";
}

.icon-git-alt:before {
  content: "\f841";
}

.icon-git-square:before {
  content: "\f1d2";
}

.icon-github:before {
  content: "\f09b";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-github-square:before {
  content: "\f092";
}

.icon-gitkraken:before {
  content: "\f3a6";
}

.icon-gitlab:before {
  content: "\f296";
}

.icon-gitter:before {
  content: "\f426";
}

.icon-glass:before {
  content: "\f804";
}

.icon-glass-champagne:before {
  content: "\f79e";
}

.icon-glass-cheers:before {
  content: "\f79f";
}

.icon-glass-citrus:before {
  content: "\f869";
}

.icon-glass-martini:before {
  content: "\f000";
}

.icon-glass-martini-alt:before {
  content: "\f57b";
}

.icon-glass-whiskey:before {
  content: "\f7a0";
}

.icon-glass-whiskey-rocks:before {
  content: "\f7a1";
}

.icon-glasses:before {
  content: "\f530";
}

.icon-glasses-alt:before {
  content: "\f5f5";
}

.icon-glide:before {
  content: "\f2a5";
}

.icon-glide-g:before {
  content: "\f2a6";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-globe-africa:before {
  content: "\f57c";
}

.icon-globe-americas:before {
  content: "\f57d";
}

.icon-globe-asia:before {
  content: "\f57e";
}

.icon-globe-europe:before {
  content: "\f7a2";
}

.icon-globe-snow:before {
  content: "\f7a3";
}

.icon-globe-stand:before {
  content: "\f5f6";
}

.icon-gofore:before {
  content: "\f3a7";
}

.icon-golf-ball:before {
  content: "\f450";
}

.icon-golf-club:before {
  content: "\f451";
}

.icon-goodreads:before {
  content: "\f3a8";
}

.icon-goodreads-g:before {
  content: "\f3a9";
}

.icon-google:before {
  content: "\f1a0";
}

.icon-google-drive:before {
  content: "\f3aa";
}

.icon-google-play:before {
  content: "\f3ab";
}

.icon-google-plus:before {
  content: "\f2b3";
}

.icon-google-plus-g:before {
  content: "\f0d5";
}

.icon-google-plus-square:before {
  content: "\f0d4";
}

.icon-google-wallet:before {
  content: "\f1ee";
}

.icon-gopuram:before {
  content: "\f664";
}

.icon-graduation-cap:before {
  content: "\f19d";
}

.icon-gramophone:before {
  content: "\f8bd";
}

.icon-gratipay:before {
  content: "\f184";
}

.icon-grav:before {
  content: "\f2d6";
}

.icon-greater-than:before {
  content: "\f531";
}

.icon-greater-than-equal:before {
  content: "\f532";
}

.icon-grimace:before {
  content: "\f57f";
}

.icon-grin:before {
  content: "\f580";
}

.icon-grin-alt:before {
  content: "\f581";
}

.icon-grin-beam:before {
  content: "\f582";
}

.icon-grin-beam-sweat:before {
  content: "\f583";
}

.icon-grin-hearts:before {
  content: "\f584";
}

.icon-grin-squint:before {
  content: "\f585";
}

.icon-grin-squint-tears:before {
  content: "\f586";
}

.icon-grin-stars:before {
  content: "\f587";
}

.icon-grin-tears:before {
  content: "\f588";
}

.icon-grin-tongue:before {
  content: "\f589";
}

.icon-grin-tongue-squint:before {
  content: "\f58a";
}

.icon-grin-tongue-wink:before {
  content: "\f58b";
}

.icon-grin-wink:before {
  content: "\f58c";
}

.icon-grip-horizontal:before {
  content: "\f58d";
}

.icon-grip-lines:before {
  content: "\f7a4";
}

.icon-grip-lines-vertical:before {
  content: "\f7a5";
}

.icon-grip-vertical:before {
  content: "\f58e";
}

.icon-gripfire:before {
  content: "\f3ac";
}

.icon-grunt:before {
  content: "\f3ad";
}

.icon-guitar:before {
  content: "\f7a6";
}

.icon-guitar-electric:before {
  content: "\f8be";
}

.icon-guitars:before {
  content: "\f8bf";
}

.icon-gulp:before {
  content: "\f3ae";
}

.icon-h-square:before {
  content: "\f0fd";
}

.icon-h1:before {
  content: "\f313";
}

.icon-h2:before {
  content: "\f314";
}

.icon-h3:before {
  content: "\f315";
}

.icon-h4:before {
  content: "\f86a";
}

.icon-hacker-news:before {
  content: "\f1d4";
}

.icon-hacker-news-square:before {
  content: "\f3af";
}

.icon-hackerrank:before {
  content: "\f5f7";
}

.icon-hamburger:before {
  content: "\f805";
}

.icon-hammer:before {
  content: "\f6e3";
}

.icon-hammer-war:before {
  content: "\f6e4";
}

.icon-hamsa:before {
  content: "\f665";
}

.icon-hand-heart:before {
  content: "\f4bc";
}

.icon-hand-holding:before {
  content: "\f4bd";
}

.icon-hand-holding-box:before {
  content: "\f47b";
}

.icon-hand-holding-heart:before {
  content: "\f4be";
}

.icon-hand-holding-magic:before {
  content: "\f6e5";
}

.icon-hand-holding-seedling:before {
  content: "\f4bf";
}

.icon-hand-holding-usd:before {
  content: "\f4c0";
}

.icon-hand-holding-water:before {
  content: "\f4c1";
}

.icon-hand-lizard:before {
  content: "\f258";
}

.icon-hand-middle-finger:before {
  content: "\f806";
}

.icon-hand-paper:before {
  content: "\f256";
}

.icon-hand-peace:before {
  content: "\f25b";
}

.icon-hand-point-down:before {
  content: "\f0a7";
}

.icon-hand-point-left:before {
  content: "\f0a5";
}

.icon-hand-point-right:before {
  content: "\f0a4";
}

.icon-hand-point-up:before {
  content: "\f0a6";
}

.icon-hand-pointer:before {
  content: "\f25a";
}

.icon-hand-receiving:before {
  content: "\f47c";
}

.icon-hand-rock:before {
  content: "\f255";
}

.icon-hand-scissors:before {
  content: "\f257";
}

.icon-hand-spock:before {
  content: "\f259";
}

.icon-hands:before {
  content: "\f4c2";
}

.icon-hands-heart:before {
  content: "\f4c3";
}

.icon-hands-helping:before {
  content: "\f4c4";
}

.icon-hands-usd:before {
  content: "\f4c5";
}

.icon-handshake:before {
  content: "\f2b5";
}

.icon-handshake-alt:before {
  content: "\f4c6";
}

.icon-hanukiah:before {
  content: "\f6e6";
}

.icon-hard-hat:before {
  content: "\f807";
}

.icon-hashtag:before {
  content: "\f292";
}

.icon-hat-chef:before {
  content: "\f86b";
}

.icon-hat-cowboy:before {
  content: "\f8c0";
}

.icon-hat-cowboy-side:before {
  content: "\f8c1";
}

.icon-hat-santa:before {
  content: "\f7a7";
}

.icon-hat-winter:before {
  content: "\f7a8";
}

.icon-hat-witch:before {
  content: "\f6e7";
}

.icon-hat-wizard:before {
  content: "\f6e8";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-head-side:before {
  content: "\f6e9";
}

.icon-head-side-brain:before {
  content: "\f808";
}

.icon-head-side-headphones:before {
  content: "\f8c2";
}

.icon-head-side-medical:before {
  content: "\f809";
}

.icon-head-vr:before {
  content: "\f6ea";
}

.icon-heading:before {
  content: "\f1dc";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-headphones-alt:before {
  content: "\f58f";
}

.icon-headset:before {
  content: "\f590";
}

.icon-heart:before {
  content: "\f004";
}

.icon-heart-broken:before {
  content: "\f7a9";
}

.icon-heart-circle:before {
  content: "\f4c7";
}

.icon-heart-rate:before {
  content: "\f5f8";
}

.icon-heart-square:before {
  content: "\f4c8";
}

.icon-heartbeat:before {
  content: "\f21e";
}

.icon-heat:before {
  content: "\f90c";
}

.icon-helicopter:before {
  content: "\f533";
}

.icon-helmet-battle:before {
  content: "\f6eb";
}

.icon-hexagon:before {
  content: "\f312";
}

.icon-highlighter:before {
  content: "\f591";
}

.icon-hiking:before {
  content: "\f6ec";
}

.icon-hippo:before {
  content: "\f6ed";
}

.icon-hips:before {
  content: "\f452";
}

.icon-hire-a-helper:before {
  content: "\f3b0";
}

.icon-history:before {
  content: "\f1da";
}

.icon-hockey-mask:before {
  content: "\f6ee";
}

.icon-hockey-puck:before {
  content: "\f453";
}

.icon-hockey-sticks:before {
  content: "\f454";
}

.icon-holly-berry:before {
  content: "\f7aa";
}

.icon-home:before {
  content: "\f015";
}

.icon-home-alt:before {
  content: "\f80a";
}

.icon-home-heart:before {
  content: "\f4c9";
}

.icon-home-lg:before {
  content: "\f80b";
}

.icon-home-lg-alt:before {
  content: "\f80c";
}

.icon-hood-cloak:before {
  content: "\f6ef";
}

.icon-hooli:before {
  content: "\f427";
}

.icon-horizontal-rule:before {
  content: "\f86c";
}

.icon-hornbill:before {
  content: "\f592";
}

.icon-horse:before {
  content: "\f6f0";
}

.icon-horse-head:before {
  content: "\f7ab";
}

.icon-horse-saddle:before {
  content: "\f8c3";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-hospital-alt:before {
  content: "\f47d";
}

.icon-hospital-symbol:before {
  content: "\f47e";
}

.icon-hospital-user:before {
  content: "\f80d";
}

.icon-hospitals:before {
  content: "\f80e";
}

.icon-hot-tub:before {
  content: "\f593";
}

.icon-hotdog:before {
  content: "\f80f";
}

.icon-hotel:before {
  content: "\f594";
}

.icon-hotjar:before {
  content: "\f3b1";
}

.icon-hourglass:before {
  content: "\f254";
}

.icon-hourglass-end:before {
  content: "\f253";
}

.icon-hourglass-half:before {
  content: "\f252";
}

.icon-hourglass-start:before {
  content: "\f251";
}

.icon-house:before {
  content: "\f90d";
}

.icon-house-damage:before {
  content: "\f6f1";
}

.icon-house-day:before {
  content: "\f90e";
}

.icon-house-flood:before {
  content: "\f74f";
}

.icon-house-leave:before {
  content: "\f90f";
}

.icon-house-night:before {
  content: "\f910";
}

.icon-house-return:before {
  content: "\f911";
}

.icon-house-signal:before {
  content: "\f912";
}

.icon-houzz:before {
  content: "\f27c";
}

.icon-hryvnia:before {
  content: "\f6f2";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-hubspot:before {
  content: "\f3b2";
}

.icon-humidity:before {
  content: "\f750";
}

.icon-hurricane:before {
  content: "\f751";
}

.icon-i-cursor:before {
  content: "\f246";
}

.icon-ice-cream:before {
  content: "\f810";
}

.icon-ice-skate:before {
  content: "\f7ac";
}

.icon-icicles:before {
  content: "\f7ad";
}

.icon-icons:before {
  content: "\f86d";
}

.icon-icons-alt:before {
  content: "\f86e";
}

.icon-id-badge:before {
  content: "\f2c1";
}

.icon-id-card:before {
  content: "\f2c2";
}

.icon-id-card-alt:before {
  content: "\f47f";
}

.icon-ideal:before {
  content: "\f913";
}

.icon-igloo:before {
  content: "\f7ae";
}

.icon-image:before {
  content: "\f03e";
}

.icon-image-polaroid:before {
  content: "\f8c4";
}

.icon-images:before {
  content: "\f302";
}

.icon-imdb:before {
  content: "\f2d8";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-inbox-in:before {
  content: "\f310";
}

.icon-inbox-out:before {
  content: "\f311";
}

.icon-indent:before {
  content: "\f03c";
}

.icon-industry:before {
  content: "\f275";
}

.icon-industry-alt:before {
  content: "\f3b3";
}

.icon-infinity:before {
  content: "\f534";
}

.icon-info:before {
  content: "\f129";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-info-square:before {
  content: "\f30f";
}

.icon-inhaler:before {
  content: "\f5f9";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-instagram-square:before {
  content: "\f955";
}

.icon-integral:before {
  content: "\f667";
}

.icon-intercom:before {
  content: "\f7af";
}

.icon-internet-explorer:before {
  content: "\f26b";
}

.icon-intersection:before {
  content: "\f668";
}

.icon-inventory:before {
  content: "\f480";
}

.icon-invision:before {
  content: "\f7b0";
}

.icon-ioxhost:before {
  content: "\f208";
}

.icon-island-tropical:before {
  content: "\f811";
}

.icon-italic:before {
  content: "\f033";
}

.icon-itch-io:before {
  content: "\f83a";
}

.icon-itunes:before {
  content: "\f3b4";
}

.icon-itunes-note:before {
  content: "\f3b5";
}

.icon-jack-o-lantern:before {
  content: "\f30e";
}

.icon-java:before {
  content: "\f4e4";
}

.icon-jedi:before {
  content: "\f669";
}

.icon-jedi-order:before {
  content: "\f50e";
}

.icon-jenkins:before {
  content: "\f3b6";
}

.icon-jira:before {
  content: "\f7b1";
}

.icon-joget:before {
  content: "\f3b7";
}

.icon-joint:before {
  content: "\f595";
}

.icon-joomla:before {
  content: "\f1aa";
}

.icon-journal-whills:before {
  content: "\f66a";
}

.icon-joystick:before {
  content: "\f8c5";
}

.icon-js:before {
  content: "\f3b8";
}

.icon-js-square:before {
  content: "\f3b9";
}

.icon-jsfiddle:before {
  content: "\f1cc";
}

.icon-jug:before {
  content: "\f8c6";
}

.icon-kaaba:before {
  content: "\f66b";
}

.icon-kaggle:before {
  content: "\f5fa";
}

.icon-kazoo:before {
  content: "\f8c7";
}

.icon-kerning:before {
  content: "\f86f";
}

.icon-key:before {
  content: "\f084";
}

.icon-key-skeleton:before {
  content: "\f6f3";
}

.icon-keybase:before {
  content: "\f4f5";
}

.icon-keyboard:before {
  content: "\f11c";
}

.icon-keycdn:before {
  content: "\f3ba";
}

.icon-keynote:before {
  content: "\f66c";
}

.icon-khanda:before {
  content: "\f66d";
}

.icon-kickstarter:before {
  content: "\f3bb";
}

.icon-kickstarter-k:before {
  content: "\f3bc";
}

.icon-kidneys:before {
  content: "\f5fb";
}

.icon-kiss:before {
  content: "\f596";
}

.icon-kiss-beam:before {
  content: "\f597";
}

.icon-kiss-wink-heart:before {
  content: "\f598";
}

.icon-kite:before {
  content: "\f6f4";
}

.icon-kiwi-bird:before {
  content: "\f535";
}

.icon-knife-kitchen:before {
  content: "\f6f5";
}

.icon-korvue:before {
  content: "\f42f";
}

.icon-lambda:before {
  content: "\f66e";
}

.icon-lamp:before {
  content: "\f4ca";
}

.icon-lamp-desk:before {
  content: "\f914";
}

.icon-lamp-floor:before {
  content: "\f915";
}

.icon-landmark:before {
  content: "\f66f";
}

.icon-landmark-alt:before {
  content: "\f752";
}

.icon-language:before {
  content: "\f1ab";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-laptop-code:before {
  content: "\f5fc";
}

.icon-laptop-medical:before {
  content: "\f812";
}

.icon-laravel:before {
  content: "\f3bd";
}

.icon-lasso:before {
  content: "\f8c8";
}

.icon-lastfm:before {
  content: "\f202";
}

.icon-lastfm-square:before {
  content: "\f203";
}

.icon-laugh:before {
  content: "\f599";
}

.icon-laugh-beam:before {
  content: "\f59a";
}

.icon-laugh-squint:before {
  content: "\f59b";
}

.icon-laugh-wink:before {
  content: "\f59c";
}

.icon-layer-group:before {
  content: "\f5fd";
}

.icon-layer-minus:before {
  content: "\f5fe";
}

.icon-layer-plus:before {
  content: "\f5ff";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-leaf-heart:before {
  content: "\f4cb";
}

.icon-leaf-maple:before {
  content: "\f6f6";
}

.icon-leaf-oak:before {
  content: "\f6f7";
}

.icon-leanpub:before {
  content: "\f212";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-less:before {
  content: "\f41d";
}

.icon-less-than:before {
  content: "\f536";
}

.icon-less-than-equal:before {
  content: "\f537";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-level-down-alt:before {
  content: "\f3be";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-up-alt:before {
  content: "\f3bf";
}

.icon-life-ring:before {
  content: "\f1cd";
}

.icon-light-ceiling:before {
  content: "\f916";
}

.icon-light-switch:before {
  content: "\f917";
}

.icon-light-switch-off:before {
  content: "\f918";
}

.icon-light-switch-on:before {
  content: "\f919";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-lightbulb-dollar:before {
  content: "\f670";
}

.icon-lightbulb-exclamation:before {
  content: "\f671";
}

.icon-lightbulb-on:before {
  content: "\f672";
}

.icon-lightbulb-slash:before {
  content: "\f673";
}

.icon-lights-holiday:before {
  content: "\f7b2";
}

.icon-line:before {
  content: "\f3c0";
}

.icon-line-columns:before {
  content: "\f870";
}

.icon-line-height:before {
  content: "\f871";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-linkedin:before {
  content: "\f08c";
}

.icon-linkedin-in:before {
  content: "\f0e1";
}

.icon-linode:before {
  content: "\f2b8";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-lips:before {
  content: "\f600";
}

.icon-lira-sign:before {
  content: "\f195";
}

.icon-list:before {
  content: "\f03a";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-list-music:before {
  content: "\f8c9";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-location:before {
  content: "\f601";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-location-circle:before {
  content: "\f602";
}

.icon-location-slash:before {
  content: "\f603";
}

.icon-lock:before {
  content: "\f023";
}

.icon-lock-alt:before {
  content: "\f30d";
}

.icon-lock-open:before {
  content: "\f3c1";
}

.icon-lock-open-alt:before {
  content: "\f3c2";
}

.icon-long-arrow-alt-down:before {
  content: "\f309";
}

.icon-long-arrow-alt-left:before {
  content: "\f30a";
}

.icon-long-arrow-alt-right:before {
  content: "\f30b";
}

.icon-long-arrow-alt-up:before {
  content: "\f30c";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-loveseat:before {
  content: "\f4cc";
}

.icon-low-vision:before {
  content: "\f2a8";
}

.icon-luchador:before {
  content: "\f455";
}

.icon-luggage-cart:before {
  content: "\f59d";
}

.icon-lungs:before {
  content: "\f604";
}

.icon-lyft:before {
  content: "\f3c3";
}

.icon-mace:before {
  content: "\f6f8";
}

.icon-magento:before {
  content: "\f3c4";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-mail-bulk:before {
  content: "\f674";
}

.icon-mailbox:before {
  content: "\f813";
}

.icon-mailchimp:before {
  content: "\f59e";
}

.icon-male:before {
  content: "\f183";
}

.icon-mandalorian:before {
  content: "\f50f";
}

.icon-mandolin:before {
  content: "\f6f9";
}

.icon-map:before {
  content: "\f279";
}

.icon-map-marked:before {
  content: "\f59f";
}

.icon-map-marked-alt:before {
  content: "\f5a0";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-map-marker-alt:before {
  content: "\f3c5";
}

.icon-map-marker-alt-slash:before {
  content: "\f605";
}

.icon-map-marker-check:before {
  content: "\f606";
}

.icon-map-marker-edit:before {
  content: "\f607";
}

.icon-map-marker-exclamation:before {
  content: "\f608";
}

.icon-map-marker-minus:before {
  content: "\f609";
}

.icon-map-marker-plus:before {
  content: "\f60a";
}

.icon-map-marker-question:before {
  content: "\f60b";
}

.icon-map-marker-slash:before {
  content: "\f60c";
}

.icon-map-marker-smile:before {
  content: "\f60d";
}

.icon-map-marker-times:before {
  content: "\f60e";
}

.icon-map-pin:before {
  content: "\f276";
}

.icon-map-signs:before {
  content: "\f277";
}

.icon-markdown:before {
  content: "\f60f";
}

.icon-marker:before {
  content: "\f5a1";
}

.icon-mars:before {
  content: "\f222";
}

.icon-mars-double:before {
  content: "\f227";
}

.icon-mars-stroke:before {
  content: "\f229";
}

.icon-mars-stroke-h:before {
  content: "\f22b";
}

.icon-mars-stroke-v:before {
  content: "\f22a";
}

.icon-mask:before {
  content: "\f6fa";
}

.icon-mastodon:before {
  content: "\f4f6";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-mdb:before {
  content: "\f8ca";
}

.icon-meat:before {
  content: "\f814";
}

.icon-medal:before {
  content: "\f5a2";
}

.icon-medapps:before {
  content: "\f3c6";
}

.icon-medium:before {
  content: "\f23a";
}

.icon-medium-m:before {
  content: "\f3c7";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-medrt:before {
  content: "\f3c8";
}

.icon-meetup:before {
  content: "\f2e0";
}

.icon-megaphone:before {
  content: "\f675";
}

.icon-megaport:before {
  content: "\f5a3";
}

.icon-meh:before {
  content: "\f11a";
}

.icon-meh-blank:before {
  content: "\f5a4";
}

.icon-meh-rolling-eyes:before {
  content: "\f5a5";
}

.icon-memory:before {
  content: "\f538";
}

.icon-mendeley:before {
  content: "\f7b3";
}

.icon-menorah:before {
  content: "\f676";
}

.icon-mercury:before {
  content: "\f223";
}

.icon-meteor:before {
  content: "\f753";
}

.icon-microblog:before {
  content: "\f91a";
}

.icon-microchip:before {
  content: "\f2db";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-alt:before {
  content: "\f3c9";
}

.icon-microphone-alt-slash:before {
  content: "\f539";
}

.icon-microphone-slash:before {
  content: "\f131";
}

.icon-microphone-stand:before {
  content: "\f8cb";
}

.icon-microscope:before {
  content: "\f610";
}

.icon-microsoft:before {
  content: "\f3ca";
}

.icon-microwave:before {
  content: "\f91b";
}

.icon-mind-share:before {
  content: "\f677";
}

.icon-minus:before {
  content: "\f068";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-minus-hexagon:before {
  content: "\f307";
}

.icon-minus-octagon:before {
  content: "\f308";
}

.icon-minus-square:before {
  content: "\f146";
}

.icon-mistletoe:before {
  content: "\f7b4";
}

.icon-mitten:before {
  content: "\f7b5";
}

.icon-mix:before {
  content: "\f3cb";
}

.icon-mixcloud:before {
  content: "\f289";
}

.icon-mixer:before {
  content: "\f956";
}

.icon-mizuni:before {
  content: "\f3cc";
}

.icon-mobile:before {
  content: "\f10b";
}

.icon-mobile-alt:before {
  content: "\f3cd";
}

.icon-mobile-android:before {
  content: "\f3ce";
}

.icon-mobile-android-alt:before {
  content: "\f3cf";
}

.icon-modx:before {
  content: "\f285";
}

.icon-monero:before {
  content: "\f3d0";
}

.icon-money-bill:before {
  content: "\f0d6";
}

.icon-money-bill-alt:before {
  content: "\f3d1";
}

.icon-money-bill-wave:before {
  content: "\f53a";
}

.icon-money-bill-wave-alt:before {
  content: "\f53b";
}

.icon-money-check:before {
  content: "\f53c";
}

.icon-money-check-alt:before {
  content: "\f53d";
}

.icon-money-check-edit:before {
  content: "\f872";
}

.icon-money-check-edit-alt:before {
  content: "\f873";
}

.icon-monitor-heart-rate:before {
  content: "\f611";
}

.icon-monkey:before {
  content: "\f6fb";
}

.icon-monument:before {
  content: "\f5a6";
}

.icon-moon:before {
  content: "\f186";
}

.icon-moon-cloud:before {
  content: "\f754";
}

.icon-moon-stars:before {
  content: "\f755";
}

.icon-mortar-pestle:before {
  content: "\f5a7";
}

.icon-mosque:before {
  content: "\f678";
}

.icon-motorcycle:before {
  content: "\f21c";
}

.icon-mountain:before {
  content: "\f6fc";
}

.icon-mountains:before {
  content: "\f6fd";
}

.icon-mouse:before {
  content: "\f8cc";
}

.icon-mouse-alt:before {
  content: "\f8cd";
}

.icon-mouse-pointer:before {
  content: "\f245";
}

.icon-mp3-player:before {
  content: "\f8ce";
}

.icon-mug:before {
  content: "\f874";
}

.icon-mug-hot:before {
  content: "\f7b6";
}

.icon-mug-marshmallows:before {
  content: "\f7b7";
}

.icon-mug-tea:before {
  content: "\f875";
}

.icon-music:before {
  content: "\f001";
}

.icon-music-alt:before {
  content: "\f8cf";
}

.icon-music-alt-slash:before {
  content: "\f8d0";
}

.icon-music-slash:before {
  content: "\f8d1";
}

.icon-napster:before {
  content: "\f3d2";
}

.icon-narwhal:before {
  content: "\f6fe";
}

.icon-neos:before {
  content: "\f612";
}

.icon-network-wired:before {
  content: "\f6ff";
}

.icon-neuter:before {
  content: "\f22c";
}

.icon-newspaper:before {
  content: "\f1ea";
}

.icon-nimblr:before {
  content: "\f5a8";
}

.icon-node:before {
  content: "\f419";
}

.icon-node-js:before {
  content: "\f3d3";
}

.icon-not-equal:before {
  content: "\f53e";
}

.icon-notes-medical:before {
  content: "\f481";
}

.icon-npm:before {
  content: "\f3d4";
}

.icon-ns8:before {
  content: "\f3d5";
}

.icon-nutritionix:before {
  content: "\f3d6";
}

.icon-object-group:before {
  content: "\f247";
}

.icon-object-ungroup:before {
  content: "\f248";
}

.icon-octagon:before {
  content: "\f306";
}

.icon-odnoklassniki:before {
  content: "\f263";
}

.icon-odnoklassniki-square:before {
  content: "\f264";
}

.icon-oil-can:before {
  content: "\f613";
}

.icon-oil-temp:before {
  content: "\f614";
}

.icon-old-republic:before {
  content: "\f510";
}

.icon-om:before {
  content: "\f679";
}

.icon-omega:before {
  content: "\f67a";
}

.icon-opencart:before {
  content: "\f23d";
}

.icon-openid:before {
  content: "\f19b";
}

.icon-opera:before {
  content: "\f26a";
}

.icon-optin-monster:before {
  content: "\f23c";
}

.icon-orcid:before {
  content: "\f8d2";
}

.icon-ornament:before {
  content: "\f7b8";
}

.icon-osi:before {
  content: "\f41a";
}

.icon-otter:before {
  content: "\f700";
}

.icon-outdent:before {
  content: "\f03b";
}

.icon-outlet:before {
  content: "\f91c";
}

.icon-oven:before {
  content: "\f91d";
}

.icon-overline:before {
  content: "\f876";
}

.icon-page-break:before {
  content: "\f877";
}

.icon-page4:before {
  content: "\f3d7";
}

.icon-pagelines:before {
  content: "\f18c";
}

.icon-pager:before {
  content: "\f815";
}

.icon-paint-brush:before {
  content: "\f1fc";
}

.icon-paint-brush-alt:before {
  content: "\f5a9";
}

.icon-paint-roller:before {
  content: "\f5aa";
}

.icon-palette:before {
  content: "\f53f";
}

.icon-palfed:before {
  content: "\f3d8";
}

.icon-pallet:before {
  content: "\f482";
}

.icon-pallet-alt:before {
  content: "\f483";
}

.icon-paper-plane:before {
  content: "\f1d8";
}

.icon-paperclip:before {
  content: "\f0c6";
}

.icon-parachute-box:before {
  content: "\f4cd";
}

.icon-paragraph:before {
  content: "\f1dd";
}

.icon-paragraph-rtl:before {
  content: "\f878";
}

.icon-parking:before {
  content: "\f540";
}

.icon-parking-circle:before {
  content: "\f615";
}

.icon-parking-circle-slash:before {
  content: "\f616";
}

.icon-parking-slash:before {
  content: "\f617";
}

.icon-passport:before {
  content: "\f5ab";
}

.icon-pastafarianism:before {
  content: "\f67b";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-patreon:before {
  content: "\f3d9";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-pause-circle:before {
  content: "\f28b";
}

.icon-paw:before {
  content: "\f1b0";
}

.icon-paw-alt:before {
  content: "\f701";
}

.icon-paw-claws:before {
  content: "\f702";
}

.icon-paypal:before {
  content: "\f1ed";
}

.icon-peace:before {
  content: "\f67c";
}

.icon-pegasus:before {
  content: "\f703";
}

.icon-pen:before {
  content: "\f304";
}

.icon-pen-alt:before {
  content: "\f305";
}

.icon-pen-fancy:before {
  content: "\f5ac";
}

.icon-pen-nib:before {
  content: "\f5ad";
}

.icon-pen-square:before {
  content: "\f14b";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-pencil-alt:before {
  content: "\f303";
}

.icon-pencil-paintbrush:before {
  content: "\f618";
}

.icon-pencil-ruler:before {
  content: "\f5ae";
}

.icon-pennant:before {
  content: "\f456";
}

.icon-penny-arcade:before {
  content: "\f704";
}

.icon-people-carry:before {
  content: "\f4ce";
}

.icon-pepper-hot:before {
  content: "\f816";
}

.icon-percent:before {
  content: "\f295";
}

.icon-percentage:before {
  content: "\f541";
}

.icon-periscope:before {
  content: "\f3da";
}

.icon-person-booth:before {
  content: "\f756";
}

.icon-person-carry:before {
  content: "\f4cf";
}

.icon-person-dolly:before {
  content: "\f4d0";
}

.icon-person-dolly-empty:before {
  content: "\f4d1";
}

.icon-person-sign:before {
  content: "\f757";
}

.icon-phabricator:before {
  content: "\f3db";
}

.icon-phoenix-framework:before {
  content: "\f3dc";
}

.icon-phoenix-squadron:before {
  content: "\f511";
}

.icon-phone:before {
  content: "\f095";
}

.icon-phone-alt:before {
  content: "\f879";
}

.icon-phone-laptop:before {
  content: "\f87a";
}

.icon-phone-office:before {
  content: "\f67d";
}

.icon-phone-plus:before {
  content: "\f4d2";
}

.icon-phone-rotary:before {
  content: "\f8d3";
}

.icon-phone-slash:before {
  content: "\f3dd";
}

.icon-phone-square:before {
  content: "\f098";
}

.icon-phone-square-alt:before {
  content: "\f87b";
}

.icon-phone-volume:before {
  content: "\f2a0";
}

.icon-photo-video:before {
  content: "\f87c";
}

.icon-php:before {
  content: "\f457";
}

.icon-pi:before {
  content: "\f67e";
}

.icon-piano:before {
  content: "\f8d4";
}

.icon-piano-keyboard:before {
  content: "\f8d5";
}

.icon-pie:before {
  content: "\f705";
}

.icon-pied-piper:before {
  content: "\f2ae";
}

.icon-pied-piper-alt:before {
  content: "\f1a8";
}

.icon-pied-piper-hat:before {
  content: "\f4e5";
}

.icon-pied-piper-pp:before {
  content: "\f1a7";
}

.icon-pied-piper-square:before {
  content: "\f91e";
}

.icon-pig:before {
  content: "\f706";
}

.icon-piggy-bank:before {
  content: "\f4d3";
}

.icon-pills:before {
  content: "\f484";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-p:before {
  content: "\f231";
}

.icon-pinterest-square:before {
  content: "\f0d3";
}

.icon-pizza:before {
  content: "\f817";
}

.icon-pizza-slice:before {
  content: "\f818";
}

.icon-place-of-worship:before {
  content: "\f67f";
}

.icon-plane:before {
  content: "\f072";
}

.icon-plane-alt:before {
  content: "\f3de";
}

.icon-plane-arrival:before {
  content: "\f5af";
}

.icon-plane-departure:before {
  content: "\f5b0";
}

.icon-planet-moon:before {
  content: "\f91f";
}

.icon-planet-ringed:before {
  content: "\f920";
}

.icon-play:before {
  content: "\f04b";
}

.icon-play-circle:before {
  content: "\f144";
}

.icon-playstation:before {
  content: "\f3df";
}

.icon-plug:before {
  content: "\f1e6";
}

.icon-plus:before {
  content: "\f067";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-plus-hexagon:before {
  content: "\f300";
}

.icon-plus-octagon:before {
  content: "\f301";
}

.icon-plus-square:before {
  content: "\f0fe";
}

.icon-podcast:before {
  content: "\f2ce";
}

.icon-podium:before {
  content: "\f680";
}

.icon-podium-star:before {
  content: "\f758";
}

.icon-police-box:before {
  content: "\f921";
}

.icon-poll:before {
  content: "\f681";
}

.icon-poll-h:before {
  content: "\f682";
}

.icon-poll-people:before {
  content: "\f759";
}

.icon-poo:before {
  content: "\f2fe";
}

.icon-poo-storm:before {
  content: "\f75a";
}

.icon-poop:before {
  content: "\f619";
}

.icon-popcorn:before {
  content: "\f819";
}

.icon-portal-enter:before {
  content: "\f922";
}

.icon-portal-exit:before {
  content: "\f923";
}

.icon-portrait:before {
  content: "\f3e0";
}

.icon-pound-sign:before {
  content: "\f154";
}

.icon-power-off:before {
  content: "\f011";
}

.icon-pray:before {
  content: "\f683";
}

.icon-praying-hands:before {
  content: "\f684";
}

.icon-prescription:before {
  content: "\f5b1";
}

.icon-prescription-bottle:before {
  content: "\f485";
}

.icon-prescription-bottle-alt:before {
  content: "\f486";
}

.icon-presentation:before {
  content: "\f685";
}

.icon-print:before {
  content: "\f02f";
}

.icon-print-search:before {
  content: "\f81a";
}

.icon-print-slash:before {
  content: "\f686";
}

.icon-procedures:before {
  content: "\f487";
}

.icon-product-hunt:before {
  content: "\f288";
}

.icon-project-diagram:before {
  content: "\f542";
}

.icon-projector:before {
  content: "\f8d6";
}

.icon-pumpkin:before {
  content: "\f707";
}

.icon-pushed:before {
  content: "\f3e1";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-python:before {
  content: "\f3e2";
}

.icon-qq:before {
  content: "\f1d6";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-question:before {
  content: "\f128";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-question-square:before {
  content: "\f2fd";
}

.icon-quidditch:before {
  content: "\f458";
}

.icon-quinscape:before {
  content: "\f459";
}

.icon-quora:before {
  content: "\f2c4";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-quran:before {
  content: "\f687";
}

.icon-r-project:before {
  content: "\f4f7";
}

.icon-rabbit:before {
  content: "\f708";
}

.icon-rabbit-fast:before {
  content: "\f709";
}

.icon-racquet:before {
  content: "\f45a";
}

.icon-radar:before {
  content: "\f924";
}

.icon-radiation:before {
  content: "\f7b9";
}

.icon-radiation-alt:before {
  content: "\f7ba";
}

.icon-radio:before {
  content: "\f8d7";
}

.icon-radio-alt:before {
  content: "\f8d8";
}

.icon-rainbow:before {
  content: "\f75b";
}

.icon-raindrops:before {
  content: "\f75c";
}

.icon-ram:before {
  content: "\f70a";
}

.icon-ramp-loading:before {
  content: "\f4d4";
}

.icon-random:before {
  content: "\f074";
}

.icon-raspberry-pi:before {
  content: "\f7bb";
}

.icon-ravelry:before {
  content: "\f2d9";
}

.icon-raygun:before {
  content: "\f925";
}

.icon-react:before {
  content: "\f41b";
}

.icon-reacteurope:before {
  content: "\f75d";
}

.icon-readme:before {
  content: "\f4d5";
}

.icon-rebel:before {
  content: "\f1d0";
}

.icon-receipt:before {
  content: "\f543";
}

.icon-record-vinyl:before {
  content: "\f8d9";
}

.icon-rectangle-landscape:before {
  content: "\f2fa";
}

.icon-rectangle-portrait:before {
  content: "\f2fb";
}

.icon-rectangle-wide:before {
  content: "\f2fc";
}

.icon-recycle:before {
  content: "\f1b8";
}

.icon-red-river:before {
  content: "\f3e3";
}

.icon-reddit:before {
  content: "\f1a1";
}

.icon-reddit-alien:before {
  content: "\f281";
}

.icon-reddit-square:before {
  content: "\f1a2";
}

.icon-redhat:before {
  content: "\f7bc";
}

.icon-redo:before {
  content: "\f01e";
}

.icon-redo-alt:before {
  content: "\f2f9";
}

.icon-refrigerator:before {
  content: "\f926";
}

.icon-registered:before {
  content: "\f25d";
}

.icon-remove-format:before {
  content: "\f87d";
}

.icon-renren:before {
  content: "\f18b";
}

.icon-repeat:before {
  content: "\f363";
}

.icon-repeat-1:before {
  content: "\f365";
}

.icon-repeat-1-alt:before {
  content: "\f366";
}

.icon-repeat-alt:before {
  content: "\f364";
}

.icon-reply:before {
  content: "\f3e5";
}

.icon-reply-all:before {
  content: "\f122";
}

.icon-replyd:before {
  content: "\f3e6";
}

.icon-republican:before {
  content: "\f75e";
}

.icon-researchgate:before {
  content: "\f4f8";
}

.icon-resolving:before {
  content: "\f3e7";
}

.icon-restroom:before {
  content: "\f7bd";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-retweet-alt:before {
  content: "\f361";
}

.icon-rev:before {
  content: "\f5b2";
}

.icon-ribbon:before {
  content: "\f4d6";
}

.icon-ring:before {
  content: "\f70b";
}

.icon-rings-wedding:before {
  content: "\f81b";
}

.icon-road:before {
  content: "\f018";
}

.icon-robot:before {
  content: "\f544";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-rocket-launch:before {
  content: "\f927";
}

.icon-rocketchat:before {
  content: "\f3e8";
}

.icon-rockrms:before {
  content: "\f3e9";
}

.icon-route:before {
  content: "\f4d7";
}

.icon-route-highway:before {
  content: "\f61a";
}

.icon-route-interstate:before {
  content: "\f61b";
}

.icon-router:before {
  content: "\f8da";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-rss-square:before {
  content: "\f143";
}

.icon-ruble-sign:before {
  content: "\f158";
}

.icon-ruler:before {
  content: "\f545";
}

.icon-ruler-combined:before {
  content: "\f546";
}

.icon-ruler-horizontal:before {
  content: "\f547";
}

.icon-ruler-triangle:before {
  content: "\f61c";
}

.icon-ruler-vertical:before {
  content: "\f548";
}

.icon-running:before {
  content: "\f70c";
}

.icon-rupee-sign:before {
  content: "\f156";
}

.icon-rv:before {
  content: "\f7be";
}

.icon-sack:before {
  content: "\f81c";
}

.icon-sack-dollar:before {
  content: "\f81d";
}

.icon-sad-cry:before {
  content: "\f5b3";
}

.icon-sad-tear:before {
  content: "\f5b4";
}

.icon-safari:before {
  content: "\f267";
}

.icon-salad:before {
  content: "\f81e";
}

.icon-salesforce:before {
  content: "\f83b";
}

.icon-sandwich:before {
  content: "\f81f";
}

.icon-sass:before {
  content: "\f41e";
}

.icon-satellite:before {
  content: "\f7bf";
}

.icon-satellite-dish:before {
  content: "\f7c0";
}

.icon-sausage:before {
  content: "\f820";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sax-hot:before {
  content: "\f8db";
}

.icon-saxophone:before {
  content: "\f8dc";
}

.icon-scalpel:before {
  content: "\f61d";
}

.icon-scalpel-path:before {
  content: "\f61e";
}

.icon-scanner:before {
  content: "\f488";
}

.icon-scanner-image:before {
  content: "\f8f3";
}

.icon-scanner-keyboard:before {
  content: "\f489";
}

.icon-scanner-touchscreen:before {
  content: "\f48a";
}

.icon-scarecrow:before {
  content: "\f70d";
}

.icon-scarf:before {
  content: "\f7c1";
}

.icon-schlix:before {
  content: "\f3ea";
}

.icon-school:before {
  content: "\f549";
}

.icon-screwdriver:before {
  content: "\f54a";
}

.icon-scribd:before {
  content: "\f28a";
}

.icon-scroll:before {
  content: "\f70e";
}

.icon-scroll-old:before {
  content: "\f70f";
}

.icon-scrubber:before {
  content: "\f2f8";
}

.icon-scythe:before {
  content: "\f710";
}

.icon-sd-card:before {
  content: "\f7c2";
}

.icon-search:before {
  content: "\f002";
}

.icon-search-dollar:before {
  content: "\f688";
}

.icon-search-location:before {
  content: "\f689";
}

.icon-search-minus:before {
  content: "\f010";
}

.icon-search-plus:before {
  content: "\f00e";
}

.icon-searchengin:before {
  content: "\f3eb";
}

.icon-seedling:before {
  content: "\f4d8";
}

.icon-sellcast:before {
  content: "\f2da";
}

.icon-sellsy:before {
  content: "\f213";
}

.icon-send-back:before {
  content: "\f87e";
}

.icon-send-backward:before {
  content: "\f87f";
}

.icon-sensor:before {
  content: "\f928";
}

.icon-sensor-alert:before {
  content: "\f929";
}

.icon-sensor-fire:before {
  content: "\f92a";
}

.icon-sensor-on:before {
  content: "\f92b";
}

.icon-sensor-smoke:before {
  content: "\f92c";
}

.icon-server:before {
  content: "\f233";
}

.icon-servicestack:before {
  content: "\f3ec";
}

.icon-shapes:before {
  content: "\f61f";
}

.icon-share:before {
  content: "\f064";
}

.icon-share-all:before {
  content: "\f367";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-share-alt-square:before {
  content: "\f1e1";
}

.icon-share-square:before {
  content: "\f14d";
}

.icon-sheep:before {
  content: "\f711";
}

.icon-shekel-sign:before {
  content: "\f20b";
}

.icon-shield:before {
  content: "\f132";
}

.icon-shield-alt:before {
  content: "\f3ed";
}

.icon-shield-check:before {
  content: "\f2f7";
}

.icon-shield-cross:before {
  content: "\f712";
}

.icon-ship:before {
  content: "\f21a";
}

.icon-shipping-fast:before {
  content: "\f48b";
}

.icon-shipping-timed:before {
  content: "\f48c";
}

.icon-shirtsinbulk:before {
  content: "\f214";
}

.icon-shish-kebab:before {
  content: "\f821";
}

.icon-shoe-prints:before {
  content: "\f54b";
}

.icon-shopify:before {
  content: "\f957";
}

.icon-shopping-bag:before {
  content: "\f290";
}

.icon-shopping-basket:before {
  content: "\f291";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-shopware:before {
  content: "\f5b5";
}

.icon-shovel:before {
  content: "\f713";
}

.icon-shovel-snow:before {
  content: "\f7c3";
}

.icon-shower:before {
  content: "\f2cc";
}

.icon-shredder:before {
  content: "\f68a";
}

.icon-shuttle-van:before {
  content: "\f5b6";
}

.icon-shuttlecock:before {
  content: "\f45b";
}

.icon-sickle:before {
  content: "\f822";
}

.icon-sigma:before {
  content: "\f68b";
}

.icon-sign:before {
  content: "\f4d9";
}

.icon-sign-in:before {
  content: "\f090";
}

.icon-sign-in-alt:before {
  content: "\f2f6";
}

.icon-sign-language:before {
  content: "\f2a7";
}

.icon-sign-out:before {
  content: "\f08b";
}

.icon-sign-out-alt:before {
  content: "\f2f5";
}

.icon-signal:before {
  content: "\f012";
}

.icon-signal-1:before {
  content: "\f68c";
}

.icon-signal-2:before {
  content: "\f68d";
}

.icon-signal-3:before {
  content: "\f68e";
}

.icon-signal-4:before {
  content: "\f68f";
}

.icon-signal-alt:before {
  content: "\f690";
}

.icon-signal-alt-1:before {
  content: "\f691";
}

.icon-signal-alt-2:before {
  content: "\f692";
}

.icon-signal-alt-3:before {
  content: "\f693";
}

.icon-signal-alt-slash:before {
  content: "\f694";
}

.icon-signal-slash:before {
  content: "\f695";
}

.icon-signal-stream:before {
  content: "\f8dd";
}

.icon-signature:before {
  content: "\f5b7";
}

.icon-sim-card:before {
  content: "\f7c4";
}

.icon-simplybuilt:before {
  content: "\f215";
}

.icon-siren:before {
  content: "\f92d";
}

.icon-siren-on:before {
  content: "\f92e";
}

.icon-sistrix:before {
  content: "\f3ee";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-sith:before {
  content: "\f512";
}

.icon-skating:before {
  content: "\f7c5";
}

.icon-skeleton:before {
  content: "\f620";
}

.icon-sketch:before {
  content: "\f7c6";
}

.icon-ski-jump:before {
  content: "\f7c7";
}

.icon-ski-lift:before {
  content: "\f7c8";
}

.icon-skiing:before {
  content: "\f7c9";
}

.icon-skiing-nordic:before {
  content: "\f7ca";
}

.icon-skull:before {
  content: "\f54c";
}

.icon-skull-cow:before {
  content: "\f8de";
}

.icon-skull-crossbones:before {
  content: "\f714";
}

.icon-skyatlas:before {
  content: "\f216";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-slack:before {
  content: "\f198";
}

.icon-slack-hash:before {
  content: "\f3ef";
}

.icon-slash:before {
  content: "\f715";
}

.icon-sledding:before {
  content: "\f7cb";
}

.icon-sleigh:before {
  content: "\f7cc";
}

.icon-sliders-h:before {
  content: "\f1de";
}

.icon-sliders-h-square:before {
  content: "\f3f0";
}

.icon-sliders-v:before {
  content: "\f3f1";
}

.icon-sliders-v-square:before {
  content: "\f3f2";
}

.icon-slideshare:before {
  content: "\f1e7";
}

.icon-smile:before {
  content: "\f118";
}

.icon-smile-beam:before {
  content: "\f5b8";
}

.icon-smile-plus:before {
  content: "\f5b9";
}

.icon-smile-wink:before {
  content: "\f4da";
}

.icon-smog:before {
  content: "\f75f";
}

.icon-smoke:before {
  content: "\f760";
}

.icon-smoking:before {
  content: "\f48d";
}

.icon-smoking-ban:before {
  content: "\f54d";
}

.icon-sms:before {
  content: "\f7cd";
}

.icon-snake:before {
  content: "\f716";
}

.icon-snapchat:before {
  content: "\f2ab";
}

.icon-snapchat-ghost:before {
  content: "\f2ac";
}

.icon-snapchat-square:before {
  content: "\f2ad";
}

.icon-snooze:before {
  content: "\f880";
}

.icon-snow-blowing:before {
  content: "\f761";
}

.icon-snowboarding:before {
  content: "\f7ce";
}

.icon-snowflake:before {
  content: "\f2dc";
}

.icon-snowflakes:before {
  content: "\f7cf";
}

.icon-snowman:before {
  content: "\f7d0";
}

.icon-snowmobile:before {
  content: "\f7d1";
}

.icon-snowplow:before {
  content: "\f7d2";
}

.icon-socks:before {
  content: "\f696";
}

.icon-solar-panel:before {
  content: "\f5ba";
}

.icon-solar-system:before {
  content: "\f92f";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-alpha-down:before {
  content: "\f15d";
}

.icon-sort-alpha-down-alt:before {
  content: "\f881";
}

.icon-sort-alpha-up:before {
  content: "\f15e";
}

.icon-sort-alpha-up-alt:before {
  content: "\f882";
}

.icon-sort-alt:before {
  content: "\f883";
}

.icon-sort-amount-down:before {
  content: "\f160";
}

.icon-sort-amount-down-alt:before {
  content: "\f884";
}

.icon-sort-amount-up:before {
  content: "\f161";
}

.icon-sort-amount-up-alt:before {
  content: "\f885";
}

.icon-sort-circle:before {
  content: "\f930";
}

.icon-sort-circle-down:before {
  content: "\f931";
}

.icon-sort-circle-up:before {
  content: "\f932";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-numeric-down:before {
  content: "\f162";
}

.icon-sort-numeric-down-alt:before {
  content: "\f886";
}

.icon-sort-numeric-up:before {
  content: "\f163";
}

.icon-sort-numeric-up-alt:before {
  content: "\f887";
}

.icon-sort-shapes-down:before {
  content: "\f888";
}

.icon-sort-shapes-down-alt:before {
  content: "\f889";
}

.icon-sort-shapes-up:before {
  content: "\f88a";
}

.icon-sort-shapes-up-alt:before {
  content: "\f88b";
}

.icon-sort-size-down:before {
  content: "\f88c";
}

.icon-sort-size-down-alt:before {
  content: "\f88d";
}

.icon-sort-size-up:before {
  content: "\f88e";
}

.icon-sort-size-up-alt:before {
  content: "\f88f";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-soundcloud:before {
  content: "\f1be";
}

.icon-soup:before {
  content: "\f823";
}

.icon-sourcetree:before {
  content: "\f7d3";
}

.icon-spa:before {
  content: "\f5bb";
}

.icon-space-shuttle:before {
  content: "\f197";
}

.icon-space-station-moon:before {
  content: "\f933";
}

.icon-space-station-moon-alt:before {
  content: "\f934";
}

.icon-spade:before {
  content: "\f2f4";
}

.icon-sparkles:before {
  content: "\f890";
}

.icon-speakap:before {
  content: "\f3f3";
}

.icon-speaker:before {
  content: "\f8df";
}

.icon-speaker-deck:before {
  content: "\f83c";
}

.icon-speakers:before {
  content: "\f8e0";
}

.icon-spell-check:before {
  content: "\f891";
}

.icon-spider:before {
  content: "\f717";
}

.icon-spider-black-widow:before {
  content: "\f718";
}

.icon-spider-web:before {
  content: "\f719";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-spinner-third:before {
  content: "\f3f4";
}

.icon-splotch:before {
  content: "\f5bc";
}

.icon-spotify:before {
  content: "\f1bc";
}

.icon-spray-can:before {
  content: "\f5bd";
}

.icon-sprinkler:before {
  content: "\f935";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-square-full:before {
  content: "\f45c";
}

.icon-square-root:before {
  content: "\f697";
}

.icon-square-root-alt:before {
  content: "\f698";
}

.icon-squarespace:before {
  content: "\f5be";
}

.icon-squirrel:before {
  content: "\f71a";
}

.icon-stack-exchange:before {
  content: "\f18d";
}

.icon-stack-overflow:before {
  content: "\f16c";
}

.icon-stackpath:before {
  content: "\f842";
}

.icon-staff:before {
  content: "\f71b";
}

.icon-stamp:before {
  content: "\f5bf";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-and-crescent:before {
  content: "\f699";
}

.icon-star-christmas:before {
  content: "\f7d4";
}

.icon-star-exclamation:before {
  content: "\f2f3";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-star-half-alt:before {
  content: "\f5c0";
}

.icon-star-of-david:before {
  content: "\f69a";
}

.icon-star-of-life:before {
  content: "\f621";
}

.icon-star-shooting:before {
  content: "\f936";
}

.icon-starfighter:before {
  content: "\f937";
}

.icon-starfighter-alt:before {
  content: "\f938";
}

.icon-stars:before {
  content: "\f762";
}

.icon-starship:before {
  content: "\f939";
}

.icon-starship-freighter:before {
  content: "\f93a";
}

.icon-staylinked:before {
  content: "\f3f5";
}

.icon-steak:before {
  content: "\f824";
}

.icon-steam:before {
  content: "\f1b6";
}

.icon-steam-square:before {
  content: "\f1b7";
}

.icon-steam-symbol:before {
  content: "\f3f6";
}

.icon-steering-wheel:before {
  content: "\f622";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-sticker-mule:before {
  content: "\f3f7";
}

.icon-sticky-note:before {
  content: "\f249";
}

.icon-stocking:before {
  content: "\f7d5";
}

.icon-stomach:before {
  content: "\f623";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-stop-circle:before {
  content: "\f28d";
}

.icon-stopwatch:before {
  content: "\f2f2";
}

.icon-store:before {
  content: "\f54e";
}

.icon-store-alt:before {
  content: "\f54f";
}

.icon-strava:before {
  content: "\f428";
}

.icon-stream:before {
  content: "\f550";
}

.icon-street-view:before {
  content: "\f21d";
}

.icon-stretcher:before {
  content: "\f825";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-stripe:before {
  content: "\f429";
}

.icon-stripe-s:before {
  content: "\f42a";
}

.icon-stroopwafel:before {
  content: "\f551";
}

.icon-studiovinari:before {
  content: "\f3f8";
}

.icon-stumbleupon:before {
  content: "\f1a4";
}

.icon-stumbleupon-circle:before {
  content: "\f1a3";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-subway:before {
  content: "\f239";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-suitcase-rolling:before {
  content: "\f5c1";
}

.icon-sun:before {
  content: "\f185";
}

.icon-sun-cloud:before {
  content: "\f763";
}

.icon-sun-dust:before {
  content: "\f764";
}

.icon-sun-haze:before {
  content: "\f765";
}

.icon-sunglasses:before {
  content: "\f892";
}

.icon-sunrise:before {
  content: "\f766";
}

.icon-sunset:before {
  content: "\f767";
}

.icon-superpowers:before {
  content: "\f2dd";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-supple:before {
  content: "\f3f9";
}

.icon-surprise:before {
  content: "\f5c2";
}

.icon-suse:before {
  content: "\f7d6";
}

.icon-swatchbook:before {
  content: "\f5c3";
}

.icon-swift:before {
  content: "\f8e1";
}

.icon-swimmer:before {
  content: "\f5c4";
}

.icon-swimming-pool:before {
  content: "\f5c5";
}

.icon-sword:before {
  content: "\f71c";
}

.icon-sword-laser:before {
  content: "\f93b";
}

.icon-sword-laser-alt:before {
  content: "\f93c";
}

.icon-swords:before {
  content: "\f71d";
}

.icon-swords-laser:before {
  content: "\f93d";
}

.icon-symfony:before {
  content: "\f83d";
}

.icon-synagogue:before {
  content: "\f69b";
}

.icon-sync:before {
  content: "\f021";
}

.icon-sync-alt:before {
  content: "\f2f1";
}

.icon-syringe:before {
  content: "\f48e";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-table-tennis:before {
  content: "\f45d";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-tablet-alt:before {
  content: "\f3fa";
}

.icon-tablet-android:before {
  content: "\f3fb";
}

.icon-tablet-android-alt:before {
  content: "\f3fc";
}

.icon-tablet-rugged:before {
  content: "\f48f";
}

.icon-tablets:before {
  content: "\f490";
}

.icon-tachometer:before {
  content: "\f0e4";
}

.icon-tachometer-alt:before {
  content: "\f3fd";
}

.icon-tachometer-alt-average:before {
  content: "\f624";
}

.icon-tachometer-alt-fast:before {
  content: "\f625";
}

.icon-tachometer-alt-fastest:before {
  content: "\f626";
}

.icon-tachometer-alt-slow:before {
  content: "\f627";
}

.icon-tachometer-alt-slowest:before {
  content: "\f628";
}

.icon-tachometer-average:before {
  content: "\f629";
}

.icon-tachometer-fast:before {
  content: "\f62a";
}

.icon-tachometer-fastest:before {
  content: "\f62b";
}

.icon-tachometer-slow:before {
  content: "\f62c";
}

.icon-tachometer-slowest:before {
  content: "\f62d";
}

.icon-taco:before {
  content: "\f826";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-tally:before {
  content: "\f69c";
}

.icon-tanakh:before {
  content: "\f827";
}

.icon-tape:before {
  content: "\f4db";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-tasks-alt:before {
  content: "\f828";
}

.icon-taxi:before {
  content: "\f1ba";
}

.icon-teamspeak:before {
  content: "\f4f9";
}

.icon-teeth:before {
  content: "\f62e";
}

.icon-teeth-open:before {
  content: "\f62f";
}

.icon-telegram:before {
  content: "\f2c6";
}

.icon-telegram-plane:before {
  content: "\f3fe";
}

.icon-telescope:before {
  content: "\f93e";
}

.icon-temperature-down:before {
  content: "\f93f";
}

.icon-temperature-frigid:before {
  content: "\f768";
}

.icon-temperature-high:before {
  content: "\f769";
}

.icon-temperature-hot:before {
  content: "\f76a";
}

.icon-temperature-low:before {
  content: "\f76b";
}

.icon-temperature-up:before {
  content: "\f940";
}

.icon-tencent-weibo:before {
  content: "\f1d5";
}

.icon-tenge:before {
  content: "\f7d7";
}

.icon-tennis-ball:before {
  content: "\f45e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-text:before {
  content: "\f893";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-size:before {
  content: "\f894";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-the-red-yeti:before {
  content: "\f69d";
}

.icon-theater-masks:before {
  content: "\f630";
}

.icon-themeco:before {
  content: "\f5c6";
}

.icon-themeisle:before {
  content: "\f2b2";
}

.icon-thermometer:before {
  content: "\f491";
}

.icon-thermometer-empty:before {
  content: "\f2cb";
}

.icon-thermometer-full:before {
  content: "\f2c7";
}

.icon-thermometer-half:before {
  content: "\f2c9";
}

.icon-thermometer-quarter:before {
  content: "\f2ca";
}

.icon-thermometer-three-quarters:before {
  content: "\f2c8";
}

.icon-theta:before {
  content: "\f69e";
}

.icon-think-peaks:before {
  content: "\f731";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbtack:before {
  content: "\f08d";
}

.icon-thunderstorm:before {
  content: "\f76c";
}

.icon-thunderstorm-moon:before {
  content: "\f76d";
}

.icon-thunderstorm-sun:before {
  content: "\f76e";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-ticket-alt:before {
  content: "\f3ff";
}

.icon-tilde:before {
  content: "\f69f";
}

.icon-times:before {
  content: "\f00d";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-times-hexagon:before {
  content: "\f2ee";
}

.icon-times-octagon:before {
  content: "\f2f0";
}

.icon-times-square:before {
  content: "\f2d3";
}

.icon-tint:before {
  content: "\f043";
}

.icon-tint-slash:before {
  content: "\f5c7";
}

.icon-tire:before {
  content: "\f631";
}

.icon-tire-flat:before {
  content: "\f632";
}

.icon-tire-pressure-warning:before {
  content: "\f633";
}

.icon-tire-rugged:before {
  content: "\f634";
}

.icon-tired:before {
  content: "\f5c8";
}

.icon-toggle-off:before {
  content: "\f204";
}

.icon-toggle-on:before {
  content: "\f205";
}

.icon-toilet:before {
  content: "\f7d8";
}

.icon-toilet-paper:before {
  content: "\f71e";
}

.icon-toilet-paper-alt:before {
  content: "\f71f";
}

.icon-tombstone:before {
  content: "\f720";
}

.icon-tombstone-alt:before {
  content: "\f721";
}

.icon-toolbox:before {
  content: "\f552";
}

.icon-tools:before {
  content: "\f7d9";
}

.icon-tooth:before {
  content: "\f5c9";
}

.icon-toothbrush:before {
  content: "\f635";
}

.icon-torah:before {
  content: "\f6a0";
}

.icon-torii-gate:before {
  content: "\f6a1";
}

.icon-tornado:before {
  content: "\f76f";
}

.icon-tractor:before {
  content: "\f722";
}

.icon-trade-federation:before {
  content: "\f513";
}

.icon-trademark:before {
  content: "\f25c";
}

.icon-traffic-cone:before {
  content: "\f636";
}

.icon-traffic-light:before {
  content: "\f637";
}

.icon-traffic-light-go:before {
  content: "\f638";
}

.icon-traffic-light-slow:before {
  content: "\f639";
}

.icon-traffic-light-stop:before {
  content: "\f63a";
}

.icon-trailer:before {
  content: "\f941";
}

.icon-train:before {
  content: "\f238";
}

.icon-tram:before {
  content: "\f7da";
}

.icon-transgender:before {
  content: "\f224";
}

.icon-transgender-alt:before {
  content: "\f225";
}

.icon-transporter:before {
  content: "\f942";
}

.icon-transporter-1:before {
  content: "\f943";
}

.icon-transporter-2:before {
  content: "\f944";
}

.icon-transporter-3:before {
  content: "\f945";
}

.icon-transporter-empty:before {
  content: "\f946";
}

.icon-trash:before {
  content: "\f1f8";
}

.icon-trash-alt:before {
  content: "\f2ed";
}

.icon-trash-restore:before {
  content: "\f829";
}

.icon-trash-restore-alt:before {
  content: "\f82a";
}

.icon-trash-undo:before {
  content: "\f895";
}

.icon-trash-undo-alt:before {
  content: "\f896";
}

.icon-treasure-chest:before {
  content: "\f723";
}

.icon-tree:before {
  content: "\f1bb";
}

.icon-tree-alt:before {
  content: "\f400";
}

.icon-tree-christmas:before {
  content: "\f7db";
}

.icon-tree-decorated:before {
  content: "\f7dc";
}

.icon-tree-large:before {
  content: "\f7dd";
}

.icon-tree-palm:before {
  content: "\f82b";
}

.icon-trees:before {
  content: "\f724";
}

.icon-trello:before {
  content: "\f181";
}

.icon-triangle:before {
  content: "\f2ec";
}

.icon-triangle-music:before {
  content: "\f8e2";
}

.icon-tripadvisor:before {
  content: "\f262";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-trophy-alt:before {
  content: "\f2eb";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-truck-container:before {
  content: "\f4dc";
}

.icon-truck-couch:before {
  content: "\f4dd";
}

.icon-truck-loading:before {
  content: "\f4de";
}

.icon-truck-monster:before {
  content: "\f63b";
}

.icon-truck-moving:before {
  content: "\f4df";
}

.icon-truck-pickup:before {
  content: "\f63c";
}

.icon-truck-plow:before {
  content: "\f7de";
}

.icon-truck-ramp:before {
  content: "\f4e0";
}

.icon-trumpet:before {
  content: "\f8e3";
}

.icon-tshirt:before {
  content: "\f553";
}

.icon-tty:before {
  content: "\f1e4";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-square:before {
  content: "\f174";
}

.icon-turkey:before {
  content: "\f725";
}

.icon-turntable:before {
  content: "\f8e4";
}

.icon-turtle:before {
  content: "\f726";
}

.icon-tv:before {
  content: "\f26c";
}

.icon-tv-alt:before {
  content: "\f8e5";
}

.icon-tv-music:before {
  content: "\f8e6";
}

.icon-tv-retro:before {
  content: "\f401";
}

.icon-twitch:before {
  content: "\f1e8";
}

.icon-twitter:before {
  content: "\e90f";
}

.icon-twitter-square:before {
  content: "\f081";
}

.icon-typewriter:before {
  content: "\f8e7";
}

.icon-typo3:before {
  content: "\f42b";
}

.icon-uber:before {
  content: "\f402";
}

.icon-ubuntu:before {
  content: "\f7df";
}

.icon-ufo:before {
  content: "\f947";
}

.icon-ufo-beam:before {
  content: "\f948";
}

.icon-uikit:before {
  content: "\f403";
}

.icon-umbraco:before {
  content: "\f8e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-umbrella-beach:before {
  content: "\f5ca";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-undo:before {
  content: "\f0e2";
}

.icon-undo-alt:before {
  content: "\f2ea";
}

.icon-unicorn:before {
  content: "\f727";
}

.icon-union:before {
  content: "\f6a2";
}

.icon-uniregistry:before {
  content: "\f404";
}

.icon-unity:before {
  content: "\f949";
}

.icon-universal-access:before {
  content: "\f29a";
}

.icon-university:before {
  content: "\f19c";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-untappd:before {
  content: "\f405";
}

.icon-upload:before {
  content: "\f093";
}

.icon-ups:before {
  content: "\f7e0";
}

.icon-usb:before {
  content: "\f287";
}

.icon-usb-drive:before {
  content: "\f8e9";
}

.icon-usd-circle:before {
  content: "\f2e8";
}

.icon-usd-square:before {
  content: "\f2e9";
}

.icon-user:before {
  content: "\f007";
}

.icon-user-alien:before {
  content: "\f94a";
}

.icon-user-alt:before {
  content: "\f406";
}

.icon-user-alt-slash:before {
  content: "\f4fa";
}

.icon-user-astronaut:before {
  content: "\f4fb";
}

.icon-user-chart:before {
  content: "\f6a3";
}

.icon-user-check:before {
  content: "\f4fc";
}

.icon-user-circle:before {
  content: "\f2bd";
}

.icon-user-clock:before {
  content: "\f4fd";
}

.icon-user-cog:before {
  content: "\f4fe";
}

.icon-user-cowboy:before {
  content: "\f8ea";
}

.icon-user-crown:before {
  content: "\f6a4";
}

.icon-user-edit:before {
  content: "\f4ff";
}

.icon-user-friends:before {
  content: "\f500";
}

.icon-user-graduate:before {
  content: "\f501";
}

.icon-user-hard-hat:before {
  content: "\f82c";
}

.icon-user-headset:before {
  content: "\f82d";
}

.icon-user-injured:before {
  content: "\f728";
}

.icon-user-lock:before {
  content: "\f502";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-user-md-chat:before {
  content: "\f82e";
}

.icon-user-minus:before {
  content: "\f503";
}

.icon-user-music:before {
  content: "\f8eb";
}

.icon-user-ninja:before {
  content: "\f504";
}

.icon-user-nurse:before {
  content: "\f82f";
}

.icon-user-plus:before {
  content: "\f234";
}

.icon-user-robot:before {
  content: "\f94b";
}

.icon-user-secret:before {
  content: "\f21b";
}

.icon-user-shield:before {
  content: "\f505";
}

.icon-user-slash:before {
  content: "\f506";
}

.icon-user-tag:before {
  content: "\f507";
}

.icon-user-tie:before {
  content: "\f508";
}

.icon-user-times:before {
  content: "\f235";
}

.icon-user-unlock:before {
  content: "\f958";
}

.icon-user-visor:before {
  content: "\f94c";
}

.icon-users:before {
  content: "\f0c0";
}

.icon-users-class:before {
  content: "\f63d";
}

.icon-users-cog:before {
  content: "\f509";
}

.icon-users-crown:before {
  content: "\f6a5";
}

.icon-users-medical:before {
  content: "\f830";
}

.icon-usps:before {
  content: "\f7e1";
}

.icon-ussunnah:before {
  content: "\f407";
}

.icon-utensil-fork:before {
  content: "\f2e3";
}

.icon-utensil-knife:before {
  content: "\f2e4";
}

.icon-utensil-spoon:before {
  content: "\f2e5";
}

.icon-utensils:before {
  content: "\f2e7";
}

.icon-utensils-alt:before {
  content: "\f2e6";
}

.icon-vaadin:before {
  content: "\f408";
}

.icon-vacuum:before {
  content: "\f94d";
}

.icon-vacuum-robot:before {
  content: "\f94e";
}

.icon-value-absolute:before {
  content: "\f6a6";
}

.icon-vector-square:before {
  content: "\f5cb";
}

.icon-venus:before {
  content: "\f221";
}

.icon-venus-double:before {
  content: "\f226";
}

.icon-venus-mars:before {
  content: "\f228";
}

.icon-vhs:before {
  content: "\f8ec";
}

.icon-viacoin:before {
  content: "\f237";
}

.icon-viadeo:before {
  content: "\f2a9";
}

.icon-viadeo-square:before {
  content: "\f2aa";
}

.icon-vial:before {
  content: "\f492";
}

.icon-vials:before {
  content: "\f493";
}

.icon-viber:before {
  content: "\f409";
}

.icon-video:before {
  content: "\f03d";
}

.icon-video-plus:before {
  content: "\f4e1";
}

.icon-video-slash:before {
  content: "\f4e2";
}

.icon-vihara:before {
  content: "\f6a7";
}

.icon-vimeo:before {
  content: "\f40a";
}

.icon-vimeo-square:before {
  content: "\f194";
}

.icon-vimeo-v:before {
  content: "\f27d";
}

.icon-vine:before {
  content: "\f1ca";
}

.icon-violin:before {
  content: "\f8ed";
}

.icon-vk:before {
  content: "\f189";
}

.icon-vnv:before {
  content: "\f40b";
}

.icon-voicemail:before {
  content: "\f897";
}

.icon-volcano:before {
  content: "\f770";
}

.icon-volleyball-ball:before {
  content: "\f45f";
}

.icon-volume:before {
  content: "\f6a8";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-mute:before {
  content: "\f6a9";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-slash:before {
  content: "\f2e2";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-vote-nay:before {
  content: "\f771";
}

.icon-vote-yea:before {
  content: "\f772";
}

.icon-vr-cardboard:before {
  content: "\f729";
}

.icon-vuejs:before {
  content: "\f41f";
}

.icon-wagon-covered:before {
  content: "\f8ee";
}

.icon-walker:before {
  content: "\f831";
}

.icon-walkie-talkie:before {
  content: "\f8ef";
}

.icon-walking:before {
  content: "\f554";
}

.icon-wallet:before {
  content: "\f555";
}

.icon-wand:before {
  content: "\f72a";
}

.icon-wand-magic:before {
  content: "\f72b";
}

.icon-warehouse:before {
  content: "\f494";
}

.icon-warehouse-alt:before {
  content: "\f495";
}

.icon-washer:before {
  content: "\f898";
}

.icon-watch:before {
  content: "\f2e1";
}

.icon-watch-calculator:before {
  content: "\f8f0";
}

.icon-watch-fitness:before {
  content: "\f63e";
}

.icon-water:before {
  content: "\f773";
}

.icon-water-lower:before {
  content: "\f774";
}

.icon-water-rise:before {
  content: "\f775";
}

.icon-wave-sine:before {
  content: "\f899";
}

.icon-wave-square:before {
  content: "\f83e";
}

.icon-wave-triangle:before {
  content: "\f89a";
}

.icon-waveform:before {
  content: "\f8f1";
}

.icon-waveform-path:before {
  content: "\f8f2";
}

.icon-waze:before {
  content: "\f83f";
}

.icon-webcam:before {
  content: "\f832";
}

.icon-webcam-slash:before {
  content: "\f833";
}

.icon-weebly:before {
  content: "\f5cc";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-weight:before {
  content: "\f496";
}

.icon-weight-hanging:before {
  content: "\f5cd";
}

.icon-weixin:before {
  content: "\f1d7";
}

.icon-whale:before {
  content: "\f72c";
}

.icon-whatsapp:before {
  content: "\f232";
}

.icon-whatsapp-square:before {
  content: "\f40c";
}

.icon-wheat:before {
  content: "\f72d";
}

.icon-wheelchair:before {
  content: "\f193";
}

.icon-whistle:before {
  content: "\f460";
}

.icon-whmcs:before {
  content: "\f40d";
}

.icon-wifi:before {
  content: "\f1eb";
}

.icon-wifi-1:before {
  content: "\f6aa";
}

.icon-wifi-2:before {
  content: "\f6ab";
}

.icon-wifi-slash:before {
  content: "\f6ac";
}

.icon-wikipedia-w:before {
  content: "\f266";
}

.icon-wind:before {
  content: "\f72e";
}

.icon-wind-turbine:before {
  content: "\f89b";
}

.icon-wind-warning:before {
  content: "\f776";
}

.icon-window:before {
  content: "\f40e";
}

.icon-window-alt:before {
  content: "\f40f";
}

.icon-window-close:before {
  content: "\f410";
}

.icon-window-frame:before {
  content: "\f94f";
}

.icon-window-frame-open:before {
  content: "\f950";
}

.icon-window-maximize:before {
  content: "\f2d0";
}

.icon-window-minimize:before {
  content: "\f2d1";
}

.icon-window-restore:before {
  content: "\f2d2";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-windsock:before {
  content: "\f777";
}

.icon-wine-bottle:before {
  content: "\f72f";
}

.icon-wine-glass:before {
  content: "\f4e3";
}

.icon-wine-glass-alt:before {
  content: "\f5ce";
}

.icon-wix:before {
  content: "\f5cf";
}

.icon-wizards-of-the-coast:before {
  content: "\f730";
}

.icon-wolf-pack-battalion:before {
  content: "\f514";
}

.icon-won-sign:before {
  content: "\f159";
}

.icon-wordpress:before {
  content: "\f19a";
}

.icon-wordpress-simple:before {
  content: "\f411";
}

.icon-wpbeginner:before {
  content: "\f297";
}

.icon-wpexplorer:before {
  content: "\f2de";
}

.icon-wpforms:before {
  content: "\f298";
}

.icon-wpressr:before {
  content: "\f3e4";
}

.icon-wreath:before {
  content: "\f7e2";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-x-ray:before {
  content: "\f497";
}

.icon-xbox:before {
  content: "\f412";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-square:before {
  content: "\f169";
}

.icon-y-combinator:before {
  content: "\f23b";
}

.icon-yahoo:before {
  content: "\f19e";
}

.icon-yammer:before {
  content: "\f840";
}

.icon-yandex:before {
  content: "\f413";
}

.icon-yandex-international:before {
  content: "\f414";
}

.icon-yarn:before {
  content: "\f7e3";
}

.icon-yelp:before {
  content: "\f1e9";
}

.icon-yen-sign:before {
  content: "\f157";
}

.icon-yin-yang:before {
  content: "\f6ad";
}

.icon-yoast:before {
  content: "\f2b1";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-youtube-square:before {
  content: "\f431";
}

.icon-zhihu:before {
  content: "\f63f";
}

.icon-alarm-cancel:before {
  content: "\f1f6";
}

.icon-pause:before,
.icon-pause2:before,
.icon-pause22:before,
.icon-pause3:before {
  content: "\f04c";
}

.icon-alarm-plus:before {
  content: "\f849";
}

.icon-angle-down:before,
.icon-angle-down2:before,
.icon-arrow-down2:before,
.icon-para-arrow-down:before {
  content: "\f107";
}

.icon-angle-left:before,
.icon-angle-left2:before,
.icon-para-arrow-left:before {
  content: "\f104";
}

.icon-angle-right:before,
.icon-angle-right2:before,
.icon-para-arrow-right:before {
  content: "\f105";
}

.icon-angle-up:before,
.icon-angle-up2:before,
.icon-arrow-up2:before,
.icon-para-arrow-up:before {
  content: "\f106";
}

.icon-arrow:before {
  content: "\f065";
}

.icon-basket:before,
.icon-basket2:before {
  content: "\f291";
}

.icon-bell:before,
.icon-bell2:before {
  content: "\f0f3";
}

.icon-box-open:before {
  content: "\f49e";
}

.icon-bubble:before,
.icon-bubble2:before,
.icon-bubble3:before,
.icon-bubble4:before,
.icon-bubble5:before,
.icon-bubble6:before,
.icon-bubble7:before,
.icon-bubble8:before,
.icon-bubble9:before,
.icon-bubble10:before,
.icon-bubble11:before,
.icon-bubble12:before,
.icon-bubble13:before,
.icon-bubble14:before,
.icon-bubble22:before {
  content: "\f075";
}

.icon-bubbles:before,
.icon-bubbles2:before,
.icon-bubbles3:before,
.icon-bubbles4:before,
.icon-bubbles5:before,
.icon-bubbles6:before,
.icon-bubbles7:before,
.icon-bubbles8:before,
.icon-bubbles9:before,
.icon-bubbles10:before,
.icon-bubbles11:before,
.icon-bubbles22:before {
  content: "\f086";
}

.icon-calendar:before,
.icon-calendar2:before,
.icon-calendar3:before,
.icon-calendar4:before,
.icon-calendar5:before,
.icon-calendar6:before,
.icon-calendar22:before,
.icon-calendar32:before,
.icon-calendar42:before,
.icon-calendar52:before {
  content: "\f073";
}

.icon-camera:before,
.icon-camera2:before,
.icon-camera3:before,
.icon-camera4:before,
.icon-camera5:before,
.icon-camera6:before,
.icon-camera22:before,
.icon-camera32:before,
.icon-camera42:before,
.icon-camera52:before,
.icon-camera222:before,
.icon-camera322:before,
.icon-camera422:before {
  content: "\f03d";
}

.icon-cart:before,
.icon-cart1:before,
.icon-cart2:before,
.icon-cart3:before,
.icon-cart4:before,
.icon-cart5:before,
.icon-cart6:before,
.icon-cart7:before,
.icon-para-cart:before {
  content: "\f07a";
}

.icon-cart-add:before,
.icon-cart-plus:before {
  content: "\f217";
}

.icon-chart:before {
  content: "\f643";
}

.icon-checkmark:before,
.icon-checkmark2:before,
.icon-checkmark3:before,
.icon-checkmark4:before,
.icon-checkmark5:before,
.icon-checkmark22:before,
.icon-checkmark32:before,
.icon-checkmark42:before {
  content: "\f00c";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-clock:before,
.icon-clock2:before,
.icon-clock3:before,
.icon-clock4:before,
.icon-clock5:before,
.icon-clock6:before,
.icon-clock7:before {
  content: "\f017";
}

.icon-close:before,
.icon-close2:before,
.icon-close3:before,
.icon-close4:before,
.icon-close5:before {
  content: "\f00d";
}

.icon-cog:before,
.icon-cog2:before,
.icon-cog3:before,
.icon-cog4:before,
.icon-cog5:before,
.icon-cog6:before,
.icon-cog7:before,
.icon-cog22:before,
.icon-cog32:before,
.icon-cog42:before,
.icon-cog52:before {
  content: "\f013";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-contract:before,
.icon-contract2:before,
.icon-contract3:before,
.icon-contract4:before,
.icon-contract22:before,
.icon-contract32:before {
  content: "\f066";
}

.icon-cube:before,
.icon-cube2:before,
.icon-cube3:before,
.icon-cube4:before {
  content: "\f1b2";
}

.icon-datasheet:before {
  content: "\f15c";
}

.icon-download:before,
.icon-download2:before,
.icon-download3:before,
.icon-download4:before,
.icon-download5:before,
.icon-download6:before,
.icon-download22:before,
.icon-download32:before,
.icon-download42:before,
.icon-download52:before,
.icon-download422:before,
.icon-download522:before,
.icon-arrow-down6:before {
  content: "\f33d";
}

.icon-dumbbell:before {
  content: "\f44b";
}

.icon-envelop:before,
.icon-envelop2:before,
.icon-envelop22:before,
.icon-envelop3:before,
.icon-envelop32:before,
.icon-envelop4:before,
.icon-mail:before,
.icon-mail2:before,
.icon-mail3:before,
.icon-mail4:before {
  content: "\f0e0";
}

.icon-envelop-opened:before,
.icon-envelop-opened2:before {
  content: "\f2b6";
}

.icon-equalizer:before,
.icon-equalizer2:before,
.icon-equalizer3:before,
.icon-equalizer4:before,
.icon-equalizer22:before,
.icon-equalizer32:before {
  content: "\f1de";
}

.icon-facebook,
.icon-facebook2,
.icon-facebook3,
.icon-facebook22,
.icon-facebook32,
.icon-facebook222 {
  font-family: "Font Awesome Brand";
}

.icon-facebook:before,
.icon-facebook2:before,
.icon-facebook3:before,
.icon-facebook22:before,
.icon-facebook32:before,
.icon-facebook222:before {
  content: "\f39e";
}

.icon-facebook-square {
  font-family: "Font Awesome Brand";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-file:before,
.icon-file2:before,
.icon-file22:before,
.icon-file222:before,
.icon-file3:before,
.icon-file32:before,
.icon-file4:before,
.icon-file5:before,
.icon-file6:before,
.icon-document:before {
  content: "\f15b";
}

.icon-file-check:before,
.icon-file-check2:before {
  content: "\f316";
}

.icon-file-download:before,
.icon-file-download2:before {
  content: "\f56d";
}

.icon-file-excel:before,
.icon-para-excel2:before {
  content: "\f1c3";
}

.icon-file-pdf:before,
.icon-para-pdf2:before {
  content: "\f1c1";
}

.icon-file-upload:before,
.icon-file-upload2:before {
  content: "\f574";
}

.icon-file-zip:before {
  content: "\f1c6";
}

.icon-file-xml:before,
.icon-file-xml2:before {
  content: "\f1c9";
}

.icon-film:before,
.icon-film2:before,
.icon-film3:before,
.icon-film4:before,
.icon-film5:before,
.icon-film22:before,
.icon-film32:before,
.icon-film42:before {
  content: "\f008";
}

.icon-filter:before,
.icon-filter2:before,
.icon-filter3:before,
.icon-filter4:before,
.icon-filter5:before,
.icon-filter22:before,
.icon-filter32:before,
.icon-filter42:before {
  content: "\f0b0";
}

.icon-folder:before,
.icon-folder2:before,
.icon-folder3:before,
.icon-folder32:before,
.icon-folder4:before,
.icon-folder42:before,
.icon-folder5:before,
.icon-folder52:before,
.icon-folder6:before,
.icon-folder62:before,
.icon-folder8:before {
  content: "\f07b";
}

.icon-folder-download:before,
.icon-folder-download2:before,
.icon-folder-download22:before,
.icon-folder-download3:before,
.icon-folder-download32:before {
  content: "\f953";
}

.icon-folder-minus:before,
.icon-folder-minus2:before,
.icon-folder-minus3:before {
  content: "\f65d";
}

.icon-folder-open:before,
.icon-folder-open2:before,
.icon-folder-open22:before,
.icon-folder-open3:before,
.icon-folder-open32:before,
.icon-folder-open4:before {
  content: "\f07c";
}

.icon-folder-plus:before,
.icon-folder-plus2:before,
.icon-folder-plus3:before,
.icon-folder-plus4:before,
.icon-folder-plus42:before {
  content: "\f65e";
}

.icon-folder-remove:before,
.icon-folder-remove2:before,
.icon-folder-remove22:before {
  content: "\f65f";
}

.icon-folder-upload:before,
.icon-folder-upload2:before,
.icon-folder-upload22:before,
.icon-folder-upload3:before,
.icon-folder-upload32:before {
  content: "\f954";
}

.icon-folders:before {
  content: "\f660";
}

.icon-globe:before,
.icon-globe2:before,
.icon-globe3:before,
.icon-globe4:before,
.icon-globe22:before,
.icon-globe32:before {
  content: "\f0ac";
}

.icon-graduation:before {
  content: "\f19d";
}

.icon-grid:before,
.icon-grid2:before,
.icon-grid22:before,
.icon-grid3:before,
.icon-grid32:before,
.icon-grid4:before,
.icon-grid42:before,
.icon-grid5:before,
.icon-grid52:before,
.icon-grid6:before,
.icon-grid62:before,
.icon-grid7:before {
  content: "\f84c";
}

.icon-home:before,
.icon-home2:before,
.icon-home3:before,
.icon-home4:before,
.icon-home5:before,
.icon-home6:before,
.icon-home7:before,
.icon-home8:before,
.icon-home9:before,
.icon-home10:before,
.icon-home11:before,
.icon-home12:before,
.icon-home22:before,
.icon-home32:before,
.icon-home42:before {
  content: "\f015";
}

.icon-info,
.icon-info2,
.icon-info22,
.icon-para-info2 {
  padding: 2px 0px;
}

.icon-info:before,
.icon-info2:before,
.icon-info22:before,
.icon-para-info2:before {
  content: "\f05a";
}

.icon-linkedin,
.icon-linkedin2 {
  font-family: "Font Awesome Brand";
}

.icon-linkedin:before,
.icon-linkedin2:before {
  content: "\f0e1";
}

.icon-list:before,
.icon-list2:before,
.icon-list22:before,
.icon-list3:before,
.icon-list32:before,
.icon-list4:before,
.icon-list42:before,
.icon-list5:before,
.icon-list52:before,
.icon-list6:before {
  content: "\f03a";
}

.icon-lock:before,
.icon-lock2:before,
.icon-lock3:before,
.icon-lock4:before,
.icon-lock5:before {
  content: "\f023";
}

.icon-menu10:before {
  content: "\f0dc";
}

.icon-movie:before,
.icon-movie2:before,
.icon-movie3:before,
.icon-movie22:before {
  content: "\f109";
}

.icon-numbered-list:before,
.icon-numbered-list2:before {
  content: "\f0cb";
}

.icon-newtab:before,
.icon-newtab2:before,
.icon-newtab3:before,
.icon-newtab22:before {
  content: "\f08e";
}

.icon-part:before {
  content: "\f2db";
}

.icon-play:before,
.icon-play2:before,
.icon-play3:before,
.icon-play4:before,
.icon-play22:before,
.icon-play23:before,
.icon-play32:before,
.icon-play222:before {
  content: "\f04b";
}

.icon-question:before,
.icon-question2:before,
.icon-question3:before,
.icon-question4:before,
.icon-question5:before,
.icon-question6:before,
.icon-question22:before,
.icon-question32:before,
.icon-question42:before,
.icon-question52:before {
  content: "\f128";
}

.icon-reset:before,
.icon-para-reset:before {
  content: "\f3f4";
}

.icon-screen:before {
  content: "\f108";
}

.icon-search:before,
.icon-search2:before,
.icon-search3:before,
.icon-search4:before,
.icon-search5:before,
.icon-search22:before,
.i-seconarch222:before,
.icon-search32:before,
.icon-search42:before {
  content: "\f002";
}

.icon-share2:before,
.icon-share22:before {
  content: "\f1e0";
}

.icon-stats-up:before {
  content: "\f201";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-tools:before,
.icon-tools2:before,
.icon-tools22:before {
  content: "\f7d9";
}

.icon-tree:before,
.icon-tree2:before,
.icon-tree3:before,
.icon-tree4:before,
.icon-tree22:before,
.icon-tree32:before,
.icon-tree222:before,
.icon-tree322:before {
  content: "\f0e8";
}

.icon-twitter,
.icon-twitter2,
.icon-twitter3,
.icon-twitter4,
.icon-twitter22,
.icon-twitter32 {
  font-family: 'nxp-icons';
}

.icon-unlocked:before,
.icon-unlocked2:before {
  content: "\f3c1";
}

.icon-user:before,
.icon-user2:before,
.icon-user22:before,
.icon-user3:before,
.icon-user32:before,
.icon-user4:before,
.icon-user42:before,
.icon-user5:before,
.icon-user52:before,
.icon-user6:before,
.icon-user62:before,
.icon-user7:before,
.icon-user72:before,
.icon-user8:before,
.icon-user82:before {
  content: "\f007";
}

.icon-user-block:before,
.icon-user-block2:before,
.icon-user-block22:before {
  content: "\f506";
}

.icon-user-cancel:before,
.icon-user-cancel2:before,
.icon-user-cancel22:before {
  content: "\f235";
}

.icon-user-minus:before,
.icon-user-minus2:before,
.icon-user-minus22:before,
.icon-user-minus3:before,
.icon-user-minus32:before,
.icon-user-minus4:before {
  content: "\f503";
}

.icon-user-plus:before,
.icon-user-plus2:before,
.icon-user-plus22:before,
.icon-user-plus3:before,
.icon-user-plus32:before,
.icon-user-plus4:before {
  content: "\f234";
}

.icon-users:before,
.icon-users2:before,
.icon-users22:before,
.icon-users3:before,
.icon-users32:before,
.icon-users4:before,
.icon-users42:before,
.icon-users5:before,
.icon-users52:before {
  content: "\f0c0";
}

.icon-wrench:before,
.icon-wrench2:before,
.icon-wrench3:before,
.icon-wrench4:before,
.icon-wrench5:before,
.icon-wrench22:before,
.icon-wrench32:before,
.icon-wrench42:before {
  content: "";
}

.icon-youtube,
.icon-youtube2,
.icon-youtube3,
.icon-youtube22,
.icon-youtube-square,
.icon-youtube-square2 {
  font-family: "Font Awesome Brand";
}

.icon-youtube:before,
.icon-youtube2:before,
.icon-youtube3:before,
.icon-youtube22:before,
.icon-youtube-square:before,
.icon-youtube-square2:before {
  content: "\f167";
}

.icon-zoomin:before,
.icon-zoomin2:before,
.icon-zoomin22:before,
.icon-zoomin3:before {
  content: "\f00e";
}

.icon-zoomout:before,
.icon-zoomout2:before,
.icon-zoomout22:before,
.icon-zoomout3:before {
  content: "\f010";
}

.videostore-container .right-arrow .icon-angle-right:before {
  margin-left: 0;
}

span.icon-angle-right:before {
  margin-left: 0.25em;
  font-weight: inherit;
}

.icon-sorting {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJzb3J0aW5nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtzdHJva2Utd2lkdGg6MHB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMS4wOS40M2wxOS4wNCwxNy43MWMuNi41Ny42LDEuNDgsMCwyLjA1bC0yLjU1LDIuMzljLS42LjU3LTEuNTguNTctMi4xOSwwbC0xNS40LTE0LjI5LTE1LjQsMTQuMjljLS42LjU3LTEuNTguNTctMi4xOSwwbC0yLjU1LTIuMzljLS42LS41Ny0uNi0xLjQ4LDAtMi4wNUwyOC45MS40M2MuNi0uNTcsMS41OC0uNTcsMi4xOSwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI4LjkxLDU5LjU3bC0xOS4wNC0xNy43MWMtLjYtLjU3LS42LTEuNDgsMC0yLjA1bDIuNTUtMi4zOWMuNi0uNTcsMS41OC0uNTcsMi4xOSwwbDE1LjQsMTQuMjksMTUuNC0xNC4yOWMuNi0uNTcsMS41OC0uNTcsMi4xOSwwbDIuNTUsMi4zOWMuNi41Ny42LDEuNDgsMCwyLjA1bC0xOS4wNCwxNy43MWMtLjYuNTctMS41OC41Ny0yLjE5LDBaIi8+PC9zdmc+") no-repeat center center;
  width: 16px;
  height: 16px;
}

.icon-sorting:hover {
  cursor: pointer;
}

.icon-filter-parameter {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJmaWx0ZXJzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZS13aWR0aDowcHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMxMC40MywxMDYuMDVjLTExLjA2LTQxLjc4LTQ5LjE5LTcyLjY3LTk0LjQtNzIuNjdzLTgzLjM0LDMwLjg5LTk0LjQsNzIuNjdIMHY1MGgxMjEuNjNjMTEuMDgsNDEuNzYsNDkuMTksNzIuNjIsOTQuMzksNzIuNjJzODMuMzEtMzAuODcsOTQuMzktNzIuNjJoMjAxLjU4di01MGgtMjAxLjU3Wk0yMTYuMDMsMTc4LjY3Yy0yNi4yNywwLTQ3LjY1LTIxLjM3LTQ3LjY1LTQ3LjY1czIxLjM3LTQ3LjY1LDQ3LjY1LTQ3LjY1LDQ3LjY0LDIxLjM3LDQ3LjY0LDQ3LjY1LTIxLjM3LDQ3LjY1LTQ3LjY0LDQ3LjY1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5NS45NywyODMuMzNjLTQ1LjIsMC04My4zMSwzMC44Ny05NC4zOSw3Mi42MkgwdjUwaDIwMS41N2MxMS4wNiw0MS43OCw0OS4xOSw3Mi42Nyw5NC40LDcyLjY3czgzLjM0LTMwLjg5LDk0LjQtNzIuNjdoMTIxLjYydi01MGgtMTIxLjYzYy0xMS4wOC00MS43Ni00OS4xOS03Mi42Mi05NC4zOS03Mi42MlpNMjk1Ljk3LDQyOC42MmMtMjYuMjcsMC00Ny42NS0yMS4zNy00Ny42NS00Ny42NXMyMS4zNy00Ny42NCw0Ny42NS00Ny42NCw0Ny42NCwyMS4zNyw0Ny42NCw0Ny42NC0yMS4zNyw0Ny42NS00Ny42NCw0Ny42NVoiLz48L3N2Zz4=") no-repeat center center;
  width: 12px;
  height: 12px;
  top: 2px;
  position: relative;
  margin-right: 4px;
}

.icon-filter-parameter:hover {
  cursor: pointer;
}

.btn:active .icon-filter-parameter, .nav-close:active .icon-filter-parameter,
.btn.active .icon-filter-parameter,
.active.nav-close .icon-filter-parameter,
.btn:focus .icon-filter-parameter,
.nav-close:focus .icon-filter-parameter, .icon-filter-parameter.invert-icon {
  filter: invert(1);
}

.icon-svg {
  background-repeat: no-repeat;
}

.icon-svg-cart {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2028%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M26.8329%203.08474H6.28443L5.87955%200.943593C5.77606%200.396486%205.29428%200%204.73287%200H0.583332C0.261187%200%200%200.258974%200%200.578389V0.963982C0%201.2834%200.261187%201.54237%200.583332%201.54237H4.40999L7.80922%2019.518C7.30648%2020.066%206.99999%2020.794%206.99999%2021.5932C6.99999%2023.2968%208.39289%2024.6779%2010.1111%2024.6779C11.8293%2024.6779%2013.2222%2023.2968%2013.2222%2021.5932C13.2228%2021.0516%2013.0789%2020.5194%2012.805%2020.0508H19.8617C19.5878%2020.5194%2019.4439%2021.0516%2019.4445%2021.5932C19.4445%2023.2968%2020.8374%2024.6779%2022.5556%2024.6779C24.2738%2024.6779%2025.6667%2023.2968%2025.6667%2021.5932C25.6667%2020.7259%2025.3053%2019.9429%2024.7242%2019.3824C24.5983%2018.8888%2024.148%2018.5084%2023.5923%2018.5084H9.2011L8.61776%2015.4237H24.7265C25.2791%2015.4237%2025.756%2015.0393%2025.8687%2014.5029L27.9751%204.47745C28.126%203.75909%2027.5729%203.08474%2026.8329%203.08474ZM22.5555%2020.0508C23.4133%2020.0508%2024.1111%2020.7427%2024.1111%2021.5932C24.1111%2022.4437%2023.4133%2023.1356%2022.5555%2023.1356C21.6978%2023.1356%2021%2022.4437%2021%2021.5932C21%2020.7427%2021.6978%2020.0508%2022.5555%2020.0508ZM10.1111%2020.0508C10.9688%2020.0508%2011.6666%2020.7427%2011.6666%2021.5932C11.6666%2022.4437%2010.9688%2023.1356%2010.1111%2023.1356C9.25335%2023.1356%208.55554%2022.4437%208.55554%2021.5932C8.55554%2020.7427%209.25335%2020.0508%2010.1111%2020.0508ZM24.4103%2013.8813H8.3261L6.5761%204.62711H26.3548L24.4103%2013.8813Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.icon-svg-play {
  background-image: url("data:image/svg+xml, %0A%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_61_929)%22%3E%0A%3Cpath%20d%3D%22M20%200C8.95161%200%200%208.95161%200%2020C0%2031.0484%208.95161%2040%2020%2040C31.0484%2040%2040%2031.0484%2040%2020C40%208.95161%2031.0484%200%2020%200ZM20%2037.4194C10.4274%2037.4194%202.58065%2029.6694%202.58065%2020C2.58065%2010.4274%2010.3306%202.58065%2020%202.58065C29.5726%202.58065%2037.4194%2010.3306%2037.4194%2020C37.4194%2029.5726%2029.6694%2037.4194%2020%2037.4194Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M29.0725%2018.3743L14.879%209.74528C13.6048%209.03561%2012%209.94688%2012%2011.4389V28.2131C12%2029.6969%2013.5967%2030.6163%2014.879%2029.9066L29.0725%2021.7614C30.3951%2021.0276%2030.3951%2019.1163%2029.0725%2018.3743ZM14.5806%2026.2614V13.4469C14.5806%2013.0679%2014.9919%2012.834%2015.3145%2013.0356L26.1613%2019.6243C26.4758%2019.8179%2026.4677%2020.2776%2026.1532%2020.455L15.3064%2026.6808C14.9838%2026.8663%2014.5806%2026.6324%2014.5806%2026.2614Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_61_929%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22black%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
}

.icon-svg-pause {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_61_922)%22%3E%0A%3Cpath%20d%3D%22M16.9355%2012.2581H15.3226C15.0565%2012.2581%2014.8387%2012.4758%2014.8387%2012.7419V27.2581C14.8387%2027.5242%2015.0565%2027.7419%2015.3226%2027.7419H16.9355C17.2016%2027.7419%2017.4194%2027.5242%2017.4194%2027.2581V12.7419C17.4194%2012.4758%2017.2016%2012.2581%2016.9355%2012.2581ZM24.6774%2012.2581H23.0645C22.7984%2012.2581%2022.5806%2012.4758%2022.5806%2012.7419V27.2581C22.5806%2027.5242%2022.7984%2027.7419%2023.0645%2027.7419H24.6774C24.9435%2027.7419%2025.1613%2027.5242%2025.1613%2027.2581V12.7419C25.1613%2012.4758%2024.9435%2012.2581%2024.6774%2012.2581ZM20%200C8.95161%200%200%208.95161%200%2020C0%2031.0484%208.95161%2040%2020%2040C31.0484%2040%2040%2031.0484%2040%2020C40%208.95161%2031.0484%200%2020%200ZM20%2037.4194C10.4274%2037.4194%202.58065%2029.6694%202.58065%2020C2.58065%2010.4274%2010.3306%202.58065%2020%202.58065C29.5726%202.58065%2037.4194%2010.3306%2037.4194%2020C37.4194%2029.5726%2029.6694%2037.4194%2020%2037.4194Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_61_922%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22black%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
}

.icon-svg-line {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2250%22%20height%3D%224%22%20viewBox%3D%220%200%2050%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%202H50%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 50px;
  height: 5px;
}

.svg-icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.svg-icon.large {
  font-size: 12px;
}

.svg-icon.large:before {
  width: 16px;
  height: 16px;
}

.svg-icon:before {
  content: '';
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%208C16%2012.4193%2012.418%2016%208%2016C3.58203%2016%200%2012.4193%200%208C0%203.58332%203.58203%200%208%200C12.418%200%2016%203.58332%2016%208ZM8%209.6129C7.18048%209.6129%206.51613%2010.2773%206.51613%2011.0968C6.51613%2011.9163%207.18048%2012.5806%208%2012.5806C8.81952%2012.5806%209.48387%2011.9163%209.48387%2011.0968C9.48387%2010.2773%208.81952%209.6129%208%209.6129ZM6.59119%204.27916L6.83048%208.66626C6.84168%208.87155%207.01142%209.03226%207.217%209.03226H8.783C8.98858%209.03226%209.15832%208.87155%209.16952%208.66626L9.40881%204.27916C9.4209%204.05742%209.24436%203.87097%209.02229%203.87097H6.97768C6.75561%203.87097%206.5791%204.05742%206.59119%204.27916Z%22%20fill%3D%22%230EAFE0%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.svg-icon-info:before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%208C16%2012.4193%2012.418%2016%208%2016C3.58203%2016%200%2012.4193%200%208C0%203.58332%203.58203%200%208%200C12.418%200%2016%203.58332%2016%208ZM8%209.6129C7.18048%209.6129%206.51613%2010.2773%206.51613%2011.0968C6.51613%2011.9163%207.18048%2012.5806%208%2012.5806C8.81952%2012.5806%209.48387%2011.9163%209.48387%2011.0968C9.48387%2010.2773%208.81952%209.6129%208%209.6129ZM6.59119%204.27916L6.83048%208.66626C6.84168%208.87155%207.01142%209.03226%207.217%209.03226H8.783C8.98858%209.03226%209.15832%208.87155%209.16952%208.66626L9.40881%204.27916C9.4209%204.05742%209.24436%203.87097%209.02229%203.87097H6.97768C6.75561%203.87097%206.5791%204.05742%206.59119%204.27916Z%22%20fill%3D%22%230EAFE0%22%2F%3E%0A%3C%2Fsvg%3E");
}

.svg-icon-danger:before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%208C16%2012.4193%2012.418%2016%208%2016C3.58203%2016%200%2012.4193%200%208C0%203.58332%203.58203%200%208%200C12.418%200%2016%203.58332%2016%208ZM8%209.6129C7.18048%209.6129%206.51613%2010.2773%206.51613%2011.0968C6.51613%2011.9163%207.18048%2012.5806%208%2012.5806C8.81952%2012.5806%209.48387%2011.9163%209.48387%2011.0968C9.48387%2010.2773%208.81952%209.6129%208%209.6129ZM6.59119%204.27916L6.83048%208.66626C6.84168%208.87155%207.01142%209.03226%207.217%209.03226H8.783C8.98858%209.03226%209.15832%208.87155%209.16952%208.66626L9.40881%204.27916C9.4209%204.05742%209.24436%203.87097%209.02229%203.87097H6.97768C6.75561%203.87097%206.5791%204.05742%206.59119%204.27916Z%22%20fill%3D%22%23D60B2D%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.svg-icon-warning:before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%208C16%2012.4193%2012.418%2016%208%2016C3.58203%2016%200%2012.4193%200%208C0%203.58332%203.58203%200%208%200C12.418%200%2016%203.58332%2016%208ZM8%209.6129C7.18048%209.6129%206.51613%2010.2773%206.51613%2011.0968C6.51613%2011.9163%207.18048%2012.5806%208%2012.5806C8.81952%2012.5806%209.48387%2011.9163%209.48387%2011.0968C9.48387%2010.2773%208.81952%209.6129%208%209.6129ZM6.59119%204.27916L6.83048%208.66626C6.84168%208.87155%207.01142%209.03226%207.217%209.03226H8.783C8.98858%209.03226%209.15832%208.87155%209.16952%208.66626L9.40881%204.27916C9.4209%204.05742%209.24436%203.87097%209.02229%203.87097H6.97768C6.75561%203.87097%206.5791%204.05742%206.59119%204.27916Z%22%20fill%3D%22%23FF9700%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.svg-icon-success:before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%208.5C16%2012.9183%2012.4183%2016.5%208%2016.5C3.58171%2016.5%200%2012.9183%200%208.5C0%204.08171%203.58171%200.5%208%200.5C12.4183%200.5%2016%204.08171%2016%208.5ZM7.07464%2012.7359L13.0101%206.80045C13.2117%206.5989%2013.2117%206.2721%2013.0101%206.07055L12.2802%205.34064C12.0787%205.13906%2011.7519%205.13906%2011.5503%205.34064L6.70968%2010.1812L4.44971%207.92126C4.24816%207.71971%203.92135%207.71971%203.71977%207.92126L2.98987%208.65116C2.78832%208.85271%202.78832%209.17952%202.98987%209.38106L6.34471%2012.7359C6.54629%2012.9375%206.87306%2012.9375%207.07464%2012.7359Z%22%20fill%3D%22%230CC40C%22%2F%3E%0A%3C%2Fsvg%3E");
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: white;
  background-color: #333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
  font-weight: 600;
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #000000;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--nxp-secondary-color);
  text-align: left;
}

th {
  text-align: left;
}

.table, .comparisonTableSte {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

.table > thead > tr > th, .comparisonTableSte > thead > tr > th,
.table > thead > tr > td,
.comparisonTableSte > thead > tr > td,
.table > tbody > tr > th,
.comparisonTableSte > tbody > tr > th,
.table > tbody > tr > td,
.comparisonTableSte > tbody > tr > td,
.table > tfoot > tr > th,
.comparisonTableSte > tfoot > tr > th,
.table > tfoot > tr > td,
.comparisonTableSte > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #d4cfc5;
}

.table > thead > tr > th, .comparisonTableSte > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #d4cfc5;
}

.table > caption + thead > tr:first-child > th, .comparisonTableSte > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.comparisonTableSte > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.comparisonTableSte > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.comparisonTableSte > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.comparisonTableSte > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.comparisonTableSte > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody, .comparisonTableSte > tbody + tbody {
  border-top: 2px solid #d4cfc5;
}

.table .table, .comparisonTableSte .table, .table .comparisonTableSte, .comparisonTableSte .comparisonTableSte {
  background-color: white;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #d4cfc5;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #d4cfc5;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-bordered-row {
  border: 1px solid #d4cfc5;
}

.table-bordered-row > thead {
  border: 1px solid #d4cfc5;
}

.table-bordered-row > tbody > tr > th,
.table-bordered-row > tbody > tr > td,
.table-bordered-row > tfoot > tr > th,
.table-bordered-row > tfoot > tr > td {
  border-top: 1px solid #d4cfc5;
  border-bottom: 1px solid #d4cfc5;
}

.table-bordered-row > thead > tr > th,
.table-bordered-row > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f7f5f1;
}

.table-hover {
  overflow: hidden;
}

.table-hover tr:hover {
  background-color: #ffeda7 !important;
}

.table-hover td,
.table-hover th {
  position: relative;
}

.table-hover td:not(:first-child):hover::after,
.table-hover th:not(:first-child):hover::after {
  content: '';
  position: absolute;
  background-color: #ffeda7 !important;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.sticky-column thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
}

.sticky-column thead th:first-child {
  left: 0;
  z-index: 1;
}

.sticky-column tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
}

table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active, .comparisonTableSte > thead > tr > td.active,
.table > thead > tr > th.active,
.comparisonTableSte > thead > tr > th.active,
.table > thead > tr.active > td,
.comparisonTableSte > thead > tr.active > td,
.table > thead > tr.active > th,
.comparisonTableSte > thead > tr.active > th,
.table > tbody > tr > td.active,
.comparisonTableSte > tbody > tr > td.active,
.table > tbody > tr > th.active,
.comparisonTableSte > tbody > tr > th.active,
.table > tbody > tr.active > td,
.comparisonTableSte > tbody > tr.active > td,
.table > tbody > tr.active > th,
.comparisonTableSte > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.comparisonTableSte > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.comparisonTableSte > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.comparisonTableSte > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.comparisonTableSte > tfoot > tr.active > th {
  background-color: #ebe7dd;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e2dccd;
}

.table > thead > tr > td.success, .comparisonTableSte > thead > tr > td.success,
.table > thead > tr > th.success,
.comparisonTableSte > thead > tr > th.success,
.table > thead > tr.success > td,
.comparisonTableSte > thead > tr.success > td,
.table > thead > tr.success > th,
.comparisonTableSte > thead > tr.success > th,
.table > tbody > tr > td.success,
.comparisonTableSte > tbody > tr > td.success,
.table > tbody > tr > th.success,
.comparisonTableSte > tbody > tr > th.success,
.table > tbody > tr.success > td,
.comparisonTableSte > tbody > tr.success > td,
.table > tbody > tr.success > th,
.comparisonTableSte > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.comparisonTableSte > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.comparisonTableSte > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.comparisonTableSte > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.comparisonTableSte > tfoot > tr.success > th {
  background-color: #e6f6f6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d3efef;
}

.table > thead > tr > td.info, .comparisonTableSte > thead > tr > td.info,
.table > thead > tr > th.info,
.comparisonTableSte > thead > tr > th.info,
.table > thead > tr.info > td,
.comparisonTableSte > thead > tr.info > td,
.table > thead > tr.info > th,
.comparisonTableSte > thead > tr.info > th,
.table > tbody > tr > td.info,
.comparisonTableSte > tbody > tr > td.info,
.table > tbody > tr > th.info,
.comparisonTableSte > tbody > tr > th.info,
.table > tbody > tr.info > td,
.comparisonTableSte > tbody > tr.info > td,
.table > tbody > tr.info > th,
.comparisonTableSte > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.comparisonTableSte > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.comparisonTableSte > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.comparisonTableSte > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.comparisonTableSte > tfoot > tr.info > th {
  background-color: #92e1fd;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #79dafd;
}

.table > thead > tr > td.warning, .comparisonTableSte > thead > tr > td.warning,
.table > thead > tr > th.warning,
.comparisonTableSte > thead > tr > th.warning,
.table > thead > tr.warning > td,
.comparisonTableSte > thead > tr.warning > td,
.table > thead > tr.warning > th,
.comparisonTableSte > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.comparisonTableSte > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.comparisonTableSte > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.comparisonTableSte > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.comparisonTableSte > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.comparisonTableSte > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.comparisonTableSte > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.comparisonTableSte > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.comparisonTableSte > tfoot > tr.warning > th {
  background-color: #ffeda7;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #ffe88e;
}

.table > thead > tr > td.danger, .comparisonTableSte > thead > tr > td.danger,
.table > thead > tr > th.danger,
.comparisonTableSte > thead > tr > th.danger,
.table > thead > tr.danger > td,
.comparisonTableSte > thead > tr.danger > td,
.table > thead > tr.danger > th,
.comparisonTableSte > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.comparisonTableSte > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.comparisonTableSte > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.comparisonTableSte > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.comparisonTableSte > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.comparisonTableSte > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.comparisonTableSte > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.comparisonTableSte > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.comparisonTableSte > tfoot > tr.danger > th {
  background-color: #f8e7e7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #f2d3d3;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

.table-responsive:has(.table-prod-sel)::-webkit-scrollbar-track {
  margin-left: 275px;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #d4cfc5;
  }
  .table-responsive > .table, .table-responsive > .comparisonTableSte {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th, .table-responsive > .comparisonTableSte > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .comparisonTableSte > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .comparisonTableSte > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .comparisonTableSte > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .comparisonTableSte > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .comparisonTableSte > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.table-header-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.table-header-container > .table-container-section:last-child {
  border-bottom: none;
}

.table-container {
  /* updatePS td,
    th {
      padding: 12px !important;
    } */
}

.table-container table {
  margin-bottom: 0px;
}

.table-container-section {
  padding: 0px 0px 16px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 100%;
  border-bottom: 1px solid var(--nxp-border-color);
}

.prod-selector-results .table-container-section:first-of-type {
  padding: 0px;
}

.prod-selector-results .comparison .table-container-section:only-child {
  padding: 0px 0px 16px 0px;
}

.table-container-section p {
  margin: 0px;
}

@media all and (max-width: 992px) {
  .table-container-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.table-container-section ul.filter-nav {
  padding: 16px 0px;
  max-height: calc(100vh - 350px);
  overflow-y: auto;
}

@media screen and (orientation: landscape) and (max-device-width: 1200px) {
  .table-container-section ul.filter-nav {
    max-height: 80vh;
  }
}

.table-container .min-width {
  min-width: 180px;
}

.table-container .form-group input,
.table-container .form-group select,
.table-container .form-group-sm input,
.table-container .form-group-sm select {
  min-width: 200px;
}

.table-container .form-group.filter,
.table-container .form-group-sm.filter {
  position: relative;
}

.table-container .form-group.filter [class^='icon-'],
.table-container .form-group.filter [class*=' icon-'],
.table-container .form-group-sm.filter [class^='icon-'],
.table-container .form-group-sm.filter [class*=' icon-'] {
  position: absolute;
  top: 8px;
  left: 4px;
  color: #686664;
}

.table-container .form-group.filter input,
.table-container .form-group.filter select,
.table-container .form-group-sm.filter input,
.table-container .form-group-sm.filter select {
  padding-left: 24px;
}

.table-container .form-control {
  font-weight: normal;
}

.table-container td:last-of-type {
  border-bottom: none;
}

.table-container-th {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.table-container-cell > * {
  margin-bottom: 6px;
}

.table-container-cell > *:last-child {
  margin-bottom: 0px;
}

.table-container-cell p {
  margin: 0px;
}

.table-container td:has(> .table-container-cell > .table-check) {
  border-right: 1px solid #d4cfc5;
}

.table-container .pagination {
  margin: 0px;
}

.table-container.full-width .table-responsive,
.table-container.full-width .table-footer {
  width: calc(100vw - 80px);
  position: relative;
  margin-left: calc(-50vw + 40px);
  left: 50%;
  /*  width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
        padding: 0px 30px; */
}

@media screen and (max-width: 768px) {
  .table-container.full-width .table-responsive,
  .table-container.full-width .table-footer {
    padding: 0px;
    width: 100%;
    left: unset;
    margin-left: unset;
  }
}

.table-container.full-width .table-responsive {
  overflow-y: hidden;
  border: 1px solid #d4cfc5;
  border-bottom: none;
  border-top: none;
}

.table-container.full-width .table-responsive table,
.table-container.full-width .table-responsive tbody,
.table-container.full-width .table-responsive thead {
  border-left: none;
  border-right: none;
}

.table-container.full-width table {
  overflow: auto;
}

.prod-selector-results .table-container.full-width > .table-responsive:last-child,
.prod-selector-results .table-container.full-width > .table-footer:last-child {
  padding-bottom: 200px;
}

.table-container td .d-flex a, .table-container td .flex-grid a, .table-container td .jumpto ul li a, .jumpto ul .table-container td li a, .table-container td .results-pagination-select a, .table-container td .is-pinned .pin-content-fixed a, .is-pinned .table-container td .pin-content-fixed a, .table-container td .is-pinned .pin-content:first-child a, .is-pinned .table-container td .pin-content:first-child a {
  font-size: 12px;
}

.table-filter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.table-filter > * {
  margin: 0px;
}

.table-filter i {
  padding-left: 4px;
}

.table-filter svg,
.table-filter img,
.table-filter i {
  max-width: 12px;
}

.table-filter svg:hover,
.table-filter img:hover,
.table-filter i:hover {
  cursor: pointer;
}

.table-filter-icon {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJzb3J0aW5nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtzdHJva2Utd2lkdGg6MHB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMS4wOS40M2wxOS4wNCwxNy43MWMuNi41Ny42LDEuNDgsMCwyLjA1bC0yLjU1LDIuMzljLS42LjU3LTEuNTguNTctMi4xOSwwbC0xNS40LTE0LjI5LTE1LjQsMTQuMjljLS42LjU3LTEuNTguNTctMi4xOSwwbC0yLjU1LTIuMzljLS42LS41Ny0uNi0xLjQ4LDAtMi4wNUwyOC45MS40M2MuNi0uNTcsMS41OC0uNTcsMi4xOSwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI4LjkxLDU5LjU3bC0xOS4wNC0xNy43MWMtLjYtLjU3LS42LTEuNDgsMC0yLjA1bDIuNTUtMi4zOWMuNi0uNTcsMS41OC0uNTcsMi4xOSwwbDE1LjQsMTQuMjksMTUuNC0xNC4yOWMuNi0uNTcsMS41OC0uNTcsMi4xOSwwbDIuNTUsMi4zOWMuNi41Ny42LDEuNDgsMCwyLjA1bC0xOS4wNCwxNy43MWMtLjYuNTctMS41OC41Ny0yLjE5LDBaIi8+PC9zdmc+") no-repeat center center;
  width: 12px;
  height: 12px;
}

.table-filter-icon:hover {
  cursor: pointer;
}

.table-filter [class*='icon'] {
  cursor: pointer;
}

.table-link {
  font-weight: bold;
}

.table-link-black {
  color: black;
  font-size: 12px;
  text-decoration: underline;
}

.table-link-black:hover {
  text-decoration: none;
  color: inherit;
}

.table-check {
  padding-bottom: 18px;
  width: 32px;
  text-align: center;
}

th .table-check {
  padding: 0px;
}

.table-check input {
  margin-top: 0px;
}

.table-footer .content {
  padding: 12px 4px;
  border: 1px solid #d4cfc5;
  border-top: none;
  display: flex;
  align-items: center;
  gap: 24px;
}

@media screen and (max-width: 480px) {
  .table-footer .content {
    flex-direction: column;
    align-items: center;
  }
  .table-footer .content .counter p {
    padding-left: 0px;
  }
}

.table-footer .content .counter p {
  padding-left: 16px;
  margin-bottom: 0px;
}

.table-footer .content .pagination {
  display: flex;
  align-items: center;
}

.table-footer .content .pagination li {
  margin-bottom: 0px;
}

.table-container .table-responsive {
  margin-bottom: 0px;
}

.table-container .table-responsive td {
  white-space: normal !important;
}

.table-actions {
  display: flex;
}

.table-actions .input {
  font-size: 14px;
  display: flex;
  align-items: flex-start;
}

.table-actions .input input {
  margin-right: 4px;
}

.table-actions .checkbox {
  margin: 0px;
}

.table-prod-sel {
  /* Removing dynamic size of buttons  
    .btn-xs {
      width: 85%;
    } */
}

.table-prod-sel > thead th {
  border-right: 1px solid #d4cfc5 !important;
  width: 280px;
  min-width: 200px;
}

.table-prod-sel > thead th.first {
  min-width: 280px;
  position: sticky;
  left: 0;
  z-index: 3;
  outline: 1px solid #d4cfc5;
  border-right: none;
}

.table-prod-sel > thead th.first .table-container-th {
  min-width: 270px;
  padding: 8px;
}

.table-prod-sel > thead th.first::after {
  background-color: #ebe7dd;
  z-index: 44;
  content: ' ';
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.15);
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
}

.table-prod-sel > thead th.ps-col-sm {
  width: 130px;
}

.table-prod-sel > thead th.ps-col-md {
  width: 200px;
}

.table-prod-sel > thead th.ps-col-lg {
  width: 316px;
}

.table-prod-sel > thead th .table-container-th {
  width: 97%;
}

.table-prod-sel > thead th .table-container-th .regular {
  font-weight: 400;
}

.table-prod-sel > thead th .table-container-th .min-height {
  min-height: 64px;
}

.table-prod-sel > thead th .table-container-th .min-height .table-filter p {
  width: 90%;
}

.table-prod-sel > thead th .table-container-th .min-height .filter {
  margin: 8px 0px;
}

.table-prod-sel > thead th .table-container-th hr {
  position: relative;
  width: 250px;
  margin-left: -16px;
  left: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.table-prod-sel > thead th .table-container-th .description {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 4px;
  height: 20px;
  font-weight: 400;
  width: 100%;
}

.table-prod-sel > thead th .table-container-th .description .icon-filter-parameter {
  width: 18px;
  height: 18px;
}

.table-prod-sel > thead th .table-container-th .description a {
  margin-left: 8px;
}

.table-prod-sel > thead th .table-container-th .description .badge.corner {
  top: 8px;
  right: 0px;
  border: unset;
}

.table-prod-sel > thead th .table-container-th .description .small.link-black.link-underline.mlq2, .table-prod-sel > thead th .table-container-th .description .jumpto ul li a.small.link-underline.mlq2, .jumpto ul li .table-prod-sel > thead th .table-container-th .description a.small.link-underline.mlq2, .table-prod-sel > thead th .table-container-th .description .small.link-underline.mlq2.link-tag, .table-prod-sel > thead th .table-container-th .description .flex-box .box-opts .nav-piped-2 li.link-underline.mlq2.link-tag, .flex-box .box-opts .nav-piped-2 .table-prod-sel > thead th .table-container-th .description li.link-underline.mlq2.link-tag, .table-prod-sel > thead th .table-container-th .description .flex-box .box-opts .nav-piped-2 li.link-black.link-underline.mlq2, .flex-box .box-opts .nav-piped-2 .table-prod-sel > thead th .table-container-th .description li.link-black.link-underline.mlq2 {
  margin-left: 0px;
}

.table-prod-sel > tbody td:first-of-type {
  position: sticky;
  left: 0;
  z-index: 3;
  outline: 1px solid #d4cfc5;
  background-color: white;
}

.table-prod-sel > tbody td:first-of-type::after {
  z-index: 44;
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
}

.table-prod-sel > tbody tr {
  height: 1px;
}

.table-prod-sel > tbody tr td {
  height: inherit;
}

.table-prod-sel > tbody tr td:first-of-type {
  border-right: none;
}

.table-prod-sel > tbody tr td:first-of-type::after {
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.15);
  width: 1px;
}

.table-prod-sel > tbody tr:hover {
  background-color: transparent;
  position: relative;
}

.table-prod-sel > tbody tr:hover td:first-of-type {
  background-color: #ffeda7 !important;
}

.table-prod-sel .content-title {
  margin-top: 0px !important;
}

.table-prod-sel .content-title .icon-eye {
  position: absolute;
  right: 10px;
  top: 10px;
}

.table-prod-sel .first {
  padding: 0px;
  width: 280px;
}

.table-prod-sel .first .table-container-cell {
  height: 100%;
  min-height: 70px;
  display: flex;
  position: relative;
  align-items: unset;
  width: 280px;
}

.table-prod-sel .first .table-container-cell .table-check {
  position: relative;
  padding-top: 8px;
  margin-bottom: 0px;
  width: 35px;
  min-width: 35px;
}

.table-prod-sel .first .table-container-cell .table-check::before {
  border-right: 1px solid #d4cfc5 !important;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 1px;
  margin-left: 0px;
  background-color: #fff;
  height: 100%;
}

.table-prod-sel .first .table-container-cell .content {
  padding: 8px 8px 8px 0px;
  margin: 4px 0px auto 8px;
}

.table-prod-sel .first .table-container-cell .content p,
.table-prod-sel .first .table-container-cell .content div {
  margin-top: 10px;
}

@-moz-document url-prefix() {
  .table-prod-sel tr {
    height: 100%;
  }
  .table-prod-sel tr td.first {
    height: 100%;
  }
  .table-prod-sel tr td.first .table-container-cell {
    height: 100%;
  }
}

.table-prod-sel .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}

.table-prod-sel .description span {
  margin-left: 4px;
}

.table-prod-sel .d-flex hr, .table-prod-sel .flex-grid hr, .table-prod-sel .jumpto ul li hr, .jumpto ul .table-prod-sel li hr, .table-prod-sel .results-pagination-select hr, .table-prod-sel .is-pinned .pin-content-fixed hr, .is-pinned .table-prod-sel .pin-content-fixed hr, .table-prod-sel .is-pinned .pin-content:first-child hr, .is-pinned .table-prod-sel .pin-content:first-child hr {
  margin: 12px 0px 4px 0px;
}

.table-prod-sel.fixed-col thead {
  position: fixed;
  top: 60px;
  z-index: 9;
  width: calc(100vw - 80px);
  overflow-x: auto;
  /* th {
          &::after {
            display: none;
          }
        } */
}

.table-prod-sel.fixed-col tbody td {
  min-width: 280px;
}

.table-prod-sel.sticky-col {
  position: fixed;
  top: 60px;
  z-index: 9;
  overflow-y: auto;
  max-height: 120vh;
}

.table-prod-sel.sticky-col thead {
  position: sticky;
  top: 0px;
  z-index: 9;
}

.table-prod-sel.sticky-col tbody td {
  min-width: 280px;
}

.table-prod-sel .icon-eye {
  position: relative;
  cursor: pointer;
}

.table-prod-sel thead,
.table-prod-sel tbody {
  /* one item */
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* five items */
  /* five items */
  /* five items */
}

.table-prod-sel thead th:first-child:nth-last-child(1),
.table-prod-sel tbody th:first-child:nth-last-child(1) {
  /* -or- li:only-child { */
  width: 100%;
  min-width: calc(100vw - 80px) !important;
}

@media screen and (max-width: 992px) {
  .table-prod-sel thead th:first-child:nth-last-child(1),
  .table-prod-sel tbody th:first-child:nth-last-child(1) {
    min-width: calc(100vw - 60px) !important;
    max-width: calc(100vw - 60px) !important;
  }
}

.table-prod-sel thead th:first-child:nth-last-child(2),
.table-prod-sel thead th:first-child:nth-last-child(2) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(2),
.table-prod-sel thead tr td:first-child:nth-last-child(2) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(2),
.table-prod-sel tbody th:first-child:nth-last-child(2) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(2),
.table-prod-sel tbody tr td:first-child:nth-last-child(2) ~ td {
  min-width: calc((100vw - 80px) - 280px) !important;
  max-width: calc((100vw - 80px) - 280px) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(2).first,
.table-prod-sel thead th:first-child:nth-last-child(2) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(2).first,
.table-prod-sel thead tr td:first-child:nth-last-child(2) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(2).first,
.table-prod-sel tbody th:first-child:nth-last-child(2) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(2).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(2) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(3),
.table-prod-sel thead th:first-child:nth-last-child(3) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(3),
.table-prod-sel thead tr td:first-child:nth-last-child(3) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(3),
.table-prod-sel tbody th:first-child:nth-last-child(3) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(3),
.table-prod-sel tbody tr td:first-child:nth-last-child(3) ~ td {
  min-width: calc(((100vw - 80px) - 282px) / 2) !important;
  max-width: calc(((100vw - 80px) - 282px) / 2) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(3).first,
.table-prod-sel thead th:first-child:nth-last-child(3) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(3).first,
.table-prod-sel thead tr td:first-child:nth-last-child(3) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(3).first,
.table-prod-sel tbody th:first-child:nth-last-child(3) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(3).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(3) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(4),
.table-prod-sel thead th:first-child:nth-last-child(4) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(4),
.table-prod-sel thead tr td:first-child:nth-last-child(4) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(4),
.table-prod-sel tbody th:first-child:nth-last-child(4) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(4),
.table-prod-sel tbody tr td:first-child:nth-last-child(4) ~ td {
  min-width: calc(((100vw - 80px) - 282px) / 3) !important;
  max-width: calc(((100vw - 80px) - 282px) / 3) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(4).first,
.table-prod-sel thead th:first-child:nth-last-child(4) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(4).first,
.table-prod-sel thead tr td:first-child:nth-last-child(4) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(4).first,
.table-prod-sel tbody th:first-child:nth-last-child(4) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(4).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(4) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(5),
.table-prod-sel thead th:first-child:nth-last-child(5) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(5),
.table-prod-sel thead tr td:first-child:nth-last-child(5) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(5),
.table-prod-sel tbody th:first-child:nth-last-child(5) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(5),
.table-prod-sel tbody tr td:first-child:nth-last-child(5) ~ td {
  min-width: calc(((100vw - 80px) - 282px) / 4) !important;
  max-width: calc(((100vw - 80px) - 282px) / 4) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(5).first,
.table-prod-sel thead th:first-child:nth-last-child(5) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(5).first,
.table-prod-sel thead tr td:first-child:nth-last-child(5) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(5).first,
.table-prod-sel tbody th:first-child:nth-last-child(5) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(5).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(5) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(6),
.table-prod-sel thead th:first-child:nth-last-child(6) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(6),
.table-prod-sel thead tr td:first-child:nth-last-child(6) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(6),
.table-prod-sel tbody th:first-child:nth-last-child(6) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(6),
.table-prod-sel tbody tr td:first-child:nth-last-child(6) ~ td {
  min-width: calc(((100vw - 80px) - 282px) / 5) !important;
  max-width: calc(((100vw - 80px) - 282px) / 5) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(6).first,
.table-prod-sel thead th:first-child:nth-last-child(6) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(6).first,
.table-prod-sel thead tr td:first-child:nth-last-child(6) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(6).first,
.table-prod-sel tbody th:first-child:nth-last-child(6) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(6).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(6) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(7),
.table-prod-sel thead th:first-child:nth-last-child(7) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(7),
.table-prod-sel thead tr td:first-child:nth-last-child(7) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(7),
.table-prod-sel tbody th:first-child:nth-last-child(7) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(7),
.table-prod-sel tbody tr td:first-child:nth-last-child(7) ~ td {
  min-width: calc(((100vw - 80px)) / 7) !important;
  max-width: calc(((100vw - 80px)) / 7) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(7).first,
.table-prod-sel thead th:first-child:nth-last-child(7) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(7).first,
.table-prod-sel thead tr td:first-child:nth-last-child(7) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(7).first,
.table-prod-sel tbody th:first-child:nth-last-child(7) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(7).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(7) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel thead th:first-child:nth-last-child(8),
.table-prod-sel thead th:first-child:nth-last-child(8) ~ th,
.table-prod-sel thead tr td:first-child:nth-last-child(8),
.table-prod-sel thead tr td:first-child:nth-last-child(8) ~ td,
.table-prod-sel tbody th:first-child:nth-last-child(8),
.table-prod-sel tbody th:first-child:nth-last-child(8) ~ th,
.table-prod-sel tbody tr td:first-child:nth-last-child(8),
.table-prod-sel tbody tr td:first-child:nth-last-child(8) ~ td {
  min-width: calc(((100vw - 80px)) / 7) !important;
  max-width: calc(((100vw - 80px)) / 7) !important;
}

.table-prod-sel thead th:first-child:nth-last-child(8).first,
.table-prod-sel thead th:first-child:nth-last-child(8) ~ th.first,
.table-prod-sel thead tr td:first-child:nth-last-child(8).first,
.table-prod-sel thead tr td:first-child:nth-last-child(8) ~ td.first,
.table-prod-sel tbody th:first-child:nth-last-child(8).first,
.table-prod-sel tbody th:first-child:nth-last-child(8) ~ th.first,
.table-prod-sel tbody tr td:first-child:nth-last-child(8).first,
.table-prod-sel tbody tr td:first-child:nth-last-child(8) ~ td.first {
  max-width: 280px !important;
  width: 280px;
  min-width: 280px !important;
}

.table-prod-sel .col-filter table tr td:first-child:nth-last-child(2),
.table-prod-sel .col-filter table tr td:first-child:nth-last-child(2) ~ td {
  min-width: unset !important;
  max-width: unset !important;
}

.static-elements {
  position: relative;
  height: 0px;
  top: 172px;
  z-index: 997;
  opacity: 1;
  display: flex;
  flex-direction: inherit;
  justify-content: flex-end;
  width: calc(100vw - 80px);
  margin-left: calc(-50vw + 40px);
  left: 50%;
}

@media screen and (max-width: 992px) {
  .static-elements {
    display: none;
  }
}

.static-elements.sticky {
  position: fixed;
  top: 240px;
}

.static-elements-section {
  display: flex;
  justify-content: space-between;
  width: calc(100vw - 360px);
}

.static-elements-section .btn span, .static-elements-section .nav-close span {
  font-size: 20px;
}

.static-elements-section .left .btn, .static-elements-section .left .nav-close {
  position: relative;
  left: 2px;
  border-radius: 0px 100px 100px 0px;
  padding: 8px 12px 8px 8px;
}

.static-elements-section .right .btn, .static-elements-section .right .nav-close {
  padding: 8px 8px 8px 12px;
  border-radius: 100px 0 0px 100px;
}

.static-elements-section .chevronIcon {
  width: 20px;
  height: 18px;
}

.static-elements-section .chevronIcon:hover {
  width: 24px;
}

.prod-selector-results .comparison {
  padding-bottom: 48px;
}

.prod-selector-results .comparison .icon-eye {
  cursor: pointer;
}

.prod-selector-results .comparison table {
  border-collapse: separate;
  /* Don't collapse */
  border-spacing: 0;
  border-left: none;
  border-bottom: none;
}

.prod-selector-results .comparison table.table-bordered thead th {
  border-top: none !important;
  border-left: none;
  border-bottom: 1px solid var(--nxp-border-color) !important;
  border-right: 1px solid var(--nxp-border-color) !important;
  border-color: var(--nxp-border-color);
}

.prod-selector-results .comparison table td {
  /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
  border-top: none;
  border-left: none;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: var(--nxp-border-color);
}

.prod-selector-results .comparison table th:first-child,
.prod-selector-results .comparison table td:first-child {
  /* Apply a left border on the first <td> or <th> in a row */
  border-left: 1px solid;
  border-color: var(--nxp-border-color);
}

.prod-selector-results .comparison thead th {
  background-color: #f7f5f1;
  border-bottom: 0px;
}

.prod-selector-results .comparison thead .first {
  background-color: #f7f5f1;
}

.prod-selector-results .comparison .table-container-th {
  min-width: 120px;
  gap: 10px;
}

.prod-selector-results .comparison .table-container-th p:first-child {
  margin-bottom: 0px;
}

.prod-selector-results .comparison .table-container-th .xs-small {
  font-weight: normal;
}

.prod-selector-results .comparison .table-container-th .btn, .prod-selector-results .comparison .table-container-th .nav-close {
  max-width: 130px;
}

.prod-selector-results .comparison .table-container-cell {
  min-width: 120px;
}

.prod-selector-results .comparison .first {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 4;
  background-color: white;
  border-collapse: separate;
  min-width: 316px;
  width: 320px;
}

@media screen and (max-width: 992px) {
  .prod-selector-results .comparison .first {
    width: 180px;
    min-width: 180px;
  }
}

.prod-selector-results .comparison .first::after {
  z-index: 44;
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.15);
  width: 1px;
}

.prod-selector-results .comparison th,
.prod-selector-results .comparison td {
  white-space: nowrap;
}

.col-filter {
  display: block;
  position: fixed;
  width: 320px;
  border: 1px solid var(--nxp-border-color);
  z-index: 1049;
  line-height: normal;
}

.col-filter-right {
  right: 0px;
  left: unset;
}

.col-filter-head {
  padding: 14px 12px;
  background-color: black;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: white;
}

.col-filter-head .icon-filter-parameter {
  height: 16px;
  width: 16px;
}

.col-filter-head [class^='icon'] {
  cursor: pointer;
  font-size: 16px;
}

.col-filter-body, .col-filter-footer {
  background-color: white;
  padding: 12px;
}

.col-filter-body input, .col-filter-footer input {
  min-width: unset !important;
}

.col-filter-body ul, .col-filter-footer ul {
  padding: 0px;
}

.col-filter-body ul li, .col-filter-footer ul li {
  list-style: none;
}

.col-filter-body ul li:last-child, .col-filter-footer ul li:last-child {
  margin-bottom: 0px;
}

.col-filter-body ul li:last-child .checkbox, .col-filter-footer ul li:last-child .checkbox {
  margin-bottom: 0px;
}

.col-filter-footer {
  padding: 10px 0px 12px 0px;
}

.col-filter-section {
  position: relative;
  overflow: auto;
  max-height: 162px;
  padding: 12px 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.col-filter-section:first-of-type {
  padding-top: 0px;
  padding-bottom: 12px;
  margin-top: 0px;
}

.col-filter-section:last-of-type {
  padding-bottom: 0px;
}

.col-filter-section::-webkit-scrollbar {
  -webkit-appearance: none;
}

.col-filter-section::-webkit-scrollbar-thumb {
  background-color: black;
  border-radius: 10px;
  border: 4px solid #ffffff;
}

.col-filter-section::after {
  bottom: 0px;
}

.col-filter-section select {
  max-width: 132px;
  min-width: unset;
}

.col-filter-section ul .checkbox {
  margin: 0px;
}

.col-filter-section a {
  font-weight: 400;
}

.col-filter-section > *:last-child {
  margin-bottom: 0px;
}

.col-filter-overflow {
  position: relative;
  overflow: auto;
  max-height: 220px;
}

.col-filter-overflow .checkbox:last-child {
  margin-bottom: 0px;
}

.col-filter .checkbox {
  margin-top: 14px;
  margin-bottom: 14px;
}

.col-filter .reset-link {
  padding-top: 14px;
  display: block;
  font-weight: normal;
}

.col-filter hr {
  width: 100% !important;
  margin-left: 0px !important;
}

.col-filter .select {
  display: flex;
  align-items: center;
  gap: 8px;
}

.col-filter .select .form-control {
  width: 100px;
  height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.col-filter .badge.corner {
  border: unset;
}

.th-col-align-center td:not(:first-child) {
  text-align: center;
}

.highlight-row td {
  background-color: #ffeda7;
}

.highlight-row .first {
  background-color: white;
}

.prod-table {
  overflow-y: clip;
  overflow-x: clip;
  width: calc(100vw - 80px);
  position: relative;
  margin-left: calc(-50vw + 40px);
  left: 50%;
}

.prod-table-header {
  overflow-y: hidden;
  overflow-x: auto;
  height: 126px;
  border: 1px solid #d4cfc5;
  border-top: none;
  border-bottom: none;
  width: calc(100vw - 80px);
  position: sticky;
  margin-left: calc(50% - 50vw + 40px);
  top: 60px;
  z-index: 99;
}

.prod-table-header::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.prod-table-header table {
  table-layout: fixed;
  width: 100%;
}

.prod-table-header table,
.prod-table-header table thead,
.prod-table-header table tr,
.prod-table-header table th {
  border-width: 1px;
}

.prod-table-header table th {
  width: 200px;
}

.prod-table-header table .col-filter {
  width: 320px;
}

.prod-table-header table td {
  max-width: 250px;
}

.prod-table-body {
  max-height: 100%;
  overflow-y: hidden;
  border: 1px solid #d4cfc5;
  border-top: none;
  border-bottom: none;
}

.prod-table-body table {
  table-layout: fixed;
  width: 100%;
}

.prod-table-body table tbody tr:first-child td {
  border-top: none;
}

.prod-table-body table td {
  width: 200px;
}

.prod-selector-sm.table-responsive tbody {
  overflow-y: hidden;
}

.no-overflow {
  overflow-x: unset !important;
  overflow-y: unset !important;
}

.no-results {
  padding-bottom: 0px !important;
  margin-bottom: 132px !important;
  border-bottom: 1px solid var(--nxp-border-color) !important;
}

.no-results thead tr:hover,
.no-results tbody tr:hover {
  background-color: white !important;
}

.no-results thead tr:hover td:first-of-type,
.no-results thead tr:hover td,
.no-results tbody tr:hover td:first-of-type,
.no-results tbody tr:hover td {
  background-color: white !important;
}

.no-results thead tr:hover::after,
.no-results tbody tr:hover::after {
  display: none;
}

.no-results thead tr th,
.no-results thead tr td:first-of-type,
.no-results thead tr td,
.no-results tbody tr th,
.no-results tbody tr td:first-of-type,
.no-results tbody tr td {
  outline: unset;
}

.no-results thead tr th .table-container-cell,
.no-results thead tr td:first-of-type .table-container-cell,
.no-results thead tr td .table-container-cell,
.no-results tbody tr th .table-container-cell,
.no-results tbody tr td:first-of-type .table-container-cell,
.no-results tbody tr td .table-container-cell {
  min-height: unset;
}

.no-results thead tr th .table-container-cell span#no-records,
.no-results thead tr td:first-of-type .table-container-cell span#no-records,
.no-results thead tr td .table-container-cell span#no-records,
.no-results tbody tr th .table-container-cell span#no-records,
.no-results tbody tr td:first-of-type .table-container-cell span#no-records,
.no-results tbody tr td .table-container-cell span#no-records {
  padding: 20px;
}

.no-results thead tr th::after,
.no-results thead tr td:first-of-type::after,
.no-results thead tr td::after,
.no-results tbody tr th::after,
.no-results tbody tr td:first-of-type::after,
.no-results tbody tr td::after {
  display: none;
}

.no-results-wrapper {
  margin-bottom: 38px;
}

.no-results-wrapper .mt2 {
  margin-top: 0px !important;
}

.sticky-table {
  width: 100vw;
  padding-right: 80px;
  overflow-y: auto;
  max-height: 100vh;
  /*  thead{
    position: absolute;
    top: 0px;
  }
  tbody{
    tr:first-child{
      padding-top: 40px;
    }
    td:not(.firts){
      width: 200px !important;
    }
  } */
}

/* Sticky header styles */
.ps-sticky-table thead {
  position: fixed;
  z-index: 999;
  top: 0px;
  overflow: hidden;
  width: calc(100vw - 80px);
}

@media screen and (max-width: 768px) {
  .ps-sticky-table thead {
    width: calc(100vw - 47px);
  }
}

@media screen and (max-width: 767px) {
  .ps-sticky-table thead {
    width: calc(100vw - 60px);
  }
}

.ps-sticky-table thead tr th:only-child {
  width: 100%;
}

.ps-sticky-table thead::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.ps-sticky-table thead th:hover::after {
  display: none;
}

.ps-sticky-table td,
.ps-sticky-table th {
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
  /*  @media only screen and (min-width: 1600px) {
      width: 280px !important;
      max-width: 280px !important;
      min-width: 280px !important;
    } */
}

.ps-sticky-table td.first,
.ps-sticky-table th.first {
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}

.ps-sticky-table tbody {
  margin-top: 100px;
}

/* Styles for few columns */
.ps-sticky-table td.medium,
.ps-sticky-table th.medium {
  min-width: 180px !important;
}

.ps-sticky-table td.large,
.ps-sticky-table th.large {
  min-width: 180px !important;
}

/* Styles for filter */
@media only screen and (max-width: 570px) {
  .prod-selector-results .side-filters.open {
    width: 90%;
  }
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter {
  padding: 14px 0px 24px 0px;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
  padding: 16px 8px;
}

@media only screen and (max-width: 570px) {
  .prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
    padding: 24px 24px 4px 12px;
    line-height: 1.4;
  }
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading.is-active, .prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading:hover {
  background-color: #f7f5f1;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .small.text-muted, .prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .flex-box .box-opts .nav-piped-2 li.text-muted, .flex-box .box-opts .nav-piped-2 .prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading li.text-muted {
  font-weight: normal !important;
  font-size: 14px;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .corner {
  border: unset;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav {
  padding: 16px 26px 0px 26px;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .filter-nav .blue-link {
  padding-top: 8px;
  padding-bottom: 16px;
}

.prod-selector-results .side-filters.open .filter-nav-inner.new-filter .reset-link {
  padding-top: 8px;
  padding-bottom: 16px;
}

#buyparametrics .app-container,
#buyparametrics .container.prod-selector-results {
  width: 100%;
  padding: 0px;
}

#buyparametrics .col-filter {
  z-index: 1000;
}

#buyparametrics .prod-selector-results .table-container.full-width > .table-responsive:last-child,
#buyparametrics .prod-selector-results .table-container.full-width > .table-footer:last-child {
  padding-bottom: 130px;
}

#buyparametrics .next-offer-stick-bottom {
  bottom: -50px;
}

#buyparametrics .table-header-container > div:first-child:not(.table-container-section) {
  display: none;
}

#buyparametrics .table-header-container .table-container-section:only-of-type {
  padding-bottom: 16px;
}

@media (max-width: 768px) {
  #buyparametrics .ds-resources-big-title {
    border-bottom: none;
  }
  #buyparametrics .next-offer-hor.open {
    bottom: 70px;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  line-height: inherit;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #d4cfc5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
}

.col-md-4 .software-redesign label {
  display: flex;
  align-items: center;
}

.software-redesign label .col-md-12 {
  font-weight: normal;
}

label .icon-info {
  font-size: 12px;
  margin-left: 4px;
}

input[type='search'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type='radio'],
input[type='checkbox'] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type='file'] {
  display: block;
}

input[type='range'] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
  outline: thin dotted;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #474645;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  color: var(--nxp-body-color);
  background-color: var(--nxp-body-bg);
  background-image: none;
  border: 1px solid #d4cfc5;
  border-radius: 0;
  /*  } */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #0eafe0;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(14, 175, 224, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(14, 175, 224, 0.6);
}

#sortBySelection .form-control:focus {
  border-color: none !important;
  outline: 0;
  box-shadow: none !important;
}

.form-control::-moz-placeholder {
  color: var(--nxp-secondary-color);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--nxp-secondary-color);
}

.form-control::-webkit-input-placeholder {
  color: var(--nxp-secondary-color);
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f7f5f1;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type='search'] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type='date'].form-control,
  input[type='time'].form-control,
  input[type='datetime-local'].form-control,
  input[type='month'].form-control {
    line-height: 40px;
  }
  input[type='date'].input-sm, .input-group-sm > input.form-control[type='date'],
  .input-group-sm > input.input-group-addon[type='date'],
  .input-group-sm > .input-group-btn > input.btn[type='date'], .input-group-sm > .input-group-btn > input.nav-close[type='date'],
  .input-group-sm input[type='date'],
  input[type='time'].input-sm,
  .input-group-sm > input.form-control[type='time'],
  .input-group-sm > input.input-group-addon[type='time'],
  .input-group-sm > .input-group-btn > input.btn[type='time'],
  .input-group-sm > .input-group-btn > input.nav-close[type='time'],
  .input-group-sm
  input[type='time'],
  input[type='datetime-local'].input-sm,
  .input-group-sm > input.form-control[type='datetime-local'],
  .input-group-sm > input.input-group-addon[type='datetime-local'],
  .input-group-sm > .input-group-btn > input.btn[type='datetime-local'],
  .input-group-sm > .input-group-btn > input.nav-close[type='datetime-local'],
  .input-group-sm
  input[type='datetime-local'],
  input[type='month'].input-sm,
  .input-group-sm > input.form-control[type='month'],
  .input-group-sm > input.input-group-addon[type='month'],
  .input-group-sm > .input-group-btn > input.btn[type='month'],
  .input-group-sm > .input-group-btn > input.nav-close[type='month'],
  .input-group-sm
  input[type='month'] {
    line-height: 30px;
  }
  input[type='date'].input-lg, .input-group-lg > input.form-control[type='date'],
  .input-group-lg > input.input-group-addon[type='date'],
  .input-group-lg > .input-group-btn > input.btn[type='date'], .input-group-lg > .input-group-btn > input.nav-close[type='date'],
  .input-group-lg input[type='date'],
  input[type='time'].input-lg,
  .input-group-lg > input.form-control[type='time'],
  .input-group-lg > input.input-group-addon[type='time'],
  .input-group-lg > .input-group-btn > input.btn[type='time'],
  .input-group-lg > .input-group-btn > input.nav-close[type='time'],
  .input-group-lg
  input[type='time'],
  input[type='datetime-local'].input-lg,
  .input-group-lg > input.form-control[type='datetime-local'],
  .input-group-lg > input.input-group-addon[type='datetime-local'],
  .input-group-lg > .input-group-btn > input.btn[type='datetime-local'],
  .input-group-lg > .input-group-btn > input.nav-close[type='datetime-local'],
  .input-group-lg
  input[type='datetime-local'],
  input[type='month'].input-lg,
  .input-group-lg > input.form-control[type='month'],
  .input-group-lg > input.input-group-addon[type='month'],
  .input-group-lg > .input-group-btn > input.btn[type='month'],
  .input-group-lg > .input-group-btn > input.nav-close[type='month'],
  .input-group-lg
  input[type='month'] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.form-group .flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.form-group .flex input {
  font-size: 14px;
  padding: 6px 6px;
  margin: 0px 8px;
}

.form-group .flex input:not(:first-of-type) {
  margin-left: 8px;
  margin-right: 0px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type='radio'][disabled], input[type='radio'].disabled,
fieldset[disabled] input[type='radio'],
input[type='checkbox'][disabled],
input[type='checkbox'].disabled,
fieldset[disabled]
input[type='checkbox'] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 36px;
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-lg > .input-group-btn > .form-control-static.nav-close, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .input-group-sm > .input-group-btn > .form-control-static.nav-close {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > .nav-close {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn, .input-group-sm > .input-group-btn > select.nav-close {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > .input-group-btn > textarea.nav-close,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple],
.input-group-sm > .input-group-btn > select.nav-close[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .input-group-lg > .input-group-btn > .nav-close {
  height: 46px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 0;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn, .input-group-lg > .input-group-btn > select.nav-close {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > .input-group-btn > textarea.nav-close,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple],
.input-group-lg > .input-group-btn > select.nav-close[multiple] {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.7;
  border-radius: 0;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 40px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 50px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg > .input-group-btn > .nav-close + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm > .input-group-btn > .nav-close + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #007b7d;
}

.has-success .form-control {
  border-color: #007b7d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #00494a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00dfe3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00dfe3;
}

.has-success .input-group-addon {
  color: #007b7d;
  border-color: #007b7d;
  background-color: #e6f6f6;
}

.has-success .form-control-feedback {
  color: #007b7d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ff7400;
}

.has-warning .form-control {
  border-color: #ff7400;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #cc5d00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffac66;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffac66;
}

.has-warning .input-group-addon {
  color: #ff7400;
  border-color: #ff7400;
  background-color: #ffeda7;
}

.has-warning .form-control-feedback {
  color: #ff7400;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d60b2d;
}

.has-error .form-control {
  border-color: #d60b2d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #a50923;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6516d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6516d;
}

.has-error .input-group-addon {
  color: #d60b2d;
  border-color: #d60b2d;
  background-color: #f8e7e7;
}

.has-error .form-control-feedback {
  color: #d60b2d;
}

.has-error p {
  color: #d60b2d;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #686664;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type='radio'],
  .form-inline .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.LV_invalid {
  color: #d9534f;
}

.LV_invalid_field {
  border-color: #d9534f;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.form-input-status {
  position: relative;
}

.form-input-status input {
  padding-right: 26px;
}

.form-input-status .product-status {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 4px 6px;
  cursor: unset;
}

.btn, .nav-close {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.5;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  border: 0px solid transparent;
  padding: 14px 18px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 100px;
}

.btn:hover, .nav-close:hover, .btn:focus, .nav-close:focus, .btn.focus, .focus.nav-close {
  text-decoration: none;
}

.btn:active, .nav-close:active, .btn.active, .active.nav-close {
  outline: 0;
  background-image: none;
}

.btn.disabled, .disabled.nav-close, .btn[disabled], .nav-close[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .nav-close {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.disabled, .disabled.nav-close, .btn[disabled], .nav-close[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .nav-close {
  opacity: 1;
}

a.btn.disabled, a.disabled.nav-close,
fieldset[disabled] a.btn,
fieldset[disabled] a.nav-close {
  pointer-events: none;
}

.btn-default, .jumpto ul li.jumpto-cta-container a.btn-default,
.btn-app-notes,
.btn-data-sheet,
.btn-white {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.btn-default::before, .jumpto ul li.jumpto-cta-container a.btn-default::before,
.btn-app-notes::before,
.btn-data-sheet::before,
.btn-white::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.btn-default:hover, .jumpto ul li.jumpto-cta-container a.btn-default:hover, .btn-default.hover, .jumpto ul li.jumpto-cta-container a.hover.btn-default,
.btn-app-notes:hover,
.btn-app-notes.hover,
.btn-data-sheet:hover,
.btn-data-sheet.hover,
.btn-white:hover,
.btn-white.hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.btn-default:hover::before, .jumpto ul li.jumpto-cta-container a.btn-default:hover::before, .btn-default.hover::before, .jumpto ul li.jumpto-cta-container a.hover.btn-default::before,
.btn-app-notes:hover::before,
.btn-app-notes.hover::before,
.btn-data-sheet:hover::before,
.btn-data-sheet.hover::before,
.btn-white:hover::before,
.btn-white.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.btn-default:focus, .jumpto ul li.jumpto-cta-container a.btn-default:focus, .btn-default.focus, .jumpto ul li.jumpto-cta-container a.focus.btn-default, .btn-default:active, .jumpto ul li.jumpto-cta-container a.btn-default:active, .btn-default.active, .jumpto ul li.jumpto-cta-container a.active.btn-default,
.open > .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-default,
.btn-app-notes:focus,
.btn-app-notes.focus,
.btn-app-notes:active,
.btn-app-notes.active,
.open >
.btn-app-notes.dropdown-toggle,
.btn-data-sheet:focus,
.btn-data-sheet.focus,
.btn-data-sheet:active,
.btn-data-sheet.active,
.open >
.btn-data-sheet.dropdown-toggle,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open >
.btn-white.dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.btn-default:focus:hover, .jumpto ul li.jumpto-cta-container a.btn-default:focus:hover, .btn-default.focus:hover, .jumpto ul li.jumpto-cta-container a.focus.btn-default:hover, .btn-default:active:hover, .jumpto ul li.jumpto-cta-container a.btn-default:active:hover, .btn-default.active:hover, .jumpto ul li.jumpto-cta-container a.active.btn-default:hover,
.open > .btn-default.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-default:hover,
.btn-app-notes:focus:hover,
.btn-app-notes.focus:hover,
.btn-app-notes:active:hover,
.btn-app-notes.active:hover,
.open >
.btn-app-notes.dropdown-toggle:hover,
.btn-data-sheet:focus:hover,
.btn-data-sheet.focus:hover,
.btn-data-sheet:active:hover,
.btn-data-sheet.active:hover,
.open >
.btn-data-sheet.dropdown-toggle:hover,
.btn-white:focus:hover,
.btn-white.focus:hover,
.btn-white:active:hover,
.btn-white.active:hover,
.open >
.btn-white.dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.btn-default:focus:hover::before, .jumpto ul li.jumpto-cta-container a.btn-default:focus:hover::before, .btn-default.focus:hover::before, .jumpto ul li.jumpto-cta-container a.focus.btn-default:hover::before, .btn-default:active:hover::before, .jumpto ul li.jumpto-cta-container a.btn-default:active:hover::before, .btn-default.active:hover::before, .jumpto ul li.jumpto-cta-container a.active.btn-default:hover::before,
.open > .btn-default.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-default:hover::before,
.btn-app-notes:focus:hover::before,
.btn-app-notes.focus:hover::before,
.btn-app-notes:active:hover::before,
.btn-app-notes.active:hover::before,
.open >
.btn-app-notes.dropdown-toggle:hover::before,
.btn-data-sheet:focus:hover::before,
.btn-data-sheet.focus:hover::before,
.btn-data-sheet:active:hover::before,
.btn-data-sheet.active:hover::before,
.open >
.btn-data-sheet.dropdown-toggle:hover::before,
.btn-white:focus:hover::before,
.btn-white.focus:hover::before,
.btn-white:active:hover::before,
.btn-white.active:hover::before,
.open >
.btn-white.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.btn-default:active, .jumpto ul li.jumpto-cta-container a.btn-default:active, .btn-default.active, .jumpto ul li.jumpto-cta-container a.active.btn-default,
.open > .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-default,
.btn-app-notes:active,
.btn-app-notes.active,
.open >
.btn-app-notes.dropdown-toggle,
.btn-data-sheet:active,
.btn-data-sheet.active,
.open >
.btn-data-sheet.dropdown-toggle,
.btn-white:active,
.btn-white.active,
.open >
.btn-white.dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

.btn-default.disabled, .jumpto ul li.jumpto-cta-container a.disabled.btn-default, .btn-default[disabled], .jumpto ul li.jumpto-cta-container a.btn-default[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default,
.btn-app-notes.disabled,
.btn-app-notes[disabled],
fieldset[disabled]
.btn-app-notes,
.btn-data-sheet.disabled,
.btn-data-sheet[disabled],
fieldset[disabled]
.btn-data-sheet,
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled]
.btn-white {
  opacity: 0.7;
}

.btn-default.disabled:hover, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:hover, .btn-default.disabled:focus, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:focus, .btn-default.disabled:active, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:active, .btn-default.disabled.focus, .jumpto ul li.jumpto-cta-container a.disabled.focus.btn-default, .btn-default[disabled]:hover, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:hover, .btn-default[disabled]:focus, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:focus, .btn-default[disabled]:active, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:active, .btn-default[disabled].focus, .jumpto ul li.jumpto-cta-container a.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:hover,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:focus,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:active,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.focus.btn-default,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.focus.btn-default,
.btn-app-notes.disabled:hover,
.btn-app-notes.disabled:focus,
.btn-app-notes.disabled:active,
.btn-app-notes.disabled.focus,
.btn-app-notes[disabled]:hover,
.btn-app-notes[disabled]:focus,
.btn-app-notes[disabled]:active,
.btn-app-notes[disabled].focus,
fieldset[disabled]
.btn-app-notes:hover,
fieldset[disabled]
.btn-app-notes:focus,
fieldset[disabled]
.btn-app-notes:active,
fieldset[disabled]
.btn-app-notes.focus,
.btn-data-sheet.disabled:hover,
.btn-data-sheet.disabled:focus,
.btn-data-sheet.disabled:active,
.btn-data-sheet.disabled.focus,
.btn-data-sheet[disabled]:hover,
.btn-data-sheet[disabled]:focus,
.btn-data-sheet[disabled]:active,
.btn-data-sheet[disabled].focus,
fieldset[disabled]
.btn-data-sheet:hover,
fieldset[disabled]
.btn-data-sheet:focus,
fieldset[disabled]
.btn-data-sheet:active,
fieldset[disabled]
.btn-data-sheet.focus,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.focus,
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white[disabled].focus,
fieldset[disabled]
.btn-white:hover,
fieldset[disabled]
.btn-white:focus,
fieldset[disabled]
.btn-white:active,
fieldset[disabled]
.btn-white.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.btn-default.disabled:hover::before, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:hover::before, .btn-default.disabled:focus::before, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:focus::before, .btn-default.disabled:active::before, .jumpto ul li.jumpto-cta-container a.disabled.btn-default:active::before, .btn-default.disabled.focus::before, .jumpto ul li.jumpto-cta-container a.disabled.focus.btn-default::before, .btn-default[disabled]:hover::before, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:hover::before, .btn-default[disabled]:focus::before, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:focus::before, .btn-default[disabled]:active::before, .jumpto ul li.jumpto-cta-container a.btn-default[disabled]:active::before, .btn-default[disabled].focus::before, .jumpto ul li.jumpto-cta-container a.btn-default[disabled].focus::before,
fieldset[disabled] .btn-default:hover::before,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:hover::before,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:hover::before,
fieldset[disabled] .btn-default:focus::before,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:focus::before,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:focus::before,
fieldset[disabled] .btn-default:active::before,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-default:active::before,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-default:active::before,
fieldset[disabled] .btn-default.focus::before,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.focus.btn-default::before,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.focus.btn-default::before,
.btn-app-notes.disabled:hover::before,
.btn-app-notes.disabled:focus::before,
.btn-app-notes.disabled:active::before,
.btn-app-notes.disabled.focus::before,
.btn-app-notes[disabled]:hover::before,
.btn-app-notes[disabled]:focus::before,
.btn-app-notes[disabled]:active::before,
.btn-app-notes[disabled].focus::before,
fieldset[disabled]
.btn-app-notes:hover::before,
fieldset[disabled]
.btn-app-notes:focus::before,
fieldset[disabled]
.btn-app-notes:active::before,
fieldset[disabled]
.btn-app-notes.focus::before,
.btn-data-sheet.disabled:hover::before,
.btn-data-sheet.disabled:focus::before,
.btn-data-sheet.disabled:active::before,
.btn-data-sheet.disabled.focus::before,
.btn-data-sheet[disabled]:hover::before,
.btn-data-sheet[disabled]:focus::before,
.btn-data-sheet[disabled]:active::before,
.btn-data-sheet[disabled].focus::before,
fieldset[disabled]
.btn-data-sheet:hover::before,
fieldset[disabled]
.btn-data-sheet:focus::before,
fieldset[disabled]
.btn-data-sheet:active::before,
fieldset[disabled]
.btn-data-sheet.focus::before,
.btn-white.disabled:hover::before,
.btn-white.disabled:focus::before,
.btn-white.disabled:active::before,
.btn-white.disabled.focus::before,
.btn-white[disabled]:hover::before,
.btn-white[disabled]:focus::before,
.btn-white[disabled]:active::before,
.btn-white[disabled].focus::before,
fieldset[disabled]
.btn-white:hover::before,
fieldset[disabled]
.btn-white:focus::before,
fieldset[disabled]
.btn-white:active::before,
fieldset[disabled]
.btn-white.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .btn-default, .dark .jumpto ul li.jumpto-cta-container a.btn-default, .jumpto ul li.jumpto-cta-container .dark a.btn-default, .btn-default.darkbtn, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default, .dark
.btn-app-notes,
.btn-app-notes.darkbtn, .dark
.btn-data-sheet,
.btn-data-sheet.darkbtn, .dark
.btn-white,
.btn-white.darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .btn-default::before, .dark .jumpto ul li.jumpto-cta-container a.btn-default::before, .jumpto ul li.jumpto-cta-container .dark a.btn-default::before, .btn-default.darkbtn::before, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default::before, .dark
.btn-app-notes::before,
.btn-app-notes.darkbtn::before, .dark
.btn-data-sheet::before,
.btn-data-sheet.darkbtn::before, .dark
.btn-white::before,
.btn-white.darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .btn-default:hover, .dark .jumpto ul li.jumpto-cta-container a.btn-default:hover, .jumpto ul li.jumpto-cta-container .dark a.btn-default:hover, .dark .btn-default.hover, .dark .jumpto ul li.jumpto-cta-container a.hover.btn-default, .jumpto ul li.jumpto-cta-container .dark a.hover.btn-default, .btn-default.darkbtn:hover, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default:hover, .btn-default.darkbtn.hover, .jumpto ul li.jumpto-cta-container a.darkbtn.hover.btn-default, .dark
.btn-app-notes:hover, .dark
.btn-app-notes.hover,
.btn-app-notes.darkbtn:hover,
.btn-app-notes.darkbtn.hover, .dark
.btn-data-sheet:hover, .dark
.btn-data-sheet.hover,
.btn-data-sheet.darkbtn:hover,
.btn-data-sheet.darkbtn.hover, .dark
.btn-white:hover, .dark
.btn-white.hover,
.btn-white.darkbtn:hover,
.btn-white.darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark .btn-default:hover::before, .dark .jumpto ul li.jumpto-cta-container a.btn-default:hover::before, .jumpto ul li.jumpto-cta-container .dark a.btn-default:hover::before, .dark .btn-default.hover::before, .dark .jumpto ul li.jumpto-cta-container a.hover.btn-default::before, .jumpto ul li.jumpto-cta-container .dark a.hover.btn-default::before, .btn-default.darkbtn:hover::before, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default:hover::before, .btn-default.darkbtn.hover::before, .jumpto ul li.jumpto-cta-container a.darkbtn.hover.btn-default::before, .dark
.btn-app-notes:hover::before, .dark
.btn-app-notes.hover::before,
.btn-app-notes.darkbtn:hover::before,
.btn-app-notes.darkbtn.hover::before, .dark
.btn-data-sheet:hover::before, .dark
.btn-data-sheet.hover::before,
.btn-data-sheet.darkbtn:hover::before,
.btn-data-sheet.darkbtn.hover::before, .dark
.btn-white:hover::before, .dark
.btn-white.hover::before,
.btn-white.darkbtn:hover::before,
.btn-white.darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .btn-default:focus, .dark .jumpto ul li.jumpto-cta-container a.btn-default:focus, .jumpto ul li.jumpto-cta-container .dark a.btn-default:focus, .dark .btn-default.focus, .dark .jumpto ul li.jumpto-cta-container a.focus.btn-default, .jumpto ul li.jumpto-cta-container .dark a.focus.btn-default, .dark .btn-default:active, .dark .jumpto ul li.jumpto-cta-container a.btn-default:active, .jumpto ul li.jumpto-cta-container .dark a.btn-default:active, .dark .btn-default.active, .dark .jumpto ul li.jumpto-cta-container a.active.btn-default, .jumpto ul li.jumpto-cta-container .dark a.active.btn-default,
.open > .dark .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .dark a.dropdown-toggle.btn-default, .btn-default.darkbtn:focus, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default:focus, .btn-default.darkbtn.focus, .jumpto ul li.jumpto-cta-container a.darkbtn.focus.btn-default, .btn-default.darkbtn:active, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default:active, .btn-default.darkbtn.active, .jumpto ul li.jumpto-cta-container a.darkbtn.active.btn-default,
.open > .btn-default.darkbtn.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.darkbtn.dropdown-toggle.btn-default, .dark
.btn-app-notes:focus, .dark
.btn-app-notes.focus, .dark
.btn-app-notes:active, .dark
.btn-app-notes.active,
.open > .dark
.btn-app-notes.dropdown-toggle,
.btn-app-notes.darkbtn:focus,
.btn-app-notes.darkbtn.focus,
.btn-app-notes.darkbtn:active,
.btn-app-notes.darkbtn.active,
.open >
.btn-app-notes.darkbtn.dropdown-toggle, .dark
.btn-data-sheet:focus, .dark
.btn-data-sheet.focus, .dark
.btn-data-sheet:active, .dark
.btn-data-sheet.active,
.open > .dark
.btn-data-sheet.dropdown-toggle,
.btn-data-sheet.darkbtn:focus,
.btn-data-sheet.darkbtn.focus,
.btn-data-sheet.darkbtn:active,
.btn-data-sheet.darkbtn.active,
.open >
.btn-data-sheet.darkbtn.dropdown-toggle, .dark
.btn-white:focus, .dark
.btn-white.focus, .dark
.btn-white:active, .dark
.btn-white.active,
.open > .dark
.btn-white.dropdown-toggle,
.btn-white.darkbtn:focus,
.btn-white.darkbtn.focus,
.btn-white.darkbtn:active,
.btn-white.darkbtn.active,
.open >
.btn-white.darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark .btn-default:focus:hover, .dark .btn-default.focus:hover, .dark .btn-default:active:hover, .dark .btn-default.active:hover,
.open > .dark .btn-default.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > .dark a.dropdown-toggle.btn-default:hover, .btn-default.darkbtn:focus:hover, .btn-default.darkbtn.focus:hover, .btn-default.darkbtn:active:hover, .btn-default.darkbtn.active:hover,
.open > .btn-default.darkbtn.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > a.darkbtn.dropdown-toggle.btn-default:hover, .dark
.btn-app-notes:focus:hover, .dark
.btn-app-notes.focus:hover, .dark
.btn-app-notes:active:hover, .dark
.btn-app-notes.active:hover,
.open > .dark
.btn-app-notes.dropdown-toggle:hover,
.btn-app-notes.darkbtn:focus:hover,
.btn-app-notes.darkbtn.focus:hover,
.btn-app-notes.darkbtn:active:hover,
.btn-app-notes.darkbtn.active:hover,
.open >
.btn-app-notes.darkbtn.dropdown-toggle:hover, .dark
.btn-data-sheet:focus:hover, .dark
.btn-data-sheet.focus:hover, .dark
.btn-data-sheet:active:hover, .dark
.btn-data-sheet.active:hover,
.open > .dark
.btn-data-sheet.dropdown-toggle:hover,
.btn-data-sheet.darkbtn:focus:hover,
.btn-data-sheet.darkbtn.focus:hover,
.btn-data-sheet.darkbtn:active:hover,
.btn-data-sheet.darkbtn.active:hover,
.open >
.btn-data-sheet.darkbtn.dropdown-toggle:hover, .dark
.btn-white:focus:hover, .dark
.btn-white.focus:hover, .dark
.btn-white:active:hover, .dark
.btn-white.active:hover,
.open > .dark
.btn-white.dropdown-toggle:hover,
.btn-white.darkbtn:focus:hover,
.btn-white.darkbtn.focus:hover,
.btn-white.darkbtn:active:hover,
.btn-white.darkbtn.active:hover,
.open >
.btn-white.darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark .btn-default:focus:hover::before, .dark .btn-default.focus:hover::before, .dark .btn-default:active:hover::before, .dark .btn-default.active:hover::before,
.open > .dark .btn-default.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > .dark a.dropdown-toggle.btn-default:hover::before, .btn-default.darkbtn:focus:hover::before, .btn-default.darkbtn.focus:hover::before, .btn-default.darkbtn:active:hover::before, .btn-default.darkbtn.active:hover::before,
.open > .btn-default.darkbtn.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > a.darkbtn.dropdown-toggle.btn-default:hover::before, .dark
.btn-app-notes:focus:hover::before, .dark
.btn-app-notes.focus:hover::before, .dark
.btn-app-notes:active:hover::before, .dark
.btn-app-notes.active:hover::before,
.open > .dark
.btn-app-notes.dropdown-toggle:hover::before,
.btn-app-notes.darkbtn:focus:hover::before,
.btn-app-notes.darkbtn.focus:hover::before,
.btn-app-notes.darkbtn:active:hover::before,
.btn-app-notes.darkbtn.active:hover::before,
.open >
.btn-app-notes.darkbtn.dropdown-toggle:hover::before, .dark
.btn-data-sheet:focus:hover::before, .dark
.btn-data-sheet.focus:hover::before, .dark
.btn-data-sheet:active:hover::before, .dark
.btn-data-sheet.active:hover::before,
.open > .dark
.btn-data-sheet.dropdown-toggle:hover::before,
.btn-data-sheet.darkbtn:focus:hover::before,
.btn-data-sheet.darkbtn.focus:hover::before,
.btn-data-sheet.darkbtn:active:hover::before,
.btn-data-sheet.darkbtn.active:hover::before,
.open >
.btn-data-sheet.darkbtn.dropdown-toggle:hover::before, .dark
.btn-white:focus:hover::before, .dark
.btn-white.focus:hover::before, .dark
.btn-white:active:hover::before, .dark
.btn-white.active:hover::before,
.open > .dark
.btn-white.dropdown-toggle:hover::before,
.btn-white.darkbtn:focus:hover::before,
.btn-white.darkbtn.focus:hover::before,
.btn-white.darkbtn:active:hover::before,
.btn-white.darkbtn.active:hover::before,
.open >
.btn-white.darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark .btn-default:active, .dark .jumpto ul li.jumpto-cta-container a.btn-default:active, .jumpto ul li.jumpto-cta-container .dark a.btn-default:active, .dark .btn-default.active, .dark .jumpto ul li.jumpto-cta-container a.active.btn-default, .jumpto ul li.jumpto-cta-container .dark a.active.btn-default,
.open > .dark .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .dark a.dropdown-toggle.btn-default, .btn-default.darkbtn:active, .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default:active, .btn-default.darkbtn.active, .jumpto ul li.jumpto-cta-container a.darkbtn.active.btn-default,
.open > .btn-default.darkbtn.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.darkbtn.dropdown-toggle.btn-default, .dark
.btn-app-notes:active, .dark
.btn-app-notes.active,
.open > .dark
.btn-app-notes.dropdown-toggle,
.btn-app-notes.darkbtn:active,
.btn-app-notes.darkbtn.active,
.open >
.btn-app-notes.darkbtn.dropdown-toggle, .dark
.btn-data-sheet:active, .dark
.btn-data-sheet.active,
.open > .dark
.btn-data-sheet.dropdown-toggle,
.btn-data-sheet.darkbtn:active,
.btn-data-sheet.darkbtn.active,
.open >
.btn-data-sheet.darkbtn.dropdown-toggle, .dark
.btn-white:active, .dark
.btn-white.active,
.open > .dark
.btn-white.dropdown-toggle,
.btn-white.darkbtn:active,
.btn-white.darkbtn.active,
.open >
.btn-white.darkbtn.dropdown-toggle {
  background: white;
}

.dark .btn-default.disabled, .dark .jumpto ul li.jumpto-cta-container a.disabled.btn-default, .jumpto ul li.jumpto-cta-container .dark a.disabled.btn-default, .dark .btn-default[disabled], .dark .jumpto ul li.jumpto-cta-container a.btn-default[disabled], .jumpto ul li.jumpto-cta-container .dark a.btn-default[disabled],
fieldset[disabled] .dark .btn-default,
fieldset[disabled] .dark .jumpto ul li.jumpto-cta-container a.btn-default,
.jumpto ul li.jumpto-cta-container fieldset[disabled] .dark a.btn-default, .btn-default.darkbtn.disabled, .jumpto ul li.jumpto-cta-container a.darkbtn.disabled.btn-default, .btn-default.darkbtn[disabled], .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default[disabled],
fieldset[disabled] .btn-default.darkbtn,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.darkbtn.btn-default,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.darkbtn.btn-default, .dark
.btn-app-notes.disabled, .dark
.btn-app-notes[disabled],
fieldset[disabled] .dark
.btn-app-notes,
.btn-app-notes.darkbtn.disabled,
.btn-app-notes.darkbtn[disabled],
fieldset[disabled]
.btn-app-notes.darkbtn, .dark
.btn-data-sheet.disabled, .dark
.btn-data-sheet[disabled],
fieldset[disabled] .dark
.btn-data-sheet,
.btn-data-sheet.darkbtn.disabled,
.btn-data-sheet.darkbtn[disabled],
fieldset[disabled]
.btn-data-sheet.darkbtn, .dark
.btn-white.disabled, .dark
.btn-white[disabled],
fieldset[disabled] .dark
.btn-white,
.btn-white.darkbtn.disabled,
.btn-white.darkbtn[disabled],
fieldset[disabled]
.btn-white.darkbtn {
  opacity: 0.7;
}

.dark .btn-default.disabled:hover, .dark .btn-default.disabled:focus, .dark .btn-default.disabled:active, .dark .btn-default.disabled.focus, .dark .btn-default[disabled]:hover, .dark .btn-default[disabled]:focus, .dark .btn-default[disabled]:active, .dark .btn-default[disabled].focus,
fieldset[disabled] .dark .btn-default:hover,
fieldset[disabled] .dark .btn-default:focus,
fieldset[disabled] .dark .btn-default:active,
fieldset[disabled] .dark .btn-default.focus, .btn-default.darkbtn.disabled:hover, .btn-default.darkbtn.disabled:focus, .btn-default.darkbtn.disabled:active, .btn-default.darkbtn.disabled.focus, .btn-default.darkbtn[disabled]:hover, .btn-default.darkbtn[disabled]:focus, .btn-default.darkbtn[disabled]:active, .btn-default.darkbtn[disabled].focus,
fieldset[disabled] .btn-default.darkbtn:hover,
fieldset[disabled] .btn-default.darkbtn:focus,
fieldset[disabled] .btn-default.darkbtn:active,
fieldset[disabled] .btn-default.darkbtn.focus, .dark
.btn-app-notes.disabled:hover, .dark
.btn-app-notes.disabled:focus, .dark
.btn-app-notes.disabled:active, .dark
.btn-app-notes.disabled.focus, .dark
.btn-app-notes[disabled]:hover, .dark
.btn-app-notes[disabled]:focus, .dark
.btn-app-notes[disabled]:active, .dark
.btn-app-notes[disabled].focus,
fieldset[disabled] .dark
.btn-app-notes:hover,
fieldset[disabled] .dark
.btn-app-notes:focus,
fieldset[disabled] .dark
.btn-app-notes:active,
fieldset[disabled] .dark
.btn-app-notes.focus,
.btn-app-notes.darkbtn.disabled:hover,
.btn-app-notes.darkbtn.disabled:focus,
.btn-app-notes.darkbtn.disabled:active,
.btn-app-notes.darkbtn.disabled.focus,
.btn-app-notes.darkbtn[disabled]:hover,
.btn-app-notes.darkbtn[disabled]:focus,
.btn-app-notes.darkbtn[disabled]:active,
.btn-app-notes.darkbtn[disabled].focus,
fieldset[disabled]
.btn-app-notes.darkbtn:hover,
fieldset[disabled]
.btn-app-notes.darkbtn:focus,
fieldset[disabled]
.btn-app-notes.darkbtn:active,
fieldset[disabled]
.btn-app-notes.darkbtn.focus, .dark
.btn-data-sheet.disabled:hover, .dark
.btn-data-sheet.disabled:focus, .dark
.btn-data-sheet.disabled:active, .dark
.btn-data-sheet.disabled.focus, .dark
.btn-data-sheet[disabled]:hover, .dark
.btn-data-sheet[disabled]:focus, .dark
.btn-data-sheet[disabled]:active, .dark
.btn-data-sheet[disabled].focus,
fieldset[disabled] .dark
.btn-data-sheet:hover,
fieldset[disabled] .dark
.btn-data-sheet:focus,
fieldset[disabled] .dark
.btn-data-sheet:active,
fieldset[disabled] .dark
.btn-data-sheet.focus,
.btn-data-sheet.darkbtn.disabled:hover,
.btn-data-sheet.darkbtn.disabled:focus,
.btn-data-sheet.darkbtn.disabled:active,
.btn-data-sheet.darkbtn.disabled.focus,
.btn-data-sheet.darkbtn[disabled]:hover,
.btn-data-sheet.darkbtn[disabled]:focus,
.btn-data-sheet.darkbtn[disabled]:active,
.btn-data-sheet.darkbtn[disabled].focus,
fieldset[disabled]
.btn-data-sheet.darkbtn:hover,
fieldset[disabled]
.btn-data-sheet.darkbtn:focus,
fieldset[disabled]
.btn-data-sheet.darkbtn:active,
fieldset[disabled]
.btn-data-sheet.darkbtn.focus, .dark
.btn-white.disabled:hover, .dark
.btn-white.disabled:focus, .dark
.btn-white.disabled:active, .dark
.btn-white.disabled.focus, .dark
.btn-white[disabled]:hover, .dark
.btn-white[disabled]:focus, .dark
.btn-white[disabled]:active, .dark
.btn-white[disabled].focus,
fieldset[disabled] .dark
.btn-white:hover,
fieldset[disabled] .dark
.btn-white:focus,
fieldset[disabled] .dark
.btn-white:active,
fieldset[disabled] .dark
.btn-white.focus,
.btn-white.darkbtn.disabled:hover,
.btn-white.darkbtn.disabled:focus,
.btn-white.darkbtn.disabled:active,
.btn-white.darkbtn.disabled.focus,
.btn-white.darkbtn[disabled]:hover,
.btn-white.darkbtn[disabled]:focus,
.btn-white.darkbtn[disabled]:active,
.btn-white.darkbtn[disabled].focus,
fieldset[disabled]
.btn-white.darkbtn:hover,
fieldset[disabled]
.btn-white.darkbtn:focus,
fieldset[disabled]
.btn-white.darkbtn:active,
fieldset[disabled]
.btn-white.darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .btn-default.disabled:hover::before, .dark .btn-default.disabled:focus::before, .dark .btn-default.disabled:active::before, .dark .btn-default.disabled.focus::before, .dark .btn-default[disabled]:hover::before, .dark .btn-default[disabled]:focus::before, .dark .btn-default[disabled]:active::before, .dark .btn-default[disabled].focus::before,
fieldset[disabled] .dark .btn-default:hover::before,
fieldset[disabled] .dark .btn-default:focus::before,
fieldset[disabled] .dark .btn-default:active::before,
fieldset[disabled] .dark .btn-default.focus::before, .btn-default.darkbtn.disabled:hover::before, .btn-default.darkbtn.disabled:focus::before, .btn-default.darkbtn.disabled:active::before, .btn-default.darkbtn.disabled.focus::before, .btn-default.darkbtn[disabled]:hover::before, .btn-default.darkbtn[disabled]:focus::before, .btn-default.darkbtn[disabled]:active::before, .btn-default.darkbtn[disabled].focus::before,
fieldset[disabled] .btn-default.darkbtn:hover::before,
fieldset[disabled] .btn-default.darkbtn:focus::before,
fieldset[disabled] .btn-default.darkbtn:active::before,
fieldset[disabled] .btn-default.darkbtn.focus::before, .dark
.btn-app-notes.disabled:hover::before, .dark
.btn-app-notes.disabled:focus::before, .dark
.btn-app-notes.disabled:active::before, .dark
.btn-app-notes.disabled.focus::before, .dark
.btn-app-notes[disabled]:hover::before, .dark
.btn-app-notes[disabled]:focus::before, .dark
.btn-app-notes[disabled]:active::before, .dark
.btn-app-notes[disabled].focus::before,
fieldset[disabled] .dark
.btn-app-notes:hover::before,
fieldset[disabled] .dark
.btn-app-notes:focus::before,
fieldset[disabled] .dark
.btn-app-notes:active::before,
fieldset[disabled] .dark
.btn-app-notes.focus::before,
.btn-app-notes.darkbtn.disabled:hover::before,
.btn-app-notes.darkbtn.disabled:focus::before,
.btn-app-notes.darkbtn.disabled:active::before,
.btn-app-notes.darkbtn.disabled.focus::before,
.btn-app-notes.darkbtn[disabled]:hover::before,
.btn-app-notes.darkbtn[disabled]:focus::before,
.btn-app-notes.darkbtn[disabled]:active::before,
.btn-app-notes.darkbtn[disabled].focus::before,
fieldset[disabled]
.btn-app-notes.darkbtn:hover::before,
fieldset[disabled]
.btn-app-notes.darkbtn:focus::before,
fieldset[disabled]
.btn-app-notes.darkbtn:active::before,
fieldset[disabled]
.btn-app-notes.darkbtn.focus::before, .dark
.btn-data-sheet.disabled:hover::before, .dark
.btn-data-sheet.disabled:focus::before, .dark
.btn-data-sheet.disabled:active::before, .dark
.btn-data-sheet.disabled.focus::before, .dark
.btn-data-sheet[disabled]:hover::before, .dark
.btn-data-sheet[disabled]:focus::before, .dark
.btn-data-sheet[disabled]:active::before, .dark
.btn-data-sheet[disabled].focus::before,
fieldset[disabled] .dark
.btn-data-sheet:hover::before,
fieldset[disabled] .dark
.btn-data-sheet:focus::before,
fieldset[disabled] .dark
.btn-data-sheet:active::before,
fieldset[disabled] .dark
.btn-data-sheet.focus::before,
.btn-data-sheet.darkbtn.disabled:hover::before,
.btn-data-sheet.darkbtn.disabled:focus::before,
.btn-data-sheet.darkbtn.disabled:active::before,
.btn-data-sheet.darkbtn.disabled.focus::before,
.btn-data-sheet.darkbtn[disabled]:hover::before,
.btn-data-sheet.darkbtn[disabled]:focus::before,
.btn-data-sheet.darkbtn[disabled]:active::before,
.btn-data-sheet.darkbtn[disabled].focus::before,
fieldset[disabled]
.btn-data-sheet.darkbtn:hover::before,
fieldset[disabled]
.btn-data-sheet.darkbtn:focus::before,
fieldset[disabled]
.btn-data-sheet.darkbtn:active::before,
fieldset[disabled]
.btn-data-sheet.darkbtn.focus::before, .dark
.btn-white.disabled:hover::before, .dark
.btn-white.disabled:focus::before, .dark
.btn-white.disabled:active::before, .dark
.btn-white.disabled.focus::before, .dark
.btn-white[disabled]:hover::before, .dark
.btn-white[disabled]:focus::before, .dark
.btn-white[disabled]:active::before, .dark
.btn-white[disabled].focus::before,
fieldset[disabled] .dark
.btn-white:hover::before,
fieldset[disabled] .dark
.btn-white:focus::before,
fieldset[disabled] .dark
.btn-white:active::before,
fieldset[disabled] .dark
.btn-white.focus::before,
.btn-white.darkbtn.disabled:hover::before,
.btn-white.darkbtn.disabled:focus::before,
.btn-white.darkbtn.disabled:active::before,
.btn-white.darkbtn.disabled.focus::before,
.btn-white.darkbtn[disabled]:hover::before,
.btn-white.darkbtn[disabled]:focus::before,
.btn-white.darkbtn[disabled]:active::before,
.btn-white.darkbtn[disabled].focus::before,
fieldset[disabled]
.btn-white.darkbtn:hover::before,
fieldset[disabled]
.btn-white.darkbtn:focus::before,
fieldset[disabled]
.btn-white.darkbtn:active::before,
fieldset[disabled]
.btn-white.darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.btn-primary, .jumpto ul li.jumpto-cta-container a.btn-primary,
.btn-aqua,
.btn-buy,
.btn-orange,
.btn-sample {
  /* @include button-colors(
    $btn-primary-color,
    $btn-primary-bg,
    $btn-primary-border,
    white,
    $btn-primary-hover-bg,
    $btn-primary-hover-border,
    $btn-primary-disable-bg
  ); */
  color: var(--nxp-btn-primary-color);
  background-color: var(--nxp-btn-primary-bg);
  border-color: var(--nxp-btn-primary-border);
}

.btn-primary::before, .jumpto ul li.jumpto-cta-container a.btn-primary::before,
.btn-aqua::before,
.btn-buy::before,
.btn-orange::before,
.btn-sample::before {
  display: none;
}

.btn-primary:focus, .jumpto ul li.jumpto-cta-container a.btn-primary:focus, .btn-primary.focus, .jumpto ul li.jumpto-cta-container a.focus.btn-primary,
.btn-aqua:focus,
.btn-aqua.focus,
.btn-buy:focus,
.btn-buy.focus,
.btn-orange:focus,
.btn-orange.focus,
.btn-sample:focus,
.btn-sample.focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.btn-primary:focus::before, .jumpto ul li.jumpto-cta-container a.btn-primary:focus::before, .btn-primary.focus::before, .jumpto ul li.jumpto-cta-container a.focus.btn-primary::before,
.btn-aqua:focus::before,
.btn-aqua.focus::before,
.btn-buy:focus::before,
.btn-buy.focus::before,
.btn-orange:focus::before,
.btn-orange.focus::before,
.btn-sample:focus::before,
.btn-sample.focus::before {
  display: none;
}

.btn-primary:hover, .jumpto ul li.jumpto-cta-container a.btn-primary:hover, .btn-primary.hover, .jumpto ul li.jumpto-cta-container a.hover.btn-primary,
.btn-aqua:hover,
.btn-aqua.hover,
.btn-buy:hover,
.btn-buy.hover,
.btn-orange:hover,
.btn-orange.hover,
.btn-sample:hover,
.btn-sample.hover {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.btn-primary:hover::before, .jumpto ul li.jumpto-cta-container a.btn-primary:hover::before, .btn-primary.hover::before, .jumpto ul li.jumpto-cta-container a.hover.btn-primary::before,
.btn-aqua:hover::before,
.btn-aqua.hover::before,
.btn-buy:hover::before,
.btn-buy.hover::before,
.btn-orange:hover::before,
.btn-orange.hover::before,
.btn-sample:hover::before,
.btn-sample.hover::before {
  display: none;
}

.btn-primary:active, .jumpto ul li.jumpto-cta-container a.btn-primary:active, .btn-primary.active, .jumpto ul li.jumpto-cta-container a.active.btn-primary,
.open > .btn-primary.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary,
.btn-aqua:active,
.btn-aqua.active,
.open >
.btn-aqua.dropdown-toggle,
.btn-buy:active,
.btn-buy.active,
.open >
.btn-buy.dropdown-toggle,
.btn-orange:active,
.btn-orange.active,
.open >
.btn-orange.dropdown-toggle,
.btn-sample:active,
.btn-sample.active,
.open >
.btn-sample.dropdown-toggle {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.btn-primary:active:hover, .jumpto ul li.jumpto-cta-container a.btn-primary:active:hover, .btn-primary:active:focus, .jumpto ul li.jumpto-cta-container a.btn-primary:active:focus, .btn-primary:active.focus, .jumpto ul li.jumpto-cta-container a.btn-primary:active.focus, .btn-primary.active:hover, .jumpto ul li.jumpto-cta-container a.active.btn-primary:hover, .btn-primary.active:focus, .jumpto ul li.jumpto-cta-container a.active.btn-primary:focus, .btn-primary.active.focus, .jumpto ul li.jumpto-cta-container a.active.focus.btn-primary,
.open > .btn-primary.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary:hover,
.open > .btn-primary.dropdown-toggle:focus,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary:focus,
.open > .btn-primary.dropdown-toggle.focus,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.focus.btn-primary,
.btn-aqua:active:hover,
.btn-aqua:active:focus,
.btn-aqua:active.focus,
.btn-aqua.active:hover,
.btn-aqua.active:focus,
.btn-aqua.active.focus,
.open >
.btn-aqua.dropdown-toggle:hover,
.open >
.btn-aqua.dropdown-toggle:focus,
.open >
.btn-aqua.dropdown-toggle.focus,
.btn-buy:active:hover,
.btn-buy:active:focus,
.btn-buy:active.focus,
.btn-buy.active:hover,
.btn-buy.active:focus,
.btn-buy.active.focus,
.open >
.btn-buy.dropdown-toggle:hover,
.open >
.btn-buy.dropdown-toggle:focus,
.open >
.btn-buy.dropdown-toggle.focus,
.btn-orange:active:hover,
.btn-orange:active:focus,
.btn-orange:active.focus,
.btn-orange.active:hover,
.btn-orange.active:focus,
.btn-orange.active.focus,
.open >
.btn-orange.dropdown-toggle:hover,
.open >
.btn-orange.dropdown-toggle:focus,
.open >
.btn-orange.dropdown-toggle.focus,
.btn-sample:active:hover,
.btn-sample:active:focus,
.btn-sample:active.focus,
.btn-sample.active:hover,
.btn-sample.active:focus,
.btn-sample.active.focus,
.open >
.btn-sample.dropdown-toggle:hover,
.open >
.btn-sample.dropdown-toggle:focus,
.open >
.btn-sample.dropdown-toggle.focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.btn-primary:active:hover::before, .jumpto ul li.jumpto-cta-container a.btn-primary:active:hover::before, .btn-primary:active:focus::before, .jumpto ul li.jumpto-cta-container a.btn-primary:active:focus::before, .btn-primary:active.focus::before, .jumpto ul li.jumpto-cta-container a.btn-primary:active.focus::before, .btn-primary.active:hover::before, .jumpto ul li.jumpto-cta-container a.active.btn-primary:hover::before, .btn-primary.active:focus::before, .jumpto ul li.jumpto-cta-container a.active.btn-primary:focus::before, .btn-primary.active.focus::before, .jumpto ul li.jumpto-cta-container a.active.focus.btn-primary::before,
.open > .btn-primary.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary:hover::before,
.open > .btn-primary.dropdown-toggle:focus::before,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary:focus::before,
.open > .btn-primary.dropdown-toggle.focus::before,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.focus.btn-primary::before,
.btn-aqua:active:hover::before,
.btn-aqua:active:focus::before,
.btn-aqua:active.focus::before,
.btn-aqua.active:hover::before,
.btn-aqua.active:focus::before,
.btn-aqua.active.focus::before,
.open >
.btn-aqua.dropdown-toggle:hover::before,
.open >
.btn-aqua.dropdown-toggle:focus::before,
.open >
.btn-aqua.dropdown-toggle.focus::before,
.btn-buy:active:hover::before,
.btn-buy:active:focus::before,
.btn-buy:active.focus::before,
.btn-buy.active:hover::before,
.btn-buy.active:focus::before,
.btn-buy.active.focus::before,
.open >
.btn-buy.dropdown-toggle:hover::before,
.open >
.btn-buy.dropdown-toggle:focus::before,
.open >
.btn-buy.dropdown-toggle.focus::before,
.btn-orange:active:hover::before,
.btn-orange:active:focus::before,
.btn-orange:active.focus::before,
.btn-orange.active:hover::before,
.btn-orange.active:focus::before,
.btn-orange.active.focus::before,
.open >
.btn-orange.dropdown-toggle:hover::before,
.open >
.btn-orange.dropdown-toggle:focus::before,
.open >
.btn-orange.dropdown-toggle.focus::before,
.btn-sample:active:hover::before,
.btn-sample:active:focus::before,
.btn-sample:active.focus::before,
.btn-sample.active:hover::before,
.btn-sample.active:focus::before,
.btn-sample.active.focus::before,
.open >
.btn-sample.dropdown-toggle:hover::before,
.open >
.btn-sample.dropdown-toggle:focus::before,
.open >
.btn-sample.dropdown-toggle.focus::before {
  display: none;
}

.btn-primary:active, .jumpto ul li.jumpto-cta-container a.btn-primary:active, .btn-primary.active, .jumpto ul li.jumpto-cta-container a.active.btn-primary,
.open > .btn-primary.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > a.dropdown-toggle.btn-primary,
.btn-aqua:active,
.btn-aqua.active,
.open >
.btn-aqua.dropdown-toggle,
.btn-buy:active,
.btn-buy.active,
.open >
.btn-buy.dropdown-toggle,
.btn-orange:active,
.btn-orange.active,
.open >
.btn-orange.dropdown-toggle,
.btn-sample:active,
.btn-sample.active,
.open >
.btn-sample.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled, .jumpto ul li.jumpto-cta-container a.disabled.btn-primary, .btn-primary[disabled], .jumpto ul li.jumpto-cta-container a.btn-primary[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-primary,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-primary,
.btn-aqua.disabled,
.btn-aqua[disabled],
fieldset[disabled]
.btn-aqua,
.btn-buy.disabled,
.btn-buy[disabled],
fieldset[disabled]
.btn-buy,
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled]
.btn-orange,
.btn-sample.disabled,
.btn-sample[disabled],
fieldset[disabled]
.btn-sample {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

.btn-primary.disabled:hover, .jumpto ul li.jumpto-cta-container a.disabled.btn-primary:hover, .btn-primary.disabled:focus, .jumpto ul li.jumpto-cta-container a.disabled.btn-primary:focus, .btn-primary.disabled.focus, .jumpto ul li.jumpto-cta-container a.disabled.focus.btn-primary, .btn-primary[disabled]:hover, .jumpto ul li.jumpto-cta-container a.btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .jumpto ul li.jumpto-cta-container a.btn-primary[disabled]:focus, .btn-primary[disabled].focus, .jumpto ul li.jumpto-cta-container a.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-primary:hover,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.btn-primary:focus,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .jumpto ul li.jumpto-cta-container a.focus.btn-primary,
.jumpto ul li.jumpto-cta-container fieldset[disabled] a.focus.btn-primary,
.btn-aqua.disabled:hover,
.btn-aqua.disabled:focus,
.btn-aqua.disabled.focus,
.btn-aqua[disabled]:hover,
.btn-aqua[disabled]:focus,
.btn-aqua[disabled].focus,
fieldset[disabled]
.btn-aqua:hover,
fieldset[disabled]
.btn-aqua:focus,
fieldset[disabled]
.btn-aqua.focus,
.btn-buy.disabled:hover,
.btn-buy.disabled:focus,
.btn-buy.disabled.focus,
.btn-buy[disabled]:hover,
.btn-buy[disabled]:focus,
.btn-buy[disabled].focus,
fieldset[disabled]
.btn-buy:hover,
fieldset[disabled]
.btn-buy:focus,
fieldset[disabled]
.btn-buy.focus,
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled].focus,
fieldset[disabled]
.btn-orange:hover,
fieldset[disabled]
.btn-orange:focus,
fieldset[disabled]
.btn-orange.focus,
.btn-sample.disabled:hover,
.btn-sample.disabled:focus,
.btn-sample.disabled.focus,
.btn-sample[disabled]:hover,
.btn-sample[disabled]:focus,
.btn-sample[disabled].focus,
fieldset[disabled]
.btn-sample:hover,
fieldset[disabled]
.btn-sample:focus,
fieldset[disabled]
.btn-sample.focus {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

.btn-primary .badge, .jumpto ul li.jumpto-cta-container a.btn-primary .badge,
.btn-aqua .badge,
.btn-buy .badge,
.btn-orange .badge,
.btn-sample .badge {
  color: var(--nxp-btn-primary-bg);
  background-color: var(--nxp-btn-primary-color);
}

.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
.btn-download {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
}

.btn-secondary::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary::before,
.btn-download::before {
  display: none;
}

.btn-secondary:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus, .btn-secondary.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.btn-download:focus,
.btn-download.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.btn-secondary:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .btn-secondary.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before,
.btn-download:focus::before,
.btn-download.focus::before {
  display: none;
}

.btn-secondary:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover, .btn-secondary.hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.hover.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.hover.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.hover.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.hover.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary,
.btn-download:hover,
.btn-download.hover {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.btn-secondary:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .btn-secondary.hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before,
.btn-download:hover::before,
.btn-download.hover::before {
  display: none;
}

.btn-secondary:active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, .btn-secondary.active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary,
.open > .btn-secondary.dropdown-toggle,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.btn-download:active,
.btn-download.active,
.open >
.btn-download.dropdown-toggle {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.btn-secondary:active:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .btn-secondary:active:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .btn-secondary:active.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .btn-secondary.active:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .btn-secondary.active:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .btn-secondary.active.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary,
.open > .btn-secondary.dropdown-toggle:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover,
.open > .btn-secondary.dropdown-toggle:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus,
.open > .btn-secondary.dropdown-toggle.focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary,
.btn-download:active:hover,
.btn-download:active:focus,
.btn-download:active.focus,
.btn-download.active:hover,
.btn-download.active:focus,
.btn-download.active.focus,
.open >
.btn-download.dropdown-toggle:hover,
.open >
.btn-download.dropdown-toggle:focus,
.open >
.btn-download.dropdown-toggle.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .btn-secondary.active:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .btn-secondary.active:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .btn-secondary.active.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before,
.open > .btn-secondary.dropdown-toggle:hover::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:hover::before,
.open > .btn-secondary.dropdown-toggle:focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary:focus::before,
.open > .btn-secondary.dropdown-toggle.focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.focus.btn-secondary::before,
.btn-download:active:hover::before,
.btn-download:active:focus::before,
.btn-download:active.focus::before,
.btn-download.active:hover::before,
.btn-download.active:focus::before,
.btn-download.active.focus::before,
.open >
.btn-download.dropdown-toggle:hover::before,
.open >
.btn-download.dropdown-toggle:focus::before,
.open >
.btn-download.dropdown-toggle.focus::before {
  display: none;
}

.btn-secondary:active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, .btn-secondary.active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary,
.open > .btn-secondary.dropdown-toggle,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.dropdown-toggle.btn-secondary,
.btn-download:active,
.btn-download.active,
.open >
.btn-download.dropdown-toggle {
  background-image: none;
}

.btn-secondary.disabled, [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, .btn-secondary[disabled], [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled],
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary,
.btn-download.disabled,
.btn-download[disabled],
fieldset[disabled]
.btn-download {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.btn-secondary.disabled:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .btn-secondary.disabled:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .btn-secondary.disabled.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.focus.btn-secondary,
.btn-download.disabled:hover,
.btn-download.disabled:focus,
.btn-download.disabled.focus,
.btn-download[disabled]:hover,
.btn-download[disabled]:focus,
.btn-download[disabled].focus,
fieldset[disabled]
.btn-download:hover,
fieldset[disabled]
.btn-download:focus,
fieldset[disabled]
.btn-download.focus {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.btn-secondary .badge, [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary .badge,
.btn-download .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark .btn-secondary, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary, .btn-secondary.darkbtn, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary, .dark
.btn-download,
.btn-download.darkbtn {
  color: black;
  background-color: white;
  border-color: white;
}

.dark .btn-secondary::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary::before, .btn-secondary.darkbtn::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary::before, .dark
.btn-download::before,
.btn-download.darkbtn::before {
  display: none;
}

.dark .btn-secondary:focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus, .dark .btn-secondary.focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary, .btn-secondary.darkbtn:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus, .btn-secondary.darkbtn.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary, .dark
.btn-download:focus, .dark
.btn-download.focus,
.btn-download.darkbtn:focus,
.btn-download.darkbtn.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:focus::before, .dark .btn-secondary.focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.focus.btn-secondary::before, .btn-secondary.darkbtn:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus::before, .btn-secondary.darkbtn.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary::before, .dark
.btn-download:focus::before, .dark
.btn-download.focus::before,
.btn-download.darkbtn:focus::before,
.btn-download.darkbtn.focus::before {
  display: none;
}

.dark .btn-secondary:hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover, .dark .btn-secondary.hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.hover.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.hover.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.hover.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.hover.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.hover.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.hover.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary, .btn-secondary.darkbtn:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover, .btn-secondary.darkbtn.hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary, .dark
.btn-download:hover, .dark
.btn-download.hover,
.btn-download.darkbtn:hover,
.btn-download.darkbtn.hover {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:hover::before, .dark .btn-secondary.hover::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.hover.btn-secondary::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.hover.btn-secondary::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.hover.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.hover.btn-secondary::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.hover.btn-secondary::before, .btn-secondary.darkbtn:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover::before, .btn-secondary.darkbtn.hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.hover.btn-secondary::before, .dark
.btn-download:hover::before, .dark
.btn-download.hover::before,
.btn-download.darkbtn:hover::before,
.btn-download.darkbtn.hover::before {
  display: none;
}

.dark .btn-secondary:active, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .btn-secondary.active, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.open > .dark .btn-secondary.dropdown-toggle,
.open > .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary, .btn-secondary.darkbtn:active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .btn-secondary.darkbtn.active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
.open > .btn-secondary.darkbtn.dropdown-toggle,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary, .dark
.btn-download:active, .dark
.btn-download.active,
.open > .dark
.btn-download.dropdown-toggle,
.btn-download.darkbtn:active,
.btn-download.darkbtn.active,
.open >
.btn-download.darkbtn.dropdown-toggle {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .btn-secondary:active:hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active:hover, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover, .dark .btn-secondary:active:focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active:focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus, .dark .btn-secondary:active.focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active.focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus, .dark .btn-secondary.active:hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover, .dark .btn-secondary.active:focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus, .dark .btn-secondary.active.focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary,
.open > .dark .btn-secondary.dropdown-toggle:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover,
.open > .dark .btn-secondary.dropdown-toggle:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus,
.open > .dark .btn-secondary.dropdown-toggle.focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary, .btn-secondary.darkbtn:active:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover, .btn-secondary.darkbtn:active:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus, .btn-secondary.darkbtn:active.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus, .btn-secondary.darkbtn.active:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover, .btn-secondary.darkbtn.active:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus, .btn-secondary.darkbtn.active.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary,
.open > .btn-secondary.darkbtn.dropdown-toggle:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover,
.open > .btn-secondary.darkbtn.dropdown-toggle:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus,
.open > .btn-secondary.darkbtn.dropdown-toggle.focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary, .dark
.btn-download:active:hover, .dark
.btn-download:active:focus, .dark
.btn-download:active.focus, .dark
.btn-download.active:hover, .dark
.btn-download.active:focus, .dark
.btn-download.active.focus,
.open > .dark
.btn-download.dropdown-toggle:hover,
.open > .dark
.btn-download.dropdown-toggle:focus,
.open > .dark
.btn-download.dropdown-toggle.focus,
.btn-download.darkbtn:active:hover,
.btn-download.darkbtn:active:focus,
.btn-download.darkbtn:active.focus,
.btn-download.darkbtn.active:hover,
.btn-download.darkbtn.active:focus,
.btn-download.darkbtn.active.focus,
.open >
.btn-download.darkbtn.dropdown-toggle:hover,
.open >
.btn-download.darkbtn.dropdown-toggle:focus,
.open >
.btn-download.darkbtn.dropdown-toggle.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .btn-secondary:active:hover::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active:hover::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:hover::before, .dark .btn-secondary:active:focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active:focus::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active:focus::before, .dark .btn-secondary:active.focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active.focus::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active.focus::before, .dark .btn-secondary.active:hover::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:hover::before, .dark .btn-secondary.active:focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary:focus::before, .dark .btn-secondary.active.focus::before, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.focus.btn-secondary::before,
.open > .dark .btn-secondary.dropdown-toggle:hover::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:hover::before,
.open > .dark .btn-secondary.dropdown-toggle:focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary:focus::before,
.open > .dark .btn-secondary.dropdown-toggle.focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.focus.btn-secondary::before, .btn-secondary.darkbtn:active:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:hover::before, .btn-secondary.darkbtn:active:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active:focus::before, .btn-secondary.darkbtn:active.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active.focus::before, .btn-secondary.darkbtn.active:hover::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:hover::before, .btn-secondary.darkbtn.active:focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary:focus::before, .btn-secondary.darkbtn.active.focus::before, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.focus.btn-secondary::before,
.open > .btn-secondary.darkbtn.dropdown-toggle:hover::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:hover::before,
.open > .btn-secondary.darkbtn.dropdown-toggle:focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary:focus::before,
.open > .btn-secondary.darkbtn.dropdown-toggle.focus::before,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.focus.btn-secondary::before, .dark
.btn-download:active:hover::before, .dark
.btn-download:active:focus::before, .dark
.btn-download:active.focus::before, .dark
.btn-download.active:hover::before, .dark
.btn-download.active:focus::before, .dark
.btn-download.active.focus::before,
.open > .dark
.btn-download.dropdown-toggle:hover::before,
.open > .dark
.btn-download.dropdown-toggle:focus::before,
.open > .dark
.btn-download.dropdown-toggle.focus::before,
.btn-download.darkbtn:active:hover::before,
.btn-download.darkbtn:active:focus::before,
.btn-download.darkbtn:active.focus::before,
.btn-download.darkbtn.active:hover::before,
.btn-download.darkbtn.active:focus::before,
.btn-download.darkbtn.active.focus::before,
.open >
.btn-download.darkbtn.dropdown-toggle:hover::before,
.open >
.btn-download.darkbtn.dropdown-toggle:focus::before,
.open >
.btn-download.darkbtn.dropdown-toggle.focus::before {
  display: none;
}

.dark .btn-secondary:active, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary:active,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:active, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary:active, .dark .btn-secondary.active, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.active.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.active.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.active.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.active.btn-secondary,
.open > .dark .btn-secondary.dropdown-toggle,
.open > .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary,
.open > .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > .dark a.dropdown-toggle.btn-secondary, .btn-secondary.darkbtn:active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:active,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:active, .btn-secondary.darkbtn.active, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.active.btn-secondary,
.open > .btn-secondary.darkbtn.dropdown-toggle,
[data-nxp-theme='automotive'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .open > a.darkbtn.dropdown-toggle.btn-secondary, .dark
.btn-download:active, .dark
.btn-download.active,
.open > .dark
.btn-download.dropdown-toggle,
.btn-download.darkbtn:active,
.btn-download.darkbtn.active,
.open >
.btn-download.darkbtn.dropdown-toggle {
  background-image: none;
}

.dark .btn-secondary.disabled, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.disabled.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.disabled.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary, .dark .btn-secondary[disabled], .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary[disabled], .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary[disabled], .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled], .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled], .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled], .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled], .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled], [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled], [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled], .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled],
fieldset[disabled] .dark .btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary, .btn-secondary.darkbtn.disabled, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary, .btn-secondary.darkbtn[disabled], [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled], [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled], [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled], [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled], [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled], .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled],
fieldset[disabled] .btn-secondary.darkbtn,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary, .dark
.btn-download.disabled, .dark
.btn-download[disabled],
fieldset[disabled] .dark
.btn-download,
.btn-download.darkbtn.disabled,
.btn-download.darkbtn[disabled],
fieldset[disabled]
.btn-download.darkbtn {
  background-color: #898683;
  border-color: #898683;
}

.dark .btn-secondary.disabled:hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.disabled.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:hover, .dark .btn-secondary.disabled:focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.disabled.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.btn-secondary:focus, .dark .btn-secondary.disabled.focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.disabled.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.disabled.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.disabled.focus.btn-secondary, .dark .btn-secondary[disabled]:hover, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:hover, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:hover, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:hover, .dark .btn-secondary[disabled]:focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled]:focus, .dark .btn-secondary[disabled].focus, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary[disabled].focus, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary[disabled].focus, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
.dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary[disabled].focus,
fieldset[disabled] .dark .btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:hover,
fieldset[disabled] .dark .btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.btn-secondary:focus,
fieldset[disabled] .dark .btn-secondary.focus,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] .dark a.focus.btn-secondary, .btn-secondary.darkbtn.disabled:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:hover, .btn-secondary.darkbtn.disabled:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.btn-secondary:focus, .btn-secondary.darkbtn.disabled.focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.disabled.focus.btn-secondary, .btn-secondary.darkbtn[disabled]:hover, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:hover, .btn-secondary.darkbtn[disabled]:focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled]:focus, .btn-secondary.darkbtn[disabled].focus, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.darkbtn:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:hover,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:hover,
fieldset[disabled] .btn-secondary.darkbtn:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary:focus,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.btn-secondary:focus,
fieldset[disabled] .btn-secondary.darkbtn.focus,
fieldset[disabled] [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='automotive'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='automotive'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .contextnav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .jumptonav li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.focus.btn-secondary,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item fieldset[disabled] a.darkbtn.focus.btn-secondary, .dark
.btn-download.disabled:hover, .dark
.btn-download.disabled:focus, .dark
.btn-download.disabled.focus, .dark
.btn-download[disabled]:hover, .dark
.btn-download[disabled]:focus, .dark
.btn-download[disabled].focus,
fieldset[disabled] .dark
.btn-download:hover,
fieldset[disabled] .dark
.btn-download:focus,
fieldset[disabled] .dark
.btn-download.focus,
.btn-download.darkbtn.disabled:hover,
.btn-download.darkbtn.disabled:focus,
.btn-download.darkbtn.disabled.focus,
.btn-download.darkbtn[disabled]:hover,
.btn-download.darkbtn[disabled]:focus,
.btn-download.darkbtn[disabled].focus,
fieldset[disabled]
.btn-download.darkbtn:hover,
fieldset[disabled]
.btn-download.darkbtn:focus,
fieldset[disabled]
.btn-download.darkbtn.focus {
  background-color: #898683;
  border-color: #898683;
}

.dark .btn-secondary .badge, .dark [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .contextnav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .jumptonav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .contextnav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .jumptonav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .contextnav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .jumptonav li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary .badge, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .dark .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .dark a.btn-secondary .badge, .btn-secondary.darkbtn .badge, [data-nxp-theme='automotive'] .contextnav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='automotive'] .jumptonav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='industrial'] .contextnav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='industrial'] .jumptonav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='consumer'] .contextnav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='consumer'] .jumptonav li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.darkbtn.btn-secondary .badge, .dark
.btn-download .badge,
.btn-download.darkbtn .badge {
  color: white;
  background-color: black;
}

.btn-tertiary {
  /* @include button-variant(
    $color: $btn-tertiary-color,
    $background: $btn-tertiary-bg,
    $border: $btn-tertiary-border,
    $color-hover: $btn-tertiary-hover-color,
    $background-hover: $btn-tertiary-hover-bg,
    $border-hover: $btn-tertiary-hover-border
  ); */
  color: var(--nxp-btn-tertiary-color);
  background-color: var(--nxp-btn-tertiary-bg);
  border-color: var(--nxp-btn-tertiary-border);
}

.btn-tertiary:focus, .btn-tertiary.focus {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.btn-tertiary:hover, .btn-tertiary.hover {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.btn-tertiary:active, .btn-tertiary.active,
.open > .btn-tertiary.dropdown-toggle {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.btn-tertiary:active:hover, .btn-tertiary:active:focus, .btn-tertiary:active.focus, .btn-tertiary.active:hover, .btn-tertiary.active:focus, .btn-tertiary.active.focus,
.open > .btn-tertiary.dropdown-toggle:hover,
.open > .btn-tertiary.dropdown-toggle:focus,
.open > .btn-tertiary.dropdown-toggle.focus {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.btn-tertiary:active, .btn-tertiary.active,
.open > .btn-tertiary.dropdown-toggle {
  background-image: none;
}

.btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus, .btn-tertiary.disabled.focus, .btn-tertiary[disabled]:hover, .btn-tertiary[disabled]:focus, .btn-tertiary[disabled].focus,
fieldset[disabled] .btn-tertiary:hover,
fieldset[disabled] .btn-tertiary:focus,
fieldset[disabled] .btn-tertiary.focus {
  background-color: var(--nxp-btn-tertiary-bg);
  border-color: var(--nxp-btn-tertiary-border);
}

.btn-tertiary .badge {
  color: var(--nxp-btn-tertiary-bg);
  background-color: var(--nxp-btn-tertiary-color);
}

.btn-inverse {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: white;
}

.btn-inverse:focus, .btn-inverse.focus {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-inverse:hover, .btn-inverse.hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-inverse:active, .btn-inverse.active,
.open > .btn-inverse.dropdown-toggle {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-inverse:active:hover, .btn-inverse:active:focus, .btn-inverse:active.focus, .btn-inverse.active:hover, .btn-inverse.active:focus, .btn-inverse.active.focus,
.open > .btn-inverse.dropdown-toggle:hover,
.open > .btn-inverse.dropdown-toggle:focus,
.open > .btn-inverse.dropdown-toggle.focus {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-inverse:active, .btn-inverse.active,
.open > .btn-inverse.dropdown-toggle {
  background-image: none;
}

.btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse.focus {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: white;
}

.btn-inverse .badge {
  color: rgba(255, 255, 255, 0.1);
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #5cb85c;
  border-color: #55b555;
}

.btn-success:focus, .btn-success.focus {
  color: white;
  background-color: #4cae4c;
  border-color: #49a749;
}

.btn-success:hover, .btn-success.hover {
  color: white;
  background-color: #4cae4c;
  border-color: #49a749;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: white;
  background-color: #4cae4c;
  border-color: #49a749;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: white;
  background-color: #4cae4c;
  border-color: #49a749;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #55b555;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: white;
}

.btn-info {
  color: white;
  background-color: #5bc0de;
  border-color: #53bddc;
}

.btn-info:focus, .btn-info.focus {
  color: white;
  background-color: #46b8da;
  border-color: #3db5d8;
}

.btn-info:hover, .btn-info.hover {
  color: white;
  background-color: #46b8da;
  border-color: #3db5d8;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: white;
  background-color: #46b8da;
  border-color: #3db5d8;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: white;
  background-color: #46b8da;
  border-color: #3db5d8;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #53bddc;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: white;
}

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #efa945;
}

.btn-warning:focus, .btn-warning.focus {
  color: white;
  background-color: #eea236;
  border-color: #ed9e2d;
}

.btn-warning:hover, .btn-warning.hover {
  color: white;
  background-color: #eea236;
  border-color: #ed9e2d;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: white;
  background-color: #eea236;
  border-color: #ed9e2d;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: white;
  background-color: #eea236;
  border-color: #ed9e2d;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #efa945;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: white;
}

.btn-impact {
  position: relative;
  color: var(--nxp-gray-900);
  border: none;
  background-color: transparent;
}

.btn-impact::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-gray-900) 35%, #fca600 57%, #69ca00 83%, #0eafe0 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 100% center;
}

.btn-impact:focus, .btn-impact.focus, .btn-impact:hover, .btn-impact.hover {
  color: var(--nxp-gray-900);
}

.btn-impact:focus::before, .btn-impact.focus::before, .btn-impact:hover::before, .btn-impact.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.btn-impact:active, .btn-impact.active,
.open > .btn-impact.dropdown-toggle {
  background: var(--nxp-gray-900);
  color: var(--nxp-gray-50);
}

.btn-impact:active::before, .btn-impact.active::before,
.open > .btn-impact.dropdown-toggle::before {
  background-position: 0% center;
}

.btn-impact:active, .btn-impact.active,
.open > .btn-impact.dropdown-toggle {
  background-image: none;
}

.btn-impact.disabled, .btn-impact[disabled],
fieldset[disabled] .btn-impact {
  opacity: 0.7;
}

.btn-impact.disabled:hover, .btn-impact.disabled:focus, .btn-impact.disabled:active, .btn-impact.disabled.focus, .btn-impact[disabled]:hover, .btn-impact[disabled]:focus, .btn-impact[disabled]:active, .btn-impact[disabled].focus,
fieldset[disabled] .btn-impact:hover,
fieldset[disabled] .btn-impact:focus,
fieldset[disabled] .btn-impact:active,
fieldset[disabled] .btn-impact.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-gray-900);
}

.btn-impact.disabled:hover::before, .btn-impact.disabled:focus::before, .btn-impact.disabled:active::before, .btn-impact.disabled.focus::before, .btn-impact[disabled]:hover::before, .btn-impact[disabled]:focus::before, .btn-impact[disabled]:active::before, .btn-impact[disabled].focus::before,
fieldset[disabled] .btn-impact:hover::before,
fieldset[disabled] .btn-impact:focus::before,
fieldset[disabled] .btn-impact:active::before,
fieldset[disabled] .btn-impact.focus::before {
  background: linear-gradient(to right, var(--nxp-gray-900) 35%, #fca600 57%, #69ca00 83%, #0eafe0 95%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .btn-impact, .btn-impact.darkbtn {
  position: relative;
  color: white;
  border: none;
  background-color: transparent;
}

.dark .btn-impact::before, .btn-impact.darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  padding: 2px;
  background: linear-gradient(to right, white 35%, #fca600 57%, #69ca00 83%, #0eafe0 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .btn-impact:focus, .dark .btn-impact.focus, .dark .btn-impact:hover, .dark .btn-impact.hover, .btn-impact.darkbtn:focus, .btn-impact.darkbtn.focus, .btn-impact.darkbtn:hover, .btn-impact.darkbtn.hover {
  color: white;
}

.dark .btn-impact:focus::before, .dark .btn-impact.focus::before, .dark .btn-impact:hover::before, .dark .btn-impact.hover::before, .btn-impact.darkbtn:focus::before, .btn-impact.darkbtn.focus::before, .btn-impact.darkbtn:hover::before, .btn-impact.darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .btn-impact:active, .dark .btn-impact.active,
.open > .dark .btn-impact.dropdown-toggle, .btn-impact.darkbtn:active, .btn-impact.darkbtn.active,
.open > .btn-impact.darkbtn.dropdown-toggle {
  background: white;
  color: black;
}

.dark .btn-impact:active::before, .dark .btn-impact.active::before,
.open > .dark .btn-impact.dropdown-toggle::before, .btn-impact.darkbtn:active::before, .btn-impact.darkbtn.active::before,
.open > .btn-impact.darkbtn.dropdown-toggle::before {
  background-position: 0% center;
}

.dark .btn-impact:active, .dark .btn-impact.active,
.open > .dark .btn-impact.dropdown-toggle, .btn-impact.darkbtn:active, .btn-impact.darkbtn.active,
.open > .btn-impact.darkbtn.dropdown-toggle {
  background-image: none;
}

.dark .btn-impact.disabled, .dark .btn-impact[disabled],
fieldset[disabled] .dark .btn-impact, .btn-impact.darkbtn.disabled, .btn-impact.darkbtn[disabled],
fieldset[disabled] .btn-impact.darkbtn {
  opacity: 0.7;
}

.dark .btn-impact.disabled:hover, .dark .btn-impact.disabled:focus, .dark .btn-impact.disabled:active, .dark .btn-impact.disabled.focus, .dark .btn-impact[disabled]:hover, .dark .btn-impact[disabled]:focus, .dark .btn-impact[disabled]:active, .dark .btn-impact[disabled].focus,
fieldset[disabled] .dark .btn-impact:hover,
fieldset[disabled] .dark .btn-impact:focus,
fieldset[disabled] .dark .btn-impact:active,
fieldset[disabled] .dark .btn-impact.focus, .btn-impact.darkbtn.disabled:hover, .btn-impact.darkbtn.disabled:focus, .btn-impact.darkbtn.disabled:active, .btn-impact.darkbtn.disabled.focus, .btn-impact.darkbtn[disabled]:hover, .btn-impact.darkbtn[disabled]:focus, .btn-impact.darkbtn[disabled]:active, .btn-impact.darkbtn[disabled].focus,
fieldset[disabled] .btn-impact.darkbtn:hover,
fieldset[disabled] .btn-impact.darkbtn:focus,
fieldset[disabled] .btn-impact.darkbtn:active,
fieldset[disabled] .btn-impact.darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .btn-impact.disabled:hover::before, .dark .btn-impact.disabled:focus::before, .dark .btn-impact.disabled:active::before, .dark .btn-impact.disabled.focus::before, .dark .btn-impact[disabled]:hover::before, .dark .btn-impact[disabled]:focus::before, .dark .btn-impact[disabled]:active::before, .dark .btn-impact[disabled].focus::before,
fieldset[disabled] .dark .btn-impact:hover::before,
fieldset[disabled] .dark .btn-impact:focus::before,
fieldset[disabled] .dark .btn-impact:active::before,
fieldset[disabled] .dark .btn-impact.focus::before, .btn-impact.darkbtn.disabled:hover::before, .btn-impact.darkbtn.disabled:focus::before, .btn-impact.darkbtn.disabled:active::before, .btn-impact.darkbtn.disabled.focus::before, .btn-impact.darkbtn[disabled]:hover::before, .btn-impact.darkbtn[disabled]:focus::before, .btn-impact.darkbtn[disabled]:active::before, .btn-impact.darkbtn[disabled].focus::before,
fieldset[disabled] .btn-impact.darkbtn:hover::before,
fieldset[disabled] .btn-impact.darkbtn:focus::before,
fieldset[disabled] .btn-impact.darkbtn:active::before,
fieldset[disabled] .btn-impact.darkbtn.focus::before {
  background: linear-gradient(to right, white 35%, #fca600 57%, #69ca00 83%, #0eafe0 95%);
  background-size: 250% auto;
  background-position: 100% center;
}

.darkbtn.btn-impact:active i::before {
  color: #000000;
}

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d74b47;
}

.btn-danger:focus, .btn-danger.focus {
  color: white;
  background-color: #d43f3a;
  border-color: #d33632;
}

.btn-danger:hover, .btn-danger.hover {
  color: white;
  background-color: #d43f3a;
  border-color: #d33632;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #d43f3a;
  border-color: #d33632;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: white;
  background-color: #d43f3a;
  border-color: #d33632;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d74b47;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: white;
}

.btn-img.btn-sm, .btn-group-sm > .btn-img.btn, .btn-group-sm > .btn-img.nav-close {
  padding: 8px 22px;
}

.btn-img:active, .btn-img:focus, .btn-img:focus-visible {
  background-color: transparent !important;
}

.btn-img:active:hover, .btn-img:focus:hover, .btn-img:focus-visible:hover {
  background-color: transparent !important;
}

.btn-img:active:hover::before, .btn-img:focus:hover::before, .btn-img:focus-visible:hover::before {
  display: block;
  z-index: 0;
}

.btn-green,
.btn-blue,
.btn-exclusive-sample,
.btn-request-sample {
  color: white;
  background-color: #008a00;
  border-color: #008a00;
}

.btn-green::before,
.btn-blue::before,
.btn-exclusive-sample::before,
.btn-request-sample::before {
  display: none;
}

.btn-green:focus, .btn-green.focus,
.btn-blue:focus,
.btn-blue.focus,
.btn-exclusive-sample:focus,
.btn-exclusive-sample.focus,
.btn-request-sample:focus,
.btn-request-sample.focus {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn-green:focus::before, .btn-green.focus::before,
.btn-blue:focus::before,
.btn-blue.focus::before,
.btn-exclusive-sample:focus::before,
.btn-exclusive-sample.focus::before,
.btn-request-sample:focus::before,
.btn-request-sample.focus::before {
  display: none;
}

.btn-green:hover, .btn-green.hover,
.btn-blue:hover,
.btn-blue.hover,
.btn-exclusive-sample:hover,
.btn-exclusive-sample.hover,
.btn-request-sample:hover,
.btn-request-sample.hover {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn-green:hover::before, .btn-green.hover::before,
.btn-blue:hover::before,
.btn-blue.hover::before,
.btn-exclusive-sample:hover::before,
.btn-exclusive-sample.hover::before,
.btn-request-sample:hover::before,
.btn-request-sample.hover::before {
  display: none;
}

.btn-green:active, .btn-green.active,
.open > .btn-green.dropdown-toggle,
.btn-blue:active,
.btn-blue.active,
.open >
.btn-blue.dropdown-toggle,
.btn-exclusive-sample:active,
.btn-exclusive-sample.active,
.open >
.btn-exclusive-sample.dropdown-toggle,
.btn-request-sample:active,
.btn-request-sample.active,
.open >
.btn-request-sample.dropdown-toggle {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus,
.open > .btn-green.dropdown-toggle:hover,
.open > .btn-green.dropdown-toggle:focus,
.open > .btn-green.dropdown-toggle.focus,
.btn-blue:active:hover,
.btn-blue:active:focus,
.btn-blue:active.focus,
.btn-blue.active:hover,
.btn-blue.active:focus,
.btn-blue.active.focus,
.open >
.btn-blue.dropdown-toggle:hover,
.open >
.btn-blue.dropdown-toggle:focus,
.open >
.btn-blue.dropdown-toggle.focus,
.btn-exclusive-sample:active:hover,
.btn-exclusive-sample:active:focus,
.btn-exclusive-sample:active.focus,
.btn-exclusive-sample.active:hover,
.btn-exclusive-sample.active:focus,
.btn-exclusive-sample.active.focus,
.open >
.btn-exclusive-sample.dropdown-toggle:hover,
.open >
.btn-exclusive-sample.dropdown-toggle:focus,
.open >
.btn-exclusive-sample.dropdown-toggle.focus,
.btn-request-sample:active:hover,
.btn-request-sample:active:focus,
.btn-request-sample:active.focus,
.btn-request-sample.active:hover,
.btn-request-sample.active:focus,
.btn-request-sample.active.focus,
.open >
.btn-request-sample.dropdown-toggle:hover,
.open >
.btn-request-sample.dropdown-toggle:focus,
.open >
.btn-request-sample.dropdown-toggle.focus {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn-green:active:hover::before, .btn-green:active:focus::before, .btn-green:active.focus::before, .btn-green.active:hover::before, .btn-green.active:focus::before, .btn-green.active.focus::before,
.open > .btn-green.dropdown-toggle:hover::before,
.open > .btn-green.dropdown-toggle:focus::before,
.open > .btn-green.dropdown-toggle.focus::before,
.btn-blue:active:hover::before,
.btn-blue:active:focus::before,
.btn-blue:active.focus::before,
.btn-blue.active:hover::before,
.btn-blue.active:focus::before,
.btn-blue.active.focus::before,
.open >
.btn-blue.dropdown-toggle:hover::before,
.open >
.btn-blue.dropdown-toggle:focus::before,
.open >
.btn-blue.dropdown-toggle.focus::before,
.btn-exclusive-sample:active:hover::before,
.btn-exclusive-sample:active:focus::before,
.btn-exclusive-sample:active.focus::before,
.btn-exclusive-sample.active:hover::before,
.btn-exclusive-sample.active:focus::before,
.btn-exclusive-sample.active.focus::before,
.open >
.btn-exclusive-sample.dropdown-toggle:hover::before,
.open >
.btn-exclusive-sample.dropdown-toggle:focus::before,
.open >
.btn-exclusive-sample.dropdown-toggle.focus::before,
.btn-request-sample:active:hover::before,
.btn-request-sample:active:focus::before,
.btn-request-sample:active.focus::before,
.btn-request-sample.active:hover::before,
.btn-request-sample.active:focus::before,
.btn-request-sample.active.focus::before,
.open >
.btn-request-sample.dropdown-toggle:hover::before,
.open >
.btn-request-sample.dropdown-toggle:focus::before,
.open >
.btn-request-sample.dropdown-toggle.focus::before {
  display: none;
}

.btn-green:active, .btn-green.active,
.open > .btn-green.dropdown-toggle,
.btn-blue:active,
.btn-blue.active,
.open >
.btn-blue.dropdown-toggle,
.btn-exclusive-sample:active,
.btn-exclusive-sample.active,
.open >
.btn-exclusive-sample.dropdown-toggle,
.btn-request-sample:active,
.btn-request-sample.active,
.open >
.btn-request-sample.dropdown-toggle {
  background-image: none;
}

.btn-green.disabled, .btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled]
.btn-blue,
.btn-exclusive-sample.disabled,
.btn-exclusive-sample[disabled],
fieldset[disabled]
.btn-exclusive-sample,
.btn-request-sample.disabled,
.btn-request-sample[disabled],
fieldset[disabled]
.btn-request-sample {
  background-color: #98db00;
  border-color: #98db00;
}

.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green.focus,
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled].focus,
fieldset[disabled]
.btn-blue:hover,
fieldset[disabled]
.btn-blue:focus,
fieldset[disabled]
.btn-blue.focus,
.btn-exclusive-sample.disabled:hover,
.btn-exclusive-sample.disabled:focus,
.btn-exclusive-sample.disabled.focus,
.btn-exclusive-sample[disabled]:hover,
.btn-exclusive-sample[disabled]:focus,
.btn-exclusive-sample[disabled].focus,
fieldset[disabled]
.btn-exclusive-sample:hover,
fieldset[disabled]
.btn-exclusive-sample:focus,
fieldset[disabled]
.btn-exclusive-sample.focus,
.btn-request-sample.disabled:hover,
.btn-request-sample.disabled:focus,
.btn-request-sample.disabled.focus,
.btn-request-sample[disabled]:hover,
.btn-request-sample[disabled]:focus,
.btn-request-sample[disabled].focus,
fieldset[disabled]
.btn-request-sample:hover,
fieldset[disabled]
.btn-request-sample:focus,
fieldset[disabled]
.btn-request-sample.focus {
  background-color: #98db00;
  border-color: #98db00;
}

.btn-green .badge,
.btn-blue .badge,
.btn-exclusive-sample .badge,
.btn-request-sample .badge {
  color: #008a00;
  background-color: white;
}

.btn.nxp-green, .nxp-green.nav-close {
  color: white;
  background-color: #008a00;
  border-color: #008a00;
}

.btn.nxp-green::before, .nxp-green.nav-close::before {
  display: none;
}

.btn.nxp-green:focus, .nxp-green.nav-close:focus, .btn.nxp-green.focus, .nxp-green.focus.nav-close {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn.nxp-green:focus::before, .nxp-green.nav-close:focus::before, .btn.nxp-green.focus::before, .nxp-green.focus.nav-close::before {
  display: none;
}

.btn.nxp-green:hover, .nxp-green.nav-close:hover, .btn.nxp-green.hover, .nxp-green.hover.nav-close {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn.nxp-green:hover::before, .nxp-green.nav-close:hover::before, .btn.nxp-green.hover::before, .nxp-green.hover.nav-close::before {
  display: none;
}

.btn.nxp-green:active, .nxp-green.nav-close:active, .btn.nxp-green.active, .nxp-green.active.nav-close,
.open > .btn.nxp-green.dropdown-toggle,
.open > .nxp-green.dropdown-toggle.nav-close {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn.nxp-green:active:hover, .nxp-green.nav-close:active:hover, .btn.nxp-green:active:focus, .nxp-green.nav-close:active:focus, .btn.nxp-green:active.focus, .nxp-green.nav-close:active.focus, .btn.nxp-green.active:hover, .nxp-green.active.nav-close:hover, .btn.nxp-green.active:focus, .nxp-green.active.nav-close:focus, .btn.nxp-green.active.focus, .nxp-green.active.focus.nav-close,
.open > .btn.nxp-green.dropdown-toggle:hover,
.open > .nxp-green.dropdown-toggle.nav-close:hover,
.open > .btn.nxp-green.dropdown-toggle:focus,
.open > .nxp-green.dropdown-toggle.nav-close:focus,
.open > .btn.nxp-green.dropdown-toggle.focus,
.open > .nxp-green.dropdown-toggle.focus.nav-close {
  color: white;
  background-color: #005700;
  border-color: #005700;
}

.btn.nxp-green:active:hover::before, .nxp-green.nav-close:active:hover::before, .btn.nxp-green:active:focus::before, .nxp-green.nav-close:active:focus::before, .btn.nxp-green:active.focus::before, .nxp-green.nav-close:active.focus::before, .btn.nxp-green.active:hover::before, .nxp-green.active.nav-close:hover::before, .btn.nxp-green.active:focus::before, .nxp-green.active.nav-close:focus::before, .btn.nxp-green.active.focus::before, .nxp-green.active.focus.nav-close::before,
.open > .btn.nxp-green.dropdown-toggle:hover::before,
.open > .nxp-green.dropdown-toggle.nav-close:hover::before,
.open > .btn.nxp-green.dropdown-toggle:focus::before,
.open > .nxp-green.dropdown-toggle.nav-close:focus::before,
.open > .btn.nxp-green.dropdown-toggle.focus::before,
.open > .nxp-green.dropdown-toggle.focus.nav-close::before {
  display: none;
}

.btn.nxp-green:active, .nxp-green.nav-close:active, .btn.nxp-green.active, .nxp-green.active.nav-close,
.open > .btn.nxp-green.dropdown-toggle,
.open > .nxp-green.dropdown-toggle.nav-close {
  background-image: none;
}

.btn.nxp-green.disabled, .nxp-green.disabled.nav-close, .btn.nxp-green[disabled], .nxp-green.nav-close[disabled],
fieldset[disabled] .btn.nxp-green,
fieldset[disabled] .nxp-green.nav-close {
  background-color: #98db00;
  border-color: #98db00;
}

.btn.nxp-green.disabled:hover, .nxp-green.disabled.nav-close:hover, .btn.nxp-green.disabled:focus, .nxp-green.disabled.nav-close:focus, .btn.nxp-green.disabled.focus, .nxp-green.disabled.focus.nav-close, .btn.nxp-green[disabled]:hover, .nxp-green.nav-close[disabled]:hover, .btn.nxp-green[disabled]:focus, .nxp-green.nav-close[disabled]:focus, .btn.nxp-green[disabled].focus, .nxp-green.nav-close[disabled].focus,
fieldset[disabled] .btn.nxp-green:hover,
fieldset[disabled] .nxp-green.nav-close:hover,
fieldset[disabled] .btn.nxp-green:focus,
fieldset[disabled] .nxp-green.nav-close:focus,
fieldset[disabled] .btn.nxp-green.focus,
fieldset[disabled] .nxp-green.focus.nav-close {
  background-color: #98db00;
  border-color: #98db00;
}

.btn.nxp-green .badge, .nxp-green.nav-close .badge {
  color: #008a00;
  background-color: white;
}

.btn-petrol-blue {
  color: white;
  background-color: #007088;
  border-color: #007088;
}

.btn-petrol-blue:focus, .btn-petrol-blue.focus {
  color: white;
  background-color: #005b6f;
  border-color: #005b6f;
}

.btn-petrol-blue:hover, .btn-petrol-blue.hover {
  color: white;
  background-color: #005b6f;
  border-color: #005b6f;
}

.btn-petrol-blue:active, .btn-petrol-blue.active,
.open > .btn-petrol-blue.dropdown-toggle {
  color: white;
  background-color: #005b6f;
  border-color: #005b6f;
}

.btn-petrol-blue:active:hover, .btn-petrol-blue:active:focus, .btn-petrol-blue:active.focus, .btn-petrol-blue.active:hover, .btn-petrol-blue.active:focus, .btn-petrol-blue.active.focus,
.open > .btn-petrol-blue.dropdown-toggle:hover,
.open > .btn-petrol-blue.dropdown-toggle:focus,
.open > .btn-petrol-blue.dropdown-toggle.focus {
  color: white;
  background-color: #005b6f;
  border-color: #005b6f;
}

.btn-petrol-blue:active, .btn-petrol-blue.active,
.open > .btn-petrol-blue.dropdown-toggle {
  background-image: none;
}

.btn-petrol-blue.disabled:hover, .btn-petrol-blue.disabled:focus, .btn-petrol-blue.disabled.focus, .btn-petrol-blue[disabled]:hover, .btn-petrol-blue[disabled]:focus, .btn-petrol-blue[disabled].focus,
fieldset[disabled] .btn-petrol-blue:hover,
fieldset[disabled] .btn-petrol-blue:focus,
fieldset[disabled] .btn-petrol-blue.focus {
  background-color: #007088;
  border-color: #007088;
}

.btn-petrol-blue .badge {
  color: #007088;
  background-color: white;
}

.btn-link,
.btn-icon-link {
  color: var(--nxp-link-color);
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: initial;
  line-height: 1.3;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-icon-link,
.btn-icon-link:active,
.btn-icon-link.active,
.btn-icon-link[disabled],
fieldset[disabled]
.btn-icon-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active,
.btn-icon-link,
.btn-icon-link:hover,
.btn-icon-link:focus,
.btn-icon-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link.hover, .btn-link:focus,
.btn-icon-link:hover,
.btn-icon-link.hover,
.btn-icon-link:focus {
  color: var(--nxp-link-hover-color);
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-icon-link[disabled],
fieldset[disabled]
.btn-icon-link {
  color: #3ecafb;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
.btn-icon-link[disabled]:hover,
.btn-icon-link[disabled]:focus,
fieldset[disabled]
.btn-icon-link:hover,
fieldset[disabled]
.btn-icon-link:focus {
  color: #3ecafb;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .nav-close {
  padding: 14px 18px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 100px;
}

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .nav-close {
  padding: 8px 12px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 100px;
}

.btn-xs, .btn-group-xs > .btn, .btn-group-xs > .nav-close {
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 100px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}

.btn-white-transparent {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: white;
}

.btn-white-transparent:focus, .btn-white-transparent.focus {
  color: white;
  background-color: rgba(242, 242, 242, 0.15);
  border-color: #f2f2f2;
}

.btn-white-transparent:hover, .btn-white-transparent.hover {
  color: white;
  background-color: rgba(242, 242, 242, 0.15);
  border-color: #f2f2f2;
}

.btn-white-transparent:active, .btn-white-transparent.active,
.open > .btn-white-transparent.dropdown-toggle {
  color: white;
  background-color: rgba(242, 242, 242, 0.15);
  border-color: #f2f2f2;
}

.btn-white-transparent:active:hover, .btn-white-transparent:active:focus, .btn-white-transparent:active.focus, .btn-white-transparent.active:hover, .btn-white-transparent.active:focus, .btn-white-transparent.active.focus,
.open > .btn-white-transparent.dropdown-toggle:hover,
.open > .btn-white-transparent.dropdown-toggle:focus,
.open > .btn-white-transparent.dropdown-toggle.focus {
  color: white;
  background-color: rgba(242, 242, 242, 0.15);
  border-color: #f2f2f2;
}

.btn-white-transparent:active, .btn-white-transparent.active,
.open > .btn-white-transparent.dropdown-toggle {
  background-image: none;
}

.btn-white-transparent.disabled:hover, .btn-white-transparent.disabled:focus, .btn-white-transparent.disabled.focus, .btn-white-transparent[disabled]:hover, .btn-white-transparent[disabled]:focus, .btn-white-transparent[disabled].focus,
fieldset[disabled] .btn-white-transparent:hover,
fieldset[disabled] .btn-white-transparent:focus,
fieldset[disabled] .btn-white-transparent.focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: white;
}

.btn-white-transparent .badge {
  color: rgba(255, 255, 255, 0.15);
  background-color: white;
}

.btn-white-transparent:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.btn-absolute-left-top {
  position: absolute;
  left: 0;
  top: 0;
}

.btn-absolute-left-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

.btn-absolute-right-top {
  position: absolute;
  right: 0;
  top: 0;
}

.btn-absolute-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}

.btn-absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn-list {
  column-count: 3;
  column-gap: 30px;
  column-width: 205px;
  max-width: 100%;
}

.btn-list > .btn, .btn-list > .nav-close {
  break-inside: avoid;
}

.btn-list-outer {
  padding-top: 30px;
  padding-bottom: 30px;
}

.btn-list > .btn, .btn-list > .nav-close {
  position: relative;
  float: none;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 100px;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: left;
  box-shadow: none;
}

.btn-list > .btn a, .btn-list > .nav-close a {
  color: black;
}

.btn-list > .btn svg path, .btn-list > .nav-close svg path {
  fill: black;
}

.btn-list > .btn:active, .btn-list > .nav-close:active, .btn-list > .btn.active, .btn-list > .active.nav-close, .btn-list > .btn:focus, .btn-list > .nav-close:focus, .btn-list > .btn.focus, .btn-list > .focus.nav-close {
  outline: 0;
}

.btn-list > .btn:active:hover a, .btn-list > .nav-close:active:hover a, .btn-list > .btn.active:hover a, .btn-list > .active.nav-close:hover a, .btn-list > .btn:focus:hover a, .btn-list > .nav-close:focus:hover a, .btn-list > .btn.focus:hover a, .btn-list > .focus.nav-close:hover a {
  color: white;
}

.btn-list > .btn:active:hover svg path, .btn-list > .nav-close:active:hover svg path, .btn-list > .btn.active:hover svg path, .btn-list > .active.nav-close:hover svg path, .btn-list > .btn:focus:hover svg path, .btn-list > .nav-close:focus:hover svg path, .btn-list > .btn.focus:hover svg path, .btn-list > .focus.nav-close:hover svg path {
  fill: white;
}

.btn-list > .btn:active a, .btn-list > .nav-close:active a, .btn-list > .btn.active a, .btn-list > .active.nav-close a, .btn-list > .btn:focus a, .btn-list > .nav-close:focus a, .btn-list > .btn.focus a, .btn-list > .focus.nav-close a {
  color: white;
}

.btn-list > .btn:active svg path, .btn-list > .nav-close:active svg path, .btn-list > .btn.active svg path, .btn-list > .active.nav-close svg path, .btn-list > .btn:focus svg path, .btn-list > .nav-close:focus svg path, .btn-list > .btn.focus svg path, .btn-list > .focus.nav-close svg path {
  fill: white;
}

.btn-list > .btn input[type='radio'], .btn-list > .nav-close input[type='radio'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-list > .btn .btn-icon, .btn-list > .nav-close .btn-icon {
  max-width: 50px;
}

.btn-list > .btn img, .btn-list > .nav-close img {
  max-height: 24px;
  margin-right: 8px;
}

.btn-list > .btn svg, .btn-list > .nav-close svg {
  display: block;
  height: 24px;
  margin-right: 8px;
  fill: currentColor;
}

.btn-list > .btn svg .st0, .btn-list > .nav-close svg .st0,
.btn-list > .btn svg [fill],
.btn-list > .nav-close svg [fill] {
  fill: currentColor;
}

.btn-list > .btn span[class*='icon-'], .btn-list > .nav-close span[class*='icon-'] {
  font-size: 24px;
  margin-right: 8px;
}

.btn-list > .btn .btn-label, .btn-list > .nav-close .btn-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-list-lg > .btn, .btn-list-lg > .nav-close {
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 100px;
}

.btn-list-lg > .btn img, .btn-list-lg > .nav-close img {
  max-height: 24px;
  margin-right: 10px;
}

.btn-list-lg > .btn span[class*='icon-'], .btn-list-lg > .nav-close span[class*='icon-'] {
  font-size: 24px;
  margin-right: 10px;
}

.btn-list-sm > .btn, .btn-list-sm > .nav-close {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
}

.btn-list-sm span[class*='icon-'] {
  font-size: 24px;
  margin-right: 5px;
}

.btn-nav {
  padding-top: 3em;
  padding-bottom: 3em;
}

.btn-nav-list {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  margin-left: -15px;
}

.btn-nav-list.aligned-left .btn-nav-item {
  padding: 15px 0px;
}

.btn-nav-list > li {
  padding-left: 0;
}

.btn-nav-list:hover {
  color: var(--nxp-secondary-color);
}

.btn-nav-list > li {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .btn-nav-list > li {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .btn-nav-list > li {
    width: 33.3333333333%;
  }
}

.btn-nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #000000;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.btn-nav-item:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .btn-nav-item {
    padding: 15px 30px;
  }
}

.btn-nav-item svg {
  width: 32px;
  height: 32px;
  margin-right: 15px;
  fill: #000000;
  transition: inherit;
}

.btn-nav-list:hover .btn-nav-item {
  color: var(--nxp-secondary-color);
}

.btn-nav-list:hover .btn-nav-item svg {
  fill: var(--nxp-secondary-color);
}

.btn-nav-list:hover .btn-nav-item:hover {
  color: #000000;
  text-decoration: none;
}

.btn-nav-list:hover .btn-nav-item:hover svg {
  fill: #000000;
}

.btn-nav-item span[class*='icon-'] {
  margin-right: 15px;
  font-size: 32px;
}

.scroll-up-button {
  height: 49px;
  position: fixed;
  bottom: 197px;
  width: 49px;
  cursor: pointer;
  opacity: 1;
  right: 25px;
  z-index: 998;
}

.scroll-up-button button {
  /* @include button-variant(
    $color: $btn-tertiary-color,
    $background: $btn-tertiary-bg,
    $border: $btn-tertiary-border,
    $color-hover: $btn-tertiary-hover-color,
    $background-hover: $btn-tertiary-hover-bg,
    $border-hover: $btn-tertiary-hover-border
  ); */
  color: var(--nxp-btn-tertiary-color);
  background-color: var(--nxp-btn-tertiary-bg);
  border-color: var(--nxp-btn-tertiary-border);
  font-size: 0px;
  color: transparent;
  max-width: 50px;
  border: 2px solid black;
  width: 49px;
  height: 49px;
  /* font-size: 10px;
      color: $nxp-gray-xxxdark;
      border-color: transparent !important; */
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
}

.scroll-up-button button:focus, .scroll-up-button button.focus {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.scroll-up-button button:hover, .scroll-up-button button.hover {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.scroll-up-button button:active, .scroll-up-button button.active,
.open > .scroll-up-button button.dropdown-toggle {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.scroll-up-button button:active:hover, .scroll-up-button button:active:focus, .scroll-up-button button:active.focus, .scroll-up-button button.active:hover, .scroll-up-button button.active:focus, .scroll-up-button button.active.focus,
.open > .scroll-up-button button.dropdown-toggle:hover,
.open > .scroll-up-button button.dropdown-toggle:focus,
.open > .scroll-up-button button.dropdown-toggle.focus {
  color: var(--nxp-btn-tertiary-hover-color);
  background-color: var(--nxp-btn-tertiary-hover-bg);
  border-color: var(--nxp-btn-tertiary-hover-bg);
}

.scroll-up-button button:active, .scroll-up-button button.active,
.open > .scroll-up-button button.dropdown-toggle {
  background-image: none;
}

.scroll-up-button button.disabled:hover, .scroll-up-button button.disabled:focus, .scroll-up-button button.disabled.focus, .scroll-up-button button[disabled]:hover, .scroll-up-button button[disabled]:focus, .scroll-up-button button[disabled].focus,
fieldset[disabled] .scroll-up-button button:hover,
fieldset[disabled] .scroll-up-button button:focus,
fieldset[disabled] .scroll-up-button button.focus {
  background-color: var(--nxp-btn-tertiary-bg);
  border-color: var(--nxp-btn-tertiary-border);
}

.scroll-up-button button .badge {
  color: var(--nxp-btn-tertiary-bg);
  background-color: var(--nxp-btn-tertiary-color);
}

.scroll-up-button span {
  font-weight: bold;
  font-size: 18px;
  padding: 0px;
  color: black;
  position: relative;
  left: -3px;
  /*  } @else {
      padding-right: 4px;
    } */
}

@media only screen and (max-width: 768px) {
  .scroll-up-button {
    display: none;
  }
}

.btn-toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  border: 1px solid #d8dade;
  border-radius: 14px;
}

.btn-toggle .slider {
  display: inline-block !important;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  border-radius: 34px;
  margin: 2px;
}

.btn-toggle .slider:before {
  position: absolute;
  content: '';
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: #606770;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.btn-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn-toggle input:checked + .slider:before {
  background: #3578e5;
}

.btn-toggle input:checked + .slider {
  background-color: #d8e4fa;
}

.btn-toggle input:focus + .slider {
  box-shadow: 0 0 1px #d8e4fa;
}

.btn-toggle input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.hapyak .btn, .hapyak .nav-close {
  justify-content: center !important;
  opacity: 0.8 !important;
  width: 80% !important;
  font-size: 20px !important;
}

.hapyak .btn svg, .hapyak .nav-close svg {
  height: 32px !important;
}

.hapyak:hover {
  text-decoration: none;
}

span.impact {
  background: linear-gradient(90deg, #fca600 10%, #69ca00 50%, #0eafe0 90%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.square {
  transition: none;
}

.square::before, .square:active, .square:focus {
  border-radius: 0px;
}

.square.active {
  border-radius: 0px;
}

.btn-container,
.buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.btn-center,
.buttons-center {
  justify-content: center;
}

.btn-full > *,
.buttons-full > * {
  flex: 1;
}

.btn.btn-icon-only, .btn-icon-only.nav-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
}

.btn.btn-icon-only.btn-grey, .btn-icon-only.btn-grey.nav-close {
  background-color: #d4cfc5;
}

.btn.btn-icon-only.btn-blue-xxxlight, .btn-icon-only.btn-blue-xxxlight.nav-close {
  background-color: #3ecafb;
}

.btn.btn-icon-only.btn-icon-sm, .btn-icon-only.btn-icon-sm.nav-close {
  width: 24px;
  height: 24px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropup.show,
.dropdown.show {
  display: unset !important;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: white;
  border: 1px solid #d4cfc5;
  border: 1px solid #d4cfc5;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #d4cfc5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  white-space: nowrap;
  color: #000000;
}

.show .dropdown-menu {
  transform: none !important;
  top: 114% !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #f7f5f1;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #686664;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #f7f5f1;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: '';
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.dropdown-message {
  display: inline-block;
  padding: 3px 20px;
  font-size: 12px;
  color: #686664;
}

@media only screen and (max-width: 767px) {
  .dropdown-message {
    margin-top: 15px;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn, .btn-group > .nav-close,
.btn-group-vertical > .btn,
.btn-group-vertical > .nav-close {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .nav-close:hover, .btn-group > .btn:focus, .btn-group > .nav-close:focus, .btn-group > .btn:active, .btn-group > .nav-close:active, .btn-group > .btn.active, .btn-group > .active.nav-close,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .nav-close:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .nav-close:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .nav-close:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .active.nav-close {
  z-index: 2;
}

.btn-group .btn + .btn, .btn-group .nav-close + .btn, .btn-group .btn + .nav-close, .btn-group .nav-close + .nav-close,
.btn-group .btn + .btn-group,
.btn-group .nav-close + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .nav-close,
.btn-group .btn-group + .btn-group {
  margin-left: -2px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn, .btn-toolbar .nav-close,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn, .btn-toolbar > .nav-close,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .nav-close:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)::before, .btn-group > .nav-close:not(:first-child):not(:last-child):not(.dropdown-toggle)::before {
  border-radius: 0px;
}

.btn-group > .btn:first-child:last-child:not(.dropdown-toggle), .btn-group > .nav-close:first-child:last-child:not(.dropdown-toggle) {
  border-radius: 100px;
}

.btn-group > .btn:first-child:last-child:not(.dropdown-toggle)::before, .btn-group > .nav-close:first-child:last-child:not(.dropdown-toggle)::before {
  border-radius: 100px;
}

.btn-group > .btn:first-child, .btn-group > .nav-close:first-child {
  margin-left: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: none;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .nav-close:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:first-child::before, .btn-group > .nav-close:first-child::before {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .nav-close:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: none;
}

.btn-group > .btn:last-child:not(:first-child)::before, .btn-group > .nav-close:last-child:not(:first-child)::before, .btn-group > .btn:last-child:not(:first-child):hover::before, .btn-group > .nav-close:last-child:not(:first-child):hover::before, .btn-group > .btn:last-child:not(:first-child):active::before, .btn-group > .nav-close:last-child:not(:first-child):active::before,
.btn-group > .dropdown-toggle:not(:first-child)::before,
.btn-group > .dropdown-toggle:not(:first-child):hover::before,
.btn-group > .dropdown-toggle:not(:first-child):active::before {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .nav-close {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .nav-close:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .nav-close:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle, .btn-group > .nav-close + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group-lg.btn-group > .nav-close + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret, .nav-close .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret, .btn-group-lg > .nav-close .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .btn-group-lg > .nav-close .caret {
  border-width: 0 5px 5px;
}


.btn-group-vertical > .btn,
.btn-group-vertical > .nav-close,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group > .nav-close {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}


.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group > .nav-close {
  float: none;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .nav-close + .btn, .btn-group-vertical > .btn + .nav-close, .btn-group-vertical > .nav-close + .nav-close,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .nav-close + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .nav-close,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > .nav-close:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .nav-close:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .nav-close:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .nav-close {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .nav-close:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .nav-close:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn, .btn-group-justified > .nav-close,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .nav-close {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .nav-close input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .nav-close input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .nav-close input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .nav-close input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-group-flex {
  display: flex;
  width: 100%;
}

.item-options > .btn-group-flex {
  display: flex;
}

.btn-group-flex .btn, .btn-group-flex .nav-close {
  flex-grow: 1;
}

.btn-group-flex .btn.dropdown-toggle, .btn-group-flex .dropdown-toggle.nav-close {
  flex-grow: 0;
  min-width: 32px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(.search-input):not(:first-child):not(:last-child),
.input-group-btn:not(.search-input):not(:first-child):not(:last-child),
.input-group .form-control:not(.search-input):not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #474645;
  text-align: center;
  background-color: white;
  border: 1px solid #d4cfc5;
  border-radius: 0;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn, .input-group-sm > .input-group-btn > .input-group-addon.nav-close {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 0;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn, .input-group-lg > .input-group-btn > .input-group-addon.nav-close {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 0;
}

.input-group-addon input[type='radio'],
.input-group-addon input[type='checkbox'] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .nav-close,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .btn-group > .nav-close,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .nav-close:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn-group:not(:last-child) > .nav-close {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .nav-close,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .btn-group > .nav-close,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .nav-close:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn-group:not(:first-child) > .nav-close {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn, .input-group-btn > .nav-close {
  position: relative;
}

.input-group-btn > .btn + .btn, .input-group-btn > .nav-close + .btn, .input-group-btn > .btn + .nav-close, .input-group-btn > .nav-close + .nav-close {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .nav-close:hover, .input-group-btn > .btn:focus, .input-group-btn > .nav-close:focus, .input-group-btn > .btn:active, .input-group-btn > .nav-close:active {
  z-index: 2;
}


.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .nav-close,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}


.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .nav-close,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.input-group-btn .btn-default, .input-group-btn .jumpto ul li.jumpto-cta-container a.btn-default, .jumpto ul li.jumpto-cta-container .input-group-btn a.btn-default {
  border-color: #d4cfc5;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #f7f5f1;
}

.nav > li.disabled > a {
  color: #686664;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #686664;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #f7f5f1;
  border-color: #215bd6;
}

.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #aaa6a2;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #aaa6a2 #aaa6a2 #aaa6a2;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #686664;
  background-color: white;
  border: 1px solid #aaa6a2;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 0;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: white;
  background-color: #f9b500;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #aaa6a2;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #aaa6a2;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #aaa6a2;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 14px 15px;
  font-size: 18px;
  line-height: 22px;
  height: 50px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type='radio'],
  .navbar-form .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .btn-group-sm > .navbar-btn.nav-close {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .btn-group-xs > .navbar-btn.nav-close {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f7f5f1;
  border-color: #d4cfc5;
}

.navbar-default .navbar-brand {
  color: #000000;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: black;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #000000;
}

.navbar-default .navbar-nav > li > a {
  color: #000000;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #f7f5f1;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #686664;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d4cfc5;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #f7f5f1;
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #f7f5f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #686664;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #000000;
}

.navbar-default .navbar-link:hover {
  color: #000000;
}

.navbar-default .btn-link {
  color: #000000;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #000000;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #686664;
}

.navbar-inverse {
  background-color: #000000;
  border-color: black;
}

.navbar-inverse .navbar-brand {
  color: #ebe7dd;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: white;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #ebe7dd;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ebe7dd;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: white;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: white;
  background-color: black;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #ebe7dd;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: black;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: black;
  color: white;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: black;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: black;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ebe7dd;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: black;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ebe7dd;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #ebe7dd;
}

.navbar-inverse .navbar-link:hover {
  color: white;
}

.navbar-inverse .btn-link {
  color: #ebe7dd;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: white;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #ebe7dd;
}

.bc {
  padding: 8px 30px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  list-style: none;
  border-radius: 0;
  background-color: var(--nxp-body-bg);
}

.bc-container {
  position: relative;
  z-index: 101;
  display: block;
  border-bottom: 1px solid var(--nxp-border-color);
}

.col-lg-12 .bc-container {
  margin-right: -15px;
  margin-left: -15px;
}

@media only screen and (max-width: 767px) {
  .bc-container {
    display: none;
  }
}

.bc-container .mynxp-breadcrumb {
  color: #64798a;
}

.bc > li {
  display: inline-block;
  margin-bottom: 0;
}

.bc > li .truncate {
  width: 5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
}

.bc > li .dropdown {
  display: inline-block;
}

.bc > li + li:before {
  content: "/";
  padding: 0 5px;
  color: var(--nxp-body-color);
}

.bc > li:last-child,
.bc > li:last-child a {
  color: var(--nxp-body-color);
}

.bc > li:last-child span {
  padding-left: 3px;
}

.bc a {
  color: var(--nxp-body-color);
}

.bc div.dropdown-menu {
  padding: 0px;
}

.bc div.dropdown-menu ul {
  padding-left: 0;
  list-style: none;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  padding: 16px 0px;
  margin: 0;
}

.bc div.dropdown-menu ul > li {
  padding-left: 0;
}

.bc div.dropdown-menu ul::-webkit-scrollbar {
  -webkit-appearance: none;
}

.bc div.dropdown-menu ul::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.bc div.dropdown-menu ul li {
  padding-left: 0;
}

.bc div.dropdown-menu ul li a {
  display: block;
  padding: 4px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: var(--nxp-body-color);
  white-space: nowrap;
}

.bc div.dropdown-menu ul li a:hover {
  text-decoration: none;
  background-color: #f7f5f1;
}

.bc div.dropdown-menu ul .active a {
  font-weight: 600;
}

.bc div.dropdown-menu ul .active a:hover {
  cursor: context-menu;
  background: inherit;
}

.bc div.dropdown-menu .active a {
  font-weight: 600;
}

.bc .dropdown-menu {
  padding-left: 0;
  list-style: none;
}

.bc .dropdown-menu > li {
  padding-left: 0;
}

.bc .dropdown-menu .active a {
  font-weight: 600;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 0;
}

.stepper-content .pagination {
  margin: 0px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a {
  height: 35px;
  width: auto;
  min-width: 35px;
  border-radius: 50px;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.428571429;
  text-decoration: none;
  color: #000000;
  background-color: white;
  border: 1px solid transparent;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  outline: none;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: white;
  background-color: black;
  border-color: black;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #686664;
  background-color: white;
  border-color: transparent;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination a:hover {
  text-decoration: underline;
}

.pagination li.active a:hover {
  text-decoration: none;
  cursor: default;
}

.pagination-ellipsis {
  pointer-events: none;
}

.highlight {
  background-color: var(--nxp-orange-100);
}

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
}

.pager:before, .pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #000000;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #ebe7dd;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #686664;
  background-color: white;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  font-weight: 600;
}

.label:empty {
  display: none;
}

.btn .label, .nav-close .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #686664;
  line-height: 1;
  vertical-align: text-top;
  white-space: nowrap;
  text-align: center;
  background-color: #ebe7dd;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge, .nav-close .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .nav-close .badge,
.btn-group-xs > .btn .badge,
.btn-group-xs > .nav-close .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #215bd6;
  background-color: white;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #686664;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #f7f5f1;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #e4ded1;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.428571429;
  background-color: white;
  border: 1px solid #d4cfc5;
  border-radius: 0;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #000000;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #215bd6;
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert .body-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 12px 31px;
  align-items: center;
}

.alert .body-button button,
.alert .body-button a.btn-default,
.alert .body-button .jumpto ul li.jumpto-cta-container a.btn-default,
.jumpto ul li.jumpto-cta-container .alert .body-button a.btn-default {
  color: #000000;
}

.alert .body-button button:focus,
.alert .body-button a.btn-default:focus {
  color: white;
}

.alert .body-button p {
  flex: 1;
}

@media screen and (max-width: 992px) {
  .alert .body-button {
    align-items: flex-start;
    flex-direction: column;
  }
}

.alert.band:before, .alert#faq[data-nxp-theme='automotive']:before,
.alert#faq[data-nxp-theme='industrial']:before,
.alert#faq[data-nxp-theme='consumer']:before {
  height: calc(100% + 2px);
}

.alert-flag {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 1010;
  width: 100%;
  max-width: 320px;
}

.alert-flag .alert {
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.alert-flag .alert-dismissible {
  display: none;
}

.alert-flag .alert-dismissible.in {
  display: block;
}

.alert-flag .alert:last-child {
  margin-bottom: 0;
}

.alert .alert-link {
  font-weight: 400;
  text-decoration: underline;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert [data-dismiss] {
  margin-left: 10px;
}

.alert .media-left {
  padding-right: 4px;
  vertical-align: top;
}

.alert .media-left [class*='icon-'] {
  margin-left: 1px;
  font-size: 18px;
}

.alert .media-left:has([class*='fnxp-']) {
  padding-right: 8px;
  padding-top: 2px;
}

.alert .media-body {
  vertical-align: middle;
}

.alert .media-body p {
  margin-bottom: 0;
}

.alert .media-body p + p {
  margin-top: 0.5em;
}

.alert.alt p a {
  color: #215bd6;
}

.alert .alert-blue {
  color: #13357e;
  text-decoration: none;
}

.alert .alert-blue:hover {
  text-decoration: underline;
}

.alert .text-muted {
  color: var(--nxp-secondary-color);
}

.alert .text-muted strong {
  color: var(--nxp-secondary-color);
}

#downloadManagerAlert .media-body p {
  font-size: 14px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: 0px;
  right: -21px;
  color: inherit;
}

.alert-default {
  background-color: #ebe7dd;
  border-color: transparent;
  color: #000000;
}

.alert-default *,
.alert-default *:after,
.alert-default *:before {
  color: #000000;
}

.alert-default .alert-link {
  color: #000000;
}

.alert-default svg {
  fill: #000000;
}

.alert-success {
  background-color: #ebf8a5;
  border-color: transparent;
  color: #005700;
}

.alert-success *,
.alert-success *:after,
.alert-success *:before {
  color: #005700;
}

.alert-success .alert-link {
  color: #005700;
}

.alert-success svg {
  fill: #005700;
}

.alert-info {
  background-color: #c3effe;
  border-color: transparent;
  color: #13357e;
}

.alert-info *,
.alert-info *:after,
.alert-info *:before {
  color: #13357e;
}

.alert-info .alert-link {
  color: #13357e;
}

.alert-info svg {
  fill: #13357e;
}

.alert-event {
  background-color: #215bd6;
  border-color: #215bd6;
  color: white;
}

.alert-event *,
.alert-event *:after,
.alert-event *:before {
  color: white;
}

.alert-event .alert-link {
  color: white;
}

.alert-event svg {
  fill: white;
}

.alert-blue-dark {
  background-color: #1f87ff;
  border-color: #1f87ff;
  color: #f7f5f1;
}

.alert-blue-dark *,
.alert-blue-dark *:after,
.alert-blue-dark *:before {
  color: #f7f5f1;
}

.alert-blue-dark .alert-link {
  color: #f7f5f1;
}

.alert-blue-dark svg {
  fill: #f7f5f1;
}

.alert-dark {
  background-color: #000000;
  border-color: #000000;
  color: white;
}

.alert-dark *,
.alert-dark *:after,
.alert-dark *:before {
  color: white;
}

.alert-dark .alert-link {
  color: white;
}

.alert-dark svg {
  fill: white;
}

.alert-dark.alt p a {
  color: #0eafe0;
}

.alert-warning {
  background-color: #ffeda7;
  border-color: transparent;
  color: #994600;
}

.alert-warning *,
.alert-warning *:after,
.alert-warning *:before {
  color: #994600;
}

.alert-warning .alert-link {
  color: #994600;
}

.alert-warning svg {
  fill: #994600;
}

.alert-warning .highlight {
  color: #ff2973;
  font-weight: 600;
}

#userAccessStatusMsg .alert-warning p {
  font-size: 16px;
}

.alert-danger {
  background-color: #fcd3d3;
  border-color: transparent;
  color: #8d081d;
}

.alert-danger *,
.alert-danger *:after,
.alert-danger *:before {
  color: #8d081d;
}

.alert-danger .alert-link {
  color: #8d081d;
}

.alert-danger svg {
  fill: #8d081d;
}

.alert-notice {
  background-color: #00a4a7;
  border-color: #00a4a7;
  color: white;
  z-index: 1050;
  min-width: 280px;
  max-width: 340px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.alert-notice *,
.alert-notice *:after,
.alert-notice *:before {
  color: white;
}

.alert-notice .alert-link {
  color: white;
}

.alert-notice svg {
  fill: white;
}

.alert-purple {
  background-color: #ebe4f5;
  border-color: transparent;
  color: #46286e;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alert-purple *,
.alert-purple *:after,
.alert-purple *:before {
  color: #46286e;
}

.alert-purple .alert-link {
  color: #46286e;
}

.alert-purple svg {
  fill: #46286e;
}

.alert-grey {
  background-color: #f7f5f1;
  border-color: transparent;
  color: #000000;
}

.alert-grey *,
.alert-grey *:after,
.alert-grey *:before {
  color: #000000;
}

.alert-grey .alert-link {
  color: #000000;
}

.alert-grey svg {
  fill: #000000;
}

.alert-grey a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.alert-grey a:hover {
  text-decoration: underline;
}

.alert-transparent {
  background: transparent;
}

.alert-transparent-default {
  color: #000000;
}

.alert-transparent-muted {
  color: #686664;
}

.alert-transparent-info {
  color: #0eafe0;
}

.alert-green-one {
  background-color: #005700;
  border-color: transparent;
  color: #ffffff;
}

.alert-green-one *,
.alert-green-one *:after,
.alert-green-one *:before {
  color: #ffffff;
}

.alert-green-one .alert-link {
  color: #ffffff;
}

.alert-green-one svg {
  fill: #ffffff;
}

.alert-ai-bd {
  background-color: var(--nxp-gray-100);
  padding: 16px 52px;
}

.alert-ai-bd h2 {
  margin: 0px;
}

.alert-ai-bd .media {
  display: flex;
  gap: 30px;
}

.alert-ai-bd .media .media-body,
.alert-ai-bd .media .media-body-content {
  display: flex;
  gap: 4px;
  flex-direction: column;
}

.alert-ai-bd .media-left {
  align-self: center;
}

.alert-ai-bd .media-left [class^='fnxp-'] {
  font-size: 46px;
}

.alert-ai-bd .media-left:has([class*='fnxp-']) {
  padding: 0px;
}

.alert-ai-bd.horizontal {
  padding: 30px;
}

.alert-ai-bd.horizontal .media {
  display: flex;
  gap: 20px;
}

.alert-ai-bd.horizontal .media-body {
  display: flex;
  gap: 30px;
  flex-direction: row;
}

.alert-ai-bd.horizontal .media-body .media-body-content {
  border-left: 1px solid var(--nxp-gray-300);
  padding-left: 30px;
}

@media (max-width: 480px) {
  .alert-ai-bd {
    padding: 16px 10px;
  }
}

.alert.is-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  padding: 10px 30px;
  margin-bottom: 0;
}

.alert .banner-info {
  color: #226ab3;
  background-color: #92e1fd;
}

.alert .banner-body {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 992px) {
  .alert .banner-body {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.alert .banner-text {
  position: relative;
  padding-left: 30px;
}

.alert .banner-text[title],
.alert .banner-text [title] {
  cursor: help;
}

@media screen and (min-width: 992px) {
  .alert .banner-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0;
  }
}

.alert .banner-text > span[class*='icon-'] {
  margin-right: 0.5em;
  font-size: 18px;
}

@media only screen and (max-width: 991px) {
  .alert .banner-text > span[class*='icon-'] {
    position: absolute;
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .alert .banner-text + .banner-action {
    border-left: 1px solid currentColor;
  }
}

.alert .banner-action {
  padding-left: 30px;
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .alert .banner-action {
    flex-shrink: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.alert.alert-slim {
  padding-left: 0px;
  padding-right: 0px;
}

.hero-body .alert {
  margin-top: 16px;
}

.alert span[class*='icon-'] {
  margin-right: 8px;
}

.alert .alert-checkbox {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-bottom: 0px;
}

.alert .alert-checkbox input[type='checkbox'] {
  position: relative;
  height: 25px;
  width: 25px;
  bottom: 2px;
  accent-color: #008a00;
  min-width: 24px;
}

.alert .alert-checkbox .text {
  padding-left: 12px;
}

.alert .alert-checkbox .text span {
  font-weight: 600;
  margin-right: 8px;
}

.alert .alert-checkbox .text .icon-para-reset {
  font-weight: 400;
  font-size: 22px;
}

.alert .alert-checkbox .popover.fade.bottom.in .popover-content {
  color: #262626;
}

@media only screen and (max-width: 768px) {
  .alert .alert-checkbox .popover.fade.bottom.in {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .alertSpa {
    display: none;
  }
}

.alert.aligned {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.alert.aligned .ecad-icon {
  border-right: 1px solid var(--nxp-border-color);
  padding-right: 14px;
}

.alert.aligned:has(.ecad-icon) p {
  flex: 1;
}

.alert-awareness {
  background-color: #215bd6;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 248px;
  padding: 18px 16px;
  color: white;
  position: absolute;
  top: 40px;
  right: -9px;
  z-index: 1;
}

.alert-awareness .alert-awareness-header {
  position: relative;
}

.alert-awareness .alert-awareness-header img {
  width: 100%;
  background-color: white;
}

.alert-awareness .alert-awareness-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.alert-awareness .alert-awareness-body h4 {
  margin: 0px;
  color: white;
}

.alert-awareness .alert-awareness-body p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}

.alert-awareness::after {
  content: ' ';
  display: block;
  position: absolute;
  top: -6px;
  right: 8px;
  left: unset;
  width: 20px;
  height: 20px;
  z-index: -1;
  background-color: #215bd6;
  transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

@media (max-width: 992px) {
  .alert-awareness::after {
    left: 8px;
    right: unset;
  }
}

.notice-block,
.notice-block-warning {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 0;
}

.notice-block > :first-child,
.notice-block-warning > :first-child {
  margin-top: 0;
}

.notice-block > :last-child,
.notice-block-warning > :last-child {
  margin-bottom: 0;
}

.notice-block *,
.notice-block *:after,
.notice-block *:before,
.notice-block-warning *,
.notice-block-warning *:after,
.notice-block-warning *:before {
  color: #000000;
}

.notice-block a,
.notice-block-warning a {
  color: inherit;
  text-decoration: underline;
}

.notice-block .media-body > :first-child,
.notice-block-warning .media-body > :first-child {
  margin-top: 0;
}

.notice-block .media-body > :last-child,
.notice-block-warning .media-body > :last-child {
  margin-bottom: 0;
}

.notice-block {
  background-color: #f7f5f1;
  border-color: transparent;
  color: #000000;
}

.notice-block *,
.notice-block *:after,
.notice-block *:before {
  color: #000000;
}

.notice-block .alert-link {
  color: #000000;
}

.notice-block svg {
  fill: #000000;
}

.notice-block-warning {
  background-color: #fcd3d3;
  border-color: transparent;
  color: #8d081d;
}

.notice-block-warning *,
.notice-block-warning *:after,
.notice-block-warning *:before {
  color: #8d081d;
}

.notice-block-warning .alert-link {
  color: #8d081d;
}

.notice-block-warning svg {
  fill: #8d081d;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 22px;
  margin-bottom: 22px;
  background-color: #f7f5f1;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  color: white;
  text-align: center;
  background-color: #f9b500;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.media {
  margin-top: 0;
}

.media + .media {
  margin-top: 15px;
}

.media-left [class*='icon-'] {
  margin-left: 1px;
}

.media-body > :last-child {
  margin-bottom: 0;
}

.media-flex, .media-flex-ste {
  padding-top: 3em;
  padding-bottom: 3em;
}

.media-flex-header {
  margin-bottom: 30px;
}

.media-flex-title {
  margin-top: 0;
}

.media-flex-subtitle {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
}

.media-flex-description :last-child {
  margin-bottom: 0;
}

.media-flex-list {
  padding-left: 0;
  list-style: none;
  margin-right: -15px;
  margin-left: -15px;
}

.media-flex-list > li {
  padding-left: 0;
}

.media-flex-list.is-compressed {
  margin-right: -5px;
  margin-left: -5px;
}

.media-flex-list + .media-flex-list {
  margin-top: 3em;
}

.media-flex-item {
  display: flex;
  flex-flow: row wrap;
}

.media-flex-item .media-flex-item {
  margin-top: 30px;
}

.media-flex-item.is-single {
  margin-right: -15px;
  margin-left: -15px;
}

.media-flex-item.is-single.is-compressed {
  margin-right: -5px;
  margin-left: -5px;
}

.media-flex-item.is-single.is-inverse {
  padding: 35px 15px;
  background-color: #000000;
  margin-right: 0;
  margin-left: 0;
}

@media screen and (min-width: 992px) {
  .media-flex-item.is-single.is-inverse {
    padding: 45px;
  }
}

.media-flex-list .media-flex-item {
  margin-bottom: 30px;
}

.media-flex-list.is-compressed .media-flex-item {
  margin-bottom: 15px;
}

.has-borders .media-flex-item {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.has-borders .media-flex-item + .media-flex-item {
  border-top: 1px solid var(--nxp-border-color);
}

.media-flex-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .media-flex-item {
    flex-direction: column;
  }
  .media-flex-item > * {
    margin-bottom: 1em;
  }
  .media-flex-item > *:last-child {
    margin-bottom: 0;
  }
}

.media-flex-media {
  position: relative;
  align-self: flex-start;
  order: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 1px;
  max-width: 30%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.is-compressed .media-flex-media {
  padding-right: 5px;
  padding-left: 5px;
}

@media only screen and (max-width: 767px) {
  .media-flex-media {
    max-width: 50%;
  }
}

.media-flex-media .item-duration {
  position: absolute;
  bottom: 0;
  right: 15px;
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
}

.media-flex-body {
  order: 0;
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.is-compressed .media-flex-body {
  padding-right: 5px;
  padding-left: 5px;
}

.media-flex-body > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .media-flex-body {
    flex-basis: 0;
  }
}

.media-flex-heading {
  margin: 0 0;
}

.is-compressed .media-flex-heading {
  margin-bottom: 0.25em;
}

.is-single.is-inverse .media-flex-heading {
  color: white;
}

.media-flex-text > :last-child {
  margin-bottom: 0;
}

.is-single.is-inverse .media-flex-text {
  color: white;
}

.media-flex-text + a {
  position: relative;
  display: inline-block;
  margin-top: 1em;
}

.media-flex-text + a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .media-flex-text + a:after {
  content: '';
}

.media-flex-text + a:hover {
  text-decoration: none;
}

.media-flex-text + a:hover:after {
  transform: translateX(0.5em);
}

.media-flex-text + a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-text + a[href*='community.nxp.com']:after, .media-flex-text + a[href*='docs.nxp.com']:after, .media-flex-text + a[href*='investors.nxp.com']:after, .media-flex-text + a[href*='nxpcup.nxp.com']:after, .media-flex-text + a[href*='support.nxp.com']:after, .media-flex-text + a[href*='showroom.nxp.com']:after, .media-flex-text + a[href*='investorday.nxp.com']:after, .media-flex-text + a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.media-flex-text + a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-text + a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-text + a.btn[href*='community.nxp.com']:after, .media-flex-text + a.nav-close[href*='community.nxp.com']:after, .media-flex-text + a.btn[href*='docs.nxp.com']:after, .media-flex-text + a.nav-close[href*='docs.nxp.com']:after, .media-flex-text + a.btn[href*='investors.nxp.com']:after, .media-flex-text + a.nav-close[href*='investors.nxp.com']:after, .media-flex-text + a.btn[href*='nxpcup.nxp.com']:after, .media-flex-text + a.nav-close[href*='nxpcup.nxp.com']:after, .media-flex-text + a.btn[href*='support.nxp.com']:after, .media-flex-text + a.nav-close[href*='support.nxp.com']:after, .media-flex-text + a.btn[href*='showroom.nxp.com']:after, .media-flex-text + a.nav-close[href*='showroom.nxp.com']:after, .media-flex-text + a.btn[href*='investorday.nxp.com']:after, .media-flex-text + a.nav-close[href*='investorday.nxp.com']:after, .media-flex-text + a.btn[href*='mcuxpresso.nxp.com']:after, .media-flex-text + a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.media-flex-text + a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.media-flex-links {
  padding-left: 0;
  list-style: none;
  margin-top: 1em;
}

.media-flex-links > li {
  padding-left: 0;
}

.media-flex-links li {
  margin-bottom: 0.75em;
  line-height: 1.25;
}

.media-flex-links a {
  position: relative;
}

.media-flex-links a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .media-flex-links a:after {
  content: '';
}

.media-flex-links a:hover {
  text-decoration: none;
}

.media-flex-links a:hover:after {
  transform: translateX(0.5em);
}

.media-flex-links a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-links a[href*='community.nxp.com']:after, .media-flex-links a[href*='docs.nxp.com']:after, .media-flex-links a[href*='investors.nxp.com']:after, .media-flex-links a[href*='nxpcup.nxp.com']:after, .media-flex-links a[href*='support.nxp.com']:after, .media-flex-links a[href*='showroom.nxp.com']:after, .media-flex-links a[href*='investorday.nxp.com']:after, .media-flex-links a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.media-flex-links a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-links a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .media-flex-links a.btn[href*='community.nxp.com']:after, .media-flex-links a.nav-close[href*='community.nxp.com']:after, .media-flex-links a.btn[href*='docs.nxp.com']:after, .media-flex-links a.nav-close[href*='docs.nxp.com']:after, .media-flex-links a.btn[href*='investors.nxp.com']:after, .media-flex-links a.nav-close[href*='investors.nxp.com']:after, .media-flex-links a.btn[href*='nxpcup.nxp.com']:after, .media-flex-links a.nav-close[href*='nxpcup.nxp.com']:after, .media-flex-links a.btn[href*='support.nxp.com']:after, .media-flex-links a.nav-close[href*='support.nxp.com']:after, .media-flex-links a.btn[href*='showroom.nxp.com']:after, .media-flex-links a.nav-close[href*='showroom.nxp.com']:after, .media-flex-links a.btn[href*='investorday.nxp.com']:after, .media-flex-links a.nav-close[href*='investorday.nxp.com']:after, .media-flex-links a.btn[href*='mcuxpresso.nxp.com']:after, .media-flex-links a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.media-flex-links a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.is-single.is-inverse .media-flex-links a {
  color: white;
}

.media-flex-links.has-columns {
  column-count: 2;
  column-gap: 45px;
  column-width: 220px;
}

.media-flex-links.has-columns > li {
  break-inside: avoid;
}

.media-flex-links.has-columns a:after {
  content: none;
}

.media-flex-actions {
  order: 0;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 16.6666666667%;
  padding-left: 15px;
  padding-right: 15px;
}

.is-compressed .media-flex-actions {
  padding-right: 5px;
  padding-left: 5px;
}

@media only screen and (max-width: 767px) {
  .media-flex-actions {
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .media-flex-item .is-top {
    order: -4;
    flex-basis: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
  .media-flex-item .is-bottom {
    order: 4;
    flex-basis: auto;
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
  }
  .media-flex-item .is-left {
    order: -1;
    margin-right: auto;
  }
  .media-flex-item .is-right {
    order: 1;
    margin-left: auto;
  }
  .media-flex-item .is-align-top {
    align-self: top;
  }
  .media-flex-item .is-align-center {
    align-self: center;
  }
  .media-flex-item .is-align-bottom {
    align-self: flex-end;
  }
  .media-flex-item .is-align-start {
    align-self: flex-start;
  }
  .media-flex-item .is-align-end {
    align-self: flex-end;
  }
}

.media-flex.support, .support.media-flex-ste {
  background-color: #f7f5f1 !important;
  padding: 32px 20px;
}

@media only screen and (max-width: 767px) {
  .media-flex.support .media-flex-item, .support.media-flex-ste .media-flex-item {
    flex-direction: inherit;
  }
}

.media-flex.support .media-flex-media, .support.media-flex-ste .media-flex-media {
  padding: 0px 16px;
  align-self: center;
}

.media-flex.support .media-flex-text p, .support.media-flex-ste .media-flex-text p {
  margin-bottom: 4px;
}

.media-flex.support ul, .support.media-flex-ste ul {
  margin-bottom: 0px;
}

.media-flex.support ul li, .support.media-flex-ste ul li {
  margin-bottom: 0px !important;
}

.media-flex-ste {
  padding-top: 32px;
}

.media-flex-ste .media-flex-heading {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 20px;
}

.media-flex-ste .media-flex-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}

.media-flex-ste .media-flex-links {
  margin-top: 8px;
}

.media-flex-ste .media-flex-item {
  margin-bottom: 36px;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-color {
  font-size: 14px;
}

.list-group-color li {
  display: flex;
}

.list-group-color li[class*='dark'] span {
  color: white;
}

.list-group-color span {
  display: block;
  margin-left: auto;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: white;
  border: 1px solid #d4cfc5;
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

a.list-group-item,
button.list-group-item {
  color: #000000;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #000000;
}

a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #000000;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #f7f5f1;
  color: #686664;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #686664;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: white;
  background-color: #f9b500;
  border-color: #f9b500;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .flex-box .box-opts .nav-piped-2 .list-group-item-heading > li,
.flex-box .box-opts .nav-piped-2 .list-group-item.active .list-group-item-heading > li, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .flex-box .box-opts .nav-piped-2 .list-group-item-heading > li,
.flex-box .box-opts .nav-piped-2 .list-group-item.active:hover .list-group-item-heading > li, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .flex-box .box-opts .nav-piped-2 .list-group-item-heading > li,
.flex-box .box-opts .nav-piped-2 .list-group-item.active:focus .list-group-item-heading > li {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #ffefc6;
}

.list-group-item-success {
  color: #007b7d;
  background-color: #e6f6f6;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #007b7d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #007b7d;
  background-color: #d3efef;
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #007b7d;
  border-color: #007b7d;
}

.list-group-item-info {
  color: #226ab3;
  background-color: #92e1fd;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #226ab3;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #226ab3;
  background-color: #79dafd;
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #226ab3;
  border-color: #226ab3;
}

.list-group-item-warning {
  color: #ff7400;
  background-color: #ffeda7;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #ff7400;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #ff7400;
  background-color: #ffe88e;
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #ff7400;
  border-color: #ff7400;
}

.list-group-item-danger {
  color: #d60b2d;
  background-color: #f8e7e7;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #d60b2d;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #d60b2d;
  background-color: #f2d3d3;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #d60b2d;
  border-color: #d60b2d;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 22px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.flex-box .box-opts .nav-piped-2 .panel-title > li,
.panel-title > small > a,
.panel-title > .small > a,
.flex-box .box-opts .nav-piped-2 .panel-title > li > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f7f5f1;
  border-top: 1px solid #d4cfc5;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table, .panel > .comparisonTableSte,
.panel > .table-responsive > .table,
.panel > .table-responsive > .comparisonTableSte,
.panel > .panel-collapse > .table,
.panel > .panel-collapse > .comparisonTableSte {
  margin-bottom: 0;
}

.panel > .table caption, .panel > .comparisonTableSte caption,
.panel > .table-responsive > .table caption,
.panel > .table-responsive > .comparisonTableSte caption,
.panel > .panel-collapse > .table caption,
.panel > .panel-collapse > .comparisonTableSte caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child, .panel > .comparisonTableSte:first-child,
.panel > .table-responsive:first-child > .table:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .comparisonTableSte:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .comparisonTableSte:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .comparisonTableSte:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .comparisonTableSte:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .comparisonTableSte:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .comparisonTableSte:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 0;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .comparisonTableSte:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .comparisonTableSte:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .comparisonTableSte:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .comparisonTableSte:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .comparisonTableSte:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 0;
}

.panel > .table:last-child, .panel > .comparisonTableSte:last-child,
.panel > .table-responsive:last-child > .table:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .comparisonTableSte:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .comparisonTableSte:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .comparisonTableSte:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 0;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .comparisonTableSte:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .comparisonTableSte:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .comparisonTableSte:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 0;
}

.panel > .panel-body + .table, .panel > .panel-body + .comparisonTableSte,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .comparisonTableSte + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #d4cfc5;
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .comparisonTableSte > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .comparisonTableSte > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #d4cfc5;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #d4cfc5;
}

.panel-default {
  border-color: #d4cfc5;
}

.panel-default > .panel-heading {
  color: #000000;
  background-color: #f7f5f1;
  border-color: #d4cfc5;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d4cfc5;
}

.panel-default > .panel-heading .badge {
  color: #f7f5f1;
  background-color: #000000;
}

.panel-default > .panel-footer {
  background-color: #f7f5f1;
  border-top-color: #d4cfc5;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d4cfc5;
}

.panel-primary {
  border-color: #f9b500;
}

.panel-primary > .panel-heading {
  color: white;
  background-color: #f9b500;
  border-color: #f9b500;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f9b500;
}

.panel-primary > .panel-heading .badge {
  color: #f9b500;
  background-color: white;
}

.panel-primary > .panel-footer {
  background-color: #f9b500;
  border-top-color: #f9b500;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f9b500;
}

.panel-success {
  border-color: transparent;
}

.panel-success > .panel-heading {
  color: #007b7d;
  background-color: #e6f6f6;
  border-color: transparent;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.panel-success > .panel-heading .badge {
  color: #e6f6f6;
  background-color: #007b7d;
}

.panel-success > .panel-footer {
  background-color: #e6f6f6;
  border-top-color: transparent;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

.panel-info {
  border-color: transparent;
}

.panel-info > .panel-heading {
  color: #226ab3;
  background-color: #92e1fd;
  border-color: transparent;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.panel-info > .panel-heading .badge {
  color: #92e1fd;
  background-color: #226ab3;
}

.panel-info > .panel-footer {
  background-color: #92e1fd;
  border-top-color: transparent;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

.panel-warning {
  border-color: transparent;
}

.panel-warning > .panel-heading {
  color: #ff7400;
  background-color: #ffeda7;
  border-color: transparent;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.panel-warning > .panel-heading .badge {
  color: #ffeda7;
  background-color: #ff7400;
}

.panel-warning > .panel-footer {
  background-color: #ffeda7;
  border-top-color: transparent;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

.panel-danger {
  border-color: transparent;
}

.panel-danger > .panel-heading {
  color: #d60b2d;
  background-color: #f8e7e7;
  border-color: transparent;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.panel-danger > .panel-heading .badge {
  color: #f8e7e7;
  background-color: #d60b2d;
}

.panel-danger > .panel-footer {
  background-color: #f8e7e7;
  border-top-color: transparent;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

/*HapYak fix*/
.embed-responsive .embed-responsive-item {
  position: absolute !important;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f7f5f1;
  border: 1px solid #eae5da;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 0;
}

.well-sm {
  padding: 9px;
  border-radius: 0;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

button.close.rounded {
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  width: 26px;
  height: 26px;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  transform: scale(1) translate(30%, -30%);
  opacity: unset;
}

.media-panel {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 400px;
  /* Creates two columns: one 2/3 width, one 1/3 width */
  border: 1px solid #d4cfc5;
}

.media-panel-player {
  /* max-height: 464px; */
  height: 464px;
}

.media-panel-player .embed-responsive-16by9 {
  padding-bottom: 0;
  height: 100%;
}

.media-panel-player .embed-responsive-16by9 .video-js {
  height: 100%;
  padding-top: 0;
  background-color: white;
}

.media-panel-player .embed-responsive-16by9 .video-js .vjs-poster {
  background-color: white;
}

.media-panel-content {
  display: flex !important;
  flex-direction: column;
  background-color: var(--nxp-gray-50);
  padding: 0;
  border-left: 1px solid #d4cfc5;
  /* max-height: 464px; */
  height: 464px;
  overflow: hidden;
}

@media (max-width: 992px) {
  .media-panel-content {
    border-left: none;
  }
}

.media-panel-cta {
  background-color: var(--nxp-gray-200);
  border-radius: 30px;
  padding: 4px 6px;
  margin: 10px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  position: relative;
  font-size: 14px;
}

.media-panel-cta .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 8px 20px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.media-panel-cta .box.active {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
}

.media-panel-cta .box.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--nxp-gray-50);
  z-index: -1;
}

.media-panel-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}

.media-panel-title {
  border-top: 1px solid #d4cfc5;
  margin: 0;
  padding: 10px 16px 0px 16px;
  color: #686664;
  font-size: 14px;
}

.media-panel-title span.bold {
  font-size: 16px;
  color: var(--nxp-body-color);
}

.media-panel .gate {
  width: calc(100% - 400px);
}

@media (max-width: 1200px) {
  .media-panel {
    grid-template-columns: 1fr 280px;
  }
  .media-panel .gate {
    width: calc(100% - 280px);
  }
}

@media (max-width: 992px) {
  .media-panel {
    grid-template-columns: none;
    display: flex;
    flex-direction: column;
  }
  .media-panel .gate {
    width: 100%;
    height: 464px;
  }
}

.media-item {
  display: flex;
  padding: 15px 8px;
  gap: 6px;
  /* border-bottom: 1px solid $border-color-base; */
}

.media-item:hover {
  background-color: var(--nxp-orange-100);
}

.media-item.active {
  border-left: 4px solid var(--nxp-orange-500);
  background-color: var(--nxp-orange-100);
}

.media-item-count {
  align-self: center;
  color: var(--nxp-body-color);
}

.media-item-img {
  position: relative;
}

.media-item-img img {
  max-width: 116px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.media-item-duration {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--nxp-gray-50);
  font-size: 12px;
  padding: 2px;
  top: 42px;
  right: 0;
}

.media-item-description {
  font-size: "Poppins", sans-serif;
  height: fit-content;
  display: grid;
  gap: 6px;
  align-items: start;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: 'mp-title mp-title'
 'mp-date  mp-insignia';
}

.media-item-description h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  grid-area: mp-title;
}

.media-item-description > * {
  margin: 0 !important;
}

.media-item-description p.metadata, .media-item-description .shopping-list .box-container p.description, .shopping-list .box-container .media-item-description p.description {
  grid-area: mp-date;
}

.media-item-description .insignia.account-required {
  grid-area: mp-insignia;
}

.media-item-description .insignia.account-required i {
  font-size: 16px;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog, .modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: white;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #262626;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in, .modal-backdrop.show {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
  padding: 8px 13px;
  border-radius: 25px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn, .modal-footer .nav-close + .btn, .modal-footer .btn + .nav-close, .modal-footer .nav-close + .nav-close {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .nav-close + .btn, .modal-footer .btn-group .btn + .nav-close, .modal-footer .btn-group .nav-close + .nav-close {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
  .modal-def {
    width: 500px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal-header {
  border-bottom: 0px;
  padding-left: 20px;
}

.modal-footer {
  border-top: 0px;
}

@media screen and (min-width: 760px) {
  #loginModal .modal-dialog,
  #loginModal .modal-content {
    width: 400px;
  }
}

@media screen and (min-width: 992px) {
  .modal-xl {
    width: 900px;
  }
}

@media screen and (min-width: 1200px) {
  .modal-xl {
    width: 1100px;
  }
}

.modal-video {
  width: 79vw;
}

.modal-video .modal-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0;
}

.modal-video .modal-header button[data-dismiss] {
  opacity: 1;
  padding: 20px;
  text-shadow: none;
  background-color: rgba(255, 255, 255, 0.65);
}

.modal-video .modal-header button[data-dismiss].close {
  margin-top: 0;
}

.modal-video .modal-title {
  display: none;
}

.modal-video .modal-body {
  padding: 0;
}

.modal-video .modal-body .video-embed-container {
  padding-bottom: 0;
}

.modal-video .modal-body .embed-responsive {
  margin-bottom: 0;
}

.ad,
.cd {
  display: flex;
  flex-wrap: wrap;
}

.ad-media,
.cd-media {
  flex-basis: 0;
  flex-grow: 1;
  padding: 30px;
  background-color: #ebe7dd;
}

@media only screen and (max-width: 767px) {
  .ad-media,
  .cd-media {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .ad-media,
  .cd-media {
    padding: 60px;
  }
}

.ad-content,
.cd-content {
  flex-basis: 0;
  flex-grow: 3;
  display: flex;
  flex-direction: column;
  background-color: white;
}

@media screen and (min-width: 768px) {
  .ad-content .modal-header,
  .cd-content .modal-header {
    padding-bottom: 0;
  }
}

.ad-content .modal-body,
.cd-content .modal-body {
  margin-top: auto;
  margin-bottom: auto;
}

@media screen and (min-width: 768px) {
  .ad-content .modal-body,
  .cd-content .modal-body {
    padding: 30px;
  }
}

@media screen and (min-width: 992px) {
  .ad-content .modal-body,
  .cd-content .modal-body {
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
  }
}

.ad-content .modal-body .btn, .ad-content .modal-body .nav-close,
.cd-content .modal-body .btn,
.cd-content .modal-body .nav-close {
  margin-top: 15px;
}

.promo .modal-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 40px 48px 40px;
  gap: 10px;
  max-height: max-content !important;
}

.promo .modal-body .center {
  text-align: center;
}

.promo .modal-body .modal-logo {
  width: 110px;
  margin-bottom: 6px;
}

.promo .modal-body .modal-logo img {
  width: 100%;
  height: 100%;
}

.promo .modal-body .modal-title {
  line-height: 40px;
}

.promo .modal-body .modal-btn-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.promo .modal-body .btn, .promo .modal-body .nav-close {
  margin: 0px;
}

.promo .modal-body:has(+ .modal-footer) {
  padding-bottom: 0;
}

.promo .cd-media {
  flex-grow: 2;
  padding: unset;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50%;
}

.promo .cd-content {
  flex-grow: 2;
}

.promo .btn-impact::before {
  z-index: 0;
}

/* Modal for sell the experience ASP */
.modal-signin {
  max-width: 400px !important;
}

.modal-signin .modal-header {
  padding-bottom: 12px !important;
}

.modal-signin .modal-header h3 {
  margin-bottom: 8px;
}

.modal-signin .modal-body form label {
  font-size: 14px;
}

.modal-signin .modal-body form input,
.modal-signin .modal-body form button {
  margin-bottom: 14px;
}

.modal-signin hr {
  width: 100%;
  margin: 14px 0;
  margin-left: -20px;
  padding-right: 40px;
}

.modal-alert .modal-header {
  padding-bottom: 0 !important;
}

.modal-alert .modal-header p {
  font-size: 18px;
}

.modal-alert-label {
  color: #64798a;
  font-size: 14px;
}

.modal-alert-notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-alert-notification p {
  margin: 0;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-alert-notification a {
  font-size: 12px;
  padding-left: 12px;
}

@media only screen and (max-width: 768px) {
  .modal-alert-notification strong {
    display: block;
  }
  .modal-alert-notification #toggleSwitch {
    display: none;
  }
}

.modal-alert-box {
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 32px;
}

.modal-alert-box .modal-alert-notification {
  padding: 10px 16px;
}

.modal-alert-box hr {
  padding: 0 3px;
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .collapse-mobile.active .modal.fade {
    display: none;
  }
  .collapse-mobile.active .modal.fade.in {
    display: block;
  }
}

.body-max {
  max-height: 270px;
  overflow-y: auto;
}

.modalWidth {
  width: 150px;
}

.modalWidth .welcome {
  padding-top: 8px;
}

.modalWidth .buttonSection {
  padding: 8px 0px;
}

.modalWidth .buttonSection .btn, .modalWidth .buttonSection .nav-close {
  width: 100%;
}

.subs .max-height {
  max-height: 500px !important;
}

.subs .modal-header {
  margin-bottom: 0px;
}

.subs .modal-header p {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}

.subs .border {
  border: 1px solid var(--nxp-border-color);
}

.subs .border .checkbox {
  margin: 0px;
  padding: 16px;
}

.subs .border .checkbox .subsection {
  font-weight: 600;
}

.subs .border .checkbox .subtitle {
  font-size: 14px;
  padding-left: 20px;
  padding-top: 8px;
}

@media (min-width: 992px) {
  .modal-order-distributor {
    min-width: 640px;
  }
}

@media (max-width: 480px) {
  .modal-order-distributor .box {
    flex-wrap: wrap;
  }
}

.modal-order-distributor h3 {
  display: inline;
}

.modal-order-distributor select {
  width: auto;
  border: 2px solid #000000;
  font-size: 12px;
  font-weight: 600;
  height: 25px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline;
  padding-left: 8px;
}

.modal-order-distributor thead > tr > th {
  background-color: transparent;
  border-bottom: 3px solid #aaa6a2 !important;
}

.modal-order-distributor .box {
  padding-bottom: 26px;
  display: flex;
  gap: 12px;
}

.modal-order-distributor td {
  height: 42px;
}

.modal-order-distributor p {
  font-size: 14px;
}

.modal-order-distributor .icon-newtab {
  font-size: 11px;
}

.modal-order-distributor .btn-xs .icon-newtab, .modal-order-distributor .btn-group-xs > .btn .icon-newtab, .modal-order-distributor .btn-group-xs > .nav-close .icon-newtab {
  font-size: 8px;
}

.modal-order-distributor .modal-body {
  max-height: 600px !important;
  overflow-y: scroll;
}

.modal-order-distributor .modal-header {
  padding-bottom: 6px;
  display: flex;
  justify-content: space-between;
}

.modal-order-distributor .modal-header h3 {
  width: 100%;
}

.modal-part-detail .modal-dialog {
  width: auto;
  max-width: 70vw;
  max-height: 90vh;
}

.modal-part-detail .modal-body {
  max-height: 86vh;
  overflow-y: auto;
  padding: 0px 30px 30px 30px;
  scroll-behavior: smooth;
}

.modal-part-detail .modal-body .prodOverview-image a {
  display: none;
}

.modal-part-detail .hero.hero-new {
  padding-top: 0px;
}

.modal-part-detail .hero.hero-new h1 {
  font-size: 30px;
}

.modal.fade.show {
  opacity: 1;
}

.react-responsive-modal-root {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
}

.react-responsive-modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.react-responsive-modal-container {
  height: 100%;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

/* Used to trick the browser to center the modal content properly  */
.react-responsive-modal-containerCenter:after {
  width: 0;
  height: 100%;
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.react-responsive-modal-modal {
  max-width: 800px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background: #ffffff;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  margin: 1.2rem;
  padding: 1.2rem;
  position: relative;
  overflow-y: auto;
}

.react-responsive-modal-closeButton {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
}

@keyframes react-responsive-modal-overlay-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes react-responsive-modal-overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes react-responsive-modal-modal-in {
  0% {
    transform: scale(0.96);
    opacity: 0;
  }
  100% {
    transform: scale(100%);
    opacity: 1;
  }
}

@keyframes react-responsive-modal-modal-out {
  0% {
    transform: scale(100%);
    opacity: 1;
  }
  100% {
    transform: scale(0.96);
    opacity: 0;
  }
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  background-color: #000;
  border-radius: 0;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 10px;
}

.popover.bs-popover-top > .arrow, .popover.bs-popover-auto[x-placement^="top"] > .arrow {
  margin-left: 0px !important;
}

.popover.bs-popover-top > .arrow::before, .popover.bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: inherit;
  border-top-color: black;
}

.popover.bs-popover-top > .arrow::after, .popover.bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: -12px;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin-left: 10px;
}

.popover.bs-popover-right > .arrow, .popover.bs-popover-auto[x-placement^="right"] > .arrow {
  left: subtract(-10px, 1px);
  width: 10px;
  height: 10px;
  margin: 11px 0;
}

.popover.bs-popover-right > .arrow::before, .popover.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-right > .arrow::after, .popover.bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 10px;
}

.popover.bs-popover-bottom > .arrow, .popover.bs-popover-auto[x-placement^="bottom"] > .arrow {
  margin-left: 1px !important;
}

.popover.bs-popover-bottom > .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-bottom > .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  margin-left: -5px;
  content: "";
  border-bottom: 1px solid #d4cfc5;
}

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
  margin-left: -10px;
}

.popover.bs-popover-left > .arrow, .popover.bs-popover-auto[x-placement^="left"] > .arrow {
  right: subtract(-10px, 1px);
  width: 10px;
  height: 10px;
  margin: 11px 0;
}

.popover.bs-popover-left > .arrow::before, .popover.bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-left > .arrow::after, .popover.bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 10px;
  border-top-color: white;
}

.popover.bs-popover-show {
  display: block;
  opacity: 1;
}

/* @if ($uat-only) {
  $popover-arrow-width: 8px;
} */
.popoverContainer {
  display: inline-block !important;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1031;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid #d6dce0;
  border-radius: 0;
  -webkit-box-shadow: 1px 2px 4px 1px rgba(51, 63, 72, 0.1);
  box-shadow: 1px 2px 4px 1px rgba(51, 63, 72, 0.1);
}

.contextnav .popover.top, .jumptonav .popover.top, .getstartednav > ul .popover.top, .gettingstartednav > ul .popover.top, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .popover.top, .contextnav .popover.bottom, .jumptonav .popover.bottom, .getstartednav > ul .popover.bottom, .gettingstartednav > ul .popover.bottom, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .popover.bottom {
  width: max-content !important;
  min-width: 150px !important;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover.show {
  display: block;
  opacity: 1;
}

.popover-title, .popover-header {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.popover-title:empty, .popover-header:empty {
  display: none;
}

.popover-content, .popover-body {
  padding: 8px 14px 0px 14px;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
}

.text-muted .popover-content, .text-muted .popover-body {
  color: #262626;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: '';
}

.popover.top > .arrow, .popover.bs-popover-top > .arrow, .popover.bs-popover-auto[x-placement^="top"] > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after, .popover.bs-popover-top > .arrow:after, .popover.bs-popover-auto[x-placement^="top"] > .arrow:after {
  content: ' ';
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: white;
}

.popover.right > .arrow, .popover.bs-popover-right > .arrow, .popover.bs-popover-auto[x-placement^="right"] > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: fadein(#d6dce0, 5%);
}

.popover.right > .arrow:after, .popover.bs-popover-right > .arrow:after, .popover.bs-popover-auto[x-placement^="right"] > .arrow:after {
  content: ' ';
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: white;
}

.popover.bottom > .arrow, .popover.bs-popover-bottom > .arrow, .popover.bs-popover-auto[x-placement^="bottom"] > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after, .popover.bs-popover-bottom > .arrow:after, .popover.bs-popover-auto[x-placement^="bottom"] > .arrow:after {
  content: ' ';
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: white;
}

.popover.left > .arrow, .popover.bs-popover-left > .arrow, .popover.bs-popover-auto[x-placement^="left"] > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: fadein(#d6dce0, 5%);
}

.popover.left > .arrow:after, .popover.bs-popover-left > .arrow:after, .popover.bs-popover-auto[x-placement^="left"] > .arrow:after {
  content: ' ';
  right: 1px;
  border-right-width: 0;
  border-left-color: white;
  bottom: -10px;
}

.Popover {
  border-color: #D4CFC5 !important;
}

@media (max-width: 992px) {
  .Popover-below {
    display: none !important;
  }
}

.Popover .Popover-tip {
  top: -8px;
  border-color: #D4CFC5;
}

@media (max-width: 768px) {
  .Popover .Popover-tip {
    left: 2%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .Popover .Popover-tip {
    left: 46%;
  }
}

@media (min-width: 992px) {
  .Popover .Popover-tip {
    left: 44%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0.7;
    filter: brightness(70%);
  }
  to {
    opacity: 1;
    filter: brightness(100%);
  }
}

@keyframes fadeInMobile {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOutMobile {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    background-color: rgba(0, 0, 0, 0.01);
  }
  to {
    background-color: black;
  }
}

@keyframes fadeInTabs {
  from {
    opacity: 0.7;
    filter: brightness(94%);
  }
  to {
    opacity: 1;
    filter: brightness(100%);
  }
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: white;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid white;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: white;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn, .carousel-caption .nav-close {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner:before, .carousel-inner:after {
  content: " ";
  display: table;
}

.carousel-inner:after {
  clear: both;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  -webkit-transition: transform 0.45s ease-in-out;
  -o-transition: transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

/* 
.carousel-fade {
  .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
  }

  .carousel-item.active,
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
  }

  .active.carousel-item-left,
  .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    @include transition(opacity 0s $carousel-transition-duration);
  }
}
 */
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: white;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='white' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>"));
}

.carousel-control-next-icon {
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='white' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>"));
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: white;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  text-align: center;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

img {
  max-width: 100%;
  height: auto;
}

img.rich-media-carousel {
  margin: 1.25em auto;
  max-width: calc(100% - 100px);
}

img.h-link-text {
  width: auto;
  max-width: 115px;
  border: none;
  margin-right: 5px;
}

img.img-gallery {
  margin: 1em 1.5em;
}

#mncnt img {
  max-height: 140px !important;
}

img[src=''] {
  display: none !important;
}

img[data-toggle] {
  cursor: pointer;
}

.media a h4 {
  color: #7bb1db;
}

.v-link-text {
  padding-top: 15px;
  padding-bottom: 15px;
}

.v-link-text span {
  font-weight: 600;
}

.featured-videos h4 {
  font-size: 1em;
}

.featured-videos a {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.featured-videos a:before {
  content: '';
  position: absolute;
  display: block;
  width: 4em;
  height: 4em;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4em 4em;
  z-index: 1;
  opacity: 0.75;
}

ol {
  padding-left: 1.375em;
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ul {
  padding-left: 1.2em;
}

.compressed li {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  ul.list-columns {
    display: flex;
    flex-wrap: wrap;
  }
  ul.list-columns > li {
    padding-right: 1em;
    flex-basis: 50%;
  }
}

@media screen and (min-width: 992px) {
  ul.list-columns > li {
    padding-right: 2em;
    flex-basis: 33.3333333333%;
  }
}

.columns {
  column-count: auto;
  column-gap: 30px;
  column-width: 220px;
}

.columns > * {
  break-inside: avoid;
}

.group-module {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .group-module {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: calc(50% - 23px);
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .group-module:nth-child(odd) {
    margin-left: 15px;
  }
  .group-module:nth-child(even) {
    margin-right: 15px;
  }
}

@media screen and (max-width: 992px) {
  .mdwrap {
    margin-bottom: 0;
  }
}

.bottom-5 {
  margin-bottom: -5px;
}

.mobile-btn {
  color: #000000;
  background-color: transparent;
  border-color: transparent;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 16px;
}

.mobile-btn:focus, .mobile-btn.focus {
  color: #000000;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.mobile-btn:hover, .mobile-btn.hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.mobile-btn:active, .mobile-btn.active,
.open > .mobile-btn.dropdown-toggle {
  color: #000000;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.mobile-btn:active:hover, .mobile-btn:active:focus, .mobile-btn:active.focus, .mobile-btn.active:hover, .mobile-btn.active:focus, .mobile-btn.active.focus,
.open > .mobile-btn.dropdown-toggle:hover,
.open > .mobile-btn.dropdown-toggle:focus,
.open > .mobile-btn.dropdown-toggle.focus {
  color: #000000;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.mobile-btn:active, .mobile-btn.active,
.open > .mobile-btn.dropdown-toggle {
  background-image: none;
}

.mobile-btn.disabled:hover, .mobile-btn.disabled:focus, .mobile-btn.disabled.focus, .mobile-btn[disabled]:hover, .mobile-btn[disabled]:focus, .mobile-btn[disabled].focus,
fieldset[disabled] .mobile-btn:hover,
fieldset[disabled] .mobile-btn:focus,
fieldset[disabled] .mobile-btn.focus {
  background-color: transparent;
  border-color: transparent;
}

.mobile-btn .badge {
  color: transparent;
  background-color: #000000;
}

@media screen and (min-width: 768px) {
  #mynxpMm .mobile-btn {
    display: none;
  }
}

.mobile-list-item > .mobile-btn {
  color: #000000;
  background-color: #f7f5f1;
  border-color: transparent;
  min-width: 55px;
  margin-right: 15px;
}

.mobile-list-item > .mobile-btn:focus, .mobile-list-item > .mobile-btn.focus {
  color: #000000;
  background-color: #eee9e1;
  border-color: rgba(0, 0, 0, 0);
}

.mobile-list-item > .mobile-btn:hover, .mobile-list-item > .mobile-btn.hover {
  color: #000000;
  background-color: #eee9e1;
  border-color: rgba(0, 0, 0, 0);
}

.mobile-list-item > .mobile-btn:active, .mobile-list-item > .mobile-btn.active,
.open > .mobile-list-item > .mobile-btn.dropdown-toggle {
  color: #000000;
  background-color: #eee9e1;
  border-color: rgba(0, 0, 0, 0);
}

.mobile-list-item > .mobile-btn:active:hover, .mobile-list-item > .mobile-btn:active:focus, .mobile-list-item > .mobile-btn:active.focus, .mobile-list-item > .mobile-btn.active:hover, .mobile-list-item > .mobile-btn.active:focus, .mobile-list-item > .mobile-btn.active.focus,
.open > .mobile-list-item > .mobile-btn.dropdown-toggle:hover,
.open > .mobile-list-item > .mobile-btn.dropdown-toggle:focus,
.open > .mobile-list-item > .mobile-btn.dropdown-toggle.focus {
  color: #000000;
  background-color: #eee9e1;
  border-color: rgba(0, 0, 0, 0);
}

.mobile-list-item > .mobile-btn:active, .mobile-list-item > .mobile-btn.active,
.open > .mobile-list-item > .mobile-btn.dropdown-toggle {
  background-image: none;
}

.mobile-list-item > .mobile-btn.disabled:hover, .mobile-list-item > .mobile-btn.disabled:focus, .mobile-list-item > .mobile-btn.disabled.focus, .mobile-list-item > .mobile-btn[disabled]:hover, .mobile-list-item > .mobile-btn[disabled]:focus, .mobile-list-item > .mobile-btn[disabled].focus,
fieldset[disabled] .mobile-list-item > .mobile-btn:hover,
fieldset[disabled] .mobile-list-item > .mobile-btn:focus,
fieldset[disabled] .mobile-list-item > .mobile-btn.focus {
  background-color: #f7f5f1;
  border-color: transparent;
}

.mobile-list-item > .mobile-btn .badge {
  color: #f7f5f1;
  background-color: #000000;
}

.mobile-list {
  padding-left: 0;
  list-style: none;
}

.mobile-list > li {
  padding-left: 0;
}

.mobile-list + .mobile-list {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--nxp-border-color);
}

.mobile-list-header {
  font-family: "Poppins", sans-serif;
}

.mobile-list-header + .child-list .mobile-list-item > a {
  margin-left: 10px;
}

.mobile-list-item {
  position: initial;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 5px;
}

.mobile-list-item > a,
.mobile-list-item > span {
  display: inline-block;
  margin-right: auto;
  padding: 6px 12px;
  font-size: 14px;
  color: #686664;
}

.mobile-list-item > a {
  color: #000000;
}

.mobile-list-item > ul {
  padding-left: 0;
  list-style: none;
  width: 100%;
  padding-left: 10px;
}

.mobile-list-item > ul > li {
  padding-left: 0;
}

.mobile-list-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.mobile-list-label > span {
  display: inline-block;
  padding: 6px 12px 6px 22px;
  font-size: 12px;
}

.mobile-list-label + .child-list {
  padding-left: 12px;
}

.activity-group.is-day + .activity-group.is-day {
  padding-top: 2em;
}

.activity-group-heading {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
  margin-top: 0;
}

.activity-list {
  padding-left: 0;
  list-style: none;
  font-size: 14px;
}

.activity-list > li {
  padding-left: 0;
}

.activity-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.activity-list li > span:first-child {
  flex-shrink: 0;
  margin-right: 0.5em;
  color: var(--nxp-secondary-color);
}

.activity-list li > span:last-child {
  flex-shrink: 0;
  margin-left: 0.5em;
}

.activity-list li a {
  display: inline-block;
  max-width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.activity-list li a.activity-all {
  color: var(--nxp-link-color);
}

.list-success {
  padding-left: 24px;
  list-style: none;
}

.list-success > li {
  position: relative;
}

.list-success > li:before {
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 3px;
  left: -24px;
  color: #000000;
}

.metadata, .shopping-list .box-container .description {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
  /* LEVELS OF LINKS ON THE METADATA SECTION */
}

ul.metadata, .shopping-list .box-container ul.description {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.metadata > li, .shopping-list .box-container ul.description > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.metadata li, .shopping-list .box-container ul.description li {
  margin-top: 6px;
  margin-bottom: 0;
}

.metadata a, .shopping-list .box-container .description a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .metadata a, #new-modal-landing .shopping-list .box-container .description a, .shopping-list .box-container #new-modal-landing .description a,
#part-details-app .metadata a,
#part-details-app .shopping-list .box-container .description a,
.shopping-list .box-container #part-details-app .description a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .metadata a:hover, #new-modal-landing .shopping-list .box-container .description a:hover, .shopping-list .box-container #new-modal-landing .description a:hover,
#part-details-app .metadata a:hover,
#part-details-app .shopping-list .box-container .description a:hover,
.shopping-list .box-container #part-details-app .description a:hover {
  text-decoration: underline;
}

.metadata.partner-meta-list.vendor-img, .shopping-list .box-container .partner-meta-list.vendor-img.description {
  display: inline-flex;
  align-items: center;
  margin-top: -8px;
}

.metadata.partner-meta-list.vendor-img .partner-meta-img, .shopping-list .box-container .partner-meta-list.vendor-img.description .partner-meta-img {
  margin-right: 16px;
  width: 10%;
}

@media screen and (max-width: 992px) {
  .metadata.partner-meta-list.vendor-img .partner-meta-img, .shopping-list .box-container .partner-meta-list.vendor-img.description .partner-meta-img {
    width: 30%;
  }
}

.stepper-content .metadata .meta-item, .stepper-content .shopping-list .box-container .description .meta-item, .shopping-list .box-container .stepper-content .description .meta-item {
  padding-right: 8px;
  display: inline-block;
  padding-left: 0;
}

.metadata a[class='primary-link'], .shopping-list .box-container .description a[class='primary-link'] {
  font-weight: normal;
  color: var(--nxp-link-color);
  text-decoration: none;
}

.meta-key {
  font-weight: normal;
}

.ds-resources .meta-key {
  font-weight: 600;
}

.ds-resources .meta-key a {
  font-weight: normal;
}

.key-topic .meta-value {
  margin-left: 12px;
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table, .comparisonTableSte {
  width: 100%;
  margin-bottom: 22px;
}

.table > thead > tr > th, .comparisonTableSte > thead > tr > th,
.table > thead > tr > td,
.comparisonTableSte > thead > tr > td,
.table > tbody > tr > th,
.comparisonTableSte > tbody > tr > th,
.table > tbody > tr > td,
.comparisonTableSte > tbody > tr > td,
.table > tfoot > tr > th,
.comparisonTableSte > tfoot > tr > th,
.table > tfoot > tr > td,
.comparisonTableSte > tfoot > tr > td {
  padding: 8px;
  line-height: 1.25;
  vertical-align: top;
  border-top: 1px solid #d4cfc5;
  font-size: 12px;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .table > thead > tr > th, .comparisonTableSte > thead > tr > th,
  .table > thead > tr > td,
  .comparisonTableSte > thead > tr > td,
  .table > tbody > tr > th,
  .comparisonTableSte > tbody > tr > th,
  .table > tbody > tr > td,
  .comparisonTableSte > tbody > tr > td,
  .table > tfoot > tr > th,
  .comparisonTableSte > tfoot > tr > th,
  .table > tfoot > tr > td,
  .comparisonTableSte > tfoot > tr > td {
    font-size: 14px;
  }
}

.table > thead > tr > th, .comparisonTableSte > thead > tr > th {
  border-bottom: 2px solid #d4cfc5;
}

.table > caption + thead > tr:first-child > th, .comparisonTableSte > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.comparisonTableSte > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.comparisonTableSte > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.comparisonTableSte > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.comparisonTableSte > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.comparisonTableSte > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody, .comparisonTableSte > tbody + tbody {
  border-top: 2px solid #d4cfc5;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #d4cfc5;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #d4cfc5;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f7f5f1;
}

tr.stripe > td,
td.stripe {
  background-color: #f7f5f1;
}

table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell;
}

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #d4cfc5;
  }
  .table-responsive > .table, .table-responsive > .comparisonTableSte {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th, .table-responsive > .comparisonTableSte > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .comparisonTableSte > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .comparisonTableSte > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .comparisonTableSte > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .comparisonTableSte > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .comparisonTableSte > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.table, .comparisonTableSte {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 2px;
}


.table th,
.comparisonTableSte th, .table td, .comparisonTableSte td {
  padding: 4px 4px;
  line-height: 16px;
  vertical-align: top;
}

.table td, .comparisonTableSte td {
  border-spacing: 0px;
}


.table th,
.comparisonTableSte th {
  font-weight: 600;
}

.table thead th, .comparisonTableSte thead th,
table.table thead td,
table.comparisonTableSte thead td {
  vertical-align: top;
  border-right: 1px solid white;
  background-color: #ebe7dd;
}

.table.table-bordered, .table-bordered.comparisonTableSte {
  border: 1px solid #ebe7dd;
  border-collapse: collapse;
}

.table.table-head-light thead td, .table-head-light.comparisonTableSte thead td,
.table.table-head-light thead th,
.table-head-light.comparisonTableSte thead th {
  background-color: white;
  border-bottom: 3px solid #898683;
}


.table.table-head-light thead th,
.table-head-light.comparisonTableSte thead th {
  border-bottom: 3px solid #898683;
}

.cool-grey-xxxlight .table.table-head-light thead th, .cool-grey-xxxlight .table-head-light.comparisonTableSte thead th {
  background-color: transparent;
  border-right: none !important;
}

.cool-grey-xxlight .table.table-head-light thead th, .cool-grey-xxlight .table-head-light.comparisonTableSte thead th {
  background-color: transparent;
  border-right: none !important;
}

.table.table-bordered td, .table-bordered.comparisonTableSte td {
  border: 1px solid #ebe7dd;
  border-collapse: collapse;
}

.table.table-bordered th, .table-bordered.comparisonTableSte th {
  border-left: 1px solid #ebe7dd;
  border-right: 1px solid #ebe7dd;
  border-top: 1px solid #ebe7dd;
  border-collapse: collapse;
}

.table.table-centered td, .table-centered.comparisonTableSte td {
  text-align: center;
  vertical-align: inherit;
}

.table.table-centered th, .table-centered.comparisonTableSte th {
  text-align: center;
  vertical-align: inherit;
}

.table.table-bordered thead:first-child tr:first-child th, .table-bordered.comparisonTableSte thead:first-child tr:first-child th,
.table.table-bordered thead:first-child tr:first-child td,
.table-bordered.comparisonTableSte thead:first-child tr:first-child td {
  border-right: 1px solid white;
  border-top: 1px solid #ebe7dd;
}

.table.table-bordered.table-head-light thead:first-child tr:first-child th, .table-bordered.table-head-light.comparisonTableSte thead:first-child tr:first-child th {
  border-right: 1px solid #ebe7dd;
}

.table.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered.comparisonTableSte thead:first-child tr:first-child th:last-child {
  border-right: 1px solid #ebe7dd;
}

.table.table-striped tbody > tr:nth-child(even) > td, .table-striped.comparisonTableSte tbody > tr:nth-child(even) > td,
.table.table-striped tbody > tr:nth-child(even) > th,
.table-striped.comparisonTableSte tbody > tr:nth-child(even) > th {
  background-color: #f7f5f1;
}

.table.table-striped tbody > tr:nth-child(odd) > td, .table-striped.comparisonTableSte tbody > tr:nth-child(odd) > td,
.table.table-striped tbody > tr:nth-child(odd) > th,
.table-striped.comparisonTableSte tbody > tr:nth-child(odd) > th {
  background-color: white;
}

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
  width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
  height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
}

.dataTable .limit-checkbox-filter-height {
  display: inline-block;
  max-height: 4em;
  overflow-y: scroll;
}

.tablesorter-headerUnSorted [class*='icon-'] {
  display: none;
}

.tablesorter-headerAsc [class*='-up'] {
  display: inline-block;
}

.tablesorter-headerAsc [class*='-down'] {
  display: none;
}

.tablesorter-headerDesc [class*='-down'] {
  display: inline-block;
}

.tablesorter-headerDesc [class*='-up'] {
  display: none;
}

.table.sortable .icon-arrow-down2, .sortable.comparisonTableSte .icon-arrow-down2,
.table.sortable .icon-arrow-up2,
.sortable.comparisonTableSte .icon-arrow-up2,
.table.stdtable .icon-arrow-down2,
.stdtable.comparisonTableSte .icon-arrow-down2,
.table.stdtable .icon-arrow-up2,
.stdtable.comparisonTableSte .icon-arrow-up2,
.table.rectable .icon-arrow-down2,
.rectable.comparisonTableSte .icon-arrow-down2,
.table.rectable .icon-arrow-up2,
.rectable.comparisonTableSte .icon-arrow-up2,
.tablesaw-sortable .icon-arrow-down2,
.tablesaw-sortable .icon-arrow-up2 {
  cursor: pointer;
}

.table-limited tr:nth-child(n + 4) {
  display: none;
}

@media only screen and (max-width: 767px) {
  .collapse-mobile .table-limited tr:nth-child(n + 4) {
    display: table-row;
  }
}

.table .vertCenter, .comparisonTableSte .vertCenter {
  vertical-align: middle;
}

table.table.table--red thead td, table.table--red.comparisonTableSte thead td,
table.table.table--red thead th,
table.table--red.comparisonTableSte thead th {
  background-color: #e3004a;
  color: white;
}

table.table.table--aqua thead td, table.table--aqua.comparisonTableSte thead td,
table.table.table--aqua thead th,
table.table--aqua.comparisonTableSte thead th {
  background-color: #00a4a7;
  color: #005254;
}

@media only screen and (max-width: 767px) {
  .part-operating {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .part-operating .table, .part-operating .comparisonTableSte {
    margin-bottom: 0;
  }
  .part-operating .table.table-bordered, .part-operating .table-bordered.comparisonTableSte {
    border: 0;
  }
  .part-operating .table th, .part-operating .comparisonTableSte th,
  .part-operating .table td,
  .part-operating .comparisonTableSte td {
    width: 50%;
  }
}

.table > caption, .comparisonTableSte > caption {
  caption-side: bottom;
  font-size: 14px;
}

.onebox-heading {
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

#Recommended-Documentation th:nth-child(2) {
  width: 85px;
}

/* Tablesaw - v2.0.3 - 2016-05-02
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */
.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}

.tablesaw thead tr:first-child th {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
}

.tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .nav-close {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: 0.5em 0.85em 0.4em 0.85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: 0.25em;
}

.tablesaw-enhanced .tablesaw-bar a.btn, .tablesaw-enhanced .tablesaw-bar a.nav-close {
  color: #1c95d4;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .nav-close:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .nav-close:active {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(to bottom, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
  background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
}

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .nav-close:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .nav-close:focus {
  color: #208de3;
  background-color: #fff;
  outline: none;
}

.tablesaw-bar .btn:focus, .tablesaw-bar .nav-close:focus {
  box-shadow: 0 0 0.35em #4faeef !important;
}

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
}

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent;
}

.tablesaw-bar .btn select option, .tablesaw-bar .nav-close select option {
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select.nav-close {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0;
}

.tablesaw-bar .btn.btn-small, .tablesaw-bar .btn-small.nav-close,
.tablesaw-bar .btn.btn-micro,
.tablesaw-bar .btn-micro.nav-close {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-bar .btn.btn-small, .tablesaw-bar .btn-small.nav-close {
  font-size: 1.0625em;
  line-height: 19px;
  padding: 0.3em 1em 0.3em 1em;
}


.tablesaw-bar .btn.btn-micro,
.tablesaw-bar .btn-micro.nav-close {
  font-size: 0.8125em;
  padding: 0.4em 0.7em 0.25em 0.7em;
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left;
}

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  content: ' ';
  display: block;
  position: absolute;
}

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em;
}

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: 0.25em 0.45em;
  content: '\25bc';
  font-size: 0.55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: 0.5em;
  padding-top: 1em;
  padding-right: 0.5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn, .tablesaw-advance .nav-close {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: 0.25em;
}

.tablesaw-advance .btn.btn-micro, .tablesaw-advance .btn-micro.nav-close {
  font-size: 0.8125em;
  padding: 0.3em 0.7em 0.25em 0.7em;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: 0.5em;
  position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: '\0020';
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: 0.5em;
  top: 0.65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: 0.5em;
  top: 0.65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: 0.45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: 0.6em;
  border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: 0.7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: 0.25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
  font-family: sans-serif;
}

.tablesaw-toolbar {
  font-size: 0.875em;
  float: left;
}

.tablesaw-toolbar label {
  padding: 0.5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: 0.5em;
  text-transform: uppercase;
}

.tablesaw-bar .btn, .tablesaw-bar .nav-close, .tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .nav-close {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn, .tablesaw-bar .tablesaw-toolbar .nav-close {
  margin-left: 0.4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: 0.3em;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: 0.9em;
}

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-toolbar ~ table {
  clear: both;
}

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
  }
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }
  .table.tablesaw-stack > tbody > tr > td, .tablesaw-stack.comparisonTableSte > tbody > tr > td {
    border-top: none;
  }
  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 0.6em 0 0;
    width: 30%;
    display: inline-block;
  }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }
  .tablesaw-cell-label {
    display: block;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }
  .tablesaw-cell-label {
    vertical-align: top;
  }
  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }
  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none;
  }
}

.btn.tablesaw-columntoggle-btn span, .tablesaw-columntoggle-btn.nav-close span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: 0.5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: 0.5em 0.8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: 0.2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */
@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -0.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }
  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none;
  }
  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: 0.2em 0;
  white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: 0.8em;
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative;
}

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: bottom;
}

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
  padding-left: 1.6em;
  padding-right: 0.6em;
}

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
  position: relative;
}

.tablesaw-sortable .tablesaw-sortable-head button:focus {
  outline: none;
}

.tablesaw-sortable .tablesaw-sortable-head button:after {
  font-family: "Font Awesome";
  content: "\f0dc";
  width: 7px;
  height: 10px;
  position: absolute;
  left: 0.35em;
  color: #aaa6a2;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  font-family: "Font Awesome";
  width: 7px;
  height: 10px;
  content: '\0020';
  position: absolute;
  left: 0.35em;
  color: #474645;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\f0d8";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\f0d7";
}

.tablesaw-sortable .not-applicable:after {
  content: '--';
  display: block;
}

.tablesaw-sortable .not-applicable span {
  display: none;
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: 0.4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: 0.4em 0.2em;
}

.tablesaw-advance-dots li i {
  width: 0.25em;
  height: 0.25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: 0.25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}

body {
  padding-top: 64px;
  padding-top: 0;
  overflow-x: clip;
}

body.no-sticky-nav {
  padding-top: 0;
}

body.mmenu-is-open {
  overflow-y: hidden;
  max-height: 100%;
}

body .nxp-global-sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1031;
}

body.search-open .nxp-global-sticky-header {
  position: fixed;
  width: 100%;
}

.horizontal-scroll {
  overflow-x: scroll;
}

.nxp-wrapper > .container-fluid:first-of-type,
#nxp-wrapper > .container-fluid:first-of-type {
  position: sticky;
  top: 0;
  z-index: 1031;
}

.site-header {
  width: 100vw;
  min-width: 100%;
  z-index: 1030;
  background-color: white;
  border-bottom: 1px solid var(--nxp-border-color);
  position: sticky;
  background-color: var(--nxp-body-bg);
}

.no-sticky-nav .site-header {
  position: static;
  width: auto;
  min-width: 100%;
}

.col-lg-12 .site-header {
  margin-right: -15px;
  margin-left: -15px;
}

.site-header-wrapper {
  display: flex;
  width: 100%;
}

.site-header-inner {
  display: flex;
}

@media screen and (min-width: 768px) {
  .site-header-inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.site-header .site-logo {
  order: 2;
  flex-shrink: 0;
  align-self: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .search-open .site-header .site-logo {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .site-header .site-logo {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 1199px) {
  .site-header .site-logo {
    order: 1 !important;
  }
}

.site-header .site-logo a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.site-header .site-logo a img {
  width: auto;
  height: auto;
  max-height: 33px;
}

.site-header .site-logo a svg {
  display: block;
}

.site-header .site-nav {
  order: 1;
  align-self: center;
  flex-shrink: 0;
  padding: 10px 15px;
}

@media screen and (min-width: 1200px) {
  .site-header .site-nav {
    order: 2;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .site-header .site-nav {
    max-width: 49vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .site-header .site-nav {
    max-width: 55vw;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1799px) {
  .site-header .site-nav {
    max-width: 65vw;
  }
}

.site-header .site-nav .navbar-toggle {
  float: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -10px;
  border-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .site-header .site-nav .navbar-toggle {
    display: block;
  }
}

.site-header .site-nav .navbar-toggle:hover, .site-header .site-nav .navbar-toggle:focus {
  background-color: transparent;
}

.site-header .site-nav .navbar-toggle .icon-bar {
  display: block;
  height: 2px;
  background-color: #000000;
}

.site-header .site-nav .navbar-toggle .icon-bar:nth-child(2) {
  margin-top: 7px;
  margin-bottom: 7px;
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .site-nav {
    padding: 0px 4px;
  }
}

@media only screen and (max-width: 1199px) {
  .site-header .primary-nav {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .primary-nav {
    padding-right: 30px;
  }
}

.site-header .primary-nav:hover .primary-nav-item {
  color: var(--nxp-secondary-color);
}

.site-header .primary-nav:hover .primary-nav-item:hover {
  color: var(--nxp-emphasis-color);
  text-decoration: none;
}

.site-header .primary-nav-item {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--nxp-emphasis-color);
  text-transform: uppercase;
  line-height: 63px;
  letter-spacing: 0.04em;
  transition: color 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.site-header .primary-nav-item ~ .primary-nav-item {
  margin-left: 20px;
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .primary-nav-item {
    font-size: 13px;
  }
  .site-header .primary-nav-item ~ .primary-nav-item {
    margin-left: 14px;
  }
}

.site-header .primary-nav-item.active {
  box-shadow: inset 0 -3px 0 0 #ff7400;
}

.site-header .primary-nav-item.active.open {
  box-shadow: unset;
}

.site-header .primary-nav-item.primary-nav-store {
  line-height: normal;
  padding: 8px 12px;
  color: white !important;
  background: #ff7400;
  border-radius: 25px;
  font-size: 12px;
}

.site-header .primary-nav-item.primary-nav-store:hover, .site-header .primary-nav-item.primary-nav-store.active {
  background-color: #994600;
  color: white !important;
  text-decoration: none;
  box-shadow: none;
}

.site-header .primary-nav.menu-open .primary-nav-item[aria-expanded='false'] {
  color: #686664;
  box-shadow: none;
}

.site-header .primary-nav.menu-open .primary-nav-item[aria-expanded='false']:hover {
  color: var(--nxp-emphasis-color);
}

.site-header .primary-nav.menu-open .primary-nav-item[aria-expanded='true'] {
  color: #000000;
  box-shadow: none;
}

@media only screen and (max-width: 767px) {
  .site-header .sticky-nav {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .site-header .sticky-nav {
    display: flex;
    align-items: center;
    gap: 14px;
  }
}

.site-header .sticky-nav-item {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--nxp-emphasis-color);
  text-transform: uppercase;
  line-height: 63px;
  letter-spacing: 0.04em;
  transition: color 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.site-header .sticky-nav-item ~ .sticky-nav-item {
  margin-left: 4px;
  margin-right: 4px;
  font-family: "Poppins", sans-serif;
}

.site-header .sticky-nav-item.active {
  box-shadow: inset 0 -3px 0 0 #f9b500;
}

.site-header .sticky-nav-title {
  font-size: 20px;
  margin-bottom: 0px;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  top: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 1799px) {
  .site-header .sticky-nav-title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    max-width: 65vw;
    width: auto;
  }
}

.site-header .sticky-nav-status {
  margin-bottom: 0px;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 19px;
  padding-right: 12px;
  letter-spacing: 0;
  margin-right: 0px !important;
  margin-left: 16px !important;
}

.site-header .sticky-nav-alerts {
  margin-bottom: 0px;
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  margin-left: 8px !important;
  border-left: none;
  top: 1px;
  position: relative;
}

.site-header .sticky-nav-alerts a {
  margin-left: 0px;
}

.site-header .sticky-nav-alerts span {
  font-size: 12px;
}

.site-header .sticky-nav-alerts .icon-info {
  cursor: pointer;
}

.site-header .header-search {
  order: 3;
  flex-shrink: 1;
  padding-right: 15px;
  padding-left: 15px;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
  align-self: center;
}

@media only screen and (max-width: 767px) {
  .site-header .header-search:empty {
    min-width: 70px;
  }
}

@media screen and (min-width: 768px) {
  .site-header .header-search {
    margin-left: auto;
  }
}

@media screen and (min-width: 992px) {
  .site-header .header-search {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.site-header .header-search input.form-control {
  padding-left: 25px;
  padding-left: 38px;
}

@media screen and (min-width: 768px) {
  .site-header .header-search input.form-control {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .header-search {
    padding-right: 20px;
    padding-left: 14px;
  }
}

.site-header .header-search .search-input {
  position: relative;
  display: flex;
  max-width: 255px;
  margin-left: auto;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.site-header .header-search .search-input:after {
  content: "";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 12px;
  color: #898683;
  color: #686664;
  left: 14px;
  transform: translateY(-50%);
  pointer-events: none;
}

.site-header .header-search .search-input input.form-control {
  font-size: 16px;
}

.site-header .header-search .search-input input::-ms-clear {
  display: none;
}

.site-header .header-search .search-input .btn, .site-header .header-search .search-input .nav-close {
  margin-left: 15px;
  border: none;
  box-shadow: none;
}

.site-header .header-search .search-input .close-icon-btn {
  color: #474645;
  padding: 11px 16px;
}

@media only screen and (max-width: 767px) {
  body:not(.search-open) .site-header .header-search .search-input:after {
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: var(--nxp-emphasis-color);
    transform: translate(-50%, -50%);
  }
  body:not(.search-open) .site-header .header-search .search-input input.form-control {
    width: 40px;
    padding: 0 0 0 40px;
    border: none;
    box-shadow: none;
  }
}

@media only screen and (max-width: 768px) {
  .site-header #login-sticky {
    display: none;
  }
}

.site-header .secondary-nav {
  padding-left: 0;
  list-style: none;
  display: flex;
  order: 4;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
  transition: opacity 700ms cubic-bezier(0.04, 0, 0.2, 1);
}

.site-header .secondary-nav > li {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    max-width: 480px;
    opacity: 0;
    padding: 0;
    background-color: white;
    border-top: 1px solid var(--nxp-border-color);
  }
  .mmenu-is-open .site-header .secondary-nav {
    display: flex;
    opacity: 1;
    justify-content: center;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .site-header .secondary-nav {
    border-right: 1px solid var(--nxp-border-color);
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .secondary-nav {
    padding-left: 0px;
  }
}

.site-header .secondary-nav:empty {
  padding: 0;
}

.site-header .secondary-nav:hover .secondary-nav-link:not(.newSignIn) {
  color: var(--nxp-secondary-color);
}

.site-header .secondary-nav:hover .secondary-nav-link:not(.newSignIn):hover {
  color: var(--nxp-emphasis-color);
}

.site-header .secondary-nav:hover .icon-user {
  color: var(--nxp-secondary-color);
}

.site-header .secondary-nav:hover .icon-user:hover {
  color: var(--nxp-emphasis-color);
}

.site-header .secondary-nav-item {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav-item {
    flex-basis: 0;
    flex-grow: 1;
  }
  .site-header .secondary-nav-item:first-of-type {
    padding: 0px 8px;
    white-space: nowrap;
  }
}

@media screen and (min-width: 767px) {
  .site-header .secondary-nav-item + .secondary-nav-item {
    margin-left: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .secondary-nav-item + .secondary-nav-item {
    margin-left: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav-item {
    text-align: center;
  }
}

.site-header .secondary-nav-item.open > a,
.site-header .secondary-nav-item.open > a:hover,
.site-header .secondary-nav-item.open > a:focus {
  background-color: transparent;
}

.site-header .secondary-nav-item .dropdown-menu {
  padding-left: 0;
  list-style: none;
}

.site-header .secondary-nav-item .dropdown-menu > li {
  padding-left: 0;
}

.site-header .secondary-nav-item .dropdown-menu > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav-item .dropdown-message {
    margin-top: 15px;
  }
}

.site-header .secondary-nav-link {
  display: block;
  padding: 18px 0 15px;
  font-family: "Poppins", sans-serif;
  color: var(--nxp-emphasis-color);
  font-size: 14px;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0em;
  transition: color 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.site-header .secondary-nav-link.newSignIn {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  font-family: inherit;
  letter-spacing: 0px;
  color: var(--nxp-link-color);
}

.site-header .secondary-nav-link.newSignIn span {
  color: inherit;
}

.site-header .secondary-nav-link.newSignIn:hover {
  text-decoration: underline;
  color: var(--nxp-link-hover-color);
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav-link.newSignIn {
    font-size: 12px !important;
    color: #000000;
    font-family: inherit;
  }
}

@media screen and (min-width: 767px) {
  .site-header .secondary-nav-link {
    padding: 20px 6px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .site-header .secondary-nav-link {
    padding: 20px 0px;
  }
}

.site-header .secondary-nav-link:hover, .site-header .secondary-nav-link:focus {
  color: var(--nxp-secondary-color);
  background-color: transparent;
  text-decoration: none;
}

.site-header .secondary-nav-link .badge-notification {
  display: inline-block;
  vertical-align: text-top;
  top: 18px;
  right: calc(50% - 20px);
  margin: 0;
}

@media screen and (min-width: 768px) {
  .site-header .secondary-nav-link .badge-notification {
    top: 22px;
    right: -4px;
    min-width: 5px;
    width: 6px;
    height: 6px;
  }
}

.secondary-nav:hover .badge-notification,
.secondary-nav:hover .badge-number:not(.no-items) {
  background-color: #fdc700;
}

.secondary-nav .secondary-nav-item:hover .badge-notification,
.secondary-nav .secondary-nav-item:hover .badge-number:not(.no-items) {
  background-color: #ff7400;
}

.site-header .secondary-nav-link > [class*='icon-'] {
  font-size: 18px;
}

.site-header .secondary-nav-link > [class*='icon-'].icon-angle-down, .site-header .secondary-nav-link > [class*='icon-'].caret {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .site-header .secondary-nav-link > span {
    display: block;
  }
  .site-header .secondary-nav-link > span[class*='icon-'] {
    font-size: 24px;
    padding-bottom: 0px;
  }
  .site-header .secondary-nav-link > span[class*='icon-angle-'] {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  .site-header .secondary-nav-link [class*='icon-globe'],
  .site-header .secondary-nav-link [class*='icon-user'] {
    display: none;
  }
}

.site-header .secondary-nav .signIn-invitation {
  display: flex;
  width: 268px;
  top: 88%;
  left: -80px;
  padding: 16px 20px;
  visibility: visible;
  opacity: 1;
  transition: opacity 1.1s linear;
}

.site-header .secondary-nav .signIn-invitation p {
  color: #333f48;
  line-height: 24.5px;
  /* 153.125% */
}

.site-header .secondary-nav .signIn-invitation::after {
  left: 134px;
}

.site-header .secondary-nav .signIn-invitation.v-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1.1s,
 opacity 1.1s linear;
}

@media screen and (min-width: 992px) {
  .site-header .secondary-nav .language-actions {
    top: 88%;
  }
}

.site-header .secondary-nav .language-actions .lang {
  position: relative;
  padding-right: 45px;
}

.site-header .secondary-nav .language-actions .lang.selected {
  font-weight: 600;
}

.site-header .secondary-nav .language-actions .lang.selected span[class*='icon-'] {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.site-header .secondary-nav .language-actions .lang span {
  pointer-events: none;
}

.site-header .secondary-nav .language-actions .lang-eng {
  padding-left: 10px;
}

.site-header .secondary-nav .language-actions .lang-eng:before {
  content: '|';
  position: relative;
  vertical-align: text-bottom;
  left: -5px;
}

.site-header .secondary-nav .language-actions::after {
  left: 150px;
}

body.search-open {
  height: 100%;
  overflow: hidden;
}

.search-open .site-header .site-nav {
  display: none;
}

.search-open .site-header .header-search {
  flex-grow: 1;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1200px) {
  .search-open .site-header .header-search {
    width: 75%;
    max-width: 800px;
  }
}

@media only screen and (max-width: 1200px) {
  .search-open .site-header .header-search {
    width: 75%;
    max-width: 75%;
  }
}

.search-open .site-header .header-search .search-input {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .search-open .site-header .header-search .search-input .btn, .search-open .site-header .header-search .search-input .nav-close {
    margin-right: -53px;
  }
}

.search-open .site-header .secondary-nav {
  border-left: none;
}

@media screen and (min-width: 768px) {
  .search-open .site-header .secondary-nav {
    width: 120px;
  }
  .search-open .site-header .secondary-nav-item {
    display: none;
  }
}

.site-header > .app-container {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .site-header .site-header-inner {
    flex-wrap: wrap;
  }
  .site-header .site-header-inner .site-header-wrapper {
    height: 63px;
  }
}

.newNxpAcc {
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
  font-family: inherit !important;
  letter-spacing: 0px !important;
}

@media only screen and (max-width: 767px) {
  .newNxpAcc {
    font-size: 12px !important;
    color: #000000 !important;
    font-family: inherit !important;
  }
}

@media print {
  .site-header {
    position: relative;
  }
  .site-header .header-search {
    display: none;
  }
  .site-header-wrapper {
    display: block;
  }
  .site-header-wrapper > * {
    display: inline-block;
  }
}

.megamenu-mynxp {
  width: 100%;
  background-color: white;
}

@media only screen and (max-width: 767px) {
  .megamenu-mynxp {
    position: fixed;
    top: 104px;
    left: 0;
    max-width: 480px;
    height: calc(100% - 206px);
    overflow-y: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.megamenu-mynxp .nxp-apps {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  max-height: 80vh;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .megamenu-mynxp .nxp-apps {
    flex-direction: column;
  }
}

.megamenu-mynxp .app-list-title {
  margin-top: 0;
  font-size: 14px;
}

.megamenu-mynxp .app-list-links {
  font-size: 14px;
}

.megamenu-mynxp .app-list-primary {
  min-width: 25%;
  padding-right: 15px;
  padding-left: 0px;
}

.megamenu-mynxp .app-list-primary .app-list-group:not(:first-child) {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .app-list-primary:first-child:nth-last-child(2) {
    flex-grow: 1;
    display: block;
  }
  .megamenu-mynxp .app-list-primary:first-child:nth-last-child(2) > * {
    min-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.megamenu-mynxp .app-list-secondary {
  flex-grow: 1;
  min-width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .app-list-secondary {
    margin-top: 30px;
  }
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .app-list-secondary {
    margin-top: 0px;
  }
}

.megamenu-mynxp .app-list-secondary:not(:first-child) {
  padding-top: 15px;
  border-top: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .app-list-secondary:not(:first-child) {
    padding-top: 0;
    padding-right: 15px;
    border-top: none;
    border-left: none;
  }
}

.megamenu-mynxp .app-list-secondary .app-list-group:not(:first-child) {
  margin-top: 30px;
}

.megamenu-mynxp .app-list-secondary .app-list-links {
  column-count: auto;
  column-gap: 30px;
  column-width: 220px;
}

.megamenu-mynxp .app-list-secondary .app-list-links > li {
  break-inside: avoid;
}

.megamenu-mynxp .app-list-tertiary {
  order: -1;
  padding: 15px;
  margin-bottom: 15px;
}

.megamenu-mynxp .app-list-tertiary .app-list-links {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .app-list-tertiary {
    order: 0;
    width: 33.3333333333%;
    padding-left: 30px;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom: none;
    /*  @if (not $uat-only) {
          border-left: 1px solid $border-color-base;
@if ($darth-mode) {
    border-left: 1px solid var(--nxp-border-color);
}
        } */
  }
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .app-list-tertiary {
    max-width: 25%;
  }
}

.megamenu-mynxp .text-new-my-lib {
  font-weight: 600;
  padding: 4px 5px 4px 5px;
  margin-left: 8px;
}

.megamenu-mynxp .col {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .col.is-apps {
    display: flex;
    width: 25%;
    max-width: 50%;
    flex-grow: 1;
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (max-width: 992px) {
  .megamenu-mynxp .col.is-apps {
    width: 33%;
  }
}

@media screen and (min-width: 1440px) {
  .megamenu-mynxp .col.is-apps {
    width: 50%;
  }
}

.megamenu-mynxp .col.is-apps .app-list-title + .app-list-links {
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .col.is-apps .app-list-primary {
    width: 50%;
    padding-right: 15px;
    padding-left: 0px;
  }
  .megamenu-mynxp .col.is-apps .app-list-primary:only-child {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .megamenu-mynxp .col.is-apps .app-list-primary:only-child .app-list-group {
    width: 50%;
  }
}

@media screen and (min-width: 1440px) {
  .megamenu-mynxp .col.is-apps .app-list-primary {
    width: 33.3333333333%;
  }
}

.megamenu-mynxp .col.is-apps .app-list-secondary {
  flex-grow: 1;
  width: 50%;
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .col.is-apps .app-list-secondary {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 992px) {
  .megamenu-mynxp .col.is-apps .app-list-secondary {
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .megamenu-mynxp .col.is-apps .app-list-secondary {
    width: 33.3333333333%;
  }
}

.megamenu-mynxp .col.is-apps .app-list-secondary:not(:first-child) {
  padding-top: 15px;
  border-top: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .col.is-apps .app-list-secondary:not(:first-child) {
    padding-top: 0;
    border-top: none;
    border-left: none;
  }
}

.megamenu-mynxp .col.is-apps .app-list-secondary .app-list-links {
  column-count: auto;
  column-gap: 30px;
  column-width: 220px;
}

.megamenu-mynxp .col.is-apps .app-list-secondary .app-list-links > li {
  break-inside: avoid;
}

.megamenu-mynxp .col.is-apps li > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 0px;
  margin-bottom: 6px;
}

.megamenu-mynxp .col.is-activity {
  order: -1;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .col.is-activity {
    order: 0;
    width: 33.3333333333%;
    padding-left: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    border-left: none;
  }
}

@media screen and (min-width: 1440px) {
  .megamenu-mynxp .col.is-activity {
    width: 25%;
  }
}

.megamenu-mynxp .col.is-activity .app-list-group li {
  padding-left: 0;
}

.megamenu-mynxp .col.is-activity .app-list-group li > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 0px;
  margin-bottom: 6px;
}

.megamenu-mynxp .col.is-account {
  order: -2;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #f7f5f1;
}

.megamenu-mynxp .col.is-account .app-list-links {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .col.is-account {
    order: 0;
    max-width: 33.3333333333%;
    padding: 30px;
    margin: -30px -15px -25px auto;
  }
}

@media screen and (min-width: 992px) {
  .megamenu-mynxp .col.is-account {
    max-width: 25%;
  }
}

.megamenu-mynxp .col .text-new-my-lib {
  font-weight: 600;
  padding: 4px 5px 4px 5px;
  margin-left: 8px;
}

.megamenu-mynxp .app-list-title {
  margin-top: 0;
  font-size: 14px;
}

.megamenu-mynxp .app-list-links {
  padding-left: 0;
  list-style: none;
  font-size: 14px;
}

.megamenu-mynxp .app-list-links > li {
  padding-left: 0;
}

.megamenu-mynxp .app-list-links a {
  color: inherit;
}

.megamenu-mynxp .app-list-links .media-left [class*='icon'] {
  min-width: 1em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .megamenu-mynxp .app-list-links a {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .megamenu-mynxp .app-list.is-primary {
    width: 16.6666666667%;
  }
  .megamenu-mynxp .app-list.is-primary:first-child:nth-last-child(2) {
    flex-grow: 1;
    display: flex;
  }
  .megamenu-mynxp .app-list.is-primary:first-child:nth-last-child(2) > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.megamenu-mynxp .app-list-noAccess {
  max-width: 1000px;
  padding-right: 15px;
  padding-left: 15px;
}

.megamenu-mynxp .user-info {
  margin-bottom: 2em;
}

.megamenu-mynxp .user-name {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
}

.megamenu-mynxp .user-email {
  margin-bottom: 5px;
  font-size: 14px;
  color: #686664;
}

.megamenu-mynxp .user-exit {
  font-size: 14px;
  color: #474645;
}

#user-actions #loginFormHeader {
  width: 60vw;
  min-width: 210px;
  max-width: 360px;
}

#megamenu-backdrop,
#megamenu-backdrop-sticky {
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.new-text {
  letter-spacing: 0.04em;
  color: #1a48aa;
  background-color: #92e1fd;
  padding: 5px 4px 3px 4px;
  margin-left: 8px;
}

@media only screen and (max-width: 767px) and (max-height: 480px) {
  .mynxp-focus .secondary-nav {
    display: none !important;
  }
  .mynxp-focus .mynxpismobile {
    height: calc(100vh - 128px);
  }
  .new-text {
    padding: 5px 4px 3px 4px;
    margin-left: 8px;
  }
}

.megamenu {
  position: relative;
}

.megamenu button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  position: absolute;
  right: 35px;
  top: 30px;
  opacity: 1;
  color: #20272d;
}

.megamenu button.close > [class*='icon-'] {
  font-size: 24px;
}

.megamenu-inner {
  top: -2px;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  padding-top: 60px;
  display: block;
  position: absolute;
  z-index: 1030;
  width: 100%;
  padding: 15px 0;
  margin-top: 1px;
  background-color: var(--nxp-body-bg);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACMsAAAAMCAIAAAD5tz8tAAAABmJLR0QA/wD/AP+gvaeTAAABeklEQVR42u3ZQW6EMAwAQKf/f0dfWck9bVValo1JUnarmSNgK5g4HNw+3gNeQh5faR3PzE61Ls+qJUVEm5Rnaqpsk/LcarUi1dDLtrE92Z2qdqUN7MmBVBrn+RtnaJf+VeMUFnndko4WeVEv9zTg5b3c04CX93JPAz5hL2ucU43Tvl1vOw0TEdFyv3aV2OiLzd7YvJ8zIvL+eiIHYjcFPHydHC7FwyXlcCkexuZAbOeWyJXbaVur0/Xvis0F9f+1dee0wHFsdn+70zXMxcfItlaT++6rhrms7+4fiUu+e8berbb9cYy9Ti44yX/E5tkjqLQVc/Excr9WM/+GefEx8kq/j5x69O3WIf/FMXK7Ue87eA1vSgAAAAAAAECJCRMAAAAAAAA1JkwAAAAAAADUmDABAAAAAABQY8IEAAAAAABAjQkTAAAAAAAANSZMAAAAAAAA1JgwAQAAAAAAUGPCBAAAAAAAQI0JEwAAAAAAADUmTAAAAAAAANR8AszICsRS3JbeAAAAAElFTkSuQmCC");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 8px;
}

.megamenu-inner ~ .close {
  display: none;
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 1030;
}

.megamenu-inner.open:not(#mynxpMm) ~ .close {
  display: inline-block;
}

.megamenu-inner.xtreme {
  padding-bottom: 8px;
}

.megamenu-inner.xtreme .row:first-of-type {
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .megamenu-inner {
    max-width: 480px;
    background-image: none;
  }
}

@media screen and (min-width: 768px) {
  .megamenu-inner {
    padding: 30px;
  }
}

.megamenu-inner.app-container {
  margin-top: 0;
}

.megamenu-inner:not(.open) {
  display: none;
}

.megamenu-xtreme {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
}

@media screen and (max-width: 768px) {
  .megamenu-xtreme {
    display: none;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1280px), screen and (min-height: 586px) and (max-height: 587px) {
  .megamenu-xtreme {
    display: none;
  }
}

.megamenu-xtreme-1, .megamenu-xtreme-2 {
  padding: 8px 40px;
  margin: 32px 0px;
  display: flex;
  align-items: center;
  height: 90px;
}

.megamenu-xtreme-1 {
  border-right: 1px solid #898683;
  width: 275px;
}

.megamenu-xtreme-1 h3 {
  margin: 0;
}

.megamenu-xtreme-2 h4 {
  margin: 0;
  margin-bottom: 0px;
  display: flex;
  align-items: end;
  margin-bottom: 6px;
}

.megamenu-xtreme-2 .link {
  margin-bottom: 0px;
}

.megamenu-xtreme-2 .link a {
  color: #3ecafb;
}

.megamenu-xtreme-2 .img-responsive {
  height: 100%;
  padding-right: 16px;
}

.megamenu-header {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 16px;
}

.megamenu-header a {
  color: var(--nxp-emphasis-color);
}

.megamenu-header a[href*='#0'] {
  cursor: not-allowed;
}

.megamenu-header a:hover {
  text-decoration: underline;
}

.megamenu-header ~ .megamenu-header {
  margin-top: 30px;
}

.megamenu-list {
  padding-left: 0;
  list-style: none;
  color: var(--nxp-secondary-color);
  font-size: 14px;
  padding: 0px 14px;
  border-left: 1px solid var(--nxp-border-color);
}

.megamenu-list > li {
  padding-left: 0;
}

.megamenu-list.columns {
  column-count: 2;
  column-width: 210px;
}

.megamenu-list.columns .is-column-span {
  column-span: all;
}

.megamenu-list .megamenu-list {
  padding-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.megamenu-list li {
  margin-bottom: 0;
}

.megamenu-list a {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  color: inherit;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  word-break: break-word;
}

.megamenu-list a[href*='#0'] {
  cursor: not-allowed;
}

.megamenu-list a.cta {
  color: var(--nxp-link-color);
}

.megamenu-list a.cta:hover {
  color: var(--nxp-link-hover-color);
}

.megamenu-list a:hover {
  color: var(--nxp-emphasis-color);
  text-decoration: none;
}

.megamenu-list:has(> li > .megamenu-list), .megamenu-list.columns.mb0 {
  padding-left: 0px;
  border-left: none;
}

.megamenu-list .react-loading-skeleton {
  height: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.megamenu-new {
  right: 0px;
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .megamenu-new {
    width: 75%;
  }
}

@media only screen and (min-width: 1200px) {
  .megamenu-new {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .megamenu-new {
    left: 0px;
    width: 100%;
  }
}

.megamenu-new .nxp-apps {
  padding: 0px 32px;
  display: flex;
  flex-direction: column;
}

.megamenu-new-user {
  width: 100%;
  padding: 28px 0px;
  border-bottom: 1px solid var(--nxp-border-color);
}

.megamenu-new-user h3 {
  margin-top: 0px;
}

.megamenu-new-user .small, .megamenu-new-user .flex-box .box-opts .nav-piped-2 li, .flex-box .box-opts .nav-piped-2 .megamenu-new-user li {
  margin: 0px;
}

.megamenu-new-data {
  display: flex;
  flex-direction: row;
  padding-top: 28px;
}

.megamenu-new-data-freq, .megamenu-new-data-acc {
  width: 50%;
}

.text-new-my-lib {
  font-weight: 600;
  padding: 4px 8px;
  margin-left: 8px;
  cursor: default;
  vertical-align: 1px;
  font-family: "Poppins", sans-serif;
}

.table-responsive .text-new-my-lib {
  margin-left: 4px;
}

.sticky-nav .text-new-my-lib {
  margin-right: 0px !important;
  vertical-align: 3px;
}

.stepper .text-new-my-lib {
  vertical-align: 2px;
}

.text-new-my-lib-nrnd {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  text-transform: uppercase;
  margin-left: 8px;
  color: #8f2727;
  background-color: #f6e0d5;
}

.text-new-my-lib-new {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  text-transform: uppercase;
  margin-left: 8px;
  color: #3d4101;
  background-color: #f2f5c9;
}

#my-nxp .item-title .text-new-my-lib {
  vertical-align: 4px;
}

#my-nxp .app-column-right .lead {
  font-size: 20px;
  font-weight: 600;
}

#my-nxp .app-column-right .lead2 {
  font-size: 18px;
}

#my-nxp .app-column-right .my-nxp-secure .lead,
#my-nxp .app-column-right .my-nxp-secure .alert {
  margin-bottom: 32px;
}

#my-nxp .app-column-right .hero-new {
  padding: 30px 0px;
}

#my-nxp .app-column-right .hero-new .hero-subtitle {
  max-width: fit-content;
}

#my-nxp .app-column-right .hero-new .hero-description {
  padding-top: 16px;
  font-size: 16px;
  margin-top: 0px;
  font-family: "Poppins", sans-serif;
}

#my-nxp .app-column-right .hero-new .hero-description p {
  margin: 0 0 11px;
}

.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1099;
  background-color: white;
  display: flex;
  gap: 12px;
  max-height: 64px;
  border-bottom: 1px solid var(--nxp-border-color);
  padding: 0 15px;
}

.sticky-menu-inner {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
}

.sticky-menu-logo {
  margin-right: 12px;
}

.sticky-menu-logo svg {
  max-width: 64px;
}

.sticky-menu-logo .nxpsvglogoN {
  fill: #f9b500;
}

.sticky-menu-logo .nxpsvglogoX {
  fill: #0eafe0;
}

.sticky-menu-logo .nxpsvglogoP {
  fill: #69ca00;
}

.secondary-nav-link:has(.notification-badge) {
  padding: 0px 6px;
}

@media only screen and (max-width: 767px) {
  .secondary-nav-item.cart-item-dropdown .secondary-nav-link {
    gap: 3.5px;
  }
}

@media only screen and (max-width: 767px) {
  .secondary-nav-item .secondary-nav-link {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .secondary-nav-item .secondary-nav-link .notification-badge {
    top: 4px;
  }
}

.dropdown-menu.signIn-invitation {
  display: flex;
  width: 276px;
  padding: 16px 20px;
}

.dropdown-menu.signIn-invitation p {
  color: #333f48;
  line-height: 24.5px;
  /* 153.125% */
}

#login-block {
  display: none;
}

@media only screen and (max-width: 991px) {
  #login-block {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  #loginBlock {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .mynxp-leftnav-component {
    display: none;
  }
}

.mynxp-leftnav-component-new {
  /* @include breakpoint-max($screen-sm) {
      display: none;
    } */
  padding: 0px 30px;
}

.mynxp-leftnav-component-new-data {
  padding: 30px 0px;
}

.mynxp-leftnav-component-new-data h3 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

.mynxp-leftnav-component-new-data p {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #686664;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  word-break: break-all;
}

.mynxp-leftnav-component-new-nav {
  padding: 30px 0px;
  border-top: 1px solid #d4cfc5;
}

.mynxp-leftnav-component-new-nav p {
  font-size: 14px;
  font-weight: 600;
}

.mynxp-leftnav-component-new-nav .leftnav {
  padding-top: 8px;
  margin: 0px -30px;
}

.mynxp-leftnav-component-new-nav .leftnav a {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.mynxp-leftnav-component-new-nav .leftnav a .badge-notification {
  margin-left: 4px;
}

.mynxp-leftnav-component-new-nav .leftnav a.ext:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
}

.offer-component .mynxp-leftnav-component-new-nav .leftnav a.ext:after {
  content: '';
}

.mynxp-leftnav-component-new-nav .leftnav a.ext[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='community.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='docs.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='investors.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='nxpcup.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='support.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='showroom.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='investorday.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='community.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='community.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='docs.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='docs.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='investors.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='investors.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='nxpcup.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='nxpcup.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='support.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='support.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='showroom.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='showroom.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='investorday.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='investorday.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='mcuxpresso.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.mynxp-leftnav-component-new-nav .leftnav a.ext[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.mynxp-leftnav-component .text-new-my-lib {
  font-size: 10px;
  font-weight: 600;
  padding: 4px 5px 4px 5px;
  margin-left: 8px;
}

.container-fluid > footer[class*='loadnav'] {
  margin-right: -15px;
  margin-left: -15px;
}

.footer-inner {
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  border-top: 1px solid #898683;
}

@media screen and (min-width: 768px) {
  .footer-inner {
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-inner {
    text-align: center;
  }
}

.col-lg-12 > .iw_component .footer-inner {
  margin-right: -15px;
  margin-left: -15px;
}

.footer-logo {
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer-nav-primary {
  padding-left: 0;
  margin-left: -10px;
  margin-right: -10px;
  list-style: none;
}

.footer-nav-primary > li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.footer-nav-primary:hover a {
  color: var(--nxp-secondary-color);
}

.footer-nav-primary a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--nxp-emphasis-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: color 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.footer-nav-primary a:hover {
  color: var(--nxp-emphasis-color);
  text-decoration: none;
}

.footer-nav-social {
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
}

.footer-nav-social > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.footer-nav-social a {
  display: block;
  padding-right: 12px;
  padding-left: 12px;
}

.footer-nav-social li:first-of-type a {
  padding-left: 0px;
}

.footer-nav-social li:last-of-type a {
  padding-right: 0px;
}

@media screen and (min-width: 768px) {
  .footer-nav-social {
    text-align: right;
  }
}

.footer-nav-social .youtubeIcon svg {
  height: 32px;
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
  .footer-nav-social .youtubeIcon svg {
    height: 32px;
    margin-bottom: 0px;
  }
}

.footer-nav-social svg {
  display: block;
  height: 32px;
  fill: #000000;
}

@media screen and (min-width: 768px) {
  .footer-nav-social svg {
    height: 32px;
  }
}

.footer-nav-legal {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-bottom: 0;
  font-size: 12px;
}

.footer-nav-legal > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.footer-nav-legal > li {
  border-right: 1px solid var(--nxp-border-color);
}

.footer-nav-legal > li:last-of-type {
  border-right: none;
}

.footer-nav-legal a {
  color: var(--nxp-secondary-color);
}

.footer-license {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  color: var(--nxp-secondary-color);
}

@media screen and (min-width: 768px) {
  .footer-license {
    margin-top: 0;
    text-align: right;
  }
}

#nxp-news-footer {
  font-size: 14px;
  border-bottom: 1px solid var(--nxp-border-color);
}

#nxp-news-footer:empty {
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  #nxp-news-footer {
    display: none;
  }
}

#nxp-news-footer .newsItem {
  width: 100%;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}

#nxp-news-footer .newsItem > p {
  display: flex;
  max-width: 66.6666666667%;
  margin-bottom: 0;
  white-space: nowrap;
}

#nxp-news-footer .newsItem-label {
  font-weight: 600;
}

#nxp-news-footer .newsItem-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nxp-news-footer .newsItem-action {
  margin-left: 5px;
}

.leftnav {
  padding-left: 0;
  list-style: none;
  position: relative;
  padding-top: 30px;
  margin-bottom: 4em;
  font-size: 14px;
}

.leftnav > li {
  padding-left: 0;
}

.leftnav ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
}

.leftnav ul > li {
  padding-left: 0;
}

.leftnav li {
  margin-bottom: 0;
}

.leftnav li.selected {
  font-weight: normal;
}

.leftnav li.selected li {
  font-weight: normal;
}

.leftnav li.selected > a {
  font-weight: 600;
}

.leftnav li.selected > ul a:before {
  content: '';
  position: absolute;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -15px;
  background-color: var(--nxp-border-color);
}

.leftnav a {
  position: relative;
  display: block;
  padding: 6px 15px 6px 30px;
  color: #000000;
  text-decoration: none;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  color: var(--theme-text-primary-color);
}

.leftnav a:hover {
  background-color: #f7f5f1;
}

.leftnav ul li a {
  padding-left: 45px;
}

.leftnav ul ul li a {
  padding-left: 60px;
}

.leftnav ul ul ul li a {
  padding-left: 75px;
}

.leftnav ul ul ul ul li a {
  padding-left: 90px;
}

.leftnav ul ul ul ul ul li a {
  padding-left: 105px;
}

.leftnav > li > a {
  font-weight: 400;
}

.leftnav span.icon-stop2 {
  display: none;
}

.row-flex-height {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.row-flex-height:before, .row-flex-height:after {
  content: '';
  display: table;
}

.col-flex-height {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  float: left;
}

.col-flex-height:before, .col-flex-height:after {
  content: '';
  display: table;
}

.flex {
  flex: 1 1;
  /* Flex using max-width with PX as unit */
  /* Setting Flex properties */
  /* Component container using flex grid */
}

.flex-box {
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: flex-start;
}

.flex-box-row {
  display: flex;
  gap: 20px;
  justify-content: center;
  min-width: 100%;
}

@media (max-width: 600px) {
  .flex-box-row {
    flex-direction: column;
  }
}

.flex-box-element {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 content;
}

@media (max-width: 992px) {
  .flex-box-element {
    max-width: 100%;
  }
}

.flex-box-element-one {
  flex: 1 1 content;
  align-items: unset;
}

.flex-box-element-two {
  flex: 2 1 content;
  align-items: unset;
}

.flex-box-element-three {
  flex: 3 1 content;
  align-items: unset;
}

.flex-box .section-lead.is-secondary.full {
  width: 100%;
  max-width: unset;
  margin: 0px;
}

.flex-box .section-lead.is-secondary.full .section-lead-text {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.flex-box-4 {
  flex-wrap: wrap;
}

.flex-box-4 .flex-box-element {
  flex: 0 0 calc((100% - 60px) / 4);
}

.flex-start {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-start-center {
  justify-content: flex-start;
  align-items: center;
}

.flex-between {
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.flex-right {
  justify-content: flex-end;
}

.flex-between-center {
  justify-content: space-between !important;
  align-items: center !important;
}

.flex-wrap, .flex-grid, .jumpto ul li, .results-pagination-select, .is-pinned .pin-content-fixed, .is-pinned .pin-content:first-child {
  flex-wrap: wrap !important;
}

.flex-fifthy {
  flex: 0 0 calc(50% - 4px) !important;
  padding: 0px !important;
}

.flex-300 {
  width: 300px;
}

.gap .flex-300, .flex-grid .flex-300, .jumpto ul li .flex-300, .results-pagination-select .flex-300, .is-pinned .pin-content-fixed .flex-300, .is-pinned .pin-content:first-child .flex-300 {
  width: calc(300px - 8px);
}

.flex-grow-1 {
  flex: 1;
}

.flex-direction-col {
  flex-direction: column;
}

.flex-direction-md-col {
  max-width: 100%;
}

@media (max-width: 992px) {
  .flex-direction-md-col {
    flex-direction: column;
  }
}

.flex-container {
  display: flex;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  justify-content: flex-start;
  gap: 20px;
}

.flex-container > {
  margin: 0px;
}

.flex-container:first-of-type {
  padding: 40px 0px 20px 0px;
}

.flex-container:last-of-type {
  padding: 0px 0px 40px 0px;
}

.flex-container.flex-title {
  padding: 0px 0px 12px 0px;
}

@media (max-width: 992px) {
  .flex-container {
    display: block;
  }
}

.flex-column {
  flex: 1 1 auto;
  position: relative;
}

.flex-column.flex-xs {
  max-width: 300px;
  min-width: 300px;
  display: block;
  word-break: break-word;
}

.flex-column.flex-xs label {
  padding: 10px 0px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .flex-column.flex-xs {
    max-width: 170px;
    min-width: 170px;
  }
}

@media (max-width: 992px) {
  .flex-column.flex-xs label {
    padding: 0px;
  }
}

.flex-title h3 {
  font-size: 20px;
  font-weight: 600;
}

.d-flex, .flex-grid, .jumpto ul li, .results-pagination-select, .is-pinned .pin-content-fixed, .is-pinned .pin-content:first-child {
  display: flex;
}

.d-flex hr, .flex-grid hr, .jumpto ul li hr, .results-pagination-select hr, .is-pinned .pin-content-fixed hr, .is-pinned .pin-content:first-child hr {
  width: 100%;
}

@media (max-width: 768px) {
  .d-block-sm {
    display: block;
  }
}

.gap, .flex-grid, .jumpto ul li, .results-pagination-select, .is-pinned .pin-content-fixed, .is-pinned .pin-content:first-child {
  gap: 8px;
}

.gap-md {
  gap: 16px;
}

.gap-lg {
  gap: 32px;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-rigth {
  align-items: flex-end;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-box.pd-table .flex-box-element {
  max-width: unset;
}

.grid-img {
  display: grid;
  gap: 30px;
  height: 52vh;
}

.grid-img-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.grid-img-two-one {
  grid-template-columns: 1.6fr 0.8fr;
}

@media (max-width: 992px) {
  .grid-img {
    display: flex;
    flex-direction: column;
    height: 360px;
  }
  .grid-img-item {
    background-position: center left;
    background-size: contain;
  }
}

@media (max-width: 768px) {
  .grid-img {
    height: 120vw;
  }
}

@media (max-width: 767px) {
  .pull-xs-left {
    float: left;
  }
  .pull-xs-right {
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left {
    float: left;
  }
  .pull-sm-right {
    float: right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left {
    float: left;
  }
  .pull-md-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .pull-lg-left {
    float: left;
  }
  .pull-lg-right {
    float: right;
  }
}

.page-headline {
  display: flex;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}

.page-headline .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .page-headline .title {
    font-size: 30px;
  }
}

.page-headline:has(ul.share-icons ~ .item-options-collections) {
  justify-content: space-between;
  gap: 30px;
}

.page-headline:has(ul.share-icons ~ .item-options-collections) ul.share-icons {
  display: none;
}

@media (max-width: 992px) {
  .page-headline:has(ul.share-icons ~ .item-options-collections) {
    flex-wrap: wrap;
    gap: 12px;
  }
  .page-headline:has(ul.share-icons ~ .item-options-collections) .title {
    width: 100%;
  }
  .page-headline:has(ul.share-icons ~ .item-options-collections) .item-options-collections-menu {
    left: -2px;
  }
}

.page-headline .item-options-collections .icon-bookmark.add-collection {
  width: 24px;
  height: 24px;
}

.page-headline .item-options-collections .item-options-collections-menu {
  top: 36px;
}

.page-headline .item-options-collections .item-options-collections-menu::after {
  right: 10px;
}

.page-title {
  padding-top: 30px;
  padding-bottom: 10px;
}

.page-title .title {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  color: var(--nxp-gray-900);
  color: var(--nxp-emphasis-color);
}

@media only screen and (max-width: 767px) {
  .page-title .title {
    font-size: 30px;
  }
}

@media screen and (min-width: 768px) {
  .page-title .title {
    max-width: calc(100% - 80px);
  }
}

.page-title .page-subtitle {
  margin-top: 6px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.page-title-description {
  margin-top: 10px;
}

.page-title-description > :last-child {
  margin-bottom: 0;
}

.page-title .share-icons {
  display: none;
  float: right;
  width: auto;
  max-width: 80px;
  margin-top: 0.5em;
  text-align: right;
}

.page-title .share-icons > * {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 5px;
}

.page-title .share-icons > *:first-child {
  padding: 0;
}

.page-title .share-icons a {
  color: #000000;
  text-decoration: none;
}

.page-title .share-icons a:link, .page-title .share-icons a:active {
  color: #262626;
}

.page-title .share-icons a:hover {
  color: #000000;
}

@media screen and (min-width: 768px) {
  .page-title .share-icons {
    display: inline-block;
  }
}

.page-title > :last-child {
  margin-bottom: 0;
}

.social-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 10px 0px;
}

@media screen and (min-width: 768px) {
  .social-nav.is-right {
    justify-content: flex-end;
  }
}

.social-nav.is-vertical {
  flex-direction: column;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .social-nav.is-vertical {
    display: none;
  }
}

.social-nav-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.social-nav-label + .social-nav-list {
  margin-left: 12px;
}

.is-vertical .social-nav-label + .social-nav-list {
  margin-left: 0;
  margin-right: 1px;
}

.social-nav-list {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-bottom: 0 !important;
}

.social-nav-list > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.social-nav-list > li {
  margin-bottom: 6px;
  margin-top: 6px;
}

.is-vertical .social-nav-list > li {
  display: block;
  margin-top: 15px;
}

.social-nav-list2 {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-bottom: 2px;
  padding-left: 16px;
  margin-top: 0px;
}

.social-nav-list2 > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.social-nav-list2 > li {
  margin-bottom: 6px;
  margin-top: 6px;
}

.is-vertical .social-nav-list2 > li {
  display: block;
  margin-top: 15px;
}

.social-nav-item {
  display: block;
  font-size: 18px;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  color: #000000;
}

.social-nav-item:hover {
  color: #262626;
  text-decoration: none;
}

.social-nav-item [class*='icon-'] {
  display: block;
}

aside#contextnav {
  min-height: 45px;
}

#contextnav input {
  width: 95%;
  height: 30px;
  box-shadow: none;
  border: 1px solid #aaa6a2;
  padding-left: 8px;
}

#contextnav label {
  margin-bottom: 0px;
}

.contextnav, .jumptonav, .getstartednav > ul, .gettingstartednav > ul, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 15px;
  font-size: 14px;
}

.contextnav > li, .jumptonav > li, .getstartednav > ul > li, .gettingstartednav > ul > li, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul > li {
  padding-left: 0;
}

.contextnav h2, .jumptonav h2, .getstartednav > ul h2, .gettingstartednav > ul h2, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul h2,
.contextnav h4,
.jumptonav h4,
.getstartednav > ul h4,
.gettingstartednav > ul h4,
.get-started-container.gs-guides #getting-started-nav .getstartednav > ul h4 {
  margin-top: 1.714285em;
  font-family: "Poppins", sans-serif;
  font-size: 100%;
  text-transform: capitalize;
}

.contextnav li > a[href*='#'], .jumptonav li > a[href*='#'], .getstartednav > ul li > a[href*='#'], .gettingstartednav > ul li > a[href*='#'], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li > a[href*='#'] {
  color: #000000;
  display: inline-block;
  padding: 0.25em 0;
  margin-bottom: 0.25em;
}

.contextnav li > a[href*='#']:hover, .jumptonav li > a[href*='#']:hover, .getstartednav > ul li > a[href*='#']:hover, .gettingstartednav > ul li > a[href*='#']:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li > a[href*='#']:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}

.contextnav li > a[href*='#']:focus, .jumptonav li > a[href*='#']:focus, .getstartednav > ul li > a[href*='#']:focus, .gettingstartednav > ul li > a[href*='#']:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li > a[href*='#']:focus {
  background-color: transparent;
}

.contextnav li.selected::before, .jumptonav li.selected::before, .getstartednav > ul li.selected::before, .gettingstartednav > ul li.selected::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.selected::before, .contextnav li.active::before, .jumptonav li.active::before, .getstartednav > ul li.active::before, .gettingstartednav > ul li.active::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.active::before {
  content: ' ';
  position: absolute;
  top: 5px;
  width: 3px;
  display: inline-block;
  height: 17px;
  margin-left: -10px;
  background-color: #ff7400;
}

.contextnav > li > ul, .jumptonav > li > ul, .getstartednav > ul > li > ul, .gettingstartednav > ul > li > ul, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul > li > ul {
  padding-left: 0;
  list-style: none;
  margin-left: 20px;
}

.contextnav > li > ul > li, .jumptonav > li > ul > li, .getstartednav > ul > li > ul > li, .gettingstartednav > ul > li > ul > li, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul > li > ul > li {
  padding-left: 0;
}

.contextnav ul li > a, .jumptonav ul li > a, .getstartednav > ul ul li > a, .gettingstartednav > ul ul li > a, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul ul li > a {
  font-size: 12px;
}

.contextnav.affix, .affix.jumptonav, .getstartednav > ul.affix, .gettingstartednav > ul.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.affix {
  top: 64px;
  width: 220px;
}

@media screen and (min-width: 1200px) {
  .contextnav.affix, .affix.jumptonav, .getstartednav > ul.affix, .gettingstartednav > ul.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.affix {
    width: 270px;
  }
}

.contextnav .is-offer, .jumptonav .is-offer, .getstartednav > ul .is-offer, .gettingstartednav > ul .is-offer, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .is-offer {
  margin-top: 20px;
}

.contextnav .is-offer .xsp-caption, .jumptonav .is-offer .xsp-caption, .getstartednav > ul .is-offer .xsp-caption, .gettingstartednav > ul .is-offer .xsp-caption, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .is-offer .xsp-caption {
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 0;
  background-color: #e6e6e6;
  font-size: 12px;
  color: white;
  letter-spacing: 0.5px;
  background-color: #00a4a7;
}

.contextnav .is-offer .xsp-caption.is-right, .jumptonav .is-offer .xsp-caption.is-right, .getstartednav > ul .is-offer .xsp-caption.is-right, .gettingstartednav > ul .is-offer .xsp-caption.is-right, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .is-offer .xsp-caption.is-right {
  left: unset;
  right: 6px;
}

.contextnav .is-offer .xsp-caption + .panel, .jumptonav .is-offer .xsp-caption + .panel, .getstartednav > ul .is-offer .xsp-caption + .panel, .gettingstartednav > ul .is-offer .xsp-caption + .panel, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .is-offer .xsp-caption + .panel {
  border-color: #00a4a7;
  border-top-left-radius: 0;
}

.contextnav.is-horizontal, .is-horizontal.jumptonav, .getstartednav > ul.is-horizontal, .gettingstartednav > ul.is-horizontal, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal {
  position: relative;
  z-index: 3;
  display: flex;
  width: 100%;
  margin-bottom: 0;
}

.contextnav-ste .contextnav.is-horizontal li, .contextnav-ste .is-horizontal.jumptonav li, .contextnav-ste .getstartednav > ul.is-horizontal li, .contextnav-ste .gettingstartednav > ul.is-horizontal li, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal li {
  font-size: 16px;
}

@media only screen and (max-width: 1199px) {
  .contextnav-ste .contextnav.is-horizontal li, .contextnav-ste .is-horizontal.jumptonav li, .contextnav-ste .getstartednav > ul.is-horizontal li, .contextnav-ste .gettingstartednav > ul.is-horizontal li, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 900) {
  .contextnav-ste .contextnav.is-horizontal li, .contextnav-ste .is-horizontal.jumptonav li, .contextnav-ste .getstartednav > ul.is-horizontal li, .contextnav-ste .gettingstartednav > ul.is-horizontal li, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal li {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .contextnav-ste .contextnav.is-horizontal, .contextnav-ste .is-horizontal.jumptonav, .contextnav-ste .getstartednav > ul.is-horizontal, .contextnav-ste .gettingstartednav > ul.is-horizontal, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal {
    border-bottom: 1px solid #d4cfc5 !important;
  }
  .contextnav-ste .contextnav.is-horizontal:before, .contextnav-ste .is-horizontal.jumptonav:before, .contextnav-ste .getstartednav > ul.is-horizontal:before, .contextnav-ste .gettingstartednav > ul.is-horizontal:before, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal:before, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal:before {
    border: none !important;
  }
  .contextnav-ste .contextnav.is-horizontal.affix-top, .contextnav-ste .is-horizontal.affix-top.jumptonav, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top {
    overflow-x: auto;
  }
  .contextnav-ste .contextnav.is-horizontal.affix-top::-webkit-scrollbar, .contextnav-ste .is-horizontal.affix-top.jumptonav::-webkit-scrollbar, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top::-webkit-scrollbar, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top::-webkit-scrollbar, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top::-webkit-scrollbar, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top::-webkit-scrollbar {
    display: none;
  }
  .contextnav-ste .contextnav.is-horizontal.affix-top li, .contextnav-ste .is-horizontal.affix-top.jumptonav li, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top li, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top li, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li {
    width: fit-content;
    white-space: nowrap;
  }
  .contextnav-ste .contextnav.is-horizontal.affix-top li a, .contextnav-ste .is-horizontal.affix-top.jumptonav li a, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top li a, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top li a, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a {
    display: inline-block;
  }
  .contextnav-ste .contextnav.is-horizontal.affix-top li a:hover, .contextnav-ste .is-horizontal.affix-top.jumptonav li a:hover, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a:hover, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top li a:hover, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top li a:hover, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a:hover, .contextnav-ste .contextnav.is-horizontal.affix-top li a:focus, .contextnav-ste .is-horizontal.affix-top.jumptonav li a:focus, .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a:focus, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix-top li a:focus, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top li a:focus, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix-top li a:focus {
    text-decoration: none !important;
    outline: none !important;
  }
  .contextnav-ste .contextnav.is-horizontal.affix, .contextnav-ste .is-horizontal.affix.jumptonav, .contextnav-ste .getstartednav > ul.is-horizontal.affix, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix {
    overflow-x: auto;
    background-color: white;
    padding: 0px 18px;
  }
  .contextnav-ste .contextnav.is-horizontal.affix::-webkit-scrollbar, .contextnav-ste .is-horizontal.affix.jumptonav::-webkit-scrollbar, .contextnav-ste .getstartednav > ul.is-horizontal.affix::-webkit-scrollbar, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix::-webkit-scrollbar, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix::-webkit-scrollbar, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix::-webkit-scrollbar {
    display: none;
  }
  .contextnav-ste .contextnav.is-horizontal.affix li, .contextnav-ste .is-horizontal.affix.jumptonav li, .contextnav-ste .getstartednav > ul.is-horizontal.affix li, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix li, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix li, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix li {
    width: fit-content;
    white-space: nowrap;
  }
  .contextnav-ste .contextnav.is-horizontal.affix li a, .contextnav-ste .is-horizontal.affix.jumptonav li a, .contextnav-ste .getstartednav > ul.is-horizontal.affix li a, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix li a, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix li a, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix li a {
    display: inline-block;
  }
  .contextnav-ste .contextnav.is-horizontal.affix li a:hover, .contextnav-ste .is-horizontal.affix.jumptonav li a:hover, .contextnav-ste .getstartednav > ul.is-horizontal.affix li a:hover, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix li a:hover, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix li a:hover, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix li a:hover, .contextnav-ste .contextnav.is-horizontal.affix li a:focus, .contextnav-ste .is-horizontal.affix.jumptonav li a:focus, .contextnav-ste .getstartednav > ul.is-horizontal.affix li a:focus, .contextnav-ste .gettingstartednav > ul.is-horizontal.affix li a:focus, .contextnav-ste .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix li a:focus, .get-started-container.gs-guides #getting-started-nav .contextnav-ste .getstartednav > ul.is-horizontal.affix li a:focus {
    text-decoration: none !important;
    outline: none !important;
  }
}

.contextnav.is-horizontal::before, .is-horizontal.jumptonav::before, .getstartednav > ul.is-horizontal::before, .gettingstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  background-color: white;
  box-shadow: 0 12px 14px -8px rgba(0, 0, 0, 0.1), 0 0px 0 0 #ebe7dd;
  border-bottom: 1px solid #d4cfc5 !important;
}

.contextnav.is-horizontal.affix-top, .is-horizontal.affix-top.jumptonav, .getstartednav > ul.is-horizontal.affix-top, .gettingstartednav > ul.is-horizontal.affix-top, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top {
  top: 0;
  width: 100vw;
  padding-right: calc((100vw - 100%) / 2);
  padding-left: calc((100vw - 100%) / 2);
  margin-right: calc((100vw - 100%) / -2);
  margin-left: calc((100vw - 100%) / -2);
  padding-bottom: 1px;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .contextnav.is-horizontal.affix-top, .is-horizontal.affix-top.jumptonav, .getstartednav > ul.is-horizontal.affix-top, .gettingstartednav > ul.is-horizontal.affix-top, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top {
    padding: 0px 30px;
  }
}

.contextnav.is-horizontal.affix, .is-horizontal.affix.jumptonav, .getstartednav > ul.is-horizontal.affix, .gettingstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix {
  position: fixed;
  top: 64px;
  left: 50%;
  z-index: 1029;
  width: 100%;
  padding-right: 0;
  transform: translateX(-50%);
}

.contextnav.is-horizontal.affix:before, .is-horizontal.affix.jumptonav:before, .getstartednav > ul.is-horizontal.affix:before, .gettingstartednav > ul.is-horizontal.affix:before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix:before {
  box-shadow: none;
}

@media screen and (min-width: 768px) {
  .contextnav.is-horizontal.affix, .is-horizontal.affix.jumptonav, .getstartednav > ul.is-horizontal.affix, .gettingstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix {
    width: 720px;
  }
}

@media screen and (min-width: 992px) {
  .contextnav.is-horizontal.affix, .is-horizontal.affix.jumptonav, .getstartednav > ul.is-horizontal.affix, .gettingstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix {
    width: 940px;
  }
}

@media screen and (min-width: 1200px) {
  .contextnav.is-horizontal.affix, .is-horizontal.affix.jumptonav, .getstartednav > ul.is-horizontal.affix, .gettingstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix {
    width: 1140px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .contextnav.is-horizontal.affix, .is-horizontal.affix.jumptonav, .getstartednav > ul.is-horizontal.affix, .gettingstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix {
    width: calc(100vw - 60px);
  }
}

.contextnav.is-horizontal h2, .is-horizontal.jumptonav h2, .getstartednav > ul.is-horizontal h2, .gettingstartednav > ul.is-horizontal h2, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal h2 {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
  .contextnav.is-horizontal li:nth-child(n + 2), .is-horizontal.jumptonav li:nth-child(n + 2), .getstartednav > ul.is-horizontal li:nth-child(n + 2), .gettingstartednav > ul.is-horizontal li:nth-child(n + 2), .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li:nth-child(n + 2) {
    font-size: 13px;
    margin-left: 12px !important;
  }
  .contextnav.is-horizontal .has-buttons.ste .btn, .is-horizontal.jumptonav .has-buttons.ste .btn, .getstartednav > ul.is-horizontal .has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal .has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste .btn, .contextnav.is-horizontal .has-buttons.ste .nav-close, .is-horizontal.jumptonav .has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal .has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal .has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste .nav-close {
    font-size: 11px;
  }
  .contextnav.is-horizontal .has-buttons.ste:has(.btn, .nav-close), .is-horizontal.jumptonav .has-buttons.ste:has(.btn, .nav-close), .getstartednav > ul.is-horizontal .has-buttons.ste:has(.btn, .nav-close), .gettingstartednav > ul.is-horizontal .has-buttons.ste:has(.btn, .nav-close), .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste:has(.btn, .nav-close) {
    margin-left: auto !important;
  }
}

.contextnav.is-horizontal li, .is-horizontal.jumptonav li, .getstartednav > ul.is-horizontal li, .gettingstartednav > ul.is-horizontal li, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li {
  display: flex;
  align-items: center;
  min-height: 63px;
  text-align: center;
}

.contextnav.is-horizontal li:first-child, .is-horizontal.jumptonav li:first-child, .getstartednav > ul.is-horizontal li:first-child, .gettingstartednav > ul.is-horizontal li:first-child, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li:first-child {
  display: none;
}

.contextnav.is-horizontal li:nth-child(n + 3), .is-horizontal.jumptonav li:nth-child(n + 3), .getstartednav > ul.is-horizontal li:nth-child(n + 3), .gettingstartednav > ul.is-horizontal li:nth-child(n + 3), .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li:nth-child(n + 3) {
  margin-left: 30px;
}

@media screen and (min-width: 992px) {
  .contextnav.is-horizontal li:nth-child(n + 3), .is-horizontal.jumptonav li:nth-child(n + 3), .getstartednav > ul.is-horizontal li:nth-child(n + 3), .gettingstartednav > ul.is-horizontal li:nth-child(n + 3), .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li:nth-child(n + 3) {
    margin-left: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .contextnav.is-horizontal li:nth-child(n + 3), .is-horizontal.jumptonav li:nth-child(n + 3), .getstartednav > ul.is-horizontal li:nth-child(n + 3), .gettingstartednav > ul.is-horizontal li:nth-child(n + 3), .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li:nth-child(n + 3) {
    margin-left: 24px;
  }
}

.contextnav.is-horizontal li.has-buttons.ste, .is-horizontal.jumptonav li.has-buttons.ste, .getstartednav > ul.is-horizontal li.has-buttons.ste, .gettingstartednav > ul.is-horizontal li.has-buttons.ste, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste {
  /* 11/12/2024 Removing for ASP and Software on active 
      .btn-default[href*='#'] {
        color: $nxp-gray-xxdark;
      } */
  margin-left: auto;
}

.contextnav.is-horizontal li.has-buttons.ste .btn, .is-horizontal.jumptonav li.has-buttons.ste .btn, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .contextnav.is-horizontal li.has-buttons.ste .nav-close, .is-horizontal.jumptonav li.has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close {
  padding: 8px 16px;
}

@media only screen and (max-width: 991px) {
  .contextnav.is-horizontal li.has-buttons.ste .btn, .is-horizontal.jumptonav li.has-buttons.ste .btn, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .contextnav.is-horizontal li.has-buttons.ste .nav-close, .is-horizontal.jumptonav li.has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close {
    padding: 5px 12px;
  }
  .contextnav.is-horizontal li.has-buttons.ste .btn:first-child, .is-horizontal.jumptonav li.has-buttons.ste .btn:first-child, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .contextnav.is-horizontal li.has-buttons.ste .nav-close:first-child, .is-horizontal.jumptonav li.has-buttons.ste .nav-close:first-child, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .contextnav.is-horizontal li.has-buttons.ste .btn, .is-horizontal.jumptonav li.has-buttons.ste .btn, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .contextnav.is-horizontal li.has-buttons.ste .nav-close, .is-horizontal.jumptonav li.has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close {
    padding: 8px 12px;
    font-size: 11px;
  }
}

@media only screen and (max-width: 899px) {
  .contextnav.is-horizontal li.has-buttons.ste .btn, .is-horizontal.jumptonav li.has-buttons.ste .btn, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn, .contextnav.is-horizontal li.has-buttons.ste .nav-close, .is-horizontal.jumptonav li.has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close {
    padding: 5px 12px;
    font-size: 11px;
  }
  .contextnav.is-horizontal li.has-buttons.ste .btn:first-child, .is-horizontal.jumptonav li.has-buttons.ste .btn:first-child, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:first-child, .contextnav.is-horizontal li.has-buttons.ste .nav-close:first-child, .is-horizontal.jumptonav li.has-buttons.ste .nav-close:first-child, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:first-child {
    margin-left: 12px;
  }
}

.contextnav.is-horizontal li.has-buttons.ste .btn:hover, .is-horizontal.jumptonav li.has-buttons.ste .btn:hover, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:hover, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn:hover, .contextnav.is-horizontal li.has-buttons.ste .nav-close:hover, .is-horizontal.jumptonav li.has-buttons.ste .nav-close:hover, .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:hover, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .nav-close:hover {
  text-decoration: none;
}

.contextnav.is-horizontal li.has-buttons.ste .btn-primary:hover, .is-horizontal.jumptonav li.has-buttons.ste .btn-primary:hover, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:hover, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:hover, .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:hover, .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:hover, .jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:hover, .jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:hover, .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:hover, .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:hover,
.contextnav.is-horizontal li.has-buttons.ste .btn-primary:focus,
.is-horizontal.jumptonav li.has-buttons.ste .btn-primary:focus,
.getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:focus,
.gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:focus,
.get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary:focus,
.jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:focus,
.jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary:focus {
  color: #fff;
  background-color: #994600;
  border-color: #994600;
}

.contextnav.is-horizontal li.has-buttons.ste .btn-default:hover, .is-horizontal.jumptonav li.has-buttons.ste .btn-default:hover, .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:hover, .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:hover, .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:hover, .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:hover, .jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:hover, .jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:hover, .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:hover, .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:hover,
.contextnav.is-horizontal li.has-buttons.ste .btn-default:focus,
.is-horizontal.jumptonav li.has-buttons.ste .btn-default:focus,
.getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus {
  background-color: transparent;
}


.contextnav.is-horizontal li.has-buttons.ste .btn-default:focus,
.is-horizontal.jumptonav li.has-buttons.ste .btn-default:focus,
.getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-default:focus,
.jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-default:focus,
.get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-default:focus {
  background-color: black;
  color: white;
}

.contextnav.is-horizontal li.has-buttons.ste .btn-primary[href*='#'], .is-horizontal.jumptonav li.has-buttons.ste .btn-primary[href*='#'], .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary[href*='#'], .gettingstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary[href*='#'], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste .btn-primary[href*='#'], .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary[href*='#'], .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary[href*='#'], .jumpto .gettingstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary[href*='#'], .jumpto .gettingstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary[href*='#'], .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.has-buttons.ste li.jumpto-cta-container a.btn-primary[href*='#'], .get-started-container.gs-guides #getting-started-nav .jumpto .getstartednav > ul.is-horizontal li.jumpto-cta-container li.has-buttons.ste a.btn-primary[href*='#'] {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .contextnav.is-horizontal li.has-buttons.ste, .is-horizontal.jumptonav li.has-buttons.ste, .getstartednav > ul.is-horizontal li.has-buttons.ste, .gettingstartednav > ul.is-horizontal li.has-buttons.ste, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste {
    display: none;
  }
}

.contextnav.is-horizontal li.has-buttons.ste.first, .is-horizontal.jumptonav li.has-buttons.ste.first, .getstartednav > ul.is-horizontal li.has-buttons.ste.first, .gettingstartednav > ul.is-horizontal li.has-buttons.ste.first, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-buttons.ste.first {
  margin-left: auto;
}

.contextnav.is-horizontal li.has-button, .is-horizontal.jumptonav li.has-button, .getstartednav > ul.is-horizontal li.has-button, .gettingstartednav > ul.is-horizontal li.has-button, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.has-button {
  margin-left: auto;
}

.contextnav.is-horizontal li.mbox-spSuggest:empty, .is-horizontal.jumptonav li.mbox-spSuggest:empty, .getstartednav > ul.is-horizontal li.mbox-spSuggest:empty, .gettingstartednav > ul.is-horizontal li.mbox-spSuggest:empty, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.mbox-spSuggest:empty {
  display: none;
}

.contextnav.is-horizontal li.active:before, .is-horizontal.jumptonav li.active:before, .getstartednav > ul.is-horizontal li.active:before, .gettingstartednav > ul.is-horizontal li.active:before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active:before {
  top: calc(100% - 3px);
  width: 100%;
  margin-left: 0;
  height: 3px;
}

@media only screen and (max-width: 767px) {
  .contextnav.is-horizontal li.active:before, .is-horizontal.jumptonav li.active:before, .getstartednav > ul.is-horizontal li.active:before, .gettingstartednav > ul.is-horizontal li.active:before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active:before {
    top: calc(100% - 2px);
  }
}

.contextnav.is-horizontal li.active.has-button:before, .is-horizontal.jumptonav li.active.has-button:before, .getstartednav > ul.is-horizontal li.active.has-button:before, .gettingstartednav > ul.is-horizontal li.active.has-button:before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active.has-button:before, .contextnav.is-horizontal li.active.has-buttons.ste:before, .is-horizontal.jumptonav li.active.has-buttons.ste:before, .getstartednav > ul.is-horizontal li.active.has-buttons.ste:before, .gettingstartednav > ul.is-horizontal li.active.has-buttons.ste:before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active.has-buttons.ste:before {
  content: none;
}

@media only screen and (max-width: 480px) {
  .contextnav.is-horizontal li.active a:visited, .is-horizontal.jumptonav li.active a:visited, .getstartednav > ul.is-horizontal li.active a:visited, .gettingstartednav > ul.is-horizontal li.active a:visited, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:visited,
  .contextnav.is-horizontal li.active a:link,
  .is-horizontal.jumptonav li.active a:link,
  .getstartednav > ul.is-horizontal li.active a:link,
  .gettingstartednav > ul.is-horizontal li.active a:link,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:link,
  .contextnav.is-horizontal li.active a,
  .is-horizontal.jumptonav li.active a,
  .getstartednav > ul.is-horizontal li.active a,
  .gettingstartednav > ul.is-horizontal li.active a,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a,
  .contextnav.is-horizontal li.active a[href^='#']:visited,
  .is-horizontal.jumptonav li.active a[href^='#']:visited,
  .getstartednav > ul.is-horizontal li.active a[href^='#']:visited,
  .gettingstartednav > ul.is-horizontal li.active a[href^='#']:visited,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a[href^='#']:visited,
  .contextnav.is-horizontal li.active a[href^='#']:hover,
  .is-horizontal.jumptonav li.active a[href^='#']:hover,
  .getstartednav > ul.is-horizontal li.active a[href^='#']:hover,
  .gettingstartednav > ul.is-horizontal li.active a[href^='#']:hover,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a[href^='#']:hover,
  .contextnav.is-horizontal li.active a:hover,
  .is-horizontal.jumptonav li.active a:hover,
  .getstartednav > ul.is-horizontal li.active a:hover,
  .gettingstartednav > ul.is-horizontal li.active a:hover,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:hover,
  .contextnav.is-horizontal li.active a:focus,
  .is-horizontal.jumptonav li.active a:focus,
  .getstartednav > ul.is-horizontal li.active a:focus,
  .gettingstartednav > ul.is-horizontal li.active a:focus,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:focus,
  .contextnav.is-horizontal li.active a:focus-visible,
  .is-horizontal.jumptonav li.active a:focus-visible,
  .getstartednav > ul.is-horizontal li.active a:focus-visible,
  .gettingstartednav > ul.is-horizontal li.active a:focus-visible,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:focus-visible,
  .contextnav.is-horizontal li.active a:focus-within,
  .is-horizontal.jumptonav li.active a:focus-within,
  .getstartednav > ul.is-horizontal li.active a:focus-within,
  .gettingstartednav > ul.is-horizontal li.active a:focus-within,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:focus-within,
  .contextnav.is-horizontal li.active a:active,
  .is-horizontal.jumptonav li.active a:active,
  .getstartednav > ul.is-horizontal li.active a:active,
  .gettingstartednav > ul.is-horizontal li.active a:active,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li.active a:active {
    text-decoration: none !important;
  }
}

@media only screen and (max-width: 480px) {
  .contextnav.is-horizontal li a:visited, .is-horizontal.jumptonav li a:visited, .getstartednav > ul.is-horizontal li a:visited, .gettingstartednav > ul.is-horizontal li a:visited, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:visited,
  .contextnav.is-horizontal li a:link,
  .is-horizontal.jumptonav li a:link,
  .getstartednav > ul.is-horizontal li a:link,
  .gettingstartednav > ul.is-horizontal li a:link,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:link,
  .contextnav.is-horizontal li a,
  .is-horizontal.jumptonav li a,
  .getstartednav > ul.is-horizontal li a,
  .gettingstartednav > ul.is-horizontal li a,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a,
  .contextnav.is-horizontal li a[href^='#']:visited,
  .is-horizontal.jumptonav li a[href^='#']:visited,
  .getstartednav > ul.is-horizontal li a[href^='#']:visited,
  .gettingstartednav > ul.is-horizontal li a[href^='#']:visited,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a[href^='#']:visited,
  .contextnav.is-horizontal li a[href^='#']:hover,
  .is-horizontal.jumptonav li a[href^='#']:hover,
  .getstartednav > ul.is-horizontal li a[href^='#']:hover,
  .gettingstartednav > ul.is-horizontal li a[href^='#']:hover,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a[href^='#']:hover,
  .contextnav.is-horizontal li a,
  .is-horizontal.jumptonav li a,
  .getstartednav > ul.is-horizontal li a,
  .gettingstartednav > ul.is-horizontal li a,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a,
  .contextnav.is-horizontal li a:hover,
  .is-horizontal.jumptonav li a:hover,
  .getstartednav > ul.is-horizontal li a:hover,
  .gettingstartednav > ul.is-horizontal li a:hover,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:hover,
  .contextnav.is-horizontal li a:focus,
  .is-horizontal.jumptonav li a:focus,
  .getstartednav > ul.is-horizontal li a:focus,
  .gettingstartednav > ul.is-horizontal li a:focus,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:focus,
  .contextnav.is-horizontal li a:focus-visible,
  .is-horizontal.jumptonav li a:focus-visible,
  .getstartednav > ul.is-horizontal li a:focus-visible,
  .gettingstartednav > ul.is-horizontal li a:focus-visible,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:focus-visible,
  .contextnav.is-horizontal li a:focus-within,
  .is-horizontal.jumptonav li a:focus-within,
  .getstartednav > ul.is-horizontal li a:focus-within,
  .gettingstartednav > ul.is-horizontal li a:focus-within,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:focus-within,
  .contextnav.is-horizontal li a:active,
  .is-horizontal.jumptonav li a:active,
  .getstartednav > ul.is-horizontal li a:active,
  .gettingstartednav > ul.is-horizontal li a:active,
  .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a:active {
    text-decoration: none !important;
  }
}

.contextnav.is-horizontal li a[section], .is-horizontal.jumptonav li a[section], .getstartednav > ul.is-horizontal li a[section], .gettingstartednav > ul.is-horizontal li a[section], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a[section] {
  color: #000000;
}

.contextnav.is-horizontal li a[section]:hover, .is-horizontal.jumptonav li a[section]:hover, .getstartednav > ul.is-horizontal li a[section]:hover, .gettingstartednav > ul.is-horizontal li a[section]:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a[section]:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}


.contextnav.is-horizontal li a,
.is-horizontal.jumptonav li a,
.getstartednav > ul.is-horizontal li a,
.gettingstartednav > ul.is-horizontal li a,
.get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a {
  margin-bottom: 0;
}

.contextnav.is-horizontal li a.btn-get-started, .is-horizontal.jumptonav li a.btn-get-started, .getstartednav > ul.is-horizontal li a.btn-get-started, .gettingstartednav > ul.is-horizontal li a.btn-get-started, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started {
  /* @include button-colors(
    $btn-primary-color,
    $btn-primary-bg,
    $btn-primary-border,
    white,
    $btn-primary-hover-bg,
    $btn-primary-hover-border,
    $btn-primary-disable-bg
  ); */
  color: var(--nxp-btn-primary-color);
  background-color: var(--nxp-btn-primary-bg);
  border-color: var(--nxp-btn-primary-border);
  padding: 5px 20px;
}

.contextnav.is-horizontal li a.btn-get-started::before, .is-horizontal.jumptonav li a.btn-get-started::before, .getstartednav > ul.is-horizontal li a.btn-get-started::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started::before {
  display: none;
}

.contextnav.is-horizontal li a.btn-get-started:focus, .is-horizontal.jumptonav li a.btn-get-started:focus, .getstartednav > ul.is-horizontal li a.btn-get-started:focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:focus, .contextnav.is-horizontal li a.btn-get-started.focus, .is-horizontal.jumptonav li a.btn-get-started.focus, .getstartednav > ul.is-horizontal li a.btn-get-started.focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.contextnav.is-horizontal li a.btn-get-started:focus::before, .is-horizontal.jumptonav li a.btn-get-started:focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:focus::before, .contextnav.is-horizontal li a.btn-get-started.focus::before, .is-horizontal.jumptonav li a.btn-get-started.focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started.focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started.focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.focus::before {
  display: none;
}

.contextnav.is-horizontal li a.btn-get-started:hover, .is-horizontal.jumptonav li a.btn-get-started:hover, .getstartednav > ul.is-horizontal li a.btn-get-started:hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:hover, .contextnav.is-horizontal li a.btn-get-started.hover, .is-horizontal.jumptonav li a.btn-get-started.hover, .getstartednav > ul.is-horizontal li a.btn-get-started.hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started.hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.hover {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.contextnav.is-horizontal li a.btn-get-started:hover::before, .is-horizontal.jumptonav li a.btn-get-started:hover::before, .getstartednav > ul.is-horizontal li a.btn-get-started:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:hover::before, .contextnav.is-horizontal li a.btn-get-started.hover::before, .is-horizontal.jumptonav li a.btn-get-started.hover::before, .getstartednav > ul.is-horizontal li a.btn-get-started.hover::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started.hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.hover::before {
  display: none;
}

.contextnav.is-horizontal li a.btn-get-started:active, .is-horizontal.jumptonav li a.btn-get-started:active, .getstartednav > ul.is-horizontal li a.btn-get-started:active, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active, .contextnav.is-horizontal li a.btn-get-started.active, .is-horizontal.jumptonav li a.btn-get-started.active, .getstartednav > ul.is-horizontal li a.btn-get-started.active, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.contextnav.is-horizontal li a.btn-get-started:active:hover, .is-horizontal.jumptonav li a.btn-get-started:active:hover, .getstartednav > ul.is-horizontal li a.btn-get-started:active:hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active:hover, .contextnav.is-horizontal li a.btn-get-started:active:focus, .is-horizontal.jumptonav li a.btn-get-started:active:focus, .getstartednav > ul.is-horizontal li a.btn-get-started:active:focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active:focus, .contextnav.is-horizontal li a.btn-get-started:active.focus, .is-horizontal.jumptonav li a.btn-get-started:active.focus, .getstartednav > ul.is-horizontal li a.btn-get-started:active.focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active.focus, .contextnav.is-horizontal li a.btn-get-started.active:hover, .is-horizontal.jumptonav li a.btn-get-started.active:hover, .getstartednav > ul.is-horizontal li a.btn-get-started.active:hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active:hover, .contextnav.is-horizontal li a.btn-get-started.active:focus, .is-horizontal.jumptonav li a.btn-get-started.active:focus, .getstartednav > ul.is-horizontal li a.btn-get-started.active:focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active:focus, .contextnav.is-horizontal li a.btn-get-started.active.focus, .is-horizontal.jumptonav li a.btn-get-started.active.focus, .getstartednav > ul.is-horizontal li a.btn-get-started.active.focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active.focus,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle:hover,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle:hover,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle:focus,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle:focus,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle.focus,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle.focus,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

.contextnav.is-horizontal li a.btn-get-started:active:hover::before, .is-horizontal.jumptonav li a.btn-get-started:active:hover::before, .getstartednav > ul.is-horizontal li a.btn-get-started:active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active:hover::before, .contextnav.is-horizontal li a.btn-get-started:active:focus::before, .is-horizontal.jumptonav li a.btn-get-started:active:focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started:active:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active:focus::before, .contextnav.is-horizontal li a.btn-get-started:active.focus::before, .is-horizontal.jumptonav li a.btn-get-started:active.focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started:active.focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active.focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active.focus::before, .contextnav.is-horizontal li a.btn-get-started.active:hover::before, .is-horizontal.jumptonav li a.btn-get-started.active:hover::before, .getstartednav > ul.is-horizontal li a.btn-get-started.active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active:hover::before, .contextnav.is-horizontal li a.btn-get-started.active:focus::before, .is-horizontal.jumptonav li a.btn-get-started.active:focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started.active:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active:focus::before, .contextnav.is-horizontal li a.btn-get-started.active.focus::before, .is-horizontal.jumptonav li a.btn-get-started.active.focus::before, .getstartednav > ul.is-horizontal li a.btn-get-started.active.focus::before, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active.focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active.focus::before,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle:hover::before,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle:hover::before,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover::before,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover::before,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:hover::before,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle:focus::before,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle:focus::before,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus::before,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus::before,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle:focus::before,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle.focus::before,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle.focus::before,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus::before,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus::before,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle.focus::before {
  display: none;
}

.contextnav.is-horizontal li a.btn-get-started:active, .is-horizontal.jumptonav li a.btn-get-started:active, .getstartednav > ul.is-horizontal li a.btn-get-started:active, .gettingstartednav > ul.is-horizontal li a.btn-get-started:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:active, .contextnav.is-horizontal li a.btn-get-started.active, .is-horizontal.jumptonav li a.btn-get-started.active, .getstartednav > ul.is-horizontal li a.btn-get-started.active, .gettingstartednav > ul.is-horizontal li a.btn-get-started.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.active,
.open > .contextnav.is-horizontal li a.btn-get-started.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-get-started.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-get-started.dropdown-toggle {
  background-image: none;
}

.contextnav.is-horizontal li a.btn-get-started.disabled, .is-horizontal.jumptonav li a.btn-get-started.disabled, .getstartednav > ul.is-horizontal li a.btn-get-started.disabled, .gettingstartednav > ul.is-horizontal li a.btn-get-started.disabled, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.disabled, .contextnav.is-horizontal li a.btn-get-started[disabled], .is-horizontal.jumptonav li a.btn-get-started[disabled], .getstartednav > ul.is-horizontal li a.btn-get-started[disabled], .gettingstartednav > ul.is-horizontal li a.btn-get-started[disabled], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started[disabled],
fieldset[disabled] .contextnav.is-horizontal li a.btn-get-started,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-get-started,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-get-started,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

.contextnav.is-horizontal li a.btn-get-started.disabled:hover, .is-horizontal.jumptonav li a.btn-get-started.disabled:hover, .getstartednav > ul.is-horizontal li a.btn-get-started.disabled:hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started.disabled:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.disabled:hover, .contextnav.is-horizontal li a.btn-get-started.disabled:focus, .is-horizontal.jumptonav li a.btn-get-started.disabled:focus, .getstartednav > ul.is-horizontal li a.btn-get-started.disabled:focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started.disabled:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.disabled:focus, .contextnav.is-horizontal li a.btn-get-started.disabled.focus, .is-horizontal.jumptonav li a.btn-get-started.disabled.focus, .getstartednav > ul.is-horizontal li a.btn-get-started.disabled.focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started.disabled.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.disabled.focus, .contextnav.is-horizontal li a.btn-get-started[disabled]:hover, .is-horizontal.jumptonav li a.btn-get-started[disabled]:hover, .getstartednav > ul.is-horizontal li a.btn-get-started[disabled]:hover, .gettingstartednav > ul.is-horizontal li a.btn-get-started[disabled]:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started[disabled]:hover, .contextnav.is-horizontal li a.btn-get-started[disabled]:focus, .is-horizontal.jumptonav li a.btn-get-started[disabled]:focus, .getstartednav > ul.is-horizontal li a.btn-get-started[disabled]:focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started[disabled]:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started[disabled]:focus, .contextnav.is-horizontal li a.btn-get-started[disabled].focus, .is-horizontal.jumptonav li a.btn-get-started[disabled].focus, .getstartednav > ul.is-horizontal li a.btn-get-started[disabled].focus, .gettingstartednav > ul.is-horizontal li a.btn-get-started[disabled].focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started[disabled].focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-get-started:hover,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-get-started:hover,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started:hover,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-get-started:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:hover,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started:hover,
fieldset[disabled] .contextnav.is-horizontal li a.btn-get-started:focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-get-started:focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started:focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-get-started:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started:focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started:focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-get-started.focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-get-started.focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started.focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-get-started.focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started.focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-get-started.focus {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

.contextnav.is-horizontal li a.btn-get-started .badge, .is-horizontal.jumptonav li a.btn-get-started .badge, .getstartednav > ul.is-horizontal li a.btn-get-started .badge, .gettingstartednav > ul.is-horizontal li a.btn-get-started .badge, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-get-started .badge {
  color: var(--nxp-btn-primary-bg);
  background-color: var(--nxp-btn-primary-color);
}

.contextnav.is-horizontal li a.btn-contextnav, .is-horizontal.jumptonav li a.btn-contextnav, .getstartednav > ul.is-horizontal li a.btn-contextnav, .gettingstartednav > ul.is-horizontal li a.btn-contextnav, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
  padding: 5px 20px;
}

.contextnav.is-horizontal li a.btn-contextnav::before, .is-horizontal.jumptonav li a.btn-contextnav::before, .getstartednav > ul.is-horizontal li a.btn-contextnav::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.contextnav.is-horizontal li a.btn-contextnav:hover, .is-horizontal.jumptonav li a.btn-contextnav:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover, .contextnav.is-horizontal li a.btn-contextnav.hover, .is-horizontal.jumptonav li a.btn-contextnav.hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.contextnav.is-horizontal li a.btn-contextnav:hover::before, .is-horizontal.jumptonav li a.btn-contextnav:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .contextnav.is-horizontal li a.btn-contextnav.hover::before, .is-horizontal.jumptonav li a.btn-contextnav.hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.contextnav.is-horizontal li a.btn-contextnav:focus, .is-horizontal.jumptonav li a.btn-contextnav:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus, .contextnav.is-horizontal li a.btn-contextnav.focus, .is-horizontal.jumptonav li a.btn-contextnav.focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .contextnav.is-horizontal li a.btn-contextnav:active, .is-horizontal.jumptonav li a.btn-contextnav:active, .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .contextnav.is-horizontal li a.btn-contextnav.active, .is-horizontal.jumptonav li a.btn-contextnav.active, .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active,
.open > .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.contextnav.is-horizontal li a.btn-contextnav:focus:hover, .is-horizontal.jumptonav li a.btn-contextnav:focus:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .contextnav.is-horizontal li a.btn-contextnav.focus:hover, .is-horizontal.jumptonav li a.btn-contextnav.focus:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .contextnav.is-horizontal li a.btn-contextnav:active:hover, .is-horizontal.jumptonav li a.btn-contextnav:active:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .contextnav.is-horizontal li a.btn-contextnav.active:hover, .is-horizontal.jumptonav li a.btn-contextnav.active:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover,
.open > .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.open > .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle:hover,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.contextnav.is-horizontal li a.btn-contextnav:focus:hover::before, .is-horizontal.jumptonav li a.btn-contextnav:focus:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .contextnav.is-horizontal li a.btn-contextnav.focus:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.focus:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .contextnav.is-horizontal li a.btn-contextnav:active:hover::before, .is-horizontal.jumptonav li a.btn-contextnav:active:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .contextnav.is-horizontal li a.btn-contextnav.active:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.active:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before,
.open > .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.open > .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle:hover::before,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.contextnav.is-horizontal li a.btn-contextnav:active, .is-horizontal.jumptonav li a.btn-contextnav:active, .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .contextnav.is-horizontal li a.btn-contextnav.active, .is-horizontal.jumptonav li a.btn-contextnav.active, .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active,
.open > .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

.contextnav.is-horizontal li a.btn-contextnav.disabled, .is-horizontal.jumptonav li a.btn-contextnav.disabled, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .contextnav.is-horizontal li a.btn-contextnav[disabled], .is-horizontal.jumptonav li a.btn-contextnav[disabled], .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled], .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled],
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav {
  opacity: 0.7;
}

.contextnav.is-horizontal li a.btn-contextnav.disabled:hover, .is-horizontal.jumptonav li a.btn-contextnav.disabled:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .contextnav.is-horizontal li a.btn-contextnav.disabled:focus, .is-horizontal.jumptonav li a.btn-contextnav.disabled:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .contextnav.is-horizontal li a.btn-contextnav.disabled:active, .is-horizontal.jumptonav li a.btn-contextnav.disabled:active, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .contextnav.is-horizontal li a.btn-contextnav.disabled.focus, .is-horizontal.jumptonav li a.btn-contextnav.disabled.focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .contextnav.is-horizontal li a.btn-contextnav[disabled]:hover, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .contextnav.is-horizontal li a.btn-contextnav[disabled]:focus, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .contextnav.is-horizontal li a.btn-contextnav[disabled]:active, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:active, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .contextnav.is-horizontal li a.btn-contextnav[disabled].focus, .is-horizontal.jumptonav li a.btn-contextnav[disabled].focus, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:hover,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:active,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.contextnav.is-horizontal li a.btn-contextnav.disabled:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.disabled:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .contextnav.is-horizontal li a.btn-contextnav.disabled:focus::before, .is-horizontal.jumptonav li a.btn-contextnav.disabled:focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .contextnav.is-horizontal li a.btn-contextnav.disabled:active::before, .is-horizontal.jumptonav li a.btn-contextnav.disabled:active::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .contextnav.is-horizontal li a.btn-contextnav.disabled.focus::before, .is-horizontal.jumptonav li a.btn-contextnav.disabled.focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .contextnav.is-horizontal li a.btn-contextnav[disabled]:hover::before, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .contextnav.is-horizontal li a.btn-contextnav[disabled]:focus::before, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .contextnav.is-horizontal li a.btn-contextnav[disabled]:active::before, .is-horizontal.jumptonav li a.btn-contextnav[disabled]:active::before, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .contextnav.is-horizontal li a.btn-contextnav[disabled].focus::before, .is-horizontal.jumptonav li a.btn-contextnav[disabled].focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:hover::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:focus::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav:active::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.focus::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .contextnav.is-horizontal li a.btn-contextnav, .dark .is-horizontal.jumptonav li a.btn-contextnav, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav, .contextnav.is-horizontal li a.btn-contextnav.darkbtn, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .contextnav.is-horizontal li a.btn-contextnav::before, .dark .is-horizontal.jumptonav li a.btn-contextnav::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover, .dark .contextnav.is-horizontal li a.btn-contextnav.hover, .dark .is-horizontal.jumptonav li a.btn-contextnav.hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav.hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:focus, .dark .is-horizontal.jumptonav li a.btn-contextnav:focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus, .dark .contextnav.is-horizontal li a.btn-contextnav.focus, .dark .is-horizontal.jumptonav li a.btn-contextnav.focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .dark .contextnav.is-horizontal li a.btn-contextnav:active, .dark .is-horizontal.jumptonav li a.btn-contextnav:active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .contextnav.is-horizontal li a.btn-contextnav.active, .dark .is-horizontal.jumptonav li a.btn-contextnav.active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active,
.open > .dark .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle,
.open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active,
.open > .contextnav.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:focus:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav:focus:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover, .dark .contextnav.is-horizontal li a.btn-contextnav.focus:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav.focus:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover, .dark .contextnav.is-horizontal li a.btn-contextnav:active:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav:active:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover, .dark .contextnav.is-horizontal li a.btn-contextnav.active:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav.active:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover,
.open > .dark .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.open > .dark .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle:hover,
.open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.open > .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.open > .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover,
.get-started-container.gs-guides #getting-started-nav .open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:focus:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:focus:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.focus:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.focus:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.active:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.active:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover,
.open > .contextnav.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover,
.open > .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.dropdown-toggle:hover,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:focus:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav:focus:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav.focus:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.focus:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav:active:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav:active:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav.active:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.active:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active:hover::before,
.open > .dark .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.open > .dark .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle:hover::before,
.open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.open > .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.open > .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before,
.get-started-container.gs-guides #getting-started-nav .open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:focus:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:focus:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.focus:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.focus:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.active:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.active:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active:hover::before,
.open > .contextnav.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover::before,
.open > .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.dropdown-toggle:hover::before,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover::before,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover::before,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark .contextnav.is-horizontal li a.btn-contextnav:active, .dark .is-horizontal.jumptonav li a.btn-contextnav:active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active, .dark .contextnav.is-horizontal li a.btn-contextnav.active, .dark .is-horizontal.jumptonav li a.btn-contextnav.active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.active,
.open > .dark .contextnav.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .is-horizontal.jumptonav li a.btn-contextnav.dropdown-toggle,
.open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.open > .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .open > .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.dropdown-toggle, .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.active,
.open > .contextnav.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.open > .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.dropdown-toggle,
.getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.gettingstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle,
.get-started-container.gs-guides #getting-started-nav .getstartednav.open > ul.is-horizontal li a.btn-contextnav.darkbtn.dropdown-toggle {
  background: white;
}

.dark .contextnav.is-horizontal li a.btn-contextnav.disabled, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled], .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled], .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled], .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled], .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled], .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled],
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled], .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled], .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled], .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled],
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn {
  opacity: 0.7;
}

.dark .contextnav.is-horizontal li a.btn-contextnav.disabled:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled:focus, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled:active, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled.focus, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled.focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:hover, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:hover, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:focus, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:active, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:active, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled].focus, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled].focus, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:hover,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:focus,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:active,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav.focus,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled.focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:hover, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:active, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled].focus, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:hover,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:hover,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn.focus,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.focus,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .contextnav.is-horizontal li a.btn-contextnav.disabled:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled:focus::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:focus::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:focus::before, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled:active::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled:active::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled:active::before, .dark .contextnav.is-horizontal li a.btn-contextnav.disabled.focus::before, .dark .is-horizontal.jumptonav li a.btn-contextnav.disabled.focus::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.disabled.focus::before, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:hover::before, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:hover::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:hover::before, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:focus::before, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:focus::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:focus::before, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled]:active::before, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled]:active::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled]:active::before, .dark .contextnav.is-horizontal li a.btn-contextnav[disabled].focus::before, .dark .is-horizontal.jumptonav li a.btn-contextnav[disabled].focus::before, .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before, .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before, .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before, .get-started-container.gs-guides #getting-started-nav .dark .getstartednav > ul.is-horizontal li a.btn-contextnav[disabled].focus::before,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:hover::before,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:hover::before,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:focus::before,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:focus::before,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav:active::before,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav:active::before,
fieldset[disabled] .dark .contextnav.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .dark .is-horizontal.jumptonav li a.btn-contextnav.focus::before,
fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .dark .gettingstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
fieldset[disabled] .dark .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .dark .getstartednav > ul.is-horizontal li a.btn-contextnav.focus::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:focus::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled:active::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled:active::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled:active::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.disabled.focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.disabled.focus::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:hover::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:hover::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:focus::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled]:active::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled]:active::before, .contextnav.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus::before, .is-horizontal.jumptonav li a.btn-contextnav.darkbtn[disabled].focus::before, .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus::before, .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus::before, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn[disabled].focus::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:hover::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:hover::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:hover::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:focus::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:focus::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:focus::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn:active::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn:active::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn:active::before,
fieldset[disabled] .contextnav.is-horizontal li a.btn-contextnav.darkbtn.focus::before,
fieldset[disabled] .is-horizontal.jumptonav li a.btn-contextnav.darkbtn.focus::before,
fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus::before,
fieldset[disabled] .gettingstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus::before,
fieldset[disabled] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus::before,
.get-started-container.gs-guides #getting-started-nav fieldset[disabled] .getstartednav > ul.is-horizontal li a.btn-contextnav.darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.contextnav.is-horizontal li a span[class^='icon-'], .is-horizontal.jumptonav li a span[class^='icon-'], .getstartednav > ul.is-horizontal li a span[class^='icon-'], .gettingstartednav > ul.is-horizontal li a span[class^='icon-'], .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li a span[class^='icon-'] {
  transform: scale(1.5);
  margin-right: 10px;
}

.contextnav.is-horizontal li .icon-info, .is-horizontal.jumptonav li .icon-info, .getstartednav > ul.is-horizontal li .icon-info, .gettingstartednav > ul.is-horizontal li .icon-info, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal li .icon-info {
  cursor: pointer;
}

.contextnav.is-horizontal .has-buttons.ste + .has-buttons.ste, .is-horizontal.jumptonav .has-buttons.ste + .has-buttons.ste, .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste, .gettingstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste {
  margin-left: 8px;
}

.contextnav.is-horizontal .has-buttons.ste + .has-buttons.ste .btn, .is-horizontal.jumptonav .has-buttons.ste + .has-buttons.ste .btn, .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .btn, .gettingstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .btn, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .btn, .contextnav.is-horizontal .has-buttons.ste + .has-buttons.ste .nav-close, .is-horizontal.jumptonav .has-buttons.ste + .has-buttons.ste .nav-close, .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .nav-close, .gettingstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .nav-close, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal .has-buttons.ste + .has-buttons.ste .nav-close {
  margin-left: 0px !important;
}

.jump-to-mobile-section {
  display: none;
}

@media only screen and (max-width: 767px) {
  .jump-to-mobile-section {
    width: 100%;
    display: contents;
    background-color: white;
  }
  .jump-to-mobile-section .buttons-container {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: white;
    height: 72px;
    position: fixed;
    bottom: 0px;
    cursor: pointer;
    opacity: 1;
    z-index: 1000;
    left: 0px;
  }
  .jump-to-mobile-section .buttons-container .btn, .jump-to-mobile-section .buttons-container .nav-close {
    padding: 12px 0px;
  }
  .jump-to-mobile-section .buttons-container .btn-primary:hover {
    color: #fff;
    background-color: #dc8b00;
    border-color: #dc8b00;
  }
  .jump-to-mobile-section .buttons-container .btn:not(:first-child), .jump-to-mobile-section .buttons-container .nav-close:not(:first-child) {
    margin-left: 16px;
  }
  .jump-to-mobile-section .buttons-container.has-one .btn, .jump-to-mobile-section .buttons-container.has-one .nav-close {
    width: 100%;
    margin: 0px 15px;
  }
  .jump-to-mobile-section .buttons-container.has-two {
    flex-wrap: unset !important;
  }
  .jump-to-mobile-section .buttons-container.has-two .btn, .jump-to-mobile-section .buttons-container.has-two .nav-close {
    width: 50%;
  }
  .jump-to-mobile-section .buttons-container.has-two .btn:first-child, .jump-to-mobile-section .buttons-container.has-two .nav-close:first-child {
    margin-left: 15px;
  }
  .jump-to-mobile-section .buttons-container.has-two .btn:last-child, .jump-to-mobile-section .buttons-container.has-two .nav-close:last-child {
    margin-right: 15px;
  }
  .jump-to-mobile-section .buttons-container::after {
    content: '';
    position: absolute;
    bottom: 72px;
    display: block;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    box-shadow: none;
    border-top: 1px solid #d4cfc5 !important;
    top: 0px;
  }
  .jump-to-mobile-section .buttons-container.affix-bottom::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: 0;
    display: block;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    box-shadow: none;
    border-top: 1px solid #d4cfc5 !important;
  }
}

@media only screen and (max-width: 767px) {
  .contextnav-hub .contextnav.is-horizontal, .contextnav-hub .is-horizontal.jumptonav, .contextnav-hub .getstartednav > ul.is-horizontal, .contextnav-hub .gettingstartednav > ul.is-horizontal, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal {
    overflow-x: auto;
    width: 100vw;
    margin-left: calc(-50vw - -50%);
  }
  .contextnav-hub .contextnav.is-horizontal::-webkit-scrollbar, .contextnav-hub .is-horizontal.jumptonav::-webkit-scrollbar, .contextnav-hub .getstartednav > ul.is-horizontal::-webkit-scrollbar, .contextnav-hub .gettingstartednav > ul.is-horizontal::-webkit-scrollbar, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::-webkit-scrollbar, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::-webkit-scrollbar {
    display: none;
  }
  .contextnav-hub .contextnav.is-horizontal:first-child, .contextnav-hub .is-horizontal.jumptonav:first-child, .contextnav-hub .getstartednav > ul.is-horizontal:first-child, .contextnav-hub .gettingstartednav > ul.is-horizontal:first-child, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal:first-child, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal:first-child {
    padding-left: 15px;
  }
  .contextnav-hub .contextnav.is-horizontal:last-child, .contextnav-hub .is-horizontal.jumptonav:last-child, .contextnav-hub .getstartednav > ul.is-horizontal:last-child, .contextnav-hub .gettingstartednav > ul.is-horizontal:last-child, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal:last-child, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal:last-child {
    padding-right: 15px;
  }
}

.contextnav-hub .contextnav.is-horizontal::before, .contextnav-hub .is-horizontal.jumptonav::before, .contextnav-hub .getstartednav > ul.is-horizontal::before, .contextnav-hub .gettingstartednav > ul.is-horizontal::before, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::before {
  background: transparent;
}

@media (min-width: 768px) {
  .contextnav-hub .contextnav.is-horizontal::before, .contextnav-hub .is-horizontal.jumptonav::before, .contextnav-hub .getstartednav > ul.is-horizontal::before, .contextnav-hub .gettingstartednav > ul.is-horizontal::before, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::before {
    margin-left: -30px;
  }
}

@media (min-width: 992px) {
  .contextnav-hub .contextnav.is-horizontal::before, .contextnav-hub .is-horizontal.jumptonav::before, .contextnav-hub .getstartednav > ul.is-horizontal::before, .contextnav-hub .gettingstartednav > ul.is-horizontal::before, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::before {
    margin-left: calc(((992px - 100vw) / 2) - 30px);
  }
}

@media (min-width: 1200px) {
  .contextnav-hub .contextnav.is-horizontal::before, .contextnav-hub .is-horizontal.jumptonav::before, .contextnav-hub .getstartednav > ul.is-horizontal::before, .contextnav-hub .gettingstartednav > ul.is-horizontal::before, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::before {
    margin-left: calc(((1200px - 100vw) / 2) - 30px);
  }
}

@media (min-width: 1440px) {
  .contextnav-hub .contextnav.is-horizontal::before, .contextnav-hub .is-horizontal.jumptonav::before, .contextnav-hub .getstartednav > ul.is-horizontal::before, .contextnav-hub .gettingstartednav > ul.is-horizontal::before, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal::before, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul.is-horizontal::before {
    margin-left: calc(((1440px - 100vw) / 2) - 30px);
  }
}

.contextnav-hub .show {
  display: flex !important;
  align-items: center;
}

.contextnav-hub .show h2 {
  display: block;
}

.contextnav-hub .contextnav h2, .contextnav-hub .jumptonav h2, .contextnav-hub .getstartednav > ul h2, .contextnav-hub .gettingstartednav > ul h2, .contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul h2, .get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul h2,
.contextnav-hub .contextnav h4,
.contextnav-hub .jumptonav h4,
.contextnav-hub .getstartednav > ul h4,
.contextnav-hub .gettingstartednav > ul h4,
.contextnav-hub .get-started-container.gs-guides #getting-started-nav .getstartednav > ul h4,
.get-started-container.gs-guides #getting-started-nav .contextnav-hub .getstartednav > ul h4 {
  text-transform: inherit;
  white-space: nowrap;
}

.contextnav-hub li:nth-child(n + 2) {
  font-size: 13px;
  margin-left: 24px !important;
  white-space: nowrap;
}

.contextnav-hub li:nth-child(n + 2):hover::before {
  top: calc(100% - 3px);
  width: 100%;
  margin-left: 0;
  height: 3px;
  content: ' ';
  position: absolute;
  display: inline-block;
  background-color: #ff7400;
}

.contextnav-hub li:nth-child(n + 2) a:hover {
  text-decoration: none;
}

.jumpto {
  background-color: white;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--nxp-border-color);
  position: relative;
  display: flex;
  /* Full width with no Leftnav, following container rules */
}

.jumpto ul {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: auto;
  gap: 24px;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
  transition: all ease-in-out 300ms;
}

.jumpto ul li {
  flex-shrink: 0;
  margin: 0px;
  padding: 16px 0px;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: all ease-in-out 300ms;
}

.jumpto ul li.title {
  background-color: white;
  position: sticky;
  padding-right: 10px;
  z-index: 2;
  cursor: auto;
}

.jumpto ul li.title * {
  font-size: 14px;
  font-weight: 600;
}

.jumpto ul li.title.active::before, .jumpto ul li.title:hover::before {
  display: none;
}

.jumpto ul li.active::before, .jumpto ul li:hover::before {
  content: ' ';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0px;
  border-bottom: 3px solid #ff7400;
}

.jumpto ul li.jumpto-cta-container {
  position: sticky;
  right: 0px;
  background-color: white;
  padding: 12px 1px 12px 12px;
  align-self: flex-end;
  margin: 0 0 0 auto;
}

@media all and (max-width: 1200px) {
  .jumpto ul li.jumpto-cta-container {
    position: sticky;
    right: 0px;
  }
}

.jumpto ul li.jumpto-cta-container .btn, .jumpto ul li.jumpto-cta-container .nav-close {
  padding: 8px 12px;
  font-size: 11px;
}

.jumpto ul li.jumpto-cta-container:hover {
  cursor: auto;
}

.jumpto ul li.jumpto-cta-container:hover::before {
  display: none;
}

@media (max-width: 768px) {
  .jumpto ul li.jumpto-cta-container {
    display: none;
  }
}

.jumpto ul li.jumpto-cta-container::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: -16px;
  bottom: 0;
  width: 28px;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.jumpto ul.jumpto-cta li:nth-last-child(2) {
  margin-right: 220px;
}

@media (max-width: 768px) {
  .jumpto ul.jumpto-cta li:nth-last-child(2) {
    margin-right: 0px;
  }
}

.jumpto.is-full {
  width: 100vw;
  left: calc((100% - 100vw) / 2);
  display: flex;
  justify-content: center;
}

.jumpto.is-full::before {
  display: none;
}

.jumpto.is-full ul {
  width: 100%;
  max-width: calc(1170px - 30px);
}

@media (min-width: 320px) {
  .jumpto.is-full ul {
    max-width: 750px;
  }
}

@media (min-width: 768px) {
  .jumpto.is-full ul {
    max-width: calc(750px - 30px);
  }
}

@media (min-width: 992px) {
  .jumpto.is-full ul {
    max-width: calc(970px - 30px);
  }
}

@media (min-width: 1200px) {
  .jumpto.is-full ul {
    max-width: calc(1170px - 30px);
  }
}

@media (max-width: 768px) {
  .jumpto.is-full {
    padding: 0px 30px;
  }
}

.jumpto.is-full-leftnav {
  box-shadow: none;
  border: none;
  background-color: white;
  z-index: 2;
}

.jumpto.is-full-leftnav:before {
  border-top: 1px solid var(--nxp-border-color);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}

.jumpto.is-full-leftnav.pin-container {
  position: sticky;
}

.modal-body .jumpto {
  width: calc(100% + 60px);
  left: -30px;
}

.modal-body .jumpto ul {
  padding: 0px 30px;
  width: 100%;
  max-width: unset;
}

.jumpto-right {
  justify-self: flex-end;
}

@media (max-width: 768px) {
  .footer-inner.footer-en:has(.jumpto-cta-footer) {
    margin-top: 66px;
  }
}

.jumpto-cta-footer {
  display: none;
}

@media (max-width: 768px) {
  .jumpto-cta-footer {
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: -67px;
    left: 0px;
    width: 100%;
    padding: 12px;
    gap: 16px;
    transition: all ease-in-out 300ms;
    background-color: white;
    border-top: 1px solid var(--nxp-border-color);
  }
  .jumpto-cta-footer.jupmto-cta-footer-fixed {
    position: fixed;
    top: unset;
    bottom: 0px;
    z-index: 9;
    padding: 18px;
  }
  .jumpto-cta-footer .btn, .jumpto-cta-footer .nav-close {
    font-size: 12px;
    padding: 12px;
    width: 50%;
  }
}

.iu-container {
  display: flex;
  flex-flow: row wrap;
  margin-left: 0;
  margin-right: 0;
  background-color: #ededf0;
  margin-top: 3em;
}

.OverviewTabContent .iu-container {
  margin-top: 2em;
}

.iu {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  float: left;
  min-height: 1px;
  padding: 1em 1em 1.5em;
  margin-bottom: 15px;
  color: #646464;
  background-color: #ededf0;
}

@media screen and (min-width: 480px) {
  .iu {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
  }
  .iu:first-of-type {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 992px) {
  .iu:nth-of-type(3) {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .iu {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 30px) / 3);
    width: calc((100% - 30px) / 3);
  }
  .iu:nth-of-type(2) {
    margin-right: 15px;
  }
}

.iu h2 {
  font-size: 1.15em;
  font-weight: 700;
}

.iu h2:first-of-type {
  margin-top: 0;
}

.iu li,
.iu .boxes li {
  padding-left: 0;
}

.iu li:before,
.iu .boxes li:before {
  display: none;
}

.iu-container li:before {
  content: none;
}

.iu ul {
  list-style: none;
  padding-left: 0;
}

.iu ul li {
  margin-bottom: 1em;
  padding-left: 0;
}

.iu img {
  max-width: 100%;
}

.iu .iu-large-video {
  margin-bottom: 1em;
  padding-left: 0;
}

.iu .video-inner-n {
  position: relative;
  float: none;
  margin-bottom: 5px;
  cursor: pointer;
}

.iu .video-inner-n:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 44px;
  height: 44px;
  pointer-events: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 44px 44px;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

@media (min-width: 768px) {
  .iu .video-inner-n + .thumbp {
    clear: both;
  }
  .iu .video-inner-n {
    margin-right: 0;
  }
}

.iu .play-video-n {
  position: absolute;
  top: 0;
  left: 0;
}

.iu .video-inner-n img,
.iu .play-video-n a {
  width: 100%;
  height: auto;
}

.iu img[align='left'] {
  float: none;
}

h2#features .collapsed {
  margin-bottom: 1em;
}

#featuresAccordion,
#featuresAccordionB,
.accordion {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: none;
}

#featuresAccordion.ui-accordion .ui-accordion-content-active,
#featuresAccordionB.ui-accordion .ui-accordion-content-active,
.accordion.ui-accordion .ui-accordion-content-active {
  background: white !important;
}

#featuresAccordion.ui-accordion .ui-accordion-header a,
#featuresAccordionB.ui-accordion .ui-accordion-header a,
.accordion.ui-accordion .ui-accordion-header a {
  display: block !important;
  padding: 0.5em 0.5em 0.5em 1.45em !important;
  color: #000000 !important;
  margin-left: 0 !important;
  text-decoration: none;
  line-height: 22px;
  font-weight: 400;
}

#featuresAccordion.ui-accordion .ui-accordion-header a:hover,
#featuresAccordionB.ui-accordion .ui-accordion-header a:hover,
.accordion.ui-accordion .ui-accordion-header a:hover {
  background: #f7f5f1;
  outline: none;
}

#featuresAccordion.ui-accordion .ui-accordion-header a:not(.collapsed),
#featuresAccordionB.ui-accordion .ui-accordion-header a:not(.collapsed),
.accordion.ui-accordion .ui-accordion-header a:not(.collapsed) {
  background: #f7f5f1;
}

#featuresAccordion.ui-accordion .ui-accordion-header a:active,
#featuresAccordionB.ui-accordion .ui-accordion-header a:active,
.accordion.ui-accordion .ui-accordion-header a:active {
  outline: none;
}

#featuresAccordion.ui-accordion .ui-accordion-header a span.text-new-my-lib,
#featuresAccordionB.ui-accordion .ui-accordion-header a span.text-new-my-lib,
.accordion.ui-accordion .ui-accordion-header a span.text-new-my-lib {
  display: inline;
}

#featuresAccordion .panel,
#featuresAccordionB .panel,
.accordion .panel {
  margin-top: 1px;
  border: none;
  background-color: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: none;
}

#featuresAccordion .panel:first-child,
#featuresAccordionB .panel:first-child,
.accordion .panel:first-child {
  margin-top: 0;
}

#featuresAccordion .panel .toggle_container,
#featuresAccordionB .panel .toggle_container,
.accordion .panel .toggle_container {
  margin-left: 24px;
  margin-top: 12px;
  margin-bottom: 32px;
}

#featuresAccordion .panel .toggle_container ul,
#featuresAccordionB .panel .toggle_container ul,
.accordion .panel .toggle_container ul {
  margin: 0;
}

#featuresAccordion .panel-default,
#featuresAccordionB .panel-default,
.accordion .panel-default {
  border-color: transparent;
}

#featuresAccordion.panel-group .panel + .panel,
#featuresAccordionB.panel-group .panel + .panel,
.accordion.panel-group .panel + .panel {
  margin-top: 1px;
}

#featuresAccordion h3,
#featuresAccordionB h3,
.accordion h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

#featuresAccordion a[role='button'],
#featuresAccordionB a[role='button'],
.accordion a[role='button'] {
  position: relative;
  background-color: white;
  transition: background-color 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

#featuresAccordion a[role='button']:before,
#featuresAccordionB a[role='button']:before,
.accordion a[role='button']:before {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 0.5em;
  left: 0.25em;
  color: #474645;
  transform: rotate(90deg);
  transition: all 0.25s ease-in;
}

#featuresAccordion a[role='button'].collapsed,
#featuresAccordionB a[role='button'].collapsed,
.accordion a[role='button'].collapsed {
  background-color: transparent;
}

#featuresAccordion a[role='button'].collapsed:before,
#featuresAccordionB a[role='button'].collapsed:before,
.accordion a[role='button'].collapsed:before {
  transform: rotate(0deg);
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
  color: #000000;
}

.panel.unstyled {
  margin-bottom: auto;
  background: none;
  border: none;
  box-shadow: none;
}

.panel-collapse > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 11px;
}

.panel-collapse > p {
  margin-left: 11px;
  margin-right: 11px;
}

#mobileOnly #featuresAccordion .panel:last-child,
#mobileOnly #featuresAccordionB .panel:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#mobileOnly .mobile-accordion-head {
  margin-bottom: 0;
}

#mobileOnly .mobile-accordion-head a {
  position: relative;
  display: block;
  padding: 0.625em;
  padding-right: 35px;
  color: #686664;
  font-weight: normal;
  text-align: left;
  background-color: #ededf0;
  border: 1px solid #898683;
}

#mobileOnly .mobile-accordion-head a:before {
  content: none !important;
}

#mobileOnly .mobile-accordion-head a:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  right: 0;
  height: auto;
  width: auto;
  left: initial;
  bottom: initial;
}

#mobileOnly .mobile-accordion-head a.no-arrow:after {
  content: none;
}

#mobileOnly .mobile-accordion-head a:hover, #mobileOnly .mobile-accordion-head a:not(.collapsed) {
  text-decoration: none;
  background-color: white;
}

#mobileOnly .mobile-accordion-head a:focus {
  text-decoration: none;
}

#mobileOnly .mobile-accordion-head a:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#mobileOnly .mobile-accordion-head a:not(.collapsed):after {
  transform: rotate3d(1, 0, 0, 180deg);
  color: #686664;
  position: absolute;
}

#mobileOnly .mobile-accordion {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #898683;
  border-top: none;
}

#mobileOnly .mobile-accordion .panel:last-child,
#mobileOnly .mobile-accordion .panel:last-child a,
#mobileOnly .mobile-accordion .panel:last-child .panel-collapse {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#mobileOnly .expand-list {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.mobile-accordion table {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#communityDiscussion.accordion {
  padding: 1em;
}

#communityDiscussion.accordion ul {
  margin-left: 0;
  margin-top: 10px;
}

.expand-list + .ui-accordion-header span.more {
  display: none;
}

.expand-list + .ui-accordion-header span.less {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  .expand-list + .ui-accordion-header span.less {
    font-size: 115%;
  }
}

.expand-list.collapse:not(.in) {
  position: relative;
  display: list-item;
  overflow: hidden;
  height: 200px !important;
}

@media screen and (min-width: 768px) {
  .expand-list.collapse:not(.in) {
    height: 300px;
  }
}

.expand-list.collapse:not(.in):after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}

.expand-list.collapse:not(.in) + .ui-accordion-header span.more {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  .expand-list.collapse:not(.in) + .ui-accordion-header span.more {
    font-size: 115%;
  }
}

.expand-list.collapse:not(.in) + .ui-accordion-header span.less {
  display: none;
}

div#partnerTable_wrapper #example .expand-list p {
  line-height: 1.5;
}

div#partnerTable_wrapper #example .expand-list + .ui-accordion-header span.more {
  display: none;
}

div#partnerTable_wrapper #example .expand-list + .ui-accordion-header span.less {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  div#partnerTable_wrapper #example .expand-list + .ui-accordion-header span.less {
    font-size: 115%;
  }
}

div#partnerTable_wrapper #example .expand-list.collapse:not(.in) {
  position: inherit;
  display: list-item;
  overflow: hidden;
  height: 60px !important;
}

@media screen and (min-width: 768px) {
  div#partnerTable_wrapper #example .expand-list.collapse:not(.in) {
    height: 300px;
  }
}

div#partnerTable_wrapper #example .expand-list.collapse:not(.in):after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}

div#partnerTable_wrapper #example .expand-list.collapse:not(.in) + .ui-accordion-header span.more {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  div#partnerTable_wrapper #example .expand-list.collapse:not(.in) + .ui-accordion-header span.more {
    font-size: 115%;
  }
}

div#partnerTable_wrapper #example .expand-list.collapse:not(.in) + .ui-accordion-header span.less {
  display: none;
}

div#partnerTable_wrapper #example .expand-list.collapsing {
  min-height: 60px !important;
}

@media screen and (min-width: 768px) {
  div#partnerTable_wrapper #example .expand-list.collapsing {
    min-height: 60px !important;
  }
}

a.show-hide {
  position: relative;
  display: inline-block;
  padding: 5px 35px 15px 15px;
  margin: 0 -15px;
  outline: none;
}

a.show-hide:hover, a.show-hide:focus, a.show-hide:active {
  text-decoration: none !important;
}

.expand-list + .ui-accordion-header a:after,
a.show-hide:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  transform: rotate(-180deg);
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

a.show-hide:after {
  position: relative;
  vertical-align: bottom;
}

.expand-list.collapse:not(.in) + .ui-accordion-header a:after,
a.show-hide.collapsed:after {
  transform: rotate(0deg);
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.expand-list + .ui-accordion-header a:after {
  top: initial;
  right: initial;
}

.expand-list + .ui-accordion-header a.show-hide:after {
  top: 6px;
  right: 20px;
}

.expand-list.collapsing {
  min-height: 200px !important;
}

@media screen and (min-width: 768px) {
  .expand-list.collapsing {
    min-height: 300px !important;
  }
}

.partner-group {
  max-height: 216px;
  overflow-y: auto;
  margin-bottom: 0;
  border: 1px solid var(--nxp-border-color);
}

.partner-group-wrapper {
  padding-top: 3em;
  padding-bottom: 3em;
}

.partner-group-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 15px;
}

.partner-group-heading {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .partner-group-select {
    margin-left: auto;
  }
}

.partner-item {
  border: none;
}

.partner-item + .partner-item {
  border-top: 1px solid var(--nxp-border-color);
}

.partner-group .partner-item + .partner-item {
  margin-top: 0;
}

.partner-heading {
  padding: 0;
}

.partner-title {
  position: relative;
  display: flex;
  padding: 10px 15px 10px 30px;
}

.partner-title:hover {
  text-decoration: none;
}

.partner-title:not(.collapsed) {
  background-color: #f7f5f1;
}

.partner-title:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 0.75em;
  left: 10px;
  color: #000000;
  transform: rotate(0deg);
  transition: transform 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.partner-title.collapsed:after {
  transform: rotate(-90deg);
}

.partner-product {
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.partner-name {
  align-self: center;
  text-align: left;
  min-width: 41.6666666667%;
  margin-left: auto;
  font-size: 14px;
  color: #686664;
}

.partner-body {
  padding: 15px;
}

.partner-details {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
  margin-right: -15px;
  margin-left: -15px;
}

.partner-media {
  min-width: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .partner-media {
    max-width: 25%;
    flex-grow: 1;
  }
}

.partner-description {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .partner-description {
    width: 75%;
    flex-grow: 1;
  }
}

.partner-resources {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.partner-resources:before {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background-color: var(--nxp-border-color);
}

.partner-resource {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .partner-resource {
    width: 25%;
    flex-grow: 1;
  }
}

.partner-devices .partner-list {
  padding-left: 0;
  list-style: none;
}

.partner-devices .partner-list > li {
  padding-left: 0;
}

#overview,
.overview {
  margin-bottom: 2em;
}

#overview .expand-list.collapse:not(.in),
.overview .expand-list.collapse:not(.in) {
  height: 312px !important;
}

@media screen and (min-width: 768px) {
  #overview,
  .overview {
    margin-bottom: 0.5em;
  }
}

#overviewSectionDiv p:last-child {
  margin-bottom: 0;
}

div#overview + .expand-list.collapse:not(.in) {
  height: 300px !important;
}

div#featuresExpand.collapse + p#featureSectionMore,
div#featuresExpand.collapsing + p#featureSectionMore {
  display: block;
}

@media screen and (min-width: 1200px) {
  div#featuresExpand.collapse + p#featureSectionMore,
  div#featuresExpand.collapsing + p#featureSectionMore {
    display: none;
  }
}

div#overviewExpand.collapse + p#overviewSectionMore,
div#featuresExpand.collapse + p#featureSectionMore {
  margin-bottom: 0px;
  border-top: 1px dashed #aaa6a2;
  margin-top: 15px;
}

@media screen and (min-width: 1200px) {
  .col-lg-6 div#overviewExpand.collapse + p#overviewSectionMore, .col-lg-6
  div#featuresExpand.collapse + p#featureSectionMore {
    margin-right: calc(-100% - 30px);
  }
}

div#overviewExpand.collapse + p#overviewSectionMore a.show-hide,
div#featuresExpand.collapse + p#featureSectionMore a.show-hide {
  padding-bottom: 5px;
}

.is-high-level.overview {
  padding-bottom: 3em;
  margin-bottom: 0;
}

.is-high-level .overview-header {
  margin-bottom: 24px;
}

.is-high-level .overview-header > h1.overview-title {
  margin-bottom: 0;
}

.is-high-level .overview-header > h3.overview-subtitle {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 22px;
}

.is-high-level .overview-intro {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 30px;
}

.is-high-level .overview-intro.inline {
  display: block;
}

.is-high-level .overview-intro.inline .showHideToggleText {
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .is-high-level .overview-intro.inline .toggle-opacity {
    height: 0px;
    overflow: hidden;
    min-height: 257px !important;
  }
}

.is-high-level .overview-intro.inline .toggle-opacity:not(.in)::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.is-high-level .overview-intro:only-child {
  padding-top: 15px;
  margin-bottom: 0;
}

.is-high-level .overview-media {
  align-self: center;
  max-width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (max-width: 991px) {
  .is-high-level .overview-media {
    display: none;
  }
}

.is-high-level .overview-media svg {
  display: block;
  width: 75%;
  max-width: 160px;
  fill: #000000;
}

.is-high-level .overview-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .is-high-level .overview-text {
    flex-basis: 0;
    flex-grow: 1;
    margin-bottom: 0;
  }
}

.is-high-level .overview-text p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.is-high-level .overview-text > :last-child {
  margin-bottom: 0;
}

.is-high-level .overview-text .buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0 32px 0;
}

.is-high-level .overview-text .buttons .btn, .is-high-level .overview-text .buttons .nav-close {
  margin: 9px 8px 0 0;
}

.is-high-level .overview-text .buttons .btn span[class*='icon-'], .is-high-level .overview-text .buttons .nav-close span[class*='icon-'] {
  margin-right: 6px;
}

.is-high-level .overview-actions {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .is-high-level .overview-actions {
    max-width: 25%;
  }
}

.is-high-level .overview-data {
  margin-bottom: 15px;
}

.is-high-level .overview-aux {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1200px) {
  .is-high-level .overview-aux {
    width: 83.3333333333%;
  }
}

.is-high-level .overview-aux-item {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 480px) {
  .is-high-level .overview-aux-item {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .is-high-level .overview-aux-item {
    width: 25%;
    flex-grow: 1;
  }
}

.is-high-level .overview-aux-title {
  position: relative;
  font-size: 20px;
  border-color: transparent;
}

.is-high-level .overview-aux-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  display: block;
  width: 0;
  height: 1em;
  border-color: inherit;
  border-style: solid;
  border-width: 3px;
}

.is-high-level .overview-aux-links {
  padding-left: 0;
  list-style: none;
}

.is-high-level .overview-aux-links > li {
  padding-left: 0;
}

.is-high-level .overview-button {
  padding-top: 16px;
  border-top: 1px solid #d4cfc5;
}

.is-high-level .overview-button .buttons {
  display: flex;
  flex-wrap: wrap;
}

.is-high-level .overview-button .buttons .btn, .is-high-level .overview-button .buttons .nav-close {
  margin: 9px 8px 0 0;
}

.is-high-level .overview-button .buttons .btn span[class*='icon-'], .is-high-level .overview-button .buttons .nav-close span[class*='icon-'] {
  margin-right: 6px;
}

.is-high-level .overview-button .description {
  margin-top: 10px;
}

.is-high-level .overview-button .description p {
  font-family: inherit;
  color: #686664;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 10px;
}

.is-high-level.overview.new-overview :last-child {
  margin-bottom: 0px;
}

.table-container .is-high-level.overview.new-overview {
  padding-bottom: 24px;
}

@media all and (min-width: 480px) and (max-width: 991px) {
  .is-high-level .overview-content {
    flex-direction: column;
  }
  .is-high-level .overview-content-media {
    justify-content: flex-start;
  }
}

.nav-tabs {
  position: relative;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  height: 48px;
  margin: 0 auto 1em;
  white-space: nowrap;
  background-color: #f7f5f1;
  border-bottom: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 992px) {
  .nav-tabs {
    overflow: visible;
    height: auto;
    white-space: normal;
    box-shadow: none;
  }
}

.nav-tabs:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -1px;
  right: 50%;
  display: block;
  width: 100vw;
  background-color: #f7f5f1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transform: translateX(50%);
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .nav-tabs:before,
  .app-column-right .nav-tabs:before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .nav-tabs:before,
  .app-column-right .nav-tabs:before {
    width: calc(100vw - 300px);
  }
}

.nav-tabs > li {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  margin-bottom: -1px;
  border-right: 1px solid #ebe7dd;
}

@media screen and (min-width: 992px) {
  .nav-tabs > li {
    flex-shrink: 1;
    border-right: none;
  }
}

.nav-tabs > li > a {
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 10px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.428571429;
  color: #474645;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background-color: #f7f5f1;
  border: none;
  border-radius: 0 0 0 0;
}

@media screen and (min-width: 992px) {
  .nav-tabs > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    font-size: 85.7%;
    background-color: #f7f5f1;
    margin-right: 0;
  }
}

.nav-tabs > li > a:active, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  border: none;
  background-color: inherit;
}

@media screen and (min-width: 992px) {
  .nav-tabs > li > a:hover {
    color: #474645;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #ebe7dd;
  }
}

.nav-tabs > li.active {
  box-shadow: 0 -5px 0 0 #f9b500 inset;
}

@media screen and (min-width: 768px) {
  .nav-tabs > li.active {
    box-shadow: none;
    position: relative;
  }
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: none;
  background-color: inherit;
}

@media screen and (min-width: 992px) {
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000000;
    cursor: pointer;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid white;
  }
}

@media screen and (min-width: 992px) {
  .nav-tabs > li:first-of-type > a,
  .nav-tabs > li.active:first-of-type > a,
  .nav-tabs > li.active:first-of-type > a:hover {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
}

.tab-content {
  padding-top: 2em;
}

.tab-content:not(.tab-content-secondary) .tab-pane > :first-child {
  padding-top: 0;
  margin-top: 0;
}

.nav-tabs-wrapper {
  position: relative;
  box-shadow: none;
  border: none;
  background-color: white;
  z-index: 2;
}

.nav-tabs-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: inherit;
  transform: translateX(50%);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .nav-tabs-wrapper:before,
  .app-column-right .nav-tabs-wrapper:before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .nav-tabs-wrapper:before,
  .app-column-right .nav-tabs-wrapper:before {
    width: calc(100vw - 300px);
  }
}

.nav-tabs.nav-tabs-secondary {
  background-color: transparent;
  gap: 24px;
  margin: 0;
  overflow: auto;
  height: auto;
  white-space: normal;
  box-shadow: none;
  transition: all ease-in-out 300ms;
}

.nav-tabs.nav-tabs-secondary:before {
  all: revert;
}

.nav-tabs.nav-tabs-secondary > li {
  flex-grow: unset;
  border: unset;
  margin: 0;
}

.nav-tabs.nav-tabs-secondary > li > a {
  padding: 16px 0;
  background-color: unset;
  border: unset;
  margin-right: 0;
  color: #000000;
  text-transform: unset;
  letter-spacing: unset;
  font-weight: unset;
  font-size: 14px;
}

@media (min-width: 768px) {
  .nav-tabs.nav-tabs-secondary > li > a {
    font-size: 16px;
  }
}

.nav-tabs.nav-tabs-secondary > li:hover::before {
  content: ' ';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #000000;
  border-bottom: 3px solid #ff7400;
}

.nav-tabs.nav-tabs-secondary > li.active {
  box-shadow: unset;
}

.nav-tabs.nav-tabs-secondary > li.active > a {
  color: #000000;
}

.nav-tabs.nav-tabs-secondary > li.active > a::before,
.nav-tabs.nav-tabs-secondary > li.active > a:hover::before,
.nav-tabs.nav-tabs-secondary > li.active > a:focus::before {
  content: ' ';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-bottom: 3px solid #ff7400;
}

@media screen and (min-width: 992px) {
  .nav-tabs.nav-tabs-secondary > li.active > a,
  .nav-tabs.nav-tabs-secondary > li.active > a:hover,
  .nav-tabs.nav-tabs-secondary > li.active > a:focus {
    background-color: unset;
    border: unset;
  }
}

ul.treeview {
  color: #686664;
}

ul.treeview,
ul.treeview ul {
  padding: 0;
  list-style-type: none;
}

ul.treeview li {
  position: relative;
  padding: 5px 5px 5px 25px;
}

ul.treeview li:before {
  content: "\f068";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  left: 0;
  top: 0.75em;
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  font-size: 8px;
  color: #898683;
  text-align: center;
  line-height: 18px;
  background-color: transparent;
  transition: all 0.25s ease;
}

ul.treeview li.collapsible:before, ul.treeview li.expandable:before {
  border: 1px solid #898683;
  border-radius: 2px;
}

ul.treeview li.collapsible:before {
  color: #898683;
}

ul.treeview li.expandable:before {
  content: "\f067";
  color: #898683;
}

ul.treeview .hitarea {
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
}

ul.treeview .hitarea:hover {
  cursor: pointer;
}

.product-list {
  padding-top: 3em;
  padding-bottom: 1em;
}

.product-list-item {
  margin-bottom: 2em;
}

.product-list-item .title-and-elements {
  margin-top: 0;
}

.product-list-media {
  margin-bottom: 10px;
}

.product-list-media .product-list-image {
  max-width: 50px;
}

.product-list-media.icon-span span {
  font-size: 50px;
  width: 64px;
  height: 64px;
  color: black;
}

.product-list-icon {
  font-size: 32px;
  color: #000000;
}

svg.product-list-icon {
  width: 32px;
  fill: #000000;
}

.product-list-image img {
  margin-bottom: 1em;
}

.product-list-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
}

.product-list-subtitle, .product-list-title + h6:not([class]) {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
  margin-top: 6px;
  margin-bottom: 10px;
}

.product-list-description :last-child {
  margin-bottom: 0;
}

.product-list.is-links {
  padding-bottom: 2em;
}

.product-list.is-links .product-list-item {
  margin-bottom: 1em;
}

.product-list h3:not([class]) {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
  margin-top: 0;
}

.product-list.product-list-featured .product-list-description .list-unstyled li, .product-list.product-list-featured .product-list-description .jumpto ul li, .jumpto .product-list.product-list-featured .product-list-description ul li {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.product-list.product-list-featured .product-list-description .list-unstyled li a, .product-list.product-list-featured .product-list-description .jumpto ul li a, .jumpto .product-list.product-list-featured .product-list-description ul li a {
  color: inherit;
}

.product-list.product-list-featured .product-list-description .list-unstyled li a:hover, .product-list.product-list-featured .product-list-description .jumpto ul li a:hover, .jumpto .product-list.product-list-featured .product-list-description ul li a:hover {
  text-decoration: underline;
}

/* begin _filters.scss */
.filter-container {
  position: relative;
  max-width: 100%;
}

.filter-container:before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ebe7dd;
}

.filter-options {
  display: none;
  font-size: 14px;
  margin-top: 1.714285em !important;
  margin-bottom: calc(1.714285em / 2) !important;
  line-height: 1.7857;
}

@media screen and (min-width: 768px) {
  .filter-options {
    display: block;
  }
}

.filter-button-container {
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .filter-button-container {
    display: none;
  }
}

.filter-container .input-group input {
  height: 34px;
}

.filter-container .input-group .btn, .filter-container .input-group .nav-close {
  height: 34px;
  padding: 0 1.5rem;
  border-color: #d4cfc5;
  box-shadow: none;
}

.filter-container .input-group .btn .icon-search2, .filter-container .input-group .nav-close .icon-search2 {
  font-size: 16px;
}

.filternav {
  padding-left: 0;
  list-style: none;
  height: 0;
  max-height: 0;
  overflow: scroll;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.175);
  transition: all 700ms cubic-bezier(0.04, 0, 0.2, 1);
}

.filternav > li {
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .filternav {
    display: block;
    height: auto;
    max-height: none;
    overflow: hidden;
    margin-top: 0.75em;
    box-shadow: none;
  }
}

.filternav > li {
  margin-bottom: 0;
  background: #f7f5f1;
}

@media screen and (min-width: 768px) {
  .filternav > li {
    background: transparent;
  }
}

.filternav > li a {
  display: block;
  padding: 0.75em 2.25em 0.75em 2.5em;
  font-size: 1em;
  color: #000000;
}

.filternav > li a:hover, .filternav > li a.selected {
  color: #000000;
  text-decoration: none;
  background-color: #f7f5f1;
}

.filternav > li a.sub-category .icon-minus {
  border-color: transparent;
}

@media screen and (min-width: 768px) {
  .filternav > li a {
    padding: 5px 10px;
    font-size: 0.75em;
  }
}

.filternav > li a .icon {
  position: absolute;
  top: 1.25em;
  left: 0.75em;
  padding: 3px;
  font-size: 0.75em;
  border: 1px solid #898683;
  border-radius: 3px;
}

@media screen and (min-width: 768px) {
  .filternav > li a .icon {
    display: none;
  }
}

.filternav > li a .icon-right {
  position: absolute;
  top: 0.75em;
  right: 9px;
}

@media screen and (min-width: 768px) {
  .filternav > li a .icon-right {
    display: none;
  }
}

.innerfilternav {
  padding-left: 0;
  list-style: none;
  display: none;
  overflow: hidden;
  transition: all 650ms;
}

.innerfilternav > li {
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .innerfilternav {
    display: block;
  }
}

.innerfilternav > li {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .innerfilternav > li {
    padding-left: 10px;
    background: transparent;
  }
}

.innerfilternav > li a {
  padding: 0.75em 2.25em 0.75em 4em;
}

.innerfilternav > li a .icon {
  top: 1.1em;
  left: 2.75em;
}

.innerfilternav > li a .icon-minus {
  border: none;
}

@media screen and (min-width: 768px) {
  .innerfilternav > li a {
    padding: 3px 0 3px 20px;
  }
}

@media screen and (min-width: 768px) {
  .filternav > li a.sub-category-all {
    display: none;
  }
}

.search-results {
  height: auto;
  max-height: none;
}

#search_results_item {
  position: relative;
  margin-top: 0.25em;
}

@media screen and (min-width: 768px) {
  #search_results_item {
    display: none;
  }
}

#search_results_item .content-pre {
  display: block;
}

#search_results_item .category {
  position: relative;
}

#search_results_item .category:before {
  content: 'Filtered By:';
  position: relative;
  display: block;
  font-style: italic;
}

#search_results_item .remove-result {
  position: absolute;
  top: 50%;
  right: 0;
  width: 29px;
  height: 29px;
  padding: 8px 25px 8px 8px;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.filternav .clear-filter-button {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .filternav .clear-filter-button {
    display: none;
  }
}

#filternav {
  transition: height 650ms;
}

@media screen and (max-width: 768px) {
  #filternav .reveal {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #filternav.reveal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    max-height: none;
    background: #ededf0;
    z-index: 99;
  }
}

@media screen and (min-width: 768px) {
  #filternav .menu-close {
    display: none;
  }
}

#filternav .clear-filter-button .btn, #filternav .clear-filter-button .nav-close {
  display: block;
  width: 60%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #filternav .selected a {
    color: #000000;
    text-decoration: none;
    background-color: #f7f5f1;
  }
}

#filternav .icon-right.icon-checkmark {
  display: none;
}

#filternav .selected .icon-right.icon-checkmark {
  display: block;
}

@media screen and (min-width: 768px) {
  #filternav .selected .icon-right.icon-checkmark {
    display: none;
  }
}

/* end _filters.scss */
.getHelp .communityModule-outer {
  padding: 48px 0px;
}

@media only screen and (max-width: 768px) {
  .getHelp .communityModule-outer {
    padding: 24px 0px;
  }
}

.getHelp .communityModule-outer .communityModule-title {
  padding-bottom: 0px;
}

.component-wrapper .col-lg-8 #Support .communityModule-title {
  margin-bottom: 20px !important;
  margin-top: 0px;
  font-size: 30px;
}

@media screen and (min-width: 768px) {
  .communityModule-outer {
    width: 83.3333333333%;
  }
}

.communityModule-title {
  margin: 0px !important;
  font-size: 30px;
  font-weight: 600;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .communityModule-title {
    font-size: 30px !important;
  }
}

.communityModule-subtitle {
  font-size: 20px;
}

.communityModule ul.dropdown-menu {
  margin: 0;
}

.communityModule ul.dropdown-menu li {
  display: block;
  margin: 0;
  padding: 0;
}

.communityModule ul.dropdown-menu li a {
  display: block;
  padding: 5px 20px;
  color: #000000;
  text-decoration: none;
}

.communityModule ul.dropdown-menu li:first-child {
  padding: 5px 20px;
  color: var(--nxp-secondary-color);
  font-size: 16px;
}

.communityModule span.input-group-btn a:visited {
  color: #fff;
}

.communityModule span.toggle-helper {
  display: none;
}

.communityModule-inner .grouped-links {
  padding: 48px 0 0 0;
}

.communityModule-inner .grouped-links h4 {
  font-size: 12px;
  font-weight: 600;
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: "Poppins", sans-serif;
}

.communityModule-inner .grouped-links-list {
  columns: 205px 1;
}

div.communityQuickLinks ul li a:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
}

.offer-component div.communityQuickLinks ul li a:after {
  content: '';
}

div.communityQuickLinks ul li a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, div.communityQuickLinks ul li a[href*='community.nxp.com']:after, div.communityQuickLinks ul li a[href*='docs.nxp.com']:after, div.communityQuickLinks ul li a[href*='investors.nxp.com']:after, div.communityQuickLinks ul li a[href*='nxpcup.nxp.com']:after, div.communityQuickLinks ul li a[href*='support.nxp.com']:after, div.communityQuickLinks ul li a[href*='showroom.nxp.com']:after, div.communityQuickLinks ul li a[href*='investorday.nxp.com']:after, div.communityQuickLinks ul li a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

div.communityQuickLinks ul li a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, div.communityQuickLinks ul li a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, div.communityQuickLinks ul li a.btn[href*='community.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='community.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='docs.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='docs.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='investors.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='investors.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='nxpcup.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='nxpcup.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='support.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='support.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='showroom.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='showroom.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='investorday.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='investorday.nxp.com']:after, div.communityQuickLinks ul li a.btn[href*='mcuxpresso.nxp.com']:after, div.communityQuickLinks ul li a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

div.communityQuickLinks ul li a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.communityModule + .grouped-links {
  padding-top: 2em;
}

#community-demo + div > #media {
  margin-bottom: 1em;
}

.megamenu-inner .liveagent_links {
  padding: 6px 0px;
}

.megamenu-inner .liveagent_links a {
  padding: 0px;
  color: var(--nxp-link-color);
}

[id*='liveagent_invite_button_'] {
  width: 150px;
  top: 100vh !important;
  z-index: 1009 !important;
  -webkit-transform: translateY(-90px) !important;
  transform: translateY(-90px) !important;
}

@media only screen and (max-width: 1024px) {
  [id*='liveagent_invite_button_'] {
    -webkit-transform: translateY(-118px) !important;
    transform: translateY(-118px) !important;
  }
}

@media only screen and (max-width: 500px) {
  [id*='liveagent_invite_button_'] {
    -webkit-transform: translate(10px, 0px) !important;
    transform: translate(10px, 0px) !important;
  }
}

[id*='liveagent_invite_button_'] .btn-invite {
  margin-left: auto;
  padding: 14px 12px;
}

.btn-invite {
  display: flex;
  align-items: center;
  min-width: 50px;
  height: 50px;
  color: white;
  background-color: #ff7400;
  border-radius: 25px;
}

.btn-invite > [class*='icon-'] {
  font-size: 24px;
}

.btn-invite-text {
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
  display: inline-flex;
  width: 0.1px;
  /* width: auto;
    max-width: 1px; */
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 300ms ease-in-out;
}

.btn-invite:hover .btn-invite-text {
  width: 72px;
}

.btn-invite:hover {
  color: white;
}

/* minimized PreChat button */
button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

.modalContainer.embeddedServiceSidebar .minimizedContainer.helpButton:focus {
  text-decoration: none !important;
}

.modalContainer.embeddedServiceSidebar .minimizedContainer.helpButton {
  height: 50px !important;
  bottom: 4px !important;
  width: unset !important;
  right: 20px !important;
  border-radius: 25px !important;
  box-shadow: 1px 2px 4px rgba(51, 63, 72, 0.35) !important;
  min-width: 0 !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  background-color: var(--nxp-link-color) !important;
  border: 0 !important;
  font-family: "Poppins", sans-serif !important;
}

.modalContainer .minimizedContainer.helpButton:hover {
  background-color: #163e8e !important;
}

.modalContainer .helpButton .content {
  padding: 0 !important;
}

.modalContainer .helpButton .messageContent {
  margin: 0px !important;
}

.modalContainer .helpButton .messageContent .embeddedServiceIcon {
  content: url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 512 512" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>') !important;
  margin-right: 10px;
}

/* live chat button */
.embeddedServiceHelpButton .helpButtonDisabled {
  display: none !important;
}

.embeddedServiceHelpButton .helpButton {
  width: unset !important;
  height: 54px !important;
  right: 20px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  height: 50px !important;
  border-radius: 25px !important;
  box-shadow: 1px 2px 4px rgba(51, 63, 72, 0.35) !important;
  min-width: 0 !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  transition: padding-left 1s,
 padding-right 1s,
 max-width 1s;
  transition-timing-function: cubic-bezier(0.04, 0, 0.2, 1);
  background-color: var(--nxp-link-color) !important;
  font-family: "Poppins", sans-serif !important;
}

.embeddedServiceHelpButton .helpButton .uiButton:hover::before,
.embeddedServiceHelpButton .helpButton .uiButton:focus::before {
  display: none !important;
}

.embeddedServiceHelpButton .helpButton .uiButton:hover {
  background-color: #163e8e !important;
}

.embeddedServiceHelpButton .helpButton .mini {
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: 50px !important;
  transition: padding-left 1.5s,
 padding-right 1.5s,
 max-width 1.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.embeddedServiceHelpButton .helpButton .mini:hover {
  padding-left: 22px !important;
  padding-right: 22px !important;
  max-width: 220px !important;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
  margin-right: 10px !important;
}

.embeddedServiceHelpButton .embeddedServiceIcon::before {
  content: url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 512 512" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>') !important;
}

.embeddedServiceHelpButton .helpButtonEnabled:focus .helpButtonLabel {
  text-decoration: none !important;
}

/* live chat button end */
/* live chat window */
.embeddedServiceSidebar.layout-docked .dockableContainer,
.embeddedServiceSidebar.layout-float .dockableContainer {
  box-shadow: 0 4px 8px rgba(51, 63, 72, 0.15) !important;
}

a.embeddedServiceLiveAgentStateChatHeaderOption:hover {
  color: white !important;
}

.embeddedServiceSidebar h2 {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.embeddedServiceSidebarButton {
  height: 35px !important;
  border: none !important;
}

.embeddedServiceSidebarButton .label {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.embeddedServiceSidebarButton:focus {
  text-decoration: none !important;
  box-shadow: none !important;
}

.embeddedServiceSidebarButton.dialog-button-0,
.embeddedServiceSidebarButton.uiButton--default:not(.startButton) {
  background: #262626 !important;
}

.embeddedServiceSidebarButton.dialog-button-1,
.embeddedServiceSidebarButton.uiButton--inverse,
.embeddedServiceSidebarButton.uiButton--inverse:focus {
  background: none !important;
}

.embeddedServiceSidebarButton.dialog-button-1 .label,
.embeddedServiceSidebarButton.uiButton--inverse .label {
  color: #262626 !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatHeader .chatOptions {
  margin-top: 0;
}

.embeddedServiceSidebar .embeddedServiceSidebarExtendedHeader {
  padding-top: 40px;
  background-color: var(--nxp-link-color) !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .messageArea {
  background-color: #f7f5f1;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage {
  background-color: #f7f5f1;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .chatSessionStartTime {
  font-size: 12px;
  color: #4e616e;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatEventMessage .eventMessage {
  font-size: 12px;
  color: #4e616e;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatEventMessage .eventMessage:before,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatEventMessage .eventMessage:after {
  border-top: 1px solid #4e616e;
  top: 6px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatAvatar {
  display: none;
}

.embeddedServiceSidebar .embeddedServiceSidebarState .embeddedServiceLiveAgentStatePrechatDefaultUI.cEVE_PrechatForm .formContent.embeddedServiceSidebarForm {
  background-color: white !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.plaintextContent {
  font-size: 16px;
  border-radius: 0 0 0 0;
  margin-left: 0 !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
  color: #262626;
  background-color: #fff;
  border-radius: 0 0 0 0 !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .nameAndTimeContent {
  font-size: 12px;
  color: #4e616e;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.agent .agentName {
  margin-left: 0 !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.agent .timeContent.onlyTimeDisplayed {
  margin-left: 0 !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
  background-color: #deecf7;
  color: #262626;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
  background-color: var(--nxp-link-color) !important;
  border-color: var(--nxp-link-color) !important;
  height: 50px !important;
  bottom: 4px !important;
  width: unset !important;
  right: 20px !important;
  border-radius: 25px !important;
  box-shadow: 1px 2px 4px rgba(51, 63, 72, 0.35) !important;
  border: 0 !important;
  font-family: "Poppins", sans-serif !important;
  min-width: 0 !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus,
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover {
  background-color: #163e8e !important;
  outline: 0 !important;
  text-decoration: none !important;
}

.embeddedServiceSidebar .sidebarBody {
  top: 40px;
}

.embeddedServiceSidebar .embeddedServiceSidebarHeader.extended .extendedHeader {
  transform: translate(0, 40px);
}

.embeddedServiceSidebar .embeddedServiceSidebarHeader {
  background-color: var(--nxp-link-color) !important;
}

.embeddedServiceSidebarHeader .headerItem:focus:before,
.embeddedServiceSidebarHeader .headerItem:hover:before,
.embeddedServiceSidebarHeader .headerItem:focus:after {
  border: unset !important;
  background-color: unset !important;
}

.embeddedServiceSidebarHeader .shortHeaderContent .headerText button.headerButton:focus .headerTextContent,
.embeddedServiceSidebarHeader .shortHeaderContent .headerButton:focus {
  text-decoration: none;
}

.embeddedServiceSidebarHeader .shortHeaderContent button.headerButton:hover:before,
.embeddedServiceSidebarHeader .shortHeaderContent button.headerButton:focus:before {
  display: none;
}

.embeddedServiceSidebarHeader .shortHeaderContent button.headerButton:hover:after,
.embeddedServiceSidebarHeader .shortHeaderContent button.headerButton:focus:after {
  display: none;
}

.embeddedServiceSidebarHeader a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:focus {
  text-decoration: none;
}

.embeddedServiceSidebarHeader a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:hover:after,
.embeddedServiceSidebarHeader a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:focus:after,
.embeddedServiceSidebarHeader a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:hover:before,
.embeddedServiceSidebarHeader a.chatOption.embeddedServiceLiveAgentStateChatHeaderOption:focus:before {
  display: none !important;
}

.embeddedServiceSidebarHeader .minimize.embeddedServiceIcon svg.icon {
  display: none !important;
}

.embeddedServiceSidebarHeader .minimize.embeddedServiceIcon::after {
  content: url('data:image/svg+xml;utf8,<svg fill="white" height="14" viewBox="0 0 448 512" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>') !important;
}

.embeddedServiceSidebarHeader h2.headerText {
  font-size: 16px;
}

.embeddedServiceSidebar .embeddedServiceSidebarHeader .headerChevron {
  visibility: hidden;
}

.embeddedServiceSidebarHeader .agentInfo.fade.fade-4x {
  display: none !important;
}

.embeddedServiceSidebarHeader .fade.fade-4x {
  display: none !important;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatHeaderOption .embeddedServiceIcon {
  display: none;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatHeader .content {
  height: 40px !important;
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
  width: 320px !important;
}

.embeddedServiceSidebar .messageArea div.spacer {
  display: none;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentQueuePosition.queuePositionTransferring .queuePositionNumber {
  font-size: 20px;
}

.chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper {
  display: none !important;
}

.chatContent .embeddedServiceLiveAgentStateChatButtonItem:disabled {
  background-color: unset;
}

.chatContent .embeddedServiceLiveAgentStateChatButtonItem:disabled .label {
  color: #333333;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage .chatContent button:disabled:hover span.label,
.embeddedServiceLiveAgentStateChatItem.chatMessage .chatContent button:disabled:hover:focus span.label {
  color: white;
}

.embeddedMessagingFrame {
  right: 24px !important;
  bottom: 115px !important;
  position: fixed;
  z-index: 999 !important;
  height: calc(100vh - 180px) !important;
  max-height: 480px !important;
}

@media only screen and (max-width: 1300px) {
  .embeddedMessagingFrame {
    max-height: 80vh !important;
    right: 0px !important;
    bottom: 18px !important;
  }
}

.embeddedMessagingConversationButton {
  right: 24px !important;
  bottom: 115px !important;
  position: fixed;
  z-index: 999 !important;
}

/* live chat window end */
.smart-chat {
  width: 150px;
  right: 24px;
  bottom: 115px;
  position: fixed;
  z-index: 999 !important;
}

.smart-chat .btn, .smart-chat .nav-close {
  margin-left: auto;
  padding: 14px 12px;
}

.smart-chat .btn-invite > [class*='icon-'] {
  font-size: 24px;
}

.smart-chat .btn-invite-text {
  width: 0.1px;
}

.btn-invite:hover .smart-chat .btn-invite-text {
  width: 180px;
}

.smart-chat .btn-invite:hover {
  color: white;
}

.smart-chat .btn-invite:hover .btn-invite-text {
  width: 92px;
  padding-left: 8px;
}

.smart-chat .btn-invite:focus, .smart-chat .btn-invite:active {
  color: white;
}

.smart-chat .loading-div-icon .spin-icon {
  font-size: 18px;
  margin-left: 8px;
}

@keyframes smartAnimation {
  from {
    margin-left: 25px;
    margin-top: 25px;
    left: 100%;
    top: 100%;
  }
  to {
    margin-left: -175px;
    margin-top: -75px;
    left: 100%;
    top: 100%;
  }
}

.rate-widget .icon-star.icon-star3 {
  color: #f9b500;
}

.rating-stars {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  line-height: 0px;
  vertical-align: super;
  display: inline-block;
}

.rating-stars > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  font-family: "Font Awesome";
}

.rating-stars > span:before {
  content: "\f005";
  position: absolute;
  left: 0;
}

.rating-stars > span:hover,
.rating-stars > span:hover ~ span {
  color: transparent;
}

.rating-stars > span:hover:before,
.rating-stars > span:hover ~ span:before {
  content: "\f005";
  position: absolute;
  left: 0;
  color: #f9b500;
}

.video-views {
  display: inline-block;
}

.affix.video-container, .affix.video-embed-container {
  position: initial;
}

@media screen and (max-width: 992px) {
  .video-container + .row > .col-sm-6, .video-embed-container + .row > .col-sm-6 {
    padding-left: 15px !important;
  }
}

@media screen and (max-width: 769px) {
  .affix.video-container, .affix.video-embed-container {
    top: 0;
    left: 0;
    padding: 0px 0px 10px 0px;
    background-color: white;
    z-index: 1;
    width: 100%;
    position: fixed;
    z-index: 20;
  }
  .videoThumbnail .video {
    width: auto;
  }
}

.videoThumbnail.row {
  padding-bottom: 10px;
}

.videoThumbnail .video {
  padding-right: 0px;
}

.videoThumbnail .videoThumbnail-content {
  font-size: 1.2rem;
}

.videoThumbnail .videoThumbnail-content .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.videoThumbnail .videoThumbnail-content .views {
  float: left;
}

.videoThumbnail .videoThumbnail-content .time {
  float: right;
}

.video-player {
  padding-top: 2em;
}

.vspoverview {
  margin-bottom: 3em;
}

.video-list.media-flex, .video-list.media-flex-ste {
  padding-top: 2em;
  padding-bottom: 2em;
}

.video-list.media-flex .media-flex-list, .video-list.media-flex-ste .media-flex-list {
  column-count: 2;
  column-gap: 30px;
  column-width: 280px;
}

.video-list.media-flex .media-flex-list > .media-flex-item, .video-list.media-flex-ste .media-flex-list > .media-flex-item {
  break-inside: avoid;
}

.video-list.media-flex .media-flex-item, .video-list.media-flex-ste .media-flex-item {
  flex-direction: row;
  margin-bottom: 15px;
}

.video-list.media-flex .media-flex-header, .video-list.media-flex-ste .media-flex-header {
  margin-bottom: 0;
}

.video-list.media-flex .media-flex-media, .video-list.media-flex-ste .media-flex-media {
  align-self: flex-start;
  max-width: 200px;
  margin-top: 5px;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .video-list.media-flex .media-flex-media, .video-list.media-flex-ste .media-flex-media {
    max-width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .video-list.media-flex .media-flex-media, .video-list.media-flex-ste .media-flex-media {
    max-width: 50%;
  }
}

.video-list.media-flex .media-flex-duration, .video-list.media-flex-ste .media-flex-duration {
  position: absolute;
  bottom: 0;
  right: 15px;
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
}

.video-list.media-flex .media-flex-title, .video-list.media-flex-ste .media-flex-title {
  margin-top: 0;
}

.video-list.media-flex .media-flex-body, .video-list.media-flex-ste .media-flex-body {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .video-list.media-flex .media-flex-body, .video-list.media-flex-ste .media-flex-body {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .video-list.media-flex .media-flex-heading, .video-list.media-flex-ste .media-flex-heading {
    font-size: 14px;
  }
}

#progressBar {
  text-align: center;
}

.progressBar {
  background-color: white;
  border: 1px solid #262626;
  width: 25%;
  margin: auto;
  height: 10px;
}

.progressBar > div {
  background-color: orange;
  width: 0%;
  /* Adjust with JavaScript */
  height: 8px;
}

/* General Stepper */
.stepper.stepper-general .stepper-step .stepper-content {
  height: auto !important;
}

/* ecommerce - vertical form for the payment summary */
.ecommerce-form-container .stepper-table-ecommerce td {
  font-size: 12px;
  line-height: 10px;
}

.ecommerce-form-container .stepper-table-ecommerce td input {
  max-width: 100px;
}

.ecommerce-form-container .stepper-terms-conditions {
  color: #686664;
  padding-top: 1em;
  margin-top: 1em;
}

.ecommerce-form-container .stepper-terms-conditions a {
  color: #686664;
  text-decoration-line: underline;
}

.ecommerce-form-container .stepper-forms {
  border: 1px solid var(--nxp-border-color);
  padding: 0px;
}

.ecommerce-form-container .stepper-forms p {
  padding: 3px 8px;
}

.ecommerce-form-container .stepper .address-project {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ecommerce-form-container .stepper .address-project-section {
  border: 1px solid var(--nxp-border-color);
  display: block;
  width: 50%;
  margin-right: 10px;
}

.ecommerce-form-container .stepper .address-project-section-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 8px;
}

.ecommerce-form-container .stepper .address-project-section-content select,
.ecommerce-form-container .stepper .address-project-section-content input {
  height: 24px;
  padding: 2px;
}

.ecommerce-form-container .stepper .address-project-section-content label {
  width: 220px;
  padding-right: 8px;
}

.ecommerce-form-container .stepper .address-project-section-content select {
  width: 270px;
}

.ecommerce-form-container .stepper .address-project-section-content div {
  max-width: 280px;
}

.ecommerce-form-container .stepper .address-project-section-content .shipTo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  width: 60%;
}

.ecommerce-form-container .stepper .address-project-section-content .shipTo label {
  width: auto;
}

.ecommerce-form-container .stepper .disc li {
  list-style: disc;
}

.ecommerce-form-container .stepper .stepper-head-text {
  text-transform: uppercase;
}

.ecommerce-form-container .stepper .form-group input,
.ecommerce-form-container .stepper .form-group select {
  padding: 0.3em;
  height: auto;
}

.ecommerce-form-container .stepper .form-group select {
  width: 100%;
}

.ecommerce-form-container .stepper .form-group {
  width: 100%;
  margin-bottom: 7px;
  font-weight: normal;
}

.ecommerce-form-container .stepper label {
  font-weight: normal;
  opacity: 1;
}

.ecommerce-form-container .stepper .d-flex, .ecommerce-form-container .stepper .flex-grid, .ecommerce-form-container .stepper .jumpto ul li, .jumpto ul .ecommerce-form-container .stepper li, .ecommerce-form-container .stepper .results-pagination-select, .ecommerce-form-container .stepper .is-pinned .pin-content-fixed, .is-pinned .ecommerce-form-container .stepper .pin-content-fixed, .ecommerce-form-container .stepper .is-pinned .pin-content:first-child, .is-pinned .ecommerce-form-container .stepper .pin-content:first-child {
  display: flex;
}

.ecommerce-form-container .stepper .align-start {
  align-items: flex-start !important;
}

.ecommerce-form-container .stepper .shipping-method {
  border-bottom: 1px solid var(--nxp-border-color);
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.ecommerce-form-container .stepper .shipping-method-section ul li {
  display: flex;
  justify-content: space-between;
  text-align: right;
}

.ecommerce-form-container .stepper .shipping-method-section ul li p:first-child {
  margin-right: 30px;
  width: 280px;
}

.ecommerce-form-container .stepper .payment-method {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.ecommerce-form-container .stepper .payment-method-form {
  display: grid;
}

.ecommerce-form-container .stepper .payment-method-terms {
  color: #686664;
  font-size: 12px;
}

.ecommerce-form-container .stepper .payment-method-terms a {
  color: #686664;
  text-decoration-line: underline;
}

.ecommerce-form-container .stepper .payment-method ul {
  border-right: 1px solid var(--nxp-border-color);
  margin-right: 8px;
  padding-right: 8px;
  min-width: 250px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form input {
  width: 80%;
  max-width: 420px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form label {
  padding: 0;
  width: 20%;
  max-width: 140px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form .ccvLabel {
  width: 50px;
  text-align: center;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form .ccvInput input {
  width: 180px;
}

.ecommerce-form-container .stepper .payment-method .align-details {
  padding-left: 140px;
}

.ecommerce-form-container .alert-success p {
  color: #005700 !important;
}

/* media queries ecommerce
 */
@media (max-width: 1000px) {
  .ecommerce-form-container .stepper .address-project {
    display: block;
    width: 100%;
  }
  .ecommerce-form-container .stepper .address-project-section {
    width: 100%;
    margin-bottom: 24px;
  }
  .ecommerce-form-container .stepper .address-project-section-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 8px;
  }
  .ecommerce-form-container .stepper .address-project-section-content select,
  .ecommerce-form-container .stepper .address-project-section-content input {
    height: 24px;
    padding: 2px;
  }
  .ecommerce-form-container .stepper .address-project-section-content label {
    width: 220px;
    padding-right: 8px;
  }
  .ecommerce-form-container .stepper .address-project-section-content select {
    width: 270px;
  }
  .ecommerce-form-container .stepper .address-project-section-content div {
    max-width: 280px;
  }
  .ecommerce-form-container .stepper .address-project-section-content .shipTo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* text-align: right; */
    margin-left: auto;
  }
  .ecommerce-form-container .stepper .address-project-section-content .shipTo label {
    width: auto;
  }
  .ecommerce-form-container .stepper .disc li {
    list-style: disc;
  }
  .ecommerce-form-container .stepper .stepper-head-text {
    text-transform: uppercase;
  }
  .ecommerce-form-container .stepper .form-group input,
  .ecommerce-form-container .stepper .form-group select {
    padding: 0.3em;
    height: auto;
  }
  .ecommerce-form-container .stepper .form-group select {
    width: 100%;
  }
  .ecommerce-form-container .stepper .form-group {
    width: 100%;
    margin-bottom: 7px;
    font-weight: normal;
  }
  .ecommerce-form-container .stepper .align-start {
    align-items: flex-start !important;
  }
  .ecommerce-form-container .stepper .shipping-method {
    border-bottom: 1px solid var(--nxp-border-color);
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
  }
  .ecommerce-form-container .stepper .shipping-method-section ul li {
    display: flex;
    justify-content: space-between;
    text-align: right;
  }
  .ecommerce-form-container .stepper .shipping-method-section ul li p:first-child {
    margin-right: 30px;
    width: 280px;
  }
  .ecommerce-form-container .stepper .payment-method {
    width: 100%;
    display: block;
    justify-content: flex-start;
  }
  .ecommerce-form-container .stepper .payment-method-form {
    display: flex;
  }
  .ecommerce-form-container .stepper .payment-method ul {
    border: none !important;
    border-bottom: 1px solid var(--nxp-border-color);
    margin-bottom: 24px;
  }
}

@media (max-width: 770px) {
  .ecommerce-form-container .stepper textarea {
    max-width: 320px;
  }
  .ecommerce-form-container .stepper .ccvSection input {
    width: 100%;
    padding: 0;
  }
  .ecommerce-form-container .stepper .ccvSection label {
    width: 100%;
    min-width: 100px;
    padding: 0;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form input {
    width: 100%;
    max-width: 500px;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form label {
    padding: 0;
    width: 100%;
    max-width: 500px;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form .ccvLabel {
    width: 100%;
    text-align: justify;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form .ccvInput input {
    width: 100%;
  }
  .ecommerce-form-container .stepper .payment-method .align-details {
    padding-left: 0;
  }
}

.stepper {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

@media only screen and (max-width: 768px) {
  #docstoreReg .stepper {
    width: auto;
  }
}

#docstoreReg .stepper #step-1 .stepper-content {
  width: 50%;
}

@media only screen and (max-width: 992px) {
  #docstoreReg .stepper #step-1 .stepper-content {
    width: 75%;
  }
}

@media only screen and (max-width: 768px) {
  #docstoreReg .stepper #step-1 .stepper-content {
    width: auto;
  }
}

#uploadFile {
  /* border: none; */
  padding-bottom: 11px;
  margin-right: 0.2px;
}

#ndaFile {
  /* border: none; */
  padding-bottom: 11px;
  margin-right: 0.2px;
}

.vertical-container {
  padding-top: 15px;
}

.stepper {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  /* -webkit-transition: height 0.2s ease-in-out;
      transition: height 0.2s ease-in-out; */
}

.stepper-vertical .stepper-step {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

.stepper-vertical .disabled {
  cursor: not-allowed !important;
  user-select: none !important;
  pointer-events: none !important;
}

.stepper-vertical .disabled .stepper-head-text {
  opacity: 0.65;
}

.stepper-vertical .stepper-step:not(:last-child):after {
  position: absolute;
  left: 28px;
  height: calc(100% - 4.2rem);
  top: 48px;
  width: 1px;
  margin-top: 0.5rem;
  content: '';
  background-color: #d4cfc5;
}

.stepper-vertical .stepper-active:not(:last-child):after {
  position: absolute;
  left: 28px;
  height: calc(100% - 4.2rem);
  top: 48px;
  width: 1px;
  margin-top: 0.5rem;
  content: '';
  background-color: #d4cfc5;
}

.stepper-vertical .stepper-active.is-last .stepper-content {
  padding-bottom: 0px;
}

.stepper-vertical .stepper-active.is-last:after {
  position: absolute;
  left: 28px;
  height: calc(100% - 54px);
  top: 48px;
  width: 1px;
  margin-top: 0.5rem;
  content: '';
  background-color: #aaa6a2;
}

.stepper-vertical .stepper-head {
  padding: 1.5rem;
}

.stepper-vertical .stepper-head-icon {
  margin-right: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  color: var(--nxp-gray-50);
  background-color: var(--nxp-gray-600);
  border-radius: 100%;
  font-size: 15px;
  width: 28px;
  height: 28px;
  display: table;
}

.stepper-vertical .stepper-content {
  display: block;
  overflow: hidden;
  padding: 0 1.5rem 1.5rem 53px;
  padding-left: 55px;
  -webkit-transition: height 0.3s ease-in-out,
 margin-top 0.3s ease-in-out,
 margin-bottom 0.3s ease-in-out,
 padding-top 0.3s ease-in-out,
 padding-bottom 0.3s ease-in-out;
  transition: height 0.3s ease-in-out,
 margin-top 0.3s ease-in-out,
 margin-bottom 0.3s ease-in-out,
 padding-top 0.3s ease-in-out,
 padding-bottom 0.3s ease-in-out;
}

.stepper-vertical .stepper-content #targetApp {
  max-width: 100%;
}

.stepper-vertical .dropdown {
  border-top: 1px solid var(--nxp-border-color);
  border-bottom: 1px solid var(--nxp-border-color);
  padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  margin-top: 32px;
}

.stepper-vertical .stepper-content-hide {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 0 !important;
}

.stepper-vertical .stepper-head .icon-checkmark .form-step {
  visibility: hidden;
  width: 0px;
}

.stepper-vertical .icon-checkmark:before {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  padding-left: 7px;
}

.stepper-vertical .stepper-head .form-step {
  margin: 0px;
  font-weight: 550;
  padding-right: 0.5px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: var(--nxp-gray-50);
}

.stepper-vertical .stepper-head-text:after {
  position: absolute;
  padding-left: 16px;
}

.stepper-vertical .button-section {
  padding-top: 15px;
}

.stepper-vertical .stepper-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: unset;
  line-height: 1.3;
  cursor: pointer;
}

.stepper-vertical .rc-slider-track {
  background-color: #000000 !important;
}

.stepper-vertical .rc-slider-rail {
  background-color: #ebe7dd !important;
}

.stepper-vertical .rc-slider-handle {
  border: solid 2px #000000 !important;
}

.stepper-vertical .rc-slider-handle:hover {
  border: solid 2px #000000 !important;
}

.stepper-vertical .alert.skip-section {
  background-color: #ebe7dd !important;
}

.stepper-vertical .alert p {
  font-size: 14px;
}

.stepper-vertical .alert p a {
  color: #215bd6;
}

.stepper-vertical .alert-success p {
  color: #000000;
}

.stepper-recommendations .stepper-head-icon,
.stepper-completed .stepper-head-icon,
.stepper-completed.stepper-active .stepper-head-icon {
  background-color: #008a00;
}

.stepper-active .stepper-head-icon,
.stepper-ready .stepper-head-icon {
  background-color: var(--nxp-gray-900);
}

.stepper-completed .stepper-head:hover,
.stepper-ready .stepper-head:hover {
  cursor: pointer;
  background-color: #ebe7dd;
}

.stepper-active .stepper-head:hover {
  cursor: default;
}

.stepper-head-icon,
.stepper-head-text:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stepper-head-text {
  font-size: 14px;
  text-align: left;
  letter-spacing: 0.04em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.stepper-active .stepper-head-text {
  font-size: 14px;
  text-align: left;
  letter-spacing: 0.04em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.stepper-head-text span {
  font-weight: 400;
  letter-spacing: normal;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

.stepper-head-icon,
.stepper-head-text:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#product-advisor-app .btn-list-outer {
  padding-top: 0px;
}

#product-advisor-app .app-container::before {
  content: '';
  position: relative;
  top: 0;
  left: -15px;
  display: block;
  height: 1px;
  width: calc(100% + 30px);
  border-top: 1px solid var(--nxp-border-color);
}

#product-advisor-app .price-width {
  width: 100%;
}

#product-advisor-app .price-width .mpuMcu-filter-group {
  width: 50%;
}

#product-advisor-app .helper-section {
  width: 100%;
}

#product-advisor-app .helper-section .item-metadata {
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 28px;
}

#product-advisor-app .helper-section .item-metadata .meta-key {
  font-size: 12px;
}

#product-advisor-app .helper-section .item-metadata li {
  display: block;
  padding-left: 0px;
}

#product-advisor-app .helper-section .item-metadata li:first-child {
  margin-top: 11px;
}

#product-advisor-app .helper-section .item-metadata a:hover {
  text-decoration: underline;
}

#product-advisor-app .recent-recommendations::before {
  border-top: 1px solid var(--nxp-border-color);
}

#product-advisor-app .recent-recommendations {
  border-top: none;
}

.quickSearch-checkboxes .basic-multi-select, .productAdvisor-checkboxes .basic-multi-select {
  position: relative;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control, .productAdvisor-checkboxes .basic-multi-select .select__control {
  border-radius: 0px !important;
  -moz-box-align: center;
  align-items: center;
  background-color: white;
  border-color: #aaa6a2;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  outline: currentcolor none 0px !important;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container {
  -moz-box-align: center;
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue {
  background-color: #ebe7dd;
  border-radius: 2px;
  display: flex;
  margin: 2px;
  min-width: 0px;
  box-sizing: border-box;
  margin-top: 8px;
  margin-bottom: 8px;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__label, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__label {
  border-radius: 2px;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove {
  -moz-box-align: center;
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove svg, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove svg {
  fill: #262626;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators {
  -moz-box-align: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators .select__indicator-separator, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators .select__indicator-separator {
  align-self: stretch;
  background-color: #cccccc;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators .select__dropdown-indicator, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators .select__dropdown-indicator {
  color: #20272d;
  display: flex;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__indicator-separator, .productAdvisor-checkboxes .basic-multi-select .select__indicator-separator {
  background-color: #262626;
}

.quickSearch-checkboxes .basic-multi-select .select__dropdown-indicator svg, .productAdvisor-checkboxes .basic-multi-select .select__dropdown-indicator svg {
  fill: #262626;
}

.quickSearch-checkboxes .css-1pk6v83, .productAdvisor-checkboxes .css-1pk6v83 {
  margin-top: 0px;
  font-size: 15px;
  margin-bottom: 11px;
  line-height: 1.1;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.quickSearch-checkboxes .select__placeholder, .productAdvisor-checkboxes .select__placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.has-error {
  /* p {
    color: #8f2727;
  } */
}

.has-error .quickSearch-checkboxes .select__control, .has-error .productAdvisor-checkboxes .select__control,
.has-error .productAdvisor-checkboxes .select__control {
  border-color: #8f2727;
}

.has-error .has-error .quickSearch-checkboxes .select__control, .has-error .has-error .productAdvisor-checkboxes .select__control, .has-error
.has-error .productAdvisor-checkboxes .select__control {
  border-color: #8f2727;
}

.mpuMcu-filter-group {
  padding-bottom: 20px;
}

.mpuMcu-filter-group .mpuMcu-filter-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.mpuMcu-filter-group .mpuMcu-checkboxes {
  column-count: 2;
  column-gap: 30px;
  column-width: 120px;
}

.productAdvisor-filter-group {
  padding-bottom: 20px;
}

.productAdvisor-filter-group .productAdvisor-filter-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.productAdvisor-filter-group .productAdvisor-checkboxes {
  column-count: 2;
  column-gap: 30px;
  column-width: 120px;
}

@media only screen and (max-width: 768px) {
  .ReactVirtualized__Grid {
    border-top: 1px solid #ddd;
  }
}

.ReactVirtualized__Grid__innerScrollContainer {
  border-right: 1px solid #ddd;
}

.ReactVirtualized__Grid__innerScrollContainer {
  border: 1px solid #ccc;
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 1px;
}

.css-96tfsw {
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
  padding-left: 2px;
  padding-right: 10px;
  border-right: 2px solid #eeeeee;
  height: 100%;
  -moz-box-align: center;
  align-items: center;
  margin: 0px;
  background-color: #e6e6e6;
  font-weight: 600;
}

.css-95ahvf {
  color: #333333;
  display: flex;
  background-color: #e6e6e6;
  font-size: 12px;
  padding: 5px;
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
  height: 100%;
  border-right: 1px solid white;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  font-weight: 600;
}

.css-hsxz1o {
  font-weight: normal;
  color: inherit;
  background-color: white;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
  height: 100%;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  justify-content: space-evenly;
  width: 200px;
  padding: 5px;
}

.css-1uutyw3 {
  position: absolute;
  align-self: center;
  top: 28px;
  margin: 0px 10px 0px 29px !important;
}

#design-advisor .da-first-load .custom-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}

#design-advisor .da-first-load .custom-spinner span.spin-icon {
  font-size: 42px;
}

.stepper-vertical.no-numbers .btn-list.no-full {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

@media (max-width: 992px) {
  .stepper-vertical.no-numbers .btn-list.no-full {
    gap: 20px;
  }
}

.stepper-vertical.no-numbers .btn-list.no-full label {
  width: unset;
  margin-bottom: unset;
}

.stepper-vertical.no-numbers .btn-list {
  display: grid;
  gap: 5px 32px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

@media only screen and (max-width: 768px) {
  .stepper-vertical.no-numbers .btn-list {
    display: block;
  }
}

.stepper-vertical.no-numbers .button-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 480px) {
  .stepper-vertical.no-numbers .button-section {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.stepper-vertical.no-numbers .button-section .bsc {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.stepper-vertical.no-numbers .buttons-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.stepper-vertical.no-numbers .stepper-recommendations .stepper-head-icon,
.stepper-vertical.no-numbers .stepper-completed .stepper-head-icon,
.stepper-vertical.no-numbers .stepper-completed.stepper-active .stepper-head-icon,
.stepper-vertical.no-numbers .stepper-ready .stepper-head-icon {
  background-color: #000000;
}

.stepper-vertical.no-numbers .stepper-active .stepper-head-icon {
  background-color: #008a00;
}

.stepper-vertical.no-numbers .stepper-completed .stepper-head:hover,
.stepper-vertical.no-numbers .stepper-ready .stepper-head:hover {
  cursor: pointer;
  background-color: #ebe7dd;
}

.stepper-vertical.no-numbers .stepper-head .form-step {
  visibility: hidden;
  width: 0px;
}

.stepper-vertical.no-numbers .stepper-content .button-section {
  padding-top: 25px !important;
}

.video-embed-container .embed-responsive img {
  width: 100%;
}

.video-embed-container .vjs-control-text,
.video-embed-container .vjs-icon-placeholder {
  color: #fff !important;
}

.video-embed-info {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 5px;
}

.video-embed-info .video-embed-title {
  position: relative;
  font-size: 20px;
  line-height: 1.25;
}

.video-embed-info .video-embed-runtime {
  padding-left: 1em;
}

.video-embed-container.video-no-controls .vjs-control-bar {
  display: none !important;
}

.collapse-mobile h2 .jump-start-icon,
h2 .jump-start-icon {
  font-size: 0.5em;
  padding: 0.5em;
  background-color: #69ca00;
  color: #fff;
  vertical-align: top;
}

.jumpStartYourDesign .fileBundle {
  background-color: #f7f5f1;
  padding: 1em;
  border-radius: 0;
  box-shadow: none;
  min-height: 20px;
  border: 1px solid #ebe7dd;
}

.jumpStartYourDesign .jump-start-icon {
  font-size: 0.5em;
  padding: 0.5em;
  margin-right: 0.75em;
  background-color: #69ca00;
  color: #fff;
  vertical-align: top;
}

.jumpStartYourDesign .jumpStartYourDesign-item {
  padding-left: 0;
  list-style: none;
  padding: 0.625em 0 0.625em 2em;
  margin: 0;
  position: relative;
}

.jumpStartYourDesign .jumpStartYourDesign-item > li {
  padding-left: 0;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-title {
  font-weight: 600;
  position: relative;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-title [class*='icon-'] {
  position: absolute;
  top: 0.15em;
  left: -2em;
  color: #898683;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-title [class*='icon-newtab'] {
  position: relative;
  left: 0px;
  color: inherit;
  top: 0px;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-title sup {
  font-weight: normal;
}

.jumpStartYourDesign .jumpStartYourDesign-item li:not(.jumpStartYourDesign-title) {
  font-size: 12px;
}

.jumpStartYourDesign .jumpStartYourDesign-item li {
  margin-bottom: 0px;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-description {
  margin-bottom: 0px;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-meta {
  margin-bottom: 0px;
  position: relative;
  color: #898683;
}

.jumpStartYourDesign .jumpStartYourDesign-item .jumpStartYourDesign-meta span {
  margin-right: 1em;
}

@media only screen and (max-width: 991px) {
  .bd-app-elements .collapse-mobile {
    margin-top: 20px;
  }
  .bd-app-elements .collapse-mobile > h2,
  .bd-app-elements .collapse-mobile > h3:not(.ui-accordion-header) {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 12px 35px 12px 0px;
    font-weight: 400;
    /* ~ * {
            display: none;
        } */
  }
  .bd-app-elements .collapse-mobile > h2:after,
  .bd-app-elements .collapse-mobile > h3:not(.ui-accordion-header):after {
    position: absolute;
    top: 0.65em;
    right: 15px;
    transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    top: 18px !important;
    font-size: 18px;
  }
  .bd-app-elements .collapse-mobile > h2 {
    font-weight: 600;
  }
  .bd-app-elements .collapse-mobile:not(.active) > h2 ~ *,
  .bd-app-elements .collapse-mobile:not(.active) > h3:not(.ui-accordion-header) ~ * {
    display: none;
  }
  .bd-app-elements .collapse-mobile.active > h2,
  .bd-app-elements .collapse-mobile.active > h3:not(.ui-accordion-header) {
    /*  ~ * {
        display: block;
      } */
  }
  .bd-app-elements .collapse-mobile.active > h2:after,
  .bd-app-elements .collapse-mobile.active > h3:not(.ui-accordion-header):after {
    perspective: 900000px;
    transform: rotateX(180deg);
    z-index: 99;
  }
}

@media only screen and (max-width: 766px) {
  .ds-resources .collapse-mobile {
    margin-top: 20px;
    margin-top: 0px;
  }
  .ds-resources .collapse-mobile > h2,
  .ds-resources .collapse-mobile > h3:not(.ui-accordion-header) {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 12px 35px 12px 0px;
    font-weight: 400;
    /* ~ * {
            display: none;
        } */
  }
  .ds-resources .collapse-mobile > h2:after,
  .ds-resources .collapse-mobile > h3:not(.ui-accordion-header):after {
    position: absolute;
    top: 0.65em;
    right: 15px;
    transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    top: 18px !important;
    font-size: 18px;
  }
  .ds-resources .collapse-mobile > h2 {
    font-weight: 600;
  }
  .ds-resources .collapse-mobile:not(.active) > h2 ~ *,
  .ds-resources .collapse-mobile:not(.active) > h3:not(.ui-accordion-header) ~ * {
    display: none;
  }
  .ds-resources .collapse-mobile.active > h2,
  .ds-resources .collapse-mobile.active > h3:not(.ui-accordion-header) {
    /*  ~ * {
        display: block;
      } */
  }
  .ds-resources .collapse-mobile.active > h2:after,
  .ds-resources .collapse-mobile.active > h3:not(.ui-accordion-header):after {
    perspective: 900000px;
    transform: rotateX(180deg);
    z-index: 99;
  }
}

@media only screen and (max-width: 766px) and (max-width: 767px) {
  #support .collapse-mobile {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .collapse-mobile {
    margin-top: 20px;
  }
  .collapse-mobile > h2,
  .collapse-mobile > h3:not(.ui-accordion-header) {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 12px 35px 12px 0px;
    font-weight: 400;
    /* ~ * {
            display: none;
        } */
  }
  .collapse-mobile > h2:after,
  .collapse-mobile > h3:not(.ui-accordion-header):after {
    position: absolute;
    top: 0.65em;
    right: 15px;
    transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    top: 18px !important;
    font-size: 18px;
  }
  .collapse-mobile > h2 {
    font-weight: 600;
  }
  .collapse-mobile:not(.active) > h2 ~ *,
  .collapse-mobile:not(.active) > h3:not(.ui-accordion-header) ~ * {
    display: none;
  }
  .collapse-mobile.active > h2,
  .collapse-mobile.active > h3:not(.ui-accordion-header) {
    /*  ~ * {
        display: block;
      } */
  }
  .collapse-mobile.active > h2:after,
  .collapse-mobile.active > h3:not(.ui-accordion-header):after {
    perspective: 900000px;
    transform: rotateX(180deg);
    z-index: 99;
  }
}

@media only screen and (max-width: 991px) {
  .collapse-mobile.collapse-hlp {
    margin-top: 20px;
  }
  .collapse-mobile.collapse-hlp > h2,
  .collapse-mobile.collapse-hlp > h3:not(.ui-accordion-header) {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 12px 35px 12px 0px;
    font-weight: 400;
    /* ~ * {
            display: none;
        } */
  }
  .collapse-mobile.collapse-hlp > h2:after,
  .collapse-mobile.collapse-hlp > h3:not(.ui-accordion-header):after {
    position: absolute;
    top: 0.65em;
    right: 15px;
    transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    top: 18px !important;
    font-size: 18px;
  }
  .collapse-mobile.collapse-hlp > h2 {
    font-weight: 600;
  }
  .collapse-mobile.collapse-hlp:not(.active) > h2 ~ *,
  .collapse-mobile.collapse-hlp:not(.active) > h3:not(.ui-accordion-header) ~ * {
    display: none;
  }
  .collapse-mobile.collapse-hlp.active > h2,
  .collapse-mobile.collapse-hlp.active > h3:not(.ui-accordion-header) {
    /*  ~ * {
        display: block;
      } */
  }
  .collapse-mobile.collapse-hlp.active > h2:after,
  .collapse-mobile.collapse-hlp.active > h3:not(.ui-accordion-header):after {
    perspective: 900000px;
    transform: rotateX(180deg);
    z-index: 99;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .iu-left.collapse-mobile {
    margin-top: 20px;
  }
  .iu-left.collapse-mobile > h2,
  .iu-left.collapse-mobile > h3:not(.ui-accordion-header) {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    text-align: left;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 12px 35px 12px 0px;
    font-weight: 400;
    /* ~ * {
            display: none;
        } */
  }
  .iu-left.collapse-mobile > h2:after,
  .iu-left.collapse-mobile > h3:not(.ui-accordion-header):after {
    position: absolute;
    top: 0.65em;
    right: 15px;
    transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    top: 18px !important;
    font-size: 18px;
  }
  .iu-left.collapse-mobile > h2 {
    font-weight: 600;
  }
  .iu-left.collapse-mobile:not(.active) > h2 ~ *,
  .iu-left.collapse-mobile:not(.active) > h3:not(.ui-accordion-header) ~ * {
    display: none;
  }
  .iu-left.collapse-mobile.active > h2,
  .iu-left.collapse-mobile.active > h3:not(.ui-accordion-header) {
    /*  ~ * {
        display: block;
      } */
  }
  .iu-left.collapse-mobile.active > h2:after,
  .iu-left.collapse-mobile.active > h3:not(.ui-accordion-header):after {
    perspective: 900000px;
    transform: rotateX(180deg);
    z-index: 99;
  }
}

.collapse-mobile.custom-wrapper[data-location*='CA'] {
  width: 100%;
  padding: 3em 0;
  position: relative;
  border-top: 1px solid var(--nxp-border-color) !important;
}

@media only screen and (max-width: 767px) {
  .collapse-mobile.custom-wrapper[data-location*='CA'] {
    padding: 0px;
    border-bottom: 1px solid var(--nxp-border-color) !important;
    margin-top: 0px;
  }
  .collapse-mobile.custom-wrapper[data-location*='CA'] h2:first-of-type,
  .collapse-mobile.custom-wrapper[data-location*='CA'] h3:first-of-type {
    border: none;
    margin: 0px;
  }
}

.collapse-mobile.custom-wrapper[data-location*='CA'].first {
  border-top: none !important;
}

.collapse-mobile.custom-wrapper .media,
.collapse-mobile.custom-wrapper .media-flex,
.collapse-mobile.custom-wrapper .media-flex-ste {
  padding: 0.5em 15px;
}

.collapse-mobile.custom-wrapper .media-left img,
.collapse-mobile.custom-wrapper .media .media-flex-media img,
.collapse-mobile.custom-wrapper .media-flex-left img,
.collapse-mobile.custom-wrapper .media-flex .media-flex-media img,
.collapse-mobile.custom-wrapper .media-flex-ste .media-flex-media img {
  max-width: 150px;
}

.custom-wrapper.licensing {
  width: 100%;
  padding: 3em 0;
  padding-bottom: 3em;
  position: relative;
  border-top: 1px solid var(--nxp-border-color);
}

.custom-wrapper.licensing.first {
  border-top: none;
}

.nav-pills.nav-wizard {
  display: flex;
  width: auto;
  min-width: 100%;
  overflow: auto;
}

.nav-pills.nav-wizard > li {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  display: inline-block;
  width: auto;
  margin-right: 25px;
  border: none;
}

.nav-pills.nav-wizard > li:first-of-type a {
  border-radius: 4px 0 0 4px;
}

.nav-pills.nav-wizard > li:first-of-type a:before {
  display: none;
}

.nav-pills.nav-wizard > li:last-of-type {
  margin-right: 0;
}

.nav-pills.nav-wizard > li:last-of-type a {
  border-radius: 0 4px 4px 0;
}

.nav-pills.nav-wizard > li:last-of-type a:after {
  display: none;
}

.nav-pills.nav-wizard > li a {
  position: relative;
  width: auto;
  min-height: 40px;
  margin-bottom: 0;
  color: white;
  background: #aaa6a2;
  border: none;
  border-color: #aaa6a2;
  border-radius: 0;
}

.nav-pills.nav-wizard > li a:hover {
  background: #898683;
  border-color: #898683;
}

.nav-pills.nav-wizard > li a ~ a, .nav-pills.nav-wizard > li a.active {
  background: #0eafe0;
  border-color: #0eafe0;
}

.nav-pills.nav-wizard > li a ~ a:hover, .nav-pills.nav-wizard > li a.active:hover {
  background: #086480;
  border-color: #086480;
}

.nav-pills.nav-wizard > li a:after, .nav-pills.nav-wizard > li a:before {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 21px solid transparent;
  border-bottom: 20px solid transparent;
}

.nav-pills.nav-wizard > li a:before {
  left: -20px;
  border-top-color: inherit;
  border-bottom-color: inherit;
}

.nav-pills.nav-wizard > li a:after {
  right: -20px;
  border-left-color: inherit;
}

@media screen and (min-width: 768px) {
  .nav-pills.nav-wizard > li a {
    min-height: 43px;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .nav-pills.nav-wizard > li a:after, .nav-pills.nav-wizard > li a:before {
    border-top-width: 22px;
    border-bottom-width: 21px;
  }
}

.get-started-container {
  /* styles for videos on getting started */
}

.get-started-container .vjs-poster {
  background-size: cover !important;
}

.get-started-container a.arrow-right {
  position: relative;
  display: inline-block;
  min-width: 100px;
  height: 28px;
  margin-right: 15px;
  text-decoration: none;
  line-height: 28px;
  background: #000000;
  border: none;
  outline: none;
}

.get-started-container a.arrow-right:before {
  content: '';
  position: absolute;
  right: -14px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-left: 14px solid #f9b500;
  border-bottom: 14px solid transparent;
}

.get-started-container a.arrow-right button {
  color: #fff;
  background: none;
  border: none;
  outline: none;
  position: relative;
  font-weight: 600;
}

.jumptonav {
  margin-top: -60px;
}

@media screen and (min-width: 992px) {
  .getstartednav {
    margin-top: -60px;
  }
}

.getstartednav.affix,
.jumptonav.affix {
  position: fixed;
  top: 64px;
  z-index: 2;
  padding: 10px 0;
  margin-top: 0;
  background-color: white;
}

@media screen and (min-width: 992px) {
  .getstartednav.affix,
  .jumptonav.affix {
    width: 212.5px;
  }
}

@media screen and (min-width: 1200px) {
  .getstartednav.affix,
  .jumptonav.affix {
    width: 262.5px;
  }
}

.getstartednav.affix h2,
.jumptonav.affix h2 {
  margin-top: 0;
}

.arrownav {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}

.arrownav.affix {
  top: 64px;
  width: calc(100% - 30px);
  padding-top: 10px;
  background: white;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .arrownav.affix {
    width: calc(100% - 190px);
  }
}

@media screen and (min-width: 992px) {
  .arrownav.affix {
    width: calc(75% - 95px);
    max-width: 862px;
  }
}

.get-started-block.media-flex, .get-started-block.media-flex-ste {
  padding-top: 0;
}

.gs-guides .tab-content {
  word-break: break-word;
  padding-top: 0;
}

.gs-guides .tab-content .tab-pane {
  padding-top: 3em;
}

.gs-guides .tab-content .tab-pane > div.content-outer h2 {
  padding-top: 0;
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  .gs-guides .tab-content .tab-pane {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 30px;
  }
}

.gs-buy {
  font-size: 14px;
}

.gs-buy img {
  max-width: 80px;
}

.gs-buy .gs-board {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.gs-buy .gs-board a {
  padding: 5px;
  color: black;
  font-size: 14px;
}

.gs-jumpto ul li,
.gs-jumpto ul li.active,
.gs-jumpto2 ul li,
.gs-jumpto2 ul li.active {
  padding: 5px 0;
  margin-bottom: 0;
}

.gs-jumpto ul li a,
.gs-jumpto ul li.active a,
.gs-jumpto2 ul li a,
.gs-jumpto2 ul li.active a {
  padding: 3px 0;
  padding-left: 0 !important;
  display: inline;
}

.gs-jumpto h4,
.gs-jumpto2 h4 {
  margin-top: 1.714285em;
  font-family: "Poppins", sans-serif;
  font-size: 100%;
  text-transform: capitalize;
}

@media only screen and (max-width: 1199px) {
  .gs-jumpto h4,
  .gs-jumpto2 h4 {
    text-transform: inherit;
  }
}

.gs-jumpto .nav li a,
.gs-jumpto .nav li.active a,
.gs-jumpto2 .nav li a,
.gs-jumpto2 .nav li.active a {
  padding: 3px 0;
  color: #000000;
}

.gs-jumpto .nav li a:hover,
.gs-jumpto .nav li.active a:hover,
.gs-jumpto2 .nav li a:hover,
.gs-jumpto2 .nav li.active a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.gs-jumpto .nav li:hover,
.gs-jumpto2 .nav li:hover {
  background-color: transparent;
}

.gs-jumpto [data-toggle='collapse'] .icon-angle-down,
.gs-jumpto2 [data-toggle='collapse'] .icon-angle-down {
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.gs-jumpto [data-toggle='collapse'][aria-expanded='true'] .icon-angle-down,
.gs-jumpto2 [data-toggle='collapse'][aria-expanded='true'] .icon-angle-down {
  transform: rotate(-180deg);
}

.gs-quickref h4 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

.gs-quickref ul li {
  font-size: 14px;
}

.gs-quickref a {
  display: block;
  width: 210px;
}

#gettingstartednav .affix,
#gettingstartednav2 .affix {
  top: 64px;
  z-index: 2;
  width: 212px;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
}

@media screen and (min-width: 1200px) {
  #gettingstartednav .affix,
  #gettingstartednav2 .affix {
    width: 262px;
  }
}

#gettingstartednav .affix-bottom,
#gettingstartednav2 .affix-bottom {
  position: fixed;
  z-index: 2;
  width: 212px;
}

@media screen and (min-width: 1200px) {
  #gettingstartednav .affix-bottom,
  #gettingstartednav2 .affix-bottom {
    width: 262px;
  }
}

.gettingstartednav {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  background-color: white;
}

.gettingstartednav > ul.nav > ul {
  padding-left: 30px;
}

@media screen and (min-width: 992px) {
  .gettingstartednav {
    margin-top: 0px;
  }
  .gettingstartednav h2 {
    margin-left: 10px;
  }
}

.gettingstartednav .gs-buy .buy-direct-box .nxp-orange {
  background-color: #ff7400 !important;
  border-color: #ff7400;
}

.get-started-container.gs-guides #getting-started-nav {
  padding-top: 3em;
}

@media screen and (min-width: 992px) {
  .get-started-container.gs-guides #getting-started-nav .getstartednav {
    margin-top: -60px;
  }
  .get-started-container.gs-guides #getting-started-nav .getstartednav h2 {
    margin-left: 10px;
  }
}

.get-started-container.gs-guides #getting-started-nav #gettingstartednav .gettingstartednav ul.tab-nav li ul {
  display: none;
}

.get-started-container.gs-guides #getting-started-nav #gettingstartednav .gettingstartednav ul.tab-nav li ul.in {
  display: block;
}

.get-started-container.gs-guides #getting-started-nav #gettingstartednav .gettingstartednav ul.tab-nav li.gs-additional-resources {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--nxp-border-color);
}

.get-started-container.gs-guides #getting-started-nav #gettingstartednav .gettingstartednav ul.tab-nav li.active ul {
  display: block;
  font-weight: normal;
}

.get-started-container.gs-guides #getting-started-nav #gettingstartednav .gettingstartednav ul.tab-nav li.active ul li a {
  padding: 5px 15px;
}

.get-started-container.gs-guides .tab-content div.tab-pane .row {
  min-height: 0;
}

.get-started-container.gs-guides .tab-content div.tab-pane img.logomin {
  display: block;
  width: 100px;
  padding-bottom: 15px;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row {
  display: flex;
  width: 100%;
  padding-bottom: 3em;
  margin: 0;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a {
  color: #000000;
  text-decoration: none;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a.collapsed div.devCard {
  height: 100%;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a.collapsed div.devCard div.devContent {
  border: 1px solid #b5b2b1;
  padding: 25px;
  height: inherit;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a.collapsed div.devCard div.devCTA {
  padding: 10px 0 10px 0;
  color: white;
  text-align: center;
  background-color: #b5b2b1;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a div.devCard {
  height: 100%;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a div.devCard div.devContent {
  height: inherit;
  padding: 25px;
  border: 1px solid #333333;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.devPath.row a div.devCard div.devCTA {
  padding: 10px 0 10px 0;
  color: white;
  text-align: center;
  background-color: #333333;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.choiceContent {
  margin: 20px 0 20px 0;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.buttonsChoice {
  margin: 20px 0 20px 0;
}

.get-started-container.gs-guides .tab-content div.tab-pane div.buttonsChoice div.buttonsSection button.collapsed {
  background-color: #b5b2b1;
}

.GSPagination {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 5px;
  border-top: 1px solid #e4e6e8;
}

.GSPagination div a.tab-prev,
.GSPagination div a.tab-next {
  position: absolute;
  top: 20px;
  display: inline;
  cursor: pointer;
}

.GSPagination div a.tab-prev:before,
.GSPagination div a.tab-next:before {
  position: absolute;
  top: 0;
  z-index: 4;
  display: block;
  font-size: 1em;
  font-family: "Font Awesome";
  color: white;
}

.GSPagination div a.tab-prev .center-arrows,
.GSPagination div a.tab-next .center-arrows {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  padding-left: 11px;
  font-size: 1.5em;
  color: white;
  line-height: 24px;
  background-color: #898683;
  border-radius: 30px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.GSPagination div a.tab-prev {
  left: 1em;
  z-index: 5;
  opacity: 0.7;
}

.GSPagination div a.tab-prev:before {
  left: 8px;
  content: "\f104";
}

.GSPagination div a.tab-next {
  right: 1em;
}

.GSPagination div a.tab-next:before {
  right: 9px;
  content: "\f105";
}

.GSPagination div div.content-prev,
.GSPagination div div.content-next {
  padding-top: 17px;
}

.GSPagination div div.content-prev span.title,
.GSPagination div div.content-next span.title {
  display: block;
  font-size: 10px;
}

.GSPagination div div.content-prev span.content,
.GSPagination div div.content-next span.content {
  display: block;
  font-size: 11px;
  font-weight: 600;
}

.GSPagination div div.content-prev {
  opacity: 0.7;
  padding-left: 45px;
}

.GSPagination div div.content-next {
  text-align: right;
  padding-right: 45px;
}

.new-gs {
  padding: 0px 15px;
}

.new-gs-height {
  height: auto;
}

.new-gs-left {
  padding-left: 15px;
  padding-top: 3em;
  position: sticky;
  top: 64px;
  max-height: calc(100vh - 150px);
  padding-bottom: 3em;
  overflow-y: auto;
}

.new-gs-left .stepper .stepper-head {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.new-gs-left .stepper .stepper-head-text {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: 0;
}

.new-gs-left .stepper .stepper-step:not(:last-child)::after {
  top: calc(100% - 6px) !important;
  left: 27px !important;
  height: 14px !important;
  margin: 0px;
}

.new-gs-left .stepper .stepper-head-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
}

.new-gs-left .stepper .stepper-head-icon .form-step {
  font-size: 12px !important;
}

.new-gs-left .stepper .stepper-completed .stepper-head-icon {
  background-color: #ff7400;
}

@media only screen and (max-width: 1199px) {
  .new-gs-left {
    position: fixed;
    padding: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    width: 90%;
    height: 100vh;
    max-height: 100vh;
    min-height: 0px;
    background: #f7f5f1;
    box-shadow: none;
    transform: translateX(100%);
    transition: all 0.7s cubic-bezier(0.04, 0, 0.2, 1);
  }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 1200px) {
  .new-gs-left {
    width: 50%;
  }
}

@media only screen and (max-width: 1199px) {
  .new-gs-left.is-open {
    z-index: 9999;
    transform: translateX(0px);
    box-shadow: -50vw 0 0 0 rgba(0, 0, 0, 0.6) !important;
    display: block;
    padding: 0px;
  }
  .new-gs-left.is-open .nav-clearing {
    display: block;
  }
  .new-gs-left.is-open .nav-clearing .btn, .new-gs-left.is-open .nav-clearing .nav-close {
    width: 100%;
  }
  .new-gs-left.is-open h4 {
    padding-top: 24px;
  }
  .new-gs-left.is-open .new-gs-side-content,
  .new-gs-left.is-open .new-gs-side-additional {
    padding-left: 15px;
  }
}

.new-gs-rigth {
  padding-left: 28px;
  padding-right: 15px;
  padding-top: 3em;
  position: sticky;
  top: 64px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  padding-bottom: 3em;
}

@media only screen and (max-width: 1199px) {
  .new-gs-rigth {
    display: none;
  }
}

.new-gs-rigth li.active {
  font-weight: 600;
}

.new-gs-rigth li a {
  display: flex;
}

.new-gs-rigth li a span {
  margin-right: 4px;
}

.new-gs-middle {
  padding-top: 3em;
  border-left: 1px solid #d6dce0;
}

@media only screen and (max-width: 1199px) {
  .new-gs-middle {
    border-left: none;
  }
}

@media only screen and (max-width: 1199px) {
  .new-gs-middle {
    padding-top: 1em;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.new-gs-middle .tab-pane {
  border: none !important;
  padding-top: 0px !important;
}

@media only screen and (max-width: 1199px) {
  .new-gs-middle .tab-pane {
    padding-left: 0px;
  }
}

.new-gs-middle .tab-pane .section h3:not(.ui-accordion-header) a:hover {
  border-radius: 100px;
}

.new-gs-middle .tab-pane .section h3 a {
  margin-left: 8px;
  padding: 2px 6px;
  color: #686664;
}

.new-gs-middle .tab-pane .section h3 a:hover {
  background-color: #ebe7dd;
}

.new-gs-middle .tab-pane .gs-tab-content .section .img-responsive,
.new-gs-middle .tab-pane .gs-tab-content .section .video-embed-container,
.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs {
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .new-gs-middle .tab-pane .gs-tab-content .section .img-responsive,
  .new-gs-middle .tab-pane .gs-tab-content .section .video-embed-container,
  .new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs {
    width: auto;
    max-width: 60%;
    margin-right: auto;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .new-gs-middle .tab-pane .gs-tab-content .section .img-responsive,
  .new-gs-middle .tab-pane .gs-tab-content .section .video-embed-container,
  .new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs {
    width: 100%;
  }
}

.new-gs-middle .tab-pane .gs-tab-content .section .img-responsive {
  max-height: 400px;
  max-width: 60%;
}

@media only screen and (max-width: 767px) {
  .new-gs-middle .tab-pane .gs-tab-content .section .img-responsive {
    max-width: 100%;
  }
}

.new-gs-middle .tab-pane .gs-tab-content .section .img-responsive.logo {
  width: 120px !important;
}

.new-gs-middle .tab-pane .gs-tab-content .section .img-xzoom .img-responsive {
  margin-bottom: 0px;
}

.new-gs-middle .tab-pane .gs-tab-content .section .img-xzoom .img-xzoom-text {
  font-size: 14px;
  text-align: center;
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component {
  max-width: 60%;
}

@media only screen and (max-width: 767px) {
  .new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component {
    max-width: 100%;
  }
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component .bd-img {
  max-height: 400px;
}

@media only screen and (max-width: 767px) {
  .new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component .bd-img {
    min-height: auto;
  }
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component .bd-img .img-responsive {
  width: 100% !important;
  max-height: 100%;
  margin-left: auto !important;
  height: auto;
  max-width: 100% !important;
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs .modal-body {
  height: calc(100vh - 63px);
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs .tab-pane {
  padding-left: 0px;
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs .tab-pane .bd-col-left {
  min-height: auto;
  max-height: 500px;
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component-gs .tab-pane .xsp-bd {
  margin: auto;
  width: auto;
  max-width: 100%;
}

.new-gs-middle .tab-pane .gs-tab-content .section .interactive-bd-component .bd-col-left {
  min-height: auto;
}

.new-gs-middle .tab-pane .gs-tab-content code {
  word-break: break-all;
}

.new-gs-middle .GSPagination {
  display: flex;
  padding: 30px 0px;
  margin: 0px;
}

.new-gs-middle .GSPagination .step-prev {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.new-gs-middle .GSPagination .step-next {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.new-gs-middle .GSPagination .steps {
  width: 50%;
}

.new-gs-middle .GSPagination .steps a {
  display: flex;
  align-items: center;
  color: inherit;
}

.new-gs-middle .GSPagination .steps [class*='icon-']::before {
  margin: 0px;
}

.new-gs-middle .GSPagination .steps .content-prev,
.new-gs-middle .GSPagination .steps .content-next {
  padding: 0px 8px;
  padding-top: 0px;
  opacity: 1;
}

.new-gs-middle .GSPagination .steps .content-prev .title,
.new-gs-middle .GSPagination .steps .content-next .title {
  font-size: 14px;
}

.new-gs-middle .GSPagination .steps .content-prev .content,
.new-gs-middle .GSPagination .steps .content-next .content {
  font-size: 14px;
  font-weight: inherit;
}

.new-gs-middle .GSPagination .step-prev a {
  justify-content: flex-start;
}

.new-gs-middle .GSPagination .step-prev .content-prev {
  order: 2;
}

.new-gs-middle .GSPagination .step-prev .content-icon {
  order: 1;
}

.new-gs-middle .GSPagination .step-next a {
  justify-content: flex-end;
}

.new-gs-middle .GSPagination .step-next .content-next {
  order: 1;
}

.new-gs-middle .GSPagination .step-next .content-icon {
  order: 2;
}

.new-gs-middle-dynamic {
  padding-left: 30px;
}

.new-gs-middle-dynamic .content-button {
  display: none;
}

.new-gs-middle-dynamic .market-card {
  padding-top: 8px;
  box-shadow: none;
}

.new-gs-middle-dynamic .market-card .primary-topic-media {
  text-align: center;
  flex-basis: inherit;
  width: 40%;
}

.new-gs-middle-dynamic .market-card .primary-topic-media img {
  max-height: 200px;
}

.new-gs-middle-dynamic .market-card .primary-topic-content {
  width: 60%;
  margin-top: 0px;
  flex-basis: inherit;
}

.new-gs-middle-dynamic .market-card .primary-topic-text {
  padding-top: 8px;
}

.new-gs-middle-dynamic .market-card .primary-topic-text .btn:not(:first-of-type), .new-gs-middle-dynamic .market-card .primary-topic-text .nav-close:not(:first-of-type) {
  margin-left: 8px;
}

@media only screen and (max-width: 1199px) {
  .new-gs-middle-dynamic {
    padding-left: 0px;
  }
  .new-gs-middle-dynamic .content-button {
    padding-bottom: 16px;
    display: block;
    margin-top: 6px;
  }
  .new-gs-middle-dynamic .content-button p {
    margin-bottom: 0px;
  }
  .new-gs-middle-dynamic .market-card {
    display: none !important;
  }
  .new-gs-middle-dynamic::after {
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    display: block;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    box-shadow: none;
    border-bottom: 1px solid #d6dce0 !important;
  }
}

.new-gs-middle .alert a {
  text-decoration: underline;
}

.new-gs-side-content h4 {
  padding-bottom: 14px;
  margin: 0px;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 3px;
  font-weight: 600;
  letter-spacing: 0;
}

.new-gs-side-content-list {
  display: none;
  list-style: none;
  padding-left: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0.04em;
  margin-top: 3px;
}

.new-gs-side-content-list.active {
  display: block;
}

.new-gs-side-content-list li {
  margin-bottom: 12px;
  letter-spacing: 0;
}

.new-gs-side-content-list li a {
  color: inherit;
}

.new-gs-side-content .stepper {
  margin-bottom: 12px;
}

.new-gs-side-additional {
  border-top: 1px solid #d6dce0;
}

.new-gs-side-additional .new-gs-side-content-list {
  margin-top: 28px;
}

.new-gs-side-additional .new-gs-side-content-list [data-toggle='collapse'] .icon-angle-down {
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.new-gs-side-additional .new-gs-side-content-list [data-toggle='collapse'][aria-expanded='false'] .icon-angle-down {
  transform: rotate(-90deg);
}

.new-gs-side-additional .new-gs-side-content-list .icon-angle-down {
  margin-right: 6px;
}

.new-gs-side-additional .new-gs-side-content-list li {
  padding-left: 14px;
}

.new-gs-side-additional .new-gs-side-content-list li .icon-info {
  font-size: 12px;
}

.new-gs-side-additional .new-gs-side-content-list li.collapsed {
  padding: 0px;
  font-weight: normal !important;
}

.new-gs-side-additional .new-gs-side-content-list li.collapsed ul > li {
  padding: 0px;
}

.new-gs-side-additional .new-gs-side-content-list li.active {
  font-weight: 600;
}

.new-gs-side-additional .new-gs-side-content-list li .nav a {
  padding: 0px 0px 0px 24px;
}

.new-gs-side-additional .new-gs-side-content-list li .nav a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.new-gs-main-rigth {
  background-color: #f7f5f1;
  min-height: auto;
}

.code-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  margin-right: auto;
  margin-left: 0px;
  margin-bottom: 16px;
}

.code-section pre {
  background-color: #eee;
  padding: 0px;
  max-height: 350px;
  overflow: auto;
}

.code-section pre code,
.code-section pre .line-number {
  display: block;
  padding: 18px 0px;
  line-height: 1.42857143;
}

.code-section pre code {
  background: #f7f5f1;
  padding-left: 46px;
  padding-right: 60px;
  min-width: 650px;
}

.code-section pre .line-number {
  float: left;
  text-align: right;
  background: #ebecf0;
  color: #98a8b4;
}

.code-section pre .line-number span {
  display: block;
  padding: 0 1em 0 1em;
}

.code-section pre pre .cl {
  display: block;
  clear: both;
}

.code-section pre .btn-secondary, .code-section pre [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .code-section pre a.btn-secondary, .code-section pre [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .code-section pre a.btn-secondary, .code-section pre [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary, .code-section pre [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .code-section pre a.btn-secondary, .code-section pre [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .code-section pre a.btn-secondary, .code-section pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .code-section pre a.btn-secondary, .code-section pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .code-section pre a.btn-secondary,
.code-section pre [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .code-section pre a.btn-secondary, .code-section pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .code-section pre a.btn-secondary {
  padding: 8px 12px;
  font-size: 10px;
  border-radius: 0;
  position: sticky;
  top: 0;
  left: 75%;
  float: right;
  font-family: "Poppins", sans-serif;
}

.notLogged {
  position: relative;
  min-height: 350px;
}

.notLogged pre {
  color: transparent;
  text-shadow: 0 0 12px #000;
  overflow: hidden;
  height: 350px;
  background: #f7f5f1;
}

.notLogged pre .line-number {
  display: none;
}

.notLogged pre .btn-secondary, .notLogged pre [data-nxp-theme='automotive'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .contextnav li.nav-item .notLogged pre a.btn-secondary, .notLogged pre [data-nxp-theme='automotive'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .jumptonav li.nav-item .notLogged pre a.btn-secondary, .notLogged pre [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary, .notLogged pre [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item .notLogged pre a.btn-secondary, .notLogged pre [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary, .notLogged pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='industrial'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .contextnav li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='industrial'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .jumptonav li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary, .notLogged pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='consumer'] .contextnav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .contextnav li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='consumer'] .jumptonav li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .jumptonav li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item .notLogged pre a.btn-secondary,
.notLogged pre [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item a.btn-secondary, [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary, .notLogged pre .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item a.btn-secondary, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item .notLogged pre a.btn-secondary {
  display: none;
}

.notLogged.video-embed-container {
  padding: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: 1px solid #ccc;
}

.notLogged .embed-responsive {
  filter: blur(12px);
  z-index: 1;
  opacity: 0.4;
  background-size: cover;
}

.gated-content {
  position: absolute;
  width: 100%;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-embed-container .gated-content {
  height: 100%;
  z-index: 2;
}

.gated-content .section {
  text-align: center;
}

.gated-content .section .btn, .gated-content .section .nav-close,
.gated-content .section h3,
.gated-content .section p {
  margin-bottom: 32px;
}

/* NXP Typography */
.page-title-small {
  font-size: 3.2rem;
}

@media screen and (min-width: 768px) {
  .page-title-small {
    font-size: 3rem;
  }
}

.page-title-small-80 {
  font-size: 2.2rem;
}

@media screen and (min-width: 768px) {
  .page-title-small-80 {
    font-size: 2.7rem;
  }
}

.page-title-small-100 {
  font-size: 2.2rem;
}

@media screen and (min-width: 768px) {
  .page-title-small-100 {
    font-size: 2.7rem;
  }
}

.page-title-small-120 {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
  .page-title-small-120 {
    font-size: 2.2rem;
  }
}

.page-title-100 {
  position: relative;
  width: 100%;
  max-height: 3.6em;
  overflow: hidden;
  padding-right: 1em;
  text-align: justify;
  line-height: 1.2em;
}

.page-title-100:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.page-title-100:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.icon-ellipsis {
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.icon-ellipsis:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 12px;
  background: #000000;
  border-radius: 50%;
  box-shadow: -9px 0 0 #000000, 9px 0 0 #000000;
}

@media screen and (min-width: 768px) {
  .icon-ellipsis {
    display: none;
  }
}

.page-title-more {
  display: none;
}

@media screen and (min-width: 768px) {
  .page-title-more {
    display: inline;
  }
}

.band, #faq[data-nxp-theme='automotive'],
#faq[data-nxp-theme='industrial'],
#faq[data-nxp-theme='consumer'] {
  position: relative;
}

.band:before, #faq[data-nxp-theme='automotive']:before,
#faq[data-nxp-theme='industrial']:before,
#faq[data-nxp-theme='consumer']:before {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100%;
  background: inherit;
  transform: translateX(50%);
}

.investors .band:before, .investors #faq[data-nxp-theme='automotive']:before,
.investors #faq[data-nxp-theme='industrial']:before,
.investors #faq[data-nxp-theme='consumer']:before {
  border-bottom: 1px solid #d6dce0;
}

@media screen and (min-width: 768px) {
  .full-band .band:before, .full-band #faq[data-nxp-theme='automotive']:before,
  .full-band #faq[data-nxp-theme='industrial']:before,
  .full-band #faq[data-nxp-theme='consumer']:before, .band.full-band:before, .full-band#faq[data-nxp-theme='automotive']:before,
  .full-band#faq[data-nxp-theme='industrial']:before,
  .full-band#faq[data-nxp-theme='consumer']:before {
    width: 100vw !important;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-12 .band:before, .col-lg-12 #faq[data-nxp-theme='automotive']:before,
  .col-lg-12 #faq[data-nxp-theme='industrial']:before,
  .col-lg-12 #faq[data-nxp-theme='consumer']:before,
  .global-component .band:before,
  .global-component #faq[data-nxp-theme='automotive']:before,
  .global-component #faq[data-nxp-theme='industrial']:before,
  .global-component #faq[data-nxp-theme='consumer']:before {
    width: 100vw;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .band:before, .col-lg-12 #faq[data-nxp-theme='automotive']:before,
  .col-lg-12 #faq[data-nxp-theme='industrial']:before,
  .col-lg-12 #faq[data-nxp-theme='consumer']:before,
  .global-component .band:before,
  .global-component #faq[data-nxp-theme='automotive']:before,
  .global-component #faq[data-nxp-theme='industrial']:before,
  .global-component #faq[data-nxp-theme='consumer']:before {
    width: 100vw;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-9 .band:before, .col-lg-9 #faq[data-nxp-theme='automotive']:before,
  .col-lg-9 #faq[data-nxp-theme='industrial']:before,
  .col-lg-9 #faq[data-nxp-theme='consumer']:before,
  .app-column-right .band:before,
  .app-column-right #faq[data-nxp-theme='automotive']:before,
  .app-column-right #faq[data-nxp-theme='industrial']:before,
  .app-column-right #faq[data-nxp-theme='consumer']:before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-9 .band:before, .col-lg-9 #faq[data-nxp-theme='automotive']:before,
  .col-lg-9 #faq[data-nxp-theme='industrial']:before,
  .col-lg-9 #faq[data-nxp-theme='consumer']:before,
  .app-column-right .band:before,
  .app-column-right #faq[data-nxp-theme='automotive']:before,
  .app-column-right #faq[data-nxp-theme='industrial']:before,
  .app-column-right #faq[data-nxp-theme='consumer']:before {
    width: calc(100vw - 300px);
  }
}

@media screen and (min-width: 768px) {
  .col-lg-9.OverviewTabContent .band:before, .col-lg-9.OverviewTabContent #faq[data-nxp-theme='automotive']:before,
  .col-lg-9.OverviewTabContent #faq[data-nxp-theme='industrial']:before,
  .col-lg-9.OverviewTabContent #faq[data-nxp-theme='consumer']:before {
    width: 100vw;
    right: calc(50% + 125px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-9.OverviewTabContent .band:before, .col-lg-9.OverviewTabContent #faq[data-nxp-theme='automotive']:before,
  .col-lg-9.OverviewTabContent #faq[data-nxp-theme='industrial']:before,
  .col-lg-9.OverviewTabContent #faq[data-nxp-theme='consumer']:before {
    right: calc(50% + 150px);
  }
}

.band-dark {
  background-color: #262626;
}

.band-dark::before {
  background-color: #262626;
}

#loginSection::before {
  border-top: 1px solid #d6dce0;
}

#loginSection {
  border-top: none;
}

#secureContent::before {
  border-top: 1px solid #d6dce0;
}

#secureContent {
  border-top: none;
}

.investors {
  text-align: right;
  display: block;
}

.investors-content {
  padding-top: 8px;
  padding-bottom: 8px;
}

.investors-stock {
  font-size: 18px;
}

.investors-stock span:first-child {
  color: #686664;
  padding-right: 8px;
}

.investors-stock span:last-child {
  color: #1a48aa;
  font-weight: 600;
}

.investors-description {
  color: #686664;
  font-size: 16px;
}

.license-status {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}

.license-status .license-heading {
  margin-top: 22px;
  margin-bottom: 11px;
}

.license-status .license-heading h3 {
  margin: 0;
}

.license-status .license-heading h3 span {
  padding-right: 8px;
}

.license-status .license-heading h3 .clipboard-link {
  display: inline-block;
}

.license-status .clipboard-link {
  width: 30px;
  height: 30px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  cursor: pointer;
}

.license-status .clipboard-link:hover {
  background-color: #ebe7dd;
}

.license-status .clipboard-link i {
  font-size: 20px;
  color: #686664;
}

.license-agreement {
  border: 1px solid #ccc;
  width: 100%;
  height: 350px;
  padding: 20px;
  margin: 0px auto;
  overflow-y: auto;
}

.license-agreement table {
  width: 100%;
}

.license-buttons {
  margin: 32px 0px;
  display: flex;
}

@media screen and (max-width: 600px) {
  .license-buttons {
    display: block;
  }
  .license-buttons .left,
  .license-buttons .right {
    display: flex;
    justify-content: space-between;
  }
  .license-buttons .left {
    padding-bottom: 16px;
  }
}

.license-buttons .left {
  margin-right: auto;
}

.license-buttons .right {
  margin-left: auto;
}

.license-download {
  display: flex;
  align-items: center;
  gap: 30px;
}

.license-download i {
  font-size: 52px;
}

.license-download p {
  margin: 0;
}

.license.primary-topic {
  width: 75%;
  margin: auto;
}

.license.primary-topic .license-agreement {
  height: 50vh;
  padding: 32px 40px;
}

.slider-component {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .slider-component .slick-slide {
    padding: 0px 48px;
  }
}

.slider-component .slick-prev,
.slider-component .slick-next {
  height: 44px;
  width: 44px;
  background: transparent !important;
  color: white;
}

.slider-component .slick-prev::before,
.slider-component .slick-next::before {
  color: white;
  font-size: 28px;
}

.slider-component .slick-prev:hover, .slider-component .slick-prev:active, .slider-component .slick-prev:focus,
.slider-component .slick-next:hover,
.slider-component .slick-next:active,
.slider-component .slick-next:focus {
  background: white !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #262626;
}

.slider-component .slick-prev:hover::before, .slider-component .slick-prev:active::before, .slider-component .slick-prev:focus::before,
.slider-component .slick-next:hover::before,
.slider-component .slick-next:active::before,
.slider-component .slick-next:focus::before {
  color: #262626;
}

.slider-component .slick-prev {
  background: transparent;
  border: none;
  left: 0%;
}

.slider-component .slick-prev:before {
  content: '\F053' !important;
  left: -2px;
}

.slider-component .slick-next {
  right: 0%;
  border: none;
}

.slider-component .slick-next:before {
  content: '\F054' !important;
  left: 2px;
}

.slider-component .slick-dots {
  bottom: -36px;
}

.slider-item {
  padding: 0px 38px;
}

.slider-container .card1 {
  padding-bottom: 0px;
}

.slider-container {
  padding-top: 3em;
  padding-bottom: 3em;
}

.slider:not(.slick-initialized) {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 768px) {
  .slick-slider.slick-arrows {
    padding-right: 45px;
    padding-left: 45px;
  }
}

@media only screen and (min-width: 768px) {
  #Spotlight .slick-slider.slick-arrows {
    width: calc(100% - 80px);
    margin: auto;
  }
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: -15px;
  margin-left: -15px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #Spotlight .slick-list {
    width: 100%;
    padding-right: 45px;
  }
}

.slick-list:focus {
  outline: none;
}

.slick-list a:focus,
.slick-list a:focus-visible {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.slick-vertical .slick-track {
  display: block;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

#Spotlight .slick-slide {
  padding: 0px !important;
}

.slick-slide.related .section-lead {
  text-align: inherit;
  margin-left: 0px;
  margin-right: 0px;
}

.slick-slide > div:only-child {
  display: flex;
  height: 100%;
}

.slick-slide > div:only-child > * {
  flex-grow: 1;
}

.slick-slide > div > :last-child {
  margin-bottom: 0;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
  flex-grow: 1;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-slide .key-topic-item {
  padding-right: 0;
  padding-left: 0;
}

.slider-container.related .section-lead {
  text-align: inherit;
  margin-left: 0px;
  margin-right: 0px;
}

.slider-container.related .slick-track {
  margin: 0px;
}

.slider-container.related .list-inline {
  font-size: 14px;
  font-weight: 400;
  /* font-family: Arial, sans-serif;
    color: #64798a; 
      | legacy code - brand refresh
    */
  font-family: "Poppins", sans-serif;
  color: #686664;
  margin-top: 6px;
  margin-bottom: 10px;
  display: grid;
}

.slider-container.related .product-list-item {
  margin-bottom: 0px;
}

.slider-container.related .product-list-image {
  max-width: 100%;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  height: 30px;
  width: 30px;
  padding: 0;
  font-size: 0px;
  color: transparent;
  line-height: 0px;
  background-color: white;
  border: 1px solid #000000;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transform: translate(0, -50%);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

#Spotlight .slick-prev, #Spotlight
.slick-next {
  position: absolute;
  display: block;
  height: calc(100%);
  width: 40px;
  padding: 0;
  font-size: 0px;
  color: transparent;
  line-height: 0px;
  background-color: transparent;
  border: none;
  border-radius: 0%;
  outline: none;
  cursor: pointer;
  transform: translate(0, -50%);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

#Spotlight .slick-prev:hover, #Spotlight
.slick-next:hover {
  outline: none;
  background-color: #d4cfc5;
  color: transparent;
}

#Spotlight .slick-prev:hover:before, #Spotlight
.slick-next:hover:before {
  opacity: 1;
}

#Spotlight .slick-prev:focus, #Spotlight
.slick-next:focus {
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: #ebe7dd;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev[disabled],
.slick-next[disabled] {
  opacity: 1;
  cursor: not-allowed;
}

.slick-prev[disabled]:focus, .slick-prev[disabled]:hover,
.slick-next[disabled]:focus,
.slick-next[disabled]:hover {
  background-color: white;
}

.slick-prev:before,
.slick-next:before {
  position: relative;
  font-family: "Font Awesome";
  font-size: 20px;
  line-height: 0.75;
  color: #000000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Spotlight .slick-prev {
  left: -40px;
}

#Spotlight .slick-next {
  right: -41px;
}

#Spotlight .list-inline .small, #Spotlight .list-inline .flex-box .box-opts .nav-piped-2 li, .flex-box .box-opts .nav-piped-2 #Spotlight .list-inline li {
  padding: 5px 5px;
  margin-top: 4px;
}

#Spotlight .list-inline .overview {
  font-size: 16px;
  color: #20272d;
}

#Spotlight.band.related:before {
  border-top: 1px solid #d4cfc5 !important;
}

#Spotlight.band.related .slider {
  padding-left: 15px;
  padding-right: 15px;
}

#Spotlight .slick-prev.slick-disabled,
#xzoom-images-modal .slick-prev.slick-disabled, #Spotlight
.slick-next.slick-disabled,
#xzoom-images-modal
.slick-next.slick-disabled {
  opacity: 0.65;
  cursor: not-allowed;
  background-color: transparent !important;
}

#Spotlight .slick-prev.slick-disabled:focus, #Spotlight .slick-prev.slick-disabled:hover,
#xzoom-images-modal .slick-prev.slick-disabled:focus,
#xzoom-images-modal .slick-prev.slick-disabled:hover, #Spotlight
.slick-next.slick-disabled:focus, #Spotlight
.slick-next.slick-disabled:hover,
#xzoom-images-modal
.slick-next.slick-disabled:focus,
#xzoom-images-modal
.slick-next.slick-disabled:hover {
  background-color: white;
}

.slick-prev {
  left: 0;
  z-index: 1;
}

[dir='rtl'] .slick-prev {
  left: auto;
  right: 0;
}

.slick-prev:before {
  content: "\f104";
  left: -1px;
}

[dir='rtl'] .slick-prev:before {
  content: "\f105";
}

.slick-next {
  right: 0;
}

[dir='rtl'] .slick-next {
  left: 0;
  right: auto;
}

.slick-next:before {
  content: "\f105";
  right: -2px;
}

[dir='rtl'] .slick-next:before {
  content: "\f104";
}

@media only screen and (max-width: 767px) {
  .slider:not(.slider-richMedia-for) .slick-arrow {
    display: none !important;
  }
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  position: absolute;
  left: 0;
  bottom: -25px;
  display: block;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.slick-dots > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

#Spotlight .slick-dots {
  bottom: -21px;
}

.slick-dots li {
  position: relative;
  height: 20px;
  width: 20px;
  margin-bottom: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #aaa6a2;
  border-radius: 50%;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(-50%, -50%);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.slick-dots li.slick-active button:before {
  background-color: #474645;
  opacity: 1;
}

.depict {
  padding-top: 3em;
  padding-bottom: 3em;
}

.depict-slider.slick-vertical {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.depict-slider.slick-vertical .slick-list {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0;
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .depict-slider.slick-vertical .slick-list {
    width: 75%;
  }
}

.depict-slider.slick-vertical .slick-slide > div:only-child {
  height: auto;
}

.depict-slider.slick-vertical .text-dots {
  padding-left: 0;
  list-style: none;
  order: -1;
  align-self: center;
  width: 100%;
  margin-bottom: 0;
}

.depict-slider.slick-vertical .text-dots > li {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .depict-slider.slick-vertical .text-dots {
    display: flex;
    max-width: calc(100% - 30px);
    overflow-x: auto;
    margin-bottom: 30px;
    margin-left: 15px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (min-width: 768px) {
  .depict-slider.slick-vertical .text-dots {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.depict-slider.slick-vertical .text-dots li {
  position: relative;
  line-height: 1.1;
}

@media only screen and (max-width: 767px) {
  .depict-slider.slick-vertical .text-dots li {
    flex-shrink: 0;
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: #f7f5f1;
    border-right: 1px solid var(--nxp-border-color);
  }
  .depict-slider.slick-vertical .text-dots li:last-child {
    border-right: none;
  }
}

.depict-slider.slick-vertical .text-dots li:after {
  content: '';
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .depict-slider.slick-vertical .text-dots li:after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
  }
}

@media screen and (min-width: 768px) {
  .depict-slider.slick-vertical .text-dots li:after {
    top: 0;
    left: -5px;
    width: 5px;
    height: 100%;
    background-color: #ebe7dd;
  }
}

.depict-slider.slick-vertical .text-dots li.slick-active:after {
  background-color: #f9b500;
}

.depict-slider.slick-vertical .text-dots-item {
  color: #000000;
}

.depict-slide {
  position: relative;
}

.depict-callout {
  position: absolute;
  max-width: 150px;
  font-size: 12px;
}

.depict-item {
  display: none;
  margin-right: -15px;
  margin-left: -15px;
}

.depict-item.active {
  display: flex;
  flex-wrap: wrap;
}

.depict-column {
  width: 100%;
  flex-grow: 1;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .depict-column {
    width: 50%;
  }
}

@media screen and (min-width: 1200px) {
  .depict-column.content-column {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .depict-column.actions-column {
    width: 66.6666666667%;
  }
}

.depict-title {
  margin-top: 0;
}

.content-column .depict-title {
  position: relative;
}

.content-column .depict-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  display: block;
  width: 5px;
  height: 100%;
  background-color: #f9b500;
}

.depict-metadata {
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
}

.depict-metadata > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.depict-metadata li:last-child a:after {
  display: none;
}

.depict-metadata a {
  transition: color 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.depict-metadata a:after {
  content: ',';
}

.depict-links {
  padding-left: 0;
  list-style: none;
  column-count: 2;
  column-gap: 30px;
  column-width: 220px;
}

.depict-links > li {
  padding-left: 0;
}

.depict-links > li {
  break-inside: avoid;
}

.slider-container.swiperSlider {
  border-top: 1px solid #d4cfc5;
}

.slider-container.swiperSlider .related-title {
  margin-top: 0px;
  margin-bottom: 16px;
}

.cycle-slideshow.richMediaCarouselMobile {
  z-index: 0;
  border: 2px solid #ddd;
  padding-bottom: 1em;
  margin-top: 2em;
}

.cycle-slideshow.richMediaCarouselMobile a {
  display: block;
  width: 100% !important;
  height: auto !important;
  position: relative;
}

.cycle-slideshow.richMediaCarouselMobile a:hover, .cycle-slideshow.richMediaCarouselMobile a:focus {
  text-decoration: none;
  outline: none;
}

.cycle-slideshow.richMediaCarouselMobile a.-zoom-indicator:after {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  font-family: "Font Awesome";
  content: "\f00e";
  line-height: 1;
  padding: 0.5em;
  border-radius: 1px;
  border: 1px solid white;
  background-color: #898683;
  color: white;
}

.cycle-slideshow.richMediaCarouselMobile a img {
  display: block;
  max-height: 200px;
  max-width: 92%;
  margin: auto;
}

.cycle-slideshow.richMediaCarouselMobile div {
  width: 100%;
}

.cycle-slideshow.richMediaCarouselMobile .cycle-overlay {
  margin-top: 0.625em;
}

.cycle-slideshow.richMediaCarouselMobile h2 {
  padding: 0 0.5em;
}

.cycle-slideshow.richMediaCarouselMobile .-thumbVideoWrapper {
  position: relative;
}

.cycle-slideshow.richMediaCarouselMobile .-thumbVideoWrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: 4em;
  height: 4em;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4em 4em;
  z-index: 1;
  opacity: 0.75;
  pointer-events: none;
}

.richMediaCarouselMobile-pager {
  font-size: 3em;
  color: #d4cfc5;
  text-align: center;
}

.richMediaCarouselMobile-pager .cycle-pager-active {
  color: #474645;
}

.richMediaCarouselMobile-prevNext {
  text-align: center;
}

.richMediaCarouselMobile-prevNext a {
  width: 40%;
}

.richMediaCarouselMobile-prevNext a:first-of-type {
  margin-right: 15px;
}

.richMediaCarouselMobile-prevNext ~ .modal .modal-header {
  padding-bottom: 1.5em;
  background: "" 15px 15px no-repeat;
  background-size: 60px auto;
}

.richMediaCarouselMobile-prevNext ~ .modal .modal-header .modal-title {
  margin: 2em 0 0;
}

.richMediaCarouselDesktop {
  padding-top: 2em;
  margin-bottom: 2em;
}

.richMediaCarouselDesktop .-slides {
  margin-bottom: 0.5em;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow {
  max-width: 1600px !important;
  width: 100% !important;
  overflow: hidden !important;
  border: 2px solid #d4cfc5;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow h2 {
  max-width: 640px;
  margin: 1em auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow a:active, .richMediaCarouselDesktop .-slides .cycle-slideshow a:focus {
  outline: none;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow img {
  max-width: 640px;
  max-height: 400px !important;
  width: auto;
  margin: 0 auto 1em;
  opacity: 1 !important;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow img:active, .richMediaCarouselDesktop .-slides .cycle-slideshow img:focus {
  outline: none;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow div,
.richMediaCarouselDesktop .-slides .cycle-slideshow img {
  height: auto !important;
}

.richMediaCarouselDesktop .-slides .cycle-slideshow video {
  max-width: 640px;
  width: 100%;
}

.richMediaCarouselDesktop .-slides .-thumbVideoWrapper {
  position: relative;
}

.richMediaCarouselDesktop .-slides .-thumbVideoWrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: 4em;
  height: 4em;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4em 4em;
  z-index: 1;
  pointer-events: none;
}

.richMediaCarouselDesktop .no-template-pager1 {
  display: table;
  margin: 0 auto;
}

.richMediaCarouselDesktop .no-template-pager1 li {
  margin-bottom: 5px;
  margin-left: 5px;
  cursor: pointer;
  float: left;
  max-width: 130px;
}

.richMediaCarouselDesktop .center-arrows {
  font-size: 25px;
  opacity: 1;
  color: #000000;
  position: relative;
  top: 48%;
  background-color: white;
  border-radius: 25px;
}

.richMediaCarouselDesktop .cycle-next,
.richMediaCarouselDesktop .cycle-prev {
  position: absolute;
  top: 48%;
  cursor: pointer;
}

.richMediaCarouselDesktop .cycle-next,
.richMediaCarouselDesktop .cycle-prev {
  z-index: 200;
}

.richMediaCarouselDesktop .cycle-prev {
  left: 1em;
}

.richMediaCarouselDesktop .cycle-next {
  right: 1em;
}

.richMediaCarouselDesktop .cycle-prev .center-arrows,
.richMediaCarouselDesktop .cycle-next .center-arrows {
  transition: all 0.25s ease;
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding-left: 11px;
  font-size: 1.5em;
  color: #000000;
  position: relative;
  background-color: white;
  border: 1px solid black;
  border-radius: 30px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.richMediaCarouselDesktop .cycle-prev .center-arrows:hover,
.richMediaCarouselDesktop .cycle-next .center-arrows:hover {
  background-color: #ebe7dd;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
}

.richMediaCarouselDesktop .cycle-prev .center-arrows:before {
  position: absolute;
  top: 0;
  left: 10px;
  font-family: "Font Awesome";
  content: "\f104";
  z-index: 4;
  font-size: 1em;
  display: block;
}

.richMediaCarouselDesktop .cycle-next .center-arrows:before {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "Font Awesome";
  content: "\f105";
  z-index: 4;
  font-size: 1em;
  display: block;
}

.richMediaCarouselDesktop .cycle-next-1,
.richMediaCarouselDesktop .cycle-prev-1 {
  z-index: 3;
  position: absolute;
  top: 40px;
}

.richMediaCarouselDesktop .cycle-prev-1 {
  left: 0;
}

.richMediaCarouselDesktop .cycle-next-1 {
  right: 0;
}

.richMediaCarouselDesktop .strip-cycle span {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  font-size: 20px;
  z-index: 3;
  border-radius: 25px;
  color: #000000;
  background-color: white;
  border: 1px solid black;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease;
}

.richMediaCarouselDesktop .strip-cycle span:before {
  position: absolute;
  margin-left: 0;
  font-weight: 600;
}

.richMediaCarouselDesktop .strip-cycle span:hover {
  background-color: #ebe7dd;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
}

.richMediaCarouselDesktop .strip-cycle.cycle-next-1 span:before {
  top: 1px;
  left: 10px;
}

.richMediaCarouselDesktop .strip-cycle.cycle-prev-1 span:before {
  top: 1px;
  left: 8px;
}

.richMediaCarouselDesktop .strip-cycle .disabled span {
  opacity: 0.5;
}

.richMediaCarouselDesktop .strip-cycle .disabled span:hover {
  cursor: default;
}

.richMediaCarouselDesktop .cycle-sentinel {
  visibility: hidden;
}

.richMediaCarouselDesktop .rich-media-overlay {
  position: absolute;
  top: 5px;
  left: 10px;
}

.richMediaCarouselDesktop .rich-media-overlay-bottom {
  position: absolute;
  right: 3em;
  bottom: 0;
  padding: 0.5em;
  color: white;
}

.richMediaCarouselDesktop .-zoom-indicator {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.richMediaCarouselDesktop .-zoom-indicator:after {
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  bottom: 1em;
  right: 0;
  font-family: "Font Awesome";
  content: "\f00e";
  line-height: 1;
  padding: 0.5em;
  border-radius: 1px;
}

.richMediaCarouselDesktop .-zoom-indicator.-interactive-elements:after {
  border-radius: 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  font-size: 85%;
}

@media screen and (min-width: 769px) {
  .richMediaCarouselDesktop .-zoom-indicator.-interactive-elements:before {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    bottom: 1em;
    right: 27px;
    content: 'View Interactive Elements ';
    line-height: 1;
    padding: 0.5em;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    font-size: 85%;
  }
}

.richMediaCarouselDesktop .rich-media-overlay-bottom h5 {
  color: #008ecb;
}

.richMediaCarouselDesktop .cycle-pager {
  bottom: 10px !important;
  top: auto !important;
}

.richMediaCarouselDesktop .-carousel {
  position: relative;
}

.richMediaCarouselDesktop .-carousel ul.cycle-slideshow {
  width: 92%;
  margin: 0 auto;
}

.richMediaCarouselDesktop .-carousel .cycle-slide {
  transition: all 0.25s ease;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.richMediaCarouselDesktop .-carousel .cycle-carousel-wrap li {
  position: relative;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.richMediaCarouselDesktop .-carousel .cycle-carousel-wrap li .rich-media-caption {
  width: 100%;
  white-space: normal;
  overflow: visible;
  margin-top: 0.625em;
  font-size: 12px;
}

.richMediaCarouselDesktop .-carousel .cycle-sentinel .rich-media-caption {
  width: 100%;
  white-space: normal;
  overflow: visible;
  margin-top: 0.625em;
  font-size: 12px;
}

.richMediaCarouselDesktop .-carousel .cycle-slide-active {
  background-color: #262626;
}

.richMediaCarouselDesktop .-carousel .cycle-slide-active .rich-media-caption {
  color: white;
}

.richMediaCarouselDesktop .-carousel .cycle-slide-active div {
  color: #000000;
}

.richMediaCarouselDesktop .-carousel ul {
  overflow: visible;
}

.richMediaCarouselDesktop .-carousel .cycle-slide {
  max-width: 130px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.richMediaCarouselDesktop .-carousel .cycle-slide a img {
  transition: all 0.25s ease;
}

.richMediaCarouselDesktop .-carousel ul {
  overflow: visible;
}

.richMediaCarouselDesktop .-carousel .videoThumbnail {
  position: relative;
}

.richMediaCarouselDesktop .-carousel .videoThumbnail:before {
  content: '' !important;
  position: absolute !important;
  display: block !important;
  width: 2em !important;
  height: 2em !important;
  left: 50% !important;
  top: 50% !important;
  transform-origin: center !important;
  transform: translate(-50%, -50%) !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 2em 2em !important;
  z-index: 1 !important;
  opacity: 0.75 !important;
  pointer-events: none;
}

.richMediaCarouselDesktop #rollovers area {
  cursor: pointer;
}

.richMediaCarouselDesktop .cycle-slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  display: block;
  max-height: 80px;
  width: auto;
  margin: 0 auto;
}

.richMediaCarouselDesktop .cycle-slideshow img:first-child {
  position: static;
  z-index: 2;
}

.richMediaCarouselDesktop .rm-thumbnail {
  width: 100%;
  height: 84px;
}

.richMediaCarouselDesktop .rich-media-dialog {
  width: 90%;
  max-width: 80em;
  margin: 3em auto;
}

.richMediaCarouselDesktop .modal-header {
  padding-bottom: 1.5em;
  padding-left: 130px;
  background: "" 15px 15px no-repeat;
  background-size: 80px auto;
}

.richMediaCarouselDesktop .rich-media-modal img {
  max-height: 70vh;
}

.richMediaCarouselDesktop .modal-body img {
  max-height: 70vh;
}

@media screen and (min-width: 760px) and (max-width: 992px) {
  .richMediaCarouselDesktop .-slides .cycle-slideshow h2 {
    max-width: 400px;
  }
  .richMediaCarouselDesktop .-slides .cycle-slideshow img {
    max-width: 400px;
  }
}

.-slides .cycle-slideshow div {
  display: none;
}

.-carousel .cycle-slideshow li {
  display: none;
}

.cycle-slideshow.richMediaCarouselMobile a {
  display: none;
}

.richMediaCarouselMobile-pager {
  display: none;
}

.richMediaCarouselMobile-prevNext {
  display: none;
}

.richMediaCarouselDesktop [class^='cycle-prev'] {
  display: none;
}

.richMediaCarouselDesktop [class^='cycle-next'] {
  display: none;
}

.richMediaCarouselDesktop .-carousel {
  display: none;
}

.-slides .cycle-slideshow div:first-child,
.-slides .cycle-slideshow div.-zoom-indicator,
.-slides .cycle-slideshow div.-zoom-indicator.-interactive-elements {
  display: block;
}

.loading-slideshow {
  display: block;
  text-align: center;
  font-size: 2em;
}

.slider-for.slider-richMedia-for .for-slide-media {
  display: flex;
  justify-content: center;
}

.slider-for.slider-richMedia-for .for-slide-media-inner {
  position: relative;
  min-width: 1px;
}

.slider-for.slider-specs-for .asp-diagram {
  background-color: white;
}

.slider-for .for-slide {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.slider-for .for-slide .for-slide-media {
  position: relative;
}

.slider-for .for-slide .for-slide-media a {
  display: inline-block;
  max-width: 100%;
}

.slider-for .for-slide img {
  display: block;
  max-height: 400px;
  margin-right: auto;
  margin-left: auto;
}

.slider-for .for-slide .video-embed-container {
  max-width: 711.111111111px;
  margin-right: auto;
  margin-left: auto;
}

.slider-nav {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .slider-nav {
    display: none;
  }
}

.slider-nav .slick-list {
  margin-right: -5px;
  margin-left: -5px;
}

.slider-nav .nav-slide {
  padding: 10px;
  margin-right: -10px;
  margin-left: -10px;
}

.slider-nav .slick-current .nav-slide {
  color: white;
  background-color: #262626;
}

.slider-nav .nav-slide-img {
  max-width: 100%;
  margin-bottom: 10px;
}

.slider-nav .nav-slide-caption {
  font-size: 14px;
}

.slider-nav .nav-slide-caption :last-child {
  margin-bottom: 0;
}

.xzoom {
  /* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
}

.xzoom-container {
  display: inline-block;
}

.xzoom-thumbs {
  text-align: left;
}

.modal-footer .xzoom-thumbs {
  padding-top: 24px;
  text-align: center;
  width: 700px;
  margin: auto;
  padding-bottom: 12px;
}

@media only screen and (max-width: 768px) {
  .modal-footer .xzoom-thumbs {
    padding-top: 0px;
  }
}

.xzoom-thumbs .thumbVideoWrapper::before {
  font-size: 10px;
  top: 46%;
}

.xzoom-thumbs a:hover {
  text-decoration: none !important;
  outline: none;
}

.xzoom-thumbs a {
  text-decoration: none !important;
  outline: none;
  display: inline-flex;
  max-height: 45px;
  margin-right: 8px;
  height: 45px;
  width: 80px;
  text-align: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  border: 1px solid #d4cfc5;
}

@media only screen and (max-width: 768px) {
  .xzoom-thumbs a {
    display: inline-block;
  }
}

.xzoom-thumbs .thumbVideoWrapperSte {
  max-height: 45px;
  width: 80px;
}

@media only screen and (max-width: 768px) {
  .xzoom-thumbs {
    overflow: scroll;
    overflow: -moz-scrollbars-none;
    white-space: nowrap;
    scrollbar-width: none;
    padding-top: 20px;
    padding-bottom: 4px;
  }
}

.xzoom-thumbs::-webkit-scrollbar {
  display: none;
}

.xzoom-gallery-modal {
  margin-bottom: 10px;
  max-height: 52px;
  margin-right: 5px;
  margin-left: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .xzoom-gallery-modal {
    margin-right: 2px;
    margin-left: 2px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .xzoom-gallery-modal {
    margin-right: 4px;
    margin-left: 4px;
  }
}

.xzoom-more-anchors {
  display: inline-block;
  position: absolute;
  font-size: 16px;
  letter-spacing: 0.04em;
  color: white;
  background-color: #686664;
  padding: 12px 10px 12px 10px;
  width: 80px;
  height: 45px;
  top: 0px;
  left: 0px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
}

.branding .xzoom-more-anchors {
  bottom: 9px;
}

@media only screen and (max-width: 991px) {
  .xzoom-more-anchors {
    bottom: 25px;
  }
}

.xzoom-hidden {
  overflow: hidden;
}

.xzoom-preview {
  background: white;
  border: 1px solid #d6dce0;
  box-shadow: 1px 2px 4px 1px rgba(51, 63, 72, 0.1);
  left: 50.7% !important;
}

@media only screen and (max-width: 991px) {
  .xzoom-preview {
    display: none;
    width: 0px !important;
    height: 0px !important;
  }
}

.xzoom-lens {
  cursor: pointer;
}

.xzoom-lens div {
  z-index: 10 !important;
}

.xzoom-text {
  text-align: center;
  padding-bottom: 8px;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
}

@media only screen and (max-width: 767px) {
  .xzoom-text {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .xzoom-text {
    color: transparent;
    height: 22px;
    padding: 0;
    margin: 0;
  }
}

.xzoom-fs {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
}

.xzoom-fs .modal-body {
  text-align: center;
  height: 69%;
  overflow: hidden;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.xzoom-fs .modal-body .video-container-modal {
  position: relative;
  height: 100%;
}

.xzoom-fs .modal-body .video-container-modal .row,
.xzoom-fs .modal-body .video-container-modal .col-sm-12 {
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  height: 100%;
}

.xzoom-fs .modal-body .media-container {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0;
  height: 100%;
}

.xzoom-fs .modal-body .media {
  width: 80%;
  margin: auto;
  margin-bottom: 0;
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .xzoom-fs .modal-body .media {
    width: 100%;
  }
}

.xzoom-fs .modal-body .media div.video-js {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .xzoom-fs .modal-body .media div.video-js {
    height: auto;
  }
}

.xzoom-fs .modal-body .media div.video-js video {
  width: auto;
  position: relative;
  max-width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .xzoom-fs .modal-body .media div.video-js video {
    height: auto;
    width: fit-content;
  }
}

.xzoom-fs .disabled {
  pointer-events: none;
}

.xzoom-fs .disabled span {
  color: rgba(51, 63, 72, 0.5);
}

.xzoom-fs .nxp-gray-xxdark .close {
  color: white;
}

.xzoom-fs .panzoom-parent {
  position: relative;
  height: 100%;
  padding: 0;
}

.xzoom-fs .panzoom-parent .panzoom {
  cursor: grab !important;
  position: relative;
  height: 100%;
}

.xzoom-fs .panzoom-parent .addFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.xzoom-fs .panzoom-parent .xzoom-scaled {
  cursor: auto !important;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .xzoom-fs .panzoom-parent .xzoom-scaled {
    padding: 0px;
    height: 50vh;
  }
}

.xzoom-fs .panzoom-parent .xzoom-scaled img {
  width: auto !important;
  max-width: available;
  max-width: -moz-available;
  max-height: -moz-available;
  transform: none !important;
}

.xzoom-fs .panzoom-parent .panzoom:active {
  cursor: grabbing !important;
}

.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: 0.7;
  width: 48px;
  height: 48px;
}

.xzoom-caption {
  position: absolute;
  bottom: -43px;
  left: 0;
  background: #000;
  width: 100%;
  text-align: left;
}

.xzoom-caption span {
  color: #fff;
  display: block;
  font-size: 0.75em;
  padding: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (min-width: 480px) {
  .xzoom-scaled {
    transform: scale(1) translate(0px) !important;
  }
}

@media only screen and (max-width: 480px) {
  .xzoom-scaled #xzoom-image-modal {
    transform: scale(0.5);
  }
}

.xzoom-scaled:active {
  cursor: grabbing;
}

.xzoom-no-scaled {
  transform: scale(1);
  transform: matrix(1, 0, 0, 1, 0, 0) !important;
  max-height: 100%;
  max-width: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
  overflow: hidden;
}

.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
  margin-bottom: 10px;
  max-height: 46px;
  min-height: 46px;
  height: 45px;
  width: auto;
  max-width: unset;
}

@media only screen and (min-width: 750px) {
  #xzoom-images {
    display: flex;
    align-items: flex-start;
  }
}

.show-image-video {
  height: 100%;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: relative;
  object-fit: cover;
  overflow: hidden;
}

.show-image-video .btn-tertiary {
  position: absolute;
  z-index: 2 !important;
  height: 44px;
  width: 45px;
  padding: 8px 12px;
  font-size: 24px;
  text-decoration: none !important;
  outline: none;
  top: 10px;
  right: 10px;
}

.show-image-video .btn-tertiary .icon-expand {
  font-size: 24px;
}

.show-image-video .live-example {
  position: relative;
  height: 100%;
}

.show-image-video .icon-expand::before {
  position: absolute;
  top: 10px;
  right: 11px;
}

#xzoom-component {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 312px;
  min-height: 312px;
  overflow: hidden !important;
}

@media only screen and (max-width: 992px) {
  #xzoom-component {
    text-align: center;
    border: 1px solid #d6dce0;
  }
}

#xzoom-image {
  max-width: 100%;
  height: 100%;
  position: absolute;
  width: auto !important;
}

@media only screen and (max-width: 480px) {
  #xzoom-image {
    height: auto;
  }
}

#xzoom-image-modal {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

#xzoom-image-modal.svg {
  height: 100% !important;
}

#overviewSectionMore {
  border-top: none !important;
}

.video-container, .video-embed-container {
  overflow: hidden;
  width: 100%;
}

#xzoom-component .video-container .row, #xzoom-component .video-embed-container .row {
  margin: 0px;
}

#xzoom-component .video-container .row .thumbVideoWrapper img, #xzoom-component .video-embed-container .row .thumbVideoWrapper img {
  width: 100%;
  height: 100%;
}

.video-container-modal {
  padding-left: 85px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .video-container-modal {
    padding-left: 0px;
  }
}

.video-container-modal .interactive-media-player {
  padding: 0 !important;
}

div[id*='launchModal'],
.buyOptionModal {
  z-index: 1100;
  overflow-y: hidden !important;
  padding-left: 0 !important;
  /* steven css */
}

div[id*='launchModal'] .modal-title,
.buyOptionModal .modal-title {
  width: 90%;
  overflow-wrap: anywhere;
}

div[id*='launchModal'] .modal-dialog,
.buyOptionModal .modal-dialog {
  margin: 0;
  width: 100%;
}

div[id*='launchModal'] .modal-dialog .zoom,
.buyOptionModal .modal-dialog .zoom {
  position: absolute;
  padding: 4px 8px;
  right: 20px;
  font-size: 24px;
  top: 140px;
  color: black;
  z-index: 73;
  transition: 200ms all ease-in-out;
}

@media only screen and (max-width: 767px) {
  div[id*='launchModal'] .modal-dialog .zoom,
  .buyOptionModal .modal-dialog .zoom {
    display: none;
  }
}

div[id*='launchModal'] .modal-dialog .zoomOut,
.buyOptionModal .modal-dialog .zoomOut {
  top: 200px;
  z-index: 73;
  transition: 200ms all ease-in-out;
}

div[id*='launchModal'] .modal-dialog .close,
.buyOptionModal .modal-dialog .close {
  font-size: 23px;
  right: 20px;
  position: absolute;
  opacity: 1;
  padding: 8px 13px;
  top: 11px;
}

@media only screen and (max-width: 768px) {
  div[id*='launchModal'] .modal-dialog .close,
  .buyOptionModal .modal-dialog .close {
    right: 10px;
  }
}

div[id*='launchModal'] a.disable,
.buyOptionModal a.disable {
  pointer-events: none;
  opacity: 0.3;
}

div[id*='launchModal'] .modal-body,
.buyOptionModal .modal-body {
  margin: auto;
  margin-right: 80px;
  height: calc(100vh - 220px);
  padding-left: 0px;
  padding-right: 0px;
  transition: 200ms all ease-in-out;
}

div[id*='launchModal'] .modal-body .row,
.buyOptionModal .modal-body .row {
  height: 100%;
}

div[id*='launchModal'] .modal-body .row .col-md-11,
.buyOptionModal .modal-body .row .col-md-11 {
  overflow: hidden;
  padding-left: 0px;
  height: 100%;
  padding-right: 0px;
}

div[id*='launchModal'] .modal-body .row .col-md-1,
.buyOptionModal .modal-body .row .col-md-1 {
  padding-left: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  div[id*='launchModal'] .modal-body,
  .buyOptionModal .modal-body {
    margin-right: 0;
    height: auto;
    touch-action: pinch-zoom !important;
  }
  div[id*='launchModal'] .modal-body img,
  .buyOptionModal .modal-body img {
    touch-action: pinch-zoom !important;
  }
}

div[id*='launchModal'] .modal-body.video,
.buyOptionModal .modal-body.video {
  margin-right: 0px;
  background-color: #151a16;
}

div[id*='launchModal'] .modal-header a:hover,
div[id*='launchModal'] .modal-header button:hover,
.buyOptionModal .modal-header a:hover,
.buyOptionModal .modal-header button:hover {
  background-color: #ebe7dd;
  border-color: #ebe7dd;
  border-radius: 100px;
}

div[id*='launchModal'] .modal-content,
.buyOptionModal .modal-content {
  width: 100%;
  height: auto;
  min-height: 100%;
  border: none;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
  div[id*='launchModal'] .modal-footer .col-lg-12,
  .buyOptionModal .modal-footer .col-lg-12 {
    position: absolute;
    bottom: 0;
  }
}

div[id*='launchModal'] .modal-footer a,
.buyOptionModal .modal-footer a {
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  div[id*='launchModal'] .modal-footer a,
  .buyOptionModal .modal-footer a {
    margin: 8px 4px !important;
  }
}

div[id*='launchModal'] .modal-footer p,
.buyOptionModal .modal-footer p {
  color: #262626;
  width: 100%;
  text-align: left;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  div[id*='launchModal'] .modal-footer p,
  .buyOptionModal .modal-footer p {
    padding: 0;
  }
}

div[id*='launchModal'] .modal-footer .modal-title,
.buyOptionModal .modal-footer .modal-title {
  padding: 2px 0px;
}

@media only screen and (max-width: 768px) {
  div[id*='launchModal'] .text-right,
  .buyOptionModal .text-right {
    text-align: left !important;
    margin-top: 24px;
    margin-bottom: 48px;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1280px), screen and (min-height: 586px) and (max-height: 587px) {
  div[id*='launchModal'] .modal-header,
  .buyOptionModal .modal-header {
    padding: 8px 20px;
  }
  div[id*='launchModal'] .modal-header .icon-times,
  .buyOptionModal .modal-header .icon-times {
    font-size: 16px;
  }
  div[id*='launchModal'] .modal-title,
  .buyOptionModal .modal-title {
    font-size: 16px;
  }
  div[id*='launchModal'] .modal-body,
  .buyOptionModal .modal-body {
    height: calc(100vh - 160px) !important;
  }
  div[id*='launchModal'] .modal-footer,
  .buyOptionModal .modal-footer {
    padding: 12px 0 0 20px;
  }
  div[id*='launchModal'] .xzoom-thumbs,
  .buyOptionModal .xzoom-thumbs {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  div[id*='launchModal'] #xzoom-description-modal,
  .buyOptionModal #xzoom-description-modal {
    font-size: 12px;
  }
  div[id*='launchModal'] .modal-dialog .close,
  .buyOptionModal .modal-dialog .close {
    top: 2px;
  }
}

.buyOptionModal .modal-body {
  height: calc(100vh - 60px);
}

.part-nomenclature .nxp-image {
  height: 36px;
  margin-bottom: 3px;
}

.part-nomenclature .modal-title {
  padding-top: 16px;
  font-size: 30px;
}

.part-nomenclature .modal-body {
  height: calc(100vh - 222px) !important;
  margin-right: 80px !important;
}

.part-nomenclature .zoomIn {
  display: block !important;
  top: 160px !important;
}

.part-nomenclature .zoomOut {
  display: block !important;
  top: 220px !important;
}

.part-nomenclature .modal-footer p {
  font-size: 16px;
}

.part-nomenclature .modal-footer p a {
  text-transform: none !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.part-nomenclature #panzoom-image {
  height: 100% !important;
}

@media only screen and (max-width: 991px) {
  .rich-wrapper {
    padding-bottom: 3em;
  }
}

@media only screen and (min-width: 992px) {
  .ste-button {
    padding-bottom: 48px;
  }
}

.ste-button .has-border-top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
}

.ste-button .has-border-top .col-md-3 {
  margin-top: -7px !important;
  width: auto;
  padding-right: 0px;
  margin-right: 8px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ste-button .has-border-top .col-md-3 {
    margin-top: -6px !important;
  }
}

.ste-button #EcadButtonDiv {
  display: flex;
  align-items: center;
}

.ui-accordion-header .show-hide {
  padding-bottom: 0px;
  padding-top: 8px;
}

.ui-accordion-header .show-hide::after {
  top: 11px !important;
}

/* Additional class that applied to thumb when it is active */
.xactive {
  box-shadow: 0px 3px 0px #ff7400;
}

#modalAnchor {
  text-align: center;
  display: inline-flex;
  height: 45px;
}

@media only screen and (max-width: 768px) {
  #modalAnchor {
    display: none;
  }
}

#keywordCommunitiesBtn {
  padding-top: 14px;
}

.xsp-overview {
  padding-top: 46px !important;
  padding-bottom: 8px !important;
  /* styles for view more-less */
}

@media only screen and (max-width: 991px) {
  .xsp-overview {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .xsp-overview {
    margin-bottom: 0px !important;
  }
}

.xsp-overview .expand-list.collapse:not(.in)::after {
  height: 60px;
}

.xsp-overview .ui-accordion-header {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.xsp-overview .ui-accordion-header span {
  padding-top: 4px !important;
  padding-bottom: 10px !important;
}

.xsp-overview .ui-accordion-header a::after {
  padding-top: 6px !important;
}

.xsp-overview .showHideToggleText:hover {
  text-decoration: none;
}

.xsp-overview .toggle-min-height {
  min-height: 335px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .xsp-overview .toggle-min-height {
    height: 0px !important;
    overflow: hidden;
    min-height: 280px !important;
  }
}

@media only screen and (max-width: 992px) {
  .xsp-overview .toggle-min-height {
    padding-bottom: 12px;
    min-height: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .xsp-overview .toggle-opacity {
    height: 0px;
    overflow: hidden;
    min-height: 257px !important;
  }
}

.xsp-overview .toggle-opacity:not(.in)::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.xsp-overview .modal-md .modal-body {
  text-align: center;
}

.xsp-overview .collapse-mobile .has-border-top #applicationNoteDiv {
  margin-top: -6px !important;
}

.xsp #xzoom-description-modal {
  text-align: initial;
}

@media only screen and (max-width: 768px) {
  .xsp #xzoom-description-modal .text-description {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .xsp #xzoom-description-modal {
    text-align: center !important;
  }
}

/* styles for small images on slider  */
@media only screen and (max-width: 768px) {
  .richMedia-slider {
    display: flex;
    justify-content: center;
  }
}

.richMedia-slider .slick-track {
  align-items: initial;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .richMedia-slider .slick-track {
    align-items: center;
    justify-content: left;
    width: auto !important;
  }
}

.richMedia-slider .slick-slide {
  flex-grow: 0 !important;
  width: 80px !important;
  padding: 0;
  margin-right: 8px;
}

.richMedia-slider .slick-slide div:only-child {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.richMedia-slider .slick-slide img {
  margin-bottom: 10px;
  max-height: 46px;
  min-height: 46px;
  height: 45px;
  width: auto;
  margin: auto;
  max-width: unset;
}

.richMedia-slider .slick-prev {
  left: -60px;
  transition: ease-in-out all 100ms;
  padding-bottom: 8px;
}

.richMedia-slider .slick-next {
  padding-bottom: 8px;
  padding-right: 4px;
  right: -60px;
  transition: ease-in-out all 100ms;
}

.richMedia-slider .slick-next:hover,
.richMedia-slider .slick-prev:hover {
  right: -60px;
  outline: none;
  background-color: #d6dce0;
  color: transparent;
}

.richMedia-slider .slick-prev,
.richMedia-slider .slick-next {
  border: none;
  top: 46%;
  height: 46px;
  width: 37px;
  border-radius: 0;
  padding: 0;
}

.richMedia-slider .slick-prev:focus,
.richMedia-slider .slick-next:focus {
  outline: none;
  background-color: #d6dce0;
  color: transparent;
}

.richMedia-slider .slick-prev:before {
  content: '\F053';
}

.richMedia-slider .slick-next:before {
  content: '\F054';
}

.richMedia-slider .slick-prev:before,
.richMedia-slider .slick-next:before {
  font-size: 24px;
  padding-right: 2px;
}

.richMedia-slider .slick-disabled {
  opacity: 0.5;
  cursor: auto;
}

div[class^='toggle-text'],
div[class*='toggle-text'] {
  margin-bottom: 8px;
  position: relative;
}

div[class^='toggle-text'] a.showHideToggleText,
div[class*='toggle-text'] a.showHideToggleText {
  position: absolute;
  bottom: -24px;
}

.bd #specifications {
  margin: 0px;
}

#applicationdetails,
#product-details {
  margin: 0px;
}

#applicationdetails h2,
#product-details h2 {
  margin: 0px;
  margin-bottom: 11px;
}

@media only screen and (max-width: 768px) {
  #applicationdetails h2:not(.bd-links-title),
  #product-details h2:not(.bd-links-title) {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #applicationdetails,
  #product-details {
    padding-bottom: 0px;
  }
  #applicationdetails .bd-title,
  #product-details .bd-title {
    margin-bottom: 0px;
    border-top: 1px solid #d6dce0;
    border-bottom: none !important;
  }
}

#applicationdetails {
  padding-top: 0px;
}

#applicationdetails h2:not(.bd-links-title) {
  padding-top: 48px !important;
}

/* spacing on the related applications component */
.related-applications {
  padding: 48px 0px;
  border-top: 1px solid #d4cfc5 !important;
}

.related-applications #target-apps {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .related-applications {
    padding-top: 0px;
    margin-top: -1px !important;
    border-top: 1px solid #d4cfc5 !important;
    padding-bottom: 0px;
  }
  .related-applications h3 {
    margin-top: 0px;
  }
  .related-applications #target-applications {
    margin-top: 0px;
  }
  .related-applications .target-applications {
    margin-top: 0;
    border-bottom: 1px solid #d4cfc5 !important;
    margin: 0px;
  }
}

#target-applications,
#target-apps {
  font-size: 20px !important;
}

.active #target-applications, .active
#target-apps {
  border-bottom: none !important;
}

@media only screen and (max-width: 767px) {
  #target-applications,
  #target-apps {
    font-size: 18px !important;
    border-bottom: none !important;
    margin-bottom: 0px;
  }
}

.contextnav .popover.top, .jumptonav .popover.top, .getstartednav > ul .popover.top, .gettingstartednav > ul .popover.top, .get-started-container.gs-guides #getting-started-nav .getstartednav > ul .popover.top {
  top: -52.5px !important;
}

.rich-wrapper {
  position: relative;
}

/* Styles for slider on mobile */
@media only screen and (max-width: 768px) {
  .modal-footer .xzoom-thumbs {
    width: auto;
    margin: auto;
    padding-top: 24px;
    padding-bottom: 12px;
    overflow: unset;
    text-align: start;
  }
  .richMedia-slider .slick-track {
    align-items: unset;
    justify-content: unset;
  }
  .richMedia-slider .slick-slide {
    flex-grow: unset;
    width: auto;
  }
  #launchModal .modal-footer a {
    margin: 0;
  }
}

.asp-diagram-image {
  position: relative;
}

.asp-diagram-hotspots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.asp-diagram-hotspots > a {
  position: absolute;
  display: none;
  box-shadow: 0 0 5px #003883;
  transition: all 150ms ease;
}

@media screen and (min-width: 992px) {
  .asp-diagram-hotspots > a {
    display: block;
  }
}

.asp-diagram-hotspots > a:hover {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 8px #003883;
}

.asp-diagram .popover {
  width: 100%;
  max-width: 315px;
}

.asp-diagram .popover-close {
  float: right;
  margin-left: 0.5em;
}

.asp-diagram .popover-content {
  max-height: 24em;
  overflow-y: auto;
}

.block-diagram-outer {
  padding-top: 3em;
  padding-bottom: 3em;
}

.block-diagram-image {
  display: flex;
  padding: 15px;
  border: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .block-diagram-image {
    padding: 30px 75px;
  }
}

.block-diagram-image-wrapper {
  position: relative;
  margin: auto;
}

.block-diagram-button {
  position: absolute;
  background-color: transparent;
  border: none;
  box-shadow: 0 0 5px #003883;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.block-diagram-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 8px #003883;
}

.block-diagram-button.active {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 3px 3px #5e89c1;
}

.block-diagram-content {
  padding: 30px 15px 15px;
  border: 1px solid var(--nxp-border-color);
  border-top: none;
}

.block-diagram-item {
  display: flex;
  flex-wrap: wrap;
}

.block-diagram-heading {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.block-diagram-heading > h3 {
  position: relative;
  margin-top: 0;
}

.block-diagram-heading > h3:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -8px;
  display: block;
  width: 3px;
  height: 1em;
  background-color: #f9b500;
}

.block-diagram-text {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .block-diagram-text {
    width: 66.6666666667%;
    flex-grow: 1;
  }
}

.block-diagram-resources {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .block-diagram-resources {
    width: 33.3333333333%;
    flex-shrink: 0;
  }
}

/* Sell the experience [Steven] */
#applicationdetails .interactive-bd-component, #applicationdetails
.interactive-bd-component-gs {
  padding-top: 3em;
}

@media only screen and (max-width: 767px) {
  #applicationdetails .interactive-bd-component, #applicationdetails
  .interactive-bd-component-gs {
    padding: 0px;
  }
}

.interactive-bd-component.brand,
.interactive-bd-component-gs.brand {
  padding-top: 24px;
}

.interactive-bd-component .icon-expand:focus,
.interactive-bd-component-gs .icon-expand:focus {
  outline: none;
}

.interactive-bd-component .icon-expand::before,
.interactive-bd-component-gs .icon-expand::before {
  position: absolute;
  top: 10px;
  right: 11px;
}

@media only screen and (max-width: 767px) {
  .interactive-bd-component .nav-piped,
  .interactive-bd-component-gs .nav-piped {
    display: none;
  }
}

.interactive-bd-component .bd,
.interactive-bd-component-gs .bd {
  /* Need flag */
}

.interactive-bd-component .bd-header,
.interactive-bd-component-gs .bd-header {
  margin-bottom: 20px;
}

.interactive-bd-component .bd-header:has(.bd-button-customize),
.interactive-bd-component-gs .bd-header:has(.bd-button-customize) {
  display: flex;
  flex-wrap: wrap;
}

.interactive-bd-component .bd-header:has(.bd-button-customize) .bd-subtitle,
.interactive-bd-component-gs .bd-header:has(.bd-button-customize) .bd-subtitle {
  width: 100%;
}

.interactive-bd-component .bd-header:has(.bd-button-customize) .bd-button-customize,
.interactive-bd-component-gs .bd-header:has(.bd-button-customize) .bd-button-customize {
  margin-left: auto;
  height: fit-content;
}

@media (max-width: 768px) {
  .interactive-bd-component .bd-header:has(.bd-button-customize) .bd-button-customize,
  .interactive-bd-component-gs .bd-header:has(.bd-button-customize) .bd-button-customize {
    display: none;
  }
}

.interactive-bd-component .bd-title,
.interactive-bd-component-gs .bd-title {
  font-size: 20px;
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .interactive-bd-component .bd-title,
  .interactive-bd-component-gs .bd-title {
    border-top: 1px solid var(--nxp-border-color);
    border-bottom: none !important;
    font-size: 20px !important;
  }
}

.interactive-bd-component .bd-subtitle,
.interactive-bd-component-gs .bd-subtitle {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .interactive-bd-component .bd-subtitle,
  .interactive-bd-component-gs .bd-subtitle {
    display: none;
  }
}

.interactive-bd-component .bd-body,
.interactive-bd-component-gs .bd-body {
  padding: 30px;
  background-color: white;
  margin-bottom: 18px;
}

@media only screen and (min-width: 992px) {
  .interactive-bd-component .bd-body,
  .interactive-bd-component-gs .bd-body {
    border: 1px solid #000000 !important;
  }
}

.interactive-bd-component .bd-body .tab-content,
.interactive-bd-component-gs .bd-body .tab-content {
  padding-top: 0;
}

.interactive-bd-component .bd-body .row,
.interactive-bd-component-gs .bd-body .row {
  max-width: 100%;
  margin: 0;
}

.interactive-bd-component .bd-col-right,
.interactive-bd-component-gs .bd-col-right {
  max-height: 464px;
  overflow-y: hidden;
  min-height: 464px;
  padding: 0;
  border-left: 1px solid #d4cfc5;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-col-right,
  .interactive-bd-component-gs .bd-col-right {
    min-height: auto;
    border: none;
    max-height: none;
  }
}

.interactive-bd-component .bd-col-left,
.interactive-bd-component-gs .bd-col-left {
  padding: 30px;
  min-height: 500px;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-col-left,
  .interactive-bd-component-gs .bd-col-left {
    min-height: auto;
    padding: 15px;
    border: 1px solid #d4cfc5;
  }
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-col-left,
  .interactive-bd-component-gs .bd-col-left {
    border: 1px solid #d4cfc5;
  }
}

.interactive-bd-component .bd-button,
.interactive-bd-component-gs .bd-button {
  position: absolute;
  top: -53px;
  right: -21px;
  height: 44px;
  width: 45px;
  padding: 8px 12px;
  font-size: 24px;
  text-decoration: none !important;
  outline: none;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-button,
  .interactive-bd-component-gs .bd-button {
    top: -43px;
    right: -6px;
  }
}

.interactive-bd-component .bd-button:active,
.interactive-bd-component-gs .bd-button:active {
  background-image: none;
}

.interactive-bd-component .bd-button:hover,
.interactive-bd-component-gs .bd-button:hover {
  /* background-color: rgba(0, 0, 0, 0.1); */
  background-color: #ebe7dd;
  border-color: #ebe7dd;
  text-decoration: none !important;
  outline: none;
}

.interactive-bd-component .bd-app,
.interactive-bd-component-gs .bd-app {
  padding: 16px 20px;
  color: #262626;
  font-size: 14px;
  border-bottom: 1px solid #d4cfc5;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app,
  .interactive-bd-component-gs .bd-app {
    border-bottom: none;
    padding: 16px 0;
    display: inline-block;
    padding-bottom: 0px;
  }
  .interactive-bd-component .bd-app-title,
  .interactive-bd-component-gs .bd-app-title {
    padding-right: 4px;
  }
  .interactive-bd-component .bd-app p,
  .interactive-bd-component-gs .bd-app p {
    float: left;
    width: auto;
  }
}

.interactive-bd-component .bd-app p,
.interactive-bd-component-gs .bd-app p {
  margin: 0;
  color: #000000;
}

.interactive-bd-component .bd-app-elements,
.interactive-bd-component-gs .bd-app-elements {
  padding: 16px 20px;
  overflow-y: auto;
  max-height: 400px;
  scrollbar-width: thin;
  /*  @media only screen and (min-width: 500px) and (max-width: $screen-sm) {
        padding: 0px 0px;
        border-top: 1px solid #979797;
        margin-top: 24px;

        .collapse-mobile {
          margin-top: 0px !important;
        }
      } */
}

@media only screen and (max-width: 480px) {
  .interactive-bd-component .bd-app-elements,
  .interactive-bd-component-gs .bd-app-elements {
    overflow-y: unset;
    max-height: none;
  }
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-elements,
  .interactive-bd-component-gs .bd-app-elements {
    padding: 16px 0px;
    width: 100%;
    margin-top: 0px;
    border: none;
    max-height: none;
  }
  .interactive-bd-component .bd-app-elements .collapse-mobile,
  .interactive-bd-component-gs .bd-app-elements .collapse-mobile {
    margin-top: 0px !important;
  }
}

.interactive-bd-component .bd-app-instruction,
.interactive-bd-component-gs .bd-app-instruction {
  display: none;
}

.interactive-bd-component .bd-app-instruction.active,
.interactive-bd-component-gs .bd-app-instruction.active {
  display: flex;
  justify-content: flex-start;
  animation-duration: 2s;
  animation-name: active-bd;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-instruction.active,
  .interactive-bd-component-gs .bd-app-instruction.active {
    display: none;
  }
}

.interactive-bd-component .bd-app-instruction span,
.interactive-bd-component-gs .bd-app-instruction span {
  transform: scaleX(-1);
  font-size: 24px;
  margin-top: auto;
  margin-bottom: auto;
  color: #000000;
}

.interactive-bd-component .bd-app-instruction p,
.interactive-bd-component-gs .bd-app-instruction p {
  margin: 0;
  font-size: 14px;
  padding: 0px 14px;
  color: #000000;
}

.interactive-bd-component .bd-app-item,
.interactive-bd-component-gs .bd-app-item {
  display: none;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-item,
  .interactive-bd-component-gs .bd-app-item {
    display: block;
  }
  .interactive-bd-component .bd-app-item.active,
  .interactive-bd-component-gs .bd-app-item.active {
    animation: none;
    animation-name: none !important;
  }
}

.interactive-bd-component .bd-app-item.active,
.interactive-bd-component-gs .bd-app-item.active {
  display: block;
  animation-duration: 2s;
  animation-name: active-bd;
}

.interactive-bd-component .bd-app-item h2,
.interactive-bd-component-gs .bd-app-item h2 {
  border-left-color: #ff9700;
  font-size: 16px;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-item h2,
  .interactive-bd-component-gs .bd-app-item h2 {
    border: 1px solid #d4cfc5;
  }
}

.interactive-bd-component .bd-app-item.active h4,
.interactive-bd-component-gs .bd-app-item.active h4 {
  border-left-color: #f9b500;
}

.interactive-bd-component .bd-links-title,
.interactive-bd-component-gs .bd-links-title {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-links-title,
  .interactive-bd-component-gs .bd-links-title {
    font-weight: 400 !important;
    background: none !important;
    border: none !important;
    border-top: 1px solid #d4cfc5 !important;
    padding-left: 0;
  }
}

.interactive-bd-component .bd-links,
.interactive-bd-component-gs .bd-links {
  padding: 16px;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-links,
  .interactive-bd-component-gs .bd-links {
    padding: 16px 12px 16px 0;
  }
}

.interactive-bd-component .bd-links li,
.interactive-bd-component-gs .bd-links li {
  margin-bottom: 16px;
}

.interactive-bd-component .bd-links li a strong,
.interactive-bd-component-gs .bd-links li a strong {
  font-weight: 400 !important;
}

.interactive-bd-component .bd-label-tap-image,
.interactive-bd-component-gs .bd-label-tap-image {
  display: none;
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-item:last-child .bd-links-title,
  .interactive-bd-component-gs .bd-app-item:last-child .bd-links-title {
    border-bottom: 1px solid #d4cfc5 !important;
  }
}

@media only screen and (max-width: 991px) {
  .interactive-bd-component .bd-app-item:last-child.active .bd-links-title,
  .interactive-bd-component-gs .bd-app-item:last-child.active .bd-links-title {
    border-bottom: none !important;
  }
  .interactive-bd-component .bd-app-item:last-child.active .bd-links,
  .interactive-bd-component-gs .bd-app-item:last-child.active .bd-links {
    border-bottom: 1px solid #d4cfc5 !important;
  }
}

.interactive-bd-component .modal,
.interactive-bd-component-gs .modal {
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  overflow-y: hidden;
}

.interactive-bd-component .modal-dialog,
.interactive-bd-component-gs .modal-dialog {
  margin: 0;
  width: 100%;
}

.interactive-bd-component .modal-dialog .close,
.interactive-bd-component-gs .modal-dialog .close {
  font-size: 23px;
  right: 20px;
  position: absolute;
  opacity: 1;
  padding: 8px 13px;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-dialog .close,
  .interactive-bd-component-gs .modal-dialog .close {
    right: 10px;
  }
}

.interactive-bd-component a.disable,
.interactive-bd-component-gs a.disable {
  pointer-events: none;
  opacity: 0.3;
}

.interactive-bd-component .modal-body,
.interactive-bd-component-gs .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-right: 80px;
  height: calc(100vh - 220px);
  padding: 0px;
}

@media only screen and (max-width: 480px) {
  .interactive-bd-component .modal-body,
  .interactive-bd-component-gs .modal-body {
    max-height: 480px;
  }
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-body,
  .interactive-bd-component-gs .modal-body {
    touch-action: pinch-zoom !important;
    margin-right: 0px;
  }
  .interactive-bd-component .modal-body img,
  .interactive-bd-component-gs .modal-body img {
    touch-action: pinch-zoom !important;
  }
}

.interactive-bd-component .removeFlex,
.interactive-bd-component-gs .removeFlex {
  justify-content: unset !important;
  align-items: unset !important;
}

.interactive-bd-component .removeFlex img,
.interactive-bd-component-gs .removeFlex img {
  max-width: fit-content !important;
  width: auto !important;
  height: auto !important;
}

.interactive-bd-component .modal-body img,
.interactive-bd-component-gs .modal-body img {
  height: auto !important;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

.interactive-bd-component .zoom-container,
.interactive-bd-component-gs .zoom-container {
  height: 100%;
  width: 100%;
}

.interactive-bd-component .zoom-content,
.interactive-bd-component-gs .zoom-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: auto;
}

.interactive-bd-component .zoom-content.zoom-activated,
.interactive-bd-component-gs .zoom-content.zoom-activated {
  cursor: grab;
}

.interactive-bd-component .zoom-content.zoom-activated img:active,
.interactive-bd-component-gs .zoom-content.zoom-activated img:active {
  cursor: grabbing !important;
}

.interactive-bd-component .zoom-content.zoom-activated img:hover,
.interactive-bd-component-gs .zoom-content.zoom-activated img:hover {
  cursor: grab;
}

.interactive-bd-component .zoom-content.zoom-activated:active,
.interactive-bd-component-gs .zoom-content.zoom-activated:active {
  cursor: grabbing !important;
}

.interactive-bd-component .zoom-content.zoom-activated:active img:active,
.interactive-bd-component-gs .zoom-content.zoom-activated:active img:active {
  cursor: grabbing !important;
}

.interactive-bd-component .zoom-content img,
.interactive-bd-component-gs .zoom-content img {
  margin: auto;
}

.interactive-bd-component .modal-body.text-center .zoom-container,
.interactive-bd-component-gs .modal-body.text-center .zoom-container {
  /* position: relative;
    height: 100%;
    display: block;
   /*  display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1) translate(0px) !important; 
    @media only screen and (max-width: $screen-sm) {
      transform: none;
    } */
}

.interactive-bd-component .modal-body.text-center .zoom-container img,
.interactive-bd-component-gs .modal-body.text-center .zoom-container img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.interactive-bd-component .modal-dialog .zoom,
.interactive-bd-component-gs .modal-dialog .zoom {
  position: absolute;
  right: 20px;
  font-size: 24px;
  top: 140px;
  color: black;
  z-index: 73;
  padding: 4px 8px;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-dialog .zoom,
  .interactive-bd-component-gs .modal-dialog .zoom {
    display: none;
  }
}

.interactive-bd-component .modal-dialog .zoomOut,
.interactive-bd-component-gs .modal-dialog .zoomOut {
  top: 200px;
  z-index: 73;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-dialog .zoomOut,
  .interactive-bd-component-gs .modal-dialog .zoomOut {
    top: 130px;
  }
}

.interactive-bd-component .modal-header a:hover,
.interactive-bd-component .modal-header button:hover,
.interactive-bd-component-gs .modal-header a:hover,
.interactive-bd-component-gs .modal-header button:hover {
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.interactive-bd-component .modal-content,
.interactive-bd-component-gs .modal-content {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  border: none;
  box-shadow: none;
}

.interactive-bd-component .modal-footer .col-lg-12,
.interactive-bd-component-gs .modal-footer .col-lg-12 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
  .interactive-bd-component .modal-footer .col-lg-12,
  .interactive-bd-component-gs .modal-footer .col-lg-12 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.text-left,
  .interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.text-left {
    padding: 0px !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.text-left,
  .interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.text-left {
    padding-right: 73px !important;
  }
}

.interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.pb2,
.interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.pb2 {
  width: 30%;
}

.interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.text-left,
.interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.text-left {
  width: 70%;
  padding-bottom: 2em !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0px;
  max-height: 98px;
  overflow-y: scroll;
}

@media only screen and (max-width: 767px) {
  .interactive-bd-component .modal-footer .col-lg-12,
  .interactive-bd-component-gs .modal-footer .col-lg-12 {
    flex-direction: column;
  }
  .interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.text-left,
  .interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.text-left {
    white-space: nowrap;
    width: 100vw;
    overflow-x: scroll;
    /*           padding-right: 73px !important;
 */
    display: block;
  }
  .interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.text-left.text,
  .interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.text-left.text {
    width: 100vw;
    padding-right: 73px !important;
    display: block;
    white-space: inherit;
    overflow-x: hidden;
  }
  .interactive-bd-component .modal-footer .col-lg-12 .col-lg-6.pb2,
  .interactive-bd-component-gs .modal-footer .col-lg-12 .col-lg-6.pb2 {
    display: none;
  }
}

.interactive-bd-component .modal-footer a,
.interactive-bd-component-gs .modal-footer a {
  text-transform: uppercase;
  margin-right: 9px;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-footer a,
  .interactive-bd-component-gs .modal-footer a {
    margin: 8px 4px !important;
  }
  .interactive-bd-component .modal-footer a:first-child,
  .interactive-bd-component-gs .modal-footer a:first-child {
    margin-left: 0px !important;
  }
}

.interactive-bd-component .modal-footer a:nth-of-type(3),
.interactive-bd-component-gs .modal-footer a:nth-of-type(3) {
  margin-left: 6px;
}

.interactive-bd-component .modal-footer p,
.interactive-bd-component-gs .modal-footer p {
  width: 100%;
  text-align: left;
  padding: 8px 0;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .modal-footer p,
  .interactive-bd-component-gs .modal-footer p {
    padding: 0;
  }
}

.interactive-bd-component .modal-title,
.interactive-bd-component-gs .modal-title {
  padding: 2px 0px;
  width: 90%;
  overflow-wrap: anywhere;
}

@media only screen and (max-width: 768px) {
  .interactive-bd-component .text-right,
  .interactive-bd-component-gs .text-right {
    text-align: left !important;
    margin-top: 18px;
    padding-left: 0 !important;
    padding-bottom: 0px !important;
    margin-bottom: 48px !important;
  }
}

@media only screen and (max-width: 480px) {
  .interactive-bd-component .text-right,
  .interactive-bd-component-gs .text-right {
    padding-left: 0px !important;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1280px), screen and (min-height: 586px) and (max-height: 587px) {
  .interactive-bd-component .modal-header,
  .interactive-bd-component-gs .modal-header {
    padding: 8px 20px;
  }
  .interactive-bd-component .modal-title,
  .interactive-bd-component-gs .modal-title {
    font-size: 16px !important;
  }
  .interactive-bd-component .modal-body,
  .interactive-bd-component-gs .modal-body {
    height: calc(100vh - 160px) !important;
  }
  .interactive-bd-component .modal-footer,
  .interactive-bd-component-gs .modal-footer {
    padding: 12px 0 0 20px;
  }
}

.bd-xsp-component .icon-expand:focus {
  outline: none;
}

.bd-xsp-component .xsp-bd {
  width: 85%;
  margin: auto;
}

.bd-xsp-component .bd {
  /* Need flag */
}

.bd-xsp-component .bd-title {
  font-size: 20px;
}

.bd-xsp-component .bd-subtitle {
  margin-top: 20px;
}

.bd-xsp-component .bd-body {
  padding: 30px;
  background-color: white;
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .bd-xsp-component .bd-body {
    border: 1px solid #898683 !important;
  }
}

.bd-xsp-component .bd-body .tab-content {
  padding-top: 0;
}

.bd-xsp-component .bd-body .row {
  max-width: 100%;
  margin: 0;
}

.bd-xsp-component .bd-col-right {
  max-height: 500px;
  min-height: 500px;
  padding: 0;
  border-left: 1px solid #898683;
  overflow-y: auto;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-col-right {
    overflow-y: unset;
    max-height: none;
    min-height: auto;
    border-left: none;
    background-color: #f7f5f1 !important;
  }
}

.bd-xsp-component .bd-col-left {
  padding: 30px;
  min-height: 500px;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-col-left {
    min-height: auto;
  }
}

@media only screen and (max-width: 480px) {
  .bd-xsp-component .bd-col-left {
    border: 1px solid #d4cfc5;
  }
}

.bd-xsp-component .bd-button {
  position: absolute;
  top: -10px;
  right: -16px;
  height: 40px;
  width: 40px;
  padding: 0;
  font-size: 28px;
  text-decoration: none !important;
  outline: none;
}

.bd-xsp-component .bd-button:focus {
  background: none;
  outline: none;
  border: none;
}

.bd-xsp-component .bd-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none !important;
  outline: none;
}

.bd-xsp-component .bd-app {
  padding: 16px 20px;
  color: #262626;
  font-size: 14px;
  border-bottom: 1px solid #d4cfc5;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-app {
    border-bottom: none;
  }
}

@media only screen and (max-width: 480px) {
  .bd-xsp-component .bd-app {
    padding-left: 0px;
    padding-bottom: 0px;
  }
}

.bd-xsp-component .bd-app p {
  margin: 0;
}

.bd-xsp-component .bd-app-elements {
  padding: 16px 20px;
  overflow-y: auto;
  max-height: 430px;
}

@media only screen and (max-width: 480px) {
  .bd-xsp-component .bd-app-elements {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.bd-xsp-component .bd-app-instruction {
  display: none;
}

.bd-xsp-component .bd-app-instruction.active {
  display: flex;
  justify-content: flex-start;
  animation-duration: 2s;
  animation-name: active-bd;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-app-instruction.active {
    display: none;
  }
}

.bd-xsp-component .bd-app-instruction span {
  transform: scaleX(-1);
  font-size: 24px;
  color: #262626;
  margin: auto;
}

.bd-xsp-component .bd-app-instruction p {
  margin: 0;
  font-size: 14px;
  padding: 0px 14px;
  color: #262626;
}

.bd-xsp-component .bd-app-item {
  display: none;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-app-item {
    display: block;
  }
  .bd-xsp-component .bd-app-item.active {
    animation: none;
    animation-name: none !important;
  }
}

.bd-xsp-component .bd-app-item.active {
  display: block;
  animation-duration: 2s;
  animation-name: active-bd;
}

.bd-xsp-component .bd-app-item h2 {
  border-left-color: #f9b500;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .bd-app-item h2 {
    border: 1px solid #d4cfc5;
  }
}

.bd-xsp-component .bd-app-item.active h4 {
  border-left-color: #f9b500;
}

.bd-xsp-component .bd-links-title {
  margin: 0;
}

.bd-xsp-component .bd-links {
  padding: 16px;
}

.bd-xsp-component .bd-links li {
  margin-bottom: 16px;
}

.bd-xsp-component .modal {
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
}

.bd-xsp-component .modal-dialog {
  margin: 0;
}

.bd-xsp-component .modal-dialog .close {
  font-size: 37px;
  right: 40px;
  position: absolute;
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .modal-dialog .close {
    right: 10px;
  }
}

.bd-xsp-component a.disable {
  pointer-events: none;
  opacity: 0.3;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .modal-body {
    touch-action: pinch-zoom !important;
  }
  .bd-xsp-component .modal-body img {
    touch-action: pinch-zoom !important;
  }
}

.bd-xsp-component .modal-dialog .zoom {
  position: absolute;
  right: 40px;
  font-size: 32px;
  top: 140px;
  color: black;
  z-index: 73;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .modal-dialog .zoom {
    display: none;
  }
}

.bd-xsp-component .modal-dialog .zoomOut {
  top: 200px;
  z-index: 73;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .modal-dialog .zoomOut {
    top: 130px;
  }
}

.bd-xsp-component .modal-content {
  width: 100vw;
  height: auto;
  min-height: 100vh;
  border: none;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
  .bd-xsp-component .modal-footer .col-lg-12 {
    position: absolute;
    bottom: 0;
  }
}

.bd-xsp-component .modal-footer a {
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .bd-xsp-component .modal-footer a {
    margin: 8px 4px !important;
  }
}

.bd-xsp-component .modal-footer p {
  width: 100%;
  text-align: left;
  padding: 40px 0;
  display: inline-block;
}

.bd-xsp-component .modal-title {
  padding: 2px 32px;
}

.bd-xsp-component .modal-body {
  margin: auto;
}

.bd-xsp-component .col-lg-12 .col-md-9 .xzoom-text {
  padding-left: 280px;
}

.bd-xsp-component .col-lg-12 .col-md-3 {
  padding-right: 0px;
}

/* .text-center #modal-img:active {
  cursor: default !important;
} */
.prod-advisor .bd-col-left {
  padding: 30px;
  min-height: 500px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .prod-advisor .bd-col-left {
    min-height: auto;
  }
}

.prod-advisor .bd-col-right {
  min-height: 500px;
  padding: 0;
  border-left: 1px solid #898683;
}

@media only screen and (max-width: 768px) {
  .prod-advisor .bd-col-right {
    border: 1px solid #d4cfc5;
    border-top: 0px;
    min-height: auto;
    background-color: transparent !important;
    max-height: inherit;
    padding-left: 16px;
    overflow-x: hidden;
  }
}

.prod-advisor-recomendation {
  padding-top: 24px;
}

@media only screen and (max-width: 768px) {
  .prod-advisor-recomendation {
    padding-top: 0px;
  }
}

.prod-advisor .bt-button-advisor {
  top: -12% !important;
  position: absolute;
  right: -21px;
  height: 44px;
  width: 45px;
  padding: 8px 12px;
  font-size: 24px;
}

.prod-advisor .bt-button-advisor:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
}

.prod-advisor .bt-button-advisor:active {
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
}

.prod-advisor .bd-links-advisor {
  width: 106%;
  padding-left: 0;
  list-style: none;
  padding: 16px 16px 16px 0px;
  font-size: 14px;
}

.prod-advisor .bd-links-advisor > li {
  padding-left: 0;
}

.prod-advisor .bd-links-advisor li {
  padding-left: 12px;
  margin-bottom: 12px;
}

.prod-advisor .bd-links-advisor .active {
  border-left-color: #ff7400;
  border-left: 4px solid #ff7400;
  padding-left: 10px;
}

.prod-advisor .bd-links-advisor .active a {
  color: #000000;
  text-decoration: none;
  cursor: auto;
}

.prod-advisor .bd-links-advisor .disabled a {
  color: #686664;
  text-decoration: none;
  cursor: auto;
}

.prod-advisor-helper {
  font-size: 14px;
  line-height: 19px;
  color: #596e7d;
}

.prod-advisor rect.bd-active-block {
  fill: #f9b500;
  transition: fill 300ms linear;
}

/* Close Sell the experience [Steven] */
.bd {
  padding-top: 3em;
  padding-bottom: 3em;
}

.bd-title {
  font-size: 16px;
}

.bd-toggle {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
}

.bd-toggle > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  .bd-toggle {
    display: none;
  }
  .ste-button .bd-toggle {
    display: block;
  }
}

.bd-toggle .btn, .bd-toggle .nav-close {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.bd-toggle .btn::before, .bd-toggle .nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.bd-toggle .btn:hover, .bd-toggle .nav-close:hover, .bd-toggle .btn.hover, .bd-toggle .hover.nav-close {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.bd-toggle .btn:hover::before, .bd-toggle .nav-close:hover::before, .bd-toggle .btn.hover::before, .bd-toggle .hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.bd-toggle .btn:focus, .bd-toggle .nav-close:focus, .bd-toggle .btn.focus, .bd-toggle .focus.nav-close, .bd-toggle .btn:active, .bd-toggle .nav-close:active, .bd-toggle .btn.active, .bd-toggle .active.nav-close,
.open > .bd-toggle .btn.dropdown-toggle,
.open > .bd-toggle .dropdown-toggle.nav-close {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.bd-toggle .btn:focus:hover, .bd-toggle .nav-close:focus:hover, .bd-toggle .btn.focus:hover, .bd-toggle .focus.nav-close:hover, .bd-toggle .btn:active:hover, .bd-toggle .nav-close:active:hover, .bd-toggle .btn.active:hover, .bd-toggle .active.nav-close:hover,
.open > .bd-toggle .btn.dropdown-toggle:hover,
.open > .bd-toggle .dropdown-toggle.nav-close:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.bd-toggle .btn:focus:hover::before, .bd-toggle .nav-close:focus:hover::before, .bd-toggle .btn.focus:hover::before, .bd-toggle .focus.nav-close:hover::before, .bd-toggle .btn:active:hover::before, .bd-toggle .nav-close:active:hover::before, .bd-toggle .btn.active:hover::before, .bd-toggle .active.nav-close:hover::before,
.open > .bd-toggle .btn.dropdown-toggle:hover::before,
.open > .bd-toggle .dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.bd-toggle .btn:active, .bd-toggle .nav-close:active, .bd-toggle .btn.active, .bd-toggle .active.nav-close,
.open > .bd-toggle .btn.dropdown-toggle,
.open > .bd-toggle .dropdown-toggle.nav-close {
  background: var(--nxp-btn-default-color);
}

.bd-toggle .btn.disabled, .bd-toggle .disabled.nav-close, .bd-toggle .btn[disabled], .bd-toggle .nav-close[disabled],
fieldset[disabled] .bd-toggle .btn,
fieldset[disabled] .bd-toggle .nav-close {
  opacity: 0.7;
}

.bd-toggle .btn.disabled:hover, .bd-toggle .disabled.nav-close:hover, .bd-toggle .btn.disabled:focus, .bd-toggle .disabled.nav-close:focus, .bd-toggle .btn.disabled:active, .bd-toggle .disabled.nav-close:active, .bd-toggle .btn.disabled.focus, .bd-toggle .disabled.focus.nav-close, .bd-toggle .btn[disabled]:hover, .bd-toggle .nav-close[disabled]:hover, .bd-toggle .btn[disabled]:focus, .bd-toggle .nav-close[disabled]:focus, .bd-toggle .btn[disabled]:active, .bd-toggle .nav-close[disabled]:active, .bd-toggle .btn[disabled].focus, .bd-toggle .nav-close[disabled].focus,
fieldset[disabled] .bd-toggle .btn:hover,
fieldset[disabled] .bd-toggle .nav-close:hover,
fieldset[disabled] .bd-toggle .btn:focus,
fieldset[disabled] .bd-toggle .nav-close:focus,
fieldset[disabled] .bd-toggle .btn:active,
fieldset[disabled] .bd-toggle .nav-close:active,
fieldset[disabled] .bd-toggle .btn.focus,
fieldset[disabled] .bd-toggle .focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.bd-toggle .btn.disabled:hover::before, .bd-toggle .disabled.nav-close:hover::before, .bd-toggle .btn.disabled:focus::before, .bd-toggle .disabled.nav-close:focus::before, .bd-toggle .btn.disabled:active::before, .bd-toggle .disabled.nav-close:active::before, .bd-toggle .btn.disabled.focus::before, .bd-toggle .disabled.focus.nav-close::before, .bd-toggle .btn[disabled]:hover::before, .bd-toggle .nav-close[disabled]:hover::before, .bd-toggle .btn[disabled]:focus::before, .bd-toggle .nav-close[disabled]:focus::before, .bd-toggle .btn[disabled]:active::before, .bd-toggle .nav-close[disabled]:active::before, .bd-toggle .btn[disabled].focus::before, .bd-toggle .nav-close[disabled].focus::before,
fieldset[disabled] .bd-toggle .btn:hover::before,
fieldset[disabled] .bd-toggle .nav-close:hover::before,
fieldset[disabled] .bd-toggle .btn:focus::before,
fieldset[disabled] .bd-toggle .nav-close:focus::before,
fieldset[disabled] .bd-toggle .btn:active::before,
fieldset[disabled] .bd-toggle .nav-close:active::before,
fieldset[disabled] .bd-toggle .btn.focus::before,
fieldset[disabled] .bd-toggle .focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .bd-toggle .btn, .dark .bd-toggle .nav-close, .bd-toggle .btn.darkbtn, .bd-toggle .darkbtn.nav-close {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .bd-toggle .btn::before, .dark .bd-toggle .nav-close::before, .bd-toggle .btn.darkbtn::before, .bd-toggle .darkbtn.nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .bd-toggle .btn:hover, .dark .bd-toggle .nav-close:hover, .dark .bd-toggle .btn.hover, .dark .bd-toggle .hover.nav-close, .bd-toggle .btn.darkbtn:hover, .bd-toggle .darkbtn.nav-close:hover, .bd-toggle .btn.darkbtn.hover, .bd-toggle .darkbtn.hover.nav-close {
  color: white;
  background-color: transparent;
}

.dark .bd-toggle .btn:hover::before, .dark .bd-toggle .nav-close:hover::before, .dark .bd-toggle .btn.hover::before, .dark .bd-toggle .hover.nav-close::before, .bd-toggle .btn.darkbtn:hover::before, .bd-toggle .darkbtn.nav-close:hover::before, .bd-toggle .btn.darkbtn.hover::before, .bd-toggle .darkbtn.hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .bd-toggle .btn:focus, .dark .bd-toggle .nav-close:focus, .dark .bd-toggle .btn.focus, .dark .bd-toggle .focus.nav-close, .dark .bd-toggle .btn:active, .dark .bd-toggle .nav-close:active, .dark .bd-toggle .btn.active, .dark .bd-toggle .active.nav-close,
.open > .dark .bd-toggle .btn.dropdown-toggle,
.open > .dark .bd-toggle .dropdown-toggle.nav-close, .bd-toggle .btn.darkbtn:focus, .bd-toggle .darkbtn.nav-close:focus, .bd-toggle .btn.darkbtn.focus, .bd-toggle .darkbtn.focus.nav-close, .bd-toggle .btn.darkbtn:active, .bd-toggle .darkbtn.nav-close:active, .bd-toggle .btn.darkbtn.active, .bd-toggle .darkbtn.active.nav-close,
.open > .bd-toggle .btn.darkbtn.dropdown-toggle,
.open > .bd-toggle .darkbtn.dropdown-toggle.nav-close {
  background-color: white !important;
  color: black;
}

.dark .bd-toggle .btn:focus:hover, .dark .bd-toggle .nav-close:focus:hover, .dark .bd-toggle .btn.focus:hover, .dark .bd-toggle .focus.nav-close:hover, .dark .bd-toggle .btn:active:hover, .dark .bd-toggle .nav-close:active:hover, .dark .bd-toggle .btn.active:hover, .dark .bd-toggle .active.nav-close:hover,
.open > .dark .bd-toggle .btn.dropdown-toggle:hover,
.open > .dark .bd-toggle .dropdown-toggle.nav-close:hover, .bd-toggle .btn.darkbtn:focus:hover, .bd-toggle .darkbtn.nav-close:focus:hover, .bd-toggle .btn.darkbtn.focus:hover, .bd-toggle .darkbtn.focus.nav-close:hover, .bd-toggle .btn.darkbtn:active:hover, .bd-toggle .darkbtn.nav-close:active:hover, .bd-toggle .btn.darkbtn.active:hover, .bd-toggle .darkbtn.active.nav-close:hover,
.open > .bd-toggle .btn.darkbtn.dropdown-toggle:hover,
.open > .bd-toggle .darkbtn.dropdown-toggle.nav-close:hover {
  background-color: white !important;
  color: black;
}

.dark .bd-toggle .btn:focus:hover::before, .dark .bd-toggle .nav-close:focus:hover::before, .dark .bd-toggle .btn.focus:hover::before, .dark .bd-toggle .focus.nav-close:hover::before, .dark .bd-toggle .btn:active:hover::before, .dark .bd-toggle .nav-close:active:hover::before, .dark .bd-toggle .btn.active:hover::before, .dark .bd-toggle .active.nav-close:hover::before,
.open > .dark .bd-toggle .btn.dropdown-toggle:hover::before,
.open > .dark .bd-toggle .dropdown-toggle.nav-close:hover::before, .bd-toggle .btn.darkbtn:focus:hover::before, .bd-toggle .darkbtn.nav-close:focus:hover::before, .bd-toggle .btn.darkbtn.focus:hover::before, .bd-toggle .darkbtn.focus.nav-close:hover::before, .bd-toggle .btn.darkbtn:active:hover::before, .bd-toggle .darkbtn.nav-close:active:hover::before, .bd-toggle .btn.darkbtn.active:hover::before, .bd-toggle .darkbtn.active.nav-close:hover::before,
.open > .bd-toggle .btn.darkbtn.dropdown-toggle:hover::before,
.open > .bd-toggle .darkbtn.dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.dark .bd-toggle .btn:active, .dark .bd-toggle .nav-close:active, .dark .bd-toggle .btn.active, .dark .bd-toggle .active.nav-close,
.open > .dark .bd-toggle .btn.dropdown-toggle,
.open > .dark .bd-toggle .dropdown-toggle.nav-close, .bd-toggle .btn.darkbtn:active, .bd-toggle .darkbtn.nav-close:active, .bd-toggle .btn.darkbtn.active, .bd-toggle .darkbtn.active.nav-close,
.open > .bd-toggle .btn.darkbtn.dropdown-toggle,
.open > .bd-toggle .darkbtn.dropdown-toggle.nav-close {
  background: white;
}

.dark .bd-toggle .btn.disabled, .dark .bd-toggle .disabled.nav-close, .dark .bd-toggle .btn[disabled], .dark .bd-toggle .nav-close[disabled],
fieldset[disabled] .dark .bd-toggle .btn,
fieldset[disabled] .dark .bd-toggle .nav-close, .bd-toggle .btn.darkbtn.disabled, .bd-toggle .darkbtn.disabled.nav-close, .bd-toggle .btn.darkbtn[disabled], .bd-toggle .darkbtn.nav-close[disabled],
fieldset[disabled] .bd-toggle .btn.darkbtn,
fieldset[disabled] .bd-toggle .darkbtn.nav-close {
  opacity: 0.7;
}

.dark .bd-toggle .btn.disabled:hover, .dark .bd-toggle .disabled.nav-close:hover, .dark .bd-toggle .btn.disabled:focus, .dark .bd-toggle .disabled.nav-close:focus, .dark .bd-toggle .btn.disabled:active, .dark .bd-toggle .disabled.nav-close:active, .dark .bd-toggle .btn.disabled.focus, .dark .bd-toggle .disabled.focus.nav-close, .dark .bd-toggle .btn[disabled]:hover, .dark .bd-toggle .nav-close[disabled]:hover, .dark .bd-toggle .btn[disabled]:focus, .dark .bd-toggle .nav-close[disabled]:focus, .dark .bd-toggle .btn[disabled]:active, .dark .bd-toggle .nav-close[disabled]:active, .dark .bd-toggle .btn[disabled].focus, .dark .bd-toggle .nav-close[disabled].focus,
fieldset[disabled] .dark .bd-toggle .btn:hover,
fieldset[disabled] .dark .bd-toggle .nav-close:hover,
fieldset[disabled] .dark .bd-toggle .btn:focus,
fieldset[disabled] .dark .bd-toggle .nav-close:focus,
fieldset[disabled] .dark .bd-toggle .btn:active,
fieldset[disabled] .dark .bd-toggle .nav-close:active,
fieldset[disabled] .dark .bd-toggle .btn.focus,
fieldset[disabled] .dark .bd-toggle .focus.nav-close, .bd-toggle .btn.darkbtn.disabled:hover, .bd-toggle .darkbtn.disabled.nav-close:hover, .bd-toggle .btn.darkbtn.disabled:focus, .bd-toggle .darkbtn.disabled.nav-close:focus, .bd-toggle .btn.darkbtn.disabled:active, .bd-toggle .darkbtn.disabled.nav-close:active, .bd-toggle .btn.darkbtn.disabled.focus, .bd-toggle .darkbtn.disabled.focus.nav-close, .bd-toggle .btn.darkbtn[disabled]:hover, .bd-toggle .darkbtn.nav-close[disabled]:hover, .bd-toggle .btn.darkbtn[disabled]:focus, .bd-toggle .darkbtn.nav-close[disabled]:focus, .bd-toggle .btn.darkbtn[disabled]:active, .bd-toggle .darkbtn.nav-close[disabled]:active, .bd-toggle .btn.darkbtn[disabled].focus, .bd-toggle .darkbtn.nav-close[disabled].focus,
fieldset[disabled] .bd-toggle .btn.darkbtn:hover,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:hover,
fieldset[disabled] .bd-toggle .btn.darkbtn:focus,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:focus,
fieldset[disabled] .bd-toggle .btn.darkbtn:active,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:active,
fieldset[disabled] .bd-toggle .btn.darkbtn.focus,
fieldset[disabled] .bd-toggle .darkbtn.focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .bd-toggle .btn.disabled:hover::before, .dark .bd-toggle .disabled.nav-close:hover::before, .dark .bd-toggle .btn.disabled:focus::before, .dark .bd-toggle .disabled.nav-close:focus::before, .dark .bd-toggle .btn.disabled:active::before, .dark .bd-toggle .disabled.nav-close:active::before, .dark .bd-toggle .btn.disabled.focus::before, .dark .bd-toggle .disabled.focus.nav-close::before, .dark .bd-toggle .btn[disabled]:hover::before, .dark .bd-toggle .nav-close[disabled]:hover::before, .dark .bd-toggle .btn[disabled]:focus::before, .dark .bd-toggle .nav-close[disabled]:focus::before, .dark .bd-toggle .btn[disabled]:active::before, .dark .bd-toggle .nav-close[disabled]:active::before, .dark .bd-toggle .btn[disabled].focus::before, .dark .bd-toggle .nav-close[disabled].focus::before,
fieldset[disabled] .dark .bd-toggle .btn:hover::before,
fieldset[disabled] .dark .bd-toggle .nav-close:hover::before,
fieldset[disabled] .dark .bd-toggle .btn:focus::before,
fieldset[disabled] .dark .bd-toggle .nav-close:focus::before,
fieldset[disabled] .dark .bd-toggle .btn:active::before,
fieldset[disabled] .dark .bd-toggle .nav-close:active::before,
fieldset[disabled] .dark .bd-toggle .btn.focus::before,
fieldset[disabled] .dark .bd-toggle .focus.nav-close::before, .bd-toggle .btn.darkbtn.disabled:hover::before, .bd-toggle .darkbtn.disabled.nav-close:hover::before, .bd-toggle .btn.darkbtn.disabled:focus::before, .bd-toggle .darkbtn.disabled.nav-close:focus::before, .bd-toggle .btn.darkbtn.disabled:active::before, .bd-toggle .darkbtn.disabled.nav-close:active::before, .bd-toggle .btn.darkbtn.disabled.focus::before, .bd-toggle .darkbtn.disabled.focus.nav-close::before, .bd-toggle .btn.darkbtn[disabled]:hover::before, .bd-toggle .darkbtn.nav-close[disabled]:hover::before, .bd-toggle .btn.darkbtn[disabled]:focus::before, .bd-toggle .darkbtn.nav-close[disabled]:focus::before, .bd-toggle .btn.darkbtn[disabled]:active::before, .bd-toggle .darkbtn.nav-close[disabled]:active::before, .bd-toggle .btn.darkbtn[disabled].focus::before, .bd-toggle .darkbtn.nav-close[disabled].focus::before,
fieldset[disabled] .bd-toggle .btn.darkbtn:hover::before,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:hover::before,
fieldset[disabled] .bd-toggle .btn.darkbtn:focus::before,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:focus::before,
fieldset[disabled] .bd-toggle .btn.darkbtn:active::before,
fieldset[disabled] .bd-toggle .darkbtn.nav-close:active::before,
fieldset[disabled] .bd-toggle .btn.darkbtn.focus::before,
fieldset[disabled] .bd-toggle .darkbtn.focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.bd-toggle .active .btn, .bd-toggle .active .nav-close {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
}

.bd-toggle .active .btn::before, .bd-toggle .active .nav-close::before {
  display: none;
}

.bd-toggle .active .btn:focus, .bd-toggle .active .nav-close:focus, .bd-toggle .active .btn.focus, .bd-toggle .active .focus.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.bd-toggle .active .btn:focus::before, .bd-toggle .active .nav-close:focus::before, .bd-toggle .active .btn.focus::before, .bd-toggle .active .focus.nav-close::before {
  display: none;
}

.bd-toggle .active .btn:hover, .bd-toggle .active .nav-close:hover, .bd-toggle .active .btn.hover, .bd-toggle .active .hover.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.bd-toggle .active .btn:hover::before, .bd-toggle .active .nav-close:hover::before, .bd-toggle .active .btn.hover::before, .bd-toggle .active .hover.nav-close::before {
  display: none;
}

.bd-toggle .active .btn:active, .bd-toggle .active .nav-close:active, .bd-toggle .active .btn.active, .bd-toggle .active .active.nav-close,
.open > .bd-toggle .active .btn.dropdown-toggle,
.open > .bd-toggle .active .dropdown-toggle.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.bd-toggle .active .btn:active:hover, .bd-toggle .active .nav-close:active:hover, .bd-toggle .active .btn:active:focus, .bd-toggle .active .nav-close:active:focus, .bd-toggle .active .btn:active.focus, .bd-toggle .active .nav-close:active.focus, .bd-toggle .active .btn.active:hover, .bd-toggle .active .active.nav-close:hover, .bd-toggle .active .btn.active:focus, .bd-toggle .active .active.nav-close:focus, .bd-toggle .active .btn.active.focus, .bd-toggle .active .active.focus.nav-close,
.open > .bd-toggle .active .btn.dropdown-toggle:hover,
.open > .bd-toggle .active .dropdown-toggle.nav-close:hover,
.open > .bd-toggle .active .btn.dropdown-toggle:focus,
.open > .bd-toggle .active .dropdown-toggle.nav-close:focus,
.open > .bd-toggle .active .btn.dropdown-toggle.focus,
.open > .bd-toggle .active .dropdown-toggle.focus.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.bd-toggle .active .btn:active:hover::before, .bd-toggle .active .nav-close:active:hover::before, .bd-toggle .active .btn:active:focus::before, .bd-toggle .active .nav-close:active:focus::before, .bd-toggle .active .btn:active.focus::before, .bd-toggle .active .nav-close:active.focus::before, .bd-toggle .active .btn.active:hover::before, .bd-toggle .active .active.nav-close:hover::before, .bd-toggle .active .btn.active:focus::before, .bd-toggle .active .active.nav-close:focus::before, .bd-toggle .active .btn.active.focus::before, .bd-toggle .active .active.focus.nav-close::before,
.open > .bd-toggle .active .btn.dropdown-toggle:hover::before,
.open > .bd-toggle .active .dropdown-toggle.nav-close:hover::before,
.open > .bd-toggle .active .btn.dropdown-toggle:focus::before,
.open > .bd-toggle .active .dropdown-toggle.nav-close:focus::before,
.open > .bd-toggle .active .btn.dropdown-toggle.focus::before,
.open > .bd-toggle .active .dropdown-toggle.focus.nav-close::before {
  display: none;
}

.bd-toggle .active .btn:active, .bd-toggle .active .nav-close:active, .bd-toggle .active .btn.active, .bd-toggle .active .active.nav-close,
.open > .bd-toggle .active .btn.dropdown-toggle,
.open > .bd-toggle .active .dropdown-toggle.nav-close {
  background-image: none;
}

.bd-toggle .active .btn.disabled, .bd-toggle .active .disabled.nav-close, .bd-toggle .active .btn[disabled], .bd-toggle .active .nav-close[disabled],
fieldset[disabled] .bd-toggle .active .btn,
fieldset[disabled] .bd-toggle .active .nav-close {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.bd-toggle .active .btn.disabled:hover, .bd-toggle .active .disabled.nav-close:hover, .bd-toggle .active .btn.disabled:focus, .bd-toggle .active .disabled.nav-close:focus, .bd-toggle .active .btn.disabled.focus, .bd-toggle .active .disabled.focus.nav-close, .bd-toggle .active .btn[disabled]:hover, .bd-toggle .active .nav-close[disabled]:hover, .bd-toggle .active .btn[disabled]:focus, .bd-toggle .active .nav-close[disabled]:focus, .bd-toggle .active .btn[disabled].focus, .bd-toggle .active .nav-close[disabled].focus,
fieldset[disabled] .bd-toggle .active .btn:hover,
fieldset[disabled] .bd-toggle .active .nav-close:hover,
fieldset[disabled] .bd-toggle .active .btn:focus,
fieldset[disabled] .bd-toggle .active .nav-close:focus,
fieldset[disabled] .bd-toggle .active .btn.focus,
fieldset[disabled] .bd-toggle .active .focus.nav-close {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.bd-toggle .active .btn .badge, .bd-toggle .active .nav-close .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark .bd-toggle .active .btn, .dark .bd-toggle .active .nav-close, .bd-toggle .active .btn.darkbtn, .bd-toggle .active .darkbtn.nav-close {
  color: black;
  background-color: white;
  border-color: white;
}

.dark .bd-toggle .active .btn::before, .dark .bd-toggle .active .nav-close::before, .bd-toggle .active .btn.darkbtn::before, .bd-toggle .active .darkbtn.nav-close::before {
  display: none;
}

.dark .bd-toggle .active .btn:focus, .dark .bd-toggle .active .nav-close:focus, .dark .bd-toggle .active .btn.focus, .dark .bd-toggle .active .focus.nav-close, .bd-toggle .active .btn.darkbtn:focus, .bd-toggle .active .darkbtn.nav-close:focus, .bd-toggle .active .btn.darkbtn.focus, .bd-toggle .active .darkbtn.focus.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .bd-toggle .active .btn:focus::before, .dark .bd-toggle .active .nav-close:focus::before, .dark .bd-toggle .active .btn.focus::before, .dark .bd-toggle .active .focus.nav-close::before, .bd-toggle .active .btn.darkbtn:focus::before, .bd-toggle .active .darkbtn.nav-close:focus::before, .bd-toggle .active .btn.darkbtn.focus::before, .bd-toggle .active .darkbtn.focus.nav-close::before {
  display: none;
}

.dark .bd-toggle .active .btn:hover, .dark .bd-toggle .active .nav-close:hover, .dark .bd-toggle .active .btn.hover, .dark .bd-toggle .active .hover.nav-close, .bd-toggle .active .btn.darkbtn:hover, .bd-toggle .active .darkbtn.nav-close:hover, .bd-toggle .active .btn.darkbtn.hover, .bd-toggle .active .darkbtn.hover.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .bd-toggle .active .btn:hover::before, .dark .bd-toggle .active .nav-close:hover::before, .dark .bd-toggle .active .btn.hover::before, .dark .bd-toggle .active .hover.nav-close::before, .bd-toggle .active .btn.darkbtn:hover::before, .bd-toggle .active .darkbtn.nav-close:hover::before, .bd-toggle .active .btn.darkbtn.hover::before, .bd-toggle .active .darkbtn.hover.nav-close::before {
  display: none;
}

.dark .bd-toggle .active .btn:active, .dark .bd-toggle .active .nav-close:active, .dark .bd-toggle .active .btn.active, .dark .bd-toggle .active .active.nav-close,
.open > .dark .bd-toggle .active .btn.dropdown-toggle,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close, .bd-toggle .active .btn.darkbtn:active, .bd-toggle .active .darkbtn.nav-close:active, .bd-toggle .active .btn.darkbtn.active, .bd-toggle .active .darkbtn.active.nav-close,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .bd-toggle .active .btn:active:hover, .dark .bd-toggle .active .nav-close:active:hover, .dark .bd-toggle .active .btn:active:focus, .dark .bd-toggle .active .nav-close:active:focus, .dark .bd-toggle .active .btn:active.focus, .dark .bd-toggle .active .nav-close:active.focus, .dark .bd-toggle .active .btn.active:hover, .dark .bd-toggle .active .active.nav-close:hover, .dark .bd-toggle .active .btn.active:focus, .dark .bd-toggle .active .active.nav-close:focus, .dark .bd-toggle .active .btn.active.focus, .dark .bd-toggle .active .active.focus.nav-close,
.open > .dark .bd-toggle .active .btn.dropdown-toggle:hover,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close:hover,
.open > .dark .bd-toggle .active .btn.dropdown-toggle:focus,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close:focus,
.open > .dark .bd-toggle .active .btn.dropdown-toggle.focus,
.open > .dark .bd-toggle .active .dropdown-toggle.focus.nav-close, .bd-toggle .active .btn.darkbtn:active:hover, .bd-toggle .active .darkbtn.nav-close:active:hover, .bd-toggle .active .btn.darkbtn:active:focus, .bd-toggle .active .darkbtn.nav-close:active:focus, .bd-toggle .active .btn.darkbtn:active.focus, .bd-toggle .active .darkbtn.nav-close:active.focus, .bd-toggle .active .btn.darkbtn.active:hover, .bd-toggle .active .darkbtn.active.nav-close:hover, .bd-toggle .active .btn.darkbtn.active:focus, .bd-toggle .active .darkbtn.active.nav-close:focus, .bd-toggle .active .btn.darkbtn.active.focus, .bd-toggle .active .darkbtn.active.focus.nav-close,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle:hover,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close:hover,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle:focus,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close:focus,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle.focus,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.focus.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .bd-toggle .active .btn:active:hover::before, .dark .bd-toggle .active .nav-close:active:hover::before, .dark .bd-toggle .active .btn:active:focus::before, .dark .bd-toggle .active .nav-close:active:focus::before, .dark .bd-toggle .active .btn:active.focus::before, .dark .bd-toggle .active .nav-close:active.focus::before, .dark .bd-toggle .active .btn.active:hover::before, .dark .bd-toggle .active .active.nav-close:hover::before, .dark .bd-toggle .active .btn.active:focus::before, .dark .bd-toggle .active .active.nav-close:focus::before, .dark .bd-toggle .active .btn.active.focus::before, .dark .bd-toggle .active .active.focus.nav-close::before,
.open > .dark .bd-toggle .active .btn.dropdown-toggle:hover::before,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close:hover::before,
.open > .dark .bd-toggle .active .btn.dropdown-toggle:focus::before,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close:focus::before,
.open > .dark .bd-toggle .active .btn.dropdown-toggle.focus::before,
.open > .dark .bd-toggle .active .dropdown-toggle.focus.nav-close::before, .bd-toggle .active .btn.darkbtn:active:hover::before, .bd-toggle .active .darkbtn.nav-close:active:hover::before, .bd-toggle .active .btn.darkbtn:active:focus::before, .bd-toggle .active .darkbtn.nav-close:active:focus::before, .bd-toggle .active .btn.darkbtn:active.focus::before, .bd-toggle .active .darkbtn.nav-close:active.focus::before, .bd-toggle .active .btn.darkbtn.active:hover::before, .bd-toggle .active .darkbtn.active.nav-close:hover::before, .bd-toggle .active .btn.darkbtn.active:focus::before, .bd-toggle .active .darkbtn.active.nav-close:focus::before, .bd-toggle .active .btn.darkbtn.active.focus::before, .bd-toggle .active .darkbtn.active.focus.nav-close::before,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle:hover::before,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close:hover::before,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle:focus::before,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close:focus::before,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle.focus::before,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.focus.nav-close::before {
  display: none;
}

.dark .bd-toggle .active .btn:active, .dark .bd-toggle .active .nav-close:active, .dark .bd-toggle .active .btn.active, .dark .bd-toggle .active .active.nav-close,
.open > .dark .bd-toggle .active .btn.dropdown-toggle,
.open > .dark .bd-toggle .active .dropdown-toggle.nav-close, .bd-toggle .active .btn.darkbtn:active, .bd-toggle .active .darkbtn.nav-close:active, .bd-toggle .active .btn.darkbtn.active, .bd-toggle .active .darkbtn.active.nav-close,
.open > .bd-toggle .active .btn.darkbtn.dropdown-toggle,
.open > .bd-toggle .active .darkbtn.dropdown-toggle.nav-close {
  background-image: none;
}

.dark .bd-toggle .active .btn.disabled, .dark .bd-toggle .active .disabled.nav-close, .dark .bd-toggle .active .btn[disabled], .dark .bd-toggle .active .nav-close[disabled],
fieldset[disabled] .dark .bd-toggle .active .btn,
fieldset[disabled] .dark .bd-toggle .active .nav-close, .bd-toggle .active .btn.darkbtn.disabled, .bd-toggle .active .darkbtn.disabled.nav-close, .bd-toggle .active .btn.darkbtn[disabled], .bd-toggle .active .darkbtn.nav-close[disabled],
fieldset[disabled] .bd-toggle .active .btn.darkbtn,
fieldset[disabled] .bd-toggle .active .darkbtn.nav-close {
  background-color: #898683;
  border-color: #898683;
}

.dark .bd-toggle .active .btn.disabled:hover, .dark .bd-toggle .active .disabled.nav-close:hover, .dark .bd-toggle .active .btn.disabled:focus, .dark .bd-toggle .active .disabled.nav-close:focus, .dark .bd-toggle .active .btn.disabled.focus, .dark .bd-toggle .active .disabled.focus.nav-close, .dark .bd-toggle .active .btn[disabled]:hover, .dark .bd-toggle .active .nav-close[disabled]:hover, .dark .bd-toggle .active .btn[disabled]:focus, .dark .bd-toggle .active .nav-close[disabled]:focus, .dark .bd-toggle .active .btn[disabled].focus, .dark .bd-toggle .active .nav-close[disabled].focus,
fieldset[disabled] .dark .bd-toggle .active .btn:hover,
fieldset[disabled] .dark .bd-toggle .active .nav-close:hover,
fieldset[disabled] .dark .bd-toggle .active .btn:focus,
fieldset[disabled] .dark .bd-toggle .active .nav-close:focus,
fieldset[disabled] .dark .bd-toggle .active .btn.focus,
fieldset[disabled] .dark .bd-toggle .active .focus.nav-close, .bd-toggle .active .btn.darkbtn.disabled:hover, .bd-toggle .active .darkbtn.disabled.nav-close:hover, .bd-toggle .active .btn.darkbtn.disabled:focus, .bd-toggle .active .darkbtn.disabled.nav-close:focus, .bd-toggle .active .btn.darkbtn.disabled.focus, .bd-toggle .active .darkbtn.disabled.focus.nav-close, .bd-toggle .active .btn.darkbtn[disabled]:hover, .bd-toggle .active .darkbtn.nav-close[disabled]:hover, .bd-toggle .active .btn.darkbtn[disabled]:focus, .bd-toggle .active .darkbtn.nav-close[disabled]:focus, .bd-toggle .active .btn.darkbtn[disabled].focus, .bd-toggle .active .darkbtn.nav-close[disabled].focus,
fieldset[disabled] .bd-toggle .active .btn.darkbtn:hover,
fieldset[disabled] .bd-toggle .active .darkbtn.nav-close:hover,
fieldset[disabled] .bd-toggle .active .btn.darkbtn:focus,
fieldset[disabled] .bd-toggle .active .darkbtn.nav-close:focus,
fieldset[disabled] .bd-toggle .active .btn.darkbtn.focus,
fieldset[disabled] .bd-toggle .active .darkbtn.focus.nav-close {
  background-color: #898683;
  border-color: #898683;
}

.dark .bd-toggle .active .btn .badge, .dark .bd-toggle .active .nav-close .badge, .bd-toggle .active .btn.darkbtn .badge, .bd-toggle .active .darkbtn.nav-close .badge {
  color: white;
  background-color: black;
}

.bd-body {
  padding: 30px;
  background-color: var(--nxp-body-bg);
}

@media only screen and (min-width: 992px) {
  .bd-body {
    border: 1px solid #000000;
  }
}

.bd-body .tab-content {
  padding-top: 0;
}

.bd-col-right {
  max-height: 500px;
  overflow-y: auto;
}

.bd-media-title {
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  .bd-media-title {
    font-size: 20px;
    width: 85%;
  }
}

.bd-media-title:has(+ .bd-button-customize) + .bd-button-customize {
  position: absolute;
  top: 18px;
  right: 68px;
}

.bd-media {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
}

.bd-img {
  width: 100%;
  position: relative;
  min-width: 1px;
}

.bd-img .xsp-bd {
  max-height: 393px;
  margin-left: auto;
  margin-right: auto;
}

.bd-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bd-hs {
  position: absolute;
  box-shadow: 0 0 5px #003883;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.bd-hs.active {
  box-shadow: 0 0 3px 3px #5e89c1;
}

@media only screen and (max-width: 767px) {
  .bd-hs {
    display: none;
  }
}

.bd-links-title {
  padding-left: 10px;
  margin-left: -10px;
  border-left: 4px solid transparent;
}

.bd-links-title.active {
  border-left-color: #f9b500;
}

.bd-links {
  padding-left: 0;
  list-style: none;
  padding-left: 15px;
  font-size: 14px;
}

.bd-links > li {
  padding-left: 0;
}

@keyframes active-bd {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#applicationdetails .ai-bd {
  padding-top: 0px;
}

.ai-bd h3.bd-title {
  margin-bottom: 30px;
}

.ai-bd .bd-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--nxp-gray-100);
  margin-bottom: 0px;
  padding: 10px 20px;
  border-top: 1px solid var(--nxp-gray-400);
  border-right: 1px solid var(--nxp-gray-400);
  border-left: 1px solid var(--nxp-gray-400);
  border-bottom: 1px solid var(--nxp-gray-300);
}

.ai-bd .bd-header .bd-subtitle,
.ai-bd .bd-header .bd-toggle {
  display: none;
}

.ai-bd .bd-header-dropdown {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: fit-content;
  order: 1;
}

.ai-bd .bd-header-dropdown .bd-header-label {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.ai-bd .bd-header-dropdown .bd-header-label .bd-title {
  margin: 0px;
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 24px;
}

.ai-bd .bd-header-dropdown .bd-header-label .icon-angle-down {
  display: flex;
  padding: 4px 5px;
}

.ai-bd .bd-header-dropdown .bd-header-label .icon-angle-down::before {
  height: 12px;
}

.ai-bd .bd-header-dropdown .bd-header-label:hover .icon-angle-down {
  background-color: var(--nxp-gray-200);
  border-radius: 22px;
}

.ai-bd .bd-header-dropdown .bd-header-label:hover .bd-title {
  text-decoration: underline;
}

.ai-bd .bd-header-dropdown .bd-header-list {
  cursor: pointer;
  padding-left: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 42px;
  background-color: var(--nxp-gray-50);
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 14px;
  min-width: inherit;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.19);
  z-index: 1;
}

.ai-bd .bd-header-dropdown .bd-header-list > li {
  padding-left: 0;
}

.ai-bd .bd-header-dropdown .bd-header-list .bd-header-item {
  padding: 10px 16px;
  margin-bottom: 0px;
}

.ai-bd .bd-header-dropdown .bd-header-list .bd-header-item:hover {
  background-color: var(--nxp-gray-100);
}

.ai-bd .bd-header-dropdown .bd-header-list .bd-header-item.active {
  font-weight: 600;
}

.ai-bd .bd-header-dropdown:has(.bd-header-list.show) .icon-angle-down {
  transform: rotate(180deg);
}

.ai-bd .bd-header-dropdown:has(.bd-header-list > li:only-child) .bd-header-label:hover .bd-title {
  text-decoration: none;
}

.ai-bd .bd-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  order: 2;
}

.ai-bd .bd-header-actions a.btn-sm:has(span), .ai-bd .bd-header-actions .btn-group-sm > a.btn:has(span), .ai-bd .bd-header-actions .btn-group-sm > a.nav-close:has(span) {
  all: unset;
}

.ai-bd .bd-header-actions span {
  cursor: pointer;
}

.ai-bd .bd-header-actions span:hover {
  background-color: var(--nxp-gray-200);
  border-radius: 22px;
}

.ai-bd .bd-header-actions span.icon-magic:hover {
  background-color: unset;
}

.ai-bd .bd-header-actions .add-collection {
  width: 20px;
  height: 26px;
}

.ai-bd .bd-header-actions .btn, .ai-bd .bd-header-actions .nav-close {
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: center;
}

.ai-bd .bd-header-actions .btn span, .ai-bd .bd-header-actions .nav-close span {
  padding: 0px;
}

.ai-bd .bd-header-actions .btn .icon-arrow-to-bottom, .ai-bd .bd-header-actions .nav-close .icon-arrow-to-bottom {
  font-size: 24px;
  padding: 8px 11px;
}

.ai-bd .bd-header-actions .btn .icon-link, .ai-bd .bd-header-actions .nav-close .icon-link {
  font-size: 20px;
  padding: 10px;
}

.ai-bd .bd-apps-actions-mobile {
  display: none !important;
}

.ai-bd .bd-body {
  border-left: 1px solid var(--nxp-gray-400) !important;
  border-right: 1px solid var(--nxp-gray-400) !important;
  border-bottom: 1px solid var(--nxp-gray-400) !important;
  border-top: unset !important;
  margin-bottom: 30px;
}

.ai-bd .bd-body .row.toggle .bd-col-left {
  width: calc(100% - 28px);
}

.ai-bd .bd-body .row.toggle .bd-col-left .bd-img {
  display: flex;
  justify-content: center;
}

.ai-bd .bd-body .row.toggle .bd-col-left .bd-img .img-responsive {
  max-height: 434px;
  height: 434px;
}

.ai-bd .bd-body .row.toggle .bd-col-right {
  width: 28px;
}

.ai-bd .bd-body .row.toggle .bd-col-right .bd-app,
.ai-bd .bd-body .row.toggle .bd-col-right .bd-app-elements {
  display: none;
}

.ai-bd .bd-body .row.toggle .bd-col-right .icon-angle-right {
  transform: rotate(180deg);
}

.ai-bd .bd-col-right {
  box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.1);
  border: unset;
}

.ai-bd .bd-col-right:has(.bd-app-toggle-btn) {
  overflow-y: unset;
}

.ai-bd .bd-col-right .bd-app {
  padding: 0px 20px;
}

.ai-bd .bd-col-right .bd-app:has(.expandable-search) {
  padding: 0px;
}

.ai-bd .bd-col-right .bd-app .bd-app-title {
  display: none;
}

@media (max-width: 768px) {
  .ai-bd .bd-col-right .bd-app .bd-app-title {
    display: block;
  }
}

.ai-bd .bd-col-right .bd-app .bd-app-name {
  display: none;
}

@media (max-width: 768px) {
  .ai-bd .bd-col-right .bd-app .bd-app-name {
    display: block;
  }
}

.ai-bd .bd-col-right .bd-app:has(.bd-tabs-list.hidden) {
  border-bottom: unset;
}

.ai-bd .bd-col-right .bd-app-elements {
  padding: 20px 16px 20px 16px;
}

.ai-bd .bd-col-right .bd-app-item {
  display: none;
}

.ai-bd .bd-col-right .bd-app-item.active {
  display: block;
}

.ai-bd .bd-col-right:has(article.product.active) li[data-tab='product'] {
  border-bottom: 3px solid #ff7400;
}

.ai-bd .bd-col-right:has(article.software.active) li[data-tab='software'] {
  border-bottom: 3px solid #ff7400;
}

.ai-bd .bd-col-right:has(article.hardware.active) li[data-tab='hardware'] {
  border-bottom: 3px solid #ff7400;
}

.ai-bd .bd-col-right:has(article.partners.active) li[data-tab='partners'] {
  border-bottom: 3px solid #ff7400;
}

.ai-bd .bd-col-left {
  max-height: 464px;
  min-height: 464px;
}

.ai-bd .bd-col-left .bd-media-title {
  display: none;
}

.ai-bd .bd-button {
  top: -20px;
}

.ai-bd .bd-app-toggle-btn {
  cursor: pointer;
  position: absolute;
  left: -24px;
  width: 28px;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  top: 194px;
  box-shadow: -4px 1px 5px 0px rgba(0, 0, 0, 0.1);
  background-color: var(--nxp-gray-50);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item {
  gap: 8px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content {
  margin-bottom: 8px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .collapse-mobile-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  background-color: var(--nxp-orange-100);
  border: unset;
  gap: 10px;
  align-items: start;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .collapse-mobile-title .bd-links-title-text {
  margin: 0px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .collapse-mobile-title .highlighted-text {
  background-color: var(--nxp-orange-200);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper {
  list-style: none;
  padding: 0px 4px 0px 16px;
  margin-bottom: 0px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item {
  border-bottom: 1px solid var(--nxp-gray-300);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item:first-of-type .functional-block {
  padding-top: 8px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item:last-of-type .functional-block {
  padding-bottom: 0px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item .title-and-elements {
  margin-bottom: 8px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .bd-links-item:last-child {
  border-bottom: unset;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content .bd-links-wrapper .nav-piped-2 {
  font-size: 14px;
  margin-bottom: 16px;
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content.collapsed .collapse-mobile-title {
  background-color: var(--nxp-gray-100);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content.collapsed .collapse-mobile-title .icon-angle-up {
  transform: rotate(180deg);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content.collapsed .collapse-mobile-title .highlighted-text {
  background-color: var(--nxp-orange-100);
}

.ai-bd .bd-app-elements .collapse-mobile .bd-items-tree .bd-app-item .bd-links-content.collapsed .bd-links-wrapper {
  display: none;
}

.ai-bd .box-opts-column {
  max-width: 226px;
  max-height: 176px;
  cursor: pointer;
}

.ai-bd .box-opts-column .box-opts-image {
  padding: 16px 26px;
  max-height: 132px;
  min-height: 1px;
}

.ai-bd .box-opts-column .box-opts-image figure {
  width: 172px;
  height: 98px;
}

.ai-bd .box-opts-column .box-opts-content {
  background-color: var(--nxp-gray-100);
  padding: 10px 16px;
  font-size: 14px;
  width: 224px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.ai-bd .box-opts-column.active {
  border: 3px solid var(--nxp-orange-500);
  border-bottom: unset;
}

.ai-bd .box-opts-column.active .box-opts-content {
  background-color: var(--nxp-orange-500);
  color: var(--nxp-gray-100);
  width: 222px;
}

@media (max-width: 992px) {
  .ai-bd {
    display: flex;
    flex-direction: column;
  }
  .ai-bd .bd-header {
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--nxp-gray-50);
    border: unset !important;
    padding: 0px 0px 24px 0px;
    justify-content: start;
  }
  .ai-bd .bd-header .bd-header-dropdown {
    display: flex;
    flex: 1;
    margin-bottom: 0px;
    border: 1px solid var(--nxp-gray-300);
    padding: 8px;
  }
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label {
    justify-content: space-between;
  }
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label .bd-title {
    border: unset !important;
    font-size: 16px !important;
    font-weight: 400;
    order: -1;
    max-width: 390px;
  }
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label .icon-info {
    display: none;
  }
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label:hover .icon-angle-down {
    background-color: unset;
  }
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label:hover .bd-title {
    text-decoration: none;
  }
  .ai-bd .bd-header .bd-header-dropdown:has(.bd-header-list.show) .icon-angle-down {
    transform: rotate(180deg);
  }
  .ai-bd .bd-header .bd-header-dropdown:has(.bd-header-list.show) .bd-header-list {
    top: 34px;
    width: 100%;
    left: 0px;
  }
  .ai-bd .bd-header .helper {
    width: 100%;
  }
  .ai-bd .bd-header .bd-apps-actions-mobile {
    margin-top: 0px;
    order: 2;
    display: flex !important;
    margin-left: 8px;
  }
  .ai-bd .bd-header .bd-apps-actions-mobile .dropdown-menu {
    left: unset !important;
    right: 0px !important;
  }
  .ai-bd .bd-header .bd-header-actions {
    display: flex;
    order: 3;
    width: 100%;
    gap: 16px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 24px;
  }
  .ai-bd .bd-header .bd-header-actions .btn-impact {
    width: 100%;
    padding: 14px 18px;
    font-size: 12px;
  }
  .ai-bd .bd-header .bd-header-actions .bd-button-customize {
    display: block;
    width: 80%;
    padding: 14px 18px;
    margin-left: unset;
  }
  .ai-bd .bd-header .bd-header-actions .icon-link {
    margin-left: 14px;
  }
  .ai-bd .bd-header .bd-header-actions button {
    width: 50%;
    padding: 8px 12px;
  }
  .ai-bd .bd-header .bd-header-actions a,
  .ai-bd .bd-header .bd-header-actions .design-resources,
  .ai-bd .bd-header .bd-header-actions #designResources {
    display: none !important;
  }
  .ai-bd .bd-header .form-control.visible-xs {
    order: 1;
    margin-bottom: 24px !important;
  }
  .ai-bd .bd-body {
    border: unset !important;
  }
  .ai-bd .bd-body .row {
    flex-direction: column;
  }
  .ai-bd .bd-body .row .bd-col-left {
    min-height: auto;
  }
  .ai-bd .bd-body .row .bd-col-left .bd-media-title {
    display: block;
  }
  .ai-bd .bd-body .row .bd-col-left .bd-button {
    top: -44px;
  }
  .ai-bd .bd-body .row .bd-col-right {
    box-shadow: unset;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app {
    width: 100%;
    padding: 0px;
    display: flex;
    flex-direction: column;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app .bd-app-title-and-name {
    padding-top: 24px;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app .bd-app-title-and-name .bd-app-title,
  .ai-bd .bd-body .row .bd-col-right .bd-app .bd-app-title-and-name .bd-app-name {
    font-size: 18px;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app-elements {
    padding: 20px 0px 20px 0px;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app-elements::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app-elements::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border-radius: 10px;
    border: 4px solid #ffffff;
  }
  .dark .ai-bd .bd-body .row .bd-col-right .bd-app-elements::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border: 4px solid #262626;
  }
  .ai-bd .bd-body .row .bd-col-right .bd-app-toggle-btn {
    display: none;
  }
  .ai-bd .box-list-row {
    display: none;
  }
}

.ai-bd .swiper-slider-container {
  padding: 0 52px 0px 62px;
}

.ai-bd .swiper-slider-container .swiper {
  position: static;
}

.ai-bd .swiper-slider-container .swiper .swiper-wrapper:has(> :last-child:nth-child(3)), .ai-bd .swiper-slider-container .swiper .swiper-wrapper:has(> :last-child:nth-child(2)), .ai-bd .swiper-slider-container .swiper .swiper-wrapper:has(> :last-child:nth-child(1)) {
  justify-content: center;
}

.ai-bd .swiper-slider-container .swiper .slider-nav {
  display: none !important;
}

.ai-bd .swiper-slider-container .swiper .swiper-button-next {
  right: -18px;
}

.ai-bd .swiper-slider-container .swiper .swiper-button-prev {
  left: -16px;
}

.ai-bd .alert {
  margin-bottom: 24px;
  margin-top: 24px;
}

.ai-bd .alert p {
  font-size: 16px;
  font-weight: 400;
}

.ai-bd .helper {
  font-size: 16px;
  display: none;
}

@media (max-width: 992px) {
  .ai-bd h3.bd-title {
    margin-bottom: 20px;
  }
  .ai-bd .bd-header {
    border-top: 1px solid var(--nxp-gray-300);
    border-left: 1px solid var(--nxp-gray-400);
    border-right: 1px solid var(--nxp-gray-400);
    border-bottom: unset;
  }
  .ai-bd .bd-body {
    border: unset !important;
  }
  .ai-bd .swiper-slider-container {
    display: none !important;
  }
  .ai-bd .bd-col-right {
    display: flex;
    flex-direction: column;
    box-shadow: unset;
  }
  .ai-bd .bd-col-right .bd-app {
    padding: 36px 0px 0px 0px;
  }
  .ai-bd .bd-col-right .bd-app .bd-app-title-and-name {
    font-size: 18px;
  }
  .ai-bd .bd-col-right .bd-app .bd-app-title-and-name .bd-app-title,
  .ai-bd .bd-col-right .bd-app .bd-app-title-and-name .bd-app-name {
    display: block;
  }
  .ai-bd .bd-col-right .bd-app .bd-tabs-list {
    padding-top: 18px;
    border-bottom: 1px solid var(--nxp-gray-300);
  }
  .ai-bd .bd-col-right .bd-app .bd-tabs-list.hidden {
    border-bottom: unset;
  }
  .ai-bd .bd-col-right .bd-app-elements {
    padding: 16px 0px 20px 0px;
  }
  .ai-bd .bd-col-left {
    border-left: 1px solid var(--nxp-gray-400);
    border-right: 1px solid var(--nxp-gray-400);
    border-bottom: 1px solid var(--nxp-gray-400);
    border-top: 1px solid var(--nxp-gray-300);
  }
  .ai-bd .bd-app-toggle-btn {
    display: none;
  }
  .ai-bd #bd-instructions.bd-app-instruction {
    justify-content: flex-start;
    animation-duration: 2s;
    animation-name: active-bd;
  }
  .ai-bd #bd-instructions.bd-app-instruction.active {
    display: flex;
  }
  .ai-bd .helper {
    display: block;
  }
}

@media (min-width: 768px) {
  .ai-bd .alert {
    display: none;
  }
}

@media (max-width: 768px) {
  .ai-bd .bd-header-actions button {
    flex: 1;
  }
}

@media (min-width: 992px) {
  .ai-bd > .bd-title {
    display: none;
  }
  .ai-bd .collapse-mobile .reset-link.more-less {
    display: none;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label h3.bd-title {
    max-width: 350px;
  }
}

@media (max-width: 480px) {
  .ai-bd .bd-header .bd-header-dropdown .bd-header-label h3.bd-title {
    max-width: 230px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .ai-bd .bd-media .bd-button {
    top: -10px;
  }
  .ai-bd .bd-header-dropdown .bd-header-label h3.bd-title {
    max-width: 580px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .ai-bd .bd-col-left {
    min-height: 400px;
  }
  .ai-bd .bd-col-right {
    min-height: 400px;
  }
  .ai-bd .row.toggle .bd-col-right {
    min-height: 464px;
  }
  .ai-bd .box-opts-column .box-opts-content {
    width: 188px;
  }
  .ai-bd .box-opts-column.active .box-opts-content {
    width: 188px;
  }
  .ai-bd .bd-header-dropdown .bd-header-label h3.bd-title {
    max-width: 390px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .ai-bd .swiper-slider-container .swiper-slide {
    max-width: 190px;
  }
}

.ai-bd .bd-app-wrapper {
  display: flex;
}

.ai-bd .bd-app-wrapper .bd-app-description {
  display: flex;
}

.ai-bd .bd-app-wrapper .bd-app-search {
  display: flex;
}

.expandable-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 10px 16px;
}

.expandable-search .description {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.expandable-search .description h4 {
  margin: 0px;
}

.expandable-search .description .icon-info {
  font-size: 16px;
}

.expandable-search .input-group-search {
  display: none;
}

.expandable-search .input-group-search .input-group-btn.search-icon {
  padding: 10px;
}

.ai-bd .expandable-search .input-group-search input {
  height: 36px;
  padding-left: 34px;
}

.expandable-search .btn-icon:has(.icon-times) {
  all: unset;
  display: none;
  position: absolute;
  top: 4px;
  right: 6px;
  z-index: 3;
}

.expandable-search .btn-icon:has(.icon-filter) {
  all: unset;
  cursor: pointer;
  padding: 6px 9px;
}

.expandable-search .btn-icon:has(.icon-filter):hover {
  background-color: var(--nxp-gray-200);
  border-radius: 22px;
}

.expandable-search .btn-icon:has(.icon-filter) .icon-filter {
  font-size: 18px;
  padding-top: 4px;
  color: var(--nxp-gray-900);
}

.expandable-search.expanded {
  padding-right: 6px;
}

.expandable-search.expanded .description {
  display: none;
}

.expandable-search.expanded .search {
  width: 100%;
}

.expandable-search.expanded .search .search-close {
  display: flex;
  width: 100%;
  gap: 10px;
}

.expandable-search.expanded .search .search-close .btn-icon .icon-times {
  font-size: 16px;
  cursor: pointer;
  padding: 6px 10px;
}

.expandable-search.expanded .search .search-close .btn-icon .icon-times:hover {
  background-color: var(--nxp-gray-200);
  border-radius: 22px;
}

.expandable-search.expanded .input-group-search {
  display: block;
}

.expandable-search.expanded .btn-icon:has(.icon-times) {
  display: block;
}

.expandable-search.expanded .btn-icon:has(.icon-filter) {
  display: none;
}

@media (max-width: 992px) {
  .expandable-search {
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 0px;
  }
  .expandable-search .description {
    flex-direction: column;
  }
  .expandable-search .description .icon-info {
    display: none;
  }
  .expandable-search .search {
    width: 100%;
  }
  .expandable-search .search .btn-icon {
    display: none;
  }
  .expandable-search .search .search-close .input-group-search {
    display: flex;
  }
  .expandable-search .search .search-close .input-group-search .search-icon {
    display: block;
  }
}

.bd-no-results {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  color: var(--nxp-gray-600);
}

.bd-tabs-wrapper .bd-tabs-list {
  display: flex;
  width: 100%;
  margin: 0px;
  cursor: pointer;
  padding-left: 0;
  list-style: none;
  gap: 24px;
  overflow-x: auto;
}

.bd-tabs-wrapper .bd-tabs-list > li {
  padding-left: 0;
}

.bd-tabs-wrapper .bd-tabs-list::-webkit-scrollbar {
  -webkit-appearance: none;
}

.bd-tabs-wrapper .bd-tabs-list::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border-radius: 10px;
  border: 4px solid #ffffff;
}

.dark .bd-tabs-wrapper .bd-tabs-list::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border: 4px solid #262626;
}

.bd-tabs-wrapper .bd-tabs-list .bd-tab {
  width: fit-content;
  text-align: left;
  color: #000000;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 0px;
  margin: 0px;
  font-size: 16px;
  white-space: nowrap;
}

.bd-tabs-wrapper .bd-tabs-list .bd-tab.active {
  border-bottom: 3px solid #ff7400;
}

.component-container:has(> .ai-bd) {
  padding-top: 10px;
}

.bd-thumbnail {
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  gap: 10px;
  outline: 1px solid var(--nxp-gray-300);
  width: 364px;
  cursor: pointer;
  height: 100%;
  min-height: 70px;
  max-height: 100px;
}

.bd-thumbnail .editable-diagram {
  margin-top: 0px;
}

.bd-thumbnail .editable-diagram::after {
  all: unset;
}

.bd-thumbnail.active {
  border-bottom: 3px solid var(--nxp-orange-500);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.bd-thumbnail .bd-thumbnail-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bd-thumbnail .bd-thumbnail-title:has(+ .bd-thumbnail-body) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bd-thumbnail .bd-thumbnail-body {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bd-thumbnail .bd-thumbnail-footer {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: auto;
}

.bd-thumbnail .bd-thumbnail-footer .bd-thumbnail-footer-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.bd-thumbnail .bd-thumbnail-body {
  display: none !important;
}

.bd-thumbnail .bd-thumbnail-footer {
  display: none !important;
}

.item-secondary.block-diagram {
  display: none !important;
}

.item-secondary.block-diagram .item-subheader {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
}

.item-secondary.block-diagram .item-subitem {
  padding: 30px 30px 0px 30px;
  border-bottom: unset;
  background-color: var(--nxp-gray-100);
}

.item-secondary.block-diagram .item-subitem:last-child .item-body {
  border-bottom: unset;
}

.item-secondary.block-diagram .item-subitem .item-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: unset;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--nxp-gray-300);
}

.item-secondary.block-diagram .item-subitem .item-body .item-subtitle {
  margin-bottom: 0px;
  font-size: 16px;
}

.item-secondary.block-diagram .item-subitem .item-body .bd-item-description {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-secondary.block-diagram .item-subitem .item-body .item-metadata {
  margin-top: 0px;
}

.item-secondary.block-diagram .item-subitem .item-body .bd-item-action {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.exact-match2 .item-secondary.block-diagram {
  color: var(--nxp-gray-900);
}

.exact-match2 .item-secondary.block-diagram .item-subheader {
  color: var(--nxp-gray-900);
}

.exact-match2 .item-secondary.block-diagram .item-metadata a {
  color: var(--nxp-gray-500);
}

.exact-match2 .item-secondary.block-diagram .item-body {
  border-bottom: 1px solid var(--nxp-gray-600);
}

.retrieved-items.search-items .retrieved-item .item-options:has([asset-type="ASP"]) .btn-download {
  display: none;
}

.retrieved-items.search-items .retrieved-item .item-options:has([asset-type="ASP"]) .item-options-collections {
  margin-left: auto !important;
}

.box-container.box-opts.exact-match2 .box-opts-content.actions:has([asset-type="ASP"]) .btn-download {
  display: none;
}

.box-container.box-opts.exact-match2 .box-opts-content.actions:has([asset-type="ASP"]) .item-options-collections {
  margin-left: auto !important;
}

.bd-apps-actions-mobile {
  display: none;
  position: relative;
  gap: 8px;
  margin-top: 24px;
}

@media (max-width: 992px) {
  .bd-apps-actions-mobile {
    display: flex !important;
  }
}

.bd-apps-actions-mobile button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bd-apps-actions-mobile .icon-ellipsis-h {
  font-size: 18px;
  color: var(--nxp-gray-900);
}

.bd-apps-actions-mobile .individual-menu {
  padding: 12px 14px;
  margin-left: auto;
}

.bd-apps-actions-mobile .individual-menu:hover {
  background-color: var(--nxp-gray-200);
  border-radius: 100%;
}

.bd-apps-actions-mobile .dropdown-menu {
  width: 100%;
  top: 100%;
  padding: 18px 0px;
  border: unset;
  box-shadow: 1px 6px 15px rgba(0, 0, 0, 0.175);
  font-size: 16px;
  min-width: 266px;
}

.bd-apps-actions-mobile .dropdown-menu li {
  margin-bottom: 14px;
}

.bd-apps-actions-mobile .dropdown-menu li a {
  padding: 2px 10px;
}

.bd-apps-actions-mobile .dropdown-menu li:last-of-type {
  margin-bottom: 0px;
}

.bd-apps-actions-mobile .dropdown-menu:after {
  all: unset;
}

.editable-diagram {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  width: fit-content;
  cursor: pointer;
}

.editable-diagram::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  border-bottom: 2px solid transparent;
}

.functional-block {
  padding-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: space-between;
}

.functional-block .display-title {
  width: calc(100% - 100px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

.functional-block .display-title a {
  font-weight: 600;
}

.functional-block .display-title h5 {
  margin: 0px;
  color: inherit;
  display: inline;
}

.functional-block .icons-container {
  width: 92px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: end;
}

.functional-block .icons-container a {
  all: unset;
}

.functional-block .icons-container .bd-icon {
  cursor: pointer;
  font-size: 24px;
  display: flex;
  width: 24px;
  height: 24px;
  color: var(--nxp-gray-900);
  justify-content: center;
}

.functional-block .icons-container .bd-icon.cart {
  border-radius: 4px;
  padding: 4px 4px 2px 2px;
  font-size: 16px;
  color: var(--nxp-gray-50);
}

.functional-block .icons-container .bd-icon.cart .icon-shopping-cart {
  margin-left: 1px;
}

.functional-block .icons-container .product-status:hover {
  background-color: unset;
}

.functional-block .metadata, .functional-block .shopping-list .box-container .description, .shopping-list .box-container .functional-block .description {
  width: 100%;
  margin: 0px;
}

.functional-block .meta-img img {
  width: 46px;
}

@media (max-width: 480px) {
  .functional-block .display-title {
    width: 100%;
  }
  .functional-block .icons-container {
    width: 100%;
    order: 1;
    justify-content: start;
  }
}

.functional-block:not(:has(.icons-container)) .display-title {
  width: 100%;
}

.application-block-diagram-tool .section-lead-title {
  margin-bottom: 10px;
}

.application-block-diagram-tool .overview-intro {
  margin-bottom: 30px;
}

.application-block-diagram-tool .secure-filters .input-group-search {
  padding-bottom: 10px;
}

.application-block-diagram-tool .suggestions.type-categories {
  width: 326px;
  border: unset;
  box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.19);
  padding: 12px 14px;
}

.application-block-diagram-tool .suggestions.type-categories button {
  padding: 4px 8px;
  margin-bottom: auto;
}

.application-block-diagram-tool .suggestions.type-categories .subscription-list ul {
  padding-left: 1.2em;
}

.application-block-diagram-tool .suggestions.type-categories .subscription-list .subscription-list .subscription-list-item {
  padding-left: 26px;
}

.application-block-diagram-tool .suggestions.type-categories .subscription-list .subscription-list .subscription-list-item:has(button) {
  padding-left: 0px;
}

.application-block-diagram-tool .suggestions.type-categories .subscription-list-item {
  padding: 6px 0px;
}

.application-block-diagram-tool .suggestions.type-categories .subscription-list-item > .checkbox:only-child {
  padding-left: 0px;
}

.application-block-diagram-tool .results-pagination-footer {
  justify-content: center;
}

.application-block-diagram-tool .box-opts .box-opts-image figure {
  width: 100%;
}

.application-block-diagram-tool .box-opts .box-opts-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.application-block-diagram-tool .box-opts .box-opts-content .item-metadata {
  margin-top: 0px;
  margin-bottom: 6px;
}

@media (max-width: 480px) {
  .application-block-diagram-tool .suggestions.type-categories .btn, .application-block-diagram-tool .suggestions.type-categories .nav-close {
    width: auto;
  }
}

#new-interactive-bd .swiper-slider-bd-selector .bd-title {
  top: -10px;
}

.swiper-slider-bd-selector .swiper-slider-container {
  padding-top: 0px;
  padding-bottom: 20px;
}

.swiper-slider-bd-selector .editable-diagram {
  cursor: default;
}

@media (min-width: 992px) {
  .swiper-slider-bd-selector .bd-title-selector {
    position: absolute;
    top: -14px;
  }
  .swiper-slider-bd-selector .bd-title-selector:has(+ .one-slide) {
    position: relative;
  }
}

.marketSplashComponent {
  margin-bottom: 1em;
}

.marketSplashComponent .marketSplash {
  z-index: 0;
}

.marketSplashComponent .marketSplash div {
  width: 100%;
}

.marketSplashComponent .marketSplash .-slide-smallThumb img {
  width: 25%;
  float: left;
}

.marketSplashComponent .marketSplash .-slide-smallThumb .cycle-overlay {
  width: 75%;
  float: left;
  padding-left: 15px;
  margin-top: 0 !important;
}

.marketSplashComponent .marketSplash .-slide-smallThumb .cycle-overlay h4 {
  margin-top: 0 !important;
}

.marketSplashComponent .marketSplash-pager {
  font-size: 3em;
  color: #d4cfc5;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .marketSplashComponent .marketSplash-pager {
    border-top: 1px solid #d4cfc5;
  }
}

.marketSplashComponent .marketSplash-pager .cycle-pager-active {
  color: #474645;
}

.marketSplashComponent .marketSplash-pager span {
  transition: all .25s ease;
}

.marketSplashComponent .marketSplash-pager span:hover {
  cursor: pointer;
  color: #898683;
}

.marketSplashComponent .marketSplash-prevNext {
  text-align: center;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .marketSplashComponent .marketSplash-prevNext {
    display: none;
  }
}

.marketSplashComponent .marketSplash-prevNext a {
  width: 40%;
}

.marketSplashComponent .marketSplash-prevNext a:first-of-type {
  margin-right: 15px;
}

.marketSplash.cycle-slideshow div.-slide {
  display: none;
}

.marketSplash.cycle-slideshow div.-slide:first-child {
  display: block;
}

.videoFilmStrip-mobile .cycle-carousel-wrap {
  background-color: rgba(0, 0, 0, 0.25);
  text-align: center;
}

.videoFilmStrip-mobile .cycle-carousel-wrap .-link {
  display: block;
  width: 100%;
  height: 100%;
}

.videoFilmStrip-mobile .cycle-carousel-wrap .-slide {
  border: 1px solid #d4cfc5;
  max-width: 100%;
  height: auto;
}

.videoFilmStrip-mobile .cycle-carousel-wrap .-thumbVideoWrapper {
  position: relative;
}

.videoFilmStrip-mobile .cycle-carousel-wrap .-thumbVideoWrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: 4em;
  height: 4em;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4em 4em;
  z-index: 1;
  opacity: 0.75;
  pointer-events: none;
}

.videoFilmStrip-mobile .-prevNext {
  text-align: center;
  margin-bottom: 1em;
}

.videoFilmStrip-mobile .-prevNext a {
  width: 40%;
}

.videoFilmStrip-mobile .-prevNext a:first-of-type {
  margin-right: 15px;
}

.videoFilmStrip-mobile .borders {
  border: 1px solid purple;
}

.videoFilmStrip-mobile .-overlay {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -1.75em;
}

.videoFilmStrip-mobile .-meta-viewCount {
  font-size: 12px;
  opacity: 0.8;
  flex-grow: 1;
  align-self: center;
  text-align: left;
  color: white;
  width: 50%;
  margin-left: 0.5em;
}

.videoFilmStrip-mobile .-meta-viewCount span {
  padding: 0.5em;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
}

.videoFilmStrip-mobile .-meta-title {
  font-size: 18px;
  width: 100%;
  font-weight: 600;
}

.videoFilmStrip-mobile .-meta-date {
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.8;
  align-self: center;
  width: 50%;
  flex-grow: 1;
  margin-top: 2em;
}

.videoFilmStrip-mobile .-meta-count {
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.8;
  align-self: center;
  width: 50%;
  text-align: right;
  flex-grow: 1;
  margin-top: 2em;
}

.videoFilmStrip-mobile .-meta-duration {
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.8;
  align-self: center;
  text-align: right;
  flex-grow: 1;
}

.videoFilmStrip-mobile .-meta-duration span {
  padding: 0.5em;
  margin-right: 0.5em;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
}

.videoFilmStrip-mobile .-meta-description {
  flex-grow: 0;
  width: 100%;
}

.videoFilmStrip-mobile .-meta-overlay {
  background: rgba(0, 0, 0, 0.25);
  color: white;
}

.videoFilmStrip-desktop {
  position: relative;
}

.videoFilmStrip-desktop .cycle-slideshow {
  margin-left: 1em;
  margin-right: 1em;
}

.videoFilmStrip-desktop .cycle-slideshow a {
  display: none;
}

.videoFilmStrip-desktop .cycle-slideshow a:first-child {
  display: inline-block;
}

.videoFilmStrip-desktop .-thumbVideoWrapper {
  position: relative;
}

.videoFilmStrip-desktop .-thumbVideoWrapper img {
  height: 90px;
  width: 160px;
  object-fit: cover;
}

.videoFilmStrip-desktop .-thumbVideoWrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: 2em;
  height: 2em;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 2em 2em;
  z-index: 1;
  opacity: 0.5;
  pointer-events: none;
}

.videoFilmStrip-desktop .-overlay {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.25em 0.5em;
  background: rgba(0, 0, 0, 0.25);
  color: white;
}

.videoFilmStrip-desktop .-link {
  margin-right: 0.5em;
}

.videoFilmStrip-desktop .-meta-title {
  display: block;
  width: 100%;
  font-size: 85%;
  max-width: 187px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.videoFilmStrip-desktop .-meta-date {
  text-transform: uppercase;
  font-size: 85%;
  opacity: 0.8;
  align-self: center;
}

.videoFilmStrip-desktop .-meta-viewCount {
  font-size: 85%;
  opacity: 0.8;
  display: block;
  width: 50%;
  float: left;
}

.videoFilmStrip-desktop .-meta-duration {
  text-transform: uppercase;
  font-size: 85%;
  opacity: 0.8;
  display: block;
  width: 50%;
  float: right;
  text-align: right;
}

.videoFilmStrip-desktop .-prevNextButtons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 3;
}

.videoFilmStrip-desktop .-prevNextButtons .btn, .videoFilmStrip-desktop .-prevNextButtons .nav-close {
  display: inline-block;
  padding: 0;
  color: #000000;
  pointer-events: all;
  border-radius: 32px;
  background-color: white;
}

.videoFilmStrip-desktop .-prevNextButtons .btn:hover, .videoFilmStrip-desktop .-prevNextButtons .nav-close:hover {
  background-color: #ebe7dd;
}

.videoFilmStrip-desktop .-prevNextButtons .icon-angle-left,
.videoFilmStrip-desktop .-prevNextButtons .icon-angle-right {
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-weight: 600 !important;
}

.videoFilmStrip-desktop .-prevNextButtons .icon-angle-left:before {
  margin-right: 1px;
}

.videoFilmStrip-desktop .-prevNextButtons .icon-angle-right:before {
  margin-left: 3px;
}

.videoFilmStrip-desktop .-prevNextButtons .btn:last-of-type, .videoFilmStrip-desktop .-prevNextButtons .nav-close:last-of-type {
  float: right;
}

/*.related-products{
	@include breakpoint(screen-small) {
		&.first-related-products{
			> h2{
				border-top:0 !important;
				margin-top: 0 !important;
				padding-top: 0 !important;
			}
		}
		h2{
			font-size: 1.15em !important;
			font-weight: 700 !important;
		}
	}
}*/
/*.related-products-section {
	> div  h3{
		border-top: 1px solid #eee;
		margin-top: 2em;
		padding-top: 2em;
	}
	> div:first-of-type  h3{
		border-top: 0px solid #eee;
		padding-top: 0px;
		margin-top: 0px;
	}
  
}*/
.reference-designs-list .recSoftTools {
  border-bottom: 0px;
}

.reference-designs-list .recSoftTools .recSoftTools-item {
  border-top: 0px;
}

.similarProduSlider-mobile .content {
  display: block;
}

.similarProduSlider-desktop {
  margin-bottom: 2em;
  position: relative;
}

.similarProduSlider-desktop.nopager {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .similarProduSlider-desktop.nopager .cycle-slide {
    width: calc(
 750px - 250px - 30px);
  }
}

@media (min-width: 992px) {
  .similarProduSlider-desktop.nopager .cycle-slide {
    width: calc(970px - 300px - 30px);
  }
}

@media (min-width: 1200px) {
  .similarProduSlider-desktop.nopager .cycle-slide {
    width: calc(1170px - 300px - 30px);
  }
}

@media (min-width: 768px) {
  .similarProduSlider-desktop .cycle-slide {
    width: calc(
 750px - 250px - 30px - 6em);
  }
}

@media (min-width: 992px) {
  .similarProduSlider-desktop .cycle-slide {
    width: calc(970px - 300px - 30px - 6em);
  }
}

@media (min-width: 1200px) {
  .similarProduSlider-desktop .cycle-slide {
    width: calc(1170px - 300px - 30px - 6em);
  }
}

.similarProduSlider-desktop .content {
  overflow-wrap: break-word;
  vertical-align: top;
  display: inline-block;
  width: calc(50% - 10px);
  white-space: normal;
}

@media screen and (min-width: 480px) {
  .similarProduSlider-desktop .content {
    width: calc(25% - 20px);
    margin-right: 20px;
  }
  .similarProduSlider-desktop .content:last-of-type {
    margin-right: 0;
  }
}

.similarProduSlider-desktop .similar-products-caption {
  padding: 0.25em 0 2em;
  white-space: initial;
  font-size: 14px;
}

.similarProduSlider-desktop .cycle-slideshow {
  margin-left: 3em;
  margin-right: 3em;
}

.similarProduSlider-desktop .cycle-slideshow div:first-child {
  display: inline-block;
}

.similarProduSlider-desktop .-overlay {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.25em 0.5em;
  background: rgba(0, 0, 0, 0.25);
  color: white;
}

.similarProduSlider-desktop .-prevNextButtons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 3;
}

.similarProduSlider-desktop .-prevNextButtons .btn, .similarProduSlider-desktop .-prevNextButtons .nav-close {
  display: inline-block;
  padding: 0;
  color: #000000;
  pointer-events: all;
  border-radius: 32px;
  background-color: white;
}

.similarProduSlider-desktop .-prevNextButtons .btn:hover, .similarProduSlider-desktop .-prevNextButtons .nav-close:hover {
  background-color: #ebe7dd;
}

.similarProduSlider-desktop .-prevNextButtons .icon-angle-left,
.similarProduSlider-desktop .-prevNextButtons .icon-angle-right {
  font-weight: 600 !important;
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 30px;
}

.similarProduSlider-desktop .-prevNextButtons .icon-angle-left:before {
  margin-right: 1px;
}

.similarProduSlider-desktop .-prevNextButtons .icon-angle-right:before {
  margin-left: 3px;
}

.similarProduSlider-desktop .-prevNextButtons .btn:last-of-type, .similarProduSlider-desktop .-prevNextButtons .nav-close:last-of-type {
  float: right;
}

.similarProduSlider-desktop .similarProdpager {
  font-size: 3em;
  color: #d4cfc5;
  text-align: center;
  height: 1em;
}

.similarProduSlider-desktop .similarProdpager span {
  display: inline-block !important;
}

.similarProduSlider-desktop .similarProdpager span.cycle-pager-active {
  color: #474645;
}

.interactive-media-player {
  /* Fix for 150% zoom  */
  color: white;
  border: 0px solid rgba(0, 0, 0, 0.05);
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
  border-radius: 6px;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .interactive-media-player .media-container,
  .interactive-media-player .media-content {
    max-height: 330px !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .interactive-media-player .media-container,
  .interactive-media-player .media-content {
    max-height: 270px !important;
  }
}

.interactive-media-player .media-container {
  padding-bottom: 10px;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.interactive-media-player .media {
  margin: 0;
  position: relative;
  height: 100%;
}

.interactive-media-player .media.noshow {
  opacity: 0;
  height: 0;
  margin: 0;
}

.interactive-media-player .media video.video-js {
  padding-bottom: 1px;
}

.interactive-media-player .video-js {
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
}

.interactive-media-player .media-content {
  position: relative;
  border-bottom: 0px solid #4a4a4a4a;
  transition: background 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.interactive-media-player .media-content .media-playctrl:last-of-type {
  padding-right: 0;
}

.interactive-media-player .media-playctrl {
  padding-bottom: 10px;
}

.interactive-media-player .play-heading {
  margin-bottom: 0.25em;
  margin-top: 0;
  font-weight: 600;
  color: currentColor;
  font-size: 14px;
}

.interactive-media-player .media-content.active {
  background-color: #ebe7dd;
}

.interactive-media-player .btn, .interactive-media-player .nav-close {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
  position: relative;
  padding-left: 2em;
  text-align: left;
  white-space: inherit;
}

.interactive-media-player .btn::before, .interactive-media-player .nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.interactive-media-player .btn:hover, .interactive-media-player .nav-close:hover, .interactive-media-player .btn.hover, .interactive-media-player .hover.nav-close {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.interactive-media-player .btn:hover::before, .interactive-media-player .nav-close:hover::before, .interactive-media-player .btn.hover::before, .interactive-media-player .hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.interactive-media-player .btn:focus, .interactive-media-player .nav-close:focus, .interactive-media-player .btn.focus, .interactive-media-player .focus.nav-close, .interactive-media-player .btn:active, .interactive-media-player .nav-close:active, .interactive-media-player .btn.active, .interactive-media-player .active.nav-close,
.open > .interactive-media-player .btn.dropdown-toggle,
.open > .interactive-media-player .dropdown-toggle.nav-close {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.interactive-media-player .btn:focus:hover, .interactive-media-player .nav-close:focus:hover, .interactive-media-player .btn.focus:hover, .interactive-media-player .focus.nav-close:hover, .interactive-media-player .btn:active:hover, .interactive-media-player .nav-close:active:hover, .interactive-media-player .btn.active:hover, .interactive-media-player .active.nav-close:hover,
.open > .interactive-media-player .btn.dropdown-toggle:hover,
.open > .interactive-media-player .dropdown-toggle.nav-close:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.interactive-media-player .btn:focus:hover::before, .interactive-media-player .nav-close:focus:hover::before, .interactive-media-player .btn.focus:hover::before, .interactive-media-player .focus.nav-close:hover::before, .interactive-media-player .btn:active:hover::before, .interactive-media-player .nav-close:active:hover::before, .interactive-media-player .btn.active:hover::before, .interactive-media-player .active.nav-close:hover::before,
.open > .interactive-media-player .btn.dropdown-toggle:hover::before,
.open > .interactive-media-player .dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.interactive-media-player .btn:active, .interactive-media-player .nav-close:active, .interactive-media-player .btn.active, .interactive-media-player .active.nav-close,
.open > .interactive-media-player .btn.dropdown-toggle,
.open > .interactive-media-player .dropdown-toggle.nav-close {
  background: var(--nxp-btn-default-color);
}

.interactive-media-player .btn.disabled, .interactive-media-player .disabled.nav-close, .interactive-media-player .btn[disabled], .interactive-media-player .nav-close[disabled],
fieldset[disabled] .interactive-media-player .btn,
fieldset[disabled] .interactive-media-player .nav-close {
  opacity: 0.7;
}

.interactive-media-player .btn.disabled:hover, .interactive-media-player .disabled.nav-close:hover, .interactive-media-player .btn.disabled:focus, .interactive-media-player .disabled.nav-close:focus, .interactive-media-player .btn.disabled:active, .interactive-media-player .disabled.nav-close:active, .interactive-media-player .btn.disabled.focus, .interactive-media-player .disabled.focus.nav-close, .interactive-media-player .btn[disabled]:hover, .interactive-media-player .nav-close[disabled]:hover, .interactive-media-player .btn[disabled]:focus, .interactive-media-player .nav-close[disabled]:focus, .interactive-media-player .btn[disabled]:active, .interactive-media-player .nav-close[disabled]:active, .interactive-media-player .btn[disabled].focus, .interactive-media-player .nav-close[disabled].focus,
fieldset[disabled] .interactive-media-player .btn:hover,
fieldset[disabled] .interactive-media-player .nav-close:hover,
fieldset[disabled] .interactive-media-player .btn:focus,
fieldset[disabled] .interactive-media-player .nav-close:focus,
fieldset[disabled] .interactive-media-player .btn:active,
fieldset[disabled] .interactive-media-player .nav-close:active,
fieldset[disabled] .interactive-media-player .btn.focus,
fieldset[disabled] .interactive-media-player .focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.interactive-media-player .btn.disabled:hover::before, .interactive-media-player .disabled.nav-close:hover::before, .interactive-media-player .btn.disabled:focus::before, .interactive-media-player .disabled.nav-close:focus::before, .interactive-media-player .btn.disabled:active::before, .interactive-media-player .disabled.nav-close:active::before, .interactive-media-player .btn.disabled.focus::before, .interactive-media-player .disabled.focus.nav-close::before, .interactive-media-player .btn[disabled]:hover::before, .interactive-media-player .nav-close[disabled]:hover::before, .interactive-media-player .btn[disabled]:focus::before, .interactive-media-player .nav-close[disabled]:focus::before, .interactive-media-player .btn[disabled]:active::before, .interactive-media-player .nav-close[disabled]:active::before, .interactive-media-player .btn[disabled].focus::before, .interactive-media-player .nav-close[disabled].focus::before,
fieldset[disabled] .interactive-media-player .btn:hover::before,
fieldset[disabled] .interactive-media-player .nav-close:hover::before,
fieldset[disabled] .interactive-media-player .btn:focus::before,
fieldset[disabled] .interactive-media-player .nav-close:focus::before,
fieldset[disabled] .interactive-media-player .btn:active::before,
fieldset[disabled] .interactive-media-player .nav-close:active::before,
fieldset[disabled] .interactive-media-player .btn.focus::before,
fieldset[disabled] .interactive-media-player .focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .interactive-media-player .btn, .dark .interactive-media-player .nav-close, .interactive-media-player .btn.darkbtn, .interactive-media-player .darkbtn.nav-close {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .interactive-media-player .btn::before, .dark .interactive-media-player .nav-close::before, .interactive-media-player .btn.darkbtn::before, .interactive-media-player .darkbtn.nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .interactive-media-player .btn:hover, .dark .interactive-media-player .nav-close:hover, .dark .interactive-media-player .btn.hover, .dark .interactive-media-player .hover.nav-close, .interactive-media-player .btn.darkbtn:hover, .interactive-media-player .darkbtn.nav-close:hover, .interactive-media-player .btn.darkbtn.hover, .interactive-media-player .darkbtn.hover.nav-close {
  color: white;
  background-color: transparent;
}

.dark .interactive-media-player .btn:hover::before, .dark .interactive-media-player .nav-close:hover::before, .dark .interactive-media-player .btn.hover::before, .dark .interactive-media-player .hover.nav-close::before, .interactive-media-player .btn.darkbtn:hover::before, .interactive-media-player .darkbtn.nav-close:hover::before, .interactive-media-player .btn.darkbtn.hover::before, .interactive-media-player .darkbtn.hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .interactive-media-player .btn:focus, .dark .interactive-media-player .nav-close:focus, .dark .interactive-media-player .btn.focus, .dark .interactive-media-player .focus.nav-close, .dark .interactive-media-player .btn:active, .dark .interactive-media-player .nav-close:active, .dark .interactive-media-player .btn.active, .dark .interactive-media-player .active.nav-close,
.open > .dark .interactive-media-player .btn.dropdown-toggle,
.open > .dark .interactive-media-player .dropdown-toggle.nav-close, .interactive-media-player .btn.darkbtn:focus, .interactive-media-player .darkbtn.nav-close:focus, .interactive-media-player .btn.darkbtn.focus, .interactive-media-player .darkbtn.focus.nav-close, .interactive-media-player .btn.darkbtn:active, .interactive-media-player .darkbtn.nav-close:active, .interactive-media-player .btn.darkbtn.active, .interactive-media-player .darkbtn.active.nav-close,
.open > .interactive-media-player .btn.darkbtn.dropdown-toggle,
.open > .interactive-media-player .darkbtn.dropdown-toggle.nav-close {
  background-color: white !important;
  color: black;
}

.dark .interactive-media-player .btn:focus:hover, .dark .interactive-media-player .nav-close:focus:hover, .dark .interactive-media-player .btn.focus:hover, .dark .interactive-media-player .focus.nav-close:hover, .dark .interactive-media-player .btn:active:hover, .dark .interactive-media-player .nav-close:active:hover, .dark .interactive-media-player .btn.active:hover, .dark .interactive-media-player .active.nav-close:hover,
.open > .dark .interactive-media-player .btn.dropdown-toggle:hover,
.open > .dark .interactive-media-player .dropdown-toggle.nav-close:hover, .interactive-media-player .btn.darkbtn:focus:hover, .interactive-media-player .darkbtn.nav-close:focus:hover, .interactive-media-player .btn.darkbtn.focus:hover, .interactive-media-player .darkbtn.focus.nav-close:hover, .interactive-media-player .btn.darkbtn:active:hover, .interactive-media-player .darkbtn.nav-close:active:hover, .interactive-media-player .btn.darkbtn.active:hover, .interactive-media-player .darkbtn.active.nav-close:hover,
.open > .interactive-media-player .btn.darkbtn.dropdown-toggle:hover,
.open > .interactive-media-player .darkbtn.dropdown-toggle.nav-close:hover {
  background-color: white !important;
  color: black;
}

.dark .interactive-media-player .btn:focus:hover::before, .dark .interactive-media-player .nav-close:focus:hover::before, .dark .interactive-media-player .btn.focus:hover::before, .dark .interactive-media-player .focus.nav-close:hover::before, .dark .interactive-media-player .btn:active:hover::before, .dark .interactive-media-player .nav-close:active:hover::before, .dark .interactive-media-player .btn.active:hover::before, .dark .interactive-media-player .active.nav-close:hover::before,
.open > .dark .interactive-media-player .btn.dropdown-toggle:hover::before,
.open > .dark .interactive-media-player .dropdown-toggle.nav-close:hover::before, .interactive-media-player .btn.darkbtn:focus:hover::before, .interactive-media-player .darkbtn.nav-close:focus:hover::before, .interactive-media-player .btn.darkbtn.focus:hover::before, .interactive-media-player .darkbtn.focus.nav-close:hover::before, .interactive-media-player .btn.darkbtn:active:hover::before, .interactive-media-player .darkbtn.nav-close:active:hover::before, .interactive-media-player .btn.darkbtn.active:hover::before, .interactive-media-player .darkbtn.active.nav-close:hover::before,
.open > .interactive-media-player .btn.darkbtn.dropdown-toggle:hover::before,
.open > .interactive-media-player .darkbtn.dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.dark .interactive-media-player .btn:active, .dark .interactive-media-player .nav-close:active, .dark .interactive-media-player .btn.active, .dark .interactive-media-player .active.nav-close,
.open > .dark .interactive-media-player .btn.dropdown-toggle,
.open > .dark .interactive-media-player .dropdown-toggle.nav-close, .interactive-media-player .btn.darkbtn:active, .interactive-media-player .darkbtn.nav-close:active, .interactive-media-player .btn.darkbtn.active, .interactive-media-player .darkbtn.active.nav-close,
.open > .interactive-media-player .btn.darkbtn.dropdown-toggle,
.open > .interactive-media-player .darkbtn.dropdown-toggle.nav-close {
  background: white;
}

.dark .interactive-media-player .btn.disabled, .dark .interactive-media-player .disabled.nav-close, .dark .interactive-media-player .btn[disabled], .dark .interactive-media-player .nav-close[disabled],
fieldset[disabled] .dark .interactive-media-player .btn,
fieldset[disabled] .dark .interactive-media-player .nav-close, .interactive-media-player .btn.darkbtn.disabled, .interactive-media-player .darkbtn.disabled.nav-close, .interactive-media-player .btn.darkbtn[disabled], .interactive-media-player .darkbtn.nav-close[disabled],
fieldset[disabled] .interactive-media-player .btn.darkbtn,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close {
  opacity: 0.7;
}

.dark .interactive-media-player .btn.disabled:hover, .dark .interactive-media-player .disabled.nav-close:hover, .dark .interactive-media-player .btn.disabled:focus, .dark .interactive-media-player .disabled.nav-close:focus, .dark .interactive-media-player .btn.disabled:active, .dark .interactive-media-player .disabled.nav-close:active, .dark .interactive-media-player .btn.disabled.focus, .dark .interactive-media-player .disabled.focus.nav-close, .dark .interactive-media-player .btn[disabled]:hover, .dark .interactive-media-player .nav-close[disabled]:hover, .dark .interactive-media-player .btn[disabled]:focus, .dark .interactive-media-player .nav-close[disabled]:focus, .dark .interactive-media-player .btn[disabled]:active, .dark .interactive-media-player .nav-close[disabled]:active, .dark .interactive-media-player .btn[disabled].focus, .dark .interactive-media-player .nav-close[disabled].focus,
fieldset[disabled] .dark .interactive-media-player .btn:hover,
fieldset[disabled] .dark .interactive-media-player .nav-close:hover,
fieldset[disabled] .dark .interactive-media-player .btn:focus,
fieldset[disabled] .dark .interactive-media-player .nav-close:focus,
fieldset[disabled] .dark .interactive-media-player .btn:active,
fieldset[disabled] .dark .interactive-media-player .nav-close:active,
fieldset[disabled] .dark .interactive-media-player .btn.focus,
fieldset[disabled] .dark .interactive-media-player .focus.nav-close, .interactive-media-player .btn.darkbtn.disabled:hover, .interactive-media-player .darkbtn.disabled.nav-close:hover, .interactive-media-player .btn.darkbtn.disabled:focus, .interactive-media-player .darkbtn.disabled.nav-close:focus, .interactive-media-player .btn.darkbtn.disabled:active, .interactive-media-player .darkbtn.disabled.nav-close:active, .interactive-media-player .btn.darkbtn.disabled.focus, .interactive-media-player .darkbtn.disabled.focus.nav-close, .interactive-media-player .btn.darkbtn[disabled]:hover, .interactive-media-player .darkbtn.nav-close[disabled]:hover, .interactive-media-player .btn.darkbtn[disabled]:focus, .interactive-media-player .darkbtn.nav-close[disabled]:focus, .interactive-media-player .btn.darkbtn[disabled]:active, .interactive-media-player .darkbtn.nav-close[disabled]:active, .interactive-media-player .btn.darkbtn[disabled].focus, .interactive-media-player .darkbtn.nav-close[disabled].focus,
fieldset[disabled] .interactive-media-player .btn.darkbtn:hover,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:hover,
fieldset[disabled] .interactive-media-player .btn.darkbtn:focus,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:focus,
fieldset[disabled] .interactive-media-player .btn.darkbtn:active,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:active,
fieldset[disabled] .interactive-media-player .btn.darkbtn.focus,
fieldset[disabled] .interactive-media-player .darkbtn.focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .interactive-media-player .btn.disabled:hover::before, .dark .interactive-media-player .disabled.nav-close:hover::before, .dark .interactive-media-player .btn.disabled:focus::before, .dark .interactive-media-player .disabled.nav-close:focus::before, .dark .interactive-media-player .btn.disabled:active::before, .dark .interactive-media-player .disabled.nav-close:active::before, .dark .interactive-media-player .btn.disabled.focus::before, .dark .interactive-media-player .disabled.focus.nav-close::before, .dark .interactive-media-player .btn[disabled]:hover::before, .dark .interactive-media-player .nav-close[disabled]:hover::before, .dark .interactive-media-player .btn[disabled]:focus::before, .dark .interactive-media-player .nav-close[disabled]:focus::before, .dark .interactive-media-player .btn[disabled]:active::before, .dark .interactive-media-player .nav-close[disabled]:active::before, .dark .interactive-media-player .btn[disabled].focus::before, .dark .interactive-media-player .nav-close[disabled].focus::before,
fieldset[disabled] .dark .interactive-media-player .btn:hover::before,
fieldset[disabled] .dark .interactive-media-player .nav-close:hover::before,
fieldset[disabled] .dark .interactive-media-player .btn:focus::before,
fieldset[disabled] .dark .interactive-media-player .nav-close:focus::before,
fieldset[disabled] .dark .interactive-media-player .btn:active::before,
fieldset[disabled] .dark .interactive-media-player .nav-close:active::before,
fieldset[disabled] .dark .interactive-media-player .btn.focus::before,
fieldset[disabled] .dark .interactive-media-player .focus.nav-close::before, .interactive-media-player .btn.darkbtn.disabled:hover::before, .interactive-media-player .darkbtn.disabled.nav-close:hover::before, .interactive-media-player .btn.darkbtn.disabled:focus::before, .interactive-media-player .darkbtn.disabled.nav-close:focus::before, .interactive-media-player .btn.darkbtn.disabled:active::before, .interactive-media-player .darkbtn.disabled.nav-close:active::before, .interactive-media-player .btn.darkbtn.disabled.focus::before, .interactive-media-player .darkbtn.disabled.focus.nav-close::before, .interactive-media-player .btn.darkbtn[disabled]:hover::before, .interactive-media-player .darkbtn.nav-close[disabled]:hover::before, .interactive-media-player .btn.darkbtn[disabled]:focus::before, .interactive-media-player .darkbtn.nav-close[disabled]:focus::before, .interactive-media-player .btn.darkbtn[disabled]:active::before, .interactive-media-player .darkbtn.nav-close[disabled]:active::before, .interactive-media-player .btn.darkbtn[disabled].focus::before, .interactive-media-player .darkbtn.nav-close[disabled].focus::before,
fieldset[disabled] .interactive-media-player .btn.darkbtn:hover::before,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:hover::before,
fieldset[disabled] .interactive-media-player .btn.darkbtn:focus::before,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:focus::before,
fieldset[disabled] .interactive-media-player .btn.darkbtn:active::before,
fieldset[disabled] .interactive-media-player .darkbtn.nav-close:active::before,
fieldset[disabled] .interactive-media-player .btn.darkbtn.focus::before,
fieldset[disabled] .interactive-media-player .darkbtn.focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.interactive-media-player .btn [class*='icon-'], .interactive-media-player .nav-close [class*='icon-'] {
  position: initial;
}

.interactive-media-player .has-subchapters {
  padding-bottom: 0.25em;
  background-color: rgba(0, 0, 0, 0.15);
}

.interactive-media-player .has-subchapters li:not(:first-child) {
  padding: 0 0.5em 0 2em;
  font-size: 14px;
}

.interactive-media-player .has-subchapters li:not(:first-child) .small, .interactive-media-player .has-subchapters li:not(:first-child) .flex-box .box-opts .nav-piped-2 li, .flex-box .box-opts .nav-piped-2 .interactive-media-player .has-subchapters li:not(:first-child) li {
  position: absolute;
  transform: translateX(-1.5em);
  padding-top: 3px;
}

.interactive-media-player .btn.active, .interactive-media-player .active.nav-close {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
}

.interactive-media-player .btn.active::before, .interactive-media-player .active.nav-close::before {
  display: none;
}

.interactive-media-player .btn.active:focus, .interactive-media-player .active.nav-close:focus, .interactive-media-player .btn.active.focus, .interactive-media-player .active.focus.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.interactive-media-player .btn.active:focus::before, .interactive-media-player .active.nav-close:focus::before, .interactive-media-player .btn.active.focus::before, .interactive-media-player .active.focus.nav-close::before {
  display: none;
}

.interactive-media-player .btn.active:hover, .interactive-media-player .active.nav-close:hover, .interactive-media-player .btn.active.hover, .interactive-media-player .active.hover.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.interactive-media-player .btn.active:hover::before, .interactive-media-player .active.nav-close:hover::before, .interactive-media-player .btn.active.hover::before, .interactive-media-player .active.hover.nav-close::before {
  display: none;
}

.interactive-media-player .btn.active:active, .interactive-media-player .active.nav-close:active, .interactive-media-player .btn.active.active, .interactive-media-player .active.active.nav-close,
.open > .interactive-media-player .btn.active.dropdown-toggle,
.open > .interactive-media-player .active.dropdown-toggle.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.interactive-media-player .btn.active:active:hover, .interactive-media-player .active.nav-close:active:hover, .interactive-media-player .btn.active:active:focus, .interactive-media-player .active.nav-close:active:focus, .interactive-media-player .btn.active:active.focus, .interactive-media-player .active.nav-close:active.focus, .interactive-media-player .btn.active.active:hover, .interactive-media-player .active.active.nav-close:hover, .interactive-media-player .btn.active.active:focus, .interactive-media-player .active.active.nav-close:focus, .interactive-media-player .btn.active.active.focus, .interactive-media-player .active.active.focus.nav-close,
.open > .interactive-media-player .btn.active.dropdown-toggle:hover,
.open > .interactive-media-player .active.dropdown-toggle.nav-close:hover,
.open > .interactive-media-player .btn.active.dropdown-toggle:focus,
.open > .interactive-media-player .active.dropdown-toggle.nav-close:focus,
.open > .interactive-media-player .btn.active.dropdown-toggle.focus,
.open > .interactive-media-player .active.dropdown-toggle.focus.nav-close {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.interactive-media-player .btn.active:active:hover::before, .interactive-media-player .active.nav-close:active:hover::before, .interactive-media-player .btn.active:active:focus::before, .interactive-media-player .active.nav-close:active:focus::before, .interactive-media-player .btn.active:active.focus::before, .interactive-media-player .active.nav-close:active.focus::before, .interactive-media-player .btn.active.active:hover::before, .interactive-media-player .active.active.nav-close:hover::before, .interactive-media-player .btn.active.active:focus::before, .interactive-media-player .active.active.nav-close:focus::before, .interactive-media-player .btn.active.active.focus::before, .interactive-media-player .active.active.focus.nav-close::before,
.open > .interactive-media-player .btn.active.dropdown-toggle:hover::before,
.open > .interactive-media-player .active.dropdown-toggle.nav-close:hover::before,
.open > .interactive-media-player .btn.active.dropdown-toggle:focus::before,
.open > .interactive-media-player .active.dropdown-toggle.nav-close:focus::before,
.open > .interactive-media-player .btn.active.dropdown-toggle.focus::before,
.open > .interactive-media-player .active.dropdown-toggle.focus.nav-close::before {
  display: none;
}

.interactive-media-player .btn.active:active, .interactive-media-player .active.nav-close:active, .interactive-media-player .btn.active.active, .interactive-media-player .active.active.nav-close,
.open > .interactive-media-player .btn.active.dropdown-toggle,
.open > .interactive-media-player .active.dropdown-toggle.nav-close {
  background-image: none;
}

.interactive-media-player .btn.active.disabled, .interactive-media-player .active.disabled.nav-close, .interactive-media-player .btn.active[disabled], .interactive-media-player .active.nav-close[disabled],
fieldset[disabled] .interactive-media-player .btn.active,
fieldset[disabled] .interactive-media-player .active.nav-close {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.interactive-media-player .btn.active.disabled:hover, .interactive-media-player .active.disabled.nav-close:hover, .interactive-media-player .btn.active.disabled:focus, .interactive-media-player .active.disabled.nav-close:focus, .interactive-media-player .btn.active.disabled.focus, .interactive-media-player .active.disabled.focus.nav-close, .interactive-media-player .btn.active[disabled]:hover, .interactive-media-player .active.nav-close[disabled]:hover, .interactive-media-player .btn.active[disabled]:focus, .interactive-media-player .active.nav-close[disabled]:focus, .interactive-media-player .btn.active[disabled].focus, .interactive-media-player .active.nav-close[disabled].focus,
fieldset[disabled] .interactive-media-player .btn.active:hover,
fieldset[disabled] .interactive-media-player .active.nav-close:hover,
fieldset[disabled] .interactive-media-player .btn.active:focus,
fieldset[disabled] .interactive-media-player .active.nav-close:focus,
fieldset[disabled] .interactive-media-player .btn.active.focus,
fieldset[disabled] .interactive-media-player .active.focus.nav-close {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.interactive-media-player .btn.active .badge, .interactive-media-player .active.nav-close .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark .interactive-media-player .btn.active, .dark .interactive-media-player .active.nav-close, .interactive-media-player .btn.active.darkbtn, .interactive-media-player .active.darkbtn.nav-close {
  color: black;
  background-color: white;
  border-color: white;
}

.dark .interactive-media-player .btn.active::before, .dark .interactive-media-player .active.nav-close::before, .interactive-media-player .btn.active.darkbtn::before, .interactive-media-player .active.darkbtn.nav-close::before {
  display: none;
}

.dark .interactive-media-player .btn.active:focus, .dark .interactive-media-player .active.nav-close:focus, .dark .interactive-media-player .btn.active.focus, .dark .interactive-media-player .active.focus.nav-close, .interactive-media-player .btn.active.darkbtn:focus, .interactive-media-player .active.darkbtn.nav-close:focus, .interactive-media-player .btn.active.darkbtn.focus, .interactive-media-player .active.darkbtn.focus.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .interactive-media-player .btn.active:focus::before, .dark .interactive-media-player .active.nav-close:focus::before, .dark .interactive-media-player .btn.active.focus::before, .dark .interactive-media-player .active.focus.nav-close::before, .interactive-media-player .btn.active.darkbtn:focus::before, .interactive-media-player .active.darkbtn.nav-close:focus::before, .interactive-media-player .btn.active.darkbtn.focus::before, .interactive-media-player .active.darkbtn.focus.nav-close::before {
  display: none;
}

.dark .interactive-media-player .btn.active:hover, .dark .interactive-media-player .active.nav-close:hover, .dark .interactive-media-player .btn.active.hover, .dark .interactive-media-player .active.hover.nav-close, .interactive-media-player .btn.active.darkbtn:hover, .interactive-media-player .active.darkbtn.nav-close:hover, .interactive-media-player .btn.active.darkbtn.hover, .interactive-media-player .active.darkbtn.hover.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .interactive-media-player .btn.active:hover::before, .dark .interactive-media-player .active.nav-close:hover::before, .dark .interactive-media-player .btn.active.hover::before, .dark .interactive-media-player .active.hover.nav-close::before, .interactive-media-player .btn.active.darkbtn:hover::before, .interactive-media-player .active.darkbtn.nav-close:hover::before, .interactive-media-player .btn.active.darkbtn.hover::before, .interactive-media-player .active.darkbtn.hover.nav-close::before {
  display: none;
}

.dark .interactive-media-player .btn.active:active, .dark .interactive-media-player .active.nav-close:active, .dark .interactive-media-player .btn.active.active, .dark .interactive-media-player .active.active.nav-close,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close, .interactive-media-player .btn.active.darkbtn:active, .interactive-media-player .active.darkbtn.nav-close:active, .interactive-media-player .btn.active.darkbtn.active, .interactive-media-player .active.darkbtn.active.nav-close,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .interactive-media-player .btn.active:active:hover, .dark .interactive-media-player .active.nav-close:active:hover, .dark .interactive-media-player .btn.active:active:focus, .dark .interactive-media-player .active.nav-close:active:focus, .dark .interactive-media-player .btn.active:active.focus, .dark .interactive-media-player .active.nav-close:active.focus, .dark .interactive-media-player .btn.active.active:hover, .dark .interactive-media-player .active.active.nav-close:hover, .dark .interactive-media-player .btn.active.active:focus, .dark .interactive-media-player .active.active.nav-close:focus, .dark .interactive-media-player .btn.active.active.focus, .dark .interactive-media-player .active.active.focus.nav-close,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle:hover,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close:hover,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle:focus,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close:focus,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle.focus,
.open > .dark .interactive-media-player .active.dropdown-toggle.focus.nav-close, .interactive-media-player .btn.active.darkbtn:active:hover, .interactive-media-player .active.darkbtn.nav-close:active:hover, .interactive-media-player .btn.active.darkbtn:active:focus, .interactive-media-player .active.darkbtn.nav-close:active:focus, .interactive-media-player .btn.active.darkbtn:active.focus, .interactive-media-player .active.darkbtn.nav-close:active.focus, .interactive-media-player .btn.active.darkbtn.active:hover, .interactive-media-player .active.darkbtn.active.nav-close:hover, .interactive-media-player .btn.active.darkbtn.active:focus, .interactive-media-player .active.darkbtn.active.nav-close:focus, .interactive-media-player .btn.active.darkbtn.active.focus, .interactive-media-player .active.darkbtn.active.focus.nav-close,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle:hover,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close:hover,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle:focus,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close:focus,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle.focus,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.focus.nav-close {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .interactive-media-player .btn.active:active:hover::before, .dark .interactive-media-player .active.nav-close:active:hover::before, .dark .interactive-media-player .btn.active:active:focus::before, .dark .interactive-media-player .active.nav-close:active:focus::before, .dark .interactive-media-player .btn.active:active.focus::before, .dark .interactive-media-player .active.nav-close:active.focus::before, .dark .interactive-media-player .btn.active.active:hover::before, .dark .interactive-media-player .active.active.nav-close:hover::before, .dark .interactive-media-player .btn.active.active:focus::before, .dark .interactive-media-player .active.active.nav-close:focus::before, .dark .interactive-media-player .btn.active.active.focus::before, .dark .interactive-media-player .active.active.focus.nav-close::before,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle:hover::before,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close:hover::before,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle:focus::before,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close:focus::before,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle.focus::before,
.open > .dark .interactive-media-player .active.dropdown-toggle.focus.nav-close::before, .interactive-media-player .btn.active.darkbtn:active:hover::before, .interactive-media-player .active.darkbtn.nav-close:active:hover::before, .interactive-media-player .btn.active.darkbtn:active:focus::before, .interactive-media-player .active.darkbtn.nav-close:active:focus::before, .interactive-media-player .btn.active.darkbtn:active.focus::before, .interactive-media-player .active.darkbtn.nav-close:active.focus::before, .interactive-media-player .btn.active.darkbtn.active:hover::before, .interactive-media-player .active.darkbtn.active.nav-close:hover::before, .interactive-media-player .btn.active.darkbtn.active:focus::before, .interactive-media-player .active.darkbtn.active.nav-close:focus::before, .interactive-media-player .btn.active.darkbtn.active.focus::before, .interactive-media-player .active.darkbtn.active.focus.nav-close::before,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle:hover::before,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close:hover::before,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle:focus::before,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close:focus::before,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle.focus::before,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.focus.nav-close::before {
  display: none;
}

.dark .interactive-media-player .btn.active:active, .dark .interactive-media-player .active.nav-close:active, .dark .interactive-media-player .btn.active.active, .dark .interactive-media-player .active.active.nav-close,
.open > .dark .interactive-media-player .btn.active.dropdown-toggle,
.open > .dark .interactive-media-player .active.dropdown-toggle.nav-close, .interactive-media-player .btn.active.darkbtn:active, .interactive-media-player .active.darkbtn.nav-close:active, .interactive-media-player .btn.active.darkbtn.active, .interactive-media-player .active.darkbtn.active.nav-close,
.open > .interactive-media-player .btn.active.darkbtn.dropdown-toggle,
.open > .interactive-media-player .active.darkbtn.dropdown-toggle.nav-close {
  background-image: none;
}

.dark .interactive-media-player .btn.active.disabled, .dark .interactive-media-player .active.disabled.nav-close, .dark .interactive-media-player .btn.active[disabled], .dark .interactive-media-player .active.nav-close[disabled],
fieldset[disabled] .dark .interactive-media-player .btn.active,
fieldset[disabled] .dark .interactive-media-player .active.nav-close, .interactive-media-player .btn.active.darkbtn.disabled, .interactive-media-player .active.darkbtn.disabled.nav-close, .interactive-media-player .btn.active.darkbtn[disabled], .interactive-media-player .active.darkbtn.nav-close[disabled],
fieldset[disabled] .interactive-media-player .btn.active.darkbtn,
fieldset[disabled] .interactive-media-player .active.darkbtn.nav-close {
  background-color: #898683;
  border-color: #898683;
}

.dark .interactive-media-player .btn.active.disabled:hover, .dark .interactive-media-player .active.disabled.nav-close:hover, .dark .interactive-media-player .btn.active.disabled:focus, .dark .interactive-media-player .active.disabled.nav-close:focus, .dark .interactive-media-player .btn.active.disabled.focus, .dark .interactive-media-player .active.disabled.focus.nav-close, .dark .interactive-media-player .btn.active[disabled]:hover, .dark .interactive-media-player .active.nav-close[disabled]:hover, .dark .interactive-media-player .btn.active[disabled]:focus, .dark .interactive-media-player .active.nav-close[disabled]:focus, .dark .interactive-media-player .btn.active[disabled].focus, .dark .interactive-media-player .active.nav-close[disabled].focus,
fieldset[disabled] .dark .interactive-media-player .btn.active:hover,
fieldset[disabled] .dark .interactive-media-player .active.nav-close:hover,
fieldset[disabled] .dark .interactive-media-player .btn.active:focus,
fieldset[disabled] .dark .interactive-media-player .active.nav-close:focus,
fieldset[disabled] .dark .interactive-media-player .btn.active.focus,
fieldset[disabled] .dark .interactive-media-player .active.focus.nav-close, .interactive-media-player .btn.active.darkbtn.disabled:hover, .interactive-media-player .active.darkbtn.disabled.nav-close:hover, .interactive-media-player .btn.active.darkbtn.disabled:focus, .interactive-media-player .active.darkbtn.disabled.nav-close:focus, .interactive-media-player .btn.active.darkbtn.disabled.focus, .interactive-media-player .active.darkbtn.disabled.focus.nav-close, .interactive-media-player .btn.active.darkbtn[disabled]:hover, .interactive-media-player .active.darkbtn.nav-close[disabled]:hover, .interactive-media-player .btn.active.darkbtn[disabled]:focus, .interactive-media-player .active.darkbtn.nav-close[disabled]:focus, .interactive-media-player .btn.active.darkbtn[disabled].focus, .interactive-media-player .active.darkbtn.nav-close[disabled].focus,
fieldset[disabled] .interactive-media-player .btn.active.darkbtn:hover,
fieldset[disabled] .interactive-media-player .active.darkbtn.nav-close:hover,
fieldset[disabled] .interactive-media-player .btn.active.darkbtn:focus,
fieldset[disabled] .interactive-media-player .active.darkbtn.nav-close:focus,
fieldset[disabled] .interactive-media-player .btn.active.darkbtn.focus,
fieldset[disabled] .interactive-media-player .active.darkbtn.focus.nav-close {
  background-color: #898683;
  border-color: #898683;
}

.dark .interactive-media-player .btn.active .badge, .dark .interactive-media-player .active.nav-close .badge, .interactive-media-player .btn.active.darkbtn .badge, .interactive-media-player .active.darkbtn.nav-close .badge {
  color: white;
  background-color: black;
}

.interactive-media-player .panel {
  background: transparent;
}

.interactive-media-player .accordion a {
  background: transparent;
}

.interactive-media-player .ui-accordion-header {
  font-family: "Poppins", sans-serif;
}

.vjs-volume-menu-button {
  display: none !important;
}

.bc-player-ae50cab6-80ac-4e2c-9d12-ccf519bb43cd_default.video-js:-webkit-full-screen {
  width: 100% !important;
  margin: 0;
  padding: 0;
  height: 100% !important;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .scroll {
    width: 33.3333333333%;
    height: 410px;
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .scroll {
    width: 33.3333333333%;
    height: 335px;
    overflow-y: scroll;
  }
}

#InteractiveDemo {
  /* hide the download button - Hack */
}

#InteractiveDemo .interactive-media-player {
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em;
  border-radius: 6px;
  -webkit-font-smoothing: antialiased;
}

#InteractiveDemo .interactive-media-player .media-container {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

#InteractiveDemo .interactive-media-player .media {
  margin: 0;
}

#InteractiveDemo .interactive-media-player .media.noshow {
  opacity: 0;
  height: 0;
  margin: 0;
}

#InteractiveDemo .interactive-media-player video,
#InteractiveDemo .interactive-media-player .video-js {
  width: 100%;
  height: auto;
  padding-bottom: -1%;
}

#InteractiveDemo .interactive-media-player .media-content {
  padding: 1em 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
  position: relative;
  -webkit-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
  /*   flex-basis: 20%; */
}

#InteractiveDemo .has-subchapters li:not(:first-child) a {
  color: currentColor;
}

#InteractiveDemo .interactive-media-player .play-heading {
  margin-bottom: 0.25em;
  margin-top: 0;
  color: currentColor;
  font-size: 14px;
  font-weight: 600;
}

#InteractiveDemo .interactive-media-player .media-content.active {
  background-color: #e4e4e6;
}

#InteractiveDemo .interactive-media-player .btn, #InteractiveDemo .interactive-media-player .nav-close {
  text-align: left;
  white-space: inherit;
  padding-left: 2em;
  position: relative;
}

#InteractiveDemo .interactive-media-player .has-subchapters li:not(:first-child) .small, #InteractiveDemo .interactive-media-player .has-subchapters li:not(:first-child) .flex-box .box-opts .nav-piped-2 li, .flex-box .box-opts .nav-piped-2 #InteractiveDemo .interactive-media-player .has-subchapters li:not(:first-child) li {
  position: absolute;
  -webkit-transform: translateX(-1.5em);
  -ms-transform: translateX(-1.5em);
  transform: translateX(-1.5em);
  padding-top: 3px;
}

#InteractiveDemo .interactive-media-player .btn:hover, #InteractiveDemo .interactive-media-player .nav-close:hover,
#InteractiveDemo .interactive-media-player .btn.active,
#InteractiveDemo .interactive-media-player .active.nav-close {
  color: #00dc00;
  background-color: #252527;
}

#InteractiveDemo .interactive-media-player .media-content .media-playctrl:last-of-type {
  padding-right: 0;
}

#InteractiveDemo .interactive-media-player .has-subchapters {
  padding-bottom: 0.25em;
  background-color: rgba(0, 0, 0, 0.15);
}

#InteractiveDemo .interactive-media-player .has-subchapters li:not(:first-child) {
  padding: 0 0.5em 0 2em;
  font-size: 14px;
}

@media screen and (min-width: 630px) {
  #InteractiveDemo .interactive-media-player .media-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #InteractiveDemo .interactive-media-player .media-content .media-playctrl {
    padding-right: 1em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(100% / 3);
  }
  #InteractiveDemo .interactive-media-player .media-playctrl ul {
    margin-bottom: 0;
  }
}

#InteractiveDemo .interactive-media-player .panel,
#InteractiveDemo .interactive-media-player .accordion a {
  background: transparent;
}

#InteractiveDemo .interactive-media-player .ui-accordion-header {
  font-family: "Poppins", sans-serif;
}

#InteractiveDemo .interactive-media-player video::-webkit-media-controls-mute-button,
#InteractiveDemo .interactive-media-player video::-webkit-media-controls-volume-slider,
#InteractiveDemo .interactive-media-player video::-internal-media-controls-download-button {
  display: none !important;
}

#InteractiveDemo .interactive-media-player video::-webkit-media-controls-enclosure {
  overflow: hidden !important;
}

#InteractiveDemo .interactive-media-player video::-webkit-media-controls-panel {
  width: calc(100% + 30px) !important;
}

#InteractiveDemo .vjs-volume-menu-button {
  display: none !important;
}

#InteractiveDemo .bc-player-ae50cab6-80ac-4e2c-9d12-ccf519bb43cd_default.video-js:-webkit-full-screen {
  width: 100% !important;
  margin: 0;
  padding: 0;
  height: 100% !important;
  position: relative;
}

.like-training {
  padding: 15px;
}

.like-training .views {
  padding-bottom: 12px;
  color: #686664 !important;
}

.like-training .views [class*='icon-'] {
  padding: 0px 8px;
}

.like-training .views-text {
  margin-left: 4px;
}

.like-training .like-survey p {
  margin: 0;
}

.like-training .likes-text {
  margin-left: 4px;
}

.like-training .like-button .btn-label {
  padding-left: 8px;
}

.align-tip {
  width: 99.7%;
  margin-left: 2px;
  margin-bottom: 50px;
}

.tip-card .panel-body h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #686664;
}

#DURATION {
  border-bottom: none !important;
}

#DURATION .panel-body {
  padding-bottom: 0px;
}

#LANGUAGE {
  border-bottom: none !important;
  border-top: none !important;
}

#LANGUAGE .panel-body {
  padding-bottom: 0px;
  padding-top: 4px;
}

#SKILL_LEVEL {
  border-bottom: none !important;
  border-top: none !important;
}

#SKILL_LEVEL .panel-body {
  padding-top: 4px;
}

.trainingoverview .dtmcustomrulelink .row {
  padding-left: 15px;
  padding-right: 15px;
}

.twitterFeed .twt-item {
  padding: 10px 0px;
}

.twitterFeed .twt-item:hover {
  background-color: #ebe7dd;
}

@media screen and (min-width: 768px) {
  .row[data-widget] .col-lg-6 {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 1440px) {
  .row[data-widget] .col-lg-6 {
    width: 33.3333333333%;
  }
  .row[data-widget] .col-lg-6:nth-last-child(2) {
    margin-left: 16.6666666667%;
  }
}

@media only screen and (max-width: 991px) {
  .row[data-widget] .col-lg-6:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 1439px) {
  .row[data-widget] .col-lg-6:nth-child(3) {
    display: none;
  }
}

.mobile-show {
  display: block;
}

.OverviewTabContent {
  /*.related-products{
		&.first-related-products{	
			.desktop-show {
				> h2{		
					border-top:0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}
			}
		}
	}*/
}

.OverviewTabContent .desktop-show > h2:not(#features) {
  border-top: 1px solid #eee;
  padding-top: 2em;
  margin-top: 2em;
}

@media (min-width: 768px) {
  .mobile-show {
    display: none;
  }
}

@media (max-width: 767px) {
  .desktop-show {
    display: none;
  }
}

.complimentary-products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.collapse-mobile.active h2 ~ .complimentary-products {
  display: flex;
}

@media screen and (min-width: 480px) {
  .complimentary-products {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .complimentary-products {
    padding: 0;
  }
}

.complimentary-products .complimentary-products-title {
  width: 100%;
}

.complimentary-products .content {
  width: calc(50% - 10px);
  white-space: normal;
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .complimentary-products .content {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (min-width: 480px) {
  .complimentary-products .content {
    width: calc(25% - 20px);
    margin-right: 20px;
  }
  .complimentary-products .content:last-of-type {
    margin-right: 0;
  }
}

.complimentary-products .complimentary-products-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  width: 100%;
  overflow: hidden;
}

.complimentary-products .complimentary-products-image img {
  width: auto;
  min-width: 1px;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.complimentary-products .complimentary-products-image img[src$=".svg"] {
  width: 40%;
  height: auto;
}

@media screen and (min-width: 480px) {
  .complimentary-products .complimentary-products-image {
    height: 110px;
  }
}

@media screen and (min-width: 768px) {
  .complimentary-products .complimentary-products-image {
    height: 100px;
  }
}

@media screen and (min-width: 992px) {
  .complimentary-products .complimentary-products-image {
    height: 120px;
  }
}

@media screen and (min-width: 1200px) {
  .complimentary-products .complimentary-products-image {
    height: 140px;
  }
}

.complimentary-products .complimentary-products-caption {
  padding: .25em 0 2em;
  font-size: 14px;
}

/* End Complimentary Products */
.thumbAppstoreImgGallery {
  margin-bottom: 2em;
}

.thumbAppstoreImgGallery .-appThumb {
  margin-top: 1em;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .thumbAppstoreImgGallery .-appThumb {
    margin-top: 0;
  }
}

.thumbAppstoreImgGallery .-getApps {
  margin-bottom: 0.5em;
}

.thumbAppstoreImgGallery .-getApps a {
  margin-right: 1em;
}

@media screen and (min-width: 768px) {
  .thumbAppstoreImgGallery .-getApps a {
    margin-right: 0;
  }
}

@media screen and (min-width: 480px) {
  .thumbAppstoreImgGallery .-getApps a img {
    margin-bottom: 1em;
  }
}

.thumbAppstoreImgGallery .-meta {
  margin-top: 1em;
}

@media screen and (min-width: 480px) {
  .thumbAppstoreImgGallery .-meta {
    font-size: 85.714285714%;
  }
}

.thumbAppstoreImgGallery [class*='adv-custom-caption-'],
.thumbAppstoreImgGallery .adv-custom-caption-01 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.thumbAppstoreImgGallery .-prevNextbuttons {
  text-align: center;
}

.thumbAppstoreImgGallery .-prevNextbuttons .btn, .thumbAppstoreImgGallery .-prevNextbuttons .nav-close {
  width: 30%;
}

.thumbAppstoreImgGallery .-prevNextbuttons .btn:first-of-type, .thumbAppstoreImgGallery .-prevNextbuttons .nav-close:first-of-type {
  margin-right: 15px;
}

@media screen and (min-width: 1200px) {
  .thumbAppstoreImgGallery .modal-lg {
    width: 800px;
  }
}

.target-applications-list {
  column-count: 2;
  column-gap: 15px;
  column-width: 210px;
  padding-bottom: 14px;
  margin-bottom: 0px;
}

.target-applications-list > li {
  break-inside: avoid;
}

.target-applications-list:last-child {
  margin-bottom: 0;
}

.related-applications .target-applications {
  padding-top: 16px;
}

.related-applications .target-applications .col-md-6 {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .target-applications:last-child {
    padding-top: 11px;
  }
}

.supported-dev-tree-wrapper .target-applications-list {
  column-gap: normal;
  columns: unset;
  padding-bottom: 0px;
}

#supported-devices .target-applications-list li a {
  font-weight: 600;
}

#supported-devices .target-applications-list li span a {
  font-weight: normal;
}

#supported-devices + div > ul.treeview > li {
  width: 100%;
}

.supported-dev-tree {
  border-top: 1px solid #d6dce0 !important;
  width: 100%;
  padding: 3em 0;
  position: relative;
}

.supported-dev-tree-title {
  margin-top: 0px;
}

.supported-dev-tree-helper {
  padding: 1em 0px;
  margin-bottom: 0px;
}

.supported-dev-tree-wrapper {
  padding: 1em 0px 0px 0px;
}

.supported-dev-tree-wrapper .checkbox {
  margin-top: 0px;
}

.supported-dev-tree-wrapper .last-li {
  padding-left: 8px;
}

.supported-dev-tree.first {
  border-top: none !important;
}

.supported-dev-tree.first h3 {
  border-top: none !important;
}

@media only screen and (max-width: 767px) {
  .supported-dev-tree.first .features-list h3 {
    border-top: 1px solid #d6dce0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .supported-dev-tree.collapse-mobile {
    margin-top: 0px;
    padding: 0px;
  }
  .supported-dev-tree.collapse-mobile .supported-dev-tree-title {
    font-size: 18px;
    padding-left: 0;
    margin-bottom: 0;
    background: none;
    margin-top: 0px;
    border-bottom: none;
    font-weight: 400;
  }
  .supported-dev-tree.collapse-mobile.active .supported-dev-tree-title {
    border: none;
  }
}

.mainCTAbtn {
  padding-top: 2em;
}

@media (min-width: 1200px) {
  .row .col-lg-6:first-child .collapse-mobile h2 {
    margin-right: -30px;
  }
}

.input-group-search {
  display: flex;
  flex: 1;
}

.input-group-search .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  flex-shrink: 0;
  width: auto;
  padding: 14px;
}

@media only screen and (max-width: 767px) {
  .input-group-search .search-icon {
    display: none;
  }
}

.input-group-search .search-icon [class^='icon-'],
.input-group-search .search-icon [class^='fnxp-'] {
  color: var(--nxp-search-two-placeholder-color);
  font-size: 16px;
}

.input-group-search .btn-search-icon {
  padding-right: 0;
  font-family: "Font Awesome";
  border: 1px solid #d4cfc5;
  border-right: none;
}

.input-group-search:has(.input-group-btn.search-btn) .form-control.search-input,
.input-group-search:has(.input-group-btn.search-btn) .form-control.search-input2 {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-search .form-control.search-input,
.input-group-search .form-control.search-input2 {
  border-radius: 100px;
  padding-left: 10px;
  font-size: 16px;
  caret-color: var(--nxp-body-color);
  padding-right: 40px;
}

@media screen and (min-width: 768px) {
  .input-group-search .form-control.search-input,
  .input-group-search .form-control.search-input2 {
    padding-left: 45px;
  }
}

.input-group-search .form-control.search-input + .icon-times,
.input-group-search .form-control.search-input2 + .icon-times {
  position: absolute;
  right: 22px;
  top: 14px;
  z-index: 2;
  cursor: pointer;
}

.input-group-search .search-btn {
  flex-shrink: 0;
  width: auto;
}

.input-group-search .search-btn .btn-search {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}

.input-group-search .search-btn .btn-search::before {
  display: none;
}

.input-group-search .search-btn .btn-search:focus, .input-group-search .search-btn .btn-search.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.input-group-search .search-btn .btn-search:focus::before, .input-group-search .search-btn .btn-search.focus::before {
  display: none;
}

.input-group-search .search-btn .btn-search:hover, .input-group-search .search-btn .btn-search.hover {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.input-group-search .search-btn .btn-search:hover::before, .input-group-search .search-btn .btn-search.hover::before {
  display: none;
}

.input-group-search .search-btn .btn-search:active, .input-group-search .search-btn .btn-search.active,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.input-group-search .search-btn .btn-search:active:hover, .input-group-search .search-btn .btn-search:active:focus, .input-group-search .search-btn .btn-search:active.focus, .input-group-search .search-btn .btn-search.active:hover, .input-group-search .search-btn .btn-search.active:focus, .input-group-search .search-btn .btn-search.active.focus,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle:hover,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle:focus,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

.input-group-search .search-btn .btn-search:active:hover::before, .input-group-search .search-btn .btn-search:active:focus::before, .input-group-search .search-btn .btn-search:active.focus::before, .input-group-search .search-btn .btn-search.active:hover::before, .input-group-search .search-btn .btn-search.active:focus::before, .input-group-search .search-btn .btn-search.active.focus::before,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle:hover::before,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle:focus::before,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle.focus::before {
  display: none;
}

.input-group-search .search-btn .btn-search:active, .input-group-search .search-btn .btn-search.active,
.open > .input-group-search .search-btn .btn-search.dropdown-toggle {
  background-image: none;
}

.input-group-search .search-btn .btn-search.disabled, .input-group-search .search-btn .btn-search[disabled],
fieldset[disabled] .input-group-search .search-btn .btn-search {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.input-group-search .search-btn .btn-search.disabled:hover, .input-group-search .search-btn .btn-search.disabled:focus, .input-group-search .search-btn .btn-search.disabled.focus, .input-group-search .search-btn .btn-search[disabled]:hover, .input-group-search .search-btn .btn-search[disabled]:focus, .input-group-search .search-btn .btn-search[disabled].focus,
fieldset[disabled] .input-group-search .search-btn .btn-search:hover,
fieldset[disabled] .input-group-search .search-btn .btn-search:focus,
fieldset[disabled] .input-group-search .search-btn .btn-search.focus {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

.input-group-search .search-btn .btn-search .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark .input-group-search .search-btn .btn-search, .input-group-search .search-btn .btn-search.darkbtn {
  color: black;
  background-color: white;
  border-color: white;
}

.dark .input-group-search .search-btn .btn-search::before, .input-group-search .search-btn .btn-search.darkbtn::before {
  display: none;
}

.dark .input-group-search .search-btn .btn-search:focus, .dark .input-group-search .search-btn .btn-search.focus, .input-group-search .search-btn .btn-search.darkbtn:focus, .input-group-search .search-btn .btn-search.darkbtn.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .input-group-search .search-btn .btn-search:focus::before, .dark .input-group-search .search-btn .btn-search.focus::before, .input-group-search .search-btn .btn-search.darkbtn:focus::before, .input-group-search .search-btn .btn-search.darkbtn.focus::before {
  display: none;
}

.dark .input-group-search .search-btn .btn-search:hover, .dark .input-group-search .search-btn .btn-search.hover, .input-group-search .search-btn .btn-search.darkbtn:hover, .input-group-search .search-btn .btn-search.darkbtn.hover {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .input-group-search .search-btn .btn-search:hover::before, .dark .input-group-search .search-btn .btn-search.hover::before, .input-group-search .search-btn .btn-search.darkbtn:hover::before, .input-group-search .search-btn .btn-search.darkbtn.hover::before {
  display: none;
}

.dark .input-group-search .search-btn .btn-search:active, .dark .input-group-search .search-btn .btn-search.active,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle, .input-group-search .search-btn .btn-search.darkbtn:active, .input-group-search .search-btn .btn-search.darkbtn.active,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .input-group-search .search-btn .btn-search:active:hover, .dark .input-group-search .search-btn .btn-search:active:focus, .dark .input-group-search .search-btn .btn-search:active.focus, .dark .input-group-search .search-btn .btn-search.active:hover, .dark .input-group-search .search-btn .btn-search.active:focus, .dark .input-group-search .search-btn .btn-search.active.focus,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle:hover,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle:focus,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle.focus, .input-group-search .search-btn .btn-search.darkbtn:active:hover, .input-group-search .search-btn .btn-search.darkbtn:active:focus, .input-group-search .search-btn .btn-search.darkbtn:active.focus, .input-group-search .search-btn .btn-search.darkbtn.active:hover, .input-group-search .search-btn .btn-search.darkbtn.active:focus, .input-group-search .search-btn .btn-search.darkbtn.active.focus,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle:hover,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle:focus,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark .input-group-search .search-btn .btn-search:active:hover::before, .dark .input-group-search .search-btn .btn-search:active:focus::before, .dark .input-group-search .search-btn .btn-search:active.focus::before, .dark .input-group-search .search-btn .btn-search.active:hover::before, .dark .input-group-search .search-btn .btn-search.active:focus::before, .dark .input-group-search .search-btn .btn-search.active.focus::before,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle:hover::before,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle:focus::before,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle.focus::before, .input-group-search .search-btn .btn-search.darkbtn:active:hover::before, .input-group-search .search-btn .btn-search.darkbtn:active:focus::before, .input-group-search .search-btn .btn-search.darkbtn:active.focus::before, .input-group-search .search-btn .btn-search.darkbtn.active:hover::before, .input-group-search .search-btn .btn-search.darkbtn.active:focus::before, .input-group-search .search-btn .btn-search.darkbtn.active.focus::before,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle:hover::before,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle:focus::before,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle.focus::before {
  display: none;
}

.dark .input-group-search .search-btn .btn-search:active, .dark .input-group-search .search-btn .btn-search.active,
.open > .dark .input-group-search .search-btn .btn-search.dropdown-toggle, .input-group-search .search-btn .btn-search.darkbtn:active, .input-group-search .search-btn .btn-search.darkbtn.active,
.open > .input-group-search .search-btn .btn-search.darkbtn.dropdown-toggle {
  background-image: none;
}

.dark .input-group-search .search-btn .btn-search.disabled, .dark .input-group-search .search-btn .btn-search[disabled],
fieldset[disabled] .dark .input-group-search .search-btn .btn-search, .input-group-search .search-btn .btn-search.darkbtn.disabled, .input-group-search .search-btn .btn-search.darkbtn[disabled],
fieldset[disabled] .input-group-search .search-btn .btn-search.darkbtn {
  background-color: #898683;
  border-color: #898683;
}

.dark .input-group-search .search-btn .btn-search.disabled:hover, .dark .input-group-search .search-btn .btn-search.disabled:focus, .dark .input-group-search .search-btn .btn-search.disabled.focus, .dark .input-group-search .search-btn .btn-search[disabled]:hover, .dark .input-group-search .search-btn .btn-search[disabled]:focus, .dark .input-group-search .search-btn .btn-search[disabled].focus,
fieldset[disabled] .dark .input-group-search .search-btn .btn-search:hover,
fieldset[disabled] .dark .input-group-search .search-btn .btn-search:focus,
fieldset[disabled] .dark .input-group-search .search-btn .btn-search.focus, .input-group-search .search-btn .btn-search.darkbtn.disabled:hover, .input-group-search .search-btn .btn-search.darkbtn.disabled:focus, .input-group-search .search-btn .btn-search.darkbtn.disabled.focus, .input-group-search .search-btn .btn-search.darkbtn[disabled]:hover, .input-group-search .search-btn .btn-search.darkbtn[disabled]:focus, .input-group-search .search-btn .btn-search.darkbtn[disabled].focus,
fieldset[disabled] .input-group-search .search-btn .btn-search.darkbtn:hover,
fieldset[disabled] .input-group-search .search-btn .btn-search.darkbtn:focus,
fieldset[disabled] .input-group-search .search-btn .btn-search.darkbtn.focus {
  background-color: #898683;
  border-color: #898683;
}

.dark .input-group-search .search-btn .btn-search .badge, .input-group-search .search-btn .btn-search.darkbtn .badge {
  color: white;
  background-color: black;
}

.keyword-filter-bar .search-input,
.keyword-filter-bar .search-input2 {
  background-color: #ebe7dd;
  border: 1px solid #ebe7dd;
  border-radius: 100px;
}

.keyword-filter-bar .search-input:hover,
.keyword-filter-bar .search-input2:hover {
  background-color: rgba(212, 207, 197, 0.58);
  border: 1px solid #d4cfc5;
}

.keyword-filter-bar .search-input:focus,
.keyword-filter-bar .search-input2:focus {
  background-color: #f7f5f1;
}

.cool-grey-xxxlight .form-control.search-input,
.cool-grey-xxxlight .search-input .form-control,
.header-search .form-control.search-input,
.header-search .search-input .form-control {
  background-color: var(--nxp-search-one-bg);
  border: 1px solid var(--nxp-search-one-border-color);
}

.cool-grey-xxxlight .form-control.search-input:hover,
.cool-grey-xxxlight .search-input .form-control:hover,
.header-search .form-control.search-input:hover,
.header-search .search-input .form-control:hover {
  background-color: var(--nxp-search-one-hover-bg);
  border: 1px solid var(--nxp-search-one-border-hover-color);
}

.cool-grey-xxxlight .form-control.search-input:focus,
.cool-grey-xxxlight .search-input .form-control:focus,
.header-search .form-control.search-input:focus,
.header-search .search-input .form-control:focus {
  background-color: var(--nxp-search-one-focus-bg);
  border: 2px solid var(--nxp-search-one-border-focus-color);
}

.form-control.search-input,
.search-input .form-control {
  border-radius: 27px;
  background-color: var(--nxp-search-two-bg);
  border: 1px solid var(--nxp-search-two-border-color);
  box-shadow: none;
}

.form-control.search-input:hover,
.search-input .form-control:hover {
  background-color: var(--nxp-search-two-hover-bg);
  border: 1px solid var(--nxp-search-two-border-hover-color);
}

.form-control.search-input:focus,
.search-input .form-control:focus {
  background-color: var(--nxp-search-two-focus-bg);
  border: 2px solid var(--nxp-search-two-border-focus-color);
  box-shadow: none;
}

.card1 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.card1-list {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -15px;
}

.card1-list:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .card1-list {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    margin-top: -30px;
  }
}

@media screen and (min-width: 992px) {
  .card1-list.flex-card-center {
    justify-content: center;
  }
}

.card1-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 30px;
}

#Spotlight .card1-column {
  margin-top: 0px;
}

#Spotlight .card1-column .slider {
  padding-right: 0px;
  padding-left: 0px;
}

.slider .card1-column {
  display: flex !important;
}

@media screen and (min-width: 992px) {
  #Designs .card1-column:only-of-type {
    margin-right: auto;
    margin-left: auto;
  }
  .has-two > .container > .card1-list > .card1-column,
  .has-two > .card1-list > .card1-column,
  .has-two > .card1-column {
    width: 50%;
  }
  .flex-card-center.has-two > .container > .card1-list > .card1-column,
  .flex-card-center.has-two > .card1-list > .card1-column,
  .flex-card-center.has-two > .card1-column {
    width: 33.3333333333%;
  }
  .has-three > .container > .card1-list > .card1-column,
  .has-three > .card1-list > .card1-column,
  .has-three > .card1-column {
    width: 33.3333333333%;
  }
  .has-three > .container > .card1-list > .card1-column.is-two,
  .has-three > .card1-list > .card1-column.is-two,
  .has-three > .card1-column.is-two {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .has-four > .container > .card1-list > .card1-column,
  .has-four > .card1-list > .card1-column,
  .has-four > .card1-column {
    width: 50%;
  }
  .has-four > .container > .card1-list > .card1-column.is-one,
  .has-four > .card1-list > .card1-column.is-one,
  .has-four > .card1-column.is-one {
    width: 100%;
  }
  .has-four > .container > .card1-list > .card1-column.is-two,
  .has-four > .card1-list > .card1-column.is-two,
  .has-four > .card1-column.is-two {
    width: 100%;
  }
  .has-four > .container > .card1-list > .card1-column.is-three,
  .has-four > .card1-list > .card1-column.is-three,
  .has-four > .card1-column.is-three {
    width: 50%;
  }
  .has-four > .container > .card1-list > .card1-column > .has-two .card1-column,
  .has-four > .card1-list > .card1-column > .has-two .card1-column,
  .has-four > .card1-column > .has-two .card1-column {
    width: 50%;
  }
  .has-four > .container > .card1-list > .card1-column > .has-three .card1-column,
  .has-four > .card1-list > .card1-column > .has-three .card1-column,
  .has-four > .card1-column > .has-three .card1-column {
    width: 100%;
  }
  .has-four > .container > .card1-list > .card1-column > .has-three .card1-column + .card1-column,
  .has-four > .card1-list > .card1-column > .has-three .card1-column + .card1-column,
  .has-four > .card1-column > .has-three .card1-column + .card1-column {
    margin-top: 2em;
  }
}

@media screen and (min-width: 992px) {
  .has-four > .container > .card1-list > .card1-column,
  .has-four > .card1-list > .card1-column,
  .has-four > .card1-column {
    width: 25%;
  }
  .has-four > .container > .card1-list > .card1-column.is-one,
  .has-four > .card1-list > .card1-column.is-one,
  .has-four > .card1-column.is-one {
    width: 25%;
  }
  .has-four > .container > .card1-list > .card1-column.is-two,
  .has-four > .card1-list > .card1-column.is-two,
  .has-four > .card1-column.is-two {
    width: 50%;
  }
  .has-four > .container > .card1-list > .card1-column.is-three,
  .has-four > .card1-list > .card1-column.is-three,
  .has-four > .card1-column.is-three {
    width: 75%;
  }
  .has-four > .container > .card1-list > .card1-column > .has-two .card1-column,
  .has-four > .card1-list > .card1-column > .has-two .card1-column,
  .has-four > .card1-column > .has-two .card1-column {
    width: 50%;
  }
  .has-four > .container > .card1-list > .card1-column > .has-two .card1-column + .card1-column,
  .has-four > .card1-list > .card1-column > .has-two .card1-column + .card1-column,
  .has-four > .card1-column > .has-two .card1-column + .card1-column {
    margin-top: 0;
  }
  .has-four > .container > .card1-list > .card1-column > .has-three .card1-column,
  .has-four > .card1-list > .card1-column > .has-three .card1-column,
  .has-four > .card1-column > .has-three .card1-column {
    width: 33.3333333333%;
  }
}

.card1-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 1px;
  padding: 20px;
  background-color: var(--nxp-surface-dark);
  color: var(--nxp-body-color);
  border: 1px solid var(--nxp-border-color);
}

.card1-item + .card1-item {
  margin-top: 2em;
}

@media screen and (min-width: 992px) {
  .card1-item {
    padding: 40px;
  }
  .is-tertiary .card1-item {
    padding: 20px;
  }
}

.card1-item.bg-blue {
  background-color: #0eafe0;
}

.card1-item.bg-blue:hover {
  background-color: #1a48aa;
  border-color: #1a48aa;
  color: white;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.37);
}

.card1-item.bg-blue h3,
.card1-item.bg-blue span {
  color: white;
}

.card1-item.bg-blue .card1-title .icon-external-link {
  font-size: 12px;
  vertical-align: 2px;
}

.card1-item:has(.item-options-collections) {
  position: relative;
  padding: 14px;
}

.card1-item .title-and-elements {
  margin-top: 0;
  word-break: break-word;
}

.card1-item.alert-ai-bd {
  gap: 16px;
  background-color: var(--nxp-gray-100);
  justify-content: center;
  border: unset;
}

.card1-item.alert-ai-bd .card1-image {
  margin: 0px;
}

.card1-item.alert-ai-bd .card1-image [class^="fnxp-"] {
  font-size: 46px;
  margin: 0px 0px 6px;
}

.card1-item.alert-ai-bd .card1-header {
  word-break: break-word;
}

.card1-item.alert-ai-bd .card1-header h2 {
  margin: 0px;
}

.card1-item.alert-ai-bd .card1-body {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.card1-item.alert-ai-bd .card1-body .item-description {
  margin: 0px;
}

@media (max-width: 992px) {
  .card1-item.alert-ai-bd {
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    gap: 10px;
  }
  .card1-item.alert-ai-bd .card1-image {
    grid-row-start: 1;
    grid-row-end: 4;
    justify-content: center;
  }
  .card1-item.alert-ai-bd .card1-links {
    margin-top: 0px;
  }
}

.card1-item-footer {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--nxp-border-color);
  border-top: none;
}

.card1-item-footer .item-buttons {
  display: flex;
  flex-direction: column;
}

.card1-icon {
  display: flex;
  margin-bottom: 20px;
  color: #000000;
}

.card1-icon [class*='icon-'],
.card1-icon [class*='fnxp-'] {
  font-size: 50px;
}

.card1-icon img {
  max-height: 50px;
}

.card1-icon svg {
  display: block;
  height: 50px;
  fill: currentColor;
}

.card1-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.card1-header .item-signpost {
  margin-bottom: 8px;
}

.card1-header .impact-label {
  margin-bottom: 12px;
}

.card1-image {
  position: relative;
  min-height: 1px;
  margin: -20px -20px 20px;
}

.partner-card .card1-image,
.product-card .card1-image {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 992px) {
  .partner-card .card1-image,
  .product-card .card1-image {
    max-height: 200px;
  }
}

.partner-card .card1-image img,
.product-card .card1-image img {
  aspect-ratio: 16/9;
  object-fit: scale-down;
  width: 100%;
  height: 180px;
  padding: 12px 0px;
}

.card1-image > * {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.card1-image .item-duration {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
}

.card1-image:has(~ .card1-actions) {
  padding-left: 46px;
  padding-right: 46px;
}

.card1-title {
  margin-top: 0;
  font-size: 40px;
  font-weight: 600;
  word-break: break-word;
}

.is-secondary .card1-title {
  font-size: 30px;
}

.is-tertiary .card1-title {
  font-size: 20px;
}

.card1-subtitle {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
  margin-top: 0;
}

.card1-body > :last-child {
  margin-bottom: 0;
}

.card1-body .list-illipsis {
  word-wrap: break-word;
}

.card1-body .list-illipsis b {
  text-transform: capitalize;
}

.card1-links, .card1-links-tags {
  padding-left: 0;
  list-style: none;
  margin-top: 1em;
  margin-bottom: 0;
}

.card1-links > li, .card1-links-tags > li {
  padding-left: 0;
}

.card1-links :last-child, .card1-links-tags :last-child {
  margin-bottom: 0;
}

.card1-links-tags {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.card1-link {
  position: relative;
}

.card1-link:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .card1-link:after {
  content: '';
}

.card1-link:hover {
  text-decoration: none;
}

.card1-link:hover:after {
  transform: translateX(0.5em);
}

.card1-link[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card1-link[href*='community.nxp.com']:after, .card1-link[href*='docs.nxp.com']:after, .card1-link[href*='investors.nxp.com']:after, .card1-link[href*='nxpcup.nxp.com']:after, .card1-link[href*='support.nxp.com']:after, .card1-link[href*='showroom.nxp.com']:after, .card1-link[href*='investorday.nxp.com']:after, .card1-link[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.card1-link.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card1-link.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card1-link.btn[href*='community.nxp.com']:after, .card1-link.nav-close[href*='community.nxp.com']:after, .card1-link.btn[href*='docs.nxp.com']:after, .card1-link.nav-close[href*='docs.nxp.com']:after, .card1-link.btn[href*='investors.nxp.com']:after, .card1-link.nav-close[href*='investors.nxp.com']:after, .card1-link.btn[href*='nxpcup.nxp.com']:after, .card1-link.nav-close[href*='nxpcup.nxp.com']:after, .card1-link.btn[href*='support.nxp.com']:after, .card1-link.nav-close[href*='support.nxp.com']:after, .card1-link.btn[href*='showroom.nxp.com']:after, .card1-link.nav-close[href*='showroom.nxp.com']:after, .card1-link.btn[href*='investorday.nxp.com']:after, .card1-link.nav-close[href*='investorday.nxp.com']:after, .card1-link.btn[href*='mcuxpresso.nxp.com']:after, .card1-link.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.card1-link[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.card1-footer {
  padding-top: 10px;
}

#design-advisor .card1-footer .border {
  border-left: 1px solid #d6dce0;
  height: 50px;
}

.card1-footer .meta-ww a {
  overflow-wrap: anywhere;
}

.card1-footer.partner {
  margin-top: auto;
  line-height: 24px;
}

.card1-footer.partner .metadata:first-of-type, .card1-footer.partner .shopping-list .box-container .description:first-of-type, .shopping-list .box-container .card1-footer.partner .description:first-of-type {
  display: flex;
  align-items: center;
}

.card1-footer.partner .metadata:first-of-type .meta-item img, .card1-footer.partner .shopping-list .box-container .description:first-of-type .meta-item img, .shopping-list .box-container .card1-footer.partner .description:first-of-type .meta-item img {
  border: medium none;
}

.card1-footer.partner .meta-item:not(.title) {
  padding-right: 14px;
  display: inline-block;
  padding-left: 0px;
}

.card1-footer.partner .meta-item:not(.title) .meta-file:only-child {
  padding-right: 0px !important;
}

.card1-footer.partner .meta-item:not(.title) .meta-file {
  border: none;
  padding-right: 8px;
}

.card1-footer.partner .meta-item:not(.title) img {
  padding: 2px 8px 2px 0px;
  border-right: 1px solid #d6dce0;
  width: 68px;
}

.card1-footer.partner .meta-item.border {
  border-left: 1px solid #d6dce0;
  height: 50px;
}

.card1-footer.partner .item-metadata {
  margin-left: 0px;
  margin-right: 0px;
}

.card1-actions:has(.item-options-collections) {
  position: absolute;
  right: 14px;
}

.card1-actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
  left: unset;
  right: -10px;
}

.card1-actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu::after {
  left: unset;
  right: 10px;
}

@media screen and (min-width: 0\0) {
  .card1-item .media-flex-media img,
  .card2-item .media-flex-media img {
    max-width: 140px;
  }
}

.card2 {
  padding: 3em 15px;
}

.card1 .card2 {
  padding-bottom: 0;
}

.card2-list {
  margin-left: -15px;
  margin-right: -15px;
  background-color: white;
  border: 1px solid var(--nxp-border-color);
}

.card2-list + .card2-list {
  margin-top: 2em;
}

@media screen and (min-width: 992px) {
  .card2-list {
    display: flex;
    flex-flow: row wrap;
  }
}

.card2-column {
  flex-grow: 1;
  padding: 20px;
}

@media screen and (min-width: 992px) {
  .card2-column {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .card2-column.is-full {
    order: -1;
    width: 100%;
  }
}

.has-divider .card2-column {
  border-right: 1px solid var(--nxp-border-color);
}

.card2-item {
  min-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .card2-item {
    padding: 40px 30px 30px;
  }
}

.has-borders .card2-item {
  border: 1px solid var(--nxp-border-color);
}

.panel-simple {
  border-color: #d4cfc5;
}

.panel-simple > .panel-heading {
  color: #000000;
  background-color: white;
  border-color: transparent;
}

.panel-simple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d4cfc5;
}

.panel-simple > .panel-heading .badge {
  color: white;
  background-color: #000000;
}

.panel-simple > .panel-footer {
  background-color: white;
  border-top-color: transparent;
}

.panel-simple > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

.partner-card .card1-title a,
.product-card .card1-title a {
  padding-right: 8px;
}

.partner-card .card1-title a + .text-new-my-lib,
.product-card .card1-title a + .text-new-my-lib {
  margin: 0px;
}

.partner-card .card1-body > .item-description > p:first-of-type,
.product-card .card1-body > .item-description > p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.social-card.card1 .card1-column {
  min-width: 320px;
}

@media screen and (min-width: 992px) {
  .social-card.card1 .card1-column {
    max-width: 380px;
  }
}

.social-card.card1 .card1-header {
  display: grid;
  grid-template-columns: 40px 2fr 24px;
  align-items: start;
  gap: 8px;
}

.social-card.card1 .card1-header .d-flex, .social-card.card1 .card1-header .flex-grid, .social-card.card1 .card1-header .jumpto ul li, .jumpto ul .social-card.card1 .card1-header li, .social-card.card1 .card1-header .results-pagination-select, .social-card.card1 .card1-header .is-pinned .pin-content-fixed, .is-pinned .social-card.card1 .card1-header .pin-content-fixed, .social-card.card1 .card1-header .is-pinned .pin-content:first-child, .is-pinned .social-card.card1 .card1-header .pin-content:first-child {
  flex-wrap: wrap;
}

.social-card.card1 .card1-header .badge-icon {
  font-size: 24px;
  color: #000000;
}

.social-card.card1 .card1-title {
  font-size: 16px;
  margin: 0px;
  color: #000000;
}

.social-card.card1 .card1-subtitle {
  width: 100%;
  margin: 0px;
}

.social-card.card1 .card1-logo {
  width: 40px;
  outline: 1px solid #d4cfc5;
}

.social-card.card1 .card1-image {
  overflow: hidden;
}

.social-card.card1 .card1-image img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: 180px;
}

.social-card.card1 .card1-video a::after {
  height: 4em;
  width: 4em;
  content: '';
  position: absolute;
  top: 34%;
  left: 42%;
  z-index: 1;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjMgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT48L3N0eWxlPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTS4yIDB2MjhsMjIuNi0xM3oiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8wMDAwMDA0NjMzNDE0MjQ5OTEwNzQ4MjgzMDAwMDAwNjMxODIxMDk0MDc1MzAxNTE3OF8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzAwMDAwMDQ2MzM0MTQyNDk5MTA3NDgyODMwMDAwMDA2MzE4MjEwOTQwNzUzMDE1MTc4XykiPjxkZWZzPjxwYXRoIGlkPSJTVkdJRF8wMDAwMDA0ODQ4NzgzMTQ2OTc3MDEzMTkzMDAwMDAxNjUwOTEyNjc3MTMzMTE5NzMzOF8iIGQ9Ik0tMTQ3LjgtNTUzaDEzNjZ2NzY4aC0xMzY2eiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzAwMDAwMTE3NjM3ODYxNzY1MjE1MDg1MjYwMDAwMDAwNjU5MTMyMTM2MjE0MDUyMjU1XyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMDAwMDAwNDg0ODc4MzE0Njk3NzAxMzE5MzAwMDAwMTY1MDkxMjY3NzEzMzExOTczMzhfIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzAwMDAwMTE3NjM3ODYxNzY1MjE1MDg1MjYwMDAwMDAwNjU5MTMyMTM2MjE0MDUyMjU1XykiIGZpbGw9IiNmZmYiIGQ9Ik0tLjgtMWgyNC42djI5LjlILS44eiIvPjwvZz48L3N2Zz4=) no-repeat 50%;
  background-size: 28px;
  background-position: 22px;
  background-color: rgba(51, 63, 72, 0.8);
  border-radius: 50%;
  cursor: pointer;
}

.social-card.card1 .card1-body {
  padding: 20px 0px 0px 0px;
}

.social-card.card1 .card1-body p {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.social-card.card1 .card1-item {
  /* padding: 20px 20px 0px 20px !important;
      justify-content: space-between; */
}

.social-card.card1 .card1-item .card-body:last-child {
  padding-bottom: 0px;
}

.social-card.card1 .card1-item a:focus {
  outline: unset;
  outline-offset: unset;
}

.social-card.card1 .card1-link::after {
  display: none;
}

.social-card.card1 .card1-item > .card1-image + .card1-header + .card1-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.type-callout-container {
  padding-top: 3em;
  padding-bottom: 3em;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.type-callout-container.band, .type-callout-container#faq[data-nxp-theme='automotive'],
.type-callout-container#faq[data-nxp-theme='industrial'],
.type-callout-container#faq[data-nxp-theme='consumer'] {
  background-color: #f7f5f1;
}

.type-callout-container.is-inverse {
  background-color: #007088;
}

.type-callout {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #f7f5f1;
}

.band .type-callout, #faq[data-nxp-theme='automotive'] .type-callout, #faq[data-nxp-theme='industrial'] .type-callout, #faq[data-nxp-theme='consumer'] .type-callout {
  padding-top: 0;
  padding-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .type-callout {
    flex-direction: column;
  }
}

.type-callout + .type-callout {
  padding-top: 0;
}

.is-centered .type-callout {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .is-centered .type-callout {
    width: 66.6666666667%;
    margin-left: auto;
    margin-right: auto;
  }
}

.type-callout-body {
  order: 0;
  flex-grow: 1;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .type-callout-body {
    flex-basis: 0;
    width: auto;
  }
  .type-callout-container:not(.band):not(#faq[data-nxp-theme='automotive']):not(
  #faq[data-nxp-theme='industrial']):not(
  #faq[data-nxp-theme='consumer']) .type-callout-media + .type-callout-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .type-callout-body + .type-callout-body {
    margin-top: 20px;
  }
}

.type-callout-thumbnail {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .type-callout-thumbnail {
    display: none;
  }
}

.type-callout-thumbnail img {
  width: auto;
  height: auto;
  max-height: 80px;
}

.type-callout-title {
  margin-top: 0;
}

.is-secondary .type-callout-title {
  font-size: 30px;
}

.is-tertiary .type-callout-title {
  font-size: 20px;
}

.is-inverse .type-callout-title {
  color: white;
}

.type-callout-text :last-child {
  margin-bottom: 0;
}

.is-inverse .type-callout-text {
  color: white;
}

.type-callout-links {
  margin-top: 1em;
  margin-bottom: 0;
}

ul.type-callout-links {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
}

ul.type-callout-links > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.type-callout-links li {
  margin-bottom: 0;
}

.type-callout-link {
  position: relative;
}

.type-callout-link:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .type-callout-link:after {
  content: '';
}

.type-callout-link:hover {
  text-decoration: none;
}

.type-callout-link:hover:after {
  transform: translateX(0.5em);
}

.type-callout-link[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .type-callout-link[href*='community.nxp.com']:after, .type-callout-link[href*='docs.nxp.com']:after, .type-callout-link[href*='investors.nxp.com']:after, .type-callout-link[href*='nxpcup.nxp.com']:after, .type-callout-link[href*='support.nxp.com']:after, .type-callout-link[href*='showroom.nxp.com']:after, .type-callout-link[href*='investorday.nxp.com']:after, .type-callout-link[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.type-callout-link.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .type-callout-link.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .type-callout-link.btn[href*='community.nxp.com']:after, .type-callout-link.nav-close[href*='community.nxp.com']:after, .type-callout-link.btn[href*='docs.nxp.com']:after, .type-callout-link.nav-close[href*='docs.nxp.com']:after, .type-callout-link.btn[href*='investors.nxp.com']:after, .type-callout-link.nav-close[href*='investors.nxp.com']:after, .type-callout-link.btn[href*='nxpcup.nxp.com']:after, .type-callout-link.nav-close[href*='nxpcup.nxp.com']:after, .type-callout-link.btn[href*='support.nxp.com']:after, .type-callout-link.nav-close[href*='support.nxp.com']:after, .type-callout-link.btn[href*='showroom.nxp.com']:after, .type-callout-link.nav-close[href*='showroom.nxp.com']:after, .type-callout-link.btn[href*='investorday.nxp.com']:after, .type-callout-link.nav-close[href*='investorday.nxp.com']:after, .type-callout-link.btn[href*='mcuxpresso.nxp.com']:after, .type-callout-link.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.type-callout-link[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.is-inverse .type-callout-link {
  color: white;
}

.type-callout-media {
  order: 0;
  flex-shrink: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .type-callout-media {
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .type-callout-media {
    order: initial;
    max-width: 25%;
  }
}

@media screen and (min-width: 992px) {
  .type-callout-media {
    margin-bottom: 0;
  }
  .type-callout-container:not(.band):not(#faq[data-nxp-theme='automotive']):not(
  #faq[data-nxp-theme='industrial']):not(
  #faq[data-nxp-theme='consumer']) .type-callout-media {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  .type-callout .is-first {
    order: -1;
  }
  .type-callout .is-last {
    order: 1;
    margin-top: 20px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .type-callout .is-last {
    margin-top: 0;
  }
}

.dev-resources {
  padding-top: 3em;
  padding-bottom: 1em;
}

@media screen and (min-width: 480px) {
  .dev-resources {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .dev-resources {
    padding-top: 3em;
    padding-bottom: 1em;
  }
}

.dev-resources-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (min-width: 480px) {
  .dev-resources-list {
    align-items: stretch;
  }
}

.dev-resources-block {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 100%;
  height: 100%;
}

.dev-resources-h2 {
  margin-top: 0;
}

.dev-resources-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 1em;
}

.dev-resources-img {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  max-height: 140px;
}

@media screen and (min-width: 480px) {
  .dev-resources-img {
    max-height: 200px;
  }
}

@media screen and (min-width: 992px) {
  .dev-resources-img {
    max-height: 180px;
  }
}

@media screen and (min-width: 1200px) {
  .dev-resources-img {
    max-height: 140px;
  }
}

.dev-resources-img img {
  width: auto;
  margin: auto;
  max-height: 140px;
}

@media screen and (min-width: 480px) {
  .dev-resources-img img {
    max-height: 200px;
  }
}

@media screen and (min-width: 992px) {
  .dev-resources-img img {
    max-height: 180px;
  }
}

@media screen and (min-width: 1200px) {
  .dev-resources-img img {
    max-height: 140px;
  }
}

.dev-resources-description {
  font-size: 80%;
  line-height: 1.25;
  opacity: 0.9;
  color: #4a4a4d;
}

.dev-resources-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .dev-resources-item {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (min-width: 480px) {
  .dev-resources-item {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .dev-resources-item {
    flex-basis: calc((100% - 4em) / 2);
  }
}

@media screen and (min-width: 992px) {
  .dev-resources-item {
    flex-basis: calc((100% - 4em) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .dev-resources-item {
    flex-basis: calc((100% - 8em) / 4);
  }
}

#woInvite {
  bottom: 106px;
  right: 0;
  position: fixed;
  top: auto !important;
  left: initial !important;
}

.badge-notification:empty, #userDropDownMenu > .icon-user.has-notification:after {
  display: inline-block;
  min-width: 7px;
  padding: 4px;
  border-radius: 50%;
}

.badge-notification {
  color: white;
  background-color: #ff7400;
}

#header a[role='menuitem']:hover .badge-notification {
  background-color: #000000;
}

.badge.corner {
  top: -4px;
  position: absolute;
  border: 2px solid white;
}

.square .badge.corner {
  right: -6px;
}

#userDropDownMenu > .icon-user.has-notification:after {
  content: '';
  background-color: #f9b500;
}

#userDropDownMenu:hover > .icon-user.has-notification:after {
  opacity: 0.5;
}

.recommendedDocs th {
  white-space: nowrap;
}

.recommendedDocs th.date {
  width: 17%;
}

.recommendedDocs th:nth-of-type(2),
.recommendedDocs th:nth-of-type(3),
.recommendedDocs td:nth-of-type(2),
.recommendedDocs td:nth-of-type(3) {
  text-align: center;
}

.recommendedDocs td:nth-of-type(3) {
  white-space: nowrap;
}

.recommendedDocs-docList {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.recommendedDocs-docList > li {
  padding-left: 0;
}

.recommendedDocs-docLanguage a,
.recommendedDocs-associatedFiles a,
.recommendedDocs-docFormat a {
  color: #686664;
  text-decoration: underline;
}

.recommendedDocs-docTitle {
  margin-bottom: 0.5em;
}

.recommendedDocs-docList {
  margin: 0;
  padding: 0;
}

.recommendedDocs-docList li:not(.recommendedDocs-docTitle) {
  display: inline-block;
  margin-right: 1em;
  color: #686664;
}

.prev-revision {
  padding: 8px 28px 0px 28px;
  transition: visibility 0s,
 opacity 0.5s linear;
}

.prev-revision h5 {
  font-weight: 600;
}

.prev-revision-content {
  border-top: 1px solid #e5eaed;
}

.prev-revision-content .title {
  display: block;
  color: #262626;
  padding-top: 12px;
  font-weight: 600;
}

.prev-revision-content .title a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.prev-revision-content .title a:hover {
  text-decoration: underline;
}

.prev-revision-content .previous {
  display: block;
  color: #262626;
}

.prev-revision-content .previous a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.prev-revision-content .previous a:hover {
  text-decoration: underline;
}

.prev-revision-container {
  display: flex;
}

@media only screen and (max-width: 991px) {
  .prev-revision-container {
    display: block;
    padding-bottom: 16px;
  }
}

.prev-revision-container .item-options {
  margin-left: auto;
  align-content: center;
}

@media only screen and (max-width: 1200px) {
  .prev-revision-container .item-options {
    padding-left: 0px;
  }
  .prev-revision-container .item-options .btn, .prev-revision-container .item-options .nav-close {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .prev-revision-container .item-options .btn, .prev-revision-container .item-options .nav-close {
    width: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .prev-revision-container .item-options .btn, .prev-revision-container .item-options .nav-close {
    margin-top: 0px;
  }
}

.design-res-list .prev-revision {
  padding: 0px 0px 0px 136px;
}

.design-res-list .prev-revision-content {
  border-top: none;
}

.design-res-list .prev-revision ul {
  padding-left: 0px;
}

.design-res-list .prev-revision li:not(.meta-item) {
  display: flex;
  border-top: 1px solid var(--nxp-border-color);
}

.design-res-list .prev-revision .design-res-actions {
  margin: auto;
}

.design-res-list .prev-revision .recommendedDocs-docTitle {
  padding-top: 16px;
}

.retrieved-item .prev-revision {
  padding: 10px 0px 0px 56px;
  width: 100%;
}

.retrieved-item .prev-revision-title {
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .retrieved-item .prev-revision {
    padding-top: 32px;
    padding-left: 40px;
  }
}

.ds-column-right .prev-revision-container {
  justify-content: space-between;
  align-items: center;
}

.mpuMcu-body .prev-revision .prev-revision-content .meta-item.title {
  display: block;
}

.mpuMcu-body .prev-revision .prev-revision-content .meta-item {
  padding-top: 0px;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.mpuMcu-body .prev-revision .prev-revision-content .meta-item:first-of-type {
  padding-top: 12px;
}

.mpuMcu-body .prev-revision .prev-revision-content .item-options button.btn, .mpuMcu-body .prev-revision .prev-revision-content .item-options button.nav-close {
  width: 100%;
}

.dropdown-menu {
  padding: 15px 0px;
  margin: 0px;
  top: 120%;
  min-width: 200px;
}

.dropdown-menu button.close {
  position: absolute;
  right: 16px;
  top: 12px;
}

.dropdown-menu button.close span {
  font-size: 16px;
}

.dropdown-menu input {
  margin: 4px 16px;
  padding: 4px 8px 4px 20px;
  width: 140px;
  border: 1px solid #d6dce0;
  border-radius: 0;
}

.dropdown-menu .searchPartIcon {
  position: absolute;
  top: 28px;
  left: 20px;
  color: #98a8b4;
}

.dropdown-menu .scrollable-menu {
  list-style: none;
  padding: 0;
  margin-top: 16px;
}

.dropdown-menu .scrollable-menu li {
  max-height: auto;
  margin: 0;
}

.dropdown-menu .scrollable-menu li a {
  padding: 8px 20px;
  color: #262626;
  display: block;
  text-decoration: none;
  margin-bottom: 0px;
}

.dropdown-menu .scrollable-menu li a:hover {
  background: #e5eaed;
}

@media only screen and (max-width: 480px) {
  .btn-group-flex .dropdown-menu {
    left: 80%;
  }
}

.btn-group-flex .dropdown-menu::after {
  left: 90%;
}

@media only screen and (max-width: 480px) {
  .btn-group-flex .dropdown-menu::after {
    left: 10px;
  }
}

.dropdown-menu::after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.ondemandTraining {
  margin-bottom: 0.625em;
}

.ondemandTraining th {
  white-space: nowrap;
}

.ondemandTraining td:nth-of-type(3) {
  white-space: nowrap;
}

.ondemandTraining td:nth-of-type(2),
.ondemandTraining td:nth-of-type(3) {
  text-align: center;
}

.ondemandTraining .ondemandTraining-items {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.ondemandTraining .ondemandTraining-items > li {
  padding-left: 0;
}

.ondemandTraining .ondemandTraining-items li:not(.ondemandTraining-title):not(.ondemandTraining-description) {
  display: inline;
  margin-right: 1em;
  color: var(--nxp-secondary-color);
}

.ondemandTraining .ondemandTraining-items .ondemandTraining-title {
  margin-bottom: 0.5em;
}

.ondemandTraining .ondemandTraining-items .ondemandTraining-title,
.ondemandTraining .ondemandTraining-items .ondemandTraining-description {
  display: block;
}

.classroomTraining {
  margin-bottom: 0.625em;
}

.classroomTraining th {
  white-space: nowrap;
}

.classroomTraining th.date {
  width: 17%;
}

.classroomTraining td:nth-of-type(1) {
  white-space: nowrap;
}

.classroomTraining td:nth-of-type(1),
.classroomTraining td:nth-of-type(3),
.classroomTraining td:nth-of-type(4),
.classroomTraining td:nth-of-type(5) {
  text-align: center;
}

.classroomTraining td:nth-of-type(3) {
  min-width: 130px;
  max-width: 150px;
}

.classroomTraining .classroomTraining-items {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.classroomTraining .classroomTraining-items > li {
  padding-left: 0;
}

.classroomTraining .classroomTraining-items li:not(.classroomTraining-title):not(.classroomTraining-description) {
  display: inline;
  margin-right: 1em;
  color: #898683;
}

.classroomTraining .classroomTraining-items .classroomTraining-title {
  margin-bottom: .5em;
}

.classroomTraining .classroomTraining-items .classroomTraining-title small {
  display: block;
}

.classroomTraining .classroomTraining-items .classroomTraining-title,
.classroomTraining .classroomTraining-items .classroomTraining-description {
  display: block;
}

.engineeringServices {
  border-bottom: 1px solid #ebe7dd;
  margin-bottom: 0.625em;
}

.engineeringServices .engineeringServices-item {
  padding: 0.625em 0 0.625em 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
  position: relative;
  border-top: 1px solid #ebe7dd;
}

.engineeringServices .engineeringServices-item > li {
  padding-left: 0;
}

.engineeringServices .engineeringServices-item.first {
  border-top: 3px solid #898683;
}

.engineeringServices .engineeringServices-item .engineeringServices-title {
  font-weight: 600;
}

.engineeringServices .engineeringServices-item .engineeringServices-title [class*='icon-'] {
  margin-left: 0.5em;
}

.engineeringServices .engineeringServices-item .engineeringServices-title sup {
  font-weight: normal;
}

.engineeringServices .engineeringServices-item li:not(.engineeringServices-title) {
  font-size: 12px;
}

.engineeringServices .engineeringServices-item li {
  width: 100%;
}

.engineeringServices .engineeringServices-item li.engineeringServices-image {
  font-size: 60px;
  line-height: 0;
}

.engineeringServices .engineeringServices-item li.engineeringServices-image [class*='icon-'] {
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .engineeringServices .engineeringServices-item li.engineeringServices-image {
    display: inherit;
    width: inherit;
    position: absolute;
  }
}

.engineeringServices .engineeringServices-item li.engineeringServices-image img {
  max-width: 80px;
  height: 80px;
  font-size: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.engineeringServices .engineeringServices-item .engineeringServices-description {
  margin-bottom: 0.625em;
}

.engineeringServices .engineeringServices-item .engineeringServices-meta {
  margin-bottom: 0.625em;
  position: relative;
  color: #898683;
}

.engineeringServices .engineeringServices-item .engineeringServices-meta span {
  margin-right: 1em;
}

@media screen and (min-width: 768px) {
  .engineeringServices .engineeringServices-item li.engineeringServices-title,
  .engineeringServices .engineeringServices-item li.engineeringServices-description,
  .engineeringServices .engineeringServices-item li.engineeringServices-meta,
  .engineeringServices .engineeringServices-item li.engineeringServices-details {
    padding-left: 95px !important;
  }
}

.additionalLinks {
  border-bottom: 1px solid #ebe7dd;
  margin-bottom: 0.625em;
}

.additionalLinks .additionalLinks-item {
  padding: 0.625em 0 0.625em 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
  position: relative;
  border-top: 1px solid #ebe7dd;
}

.additionalLinks .additionalLinks-item > li {
  padding-left: 0;
}

.additionalLinks .additionalLinks-item.first {
  border-top: 3px solid #898683;
}

.additionalLinks .additionalLinks-item .additionalLinks-title {
  font-weight: 600;
}

.additionalLinks .additionalLinks-item .additionalLinks-title [class*='icon-'] {
  margin-left: .5em;
}

.additionalLinks .additionalLinks-item .additionalLinks-title sup {
  font-weight: normal;
}

.additionalLinks .additionalLinks-item li:not(.additionalLinks-title) {
  font-size: 12px;
}

.additionalLinks .additionalLinks-item li {
  width: 100%;
}

.additionalLinks .additionalLinks-item .additionalLinks-description {
  margin-bottom: 0.625em;
}

.additionalLinks .additionalLinks-item .additionalLinks-meta {
  margin-bottom: 0.625em;
  position: relative;
  color: #898683;
}

.additionalLinks .additionalLinks-item .additionalLinks-meta span {
  margin-right: 1em;
}

.comparisonTable .comparisonTable-packing {
  white-space: nowrap;
}

.comparisonTable .comparisonTable-rohsPbFree {
  min-width: 8em;
}

.comparisonTable .comparisonTable-rohsPbFree a {
  display: inline-block;
}

.keyFeaturesProductTable-wrapper .summary, .comparisonTableSte .summary {
  position: relative;
  display: block;
  padding: 0.5em;
  color: white;
  text-align: center;
  border-bottom: 2px solid #d4cfc5;
  background-color: #000000;
}

.table.keyFeaturesProductTable, .comparisonTableSte {
  border: 1px solid #d4cfc5;
}

.table.keyFeaturesProductTable > tfoot > tr > th, .comparisonTableSte > tfoot > tr > th,
.table.keyFeaturesProductTable > tfoot > tr > td,
.comparisonTableSte > tfoot > tr > td,
.table.keyFeaturesProductTable > thead > tr > th,
.comparisonTableSte > thead > tr > th,
.table.keyFeaturesProductTable > thead > tr > td,
.comparisonTableSte > thead > tr > td,
.table.keyFeaturesProductTable > tbody > tr > th,
.comparisonTableSte > tbody > tr > th,
.table.keyFeaturesProductTable > tbody > tr > td,
.comparisonTableSte > tbody > tr > td {
  border: 1px solid #d4cfc5;
}


.table.keyFeaturesProductTable > thead > tr > th,
.comparisonTableSte > thead > tr > th,
.table.keyFeaturesProductTable > thead > tr > td,
.comparisonTableSte > thead > tr > td {
  border-bottom-width: 2px;
}

@media only screen and (max-width: 767px) {
  .table-responsive .table.keyFeaturesProductTable, .table-responsive .comparisonTableSte {
    box-shadow: 0 -2px 0 0 #d4cfc5, 0 -300px 0 0 #474645;
  }
}


.table.keyFeaturesProductTable > thead > tr > th,
.comparisonTableSte > thead > tr > th {
  vertical-align: middle;
  font-size: 12px;
  color: white;
  background-color: #898683;
  border-color: #ebe7dd;
  border-top: none;
}

@media screen and (min-width: 768px) {
  
  .table.keyFeaturesProductTable > thead > tr > th,
  .comparisonTableSte > thead > tr > th {
    text-align: center;
  }
}

.table.keyFeaturesProductTable > thead > tr:first-of-type:not(:last-of-type) th, .comparisonTableSte > thead > tr:first-of-type:not(:last-of-type) th {
  border-bottom: none;
  background-color: #686664;
}


.table.keyFeaturesProductTable > tbody > tr > td,
.comparisonTableSte > tbody > tr > td {
  font-size: 12px;
  vertical-align: top;
}

.table.keyFeaturesProductTable > tbody > tr > td:empty, .comparisonTableSte > tbody > tr > td:empty {
  color: #898683;
}

.table.keyFeaturesProductTable > tbody > tr > td:empty:before, .comparisonTableSte > tbody > tr > td:empty:before {
  content: '-';
}

.table.keyFeaturesProductTable .categoryHeaders > th, .comparisonTableSte .categoryHeaders > th {
  font-weight: normal;
  color: white;
  text-align: center;
  background-color: #686664;
  border-bottom: none;
  background-color: #000000;
}

.table.keyFeaturesProductTable .categorySubHeaders > th, .comparisonTableSte .categorySubHeaders > th {
  color: white;
  background-color: #898683;
  border-top: none;
  background-color: #262626;
}

.table.keyFeaturesProductTable .name, .comparisonTableSte .name,
.table.keyFeaturesProductTable .name-na,
.comparisonTableSte .name-na {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.table.keyFeaturesProductTable .description, .comparisonTableSte .description {
  display: block;
  margin-top: 5px;
  color: #000000;
}

.table.keyFeaturesProductTable .icon-checkmark3, .comparisonTableSte .icon-checkmark3 {
  width: 100%;
  color: #000000;
  text-align: center;
}

.table.keyFeaturesProductTable .tablesaw-cell-label, .comparisonTableSte .tablesaw-cell-label {
  white-space: normal;
}

.table.keyFeaturesProductTable .tablesaw-cell-label-top, .comparisonTableSte .tablesaw-cell-label-top {
  display: none !important;
}

@media screen and (min-width: 1200px) {
  .table.keyFeaturesProductTable, .comparisonTableSte {
    max-width: 1200px;
    overflow-x: hidden;
  }
  .table.keyFeaturesProductTable .tdticks, .comparisonTableSte .tdticks {
    text-align: left;
  }
  .table.keyFeaturesProductTable .tdticks div, .comparisonTableSte .tdticks div {
    position: relative;
    height: 110px;
  }
  .table.keyFeaturesProductTable .tdticks span, .comparisonTableSte .tdticks span {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

.comparisonTableSte {
  border: 1px solid #d4cfc5;
}

.comparisonTableSte > tfoot > tr > th,
.comparisonTableSte > tfoot > tr > td,
.comparisonTableSte > thead > tr > th,
.comparisonTableSte > thead > tr > td,
.comparisonTableSte > tbody > tr > th,
.comparisonTableSte > tbody > tr > td {
  border: 1px solid #d4cfc5;
}

.comparisonTableSte > thead > tr > th,
.comparisonTableSte > thead > tr > td {
  border-bottom-width: 2px;
}

.comparisonTableSte .summary {
  background-color: #262626;
}

.comparisonTableSte .tdticks {
  color: white;
}

.comparisonTableSte .categoryHeadersSte > th {
  background-color: #262626;
}

.comparisonTableSte .categoryHeadersSte > td {
  background-color: #686664;
}

.comparisonTableSte .blue-header {
  background-color: #13357e !important;
}

.comparisonTableSte .darkgrey-header {
  background-color: #262626 !important;
}

.comparisonTableSte .grey-subheader {
  background-color: #686664 !important;
}

.comparisonTableSte .blue-subheader {
  background-color: #1a48aa !important;
}

.partner-table {
  background-color: white;
}

.partner-table .benefit {
  width: 20%;
}

.partner-table .description {
  width: 35%;
}

.partner-table-header {
  width: 15%;
  text-align: center;
}

.partner-table-header .partnerInfoWrapper .icon-bookmark {
  margin-right: 6px;
  color: #64798a;
}

.partner-table .icon-checkmark3,
.partner-table .center {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.partner-table .icon-checkmark3 {
  color: #0e4e81;
}

.relatedDocs {
  margin-bottom: 0.625em;
}

.relatedDocs th {
  white-space: nowrap;
}

.relatedDocs th.date {
  width: 17%;
}

.relatedDocs th:nth-of-type(2),
.relatedDocs td:nth-of-type(2) {
  text-align: center;
}

.relatedDocs th:nth-of-type(3),
.relatedDocs td:nth-of-type(3) {
  text-align: center;
}

.relatedDocs td:nth-of-type(2) {
  white-space: nowrap;
}

.relatedDocs-docSupportedDev.dropdown a {
  color: #686664;
  text-decoration: underline;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu {
  padding: 0 0 15px 0;
  margin: 0;
  margin-top: 10px;
  width: 270px;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu::before {
  content: '';
  position: absolute;
  left: 5px;
  top: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent white transparent;
  z-index: 9999;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu::after {
  content: '';
  position: absolute;
  left: 4px;
  top: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1px 16px 16px 16px;
  border-color: transparent transparent #d4cfc5 transparent;
  z-index: 9998;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > button.close {
  padding-top: 11px;
  padding-right: 18px;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > .searchPartIcon {
  position: absolute;
  top: 24px;
  left: 25px;
  position: fixed;
  z-index: 11;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > ul.scrollable-menu {
  list-style: none;
  padding: 10px 0 10px 0;
  margin: 0;
  height: auto;
  overflow-x: hidden;
  max-height: 135px;
  margin-top: 50px;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > ul.scrollable-menu > li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 25px;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > ul.scrollable-menu > li:hover {
  background-color: #ebe7dd;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu > ul.scrollable-menu > li > a {
  padding: 2px 20px;
  color: #000000;
  display: block;
  text-decoration: none;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu input.inputParts {
  padding: 5px 0 5px 30px;
  margin: 25px 0px 10px 15px;
  z-index: 10;
  border: 1px solid;
  width: 200px;
  border: 1px solid var(--nxp-border-color);
  border-radius: 4px;
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu input.inputParts:focus {
  border-color: #0eafe0;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(14, 175, 224, 0.6);
}

.relatedDocs-docSupportedDev.dropdown > ul.dropdown-menu input.inputParts::placeholder {
  color: #686664;
}

.relatedDocs-docList {
  padding-left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.relatedDocs-docList > li {
  padding-left: 0;
}

.relatedDocs-docList .relatedDocs-docLanguage a,
.relatedDocs-docList .relatedDocs-associatedFiles a,
.relatedDocs-docList .relatedDocs-docFormat a {
  color: #686664;
  text-decoration: underline;
}

.relatedDocs-docList li:not(.relatedDocs-docTitle) {
  display: inline;
  margin-right: 1em;
  color: var(--nxp-secondary-color);
}

.relatedDocs-docTitle {
  margin-bottom: 0.5em;
}

.recSoftTools {
  border-bottom: 1px solid #ebe7dd;
  margin-bottom: 0.625em;
}

.recSoftTools .recSoftTools-item {
  padding: 0.625em 0 0.625em 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
  position: relative;
  border-top: 1px solid #ebe7dd;
}

.recSoftTools .recSoftTools-item > li {
  padding-left: 0;
}

.recSoftTools .recSoftTools-item.first {
  border-top: 3px solid #898683;
}

.recSoftTools .recSoftTools-item .recSoftTools-title [class*='icon-'] {
  margin-left: 0.5em;
}

.recSoftTools .recSoftTools-item .recSoftTools-title sup {
  font-weight: normal;
}

.recSoftTools .recSoftTools-item > li:not(.recSoftTools-title) {
  font-size: 12px;
}

.recSoftTools .recSoftTools-item > li:not(.recSoftTools-action) {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .recSoftTools .recSoftTools-item > li:not(.recSoftTools-action) {
    width: 75%;
  }
}

.recSoftTools .recSoftTools-item li.recSoftTools-details {
  width: 100%;
}

.recSoftTools .recSoftTools-item li.recSoftTools-image {
  display: none;
  font-size: 60px;
  line-height: 0;
}

.recSoftTools .recSoftTools-item li.recSoftTools-image [class*='icon-'] {
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .recSoftTools .recSoftTools-item li.recSoftTools-image {
    display: inherit;
    width: inherit;
    position: absolute;
  }
}

.recSoftTools .recSoftTools-item li.recSoftTools-image img {
  max-width: 80px;
  height: 80px;
  font-size: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.recSoftTools .recSoftTools-item .recSoftTools-description {
  margin-bottom: 0.625em;
}

.recSoftTools .recSoftTools-item .recSoftTools-action {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .recSoftTools .recSoftTools-item .recSoftTools-action {
    position: absolute;
    top: 1em;
    right: 0;
    width: 20%;
  }
}

.recSoftTools .recSoftTools-item .recSoftTools-action .btn, .recSoftTools .recSoftTools-item .recSoftTools-action .nav-close {
  margin-bottom: 0.3125em;
}

.recSoftTools .recSoftTools-item .recSoftTools-action .btn-block {
  width: auto;
}

@media screen and (min-width: 480px) {
  .recSoftTools .recSoftTools-item .recSoftTools-action .btn-block {
    width: 100%;
    white-space: inherit;
  }
}

.recSoftTools .recSoftTools-item .recSoftTools-action .recSoftTools-actionDetails {
  display: block;
}

.recSoftTools .recSoftTools-item .recSoftTools-action [class*='icon-'] {
  margin-right: 0.25em;
}

.recSoftTools .recSoftTools-item .recSoftTools-action .collapsed .icon-arrow-down2 {
  transition: all 0.25s ease;
  transform: rotate(0deg);
}

.recSoftTools .recSoftTools-item .recSoftTools-action .icon-arrow-down2 {
  transition: all 0.25s ease;
  transform: rotate(-180deg);
}

.recSoftTools .recSoftTools-item .recSoftTools-category {
  color: #898683;
}

.recSoftTools .recSoftTools-item .recSoftTools-meta {
  position: relative;
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

ul.recSoftTools .recSoftTools-item .recSoftTools-meta {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.recSoftTools .recSoftTools-item .recSoftTools-meta > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.recSoftTools .recSoftTools-item .recSoftTools-meta li {
  margin-top: 6px;
  margin-bottom: 0;
}

.recSoftTools .recSoftTools-item .recSoftTools-meta a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .recSoftTools .recSoftTools-item .recSoftTools-meta a,
#part-details-app .recSoftTools .recSoftTools-item .recSoftTools-meta a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .recSoftTools .recSoftTools-item .recSoftTools-meta a:hover,
#part-details-app .recSoftTools .recSoftTools-item .recSoftTools-meta a:hover {
  text-decoration: underline;
}

.recSoftTools .recSoftTools-item .recSoftTools-meta span {
  margin-right: 1em;
}

.recSoftTools .recSoftTools-item .recSoftTools-meta span.recSoftTools-date {
  display: block;
}

@media screen and (min-width: 480px) {
  .recSoftTools .recSoftTools-item .recSoftTools-meta span.recSoftTools-date {
    display: inline;
    position: absolute;
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  .recSoftTools .recSoftTools-item li.recSoftTools-title,
  .recSoftTools .recSoftTools-item li.recSoftTools-description,
  .recSoftTools .recSoftTools-item li.recSoftTools-category,
  .recSoftTools .recSoftTools-item li.recSoftTools-meta,
  .recSoftTools .recSoftTools-item li.recSoftTools-details {
    padding-left: 95px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .recSoftTools .btn, .recSoftTools .nav-close {
    font-size: 85%;
  }
  .recSoftTools .recSoftTools-item .recSoftTools-meta span.recSoftTools-date {
    display: inline-block;
    position: relative;
  }
}

.recommendedProducts .recommendedProducts-product {
  font-size: 16px;
  font-weight: 600;
  border-top-width: 2px;
}

.recommendedProducts .recommendedProducts-product ~ td {
  border-top-width: 2px;
}

.recommendedProducts-category td,
.recommendedProducts-category + tr td {
  border-top: 2px solid #ebe7dd;
}

.recommendedProducts-category > td[rowspan='2'] {
  white-space: nowrap;
}

.recommended-outer {
  padding-top: 3em;
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .iw_component:not(:last-of-type) .collapse-mobile .recommended-outer {
    padding-bottom: 0;
  }
}

.recommended-outer table.recommendedProducts {
  margin-bottom: 0;
}

.recommended-outer #recommended-products {
  margin-top: 0;
}

.myrestrictedDocs {
  padding: 15px;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: #f7f5f1;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.myrestrictedDocs table tbody {
  background-color: white;
}

.myrestrictedDocs .alert {
  margin-bottom: 0;
}

.recSoftTools {
  padding-right: 1em;
  background-color: white;
  border-top: 1px solid #e6e5e4;
}

.recSoftTools .recSoftTools-item:first-child {
  border-top: none;
}

.customTable-wrapper .customTable-wrapper-row {
  border-top: 1px solid #898683;
  border-bottom: 1px solid #898683;
  padding: 0.5em;
}

.customTable-wrapper .customTable-wrapper-row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .customTable-wrapper .rowCount {
    text-align: left;
    margin-top: .5em;
  }
}

.customTable-wrapper .paginator {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .customTable-wrapper .paginator {
    float: right;
    width: 50%;
    text-align: right;
  }
}

.customTable-wrapper .paginator a.btn, .customTable-wrapper .paginator a.nav-close {
  margin-left: .25em;
}

.customTable-wrapper .customTable th {
  vertical-align: bottom;
}

.customTable-wrapper .customTable th.customTable-description {
  width: 35%;
}

.customTable-wrapper .customTable .customTable-appGroup ul {
  padding-left: 0;
  list-style: none;
}

.customTable-wrapper .customTable .customTable-appGroup ul > li {
  padding-left: 0;
}

.customTable-wrapper .customTable .customTable-appGroup li {
  display: block;
}

.customTable-wrapper .customTable .customTable-appGroup label {
  float: right;
  width: 80%;
  margin: 0;
  font-weight: normal;
}

.customTable-wrapper .customTable .customTable-appGroup input {
  float: left;
  width: 15%;
  margin: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: 600;
}

table.dataTable thead th input,
table.dataTable thead th select,
table.dataTable tfoot th input,
table.dataTable tfoot th select {
  font-weight: 400;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  padding-top: 0.9em;
  padding-bottom: 0.7em;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  font-family: "Font Awesome";
  width: 7px;
  height: 10px;
}

table.dataTable thead .sorting:before {
  content: "\f0dc";
  color: #aaa6a2;
}

table.dataTable thead .sorting_asc:before {
  content: "\f0d8";
  color: #474645;
}

table.dataTable thead .sorting_desc:before {
  content: "\f0d7";
  color: #474645;
}

table.dataTable thead .sorting_asc_disabled:before {
  content: "\f0d8";
  color: #ebe7dd;
}

table.dataTable thead .sorting_desc_disabled:before {
  content: "\f0d7";
  color: #ebe7dd;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ebe7dd;
  border-left: none;
  color: var(--nxp-link-color);
  border-color: #ebe7dd;
  white-space: nowrap;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 0.5em 1em;
  transition: all 0.25s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-left: 1px solid #ebe7dd;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: var(--nxp-link-color);
  border-color: var(--nxp-link-color);
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:active:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.active:focus {
  outline: thin dotted;
  outline-offset: -2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  text-decoration: underline;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  outline: 0;
  background-image: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button[disabled],
fieldset[disabled] .dataTables_wrapper .dataTables_paginate .paginate_button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_filter input {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s,
 box-shadow ease-in-out 0.15s;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

div#partnerTable_wrapper #example .item-body h6 {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #64798a;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

div#partnerTable_wrapper #example .item-body .item-title {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.428;
  color: var(--nxp-link-color);
  font-weight: 900;
}

/* Distynet changes  */
#distynet-app td.text-center {
  vertical-align: middle;
}

.buyHTMLTable tbody tr td:first-of-type:not([colspan]) {
  vertical-align: middle;
  background-color: #f7f5f1;
}

@media screen and (min-width: 1200px) {
  .buyHTMLTable tbody tr td:first-of-type:not([colspan]) {
    text-align: center;
  }
}

.buyHTMLTable .-purchDetail {
  margin-bottom: 1em;
}

.buyHTMLTable .-purchDetail:last-of-type {
  margin-bottom: 0;
}

.buyHTMLTable .-purchDetail.pull-left {
  margin-bottom: 0;
}

.buyHTMLTable .-purchDetail.pull-left:last-of-kind {
  padding-right: 0;
}

.buyHTMLTable .-purchDetail .-price {
  font-size: 115%;
  font-weight: 600;
}

.buyHTMLTable .-purchDetail .-license:before,
.buyHTMLTable .-purchDetail .-item:before,
.buyHTMLTable .-purchDetail .-price:before {
  font-family: "Poppins", sans-serif;
  line-height: 1.458;
  color: #666;
  font-size: 100%;
  position: static;
  display: inline;
}

.buyHTMLTable .-purchDetail .-license:before {
  content: 'License: ';
}

.buyHTMLTable .modal-body {
  padding-top: 0;
}

.buyHTMLTable tr.highlight > td,
.buyHTMLTable td.highlight,
.buyHTMLTable tr.highlight > th,
.buyHTMLTable th.highlight {
  background-color: #ffe555 !important;
}

.key-parametrics table + table {
  margin-top: 15px;
}

.key-parametrics table th,
.key-parametrics table td {
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .key-parametrics table tr th:first-of-type {
    border: 0 none !important;
    padding: 0;
    width: 0;
  }
}

.flex-table {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  color: #262626;
  font-size: 14px;
}

.flex-table > li {
  padding-left: 0;
}

.flex-table.columns {
  column-count: 2;
  column-width: 280px;
  column-gap: 30px;
}

.flex-table-row {
  padding: 0.5em 0;
  margin-bottom: 0;
  border-bottom: 1px solid #d4cfc5;
}

.columns .flex-table-row {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.flex-table-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
}

.flex-table-option {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(70% - 1em);
  margin: 0;
  font-weight: 700;
  color: #262626;
}

@media only screen and (max-width: 319px) {
  .flex-table-option {
    flex-basis: 100%;
  }
}

.flex-table-value {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30%;
  margin: 0;
}

@media only screen and (max-width: 319px) {
  .flex-table-value {
    flex-basis: 100%;
  }
}

.webinarTraining {
  margin-bottom: 0.625em;
}

.webinarTraining-items {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.webinarTraining-items > li {
  padding-left: 0;
}

.webinarTraining-items .webinarTraining-title {
  display: block;
  margin-bottom: 0.5em;
}

.webinarTraining-items .webinarTraining-description {
  display: block;
}

.webinarTraining-items li:not(.webinarTraining-title):not(.webinarTraining-description) {
  display: inline;
  margin-right: 1em;
  color: #898683;
}

.webinarTraining td:nth-of-type(2),
.webinarTraining td:nth-of-type(3) {
  text-align: center;
}

.webinarTraining td:nth-of-type(3),
.webinarTraining th {
  white-space: nowrap;
}

.legacy-features .panel-default {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.legacy-features .panel-default .panel-collapse {
  display: block;
}

.legacy-features .panel-default h3 a {
  cursor: default;
  color: #000000;
  text-decoration: none;
}

.sp-features,
.sp-supported,
.sp-supported-ste {
  border: 1px solid var(--nxp-border-color);
  padding: 15px;
  background-color: white;
}

@media screen and (min-width: 992px) {
  .sp-features,
  .sp-supported,
  .sp-supported-ste {
    padding: 30px;
  }
}

.sp-features .sp-features-img,
.sp-supported .sp-features-img,
.sp-supported-ste .sp-features-img {
  max-width: 60px;
  min-width: 60px;
}

.sp-features .recommendedProducts-category strong,
.sp-supported .recommendedProducts-category strong,
.sp-supported-ste .recommendedProducts-category strong {
  display: block;
}

.sp-features .recommendedProducts-category img,
.sp-supported .recommendedProducts-category img,
.sp-supported-ste .recommendedProducts-category img {
  display: block;
  max-width: 90px;
  min-width: 70px;
  padding-top: 15px;
}

.sp-features-bordered > li,
.sp-supported-bordered > li {
  padding-top: 5px;
  padding-left: 0;
}

.sp-features-bordered > li:before,
.sp-supported-bordered > li:before {
  content: none;
}

.sp-features-bordered > li:not(:first-child),
.sp-supported-bordered > li:not(:first-child) {
  border-top: 1px solid var(--nxp-border-color);
}

.sp-features .table > tbody > tr > td, .sp-features .comparisonTableSte > tbody > tr > td,
.sp-supported .table > tbody > tr > td,
.sp-supported-ste .table > tbody > tr > td,
.sp-supported .comparisonTableSte > tbody > tr > td,
.sp-supported-ste .comparisonTableSte > tbody > tr > td {
  border-top: 0;
}

.sp-features .table > tbody > tr:not(:first-child) > td, .sp-features .comparisonTableSte > tbody > tr:not(:first-child) > td,
.sp-supported .table > tbody > tr:not(:first-child) > td,
.sp-supported-ste .table > tbody > tr:not(:first-child) > td,
.sp-supported .comparisonTableSte > tbody > tr:not(:first-child) > td,
.sp-supported-ste .comparisonTableSte > tbody > tr:not(:first-child) > td {
  border-top: 1px solid var(--nxp-border-color);
}

.sp-supported .sp-supported-title, .sp-supported-ste .sp-supported-title {
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  border-bottom: 3px solid #898683;
}

.sp-supported .ui-accordion-header, .sp-supported-ste .ui-accordion-header {
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 0;
  border-top: 1px dashed var(--nxp-border-color);
}

.sp-supported .ui-accordion-header a, .sp-supported-ste .ui-accordion-header a {
  padding-bottom: 0;
}

.sp-supported .compressed li, .sp-supported-ste .compressed li {
  margin-bottom: 5px;
}

.sp-supported td > :last-child, .sp-supported-ste td > :last-child {
  margin-bottom: 0;
}

.sp-supported-ste {
  border-top: 1px solid var(--nxp-border-color) !important;
  padding: 48px 0px;
  border: none;
}

.sp-supported-ste h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.sp-supported-ste h3 {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste {
    padding: 0px;
    border-top: none !important;
  }
  .sp-supported-ste h3 {
    border-top: none !important;
  }
}

.sp-supported-ste .recommendedProducts-category {
  font-size: 16px;
  line-height: 20px;
  width: 30% !important;
  padding-left: 0px;
}

.sp-supported-ste .recommendedProducts-category strong {
  margin: 16px 0px;
  width: 75%;
}

.sp-supported-ste .table td, .sp-supported-ste .comparisonTableSte td {
  padding: 0px;
  color: #262626;
  line-height: 24px;
}

.sp-supported-ste .table ul, .sp-supported-ste .comparisonTableSte ul {
  margin: 16px 0px;
  padding-right: 16px;
}

.sp-supported-ste .table li::marker, .sp-supported-ste .comparisonTableSte li::marker {
  font-size: 14px;
}

.sp-supported-ste .table li span, .sp-supported-ste .comparisonTableSte li span {
  position: relative;
  left: 12px;
}

.sp-supported-ste .showMoreLess {
  padding-top: 16px !important;
}

.sp-supported-ste .showHideP {
  padding-top: 16px;
  border-top: 1px dashed var(--nxp-border-color);
}

@media only screen and (max-width: 991px) {
  .sp-supported-ste .showHideP {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  .sp-supported-ste .features-list {
    height: auto !important;
  }
}

.sp-supported-ste .features-xsp .ste-list,
.sp-supported-ste .features-xsp .ste-list-ul {
  width: 100%;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp .ste-list,
  .sp-supported-ste .features-xsp .ste-list-ul {
    margin-top: 0px;
    display: inline;
  }
}

.sp-supported-ste .features-xsp .ste-list-ul ul,
.sp-supported-ste .features-xsp .ste-list-ul-ul ul {
  width: 100%;
}

.sp-supported-ste .features-xsp h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 30%;
  margin-top: 22px;
  padding-right: 1em;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp h3 {
    width: calc(100% - 20px);
    margin: 0px 0px 0px 20px;
    font-weight: normal;
    left: 20px;
  }
}

.sp-supported-ste .features-xsp ul {
  width: 70%;
  margin-top: 22px;
  margin-bottom: 11px;
}

.sp-supported-ste .features-xsp ul li span {
  position: relative;
  left: 12px;
}

.sp-supported-ste .features-xsp ul li span.Footnote {
  position: inherit;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp ul {
    width: 98%;
    margin-left: 24px;
    padding-right: 1em;
  }
}

.sp-supported-ste .features-xsp ul ul {
  margin-top: 11px;
}

.sp-supported-ste .features-xsp > div:not(:first-child) {
  border-top: 1px solid var(--nxp-border-color);
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp > div:not(:first-child) {
    border-top: none;
  }
}

@media only screen and (min-width: 992px) {
  .sp-supported-ste .features-xsp .collapse-mobile:last-child ul {
    margin-bottom: 0px !important;
  }
  .sp-supported-ste .features-xsp .collapse-mobile:last-child ul li:last-child {
    margin-bottom: 0px;
  }
}

.sp-supported-ste .features-xsp .onBoardDevices {
  flex-wrap: wrap;
}

.sp-supported-ste .features-xsp .onBoardDevices-title {
  margin-bottom: 0px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp .onBoardDevices-title {
    width: calc(100% - 20px) !important;
    margin: 0px;
    font-weight: normal;
    left: 20px;
  }
}

.sp-supported-ste .features-xsp .onBoardDevices-section {
  width: 100%;
  display: flex;
  margin-left: 16px;
}

.sp-supported-ste .features-xsp .onBoardDevices-section h3 {
  font-weight: normal;
  width: 30%;
  font-family: "Poppins", sans-serif;
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul {
  width: 70%;
  margin-top: 22px;
  margin-bottom: 11px;
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul li span {
  position: relative;
  left: 12px;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul {
    width: 98%;
    margin-left: 24px;
    padding-right: 1em;
  }
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul ul {
  margin-top: 11px;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp .onBoardDevices-section {
    display: block;
    margin-top: 0px;
  }
  .sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard {
    width: 100%;
  }
  .sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul {
    width: 100% !important;
    margin-bottom: 0px !important;
  }
  .sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul:first-child {
    margin-top: 0px;
  }
  .sp-supported-ste .features-xsp .onBoardDevices-section h3 {
    width: calc(100% - 36px);
    margin: 0px 0px 0px 20px;
    font-weight: normal;
    left: 0px;
  }
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard {
  width: 70%;
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul {
  width: 100% !important;
  margin-bottom: 0px !important;
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul:not(:first-child) {
  margin-top: 0.5em !important;
}

.sp-supported-ste .features-xsp .onBoardDevices-section .features-xsp-onboard ul:last-child {
  margin-bottom: 19px !important;
}

.sp-supported-ste .features-xsp .onBoardDevices-section:not(:first-of-type) {
  border-top: 1px solid var(--nxp-border-color);
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste .features-xsp .onBoardDevices-section:not(:first-of-type) {
    border-top: none;
  }
}

.sp-supported-ste .features-xsp-onboard {
  width: 70%;
}

.sp-supported-ste .features-xsp-onboard ul {
  width: 100% !important;
  margin-bottom: 0px !important;
}

.sp-supported-ste .features-xsp-onboard ul:not(:first-child) {
  margin-top: 0px !important;
}

.sp-supported-ste .features-xsp-onboard ul:last-child {
  margin-bottom: 19px !important;
}

@media only screen and (max-width: 991px) {
  .sp-supported-ste.additional {
    border-top: none;
  }
}

#systemrequirements #systemRequirementsSectionDiv .sp-supported-ste {
  padding: 0px;
  border-top: none !important;
}

.sp-supported-ste.first,
.related-applications.first {
  border-top: none !important;
}

.sp-supported-ste.first h3,
.related-applications.first h3 {
  border-top: none !important;
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste.first .features-list h3,
  .related-applications.first .features-list h3 {
    border-top: 1px solid #d4cfc5 !important;
  }
}

#comparisonTable,
#product-programs,
div[id*='compaTableTitle'] {
  border-top: 1px solid #d4cfc5 !important;
  padding: 3em 0px;
}

#comparisonTable h3,
#product-programs h3,
div[id*='compaTableTitle'] h3 {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  #block-diagram.component-container,
  #blockdiagram.component-container {
    padding: 0px;
  }
  #block-diagram.component-container .interactive-bd-component,
  #blockdiagram.component-container .interactive-bd-component {
    margin-top: 0px;
  }
  #block-diagram.component-container .interactive-bd-component .bd-title,
  #blockdiagram.component-container .interactive-bd-component .bd-title {
    margin-bottom: 0px;
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  #comparisonTable.collapse-mobile,
  #product-programs.collapse-mobile,
  div[id*='compaTableTitle'].collapse-mobile {
    padding: 0px;
    margin: 0px;
    border-top: none !important;
  }
  #comparisonTable.collapse-mobile h3,
  #product-programs.collapse-mobile h3,
  div[id*='compaTableTitle'].collapse-mobile h3 {
    margin-bottom: 0px;
    border-bottom: none !important;
    border-top: 1px solid #d4cfc5 !important;
  }
}

@media only screen and (max-width: 767px) {
  #product-details.ds-resources .ds-resources-big-title {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste.collapse-mobile {
    margin-top: 0px;
  }
  .sp-supported-ste.collapse-mobile h3 {
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .collapse-mobile.last {
    border-bottom: 1px solid #d4cfc5 !important;
    margin-bottom: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .sp-supported-ste h3 {
    border-bottom: none !important;
    border-top: 1px solid var(--nxp-border-color) !important;
  }
}

.showHideP {
  padding-top: 16px;
  border-top: 1px dashed var(--nxp-border-color);
}

@media only screen and (max-width: 991px) {
  .showHideP {
    display: none !important;
  }
}

.showHideP a:hover {
  text-decoration: none;
}

.showHideP.no-line {
  border-top: none;
}

.toggle-opacity:not(.in)#part-number-xsp::after, .toggle-opacity:not(.in).features-xsp::after, .toggle-opacity:not(.in).col-md-6.col-xs-12::after {
  content: '';
  display: inline-block;
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

@media only screen and (max-width: 991px) {
  .toggle-opacity:not(.in)#part-number-xsp::after, .toggle-opacity:not(.in).features-xsp::after, .toggle-opacity:not(.in).col-md-6.col-xs-12::after {
    height: auto !important;
  }
}

@media only screen and (max-width: 991px) {
  .toggle-opacity:not(.in) .part-number-xsp::after,
  .toggle-opacity:not(.in) .features-xsp::after {
    height: 80px;
  }
}

.part-number-xsp {
  margin: 0px;
}

.sp-supported-ste .features-list {
  position: relative;
}

.blue-column > thead > tr > th:nth-last-child(1) {
  background-color: #3ecafb;
}

.blue-column > tbody > tr > td:nth-last-child(1) {
  background-color: #c3effe;
}

.sticky-columns-1 > thead > tr > th:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 0px;
  background-color: #3ecafb;
}

.sticky-columns-1 > tbody > tr > td:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 0px;
  background-color: #c3effe;
}

.sticky-columns-2 > thead > tr > th:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 0px;
  background-color: #3ecafb;
}

.sticky-columns-2 > thead > tr > th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 150px;
  background-color: #3ecafb;
}

.sticky-columns-2 > tbody > tr > td:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 0px;
  background-color: #c3effe;
}

.sticky-columns-2 > tbody > tr > td:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  min-width: 150px;
  max-width: 150px;
  left: 150px;
  background-color: #c3effe;
}

.part-detail-info {
  padding: 1em;
  margin-bottom: 1em;
  background: #f7f5f1;
}

@media screen and (min-width: 768px) {
  .part-detail-info {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 992px) {
  .part-detail-info {
    max-width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .part-detail-info {
    max-width: 1170px;
  }
}

.part-detail-title {
  margin: 0 0 0.5em;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .part-detail-title {
    text-align: left;
  }
}

.part-detail-title_status {
  display: inline-block;
  position: relative;
  margin-left: 0.25em;
  text-transform: none;
}

.part-detail-title_status.active:before {
  content: '(';
}

.part-detail-title_status.active:after {
  content: ')';
}

.part-detail-description {
  margin: 0 0 0.5em;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .part-detail-description {
    text-align: left;
  }
}

.part-detail-links {
  text-align: center;
  margin-left: 0;
}

@media screen and (min-width: 992px) {
  .part-detail-links {
    text-align: left;
    margin-bottom: 0;
  }
}

.part-detail-links-item .icon {
  margin-right: 5px;
}

@media screen and (min-width: 992px) {
  .part-detail-links-item {
    width: 45%;
  }
}

.part-detail-img {
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
}

.part-detail-img:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.part-detail-img img {
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .part-detail-img {
    margin-bottom: 0;
  }
}

.part-detail-list-item {
  padding: 0;
  margin: 0 0 0.25em;
  font-size: 85%;
}

.part-detail-list-item:before {
  content: '';
}

.part-detail-list_label {
  display: inline-block;
  width: calc(50% - 5px);
  padding-right: 5px;
  text-align: right;
  margin: 0;
  vertical-align: top;
  font-weight: 600;
}

.part-detail-list_label:after {
  content: ':';
}

@media screen and (min-width: 992px) {
  .part-detail-list_label {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    vertical-align: top;
    font-weight: 600;
  }
}

.part-detail-list_data {
  display: inline-block;
  width: 50%;
  margin: 0;
  vertical-align: bottom;
}

@media screen and (min-width: 992px) {
  .part-detail-list_data {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    vertical-align: bottom;
  }
}

@media screen and (min-width: 768px) {
  .part-detail-list {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  .part-detail-list {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  div.part-detail-description {
    text-align: center;
  }
}

ul.nav-piped {
  padding-left: 0;
  margin-left: -10px;
  margin-right: -10px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}

ul.nav-piped > li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.hero-lead + ul.nav-piped {
  padding-bottom: 3em;
  margin-top: -2em;
  margin-bottom: 0;
}

ul.nav-piped.is-centered {
  justify-content: center;
  text-align: center;
}

ul.nav-piped.is-large {
  font-size: 16px;
}

ul.nav-piped li {
  flex-shrink: 0;
  border-right: 1px solid var(--nxp-border-color);
}

ul.nav-piped li:last-of-type {
  border-right: none;
}

ul.nav-piped li.title {
  padding: 0;
  border-right: none;
}

.table.table-centered .text-left, .table-centered.comparisonTableSte .text-left {
  text-align: left;
}

.part-buy .currency {
  margin-top: 1.25em;
}

.part-buy .currency-selector {
  display: inline-block;
}

.part-buy-item {
  display: flex;
  flex-flow: row wrap;
  padding: 1em 0;
  margin: 0;
  font-size: 1.4rem;
  border-bottom: 1px solid var(--nxp-border-color);
}

.part-buy-item > li {
  margin-bottom: 0.75em;
}

.part-buy-item-name, .part-buy-item-name-flex {
  order: 1;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
}

@media screen and (min-width: 768px) {
  .part-buy-item-name, .part-buy-item-name-flex {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1200px) {
  .part-buy-item-name, .part-buy-item-name-flex {
    flex-basis: 16.6666666667%;
  }
}

.part-buy-item-name_sku {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

.part-buy-item-name_number {
  font-size: 12px;
}

.part-buy-item-status {
  order: 2;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .part-buy-item-status {
    flex-basis: 16.6666666667%;
  }
}

@media screen and (min-width: 992px) {
  .part-buy-item-status {
    flex-basis: 8.3333333333%;
  }
}

.part-buy-item-package {
  order: 4;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
}

.part-buy-item-package .icon {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  margin-top: 2px;
}

@media screen and (min-width: 768px) {
  .part-buy-item-package {
    order: 3;
    flex-basis: 41.6666666667%;
  }
}

@media screen and (min-width: 992px) {
  .part-buy-item-package {
    flex-basis: 25%;
  }
}

.part-buy-item-package_container {
  display: inline-block;
  width: calc(100% - 30px);
}

.part-buy-item-package_description, .part-buy-item-package_quantity {
  display: inline-block;
}

.part-buy-item-buttons {
  order: 5;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
}

@media screen and (min-width: 992px) {
  .part-buy-item-buttons {
    order: 4;
    flex-basis: 33.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .part-buy-item-buttons {
    flex-basis: 41.6666666667%;
  }
}

.part-buy-item-buttons_container {
  display: flex;
  flex-flow: row wrap;
}

.part-buy-item-buttons_container li {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50%;
  padding-right: 5px;
  margin-bottom: 0.5em;
  text-align: center;
}

.part-buy-item-buttons_container li:last-of-type {
  padding-right: 0;
}

@media screen and (min-width: 768px) {
  .part-buy-item-buttons_container li {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 992px) {
  .part-buy-item-buttons_container li {
    flex-basis: auto;
  }
}

.part-buy-item-buttons_container li .avail {
  display: inline-block;
  font-size: 12px;
}

@media screen and (min-width: 992px) {
  .part-buy-item-buttons_container {
    padding: 0 5px;
  }
}

.part-buy-item-price {
  order: 3;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .part-buy-item-price {
    order: 4;
    flex-basis: 16.6666666667%;
  }
}

@media screen and (min-width: 992px) {
  .part-buy-item-price {
    order: 5;
    flex-basis: 8.3333333333%;
  }
}

.part-buy-item-price .item-qty {
  font-size: 12px;
}

.part-buy-item-price .item-amount {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.part-environmental, .part-quality {
  margin-top: -1px;
  border-top: 1px solid transparent;
}

/*  begin _avail-disti.scss  */
#avail_disti_modal .modal-intro {
  margin-top: 0;
}

#avail_disti_modal .modal-intro .product-name {
  font-weight: 600;
  text-transform: uppercase;
}

#avail_disti_modal .modal-body .avail-disti-table thead th:not(:first-of-type),
#avail_disti_modal .modal-body .avail-disti-table tbody tr td {
  text-align: center;
}

.avail-disti-table .col-2,
.avail-disti-table .col-4 {
  display: none;
}

@media screen and (min-width: 768px) {
  .avail-disti-table .col-2,
  .avail-disti-table .col-4 {
    display: table-cell;
  }
}

/*  end _avail-disti.scss  */
.table-flyout .product-content-si {
  max-height: 300px;
  overflow: auto;
}

.table-flyout .product-content-si {
  display: inline-block;
  min-width: 100%;
}

.table-flyout-content .close-container .close {
  right: inherit;
  top: inherit;
}

html tr.table-flyout-outter td.table-flyout-inner {
  display: table-cell;
  padding: 1em 0;
  border: none;
}

html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: calc(100vw - 30px);
  min-width: 0;
  min-height: 200px;
  padding: 2em 1em 1em;
  font-size: 1.4rem;
  border: 3px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content {
    width: 100%;
    min-width: 860px;
    flex-wrap: nowrap;
  }
}

html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content:before {
  content: '';
  position: absolute;
  top: -13px;
  left: 90px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 0
 20px
 0
 0;
  box-shadow: -3px 3px 0 0 #d4cfc5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content .close-container {
  display: block;
  width: 100%;
}

html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content .close-container .close {
  float: left;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content .close-container {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    text-align: center;
  }
  html tr.table-flyout-outter td.table-flyout-inner .table-flyout .table-flyout-content .close-container .close {
    float: none;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .table-flyout .buy-flyout {
    width: calc(100vw - 330px);
  }
}

@media screen and (min-width: 992px) {
  .table-flyout .buy-flyout {
    min-width: 634px;
  }
}

@media screen and (min-width: 1200px) {
  .table-flyout .buy-flyout {
    max-width: 900px;
  }
}

.table-flyout .buy-flyout .product-content {
  min-width: 87%;
}

@media screen and (min-width: 768px) {
  .table-flyout .buy-flyout .product-content {
    display: inline-block;
    width: calc(100% - 80px);
    min-width: 0;
  }
}

.table-flyout .buy-flyout .product-content .row [class*='col-'] {
  max-width: none;
}

.table-flyout .buy-flyout .product-content .row .col-sm-12 .product-info.list-inline {
  margin-left: 0;
}

.table-flyout .buy-flyout .product-content .row .col-sm-12 .product-info.list-inline li .product-title {
  margin-top: 0;
  font-size: 14px;
}

.table-flyout .buy-flyout .product-content .product-item {
  border-bottom: 1px solid #ebe7dd;
  margin-bottom: 1.5em;
}

.table-flyout .buy-flyout .product-content .product-item:last-of-type {
  border: none;
  margin-bottom: 0;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .row .col-xs-8 .product-info {
  padding-right: 1em;
  margin-bottom: 0.5em;
  line-height: 1.65;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .row .col-xs-8 .product-info .product-number {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .row .col-xs-4 .status {
  font-size: 1.4rem;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .mpq-container {
  margin-bottom: 1em;
  font-size: 1.4rem;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .mpq-container .mpq-description {
  margin-bottom: 0;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .mpq-container .mpq {
  margin-bottom: 0;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .product-details {
  margin-bottom: 1em;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .product-details .button-container {
  display: flex;
  flex-flow: row wrap;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .product-details .button-container > li {
  margin-right: 0.5em;
  text-align: center;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .product-details .button-container > li:last-of-type {
  margin-right: 0;
}

.table-flyout .buy-flyout .product-content .row .col-md-6 .product-details .button-container > li > .btn, .table-flyout .buy-flyout .product-content .row .col-md-6 .product-details .button-container > li > .nav-close {
  margin-bottom: 0.5em;
}

.table-flyout .selector-flyout .product-item {
  margin-right: 2em;
}

@media screen and (min-width: 768px) {
  .table-flyout .selector-flyout .product-item {
    max-width: 16em;
  }
}

.table-flyout .selector-flyout .product-item .product-title {
  padding-bottom: 1em;
  margin-bottom: 0;
}

.table-flyout .selector-flyout .product-item .product-title a {
  font-size: 1.6rem;
  font-weight: 600;
}

.table-flyout .selector-flyout .product-item .product-description {
  margin-bottom: 2em;
}

.table-flyout .selector-flyout .product-links {
  margin-right: 2em;
  margin-bottom: 2em;
}

.table-flyout .selector-flyout .product-image {
  width: 100%;
  max-width: 350px;
}

.table-flyout .selector-flyout .product-image img[onclick] {
  cursor: pointer;
}

.ourPartners {
  padding: 3em 0 2.5em;
}

.ourPartners__partnerGroup {
  padding-left: 0;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  margin-bottom: 0;
  text-align: center;
}

.ourPartners__partnerGroup > li {
  padding-left: 0;
}

.ourPartners__partnerGroup > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.ourPartners__image {
  max-width: 10em;
  max-height: 8em;
  padding: 1em;
  border: 0px solid transparent;
}

.ourPartners__partnerGroup.greyscale .ourPartners__image {
  filter: grayscale(100%);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.ourPartners__partnerGroup.greyscale .ourPartners__link:hover .ourPartners__image {
  filter: grayscale(0%);
}

.ourPartners__partnerGroup.text {
  column-count: 3;
  column-gap: 30px;
  column-width: 220px;
  text-align: inherit;
}

.ourPartners__partnerGroup.text > .ourPartners__logo {
  break-inside: avoid;
}

.ourPartners__partnerGroup.text .ourPartners__logo {
  display: list-item;
}

.ourPartners__partnerGroup.text .ourPartners__link {
  position: relative;
}

.ourPartners__partnerGroup.text .ourPartners__link:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .ourPartners__partnerGroup.text .ourPartners__link:after {
  content: '';
}

.ourPartners__partnerGroup.text .ourPartners__link:hover {
  text-decoration: none;
}

.ourPartners__partnerGroup.text .ourPartners__link:hover:after {
  transform: translateX(0.5em);
}

.ourPartners__partnerGroup.text .ourPartners__link[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .ourPartners__partnerGroup.text .ourPartners__link[href*='community.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='docs.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='investors.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='nxpcup.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='support.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='showroom.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='investorday.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.ourPartners__partnerGroup.text .ourPartners__link.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='community.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='community.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='docs.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='docs.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='investors.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='investors.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='nxpcup.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='nxpcup.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='support.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='support.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='showroom.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='showroom.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='investorday.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='investorday.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.btn[href*='mcuxpresso.nxp.com']:after, .ourPartners__partnerGroup.text .ourPartners__link.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.ourPartners__partnerGroup.text .ourPartners__link[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.mosaic {
  padding: 48px 0px 24px 0px;
}

.mosaic-group {
  padding-left: 0;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  margin-bottom: 0;
  text-align: center;
}

.mosaic-group > li {
  padding-left: 0;
}

.mosaic-group > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.mosaic-group.mosaic-left {
  text-align: left;
}

.mosaic-group li {
  margin-bottom: 16px;
}

.mosaic-group li:last-of-type {
  margin-bottom: 0px;
}

.mosaic-image {
  max-width: 180px;
  max-height: 120px;
  padding: 0px 12px 0px 0px;
  border: none;
}

@media (max-width: 480px) {
  .mosaic-image {
    max-width: 250px;
    max-height: 150px;
  }
}

.mosaic-group.greyscale .mosaic-image {
  filter: grayscale(100%);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.mosaic-group.greyscale .mosaic-link:hover .mosaic-image {
  filter: grayscale(0%);
}

.mosaic-group.text {
  column-count: 3;
  column-gap: 30px;
  column-width: 220px;
  text-align: inherit;
}

.mosaic-group.text > .ourPartners__logo {
  break-inside: avoid;
}

.mosaic-group.text .mosaic-logo {
  display: list-item;
}

.mosaic-group.text .mosaic-link {
  position: relative;
}

.mosaic-group.text .mosaic-link:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .mosaic-group.text .mosaic-link:after {
  content: '';
}

.mosaic-group.text .mosaic-link:hover {
  text-decoration: none;
}

.mosaic-group.text .mosaic-link:hover:after {
  transform: translateX(0.5em);
}

.mosaic-group.text .mosaic-link[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mosaic-group.text .mosaic-link[href*='community.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='docs.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='investors.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='nxpcup.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='support.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='showroom.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='investorday.nxp.com']:after, .mosaic-group.text .mosaic-link[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.mosaic-group.text .mosaic-link.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mosaic-group.text .mosaic-link.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mosaic-group.text .mosaic-link.btn[href*='community.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='community.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='docs.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='docs.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='investors.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='investors.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='nxpcup.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='nxpcup.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='support.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='support.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='showroom.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='showroom.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='investorday.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='investorday.nxp.com']:after, .mosaic-group.text .mosaic-link.btn[href*='mcuxpresso.nxp.com']:after, .mosaic-group.text .mosaic-link.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.mosaic-group.text .mosaic-link[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.leadership-slider {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 2em;
}

.leadership-slider .carousel-inner {
  padding: 2em 0;
}

.leadership-slider .carousel-indicators {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto 1em;
  background: none;
}

@media screen and (min-width: 768px) {
  .leadership-slider .carousel-indicators {
    flex-flow: row nowrap;
  }
}

.leadership-slider .carousel-indicators > li {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  padding: 0.25em;
  margin: 0;
  text-align: left;
  text-indent: initial;
  border: none;
}

@media screen and (min-width: 768px) {
  .leadership-slider .carousel-indicators > li {
    flex: 0 1 auto;
    padding: 0;
  }
}

.leadership-slider .carousel-indicators > li a {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1em;
  font-weight: 600;
  color: #686664;
  background: #ebe7dd;
  border: 1px solid #898683;
}

.leadership-slider .carousel-indicators > li a:hover {
  text-decoration: none;
  background: white;
}

@media screen and (min-width: 768px) {
  .leadership-slider .carousel-indicators > li a {
    border-right-color: transparent;
  }
}

.leadership-slider .carousel-indicators > li.active {
  width: auto;
  height: auto;
}

@media screen and (min-width: 768px) {
  .leadership-slider .carousel-indicators > li.active:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    background: white;
    box-shadow: -1px 1px 0 #898683;
    transform: translate(-50%) rotate(-45deg);
  }
}

.leadership-slider .carousel-indicators > li.active a {
  background: white;
}

@media screen and (min-width: 768px) {
  .leadership-slider .carousel-indicators > li:first-of-type a {
    border-radius: 0 0 0 0;
  }
  .leadership-slider .carousel-indicators > li:last-of-type a {
    border-right-color: #898683;
    border-radius: 0 0 0 0;
  }
}

.leadership-slider .icon-toggle {
  width: 32px;
  height: 32px;
  padding: 13px;
  background: #898683;
  border-radius: 50%;
}

.leadership-slider .icon-toggle:hover {
  background: #474645;
}

.leadership-slider .icon-toggle:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  background: white;
  border-radius: 50%;
  box-shadow: -10px 0 0 white, 10px 0 0 white;
}

.leadership-slider .carousel-indicators .active .nav-icon .icon-toggle {
  background: #474645;
}

.leadership-slider .carousel-indicators .active .nav-icon .icon-toggle:before {
  background: white;
}

.leadership-slider .carousel-indicators .active .nav-icon .icon-toggle:hover {
  background: #474645;
}

.leadership-slider .carousel-indicators-icons {
  display: none;
}

@media screen and (min-width: 992px) {
  .leadership-slider .carousel-indicators-icons {
    position: absolute;
    top: 0;
    left: 40px;
    display: block;
    width: calc(50% - 40px);
    height: 100%;
    z-index: 1;
  }
  .leadership-slider .carousel-indicators-icons > li {
    position: absolute;
  }
  .leadership-slider .carousel-indicators-icons > li > .nav-icon {
    display: block;
    color: white;
    text-align: center;
    line-height: 40px;
  }
  .leadership-slider .carousel-indicators-icons > li.active > .nav-icon {
    color: #000000;
  }
  .leadership-slider .carousel-indicators-icons > li:nth-of-type(1) {
    top: calc(50% - 50px);
    left: calc(50% - 100px);
  }
  .leadership-slider .carousel-indicators-icons > li:nth-of-type(2) {
    top: calc(50% + 20px);
    left: calc(50% + 20px);
  }
  .leadership-slider .carousel-indicators-icons > li:nth-of-type(3) {
    top: calc(50% - 100px);
    left: calc(50% - 10px);
  }
  .leadership-slider .carousel-indicators-icons > li:nth-of-type(4) {
    top: calc(50% + 60px);
    left: calc(50% + 60px);
  }
  .leadership-slider .carousel-indicators-icons > li:nth-of-type(5) {
    top: calc(50% - 20px);
    left: calc(50% + 60px);
  }
}

.leadership-slider .item {
  width: calc(100% - 80px);
  margin: 0 auto;
}

.leadership-slider .item .item-image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 1em;
}

@media screen and (min-width: 992px) {
  .leadership-slider .item .item-image {
    width: calc(50% - 3px);
    margin-bottom: 0;
  }
}

.leadership-slider .item .item-content {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 1em;
}

@media screen and (min-width: 992px) {
  .leadership-slider .item .item-content {
    width: calc(50% - 3px);
  }
}

.leadership-slider .item .item-content .carousel-title {
  font-size: 1.875em;
  text-transform: uppercase;
}

.leadership-slider .carousel-caption {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  padding: 0;
  text-align: left;
  text-shadow: none;
  color: #000000;
}

.leadership-slider .carousel-caption > * {
  margin-top: 0;
}

.leadership-slider .carousel-control {
  width: 32px;
  height: 32px;
  top: 50%;
  color: #ffffff;
  border-radius: 16px;
  transform: translateY(-50%);
}

.leadership-slider .carousel-control.left, .leadership-slider .carousel-control.right {
  background: #898683;
}

.leadership-slider .carousel-control:hover {
  background: #474645;
}

.leadership-slider .carousel-control > span[class^='icon-'] {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  font-size: 0.75em;
  line-height: 32px;
}

.carousel-interactive-container {
  padding: 3em 0;
}

.carousel-interactive {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.carousel-interactive .carousel-images {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}

@media screen and (min-width: 1200px) {
  .carousel-interactive .carousel-images {
    flex-basis: 58.3333%;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 1440px) {
  .carousel-interactive .carousel-images {
    flex-basis: 50%;
  }
}

.carousel-interactive .carousel-indicators {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  z-index: 1;
  counter-reset: indicators;
}

.carousel-interactive .carousel-indicators > li {
  position: absolute;
  display: list-item;
  width: 32px;
  height: 32px;
  margin: 0;
  font-weight: 600;
  line-height: 26px;
  color: #262626;
  text-indent: 0;
  cursor: pointer;
  background-color: white;
  border: 3px solid #262626;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  counter-increment: indicators;
}

.carousel-interactive .carousel-indicators > li:before {
  content: counter(indicators, upper-alpha);
}

.carousel-interactive .carousel-indicators > li:hover {
  color: #252525;
  border-color: #252525;
}

.carousel-interactive .carousel-indicators > li.active {
  width: 32px;
  height: 32px;
  color: white;
  background: #262626;
}

.carousel-interactive .carousel-indicators > li.active:hover {
  background: #252525;
}

.carousel-interactive .item-image {
  padding: 0 1em;
}

.carousel-interactive .item-image > img {
  display: none;
  width: 100%;
}

.carousel-interactive .item-image > img.active {
  display: block;
}

.carousel-interactive .carousel-inner {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (min-width: 1200px) {
  .carousel-interactive .carousel-inner {
    flex-basis: 41.6666%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .carousel-interactive .carousel-inner {
    flex-basis: 50%;
  }
}

.carousel-interactive .item {
  width: 100%;
  padding: 0 1em;
  margin: 0 auto;
}

.carousel-interactive .item > :last-child {
  margin-bottom: 0;
}

.carousel-interactive .item .carousel-title {
  position: relative;
  padding-left: 1.375em;
  margin-top: 0;
  font-size: 1.35em;
}

.carousel-interactive .item .carousel-title:before {
  content: '+';
  position: absolute;
  top: 0.125em;
  left: 0;
  width: 2em;
  height: 2em;
  font-size: 0.5em;
  line-height: 2em;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: #262626;
  border-radius: 1em;
}

.carousel-interactive .item:nth-of-type(1) .carousel-title:before {
  content: 'a';
}

.carousel-interactive .item:nth-of-type(2) .carousel-title:before {
  content: 'b';
}

.carousel-interactive .item:nth-of-type(3) .carousel-title:before {
  content: 'c';
}

.carousel-interactive .item:nth-of-type(4) .carousel-title:before {
  content: 'd';
}

.carousel-interactive .item:nth-of-type(5) .carousel-title:before {
  content: 'e';
}

.carousel-interactive .item:nth-of-type(6) .carousel-title:before {
  content: 'f';
}

.carousel-interactive .item:nth-of-type(7) .carousel-title:before {
  content: 'g';
}

.carousel-interactive .item:nth-of-type(8) .carousel-title:before {
  content: 'h';
}

.carousel-interactive .item .carousel-caption {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  padding: 0;
  text-align: left;
  text-shadow: none;
  color: #000000;
}

.carousel-interactive.is-numbered .carousel-indicators > li:before {
  content: counter(indicators, decimal);
}

.carousel-interactive.is-numbered .item:nth-of-type(1) .carousel-title:before {
  content: '1';
}

.carousel-interactive.is-numbered .item:nth-of-type(2) .carousel-title:before {
  content: '2';
}

.carousel-interactive.is-numbered .item:nth-of-type(3) .carousel-title:before {
  content: '3';
}

.carousel-interactive.is-numbered .item:nth-of-type(4) .carousel-title:before {
  content: '4';
}

.carousel-interactive.is-numbered .item:nth-of-type(5) .carousel-title:before {
  content: '5';
}

.carousel-interactive.is-numbered .item:nth-of-type(6) .carousel-title:before {
  content: '6';
}

.carousel-interactive.is-numbered .item:nth-of-type(7) .carousel-title:before {
  content: '7';
}

.carousel-interactive.is-numbered .item:nth-of-type(8) .carousel-title:before {
  content: '8';
}

.hero-container {
  display: flex;
  flex-direction: column;
}

.hero:not(.hero-new) {
  position: relative;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-right: -15px;
  margin-left: -15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero:not(.hero-new):before {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: translateX(50%);
}

@media screen and (min-width: 768px) {
  .hero:not(.hero-new):before {
    width: 100vw;
  }
}

.hero:not(.hero-new).aqua {
  background-image: linear-gradient(#00a4a7, #00a4a7);
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .hero:not(.hero-new):before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .hero:not(.hero-new):before {
    width: calc(100vw - 300px);
  }
}

.hero:not(.hero-new) .hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  color: white;
}

.hero:not(.hero-new) .hero-content > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .hero:not(.hero-new) .hero-content {
    width: 75%;
    flex-grow: 1;
  }
}

.hero:not(.hero-new) .hero-title {
  margin-top: 0;
  margin-bottom: 0;
  color: white;
}

@media only screen and (max-width: 767px) {
  .hero:not(.hero-new) .hero-title {
    word-wrap: break-word;
    hyphens: none;
  }
}

.hero:not(.hero-new) .hero-subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  max-width: 55ch;
  color: white;
}

.hero-title + .hero:not(.hero-new) .hero-subtitle {
  margin-top: 10px;
}

.hero:not(.hero-new) .hero-text {
  margin-top: 15px;
  margin-bottom: 0;
  color: white;
}

.hero:not(.hero-new) .hero-action {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 10px;
  margin-left: auto;
}

.hero:not(.hero-new) .hero-action .btn-video-launch {
  display: flex;
  align-items: center;
  padding: 0;
  color: white;
}

.hero:not(.hero-new) .hero-action .btn-video-launch > svg {
  display: block;
  margin-left: -5px;
  fill: currentcolor;
}

@media screen and (min-width: 992px) {
  .hero:not(.hero-new) .hero-action {
    margin-top: 0;
  }
}

.hero:not(.hero-new).hero-level1 {
  min-height: 50vh;
}

.hero:not(.hero-new).hero-level1 .hero-text {
  display: none;
}

.hero:not(.hero-new).hero-level2 {
  min-height: 35vh;
}

.hero:not(.hero-new).hero-level3 {
  min-height: 21vh;
}

.hero.hero-new {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 30px 15px;
}

.col-lg-12 .col-lg-9 .hero.hero-new {
  padding-right: 0;
  padding-left: 0;
}

.hero.hero-new[style*='background-image'] {
  left: 50%;
  width: 100vw;
  padding-right: 0;
  padding-left: 0;
  background-position: left 200% top 200%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: none;
  transform: translateX(-50%);
}

.hero.hero-new[style*='background-image']:before {
  order: 1;
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
  background: inherit;
  background-position: bottom 50% right;
  background-repeat: no-repeat;
  background-size: calc(200% + 30px);
}

@media screen and (min-width: 992px) {
  .hero.hero-new[style*='background-image'] {
    padding-top: 90px;
    padding-bottom: 2em;
    background-position: right center;
  }
  .hero.hero-new[style*='background-image']:before {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .hero.hero-new[style*='background-image'] {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 992px) {
  .col-lg-12 .col-lg-9 .hero.hero-new[style*='background-image'] {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .hero.hero-new[style*='background-image'] {
    width: calc(100vw - 300px);
  }
}

.hero.hero-new .hero-body {
  position: relative;
  z-index: 1;
  width: 100%;
  flex-grow: 1;
}

.hero.hero-new .hero-body > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .hero.hero-new .hero-body {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .hero.hero-new .hero-body .btn-default {
    margin-top: 10px;
  }
}

.hero-new[style*='background-image'] .hero-body {
  padding: 30px 15px;
  background-color: white;
}

@media screen and (min-width: 992px) {
  .hero-new[style*='background-image'] .hero-body {
    width: 66.6666666667%;
    flex-grow: 0;
    background-color: rgba(255, 255, 255, 0.75);
  }
}

@media screen and (min-width: 992px) {
  .hero-new[style*='background-image'] .hero-body {
    width: 50%;
    padding: 30px;
  }
}

.hero.hero-new .hero-title {
  padding-right: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .hero.hero-new .hero-title {
    word-wrap: break-word;
    hyphens: none;
  }
}

.hero.hero-new .hero-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  max-width: 55ch;
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  font-weight: 600;
}

.hero-new .hero-title + .hero-subtitle {
  margin-top: 6px;
}

.hero.hero-new .hero-description {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  margin-top: 10px;
}

.hero.hero-new .hero-description > :last-child {
  margin-bottom: 0;
}

.hero.hero-new .hero-metadata {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 18px;
}

.hero.hero-new .hero-text {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  margin-top: 6px;
  margin-bottom: 10px;
  color: #000000;
}

.hero.hero-new .hero-action {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .hero-new .hero-body + .hero-action {
    padding-left: 30px;
    margin-top: 0;
    margin-left: auto;
  }
}

.hero-lg.hero-new {
  height: calc(75vh - 88px);
  min-height: 400px;
  max-height: 600px;
  padding: 0px !important;
}

.hero-lg.hero-new.hero[style*='background-image'] {
  background-position: center;
}

@media (max-width: 1199px) {
  .hero-lg.hero-new {
    height: calc(75vh - 100px);
  }
}

@media (min-width: 1024px) and (max-width: 1400px) and (min-height: 500px) and (max-height: 579px) {
  .hero-lg.hero-new {
    height: 75vh;
  }
}

@media (max-width: 992px) {
  .hero-lg.hero-new {
    background-position: right center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: auto !important;
    min-height: unset;
    max-height: unset !important;
    max-width: 100%;
    transform: unset !important;
    left: unset !important;
  }
  .hero-lg.hero-new:before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    padding-bottom: 47% !important;
    background: inherit !important;
    background-position: bottom 50% right !important;
    background-repeat: no-repeat !important;
    background-size: calc(150% + 30px) !important;
    order: 0 !important;
  }
}

@media (max-width: 768px) {
  .hero-lg.hero-new {
    padding-top: 0px;
    max-height: unset !important;
  }
}

.hero-lg.hero-new .signpost {
  display: block;
  padding-bottom: 12px;
}

.hero-lg.hero-new.hero .hero-body {
  width: 60%;
  position: absolute !important;
  align-self: center;
  background-color: rgba(var(--nxp-body-bg-rgb), 0.85);
  top: calc(11vh - 5px);
  /* filter: blur(0px);
        background-color: rgba(255, 255, 255, 0.8); */
  /*  @media (min-width: 768px) and (max-width: 992px) {
        width: 750px !important;
        padding-left: calc(((100% - 750px) / 2) + 15px) !important;
        padding-right: calc(((100% - 750px) / 2) + 15px) !important;
      } */
  /*  @media (min-width: 768px) and (max-width: 992px) {
          padding: 48px calc(((100% - 750px) + 15px) / 2) 12px
            calc(((100% - 750px) + 30px) / 2) !important;
        }

        @media (min-width: 992px) and (max-width: 993px) {
          padding: 48px calc(((100% - 970px) + 15px) / 2) 12px
            calc(((100% - 970px) + 30px) / 2) !important;
        } */
  /* @media (max-width: 767px) {
          padding: 48px 30px;
          //height: 350px;
        } */
}

@media (min-width: 1920px) {
  .hero-lg.hero-new.hero .hero-body {
    top: 14vh;
  }
}

@media (min-width: 1366px) and (max-width: 1799px) {
  .hero-lg.hero-new.hero .hero-body {
    top: calc(16vh - 5px);
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .hero-lg.hero-new.hero .hero-body {
    top: calc(10vh - 5px);
  }
}

@media (min-width: 1799px) {
  .hero-lg.hero-new.hero .hero-body {
    width: calc(45% - 12px);
  }
}

@media (min-width: 1080px) and (max-width: 1199px) {
  .hero-lg.hero-new.hero .hero-body {
    width: 69%;
  }
}

@media (min-width: 993px) and (max-width: 1080px) {
  .hero-lg.hero-new.hero .hero-body {
    width: 83%;
  }
}

@media (min-width: 1199px) and (max-width: 1400px) and (min-height: 580px) and (max-height: 680px) {
  .hero-lg.hero-new.hero .hero-body {
    /*  top: 0px;
        margin-top: unset; */
    width: calc(61% - 2px);
  }
}

@media (max-width: 992px) {
  .hero-lg.hero-new.hero .hero-body {
    max-height: unset;
    width: 100%;
    position: relative !important;
    top: unset;
    background-color: var(--nxp-body-bg);
    padding: 48px 0px;
  }
}

@media (max-width: 690px) {
  .hero-lg.hero-new.hero .hero-body {
    margin-top: unset;
  }
}

@media (max-width: 530px) {
  .hero-lg.hero-new.hero .hero-body {
    margin-top: unset;
  }
}

@media (max-width: 400px) {
  .hero-lg.hero-new.hero .hero-body {
    margin-top: unset;
  }
}

ul.share-icons {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-shrink: 0;
  margin-top: 20px;
  margin-bottom: 0;
}

ul.share-icons > li {
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  ul.share-icons:last-child {
    padding-left: 30px;
    margin-top: 0;
    margin-left: auto;
  }
}

ul.share-icons li {
  padding-right: 0;
  margin-bottom: 0;
}

ul.share-icons .share-follow {
  padding-right: 10px;
}

@media only screen and (max-width: 767px) {
  ul.share-icons .share-dropdown,
  ul.share-icons .share-email {
    display: none;
  }
}

ul.share-icons .btn-icon-link {
  padding: 5px;
  font-size: 16px;
  color: #000000;
  line-height: 1;
}

.sp-hero {
  position: relative;
  display: flex;
  align-items: center;
  padding: 36px 0px;
}

.sp-hero:before {
  content: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-color: inherit;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}

.no-image.sp-hero:before {
  content: '';
  height: 1px;
  border-bottom: 1px solid #d4cfc5 !important;
}

.col-lg-9 .sp-hero:before {
  width: 100vw;
}

@media screen and (min-width: 768px) {
  .col-lg-9 .sp-hero:before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-9 .sp-hero:before {
    width: calc(100vw - 300px);
  }
}

.sp-hero-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sp-hero-title-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  flex-basis: 100%;
  flex-grow: 1;
}

@media screen and (min-width: 768px) {
  .sp-hero-title-container {
    flex-basis: 0;
  }
}

.sp-hero-title-container > :last-child {
  margin-bottom: 0;
}

.sp-hero-title-container .alert {
  width: 100%;
}

.sp-hero-title-container .sp-hero-title {
  width: 95%;
}

.sp-hero-title-container .item-options-collections {
  width: 2%;
  display: flex;
  justify-content: end;
  align-items: baseline;
  max-width: 30px;
}

@media (min-width: 1200px) {
  .sp-hero-title-container .item-options-collections {
    margin-top: 6px;
  }
}

@media (max-width: 992px) {
  .sp-hero-title-container .item-options-collections {
    flex-wrap: wrap;
    width: 100%;
    justify-content: start;
  }
}

.sp-hero-title-container .item-options-collections .icon-bookmark.add-collection {
  width: 18px;
  height: 24px;
}

.sp-hero-title-container .item-options-collections-menu {
  top: 36px;
  right: 0px;
}

@media (max-width: 992px) {
  .sp-hero-title-container .item-options-collections-menu {
    left: 0px;
  }
  .sp-hero-title-container .item-options-collections-menu::after {
    left: 4px;
  }
}

.sp-hero-title-container .item-options-collections-menu::after {
  right: 3px;
}

.sp-hero-title-container .sp-hero-metadata {
  width: 100%;
}

.sp-hero-title {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .sp-hero-title {
    font-size: 30px;
    word-wrap: break-word;
    hyphens: auto;
  }
}

.sp-hero-title .text-new,
.sp-hero-title .text-updated,
.sp-hero-title .text-archived {
  color: inherit !important;
  opacity: 0.75;
}

.sp-hero-subtitle {
  position: relative;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
}

.sp-hero .asp-hero .text-new-my-lib {
  margin-left: 0px;
  vertical-align: 4px;
  margin-right: 8px;
}

.sp-hero .asp-hero .sp-hero-metadata {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 18px;
}

.sp-hero .asp-hero .sp-hero-metadata .sp-hero-data {
  font-size: 14px;
}

.sp-hero .asp-hero .sp-hero-metadata .text-new-my-lib {
  margin-right: 0px;
}

.sp-hero .asp-hero .sp-hero-metadata .sp-hero-others-codeid {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
}

.sp-hero .asp-hero .sp-hero-metadata a:has(.product-status) {
  display: flex;
}

.sp-hero .asp-hero .sp-hero-metadata .recieve-alerts {
  font-size: 14px;
}

.sp-hero .asp-hero .sp-hero-metadata .recieve-alerts span.icon-info {
  font-size: 12px;
}

.sp-hero .asp-hero .sp-hero-others {
  margin-top: 12px;
}

.sp-hero .asp-hero .sp-hero-others .recieve-alerts {
  padding-left: 0px;
}

.sp-hero .asp-hero .sp-hero-others .recieve-alerts a {
  font-size: 14px;
}

.sp-hero .asp-hero .sp-hero-others .recieve-alerts .icon-info {
  font-size: 12px;
  cursor: pointer;
}

.sp-hero .asp-hero .sp-hero-others .sp-hero-others-codeid {
  margin-right: 8px;
  font-size: 20px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.sp-hero .asp-hero .sp-hero-others-description {
  padding-top: 24px;
}

.sp-hero .asp-hero .sp-hero-others-description .list-inline {
  margin-bottom: 0px;
}

.sp-hero .asp-hero .sp-hero-others-description .status {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  font-weight: 600;
  font-family: inherit;
}

.sp-hero .asp-hero .sp-hero-others-description .summary {
  color: #686664;
  display: block;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .sp-hero .asp-hero .sp-hero-others-description .summary:nth-child(n + 1) {
    display: inline-block !important;
  }
}

.sp-hero .asp-hero .sp-hero-subtitle {
  font-weight: 600;
}

.sp-hero .asp-hero .contextnav.is-horizontal:before, .sp-hero .asp-hero .is-horizontal.jumptonav:before, .sp-hero .asp-hero .getstartednav > ul.is-horizontal:before, .sp-hero .asp-hero .gettingstartednav > ul.is-horizontal:before, .sp-hero .asp-hero .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal:before, .get-started-container.gs-guides #getting-started-nav .sp-hero .asp-hero .getstartednav > ul.is-horizontal:before {
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 -1px 0 0 #d4cfc5 !important;
}

.sp-hero .gs-new {
  padding: 0px 15px;
}

.sp-hero .gs-new .summary {
  display: inline !important;
}

.sp-hero .gs-new .summary:first-of-type {
  margin-right: 8px;
}

.sp-hero .gs-new .text-new-my-lib {
  margin-left: 4px;
  vertical-align: 2px !important;
  margin-right: 16px;
  margin-left: 0px;
}

@media (min-width: 992px) and (max-width: 1075px) {
  .sp-hero .gs-new:has(.item-options-collections) .item-options-collections-menu {
    left: 0px;
  }
  .sp-hero .gs-new:has(.item-options-collections) .item-options-collections-menu::after {
    left: 3px;
  }
}

.sp-hero-fluid .text-new-my-lib {
  margin-left: 0px;
  vertical-align: 4px;
  margin-right: 8px;
}

.sp-hero-fluid .sp-hero-others {
  margin-top: 12px;
}

.sp-hero-fluid .sp-hero-others .recieve-alerts {
  padding-left: 0px;
}

.sp-hero-fluid .sp-hero-others .recieve-alerts a {
  font-size: 14px;
}

.sp-hero-fluid .sp-hero-others .recieve-alerts .icon-info {
  font-size: 12px;
  cursor: pointer;
}

.sp-hero-fluid .sp-hero-others .sp-hero-others-codeid {
  margin-right: 8px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.sp-hero-fluid .sp-hero-others-description {
  padding-top: 24px;
}

.sp-hero-fluid .sp-hero-others-description .list-inline {
  margin-bottom: 0px;
}

.sp-hero-fluid .sp-hero-others-description .status {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  font-family: inherit;
  font-weight: 600;
}

.sp-hero-fluid .sp-hero-others-description .summary {
  color: #686664;
  display: block;
  font-size: 14px;
}

.sp-hero-fluid .sp-hero-subtitle {
  font-weight: 600;
}

.sp-hero-fluid .sp-hero-bigSubtitle {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 6px;
  padding-top: 10px;
}

.sp-hero-fluid .sp-hero-bigSubtitle > * {
  display: inline-block;
}

.sp-hero-fluid .sp-hero-bigSubtitle h3 {
  margin: 0px;
  font-size: 20px;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.sp-hero-fluid .contextnav.is-horizontal:before, .sp-hero-fluid .is-horizontal.jumptonav:before, .sp-hero-fluid .getstartednav > ul.is-horizontal:before, .sp-hero-fluid .gettingstartednav > ul.is-horizontal:before, .sp-hero-fluid .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal:before, .get-started-container.gs-guides #getting-started-nav .sp-hero-fluid .getstartednav > ul.is-horizontal:before {
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 -1px 0 0 #d4cfc5 !important;
}

.sp-hero .share-icons {
  position: relative;
  align-self: flex-start;
  flex-shrink: 0;
  margin-top: 0;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .sp-hero .share-icons {
    margin-top: 15px;
    margin-left: 0;
  }
}

.sp-hero.aqua {
  background-color: transparent !important;
}

.sp-hero[style*='background-image'].no-image {
  background-image: none !important;
}

.sp-hero[style*='background-image']:not([style*="/banners/tools/default.png"]):not(.no-image) {
  min-height: 35vh;
}

.sp-hero[style*='background-image']:not(.no-image):before {
  content: '';
}

@media screen and (min-width: 992px) {
  .sp-hero[style*='background-image']:not(.no-image) .sp-hero-title-container {
    max-width: 58.3333333333%;
  }
}

.sp-hero[style*='background-image']:not(.no-image) .sp-hero-title,
.sp-hero[style*='background-image']:not(.no-image) .sp-hero-subtitle {
  color: white;
}

.sp-hero[style*='background-image']:not(.no-image) .btn-icon-link {
  color: white;
}

.sp-hero[style*='background-image']:not(.no-image).gs-banner {
  min-height: 13vh;
  background-color: #00a4a7;
  background-image: url(/assets/images/en/icons/GS-background-icons.svg) !important;
}

.sp-hero[style*='background-image']:not(.no-image).gs-banner:before {
  background-position: 75%;
  background-size: 370px;
}

.col-lg-12 > .sp-icons > .sp-info {
  width: 100%;
  margin: auto;
}

@media screen and (min-width: 992px) {
  .col-lg-12 > .sp-icons > .sp-info {
    width: 50%;
  }
}

.sp-icons {
  padding-top: 2em;
  padding-bottom: 2em;
}

.sp-icons-list.sp-large {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 992px) {
  .sp-icons-list.sp-large {
    justify-content: center;
  }
}

.sp-icons .sp-large .sp-icons-title {
  font-size: 14px;
  margin: 10px;
}

.sp-icons .sp-large .sp-icons-desc {
  font-size: 12px;
  color: #686664;
}

.sp-icons .sp-large .sp-icons-desc p {
  margin-bottom: 0;
}

.sp-icons .sp-large .sp-icons-img {
  height: 50px;
  margin-bottom: 15px;
}

.sp-icons .sp-large .sp-icons-img img {
  max-height: 50px;
  margin: auto;
}

.sp-icons .sp-large .sp-icons-img span {
  font-size: 50px;
  line-height: initial;
}

.sp-icons .sp-large .sp-icons-item {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 30px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-large .sp-icons-item {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .sp-icons .sp-large .sp-icons-item {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .sp-icons .sp-large .sp-icons-item {
    width: 16.6666666667%;
    max-width: 25%;
    flex-grow: 1;
  }
}

.sp-icons .sp-large .sp-icons-item a {
  color: inherit;
  text-decoration: none;
}

.sp-icons-list.sp-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sp-icons .sp-info {
  padding: 15px;
  padding-bottom: 10px;
  border: 1px solid var(--nxp-border-color);
  border-radius: 0;
}

.sp-icons .sp-info .sp-icons-title {
  margin: 0;
  color: var(--nxp-link-color);
  font-size: 16px;
  font-weight: normal;
}

.sp-icons .sp-info .sp-icons-img {
  padding-right: 8px;
  font-size: 16px;
  max-height: 16px;
}

.sp-icons .sp-info .sp-icons-img img {
  vertical-align: baseline;
  height: 16px;
  width: 16px;
  max-width: none;
  margin: auto;
}

.sp-icons .sp-info .buy {
  color: #f9b500;
}

.sp-icons .sp-info .buy .sp-icons-title,
.sp-icons .sp-info .buy a {
  color: #f9b500;
}

.sp-icons .sp-info .sp-icons-item {
  width: 100%;
  margin-bottom: 5px;
}

@media screen and (min-width: 480px) {
  .sp-icons .sp-info .sp-icons-item {
    width: calc((100% - 30px) / 2);
  }
}

.sp-icons .sp-info .sp-icons-item a {
  display: inline-flex;
  text-align: center;
  line-height: 1.6;
}

.sp-icons .sp-info .sp-icons-content {
  text-align: left;
}

.sp-icons .sp-nested {
  display: block;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-nested {
    display: flex;
  }
}

.sp-icons .sp-nested .sp-icons-list {
  width: 100%;
  padding: 30px;
  background-color: white;
  border: 1px solid var(--nxp-border-color);
  border-left: none;
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item:not(:first-child) {
  padding-top: 15px;
  border-top: 1px solid var(--nxp-border-color);
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item {
  padding-bottom: 15px;
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item > a {
  text-decoration: none;
  color: #000000;
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item > a[aria-expanded] .sp-icons-title {
  color: #000000;
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item > a[aria-expanded='true'] .icon-arrow-right3 {
  transform: rotate(90deg);
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item > a .icon-arrow-right3 {
  margin-left: -1em;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.sp-icons .sp-nested .sp-icons-list .sp-icons-item > a .sp-icons-title {
  color: var(--nxp-link-color);
}

.sp-icons .sp-nested .sp-icons-list .sp-tab-title {
  display: block;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-nested .sp-icons-list .sp-tab-title {
    display: none;
  }
}

.sp-icons .sp-nested .sp-icons-content {
  display: block;
  width: 100%;
  margin-right: -5px;
  margin-left: -5px;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-nested .sp-icons-content {
    display: flex;
    width: auto;
  }
}

.sp-icons .sp-nested .sp-icons-content .sp-icons-title {
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-nested .sp-icons-content .sp-icons-title {
    width: 180px;
  }
}

.sp-icons .sp-nested .sp-icons-content .sp-icons-desc {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
}

.sp-icons .sp-nested .sp-icons-content .sp-icons-desc p {
  margin-bottom: 0;
}

.sp-icons .sp-nested .sp-left-list {
  width: 100%;
  flex-shrink: 0;
  overflow: auto;
  padding-bottom: 0;
  background-color: #f7f5f1;
  border: 1px solid var(--nxp-border-color);
  border-right: 0;
}

.sp-icons .sp-nested .sp-left-list ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-bottom: 0;
}

.sp-icons .sp-nested .sp-left-list ul > li {
  padding-left: 0;
}

.sp-icons .sp-nested .sp-left-list ul li {
  flex-shrink: 0;
  margin-bottom: 0;
  text-align: center;
  border-right: 1px solid var(--nxp-border-color);
  border-bottom: 1px solid var(--nxp-border-color);
}

.sp-icons .sp-nested .sp-left-list ul li a {
  display: block;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  color: #474645;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.sp-icons .sp-nested .sp-left-list ul li a:hover {
  background-color: #ebe7dd;
  text-decoration: none;
}

.sp-icons .sp-nested .sp-left-list ul li.active {
  background-color: white;
}

.sp-icons .sp-nested .sp-left-list ul li.active a {
  color: #000000;
  cursor: default;
  box-shadow: inset 0 -5px 0 0 #f9b500;
}

.sp-icons .sp-nested .sp-left-list ul li.active a:hover {
  background-color: white;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .sp-icons .sp-nested .sp-left-list {
    padding-bottom: 3em;
    width: 180px;
    overflow: visible;
  }
  .sp-icons .sp-nested .sp-left-list ul {
    display: block;
  }
  .sp-icons .sp-nested .sp-left-list ul li {
    min-width: 179px;
  }
  .sp-icons .sp-nested .sp-left-list ul li.active {
    border-right: 1px solid white;
  }
  .sp-icons .sp-nested .sp-left-list ul li.active a {
    box-shadow: none;
  }
}

.sp-buy {
  padding-top: 3em;
  padding-bottom: 3em;
}

.sp-buy.bg-primary {
  background-color: #000000;
}

.sp-buy.bg-primary .sp-buy-header {
  color: white;
}

.sp-buy-header {
  margin-top: 0;
}

.sp-buy-kit {
  padding-left: 0;
  margin-bottom: 0;
}

.sp-buy-kit:before {
  content: none;
}

.sp-buy-kit ul {
  list-style: disc;
}

.sp-buy-board {
  padding-left: 0;
  margin-bottom: 0;
}

.sp-buy-board:before {
  content: none;
}

.sp-buy-board h3 {
  margin-top: 0;
}

.sp-buy-code {
  padding-left: 0;
  margin-bottom: 15px;
  color: var(--nxp-secondary-color);
}

.sp-buy-code:before {
  content: none;
}

.sp-buy-options {
  padding-left: 0;
}

.sp-buy-options:before {
  content: none;
}

.sp-buy-content {
  padding: 30px;
  background-color: white;
  color: black;
  border-radius: 3px;
  font-size: 14px;
}

.sp-buy-item {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and (max-width: 767px) {
  .sp-buy-item.no-image {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 480px) {
  .sp-buy-item {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 768px) {
  .sp-buy-item {
    display: flex;
    flex-direction: row;
  }
}

.sp-buy-item + .sp-buy-item {
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 30px;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .sp-buy-item:has(.sp-buy-options > .item-options-collections) {
    position: relative;
  }
  .sp-buy-item:has(.sp-buy-options > .item-options-collections) .sp-buy-details-img {
    padding: 24px 56px 0px 56px;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  .sp-buy-item:has(.sp-buy-options > .item-options-collections) .sp-buy-details {
    padding-right: 40px;
  }
}

.sp-buy-details {
  width: 100%;
  padding-right: 15px;
}

@media screen and (min-width: 480px) {
  .sp-buy-details {
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .sp-buy-details {
    width: 50%;
    padding-right: 15px;
  }
}

.sp-buy-details > ul {
  padding-left: 0;
  list-style: none;
}

.sp-buy-details > ul > li {
  padding-left: 0;
}

.sp-buy-details ul {
  margin: 0;
}

.sp-buy-image {
  width: 100%;
  padding-bottom: 15px;
  padding-left: 15px;
  min-height: 125px;
}

@media screen and (min-width: 480px) {
  .sp-buy-image {
    width: 100%;
    padding: 0;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .sp-buy-image {
    width: 50%;
    padding-bottom: 0;
    padding-left: 15px;
  }
}

.sp-buy-currency {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.sp-buy-currency:before {
  content: none;
}

.sp-buy-price {
  padding-left: 0;
  font-size: 18px;
}

.sp-buy-price:before {
  content: none;
}

.sp-buy-options {
  padding-top: 15px;
  margin: 0;
}

.sp-buy-options:has(.item-options-collections) {
  padding: 20px;
}

@media (max-width: 768px) {
  .sp-buy-options:has(.item-options-collections) {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 992px) {
  .sp-buy-options:has(.item-options-collections) .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
  .sp-buy-options:has(.item-options-collections) .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

.sp-buy-single-bt {
  padding-left: 0;
  list-style: none;
}

.sp-buy-single-bt > li {
  padding-left: 0;
}

.sp-buy-single-bt .sp-buy-actions {
  padding-top: 15px;
}

.sp-buy-salesitem {
  color: var(--nxp-secondary-color);
  padding-left: 0;
  margin-bottom: 15px;
  line-height: 14px;
  font-size: 14px;
}

.sp-buy-salesitem:before {
  content: none;
}

.sp-buy-line {
  border-top: 1px dashed var(--nxp-border-color);
  padding: 0;
  margin: 15px 0 0 0;
}

.sp-buy-line:before {
  content: none;
}

.sp-buy-actions {
  padding-left: 0;
  margin-bottom: 0.5em;
}

.sp-buy-actions:before {
  content: none;
}

.sp-buy-actions .btn, .sp-buy-actions .nav-close {
  margin-right: 0.25em;
}

.sp-buy-actions span[class^='icon'] {
  margin-right: 0.25em;
}

.sp-buy-actions .part-buy-item-buttons_container {
  padding-left: 0;
}

.sp-buy-available {
  padding-top: 3px;
  text-align: left;
  padding-left: 0;
  margin: 0;
  font-size: 12px;
  color: var(--nxp-secondary-color);
}

.sp-buy-available:before {
  content: none;
}

.sp-buy-available span[class^='icon'] {
  margin-left: 0.25em;
}

.related-products-heading {
  font-size: 20px;
}

.related-products-title {
  font-size: 1em;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.related-products-media {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.related-products-media img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.related-products-vendor {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

ul.related-products-vendor {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.related-products-vendor > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.related-products-vendor li {
  margin-top: 6px;
  margin-bottom: 0;
}

.related-products-vendor a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .related-products-vendor a,
#part-details-app .related-products-vendor a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .related-products-vendor a:hover,
#part-details-app .related-products-vendor a:hover {
  text-decoration: underline;
}

.related-products .slider-related-products .slick-track {
  margin-right: 0;
  margin-left: 0;
}

#buy.new-buy:before {
  content: '';
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid #d6dce0 !important;
}

.new-buy .sp-buy-header {
  margin-bottom: 0px;
}

.new-buy .sp-buy-content {
  padding: 24px 0px 0px 0px;
}

.new-buy .sp-buy-item {
  border: 1px solid var(--nxp-border-color);
  padding-top: 0px;
}

@media only screen and (max-width: 600px) {
  .new-buy .sp-buy-item {
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .new-buy .sp-buy-item {
    flex-direction: column;
    display: flex;
    position: relative;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}

.new-buy .sp-buy-kit {
  font-size: 16px !important;
}

.new-buy .sp-buy-kit h4 {
  font-size: 14px;
  line-height: 20px;
}

.new-buy .sp-buy-kit p {
  font-size: 16px;
}

.new-buy .sp-buy-contains {
  line-height: 24px;
}

.new-buy .sp-buy-contains li {
  font-size: 14px;
}

.new-buy .sp-buy-details {
  padding: 20px 20px;
  width: 41.65%;
  color: #262626;
}

@media only screen and (max-width: 768px) {
  .new-buy .sp-buy-details {
    width: 50%;
    margin-left: 50%;
    padding-bottom: 48px;
    border-left: 1px solid #d6dce0;
  }
}

@media only screen and (max-width: 600px) {
  .new-buy .sp-buy-details {
    width: auto;
    padding: 24px 24px 0px 24px;
    border: none;
    margin: 0px;
  }
}

.new-buy .sp-buy-details ul {
  padding-bottom: 8px;
}

.new-buy .sp-buy-details-img {
  display: flex;
  text-align: center;
  width: 24.99%;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .new-buy .sp-buy-details-img {
    border-right: 1px solid #d6dce0;
  }
}

@media only screen and (max-width: 768px) {
  .new-buy .sp-buy-details-img {
    width: 50%;
    position: absolute;
    left: 0px;
    top: 30%;
  }
}

@media only screen and (max-width: 600px) {
  .new-buy .sp-buy-details-img {
    padding-top: 24px;
    width: auto;
    position: relative;
  }
}

.new-buy .sp-buy-details-img .sp-buy-image {
  width: 100%;
  padding: 0px;
}

.new-buy .sp-buy-details-img .sp-buy-image img {
  margin: auto;
}

.new-buy .sp-buy-details-buttons {
  padding: 20px 20px;
  width: 33.32%;
}

.new-buy .sp-buy-details-buttons .sp-buy-buttons-container {
  display: flex;
  margin: 18px 0px 12px 0px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;
}

.new-buy .sp-buy-details-buttons .sp-buy-buttons-container .btn, .new-buy .sp-buy-details-buttons .sp-buy-buttons-container .nav-close {
  width: unset;
  margin-bottom: unset;
}

.new-buy .sp-buy-details-buttons .sp-buy-buttons-container + a {
  font-size: 14px;
}

.new-buy .sp-buy-details-buttons .sp-buy-single-bt {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .new-buy .sp-buy-details-buttons {
    width: 50%;
    padding-top: 0px;
    margin-left: 50%;
    border-left: 1px solid #d6dce0;
  }
}

@media only screen and (max-width: 600px) {
  .new-buy .sp-buy-details-buttons {
    width: auto;
    padding: 0px 24px 24px 24px;
    border: none;
    margin: 0px;
  }
}

.new-buy .sp-buy-details-buttons .sp-buy-price {
  font-size: 20px;
  margin-bottom: 0px;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.new-buy .sp-buy-details-buttons .sp-buy-quantity {
  font-size: 14px;
  color: #686664;
}

.new-buy .sp-buy-details-buttons .sp-buy-actions {
  display: flex;
  justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .new-buy .sp-buy-details-buttons .sp-buy-actions {
    align-items: flex-start;
  }
}

.new-buy .sp-buy-details-buttons .sp-buy-actions .sp-buy-single-img {
  font-size: 33px;
  color: #686664;
  padding-top: 4px;
  padding-left: 0px;
}

@media only screen and (max-width: 992px) {
  .new-buy .sp-buy-details-buttons .sp-buy-actions .sp-buy-single-img {
    font-size: 20px;
  }
}

.new-buy .sp-buy-details-buttons .sp-buy-actions-list {
  margin: 0px;
  padding-left: 0px;
  align-self: center;
}

.new-buy .sp-buy-details-buttons .sp-buy-actions-list .sp-buy-single-inventory {
  padding-left: 8px;
}

@media only screen and (max-width: 1200px) {
  .new-buy .sp-buy-details-buttons .sp-buy-actions-list .sp-buy-single-inventory {
    padding-left: 0px;
  }
}

.new-buy .sp-buy-details-buttons .sp-buy-actions-list li {
  color: #686664;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0px;
}

.new-buy .sp-buy-details-buttons .sp-buy-actions-list li span {
  font-weight: normal;
}

.new-buy .sp-buy-details-buttons .btn, .new-buy .sp-buy-details-buttons .nav-close {
  width: 100%;
  margin-bottom: 8px;
}

.new-buy .sp-buy-details-buttons p {
  color: #64798a;
}

.new-buy .sp-buy-additional {
  color: #64798a;
}

.new-buy .sp-buy-additional span {
  font-weight: 600;
}

.new-buy .sp-buy-optional {
  margin-bottom: 0px;
}

@media only screen and (min-width: 992px) {
  .new-buy .sp-buy-optional {
    font-size: 16px;
  }
}

.new-buy .sp-buy-single-data {
  display: inline-flex;
}

.new-buy .sp-buy-single-img {
  font-size: 24px;
}

.new-buy .sp-buy-single-availability {
  font-weight: 600;
}

.new-buy .buyOptionModal .modal-header {
  min-height: 50px;
}

.new-buy .buyOptionModal .xactive {
  box-shadow: none;
}

.new-buy .removeFlex {
  justify-content: unset !important;
  align-items: unset !important;
  text-align: unset !important;
  margin: unset !important;
}

@media only screen and (max-width: 767px) {
  .new-buy {
    padding: 24px 0 !important;
  }
  .new-buy .sp-buy-header {
    font-size: 30px !important;
    padding-bottom: 0px;
    border-bottom: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .new-buy .xzoom-scaled {
    transform: unset;
  }
  .new-buy .show-image-video:hover,
  .new-buy .show-image-video:active,
  .new-buy img.xzoom:hover,
  .new-buy img.xzoom:active,
  .new-buy .xzoom.xactive {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
  }
  .new-buy .xzoom-scaled:not(.grabbingElement) img {
    transform: scale(1) translate(0px, 0px);
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
  }
  .new-buy .xzoom-scaled.grabbingElement:active {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
  }
}

.hero-lead {
  padding-top: 3em;
  padding-bottom: 3em;
}

.hero-lead-title {
  margin-top: 0;
  text-align: inherit;
}

.hero-lead-area {
  display: flex;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
  text-align: inherit;
}

@media screen and (min-width: 768px) {
  .hero-lead-area {
    justify-content: center;
  }
}

.hero-lead-image {
  flex-basis: 130px;
  max-width: 130px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.hero-lead-image svg {
  width: 100%;
  fill: #000000;
}

.hero-lead-image svg[height] {
  height: auto;
}

.hero-lead-image img {
  max-width: 100%;
}

.hero-lead-text {
  flex-grow: 1;
  width: 50%;
  min-width: 320px;
  max-width: 830px;
  padding-right: 15px;
  padding-left: 15px;
}

.hero-lead-text:only-child {
  text-align: center;
}

.hero-lead-text h2,
.hero-lead-text .h2 {
  margin-top: 0;
  font-size: 20px;
}

.hero-lead-text p:not(.h2) {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.hero-lead-text > *:last-child {
  margin-bottom: 0;
}

.section-lead {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
}

.section-lead:last-child {
  margin-bottom: 0;
}

.section-lead.is-secondary {
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
}

@media screen and (min-width: 992px) {
  .section-lead {
    text-align: center;
  }
  .section-lead.is-secondary {
    text-align: left;
    text-align: initial;
  }
  .section-lead.text-left {
    max-width: 100%;
    text-align: left;
    text-align: initial;
  }
  .section-lead .col-md-10 {
    width: 100%;
  }
  .section-lead .col-md-offset-1 {
    margin-left: 0;
  }
}

.section-lead-label {
  display: none;
}

.section-lead-header {
  display: flex;
}

.section-lead-link {
  align-self: center;
  flex-shrink: 0;
  margin-left: 0.5em;
  padding-top: 5px;
  line-height: 1;
}

.section-lead-icon {
  display: flex;
  margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
  .section-lead-icon {
    justify-content: center;
  }
}

.section-lead-icon img {
  width: auto;
  max-height: 50px;
}

.section-lead-icon svg {
  display: block;
  width: 100%;
  max-width: 50px;
  max-height: 50px;
}

.section-lead-icon [class*='icon-'] {
  line-height: 50px;
  font-size: 50px;
}

.section-lead-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.section-lead:not(.is-secondary) .section-lead-title {
  font-weight: 600;
}

.section-lead-text {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.section-lead-title + .section-lead-text,
.section-lead-header + .section-lead-text {
  margin-top: 20px;
}

.buyselector .section-lead-text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #262626;
}

.section-lead-text :last-child {
  margin-bottom: 0;
}

.key-topic {
  padding-top: 3em;
  padding-bottom: 3em;
}

.key-topic-list {
  display: flex;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.key-topic-list.one {
  justify-content: center;
}

.key-topic-list + .key-topic-list {
  margin-top: 2em;
}

.key-topic-item {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 2em;
}

.key-topic-item:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .key-topic-item {
    flex-grow: 0;
    width: 50%;
  }
  .key-topic-item:nth-of-type(-n + 2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 992px) {
  .three .key-topic-item {
    width: 33.3333333333%;
  }
  .three .key-topic-item:nth-of-type(-n + 3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .four .key-topic-item {
    width: 25%;
  }
  .four .key-topic-item:nth-of-type(-n + 4) {
    margin-top: 0;
  }
}

.key-topic-img {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin-bottom: 1em;
}

.key-topic-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-topic-img img[src$='.svg'] {
  width: 100%;
  height: auto;
}

.key-topic-img .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
}

.key-topic-img .overlay svg {
  display: block;
  width: 20%;
  margin: auto;
}

.key-topic-img .item-duration {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
}

.key-topic-content:has(.item-options-collections) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.key-topic-content:has(.item-options-collections) .key-topic-subtitle {
  width: 100%;
  order: 3;
}

.key-topic-content:has(.item-options-collections) .key-topic-title {
  width: 90%;
}

.key-topic-title {
  margin-top: 0;
}

.key-topic-subtitle {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
}

.key-topic-description > *:last-child {
  margin-bottom: 0;
}

.key-topic-links {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.key-topic-links > li {
  padding-left: 0;
}

.key-topic-content + .key-topic-links {
  margin-top: 1em;
}

.key-topic-links li:last-of-type {
  margin-bottom: 0;
}

.key-topic-links a {
  position: relative;
}

.key-topic-links a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .key-topic-links a:after {
  content: '';
}

.key-topic-links a:hover {
  text-decoration: none;
}

.key-topic-links a:hover:after {
  transform: translateX(0.5em);
}

.key-topic-links a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .key-topic-links a[href*='community.nxp.com']:after, .key-topic-links a[href*='docs.nxp.com']:after, .key-topic-links a[href*='investors.nxp.com']:after, .key-topic-links a[href*='nxpcup.nxp.com']:after, .key-topic-links a[href*='support.nxp.com']:after, .key-topic-links a[href*='showroom.nxp.com']:after, .key-topic-links a[href*='investorday.nxp.com']:after, .key-topic-links a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.key-topic-links a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .key-topic-links a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .key-topic-links a.btn[href*='community.nxp.com']:after, .key-topic-links a.nav-close[href*='community.nxp.com']:after, .key-topic-links a.btn[href*='docs.nxp.com']:after, .key-topic-links a.nav-close[href*='docs.nxp.com']:after, .key-topic-links a.btn[href*='investors.nxp.com']:after, .key-topic-links a.nav-close[href*='investors.nxp.com']:after, .key-topic-links a.btn[href*='nxpcup.nxp.com']:after, .key-topic-links a.nav-close[href*='nxpcup.nxp.com']:after, .key-topic-links a.btn[href*='support.nxp.com']:after, .key-topic-links a.nav-close[href*='support.nxp.com']:after, .key-topic-links a.btn[href*='showroom.nxp.com']:after, .key-topic-links a.nav-close[href*='showroom.nxp.com']:after, .key-topic-links a.btn[href*='investorday.nxp.com']:after, .key-topic-links a.nav-close[href*='investorday.nxp.com']:after, .key-topic-links a.btn[href*='mcuxpresso.nxp.com']:after, .key-topic-links a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.key-topic-links a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.has-columns .key-topic-item .key-topic-links {
  column-count: 2;
  column-gap: 1em;
  column-width: 140px;
}

.has-columns .key-topic-item .key-topic-links > li {
  break-inside: avoid;
}

.key-topic-item.is-featured {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .key-topic-item.is-featured {
    width: 66.6666666667%;
  }
}

.key-topic-feature-column {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.key-topic-feature-column .key-topic-item {
  width: 100%;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .key-topic-feature-column .key-topic-item {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .key-topic-feature-column {
    flex-direction: column;
    width: 33.3333333333%;
  }
  .key-topic-feature-column .key-topic-item {
    width: 100%;
    margin-top: 0;
  }
  .key-topic-feature-column .key-topic-item:last-child {
    margin-top: auto;
  }
}

.key-topic-img a {
  display: block;
}

.has-feature .key-topic-img {
  margin-bottom: 10px;
}

.is-featured .key-topic-img {
  padding-bottom: 66.6666666667%;
}

.has-feature .key-topic-subtitle,
.has-feature + .key-topic-list .key-topic-subtitle {
  display: none;
}

.has-feature .key-topic-description,
.has-feature + .key-topic-list .key-topic-description {
  display: none;
}

.has-feature .key-topic-links,
.has-feature + .key-topic-list .key-topic-links {
  display: none;
}

.whats-new {
  padding: 3em 0 1em;
  background-color: #ebe7dd;
}

.whats-new-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (min-width: 480px) {
  .whats-new-list {
    align-items: stretch;
  }
}

.whats-new-list.one, .whats-new-list.two {
  justify-content: center;
}

.whats-new-list.featured .whats-new-item:first-child {
  background-color: #0eafe0;
}

.whats-new-list.featured .whats-new-item:first-child:hover {
  background-color: #1a48aa;
  border-color: #1a48aa;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.37);
}

.whats-new-list.featured .whats-new-item:first-child .whats-new-title,
.whats-new-list.featured .whats-new-item:first-child .item-signpost {
  color: white;
}

.whats-new-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding-bottom: 1em;
  margin-bottom: 2em;
  background: white;
  border: 1px solid #d4cfc5;
  /*  @include breakpoint-min-max($screen-xs, $screen-md) {
      display: flex;
      flex-direction: row;
    } */
}

a.whats-new-item {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.05);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  border: 1px solid #d4cfc5;
}

a.whats-new-item:hover {
  text-decoration: none;
  background-color: white;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
}

a.whats-new-item.default .whats-new-caption {
  padding: 6px 12px;
  font-size: 14px;
  background-color: #313e48;
}

@media screen and (min-width: 480px) {
  .whats-new-item {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .whats-new-item {
    flex-basis: calc((100% - 2em) / 2);
  }
}

@media screen and (min-width: 992px) {
  .two .whats-new-item {
    flex-basis: calc((100% - 4em) / 3);
    margin: 10px 15px;
  }
}

@media screen and (min-width: 992px) {
  .three .whats-new-item,
  .four .whats-new-item {
    flex-basis: calc((100% - 4em) / 3);
  }
}

.whats-new-item:has(.overlay-container) {
  background-color: var(--nxp-surface-dark);
}

.whats-new-img {
  position: relative;
  overflow: hidden;
  padding-bottom: 46%;
  background-color: #262626;
  background-image: url("//www.nxp.com/assets/images/en/icons/nxp-logo-white.png");
  background-position: calc(100% - 2em) 2em;
  background-repeat: no-repeat;
  background-size: 20% auto;
  min-height: 200px;
}

.whats-new-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.three .whats-new-img,
.four .whats-new-img {
  background-position: calc(100% - 0.5em) 0.5em;
}

@media screen and (min-width: 992px) {
  .three .whats-new-img,
  .four .whats-new-img {
    background-position: calc(100% - 1em) 1em;
  }
}

.applications .whats-new-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-cog-checklist.svg");
}

.blog .whats-new-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-bubble13.svg");
}

.brochure .whats-new-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.case-study .whats-new-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.connect .whats-new-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-users.svg");
}

.demo .whats-new-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.events .whats-new-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/whatsnew-events.svg");
}

.fact-sheet .whats-new-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.news .whats-new-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.products .whats-new-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-part.svg");
}

.software .whats-new-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-software.svg");
}

.support .whats-new-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-users.svg");
}

.tools .whats-new-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-cog-checklist.svg");
}

.training .whats-new-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.video .whats-new-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-video.svg");
}

.webinar .whats-new-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.whitepaper .whats-new-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.whats-new-img img {
  width: 100%;
  height: 200px;
  max-width: 100%;
}

.whats-new-img svg {
  width: 4em;
  height: 4em;
  fill: white;
}

@media screen and (min-width: 480px) {
  .whats-new-img {
    min-height: calc(50vw - 30px);
  }
}

@media screen and (min-width: 768px) {
  .whats-new-img {
    min-height: calc((100vw - 330px) / 2);
  }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .whats-new-img {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }
  .whats-new-img > img {
    /* width: auto;
        max-width: none;
        height: 100.5%; */
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .whats-new-img {
    min-height: 200px;
    height: auto;
  }
}

.whats-new-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  padding: 8px 16px;
  color: white;
  background-color: rgba(38, 38, 38, 0.5);
}

.applications .whats-new-caption,
.brochure .whats-new-caption,
.case-study .whats-new-caption,
.fact-sheet .whats-new-caption,
.products .whats-new-caption,
.software .whats-new-caption,
.tools .whats-new-caption,
.whitepaper .whats-new-caption {
  background-color: rgba(255, 255, 255, 0.4);
}

.applications img + .whats-new-caption {
  background-color: #bc0d0d;
}

.blog img + .whats-new-caption {
  background-color: #00a4a7;
}

.brochure img + .whats-new-caption {
  background-color: #003883;
}

.case-study img + .whats-new-caption {
  background-color: #003883;
}

.connect img + .whats-new-caption {
  background-color: #00a4a7;
}

.demo img + .whats-new-caption {
  background-color: #e66a08;
}

.events img + .whats-new-caption {
  background-color: #00a4a7;
}

.fact-sheet img + .whats-new-caption {
  background-color: #003883;
}

.news img + .whats-new-caption {
  background-color: #00a4a7;
}

.products img + .whats-new-caption {
  background-color: #bc0d0d;
}

.software img + .whats-new-caption {
  background-color: #bc0d0d;
}

.support img + .whats-new-caption {
  background-color: #e66a08;
}

.tools img + .whats-new-caption {
  background-color: #bc0d0d;
}

.training img + .whats-new-caption {
  background-color: #e66a08;
}

.video img + .whats-new-caption {
  background-color: #e66a08;
}

.webinar img + .whats-new-caption {
  background-color: #e66a08;
}

.whitepaper img + .whats-new-caption {
  background-color: #003883;
}

.whats-new-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding: 1em;
  background-color: var(--nxp-surface-dark);
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .whats-new-content {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    align-self: center;
  }
}

@media (max-width: 992px) {
  .whats-new-content:first-child {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}

.whats-new-content .item-signpost {
  margin-bottom: 8px;
}

.whats-new-content .impact-label {
  margin-bottom: 12px;
}

.whats-new-title {
  margin-top: 0;
  font-size: 20px;
}

.whats-new-title a {
  color: var(--nxp-emphasis-color);
}

.whats-new-links {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.whats-new-links > li {
  padding-left: 0;
}

.whats-new-links li:last-of-type {
  margin-bottom: 0;
}

.whats-new-links a {
  position: relative;
}

.whats-new-links a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .whats-new-links a:after {
  content: '';
}

.whats-new-links a:hover {
  text-decoration: none;
}

.whats-new-links a:hover:after {
  transform: translateX(0.5em);
}

.whats-new-links a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .whats-new-links a[href*='community.nxp.com']:after, .whats-new-links a[href*='docs.nxp.com']:after, .whats-new-links a[href*='investors.nxp.com']:after, .whats-new-links a[href*='nxpcup.nxp.com']:after, .whats-new-links a[href*='support.nxp.com']:after, .whats-new-links a[href*='showroom.nxp.com']:after, .whats-new-links a[href*='investorday.nxp.com']:after, .whats-new-links a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.whats-new-links a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .whats-new-links a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .whats-new-links a.btn[href*='community.nxp.com']:after, .whats-new-links a.nav-close[href*='community.nxp.com']:after, .whats-new-links a.btn[href*='docs.nxp.com']:after, .whats-new-links a.nav-close[href*='docs.nxp.com']:after, .whats-new-links a.btn[href*='investors.nxp.com']:after, .whats-new-links a.nav-close[href*='investors.nxp.com']:after, .whats-new-links a.btn[href*='nxpcup.nxp.com']:after, .whats-new-links a.nav-close[href*='nxpcup.nxp.com']:after, .whats-new-links a.btn[href*='support.nxp.com']:after, .whats-new-links a.nav-close[href*='support.nxp.com']:after, .whats-new-links a.btn[href*='showroom.nxp.com']:after, .whats-new-links a.nav-close[href*='showroom.nxp.com']:after, .whats-new-links a.btn[href*='investorday.nxp.com']:after, .whats-new-links a.nav-close[href*='investorday.nxp.com']:after, .whats-new-links a.btn[href*='mcuxpresso.nxp.com']:after, .whats-new-links a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.whats-new-links a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.whats-new .new .whats-new-title {
  margin-top: 0px;
}

.whats-new.band.cool-grey-xxxlight, .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='automotive'],
.whats-new.cool-grey-xxxlight#faq[data-nxp-theme='industrial'],
.whats-new.cool-grey-xxxlight#faq[data-nxp-theme='consumer'] {
  background-color: #ebe7dd;
}

.card-flex {
  padding: 3em 0 1em;
  background-color: inherit;
}

.card-flex-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (min-width: 480px) {
  .card-flex-list {
    align-items: stretch;
  }
}

.card-flex-list.one, .card-flex-list.two {
  justify-content: center;
}

.card-flex-list.featured .whats-new-item:first-child {
  background-color: #0eafe0;
}

.card-flex-list.featured .whats-new-item:first-child:hover {
  background-color: #1a48aa;
  border-color: #1a48aa;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.37);
}

.card-flex-list.featured .whats-new-item:first-child .whats-new-title,
.card-flex-list.featured .whats-new-item:first-child .item-signpost {
  color: white;
}

.card-flex-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding-bottom: 1em;
  margin-bottom: 2em;
  background-color: var(--nxp-surface-dark);
  color: var(--nxp-body-color);
  border: 1px solid var(--nxp-border-color);
}

a.card-flex-item {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.05);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  border: 1px solid var(--nxp-border-color);
}

a.card-flex-item:hover {
  text-decoration: none;
  background-color: var(--nxp-surface-dark);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
}

a.card-flex-item.default .whats-new-caption {
  padding: 6px 12px;
  font-size: 14px;
  background-color: #313e48;
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .card-flex-item {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (min-width: 480px) {
  .card-flex-item {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .card-flex-item {
    flex-basis: calc((100% - 2em) / 2);
  }
  .card-swiper .card-flex-item {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 992px) {
  .two .card-flex-item {
    flex-basis: calc((100% - 4em) / 3);
    margin: 10px 15px;
  }
}

@media screen and (min-width: 992px) {
  .three .card-flex-item,
  .four .card-flex-item {
    flex-basis: calc((100% - 4em) / 3);
  }
}

.card-flex-img {
  background-color: #262626;
  background-image: url("//www.nxp.com/assets/images/en/icons/nxp-logo-white.png");
  background-position: calc(100% - 2em) 2em;
  background-repeat: no-repeat;
  background-size: 20% auto;
}

.three .card-flex-img,
.four .card-flex-img {
  background-position: calc(100% - 0.5em) 0.5em;
}

@media screen and (min-width: 992px) {
  .three .card-flex-img,
  .four .card-flex-img {
    background-position: calc(100% - 1em) 1em;
  }
}

.applications .card-flex-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-cog-checklist.svg");
}

.blog .card-flex-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-bubble13.svg");
}

.brochure .card-flex-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.case-study .card-flex-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.connect .card-flex-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-users.svg");
}

.demo .card-flex-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.events .card-flex-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/whatsnew-events.svg");
}

.fact-sheet .card-flex-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.news .card-flex-img {
  background-color: #00a4a7;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.products .card-flex-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-part.svg");
}

.software .card-flex-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-software.svg");
}

.support .card-flex-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-users.svg");
}

.tools .card-flex-img {
  background-color: #bc0d0d;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-cog-checklist.svg");
}

.training .card-flex-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.video .card-flex-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-video.svg");
}

.webinar .card-flex-img {
  background-color: #e66a08;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-training.svg");
}

.whitepaper .card-flex-img {
  background-color: #003883;
  background-image: url("//www.nxp.com/assets/images/en/icons/icon-file4.svg");
}

.card-flex-img img {
  width: 100%;
  max-width: 100%;
}

.card-flex-img svg {
  width: 4em;
  height: 4em;
  fill: white;
}

@media screen and (min-width: 480px) {
  .card-flex-img {
    min-height: calc(50vw - 30px);
  }
}

@media screen and (min-width: 768px) {
  .card-flex-img {
    min-height: calc((100vw - 330px) / 2);
  }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .card-flex-img {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }
  .card-flex-img > img {
    width: auto;
    max-width: none;
    height: 100.5%;
  }
}

@media screen and (min-width: 992px) {
  .card-flex-img {
    min-height: 0;
    height: auto;
  }
}

.card-flex-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  padding: 8px 16px;
  color: white;
  background-color: rgba(38, 38, 38, 0.5);
}

.applications .card-flex-caption,
.brochure .card-flex-caption,
.case-study .card-flex-caption,
.fact-sheet .card-flex-caption,
.products .card-flex-caption,
.software .card-flex-caption,
.tools .card-flex-caption,
.whitepaper .card-flex-caption {
  background-color: rgba(255, 255, 255, 0.4);
}

.applications img + .card-flex-caption {
  background-color: #bc0d0d;
}

.blog img + .card-flex-caption {
  background-color: #00a4a7;
}

.brochure img + .card-flex-caption {
  background-color: #003883;
}

.case-study img + .card-flex-caption {
  background-color: #003883;
}

.connect img + .card-flex-caption {
  background-color: #00a4a7;
}

.demo img + .card-flex-caption {
  background-color: #e66a08;
}

.events img + .card-flex-caption {
  background-color: #00a4a7;
}

.fact-sheet img + .card-flex-caption {
  background-color: #003883;
}

.news img + .card-flex-caption {
  background-color: #00a4a7;
}

.products img + .card-flex-caption {
  background-color: #bc0d0d;
}

.software img + .card-flex-caption {
  background-color: #bc0d0d;
}

.support img + .card-flex-caption {
  background-color: #e66a08;
}

.tools img + .card-flex-caption {
  background-color: #bc0d0d;
}

.training img + .card-flex-caption {
  background-color: #e66a08;
}

.video img + .card-flex-caption {
  background-color: #e66a08;
}

.webinar img + .card-flex-caption {
  background-color: #e66a08;
}

.whitepaper img + .card-flex-caption {
  background-color: #003883;
}

.card-flex-content {
  flex-grow: 1;
  padding: 1em;
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .card-flex-content {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    align-self: center;
    max-width: 50%;
  }
}

@media (max-width: 992px) {
  .card-flex-content:first-child {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
}

.card-flex-title {
  margin-top: 0;
  font-size: 20px;
}

.card-flex-links {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.card-flex-links > li {
  padding-left: 0;
}

.card-flex-links li:last-of-type {
  margin-bottom: 0;
}

.card-flex-links a {
  position: relative;
}

.card-flex-links a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .card-flex-links a:after {
  content: '';
}

.card-flex-links a:hover {
  text-decoration: none;
}

.card-flex-links a:hover:after {
  transform: translateX(0.5em);
}

.card-flex-links a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card-flex-links a[href*='community.nxp.com']:after, .card-flex-links a[href*='docs.nxp.com']:after, .card-flex-links a[href*='investors.nxp.com']:after, .card-flex-links a[href*='nxpcup.nxp.com']:after, .card-flex-links a[href*='support.nxp.com']:after, .card-flex-links a[href*='showroom.nxp.com']:after, .card-flex-links a[href*='investorday.nxp.com']:after, .card-flex-links a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.card-flex-links a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card-flex-links a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .card-flex-links a.btn[href*='community.nxp.com']:after, .card-flex-links a.nav-close[href*='community.nxp.com']:after, .card-flex-links a.btn[href*='docs.nxp.com']:after, .card-flex-links a.nav-close[href*='docs.nxp.com']:after, .card-flex-links a.btn[href*='investors.nxp.com']:after, .card-flex-links a.nav-close[href*='investors.nxp.com']:after, .card-flex-links a.btn[href*='nxpcup.nxp.com']:after, .card-flex-links a.nav-close[href*='nxpcup.nxp.com']:after, .card-flex-links a.btn[href*='support.nxp.com']:after, .card-flex-links a.nav-close[href*='support.nxp.com']:after, .card-flex-links a.btn[href*='showroom.nxp.com']:after, .card-flex-links a.nav-close[href*='showroom.nxp.com']:after, .card-flex-links a.btn[href*='investorday.nxp.com']:after, .card-flex-links a.nav-close[href*='investorday.nxp.com']:after, .card-flex-links a.btn[href*='mcuxpresso.nxp.com']:after, .card-flex-links a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.card-flex-links a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.card-flex .card-flex-title {
  margin-top: 9px;
}

.card-flex.card-swiper {
  padding: 0px;
  display: flex;
  height: 100%;
}

.card-flex.card-swiper .card-flex-item {
  margin: 0;
}

.card-flex.card-swiper .card-flex-list {
  flex: 1;
}

.card-flex.card-swiper .card-flex-list .card-flex-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-basis: 0;
}

.card-flex.card-swiper .card-flex-list .card-flex-content .card-flex-options {
  width: 10%;
  display: flex;
  justify-content: end;
  margin-top: 9px;
}

.card-flex.card-swiper .card-flex-list .card-flex-content .item-signpost,
.card-flex.card-swiper .card-flex-list .card-flex-content .card-flex-description {
  width: 100%;
}

@media (max-width: 992px) {
  .card-flex.card-swiper .card-flex-item {
    flex-direction: column;
  }
  .card-flex.card-swiper .card-flex-item .card-flex-content {
    max-width: 100%;
    align-self: unset;
  }
  .card-flex.card-swiper .card-flex-item .card-flex-img {
    min-height: calc(30vw);
  }
  .card-flex.card-swiper .card-flex-item .card-flex-img img {
    max-width: calc(100vw - 30px);
    width: 100%;
  }
}

.card-flex.band.cool-grey-xxxlight, .card-flex.cool-grey-xxxlight#faq[data-nxp-theme='automotive'],
.card-flex.cool-grey-xxxlight#faq[data-nxp-theme='industrial'],
.card-flex.cool-grey-xxxlight#faq[data-nxp-theme='consumer'] {
  background-color: #ebe7dd;
}

.grouped-links {
  padding-top: 3em;
  padding-bottom: 2em;
}

.grouped-links-image img,
.grouped-links-image svg {
  margin-bottom: 0.5em;
}

.grouped-links-icon {
  margin-bottom: 10px;
}

.grouped-links-icon [class*='icon-'] {
  display: block;
  font-size: 40px;
  color: #474645;
  line-height: 40px;
}

.grouped-links-icon img {
  max-height: 40px;
}

.grouped-links-icon svg {
  max-height: 40px;
  height: 100%;
  fill: #474645;
}

.grouped-links-title {
  margin-top: 0;
}

h4.grouped-links-title {
  font-size: 20px;
  font-weight: 600;
}

.grouped-links-text {
  margin-bottom: 0.5em;
}

.grouped-links-list {
  padding-left: 0;
  list-style: none;
  column-count: 3;
  column-gap: 30px;
  column-width: 205px;
}

.grouped-links-list > li {
  padding-left: 0;
}

.grouped-links-list > li {
  break-inside: avoid;
}

.links-container .links-list, .links-container .links-list-border {
  padding-left: 0;
  list-style: none;
}

.links-container .links-list > li, .links-container .links-list-border > li {
  padding-left: 0;
}

.links-container .links-list-border {
  column-count: 2;
  column-width: 60px;
  column-gap: 30px;
}

@media (max-width: 992px) {
  .links-container .links-list-border {
    column-width: 600px;
  }
}

.links-container .links-list-border li {
  padding-top: 6px;
  margin-bottom: 0px;
  border-bottom: 1px solid #d4cfc5;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*  a {
          display: inline-flex;
        } */
}

.signposts {
  padding-top: 3em;
  padding-bottom: 3em;
}

.signposts-column {
  margin-bottom: 2em;
}

@media screen and (min-width: 992px) {
  .signposts-column {
    margin-bottom: 0;
  }
}

.signposts .img-container {
  margin-bottom: 15px;
}

.signposts .img-container img,
.signposts .img-container svg {
  display: block;
  width: 30%;
  max-width: 70px;
  height: auto;
  max-height: 70px;
  margin: 0 auto;
}

.signposts-content {
  max-width: 30em;
  margin: 0 auto;
  text-align: center;
}

.signposts-title {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
}

.signposts-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3em;
  height: 2px;
  background: #d4cfc5;
  transform: translateX(-50%);
}

.signposts-links {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.signposts-links > li {
  padding-left: 0;
}

.signposts-links > li:last-of-type {
  margin-bottom: 0;
}

.signposts-cta {
  position: relative;
}

.signposts-cta:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .signposts-cta:after {
  content: '';
}

.signposts-cta:hover {
  text-decoration: none;
}

.signposts-cta:hover:after {
  transform: translateX(0.5em);
}

.signposts-cta[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .signposts-cta[href*='community.nxp.com']:after, .signposts-cta[href*='docs.nxp.com']:after, .signposts-cta[href*='investors.nxp.com']:after, .signposts-cta[href*='nxpcup.nxp.com']:after, .signposts-cta[href*='support.nxp.com']:after, .signposts-cta[href*='showroom.nxp.com']:after, .signposts-cta[href*='investorday.nxp.com']:after, .signposts-cta[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.signposts-cta.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .signposts-cta.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .signposts-cta.btn[href*='community.nxp.com']:after, .signposts-cta.nav-close[href*='community.nxp.com']:after, .signposts-cta.btn[href*='docs.nxp.com']:after, .signposts-cta.nav-close[href*='docs.nxp.com']:after, .signposts-cta.btn[href*='investors.nxp.com']:after, .signposts-cta.nav-close[href*='investors.nxp.com']:after, .signposts-cta.btn[href*='nxpcup.nxp.com']:after, .signposts-cta.nav-close[href*='nxpcup.nxp.com']:after, .signposts-cta.btn[href*='support.nxp.com']:after, .signposts-cta.nav-close[href*='support.nxp.com']:after, .signposts-cta.btn[href*='showroom.nxp.com']:after, .signposts-cta.nav-close[href*='showroom.nxp.com']:after, .signposts-cta.btn[href*='investorday.nxp.com']:after, .signposts-cta.nav-close[href*='investorday.nxp.com']:after, .signposts-cta.btn[href*='mcuxpresso.nxp.com']:after, .signposts-cta.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.signposts-cta[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.supplemental-links {
  padding-top: 3em;
  padding-bottom: 3em;
}

.supplemental-links-list {
  column-count: 2;
  column-gap: 30px;
  column-width: 220px;
  margin-bottom: 0;
}

.supplemental-links-list > li {
  break-inside: avoid;
}

@media screen and (min-width: 992px) {
  .supplemental-links-list {
    column-count: 3;
  }
}

.supplemental-links-list > li {
  margin-bottom: 1em;
}

@media screen and (min-width: 1440px) {
  .supplemental-links-list.has-four {
    column-count: 4;
  }
}

@media screen and (min-width: 992px) {
  .supplemental-links-list.is-one, .supplemental-links-list.is-two, .supplemental-links-list.is-three {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .supplemental-links-list.is-one > li, .supplemental-links-list.is-two > li, .supplemental-links-list.is-three > li {
    padding-right: 2.25em;
  }
}

@media screen and (min-width: 992px) {
  .supplemental-links-list.is-four {
    column-count: 2;
  }
}

@media screen and (min-width: 1440px) {
  .supplemental-links-list.is-four {
    column-count: 4;
  }
}

.primary-topic {
  padding-top: 3em;
  padding-bottom: 3em;
}

.market-card .primary-topic {
  outline: 1px solid #d4cfc5 !important;
  border: none !important;
}

.primary-topic-item {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 992px) {
  .primary-topic-item.fifty, .primary-topic-item.sixty, .primary-topic-item.eighty {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 992px) {
  .primary-topic-item.full {
    width: 83.3333%;
    margin-right: auto;
    margin-left: auto;
  }
}

.primary-topic-item + .primary-topic-item {
  margin-top: 2em;
}

@media screen and (min-width: 992px) {
  .is-alternating .primary-topic-item:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 992px) {
  .primary-topic-item.is-reversed {
    flex-direction: row-reverse;
  }
}

.primary-topic-content {
  padding-right: 15px;
  padding-left: 15px;
}

.primary-topic-media + .primary-topic-content {
  margin-top: 1em;
}

@media screen and (min-width: 992px) {
  .fifty .primary-topic-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .sixty .primary-topic-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 40%;
  }
}

@media screen and (min-width: 992px) {
  .eighty .primary-topic-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 40%;
    max-width: calc((100% / 12) * 4);
  }
}

@media screen and (min-width: 992px) {
  .full .primary-topic-content {
    text-align: center;
  }
}

.primary-topic-content .alert .media-body {
  padding-left: 12px;
}

.primary-topic-content .alert .media-body .primary-topic-text {
  font-size: 16px;
}

.primary-topic-content .alert .media-body .primary-topic-text a {
  text-decoration: underline;
}

.primary-topic-content .alert-grey .media-body {
  padding-left: 0px;
}

.primary-topic-content .alert-grey .media-body .primary-topic-text {
  font-size: 16px;
}

.primary-topic-content .alert-grey .media-body .primary-topic-text a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.primary-topic-content .alert-grey .media-body .primary-topic-text a:hover {
  text-decoration: underline;
}

.primary-topic-title {
  margin-top: 0;
}

.fifty .primary-topic-text > :last-child,
.sixty .primary-topic-text > :last-child {
  margin-bottom: 0;
}

.primary-topic-link {
  padding-left: 0;
  list-style: none;
  list-style: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  columns: unset;
}

.primary-topic-link > li {
  padding-left: 0;
}

.primary-topic-text + .primary-topic-link {
  margin-top: 1em;
}

.primary-topic-link a {
  position: relative;
}

.primary-topic-link a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .primary-topic-link a:after {
  content: '';
}

.primary-topic-link a:hover {
  text-decoration: none;
}

.primary-topic-link a:hover:after {
  transform: translateX(0.5em);
}

.primary-topic-link a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .primary-topic-link a[href*='community.nxp.com']:after, .primary-topic-link a[href*='docs.nxp.com']:after, .primary-topic-link a[href*='investors.nxp.com']:after, .primary-topic-link a[href*='nxpcup.nxp.com']:after, .primary-topic-link a[href*='support.nxp.com']:after, .primary-topic-link a[href*='showroom.nxp.com']:after, .primary-topic-link a[href*='investorday.nxp.com']:after, .primary-topic-link a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.primary-topic-link a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .primary-topic-link a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .primary-topic-link a.btn[href*='community.nxp.com']:after, .primary-topic-link a.nav-close[href*='community.nxp.com']:after, .primary-topic-link a.btn[href*='docs.nxp.com']:after, .primary-topic-link a.nav-close[href*='docs.nxp.com']:after, .primary-topic-link a.btn[href*='investors.nxp.com']:after, .primary-topic-link a.nav-close[href*='investors.nxp.com']:after, .primary-topic-link a.btn[href*='nxpcup.nxp.com']:after, .primary-topic-link a.nav-close[href*='nxpcup.nxp.com']:after, .primary-topic-link a.btn[href*='support.nxp.com']:after, .primary-topic-link a.nav-close[href*='support.nxp.com']:after, .primary-topic-link a.btn[href*='showroom.nxp.com']:after, .primary-topic-link a.nav-close[href*='showroom.nxp.com']:after, .primary-topic-link a.btn[href*='investorday.nxp.com']:after, .primary-topic-link a.nav-close[href*='investorday.nxp.com']:after, .primary-topic-link a.btn[href*='mcuxpresso.nxp.com']:after, .primary-topic-link a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.primary-topic-link a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.primary-topic-link .btn-container a:not(.cta)::after {
  display: none;
}

.primary-topic-media {
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .primary-topic-content + .primary-topic-media {
    margin-top: 30px;
  }
}

@media screen and (min-width: 992px) {
  .fifty .primary-topic-media {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .sixty .primary-topic-media {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 60%;
  }
}

@media screen and (min-width: 992px) {
  .eighty .primary-topic-media {
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0;
    width: 60%;
    max-width: calc((100% / 12) * 8);
  }
}

.slider-component .primary-topic-media {
  display: none;
}

@media screen and (min-width: 992px) {
  .slider-component .primary-topic-media {
    display: block;
  }
}

.primary-topic-img {
  position: relative;
}

.primary-topic-img > a.embed-responsive-item img {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.primary-topic-img-poster {
  width: 300px;
  display: none;
}

.primary-topic-img-video {
  width: 300px;
}

.primary-topic-video div {
  background: transparent;
  width: 100%;
}

.primary-topic-caption {
  margin-top: 1em;
}

.primary-topic-caption .time {
  position: relative;
}

.primary-topic-caption .time:before {
  content: '(';
}

.primary-topic-caption .time:after {
  content: ')';
}

@media screen and (min-width: 992px) {
  .full .primary-topic-caption {
    text-align: center;
  }
}

.is-card .primary-topic-item {
  margin-right: 0;
  margin-left: 0;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#Designs .is-card .primary-topic-item {
  box-shadow: none !important;
  border: 1px solid #d6dce0;
}

@media screen and (min-width: 992px) {
  .is-card .primary-topic-item {
    align-items: stretch;
  }
}

.is-card .primary-topic-content {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 992px) {
  .is-card .primary-topic-content {
    padding: 48px 30px;
    align-self: center;
    margin-bottom: 0;
  }
}

.is-card .primary-topic-media {
  padding-right: 0;
  padding-left: 0;
}

.market-card .is-card .primary-topic-media[style*='background'] {
  padding-bottom: 0px;
  align-self: stretch;
  margin-top: 0;
  min-height: 250px;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 320px) {
  .market-card .is-card .primary-topic-media[style*='background'] {
    height: 250px;
  }
}

@media screen and (min-width: 992px) {
  .market-card .is-card .primary-topic-media[style*='background'] {
    padding-left: 30px;
    height: unset;
  }
}

.is-card .primary-topic-media[style*='background'] {
  padding-bottom: 56.25%;
  background-color: white;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 992px) {
  .is-card .primary-topic-media[style*='background'] {
    padding-bottom: 29.6052631579%;
    padding-left: 30px;
    margin-top: 0;
  }
}

.primary-topic-media {
  align-self: center;
}

.primary-topic-media .video-js,
.primary-topic-media .vjs-poster {
  background-color: transparent !important;
}

.dark .market-card .primary-topic, .market-card.dark .primary-topic {
  outline: none !important;
}

.dark .market-card .primary-topic .primary-topic-media, .market-card.dark .primary-topic .primary-topic-media {
  min-height: 288px;
}

.secondary-topic {
  padding: 3em 0;
}

.secondary-topic-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (min-width: 992px) {
  .secondary-topic-list.one {
    justify-content: center;
  }
}

.secondary-topic-list + .secondary-topic-list {
  padding-top: 2em;
}

.secondary-topic-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  padding: 0.5em 15px;
  margin-bottom: 0.5em;
}

.secondary-topic-item:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .one .secondary-topic-item {
    width: 83.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .one .secondary-topic-item {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 992px) {
  .two .secondary-topic-item {
    width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .three .secondary-topic-item {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .three .secondary-topic-item:nth-of-type(3n + 3) {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .three .secondary-topic-item {
    width: 33.3333333333%;
    margin-bottom: 0;
  }
}

.secondary-topic-media {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 33.3333333333%;
  padding-right: 15px;
}

.one .secondary-topic-media {
  padding-right: 30px;
}

@media screen and (min-width: 992px) {
  .one .secondary-topic-media {
    max-width: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .three .secondary-topic-item:nth-of-type(3n + 3) .secondary-topic-media {
    max-width: 25%;
  }
}

.secondary-topic-img a {
  display: block;
  cursor: default;
}

.secondary-topic-img a:hover {
  border-color: rgba(0, 0, 0, 0.1);
}

.secondary-topic-img img {
  display: block;
  min-width: 20px;
  height: auto;
}

.secondary-topic-img svg {
  display: block;
  min-width: 50px;
}

.secondary-topic:not(:last-child) .one .secondary-topic-img svg {
  width: 80px;
}

.secondary-topic-content {
  flex-grow: 1;
  flex-shrink: 1;
}

@media only screen and (max-width: 991px) {
  .secondary-topic-content {
    align-self: center;
  }
}

@media screen and (min-width: 992px) {
  .one .secondary-topic-content {
    align-self: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .three .secondary-topic-item:nth-of-type(3n + 3) .secondary-topic-content {
    align-self: center;
  }
}

.secondary-topic-title {
  margin-top: 0;
}

.secondary-topic-text p {
  margin-bottom: 0.5em;
}

.secondary-topic-link {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.secondary-topic-link > li {
  padding-left: 0;
}

.secondary-topic-link > li:last-of-type {
  margin-bottom: 0;
}

.secondary-topic-link a {
  position: relative;
}

.secondary-topic-link a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .secondary-topic-link a:after {
  content: '';
}

.secondary-topic-link a:hover {
  text-decoration: none;
}

.secondary-topic-link a:hover:after {
  transform: translateX(0.5em);
}

.secondary-topic-link a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .secondary-topic-link a[href*='community.nxp.com']:after, .secondary-topic-link a[href*='docs.nxp.com']:after, .secondary-topic-link a[href*='investors.nxp.com']:after, .secondary-topic-link a[href*='nxpcup.nxp.com']:after, .secondary-topic-link a[href*='support.nxp.com']:after, .secondary-topic-link a[href*='showroom.nxp.com']:after, .secondary-topic-link a[href*='investorday.nxp.com']:after, .secondary-topic-link a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.secondary-topic-link a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .secondary-topic-link a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .secondary-topic-link a.btn[href*='community.nxp.com']:after, .secondary-topic-link a.nav-close[href*='community.nxp.com']:after, .secondary-topic-link a.btn[href*='docs.nxp.com']:after, .secondary-topic-link a.nav-close[href*='docs.nxp.com']:after, .secondary-topic-link a.btn[href*='investors.nxp.com']:after, .secondary-topic-link a.nav-close[href*='investors.nxp.com']:after, .secondary-topic-link a.btn[href*='nxpcup.nxp.com']:after, .secondary-topic-link a.nav-close[href*='nxpcup.nxp.com']:after, .secondary-topic-link a.btn[href*='support.nxp.com']:after, .secondary-topic-link a.nav-close[href*='support.nxp.com']:after, .secondary-topic-link a.btn[href*='showroom.nxp.com']:after, .secondary-topic-link a.nav-close[href*='showroom.nxp.com']:after, .secondary-topic-link a.btn[href*='investorday.nxp.com']:after, .secondary-topic-link a.nav-close[href*='investorday.nxp.com']:after, .secondary-topic-link a.btn[href*='mcuxpresso.nxp.com']:after, .secondary-topic-link a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.secondary-topic-link a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.secondary-topic-link .btn-container a:not(.cta)::after {
  display: none;
}

.additional-doc {
  /*  $component-margin: ternary($utilities-spacing-config, 30px, 2em);
    padding-top: $padding-component-base-vertical;
    padding-bottom: ($padding-component-base-vertical - $component-margin); */
  width: 100%;
  padding: 48px 0px;
}

.additional-doc-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.additional-doc-container section {
  margin: 4px 4px 12px 4px;
  flex: 2 1 48%;
  max-width: 50%;
}

@media only screen and (max-width: 991px) {
  .additional-doc-container section {
    max-width: 100%;
  }
}

.additional-doc-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 600;
}

.additional-doc-content {
  padding-top: 12px;
}

.additional-doc-content .metadata, .additional-doc-content .shopping-list .box-container .description, .shopping-list .box-container .additional-doc-content .description {
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
  margin: 0px;
  display: block;
}

.additional-doc-content a {
  position: relative;
}

.additional-doc-content a:after {
  content: "\f105";
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.offer-component .additional-doc-content a:after {
  content: '';
}

.additional-doc-content a:hover {
  text-decoration: none;
}

.additional-doc-content a:hover:after {
  transform: translateX(0.5em);
}

.additional-doc-content a[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .additional-doc-content a[href*='community.nxp.com']:after, .additional-doc-content a[href*='docs.nxp.com']:after, .additional-doc-content a[href*='investors.nxp.com']:after, .additional-doc-content a[href*='nxpcup.nxp.com']:after, .additional-doc-content a[href*='support.nxp.com']:after, .additional-doc-content a[href*='showroom.nxp.com']:after, .additional-doc-content a[href*='investorday.nxp.com']:after, .additional-doc-content a[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.additional-doc-content a.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .additional-doc-content a.nav-close[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .additional-doc-content a.btn[href*='community.nxp.com']:after, .additional-doc-content a.nav-close[href*='community.nxp.com']:after, .additional-doc-content a.btn[href*='docs.nxp.com']:after, .additional-doc-content a.nav-close[href*='docs.nxp.com']:after, .additional-doc-content a.btn[href*='investors.nxp.com']:after, .additional-doc-content a.nav-close[href*='investors.nxp.com']:after, .additional-doc-content a.btn[href*='nxpcup.nxp.com']:after, .additional-doc-content a.nav-close[href*='nxpcup.nxp.com']:after, .additional-doc-content a.btn[href*='support.nxp.com']:after, .additional-doc-content a.nav-close[href*='support.nxp.com']:after, .additional-doc-content a.btn[href*='showroom.nxp.com']:after, .additional-doc-content a.nav-close[href*='showroom.nxp.com']:after, .additional-doc-content a.btn[href*='investorday.nxp.com']:after, .additional-doc-content a.nav-close[href*='investorday.nxp.com']:after, .additional-doc-content a.btn[href*='mcuxpresso.nxp.com']:after, .additional-doc-content a.nav-close[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.additional-doc-content a[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.additional-doc-action p {
  margin-bottom: 0px;
}

.valprop {
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.valprop.bg-accent-primary {
  color: white;
}

@media screen and (min-width: 768px) {
  .valprop.is-single {
    display: flex;
  }
}

.valprop-header {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .is-single .valprop-header {
    max-width: 75%;
    padding-right: 15px;
    text-align: inherit;
  }
}

.valprop-label {
  display: none;
}

.valprop-title {
  margin-top: 0;
  font-size: 30px;
}

.bg-accent-primary .valprop-title {
  color: white;
}

.valprop-text {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.bg-accent-primary .valprop-text {
  color: white;
}

.valprop-text > :last-child {
  margin-bottom: 0;
}

.valprop-list {
  padding-left: 0;
  margin-left: -15px;
  margin-right: -15px;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0;
  text-align: center;
}

.valprop-list > li {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .is-single .valprop-list {
    width: 25%;
  }
}

.valprop-item {
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-top: 30px;
  margin-bottom: 0;
}

.is-single .valprop-item {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .valprop-item {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .valprop-item {
    flex-grow: 1;
    width: 16.6666666667%;
    max-width: 25%;
  }
}

.valprop-investors {
  margin-left: 25px;
  margin-right: 25px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-top: 30px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .valprop-investors {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 1200px) {
  .valprop-investors {
    flex-grow: 1;
    width: 16.6666666667%;
    max-width: 20%;
  }
}

.valprop-feature {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 300;
  color: #000000;
  fill: #000000;
  text-align: center;
}

.bg-accent-primary .valprop-feature {
  color: white;
  fill: white;
}

.valprop-feature img {
  max-width: 100%;
  width: auto;
  max-height: 50px;
}

.valprop-feature img[src*='.svg'] {
  height: 50px;
}

.valprop-feature svg {
  display: block;
  height: 50px;
}

.is-single .valprop-feature {
  color: #000000 !important;
}

.valprop-description {
  max-width: 100%;
  margin-top: 5px;
}

.testimonial {
  padding: 45px;
}

.testimonial-quote {
  position: relative;
  padding: 0 0 0 60px;
  margin-bottom: 1em;
  font-size: 30px;
  border-left: none;
}

.bg-primary .testimonial-quote,
.bg-secondary .testimonial-quote {
  color: white;
}

.bg-primary .testimonial-quote a,
.bg-secondary .testimonial-quote a {
  color: white;
  text-decoration: underline;
}

.testimonial-quote:before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 40px;
}

.testimonial-cite {
  display: inline-block;
  padding-left: 60px;
  font-style: normal;
}

.bg-primary .testimonial-cite,
.bg-secondary .testimonial-cite {
  color: white;
}

.market-card {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}

.market-card .valprop {
  padding: 3em;
}

.market-card .primary-topic {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid var(--nxp-border-color);
}

.market-card .primary-topic.no-border {
  border: none;
}

.market-card .media-flex, .market-card .media-flex-ste {
  padding-right: 30px;
  padding-left: 30px;
}

@media screen and (min-width: 768px) {
  .market-card .media-flex, .market-card .media-flex-ste {
    padding-right: 45px;
    padding-left: 45px;
  }
}

.market-card .media-flex-body {
  font-size: 18px;
}

.market-card .media-flex-heading {
  font-size: 20px;
}

.market-card .media-flex .date-display-lg .month, .market-card .media-flex-ste .date-display-lg .month {
  color: white !important;
  background-color: #000000 !important;
}

.market-card .media-flex .date-display-lg .day, .market-card .media-flex-ste .date-display-lg .day {
  color: #000000 !important;
}

.band.band-top, .band-top#faq[data-nxp-theme='automotive'],
.band-top#faq[data-nxp-theme='industrial'],
.band-top#faq[data-nxp-theme='consumer'] {
  background-size: 100% 50%;
}

.band.band-top:before, .band-top#faq[data-nxp-theme='automotive']:before,
.band-top#faq[data-nxp-theme='industrial']:before,
.band-top#faq[data-nxp-theme='consumer']:before {
  height: 50%;
}

.band.band-bottom:before, .band-bottom#faq[data-nxp-theme='automotive']:before,
.band-bottom#faq[data-nxp-theme='industrial']:before,
.band-bottom#faq[data-nxp-theme='consumer']:before {
  top: 50%;
  height: 50%;
}

.app-container .nxp-gray-text-2 {
  color: #747474;
}

.hero.hero-new + .app-container {
  position: relative;
}

.hero.hero-new + .app-container:before {
  content: '';
  position: relative;
  top: 0;
  left: -15px;
  display: block;
  height: 1px;
  width: calc(100% + 30px);
  border-top: 1px solid var(--nxp-border-color);
}

.col-lg-12 .app-row {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 768px) {
  .app-row {
    display: flex;
  }
}

.app-column-left {
  width: 100%;
  min-height: 100%;
}

@media screen and (min-width: 768px) {
  .app-column-left {
    flex-shrink: 1;
    width: 250px;
    border-right: 1px solid var(--nxp-border-color);
  }
}

@media screen and (min-width: 1200px) {
  .app-column-left {
    width: 300px;
  }
}

.app-column-left-title {
  padding: 48px 32px;
}

.app-column-left-title h3 {
  margin: 0px;
}

.app-column-left-action {
  display: block;
  padding: 8px 0px;
}

.app-column-left-nav {
  width: 100%;
  display: block;
  color: #262626;
}

.app-column-left-nav ul {
  padding: 0px;
}

.app-column-left-nav ul li {
  list-style: none;
  margin: 0px;
}

.app-column-left-nav ul li a {
  display: flex;
  align-items: center;
  padding: 10px 18px 10px 32px;
  font-size: 14px;
  color: inherit;
  border-left: 3px solid transparent;
  transition: all 200ms cubic-bezier(0.04, 0, 0.2, 1);
  padding-left: 10px 18px 10px 32px;
}

.app-column-left-nav ul li a:hover {
  text-decoration: none;
  color: #20272d;
}

.app-column-left-nav ul li a.active {
  border-left-color: #f59b00;
  font-weight: 600;
}

.app-column-right {
  flex-shrink: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .app-column-right {
    width: calc(100vw - 250px);
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media screen and (min-width: 992px) {
  .app-column-right {
    max-width: 742px;
    margin-left: calc((100vw - 992px) / 2);
    margin-right: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .app-column-right {
    max-width: 900px;
    margin-left: calc((100vw - 1200px) / 2);
    margin-right: calc((100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .app-column-right {
    max-width: 1140px;
    margin-left: calc((100vw - 1440px) / 2);
    margin-right: calc((100vw - 1440px) / 2);
  }
}

@media screen and (min-width: 768px) {
  .has-fixed-content .app-column-right {
    width: calc(100% - 250px);
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 992px) {
  .has-fixed-content .app-column-right {
    width: calc(100% - 250px);
  }
}

.nav-container {
  padding-bottom: 3em;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .nav-container {
    position: sticky;
    top: 64px;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
}

@media only screen and (max-width: 767px) {
  .nav-container {
    position: fixed;
    top: 64px;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    width: 90%;
    min-height: 0;
    background: #f7f5f1;
    box-shadow: none;
    transform: translateX(100%);
    transition: all 700ms cubic-bezier(0.04, 0, 0.2, 1);
  }
}

.nav-container.is-open {
  transform: translateX(0);
  box-shadow: -80px 0 0 0 rgba(0, 0, 0, 0.6);
}

.nav-clearing {
  display: flex;
  justify-content: center;
  padding: 15px;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .nav-clearing {
    display: none;
  }
}

.nav-close {
  display: block;
  width: 50%;
}

.nav-header {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .nav-header {
    padding-top: 38px;
    padding-bottom: 38px;
    padding-left: 30px;
  }
}

.nav-heading {
  display: inline-block;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-clear-filters {
  display: inline-block;
  width: 40%;
  text-align: right;
  padding-top: 0;
  padding-bottom: 0;
}

.selected-filters {
  padding-left: 0;
  list-style: none;
  padding-left: 12px;
  margin-top: 20px;
  margin-bottom: 0;
  word-break: break-word;
}

.selected-filters > li {
  padding-left: 0;
}

.selected-filters a {
  color: #000000;
  text-decoration: none;
}

.selected-filters a:before {
  content: "\f00d";
  vertical-align: bottom;
  padding-right: 5px;
  margin-left: -12px;
  font-family: "Font Awesome";
}

.filter-nav-inner {
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .filter-nav-inner {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-search .filter-nav-inner {
    display: none;
  }
}

.filter-nav-inner .filter-nav-item {
  overflow: auto;
}

.filter-nav-inner .filter-nav-item .form-control {
  width: calc(100% - 68px);
  background-color: unset;
  margin: 10px 0 15px 42px;
}

.filter-nav-inner .filter-nav-section .d-flex:has(> .icon-info), .filter-nav-inner .filter-nav-section .flex-grid:has(> .icon-info), .filter-nav-inner .filter-nav-section .jumpto ul li:has(> .icon-info), .jumpto ul .filter-nav-inner .filter-nav-section li:has(> .icon-info), .filter-nav-inner .filter-nav-section .results-pagination-select:has(> .icon-info), .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed:has(> .icon-info), .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed:has(> .icon-info), .filter-nav-inner .filter-nav-section .is-pinned .pin-content:has(> .icon-info):first-child, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:has(> .icon-info):first-child {
  gap: 3px;
}

.filter-nav-inner .filter-nav-section .d-flex .icon-info, .filter-nav-inner .filter-nav-section .flex-grid .icon-info, .filter-nav-inner .filter-nav-section .jumpto ul li .icon-info, .jumpto ul .filter-nav-inner .filter-nav-section li .icon-info, .filter-nav-inner .filter-nav-section .results-pagination-select .icon-info, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed .icon-info, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed .icon-info, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child .icon-info, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child .icon-info {
  cursor: pointer;
}

@media (max-width: 767px) {
  .filter-nav-inner .filter-nav-section .d-flex .icon-info, .filter-nav-inner .filter-nav-section .flex-grid .icon-info, .filter-nav-inner .filter-nav-section .jumpto ul li .icon-info, .jumpto ul .filter-nav-inner .filter-nav-section li .icon-info, .filter-nav-inner .filter-nav-section .results-pagination-select .icon-info, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed .icon-info, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed .icon-info, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child .icon-info, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child .icon-info {
    display: none;
  }
}

.filter-nav-inner .filter-nav-section .d-flex + select, .filter-nav-inner .filter-nav-section .flex-grid + select, .filter-nav-inner .filter-nav-section .jumpto ul li + select, .jumpto ul .filter-nav-inner .filter-nav-section li + select, .filter-nav-inner .filter-nav-section .results-pagination-select + select, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed + select, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed + select, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child + select, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child + select {
  margin-top: 0px;
  margin-bottom: 13px;
}

@media (max-width: 768px) {
  .filter-nav-inner .filter-nav-section .d-flex + select, .filter-nav-inner .filter-nav-section .flex-grid + select, .filter-nav-inner .filter-nav-section .jumpto ul li + select, .jumpto ul .filter-nav-inner .filter-nav-section li + select, .filter-nav-inner .filter-nav-section .results-pagination-select + select, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed + select, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed + select, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child + select, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child + select {
    margin-bottom: 24px;
  }
}

.filter-nav-inner .filter-nav-section .d-flex + select optgroup, .filter-nav-inner .filter-nav-section .flex-grid + select optgroup, .filter-nav-inner .filter-nav-section .jumpto ul li + select optgroup, .jumpto ul .filter-nav-inner .filter-nav-section li + select optgroup, .filter-nav-inner .filter-nav-section .results-pagination-select + select optgroup, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed + select optgroup, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed + select optgroup, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child + select optgroup, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child + select optgroup {
  font-weight: 400;
  color: #686664;
  font-size: 16px;
}

.filter-nav-inner .filter-nav-section .d-flex + select optgroup option, .filter-nav-inner .filter-nav-section .flex-grid + select optgroup option, .filter-nav-inner .filter-nav-section .jumpto ul li + select optgroup option, .jumpto ul .filter-nav-inner .filter-nav-section li + select optgroup option, .filter-nav-inner .filter-nav-section .results-pagination-select + select optgroup option, .filter-nav-inner .filter-nav-section .is-pinned .pin-content-fixed + select optgroup option, .is-pinned .filter-nav-inner .filter-nav-section .pin-content-fixed + select optgroup option, .filter-nav-inner .filter-nav-section .is-pinned .pin-content:first-child + select optgroup option, .is-pinned .filter-nav-inner .filter-nav-section .pin-content:first-child + select optgroup option {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .filter-nav-inner .filter-nav-section:has(.is-active) .filter-nav {
    display: block;
    border-bottom: none;
    margin-bottom: 0;
  }
  .filter-nav-inner .filter-nav-section:has(.is-active) .filter-nav:last-of-type {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.filter-nav-heading {
  position: relative;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  border: 1px solid var(--nxp-border-color);
}

.filter-nav-heading:after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-family: "Font Awesome";
}

.filter-nav-heading.is-active {
  border-bottom: none;
}

.filter-nav-heading.is-active:after {
  transform: translateY(-50%) rotate(-180deg);
}

@media (max-width: 767px) {
  .filter-nav-heading > span.icon-info {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .filter-nav-heading {
    font-size: 12px;
    font-weight: 600;
    color: var(--nxp-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    top: -0.4em;
    padding: 7px 12px 7px 30px;
    margin-top: 0;
    border: none;
  }
  .filter-nav-heading:after {
    display: none;
  }
}

.filter-nav {
  padding-left: 0;
  list-style: none;
}

.filter-nav > li {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .filter-nav {
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
  }
  .filter-nav-heading.is-active + .filter-nav {
    display: block;
  }
}

.filter-nav-item {
  margin-bottom: 0;
}

.filter-nav a {
  position: relative;
  display: block;
  padding: 11.25px 15px;
  padding-left: 27px;
  color: #000000;
  line-height: 1.25;
  transition: background-color 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.filter-nav a:hover {
  color: #000000;
  text-decoration: none;
  background-color: #f7f5f1;
}

@media screen and (min-width: 768px) {
  .filter-nav a {
    padding: 7px 12px;
    padding-left: 42px;
  }
  .header-search .filter-nav a {
    padding-left: 12px;
  }
}

.filter-nav .more-filters-link {
  color: var(--nxp-link-color);
}

.filter-nav .more-filters-link:after {
  content: "\f107";
  display: inline-block;
  vertical-align: text-top;
  margin-left: 5px;
  font-family: "Font Awesome";
  font-weight: inherit;
  transition: transform 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.filter-nav .more-filters-link:hover {
  color: var(--nxp-link-hover-color);
  background-color: transparent;
  text-decoration: underline;
}

.filter-nav .more-filters-link:hover:after {
  text-decoration: none;
}

.filter-nav .more-filters-link.is-closed:after {
  margin-top: 3px;
}

.filter-nav .more-filters-link.is-open:after {
  transform: rotate(-180deg);
}

.filter-nav a.reset-link {
  text-decoration: none;
  color: var(--nxp-link-color);
  font-weight: 400;
}

.filter-nav a.reset-link:hover {
  color: var(--nxp-link-color);
  background-color: transparent;
  text-decoration: underline;
}

.filter-nav button.reset-link {
  color: var(--nxp-link-color);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  font-weight: 400;
}

.filter-nav button.reset-link:hover {
  text-decoration: underline !important;
}

.filter-nav .is-parent a {
  padding-left: 15px;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .filter-nav .is-parent a {
    padding-left: 30px;
  }
}

.filter-nav .is-parent a:before {
  content: "\f104";
  vertical-align: text-bottom;
  margin-right: 5px;
  font-family: "Font Awesome";
  font-weight: inherit;
}

.filter-nav .d-flex .selected-label, .filter-nav .flex-grid .selected-label, .filter-nav .jumpto ul li .selected-label, .jumpto ul .filter-nav li .selected-label, .filter-nav .results-pagination-select .selected-label, .filter-nav .is-pinned .pin-content-fixed .selected-label, .is-pinned .filter-nav .pin-content-fixed .selected-label, .filter-nav .is-pinned .pin-content:first-child .selected-label, .is-pinned .filter-nav .pin-content:first-child .selected-label {
  padding-right: 0px;
}

.filter-nav .selected-label {
  display: block;
  padding: 7px 12px;
  padding-left: 27px;
  color: #000000;
  cursor: default;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .filter-nav .selected-label {
    padding-left: 42px;
  }
}

.filter-nav .selected-label .text-muted {
  font-weight: 400;
}

.filter-nav .form-check-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 39px;
}

@media screen and (min-width: 768px) {
  .filter-nav .form-check-wrapper {
    padding-left: 54px;
  }
}

.filter-nav .form-check-wrapper .form-check {
  display: flex;
  align-items: flex-start;
}

.filter-nav .form-check-wrapper .form-check label,
.filter-nav .form-check-wrapper .form-check input[type='checkbox'] {
  margin: 0;
  cursor: pointer;
}

.filter-nav .form-check-wrapper .form-check label {
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  margin-top: -3px;
}

.filter-nav .form-check-wrapper.selected-label {
  padding-left: 42px;
  /* .form-check {
        label {
          font-weight: 600;
        }
      } */
}

.filter-nav .form-check-wrapper .more-filters-link {
  padding: 0;
  font-weight: 400;
}

.filter-nav .checkbox {
  padding: 11.25px 15px;
  padding-left: 30px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .filter-nav .checkbox {
    padding: 7px 12px;
    padding-left: 42px;
  }
}

.filter-nav .checkbox label:hover {
  color: var(--nxp-link-hover-color);
}

.filter-nav .checkbox input[type='checkbox'] {
  top: 0.5em;
}

@media (max-width: 768px) {
  .filter-nav .checkbox input[type='checkbox'] {
    top: 0.8em;
  }
}

.filter-nav-sub {
  padding-left: 0;
  list-style: none;
  display: block;
  margin-top: 0;
  border-bottom: none;
}

.filter-nav-sub > li {
  padding-left: 0;
}

.filter-nav-sub .checkbox,
.filter-nav-sub a,
.filter-nav-sub .reset-link {
  padding-left: 39px;
}

@media screen and (min-width: 768px) {
  .filter-nav-sub .checkbox,
  .filter-nav-sub a,
  .filter-nav-sub .reset-link {
    padding-left: 54px;
  }
}

.filter-nav-sub:has(.form-check-wrapper) {
  padding-top: 7px;
}

@media only screen and (max-width: 767px) {
  .filter-nav-sub:has(.form-check-wrapper) {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.button-container {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 15px;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media screen and (min-width: 768px) {
  .button-container {
    display: none;
  }
}

.button-container .filter-return {
  color: #000000;
}

.button-container .filter-return:before {
  content: "\f104";
  margin-right: 0.3333333333em;
  font-family: "Font Awesome";
  vertical-align: bottom;
}

.button-container .filter-toggle {
  margin-left: auto;
}

.filter-nav-inner + .filter-nav-inner.new-filter .filter-nav-heading:nth-child(1)::before {
  top: -1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .filter-nav-inner + .filter-nav-inner.new-filter .filter-nav-heading:nth-child(1)::before {
    content: none;
  }
}

.filter-nav-inner.new-filter .title-heading {
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .filter-nav-inner.new-filter .title-heading {
    font-size: 12px;
    font-weight: 600;
    color: var(--nxp-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    top: -0.4em;
    padding: 4px 12px 12px 30px;
    margin-top: 0;
    border: none;
  }
}

.filter-nav-inner.new-filter .filter-nav-heading {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: unset;
  padding-right: 21px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #000000;
  letter-spacing: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .filter-nav-inner.new-filter .filter-nav-heading {
    padding-right: 30px;
  }
}

.filter-nav-inner.new-filter .filter-nav-heading.is-active::before {
  border-bottom: none;
}

.filter-nav-inner.new-filter .filter-nav-heading:nth-child(2)::before {
  top: -1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .filter-nav-inner.new-filter .filter-nav-heading:nth-child(2)::before {
    content: none;
  }
}

.filter-nav-inner.new-filter .filter-nav-heading::before {
  position: absolute;
  width: 85%;
  bottom: 0;
  left: 0;
  margin-left: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}

@media (max-width: 767px) {
  .filter-nav-inner.new-filter .filter-nav-heading::before {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  .filter-nav-inner.new-filter .filter-nav-heading {
    top: 0;
  }
  .filter-nav-inner.new-filter .filter-nav-heading:after {
    display: block;
  }
}

.filter-nav-inner.new-filter .filter-nav {
  position: relative;
  display: none;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.filter-nav-inner.new-filter .filter-nav:not(:has(.filter-nav-sub)) .filter-nav-item a {
  padding-left: 30px;
}

.filter-nav-inner.new-filter .filter-nav.show::after {
  position: absolute;
  width: 85%;
  bottom: -1px;
  left: 0;
  margin-left: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}

@media (max-width: 767px) {
  .filter-nav-inner.new-filter .filter-nav.show::after {
    content: none;
  }
}

.filter-nav-heading.is-active + .filter-nav-inner.new-filter .filter-nav {
  display: block;
}

.filter-nav-inner .title-heading {
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .filter-nav-inner .title-heading {
    font-size: 12px;
    font-weight: 600;
    color: var(--nxp-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    top: -0.4em;
    padding: 4px 12px 12px 30px;
    margin-top: 0;
    border: none;
  }
}

.filter-nav-inner .filter-nav-heading.new-filter-element {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: unset;
  padding-right: 21px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #000000;
  letter-spacing: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .filter-nav-inner .filter-nav-heading.new-filter-element {
    padding-right: 30px;
  }
}

.filter-nav-inner .filter-nav-heading.new-filter-element.is-active::before {
  border-bottom: none;
}

.filter-nav-inner .filter-nav-heading.new-filter-element:nth-child(2)::before {
  top: -1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .filter-nav-inner .filter-nav-heading.new-filter-element:nth-child(2)::before {
    content: none;
  }
}

.filter-nav-inner .filter-nav-heading.new-filter-element::before {
  position: absolute;
  width: 85%;
  bottom: 0;
  left: 0;
  margin-left: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}

@media (max-width: 767px) {
  .filter-nav-inner .filter-nav-heading.new-filter-element::before {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  .filter-nav-inner .filter-nav-heading.new-filter-element {
    top: 0;
  }
  .filter-nav-inner .filter-nav-heading.new-filter-element:after {
    display: block;
  }
}

.filter-nav-inner .filter-nav:not(.new-filter-element) + h5.new-filter-element::before {
  top: -1px;
  bottom: unset;
  height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.filter-nav-inner .filter-nav:not(.new-filter-element) + h5.new-filter-element.is-active::before {
  border-bottom: none;
}

.filter-nav-inner .filter-nav.new-filter-element {
  position: relative;
  display: none;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.filter-nav-inner .filter-nav.new-filter-element:not(:has(.filter-nav-sub)) .filter-nav-item.new-filter-element a {
  padding-left: 30px;
}

.filter-nav-inner .filter-nav.new-filter-element:not(:has(.filter-nav-sub)) .filter-nav-item.new-filter-element .more-filters-link {
  padding: 0;
}

.filter-nav-inner .filter-nav.new-filter-element.show::after {
  position: absolute;
  width: 85%;
  bottom: -1px;
  left: 0;
  margin-left: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
}

@media (max-width: 767px) {
  .filter-nav-inner .filter-nav.new-filter-element.show::after {
    content: none;
  }
}

.filter-nav-heading.new-filter-element.is-active + .filter-nav-inner .filter-nav.new-filter-element {
  display: block;
}

.filter-nav-inner .new-filter-element .form-check-wrapper .reset-link,
.filter-nav-inner .new-filter-element .form-check-wrapper .more-filters-link {
  padding-left: 0 !important;
}

.filter-nav-inner .new-filter-element .form-check-wrapper,
.filter-nav-inner .new-filter-element .more-filters-link,
.filter-nav-inner .new-filter-element .reset-link {
  padding-left: 30px;
}

.filter-nav-inner .new-filter-element .form-check-wrapper .form-check input {
  font-weight: normal !important;
}

.filter-nav-inner .new-filter-element .form-check-wrapper .form-check input:not(:checked) + label {
  font-weight: normal;
}

.filter-nav-inner .filter-checkbox .form-check-wrapper {
  padding-left: 42px;
}

.filter-nav-inner .filter-checkbox .more-filters-link,
.filter-nav-inner .filter-checkbox .reset-link {
  padding-left: 42px;
}

.retrieved-results {
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .retrieved-results {
    padding-bottom: 6em;
  }
}

.retrieved-results .retrieved-results-helper {
  margin-top: 40px;
  margin-bottom: 32px;
}

.retrieved-results .retrieved-results-helper .text-new-HTMLPub {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #0e4e81;
  background-color: #deecf7;
  padding: 4px 5px 4px 5px;
  text-transform: uppercase;
  cursor: default;
  font-family: "Poppins", sans-serif;
}

.retrieved-results.flex-results .retrieved-results-header {
  align-items: center;
}

.retrieved-results.flex-results .retrieved-results-header .retrieved-results-label {
  display: flex;
  align-items: center;
}

.retrieved-results.flex-results .retrieved-results-header .retrieved-results-label .select-all {
  margin-top: 0px;
  margin-right: 6px;
}

.retrieved-results.flex-results .retrieved-results-header .sort-results .form-group.form-group-sm {
  display: flex;
  margin-top: 0px;
  align-items: center;
}

.retrieved-results.flex-results .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
}

.retrieved-results.flex-results .retrieved-results-header .sort-results label {
  min-width: 60px;
  width: auto;
  margin: 0px;
}

@media (max-width: 992px) {
  .retrieved-results.flex-results .retrieved-results-header .sort-results label {
    display: block;
  }
}

@media (max-width: 480px) {
  .retrieved-results.flex-results .retrieved-results-header .sort-results {
    margin-top: 8px;
  }
}

.filter-search.cool-grey-xxxlight.band ~ #landing-data .retrieved-results.new-results, .filter-search.cool-grey-xxxlight#faq[data-nxp-theme='automotive'] ~ #landing-data .retrieved-results.new-results, .filter-search.cool-grey-xxxlight#faq[data-nxp-theme='industrial'] ~ #landing-data .retrieved-results.new-results, .filter-search.cool-grey-xxxlight#faq[data-nxp-theme='consumer'] ~ #landing-data .retrieved-results.new-results {
  padding-top: 20px;
}

.retrieved-results.new-results .retrieved-results-notification {
  overflow: auto;
}

@media (max-width: 767px) {
  .retrieved-results.new-results .retrieved-results-notification {
    margin-top: 20px;
  }
}

.retrieved-results.new-results .retrieved-results-helper {
  margin-top: 8px;
}

.retrieved-results.new-results .retrieved-results-helper:empty {
  display: none;
}

.retrieved-results.new-results .retrieved-results-header {
  border-bottom: 1px solid var(--nxp-border-color);
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding-top: 0px;
  padding-bottom: 0px;
}

.retrieved-results.new-results .retrieved-results-header:empty {
  display: none;
}

@media only screen and (max-width: 767px) {
  .header-search .retrieved-results.new-results .retrieved-results-header {
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--nxp-border-color);
  }
}

.retrieved-results.new-results .retrieved-results-header .retrieved-results-label {
  max-width: calc(100% - 250px);
  padding-right: 0px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .retrieved-results.new-results .retrieved-results-header .retrieved-results-label {
    max-width: unset;
  }
}

.retrieved-results.new-results .retrieved-results-header .retrieved-results-label > p {
  margin-bottom: 0px;
}

.retrieved-results.new-results .retrieved-results-header .sort-results {
  max-width: 250px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 12px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .retrieved-results.new-results .retrieved-results-header .sort-results {
    max-width: unset;
  }
}

@media only screen and (max-width: 767px) {
  .retrieved-results.new-results .retrieved-results-header .sort-results {
    margin-bottom: 12px;
  }
}

.retrieved-results.new-results .retrieved-results-header .sort-results .form-inline {
  margin-right: 15px;
  margin-bottom: 0;
}

.retrieved-results.new-results .retrieved-results-header .sort-results .form-inline .form-group label {
  padding: 0 8px;
}

.retrieved-results.new-results .retrieved-results-header .sort-results .form-inline .form-group .form-control {
  padding: 0 8px;
}

@media only screen and (max-width: 767px) {
  .retrieved-results.new-results .retrieved-results-header .sort-results .form-inline + .nav-piped {
    display: none;
  }
}

.retrieved-results.new-results .retrieved-results-header .sort-results .form-group:only-of-type {
  margin-bottom: 0;
}

.retrieved-results.new-results .retrieved-results-header .sort-results > ul {
  margin-left: 0;
  margin-bottom: 0;
}

.retrieved-results.new-results .retrieved-results-header .sort-results > ul > li {
  margin-bottom: 0;
}

.retrieved-results.new-results .retrieved-results-header .sort-results .is-active {
  cursor: default;
}

.retrieved-results.new-results .retrieved-results-header .retrieved-tags {
  padding-bottom: 8px;
}

#distynet-app .retrieved-results.new-results .retrieved-results-header .retrieved-tags,
#salesnet-app .retrieved-results.new-results .retrieved-results-header .retrieved-tags {
  min-width: 100%;
}

@media only screen and (max-width: 499px) {
  #design-advisor .retrieved-results.new-results .retrieved-results-header .sort-results {
    display: inline;
  }
  #design-advisor .retrieved-results.new-results .retrieved-results-header .sort-results .form-inline {
    margin-right: 0px;
  }
  #design-advisor .retrieved-results.new-results .retrieved-results-header .sort-results .ml2 {
    margin-top: 12px;
    margin-left: 0px !important;
  }
}

.retrieved-results.new-results .text-new-HTMLPub {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #0e4e81;
  background-color: #deecf7;
  padding: 4px 5px 4px 5px;
  text-transform: uppercase;
  cursor: default;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.retrieved-results.new-results .retrieved-items.ex-match {
  margin: 1.25em 0 2em !important;
}

@media (max-width: 992px) {
  .retrieved-results.new-results .retrieved-items .retrieved-item.is-match .item-options {
    padding-left: 45px !important;
    padding-top: 8px;
  }
}

.retrieved-results.new-results .w100 + .card1 {
  padding-top: 0em;
}

/* #search-landing-page-app .retrieved-results .retrieved-results-helper {
  margin-bottom: 40px;
  margin-top: 0px;

  .text-new-HTMLPub {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #0e4e81;
    background-color: #deecf7;
    padding: 4px 5px 4px 5px;
    text-transform: uppercase;
    cursor: default;
    font-family: Arial;
  }
}
 */
.retrieved-results-header .form-result-header {
  width: 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.spa-filter-selected {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 22px 0px;
}

.spa-filter-keyword {
  background-color: #ffe555;
  padding: 6px 24px 6px 8px;
  position: relative;
  cursor: pointer;
}

.spa-filter-keyword:hover {
  text-decoration: underline;
}

.spa-filter-keyword::before {
  content: "\f00d";
  font-family: Font Awesome;
  position: absolute;
  right: 9px;
  top: 6px;
}

.spa-filter-category {
  background-color: #ebe7dd;
  padding: 6px 24px 6px 8px;
  position: relative;
  cursor: pointer;
}

.spa-filter-category:hover {
  text-decoration: underline;
}

.spa-filter-category::before {
  content: "\f00d";
  font-family: Font Awesome;
  position: absolute;
  right: 9px;
  top: 6px;
}

.retrieved-results-helper {
  margin-top: 40px;
  margin-bottom: 32px;
}

.retrieved-results-helper .text-new-HTMLPub {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #0e4e81;
  background-color: #deecf7;
  padding: 4px 5px 4px 5px;
  text-transform: uppercase;
  cursor: default;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.text-new-HTMLPub {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #0e4e81;
  background-color: #deecf7;
  padding: 4px 5px 4px 5px;
  text-transform: uppercase;
  cursor: default;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.retrieved-results-header {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .header-search .retrieved-results-header {
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--nxp-border-color);
  }
}

.retrieved-results-header .retrieved-results-label {
  padding-right: 30px;
  margin-right: auto;
}

@media screen and (min-width: 480px) {
  .retrieved-results-header .retrieved-results-label {
    margin-bottom: 0;
  }
}

.retrieved-results-header .sort-results {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.retrieved-results-header .sort-results .form-inline {
  margin-right: 15px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .retrieved-results-header .sort-results .form-inline + .nav-piped {
    display: none;
  }
}

.retrieved-results-header .sort-results .form-group:only-of-type {
  margin-bottom: 0;
}

.retrieved-results-header .sort-results > ul {
  margin-left: 0;
  margin-bottom: 0;
}

.retrieved-results-header .sort-results > ul > li {
  margin-bottom: 0;
}

.retrieved-results-header .sort-results .is-active {
  cursor: default;
}

@media only screen and (max-width: 499px) {
  #design-advisor .retrieved-results-header .sort-results {
    display: inline;
  }
  #design-advisor .retrieved-results-header .sort-results .form-inline {
    margin-right: 0px;
  }
  #design-advisor .retrieved-results-header .sort-results .ml2 {
    margin-top: 12px;
    margin-left: 0px !important;
  }
}

#design-advisor .activity-liCounter {
  font-size: 14px;
}

.part-details .meta-key-black {
  font-weight: 600;
  color: #000000;
}

.entire-document-section {
  margin-top: 10px;
}

.retrieved-items {
  padding-left: 0;
  list-style: none;
}

.retrieved-items > li {
  padding-left: 0;
}

.retrieved-items.full-width .retrieved-item {
  margin-left: 0px;
  margin-right: 0px;
}

.retrieved-items.full-width .retrieved-item .item-body {
  padding-left: 0px;
}

.retrieved-items.full-width .retrieved-item.signpost2 .item-body .item-signpost {
  margin-left: 22px;
}

.retrieved-items.full-width .retrieved-item.signpost2 .item-options {
  font-size: 14px;
  margin-top: 28px;
}

@media only screen and (max-width: 991px) {
  .retrieved-items.full-width .retrieved-item.signpost2 .item-options {
    margin-top: 0px;
    padding-left: 22px;
  }
  .retrieved-items.full-width .retrieved-item.signpost2 .item-options a,
  .retrieved-items.full-width .retrieved-item.signpost2 .item-options p {
    margin: 0px;
  }
}

.retrieved-items.full-width .retrieved-item .item-body {
  /* .item-metadata {
            padding-left: 22px;
          } */
}

.retrieved-items.full-width .retrieved-item .item-body .component-flex .item-title a {
  margin-right: 8px;
}

.retrieved-items.full-width .retrieved-item .item-body .component-flex .item-title .text-new-my-lib {
  margin: 0px;
}

@media only screen and (max-width: 991px) {
  .retrieved-items.full-width .retrieved-item .item-options {
    margin-top: 0px;
    padding-left: 22px;
  }
  .retrieved-items.full-width .retrieved-item .item-options a,
  .retrieved-items.full-width .retrieved-item .item-options p {
    margin: 0px;
  }
}

.popover-spa {
  opacity: 1 !important;
}

.popover-spa .popover-body {
  padding: 20px;
}

.popover-spa .popover-body .popover-product-list {
  margin: 0;
}

.popover-spa .popover-body .popover-product-list .input-wrapper-spa {
  margin: 0px 0px 20px 0px;
}

.popover-spa .popover-body .popover-product-list .input-wrapper-spa .searchPartIcon {
  padding: 8px 8px 8px 16px;
}

.popover-spa .popover-body .popover-product-list .input-wrapper-spa .close {
  display: none;
}

.popover-spa .popover-body .popover-product-list .input-wrapper-spa .input-data-spa {
  height: 46px;
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: #686664;
  border: 1px solid #d4cfc5;
}

.popover-spa .popover-body .popover-product-list .popover-item {
  padding: 4px 0px 4px 20px;
}

.popover-spa .popover-body .popover-product-list .popover-item:hover {
  background-color: #f7f5f1;
}

.popover-spa ul {
  margin-top: 10px;
}

.popover-spa .input-wrapper-spa {
  margin: 8px;
  display: inline-block;
}

.popover-spa .button {
  padding: 4px;
  margin-left: 4px;
}

.popover-spa .close-popover-spa {
  position: relative;
  top: -18px;
  right: 0;
  padding: 3px;
}

.popover-spa .arrow {
  width: 11px;
  height: 12px;
  top: 0;
  left: -10px;
  border-left-width: 0;
  border-right-color: #999;
}

.popover-spa .arrow::after {
  width: 11px;
  height: 12px;
  top: -10px;
  left: 0;
  border-left-width: 0;
  border-right-color: #fdfdfd;
}

.popover-spa input {
  width: 200px;
}

.popover-spa ul .popover-item {
  width: 100%;
  padding: 8px 0px;
  text-align: left;
}

.popover-spa ul .popover-item:hover {
  background: #e5eaed;
}

.popover-spa ul .popover-item a {
  color: #262626;
  width: 100%;
  padding: 8px 8px;
}

.popover-spa ul .popover-item a:hover {
  text-decoration: none;
}

/* popover spa */
/* steven css */
/* .input-wrapper-spa::before{
  font-family: 'Font Awesome';
      color:red;
      position: relative;
      left: -5px;
      content: "\F0B0"; 
} */
.popover-content-spa {
  padding: 0;
}

.popover-content-spa a {
  color: #686664 !important;
  text-decoration: underline !important;
}

.popover-content-spa a:hover {
  text-decoration: underline;
}

.popover-list-spa {
  margin: -9px -14px;
}

.popover-list-spa li a {
  padding: 2px 20px;
  color: #262626;
  display: block;
  text-decoration: none;
  margin-bottom: 8px;
}

.popover-list-spa li a:hover {
  background: #e5eaed;
}

.popover-list-spa .close {
  position: absolute;
  right: 8px;
  top: 4px;
}

.input-wrapper-spa {
  position: relative;
  margin: 15px 10px;
}

.input-wrapper-spa span {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #64798a;
}

.input-data-spa {
  padding: 4px 0 4px 25px;
  width: 90%;
  border: 1px solid #d6dce0;
  border-radius: 0px;
}

.input-data-spa:focus,
.input-data-spa:focus-within,
.input-data-spa:focus-visible {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(111, 173, 223, 0.6);
  border-color: #6faddf;
  outline-width: 0;
}

.retrieved-item {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 0;
  border-top: 1px solid var(--nxp-border-color);
  background-color: var(--nxp-surface-dark);
}

#cross-reference-tool-app .retrieved-item {
  flex-wrap: nowrap;
}

@media (max-width: 992px) {
  #cross-reference-tool-app .retrieved-item {
    flex-wrap: wrap;
  }
}

.docstore .retrieved-item,
.stepper-vertical .retrieved-item {
  border-top: none;
}

.retrieved-item.is-match {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-right: 0;
  margin-left: 0;
  background-color: #f7f5f1;
}

.retrieved-item.is-match + .is-match {
  margin-top: 30px;
}

.retrieved-item-signpost {
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.retrieved-item-signpost + .item-body {
  padding-left: 45px;
}

.card1-item .retrieved-item {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}

.card1-item .retrieved-item .item-media {
  flex-grow: 0;
  flex-basis: auto;
}

.card1-item .retrieved-item .training-type {
  padding-right: 0;
  padding-left: 0;
}

.retrieved-item .item-body .title-and-elements {
  margin-top: 0;
  margin-bottom: 0;
}

.item-media {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  align-self: flex-start;
  max-width: 100%;
  min-height: 1px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 480px) {
  .item-media {
    max-width: 25%;
    min-width: 70px;
    margin-bottom: 0;
  }
}

#design-advisor .item-media img {
  max-height: 140px;
}

#partner-marketplace-app .item-media img {
  max-height: 140px;
}

.item-media img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.item-media .item-duration {
  position: absolute;
  bottom: 0;
  right: 15px;
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 1440px) {
  .item-media {
    max-width: 280px;
  }
}

.item-media a.open-modal {
  width: 100%;
  display: block;
  color: #215bd6;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin-top: 8px;
}

.item-content-description {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 16px;
}

.item-content-section.component-md-flex {
  flex-wrap: wrap;
}

.item-content-section.component-md-flex .feature-list:last-child {
  margin-bottom: 0px;
}

.item-content-section.component-md-flex .feature-list:last-child ul li:last-of-type {
  margin-bottom: 0px;
}

.item-content-section.component-md-flex .feature-list {
  margin-bottom: 8px;
  flex: 0 0 calc(50% - 4px) !important;
  padding: 0px !important;
}

.item-content-section.component-md-flex .feature-list .feature-list-title {
  font-size: 14px;
  line-height: 16px;
  color: #262626;
  font-weight: 600;
}

.item-content-section.component-md-flex .feature-list ul {
  list-style: none;
  padding: 0px;
  margin-top: 0px;
}

.item-content-section {
  font-size: 14px;
  padding-top: 30px;
}

.item-content-section.compressed {
  max-height: 76px;
}

.item-content-section.compressed .item-content-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item-content-section-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.item-content-section ul {
  list-style: disc;
}

.item-content-section:first-of-type {
  padding-top: 0px;
}

.item-content-section:last-of-type {
  padding-bottom: 30px;
}

.item-content-section:only-of-type {
  padding-bottom: 8px;
}

.item-content-section .interactive-bd-component .bd-col-left {
  min-height: unset;
  padding: 0px;
}

.item-content-section .interactive-bd-component .bd-body,
.item-content-section .interactive-bd-component .bd-col-left {
  border: none !important;
}

.item-content-section .interactive-bd-component .bd-body .bd-button,
.item-content-section .interactive-bd-component .bd-col-left .bd-button {
  top: 0px;
  right: 0px;
}

@media (max-width: 992px) {
  .item-content-section .interactive-bd-component .bd-body .bd-button,
  .item-content-section .interactive-bd-component .bd-col-left .bd-button {
    width: 20px;
    font-size: 16px;
    height: 22px;
  }
  .item-content-section .interactive-bd-component .bd-body .bd-button span.icon-exand::before,
  .item-content-section .interactive-bd-component .bd-col-left .bd-button span.icon-exand::before {
    top: 2px;
    right: 4px;
  }
}

.item-content-section .helper-modal {
  color: #474645;
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  .item-content-section .helper-modal {
    font-size: 12px;
  }
}

.item-content-box {
  list-style: none !important;
  padding: 18px 20px;
  border: 1px solid #d4cfc5;
  height: auto;
  overflow: auto;
  max-height: 160px;
}

.item-content-box::-webkit-scrollbar {
  -webkit-appearance: none;
}

.item-content-box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.item-content-box li:only-child {
  margin-bottom: 0px;
}

.item-content-search {
  display: block;
  width: 100%;
  position: relative;
}

.item-content-search span {
  position: absolute;
  left: 6px;
  top: 6px;
  font-size: 14px;
  color: #d4cfc5;
}

.item-content-search input {
  width: 200px;
  padding-left: 30px;
  border: 1px solid #d4cfc5;
}

.item-body {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  width: 50%;
  min-width: 220px;
  max-width: 830px;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 1440px) {
  .item-body {
    flex-basis: auto;
    width: 100%;
    width: calc(100% - 280px);
  }
  #cross-reference-tool-app .item-body {
    width: calc(100% - 290px);
  }
}

.item-body .supports .meta-item {
  margin: 0px;
}

.item-body .supports .meta-item-anchor {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.item-body .supports .meta-item-anchor:hover {
  text-decoration: underline;
}

.item-body .impact-label {
  width: fit-content;
  margin-bottom: 10px;
}

.item-body .signpost {
  display: block;
  margin-bottom: 10px;
}

.item-body .insignia.account-required {
  margin-top: 10px;
}

.item-signpost {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.item-signpost .label.label-danger {
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
  color: #d9534f;
  background-color: transparent;
  border-left: 1px solid #d9534f;
  border-radius: 0;
}

.item-breadcrumb + .item-description {
  margin-top: 0;
}

.item-rev {
  display: inline-block;
  vertical-align: super;
  font-size: 12px;
  letter-spacing: 0.04em;
}

@media screen and (min-width: 768px) {
  .item-secure {
    position: absolute;
    top: 4px;
    left: -1.25em;
    font-size: 14px;
  }
}

.item-secure.big-icon {
  font-size: inherit;
  top: 0px;
}

.item-breadcrumb {
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  font-size: 14px;
}

.item-breadcrumb > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.item-breadcrumb li + li:before {
  content: "/";
  padding: 0 5px;
  color: #686664;
}

.global-component .item-breadcrumb {
  margin-bottom: 0px;
}

.item-breadcrumb a {
  color: var(--nxp-secondary-color);
}

.box-container .item-breadcrumb li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
  color: var(--nxp-secondary-color);
}

.item-title {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: #000000;
  word-break: break-word;
}

.item-title .text-new,
.item-title .text-archive,
.item-title .text-updated {
  display: inline-block;
  vertical-align: super;
  font-size: 12px;
  letter-spacing: 0.04em;
}

.item-title a {
  padding-right: 8px;
}

.item-title a + .text-new-my-lib {
  margin: 0px;
}

.item-price {
  margin-top: 0.5em;
}

.item-price > :last-child {
  margin-bottom: 0;
}

.item-vendor {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #686664;
}

.item-description {
  margin-top: 10px;
}

#partnerProfile .item-description > p:first-of-type {
  display: block;
}

.item-description #partner-marketplace-app .card1 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-description #partner-marketplace-app .card1 .card1-title a {
  padding-right: 8px;
}

.item-description #partner-marketplace-app .card1 .card1-title a + .text-new-my-lib {
  margin: 0px;
}

#partner-marketplace-app .card1-body .item-description > p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#partner-marketplace-app .item-body .item-description > p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-description > p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--nxp-body-color);
}

.item-description > :last-child {
  margin-bottom: 0;
}

.item-metadata {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
  /* style for the associated files */
}

ul.item-metadata {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.item-metadata > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.item-metadata li {
  margin-top: 6px;
  margin-bottom: 0;
}

.item-metadata a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .item-metadata a,
#part-details-app .item-metadata a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .item-metadata a:hover,
#part-details-app .item-metadata a:hover {
  text-decoration: underline;
}

ul.item-metadata > li {
  max-width: 100%;
}

.item-metadata > li {
  max-width: 100%;
  margin-bottom: 0;
}

.item-metadata a {
  /* color: $link-color;
      text-decoration: none; */
  color: #686664;
  text-decoration: underline;
}

.item-metadata .meta-key {
  font-weight: 600;
  /* font-weight: normal; */
}

.item-metadata .meta-key a {
  font-weight: normal;
}

.item-metadata .meta-item .meta-key {
  font-weight: 600;
}

.item-metadata .meta-item .meta-key span a {
  color: #686664;
  text-decoration: underline;
}

.item-metadata .meta-file {
  text-transform: uppercase;
}

.item-metadata .meta-file abbr {
  text-decoration: none;
}

.item-metadata .meta-size {
  text-transform: uppercase;
}

.item-metadata.metadata-vertical {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.item-metadata.metadata-vertical > li {
  padding-left: 0px;
  display: block;
  /*  @media only screen and (max-width: $screen-sm) { */
  /*  } */
  /*  ul.item-metadata {
          margin: 0px !important;
          li {
            margin: 0px;
          }
        } */
}

.item-metadata.metadata-vertical > li:first-of-type {
  margin-top: 0px;
}

.item-metadata.metadata-vertical > li ul.item-metadata {
  margin: 0px !important;
}

.item-metadata.metadata-vertical > li ul.item-metadata li {
  margin: 0px;
  padding-right: 10px;
  padding-left: 0px;
  /* display: block; */
}

.item-metadata.metadata-list {
  list-style-type: disc;
  padding-left: 1.2em !important;
}

.item-metadata.metadata-list li {
  display: list-item;
}

.item-metadata.metadata-divider {
  padding-top: 4px;
  display: flex !important;
  align-items: stretch !important;
  gap: 24px;
}

.item-metadata.metadata-divider > * {
  margin: 0px;
  position: relative;
  display: flex;
  align-items: center;
}

.item-metadata.metadata-divider > * img {
  /*  max-height: 48px; */
  max-width: 48px;
  width: 48px;
}

.item-metadata.metadata-divider > *::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -12px;
  display: block;
  height: calc(100% + 2px);
  box-shadow: none;
  border-left: 1px solid #898683 !important;
}

.item-metadata.metadata-divider li:first-of-type {
  border: none;
  padding-left: 0px;
}

.item-metadata.metadata-divider li:first-of-type::before {
  display: none;
}

.item-subpages {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
  margin-top: 15px;
  margin-right: -15px;
}

.item-subpages > li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.item-subpages > li {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .item-subpages > li {
    width: 50%;
  }
  .item-subpages > li.item-subpages-all {
    width: 100%;
  }
}

.item-resources .resource-label {
  font-size: 14px;
}

.item-resources .resource-list {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.item-resources .resource-list:empty {
  display: none;
}

.item-resources .resource-list > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.item-resources .resource-list > li {
  margin-top: 0.5em;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .item-resources .resource-label {
    margin-right: 5px;
  }
  .item-resources .resource-list {
    display: inline-block;
  }
}

.item-resources.design li {
  margin-top: 0px;
}

.item-options {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

@media screen and (min-width: 992px) {
  .item-options {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    margin-left: auto;
  }
}

.item-options > * {
  display: block;
  width: calc(50% - 15px);
  margin-top: 20px;
}

@media screen and (min-width: 992px) {
  .item-options > * {
    width: 100%;
  }
  .item-options > *:first-child {
    margin-top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .item-options > *.btn-link {
    padding-left: 0;
    text-align: left;
  }
}

.item-options > *.item-suboption {
  display: flex;
  align-items: center;
}

.item-options > *.item-suboption .btn, .item-options > *.item-suboption .nav-close {
  flex-grow: 1;
}

.item-options > *.item-suboption .btn + .checkbox, .item-options > *.item-suboption .nav-close + .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
}

.item-options .download-link:after {
  display: none;
}

.item-children {
  width: 100%;
}

.item-secondary {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .item-secondary {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.item-wrapper {
  width: 100%;
}

.item-sublist {
  padding-left: 0;
  list-style: none;
  margin-top: 35px;
  padding-left: 0px;
  margin-top: 16px;
  padding-left: 20px;
  margin-bottom: 0;
}

.item-sublist > li {
  padding-left: 0;
}

.item-sublist .item-subitem {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 0px;
}

@media (max-width: 992px) {
  .item-sublist .item-subitem {
    gap: 6px;
  }
}

.item-sublist .item-subitem .item-body {
  padding-left: 0px;
}

.item-sublist .item-subtitle {
  margin-bottom: 6px;
  margin-top: 0px;
}

.item-sublist .item-metadata {
  margin-bottom: 0px;
}

.item-sublist .item-metadata li {
  margin-top: 0px;
}

.item-sublist .security-status {
  margin-top: 6px;
}

.item-subheader {
  margin-bottom: 0;
  font-weight: 600;
  color: #000000;
}

.item-subitem {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: -15px;
  margin-bottom: 0;
  margin-left: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4cfc5;
}

.item-subitem .item-options {
  padding-top: 8px;
}

.item-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.item-details {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 20px;
}

@media screen and (min-width: 992px) {
  .item-details {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.item-details > :last-child {
  margin-bottom: 0;
}

.item-links .links-list, .item-links .links-container .links-list-border, .links-container .item-links .links-list-border {
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 8px;
  list-style: none;
}

.download-details:after {
  display: inline-block;
  transition-property: transform;
}

.download-details:hover:after {
  left: 0;
}

.download-details.is-active:after {
  transform: rotate(-180deg);
}

.btn-download.is-multiple:after {
  content: "\f107";
  display: inline-block;
  margin-left: 5px;
  font-family: "Font Awesome";
  transition: transform 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.btn-download.is-multiple:hover:after {
  left: 0;
}

.btn-download.is-multiple.is-active:after {
  transform: rotate(-180deg);
}

.is-link-block .result-image {
  padding-right: 15px;
  padding-left: 15px;
}

.is-link-block .icon-download2 {
  font-size: 24px;
  color: #adadad;
}

.date-display {
  display: inline-block;
  min-width: 60px;
  font-weight: 600;
  text-align: center;
}

.date-display .month {
  display: block;
  padding: 0.5em 0.5em 0.25em;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  background-color: #686664;
  border-radius: 0 0 0 0;
}

.date-display .day {
  display: block;
  padding: 0.25em 0.5em 0.5em;
  font-size: 16px;
  color: #686664;
  background-color: #ebe7dd;
  border-radius: 0 0 0 0;
}

.date-display-lg {
  min-width: 100px;
}

.date-display-lg .month {
  padding: 0.5em 1em;
  font-size: 18px;
}

.date-display-lg .day {
  padding: 0.5em 1em;
  font-size: 40px;
  font-weight: 300;
}

.date-display-sm {
  min-width: 40px;
}

.date-display-sm .month {
  font-size: 12px;
}

.date-display.is-aqua .month {
  background-color: #00a4a7;
}

.date-display.is-aqua .day {
  color: #00a4a7;
  background-color: white;
  border: 2px solid #00a4a7;
  border-top: none;
}

.download-panel {
  font-size: 14px;
}

.download-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.download-header > .btn[data-toggle], .download-header > .nav-close[data-toggle] {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #000000;
}

.download-header > .btn[data-toggle] > span[class*='icon-'], .download-header > .nav-close[data-toggle] > span[class*='icon-'] {
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.download-header > .btn[data-toggle][aria-expanded='true'] > span[class*='icon-'], .download-header > .nav-close[data-toggle][aria-expanded='true'] > span[class*='icon-'] {
  transform: rotate(90deg);
}

@media only screen and (max-width: 479px) {
  .download-header > .btn[data-toggle], .download-header > .nav-close[data-toggle] {
    margin-right: 50%;
    margin-bottom: 10px;
  }
}

.download-data {
  flex-grow: 1;
  flex-shrink: 0;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 1;
}

@media only screen and (max-width: 480px) {
  .download-data {
    padding-bottom: 10px;
  }
}

.has-progress .download-data {
  flex-grow: 0;
}

@media screen and (min-width: 768px) {
  .download-data {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }
}

.download-actions {
  display: flex;
  justify-content: flex-end;
}

.has-progress .download-actions {
  flex-grow: 1;
}

.download-actions .progress {
  width: 100%;
  height: 8px;
  margin-bottom: 0;
  background-color: #d4cfc5;
  box-shadow: none;
}

.download-actions .progress-bar {
  border-radius: 4px;
}

.download-list {
  padding-left: 0;
  list-style: none;
  margin-top: 15px;
  margin-bottom: 0;
}

.download-list > li {
  padding-left: 0;
}

.download-item {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.download-item + .download-item {
  border-top: 1px solid var(--nxp-border-color);
}

.download-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-right: 15px;
  padding-left: 15px;
}

.download-item-size {
  flex-shrink: 0;
  min-width: 16.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
}

.download-item-action {
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
}

.download-item-action .btn, .download-item-action .nav-close {
  color: #000000;
}

.download-panel-spa.download-panel {
  background-color: #f7f5f1;
  padding: 18px;
}

.download-panel-spa.download-panel .download-header a.btn, .download-panel-spa.download-panel .download-header a.nav-close {
  position: relative;
  padding-left: 14px;
  font-weight: 600;
}

.download-panel-spa.download-panel .download-header .btn.collapsed:before, .download-panel-spa.download-panel .download-header .collapsed.nav-close:before {
  content: '\F105';
  display: inline-block;
  font-family: Font Awesome;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 0.5em;
  left: 0.25em;
  color: #4e616e;
  transform: rotate(0deg);
  transition: all 0.25s ease-in;
}

.download-panel-spa.download-panel .download-header a.btn:before, .download-panel-spa.download-panel .download-header a.nav-close:before {
  content: '\F105';
  display: inline-block;
  font-family: Font Awesome;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 0.5em;
  left: 0.25em;
  color: #4e616e;
  transform: rotate(90deg);
  transition: all 0.25s ease-in;
}

.download-panel-spa.download-panel .download-data {
  text-align: left;
  font-size: 16px;
}

.download-panel-spa.download-panel .download-body .btn-remove-file {
  font-size: 20px;
}

.download-panel-spa.download-panel .download-item-label span {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  color: #686664;
}

.item-keyword {
  font-weight: 600;
}

.suggestions-quick {
  position: absolute;
  z-index: 1000;
  width: calc(100% - 30px);
  padding: 30px;
  background-color: white;
  border: 1px solid var(--nxp-border-color);
  border-radius: 0 0 0 0;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.05);
}

.suggestions-quick-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.suggestions-quick-lists {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.suggestions-quick-lists > li {
  padding-left: 0;
}

.suggestions-quick-lists > li {
  padding: 10px 30px;
  margin-right: -30px;
  margin-bottom: 0;
  margin-left: -30px;
  cursor: pointer;
}

.suggestions-quick-lists > li[type='category'] {
  padding-left: 45px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

.suggestions-quick-lists > li:hover {
  background-color: #f7f5f1;
}

.suggestions {
  position: absolute;
  z-index: 1000;
  width: 100%;
  padding: 30px;
  background-color: var(--nxp-body-bg);
  border: 1px solid var(--nxp-border-color);
  border-radius: 0 0 0 0;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.05);
}

.suggestions-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
}

.suggestions-lists {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.suggestions-lists > li {
  padding-left: 0;
}

.suggestions-lists > li {
  padding: 10px 30px;
  margin-right: -30px;
  margin-bottom: 0;
  margin-left: -30px;
  cursor: pointer;
}

.suggestions-lists > li[type='category'] {
  padding-left: 45px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

.suggestions-lists > li:hover {
  background-color: #f7f5f1;
}

.suggestions-lists > li.allResults {
  margin-top: 16px;
}

.suggestions.product-categories {
  width: 330px;
  padding: 0px;
  font-size: 14px;
  top: 100%;
}

@media only screen and (max-width: 479px) {
  .suggestions.product-categories {
    width: 90vw;
  }
}

.suggestions.product-categories .filter-nav {
  display: block;
  margin-bottom: 0px;
}

.suggestions.product-categories .filter-nav .is-parent a:before {
  vertical-align: baseline;
  margin-right: 8px;
}

.suggestions.type-categories {
  width: 204px;
  padding: 12px 0;
  top: 100%;
}

.suggestions.type-categories .selection-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.suggestions.type-categories .selection-list li {
  padding: 2px 16px;
  margin: 0;
}

.suggestions.type-categories .selection-list .form-check {
  display: flex;
  align-items: flex-start;
}

.suggestions.type-categories .selection-list .form-check input {
  margin: 0;
  cursor: pointer;
}

.suggestions.type-categories .selection-list .form-check label.form-check-label {
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  margin: 0;
  margin-top: -3px;
  cursor: pointer;
}

.suggestions.type-categories .filter-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.suggestions.type-categories .filter-nav .filter-nav-item {
  padding: 2px 16px;
}

.suggestions.type-categories .filter-nav .filter-nav-item .form-check-wrapper {
  padding-left: 0;
}

.suggestions.type-categories .filter-nav .filter-nav-item .filter-nav-reset {
  color: var(--nxp-link-color);
}

.align-label-result {
  margin-left: 22px;
}

.new-retrieved-results-header {
  width: 100%;
}

.new-retrieved-results-header .form-result-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.new-retrieved-results-header .retrieved-results-label.flex-grow-1 {
  padding-right: 12px;
}

@media only screen and (max-width: 767px) {
  .new-retrieved-results-header .d-flex:has(.retrieved-results-label.flex-grow-1), .new-retrieved-results-header .flex-grid:has(.retrieved-results-label.flex-grow-1), .new-retrieved-results-header .jumpto ul li:has(.retrieved-results-label.flex-grow-1), .jumpto ul .new-retrieved-results-header li:has(.retrieved-results-label.flex-grow-1), .new-retrieved-results-header .results-pagination-select:has(.retrieved-results-label.flex-grow-1), .new-retrieved-results-header .is-pinned .pin-content-fixed:has(.retrieved-results-label.flex-grow-1), .is-pinned .new-retrieved-results-header .pin-content-fixed:has(.retrieved-results-label.flex-grow-1), .new-retrieved-results-header .is-pinned .pin-content:has(.retrieved-results-label.flex-grow-1):first-child, .is-pinned .new-retrieved-results-header .pin-content:has(.retrieved-results-label.flex-grow-1):first-child {
    flex-direction: column;
  }
}

.new-retrieved-results-header .filter-tag-filters {
  gap: 12px;
}

.new-retrieved-results-header .filter-tag-filters .section {
  margin-right: 0px;
  margin-bottom: 0px;
}

.new-retrieved-results-header .sort-results .form-group {
  display: flex;
  align-items: center;
}

.new-retrieved-results-header .sort-results .form-group label {
  padding-right: 12px;
  margin: 0;
}

.new-retrieved-results-header .sort-results .form-group .form-control {
  padding: 0 8px;
}

.new-retrieved-results-header + .card1 {
  padding-top: 1em;
}

.results-pagination-footer {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.results-pagination-footer .counter p {
  padding: 0;
  margin-bottom: 0px;
}

.results-pagination-footer .pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.results-pagination-footer .pagination li {
  margin-bottom: 0px;
}

.results-pagination-select {
  justify-content: center;
  align-items: center;
}

.filter-search {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.filter-search:not(.band):not(#faq[data-nxp-theme='automotive']):not(
#faq[data-nxp-theme='industrial']):not(
#faq[data-nxp-theme='consumer']) {
  padding-top: 2em;
  padding-bottom: 2em;
}

.filter-search .search-input::-ms-clear {
  display: none;
}

.search-remove {
  position: absolute;
  z-index: 3;
  right: 92px;
  top: 6px;
  margin-right: 4px;
  padding: 8px;
  font-size: 16px;
  border-radius: 100px;
  width: 34px;
  height: 34px;
  text-align: center;
  cursor: pointer;
}

.search-remove:hover {
  background-color: #ebe7dd;
}

.search-input:has(+ .search-btn) {
  padding-right: 36px;
}

.input-group-search:has(input.btn-search[value='搜索']) .search-remove, .input-group-search:has(input.btn-search[value='検索']) .search-remove {
  right: 67px;
}

#distynet-app #landing-page .card1-item .media {
  margin-right: -10px;
  margin-left: -10px;
}

#distynet-app #landing-page .card1-item .media-left {
  padding-right: 10px;
  padding-left: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #distynet-app #landing-page .card1-item .media-left {
    display: block;
    max-width: 100%;
    margin-bottom: 15px;
  }
}

#distynet-app #landing-page .card1-item .media-left [class*='icon-'] {
  font-size: 50px;
}

#distynet-app #landing-page .card1-item .media-body {
  padding-right: 10px;
  padding-left: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #distynet-app #landing-page .card1-item .media-body {
    display: block;
    max-width: 100%;
  }
}

#distynet-app .distynet-items .item-media {
  max-width: 70px;
  font-size: 33px;
  color: #686664;
  text-align: center;
}

.partner-directory-items {
  padding-top: 0;
}

.partner-directory-items .media-flex-media {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 130px;
}

@media only screen and (max-width: 767px) {
  .partner-directory-items .media-flex-media {
    display: none;
  }
}

.partner-directory-items .media-flex-text {
  margin-top: 10px;
  margin-bottom: 10px;
}

.partner-directory-items .media-flex-text:last-child {
  margin-bottom: 0;
}

.reference-designs-landing-data a.underline:link {
  text-decoration: none;
}

.search-items .retrieved-item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: none;
}

.search-items .retrieved-item .link-simple, .search-items .retrieved-item .jumpto ul li a, .jumpto ul li .search-items .retrieved-item a {
  display: flex;
  margin-bottom: 6px;
}

.search-items .retrieved-item .impact-label {
  display: inline-block;
  margin-bottom: 6px;
}

.search-items .retrieved-item a:has(.impact) {
  color: var(--nxp-link-color);
}

.search-items .retrieved-item a:has(.impact) .impact {
  -webkit-text-fill-color: unset;
}

@media only screen and (max-width: 767px) {
  .button-container .onebox {
    margin-top: 2em;
  }
}

.oneboxContainer {
  margin-bottom: 15px;
  border: 1px solid var(--nxp-border-color);
  border-radius: 0;
}

.oneboxItems {
  padding: 15px 30px;
  background-color: white;
}

.onebox .retrieved-item {
  border-top: none;
}

.oneboxItem {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: none;
}

.oneboxItem + .oneboxItem:before {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  display: block;
  height: 1px;
  background-color: var(--nxp-border-color);
}

.oneboxFooter {
  padding: 5px 30px;
  text-align: center;
  border-top: 1px solid var(--nxp-border-color);
}

.training-items .item-media {
  max-width: 110px;
}

.training-items .retrieved-item .item-options:has(.item-options-collections) {
  flex: 0;
}

@media (min-width: 992px) {
  .training-items .item-options {
    padding-top: 24px;
  }
}

.training-type {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 50px;
  color: #686664;
  text-align: center;
}

.training-type.is-course {
  font-size: 60px;
}

@media screen and (min-width: 768px) {
  .classroom-results-short .media-flex-media {
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .classroom-results-short .media-flex-body {
    padding-left: 10px;
  }
}

.classroom-results-short .media-flex-text {
  margin-top: 0.5em;
}

.filter-search > .text-muted {
  margin-top: 14px;
}

.store.container {
  padding-left: 0px;
  padding-right: 0px;
}

.store .container {
  padding-left: 0px;
  padding-right: 0px;
}

.store .filter-search {
  padding-top: 18px;
  padding-bottom: 22px;
}

.store-btn {
  margin-left: 20px;
}

.store .filters {
  padding: 22px 0px 38px 0px;
}

@media (max-width: 480px) {
  .store .filters {
    padding-bottom: 20px;
  }
}

.store .filters .filter-tag-filters .filter-nav {
  border: none;
}

.store .filters .filter-tag-filters .filter-nav:not(:has(> .is-selected)) a:has(span)::before {
  content: unset;
}

.store .filters .filter-tag-filters .filter-nav .filter-nav-item.is-parent a {
  display: flex;
}

.store .filters .filter-tag-filters .filter-nav:has(.checkbox) ~ .filter-reset {
  padding-left: 0px;
}

@media (max-width: 768px) {
  .store .filters .filter-tag-filters .section.open .filter-nav {
    display: block;
  }
}

.store .filters .filter-tag-filters + .filters-tag-selected {
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 20px;
  margin-top: 20px;
}

.store .filters .filter-tag-filters + .filters-tag-selected .section.clear a {
  padding-left: 0px;
}

@media (max-width: 768px) {
  .store .filters .section .suggestions.categories {
    /*  height: 250px;
          position: fixed;
          top: 68%;
          left: 50%;
          transform: translate(-50%, -50%); */
    position: absolute;
    width: calc(100% + 120px);
    left: -10px;
  }
  .store .filters .section .suggestions.categories .filter-nav {
    max-height: 200px;
    overflow: auto;
  }
  .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border-radius: 10px;
    border: 4px solid #ffffff;
  }
  .dark .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border: 4px solid #262626;
  }
  .store .filters .section .suggestions.categories hr + .filter-nav {
    max-height: 175px;
  }
}

@media (max-width: 768px) {
  .store .filters .section:last-of-type .suggestions.categories {
    position: absolute;
    width: calc(40% + 180px);
    right: 0px;
    left: -10px;
  }
}

@media (max-width: 389px) {
  .store .filters .section:last-of-type .suggestions.categories {
    right: unset;
    left: 0px;
  }
}

@media (max-width: 480px) {
  .store .filters .section:last-of-type .suggestions.categories {
    right: unset;
    left: -10px;
  }
}

.store .filters .categories {
  width: 332px;
  padding: 20px 0px;
  font-size: 14px;
  top: 100%;
  border-top: 1px solid var(--nxp-border-color);
}

.store .filters .categories .filter-reset {
  padding-left: 20px;
  display: block;
}

.store .filters .categories .checkbox label,
.store .filters .categories .radio label {
  vertical-align: -webkit-baseline-middle;
}

.store .filters .categories .checkbox label:hover,
.store .filters .categories .radio label:hover {
  color: inherit;
}

.store .filters .filter-nav-item.is-parent a {
  padding-left: 20px;
}

.store .filters .filter-nav-item:has(+ .is-selected) {
  padding-left: 1px;
}

.store .filters .filter-nav-item .selected-label {
  padding-left: 44px;
}

.store .filters .filter-nav-item-sub a {
  padding-left: 44px;
}

.store .filters .availability-categories,
.store .filters .type-categories {
  padding: 12px;
}

.store .filters .availability-categories .checkbox,
.store .filters .type-categories .checkbox {
  padding-left: 0px;
  padding-bottom: 0px;
}

.store .filters .availability-categories .filter-nav-sub,
.store .filters .type-categories .filter-nav-sub {
  padding-left: 20px;
}

.store .filters .availability-categories .filter-nav-sub li,
.store .filters .type-categories .filter-nav-sub li {
  margin-bottom: 0px;
}

.store .filters .availability-categories hr,
.store .filters .type-categories hr {
  margin: 2px 0px 7px 0px;
}

.store .component-container h2,
.store .component-container h3 {
  margin: 0px;
}

.store .component-container > :first-child {
  margin-bottom: 24px;
}

.store .component-container > :only-child {
  margin-bottom: 0px;
}

.store .component-container .flex-grid, .store .component-container .jumpto ul li, .jumpto ul .store .component-container li, .store .component-container .results-pagination-select, .store .component-container .is-pinned .pin-content-fixed, .is-pinned .store .component-container .pin-content-fixed, .store .component-container .is-pinned .pin-content:first-child, .is-pinned .store .component-container .pin-content:first-child {
  gap: 10px;
}

.store .flex-box-row {
  gap: 30px;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .store .flex-box-row {
    flex-direction: column;
    align-items: center;
  }
}

.store .flex-box-row .flex-box-element.cool-grey-xxxlight img {
  width: 60px;
  height: 60px;
}

.store .component-container:has(> .swiper-slider-container) {
  padding: 0px 0px 68px;
}

.store .flex-box-element.cool-grey-xxxlight {
  padding: 24px 20px;
}

.store .d-flex, .store .flex-grid, .store .jumpto ul li, .jumpto ul .store li, .store .results-pagination-select, .store .is-pinned .pin-content-fixed, .is-pinned .store .pin-content-fixed, .store .is-pinned .pin-content:first-child, .is-pinned .store .pin-content:first-child {
  flex-wrap: wrap;
  align-items: baseline;
}

.store .d-flex .flex-grow-1, .store .flex-grid .flex-grow-1, .store .jumpto ul li .flex-grow-1, .jumpto ul .store li .flex-grow-1, .store .results-pagination-select .flex-grow-1, .store .is-pinned .pin-content-fixed .flex-grow-1, .is-pinned .store .pin-content-fixed .flex-grow-1, .store .is-pinned .pin-content:first-child .flex-grow-1, .is-pinned .store .pin-content:first-child .flex-grow-1 {
  min-width: fit-content;
}

@media (max-width: 768px) {
  .store .d-flex, .store .flex-grid, .store .jumpto ul li, .jumpto ul .store li, .store .results-pagination-select, .store .is-pinned .pin-content-fixed, .is-pinned .store .pin-content-fixed, .store .is-pinned .pin-content:first-child, .is-pinned .store .pin-content:first-child {
    gap: 16px;
  }
  .store .d-flex select.form-flat.form-control, .store .flex-grid select.form-flat.form-control, .store .jumpto ul li select.form-flat.form-control, .jumpto ul .store li select.form-flat.form-control, .store .results-pagination-select select.form-flat.form-control, .store .is-pinned .pin-content-fixed select.form-flat.form-control, .is-pinned .store .pin-content-fixed select.form-flat.form-control, .store .is-pinned .pin-content:first-child select.form-flat.form-control, .is-pinned .store .pin-content:first-child select.form-flat.form-control {
    display: inline !important;
  }
}

.store .box-list {
  margin-top: 0px;
}

.store .box-list.avatar-skeleton {
  margin-top: 32px;
}

.store .box-list + .results-pagination-footer:last-child {
  border-bottom: 1px solid var(--nxp-border-color);
  padding-bottom: 48px;
  margin-bottom: 0px;
}

.store .box-list + .results-pagination-footer + .component-container {
  padding: 48px 0 78px;
  border-bottom: 1px solid var(--nxp-border-color);
}

.store .box-list + .results-pagination-footer + .component-container::before {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  content: '';
  position: absolute;
  left: 0;
  display: block;
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
  top: 0px;
}

.store .box-list + .results-pagination-footer + .component-container:has(.swiper-scrollbar.swiper-scrollbar-lock) {
  padding: 48px 0 48px;
}

.store .box-list + .results-pagination-footer + .component-container .box-container .box-opts-image {
  border-right: none;
}

@media (max-width: 992px) {
  .store .box-list + .results-pagination-footer + .component-container .box-container .box-opts-image {
    border-bottom: none;
  }
}

.store .box-list + .results-pagination-footer + .component-container .box-container ul.metadata li, .store .box-list + .results-pagination-footer + .component-container .shopping-list .box-container ul.description li, .shopping-list .store .box-list + .results-pagination-footer + .component-container .box-container ul.description li {
  margin-top: 0px;
}

.store .box-container:has(+ a) {
  margin-bottom: 30px;
}

.store .box-container.dark .item-signpost {
  text-transform: capitalize;
}

.store .animate-toggle {
  animation: none;
}

.store .icon-info.tooltip-react {
  margin-left: 4px;
}

.store section.box-1.box-opts-content > ul.nav-piped-2 {
  margin-top: 0px;
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open {
    width: 90%;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter {
  padding: 14px 0px 24px 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-divider {
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 54px 14px 0px;
  text-transform: uppercase;
  color: var(--nxp-secondary-color);
  border-bottom: 3px solid var(--nxp-border-color-secondary);
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-divider {
    padding: 24px 24px 4px 12px;
    line-height: 1.4;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
  padding: 14px 54px 14px 16px;
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
    padding: 24px 24px 4px 12px;
    line-height: 1.4;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading.is-active, .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading:hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .small.text-muted, .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .flex-box .box-opts .nav-piped-2 li.text-muted, .flex-box .box-opts .nav-piped-2 .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading li.text-muted {
  font-weight: normal !important;
  font-size: 14px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .corner {
  border: unset;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav {
  padding: 16px 18px 8px 18px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .checkbox {
  padding-bottom: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav:not(:has(> .is-selected)) a {
  padding-left: 1px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav:not(:has(> .is-selected)) a:has(span)::before {
  content: unset;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .blue-link {
  padding-top: 8px;
  padding-bottom: 16px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-regular {
  margin-bottom: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-parent a {
  padding-left: 1px;
  padding-right: 1px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-parent:hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item .selected-label {
  padding-left: 12px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item .selected-label {
    padding-left: 12px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-sub a {
  padding-left: 44px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-sub a {
    padding-left: 20px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-selected a {
  padding-left: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub {
  padding-left: 20px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub a {
    padding-left: 0px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub:has(> li):hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .reset-link {
  padding-top: 8px;
  padding-bottom: 0px;
}

.side-panel .side-filters-container-content .section {
  width: 100%;
}

.side-panel .side-filters-container-content .section > div {
  width: 100%;
}

.side-panel .side-filters-container-footer .btn-link {
  padding-left: 0px;
  text-align: start;
}

.btn-kr {
  margin-left: 12px;
}

.box-opts-content:has(> .dot-orange) p.metadata, .box-opts-content:has(> .dot-orange) .shopping-list .box-container p.description, .shopping-list .box-container .box-opts-content:has(> .dot-orange) p.description {
  display: none;
}

.shopping-summary {
  grid-area: s-summary;
}

@media only screen and (max-width: 992px) {
  .shopping-summary {
    position: relative;
    top: 0px;
    order: 5;
  }
}

.shopping-summary-container {
  position: sticky;
  top: 98px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

@media only screen and (max-width: 991px) {
  .shopping-summary-container {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    top: unset;
  }
}

.shopping-summary-box {
  width: 100%;
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shopping-summary-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shopping-summary-section > * {
  margin: 0px;
}

.shopping-summary-section.has-border-bottom {
  padding-bottom: 20px;
}

.shopping-summary-section .checkbox label {
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .shopping-summary-section .btn, .shopping-summary-section .nav-close {
    width: fit-content;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-summary-section .btn, .shopping-summary-section .nav-close {
    width: auto;
  }
}

.shopping-notifications {
  grid-area: s-notifications;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.shopping-notifications .alert {
  margin: 0px;
}

@media (max-width: 992px) {
  .shopping-notifications {
    order: 2;
  }
}

.shopping-total {
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.shopping-total p {
  margin: 0px;
}

.shopping-list {
  grid-area: s-list;
}

.shopping-list.box-list {
  margin: 0;
}

.shopping-list .box-container {
  background-color: white;
}

@media only screen and (max-width: 1201px) {
  .shopping-list .box-container.box-opts {
    display: flex;
    flex-direction: column;
  }
}

.shopping-list .box-container .box-opts-image {
  min-height: 130px;
  /* @media only screen and (min-width: $screen-md) {
            width: 140px;
          } */
}

.shopping-list .box-container .box-opts-image img[src*='/assets/images/en/icons/'] {
  height: 170px;
  zoom: 0.8;
}

@media only screen and (min-width: 320px) {
  .shopping-list .box-container .box-opts-image {
    /* width: auto; */
    border: none;
  }
}

.shopping-list .box-container .box-opts-content .title-and-elements {
  margin-top: 0px;
}

.shopping-list .box-container .box-opts-content p.help-block {
  margin-top: 5px;
  margin-bottom: 0px;
}

.shopping-list .box-container .box-opts-content.actions {
  width: 180px;
  justify-content: flex-start;
  align-items: end;
}

@media only screen and (min-width: 1201px) {
  .shopping-list .box-container .box-opts-content.actions {
    align-items: flex-end;
  }
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-opts-content.actions {
    width: 100%;
    align-items: start;
  }
}

.shopping-list .box-container .box-opts-content.actions .dot {
  margin-top: 30px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .shopping-list .box-container .box-opts-content.actions .dot {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-opts-content.actions .dot {
    margin-top: 0px;
  }
}

.shopping-list .box-container .box-opts-content .checkbox {
  margin: 0px;
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .shopping-list .box-container .box-opts-content {
    padding-top: 0px;
  }
  .shopping-list .box-container .box-opts-content:not(.actions) {
    padding-bottom: 10px;
  }
  .shopping-list .box-container .box-opts-content.box-100 {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .shopping-list .box-container .box-opts-content:not(.actions) {
    padding-bottom: 20px;
  }
}

.shopping-list .box-container .box-100 p:has(+ p) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-100 {
    flex: 1;
  }
}

.shopping-list .box-container .box-100 .fnxp-cart {
  color: #a6a5a5;
}

@media only screen and (max-width: 992px) {
  .shopping-list .box-container .box-100 .fnxp-cart + h3 {
    text-align: center;
  }
}

.shopping-list .box-container .description {
  display: block;
  margin-top: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shopping-list .box-container .form-group-sm {
  max-width: 250px;
}

.shopping-list .box-container .form-group-sm input {
  width: 180px;
}

.shopping-list .box-container .remove {
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-list .box-container .fnxp-cart + h3 + p {
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .shopping-list {
    max-width: 100%;
    order: 3;
  }
}

.shopping-box-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.shopping-box-header .title-and-elements {
  margin-top: 0px;
}

.shopping-quantity {
  display: flex;
  gap: 76px;
  align-items: flex-start;
  /*     @media only screen and (max-width: 1200px) {
      justify-content: space-between;
      gap: unset;
    } */
}

@media only screen and (max-width: 1201px) {
  .shopping-quantity {
    align-items: flex-start;
    gap: 12px;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-quantity {
    flex-direction: column;
  }
}

.shopping-quantity .form-group {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 2px;
}

.shopping-quantity .form-group + p {
  margin-left: 44px;
}

.shopping-quantity input {
  width: 80px;
}

.shopping-quantity input[type='number'], .shopping-quantity input::-webkit-outer-spin-button, .shopping-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.shopping-quantity select {
  width: 80px;
}

@-moz-document url-prefix() {
  .shopping-quantity input[type='number']:hover, .shopping-quantity input[type='number']:active, .shopping-quantity input[type='number']:focus {
    -moz-appearance: number-input;
  }
  .shopping-quantity input[type='number'], .shopping-quantity input[type='number'] {
    -moz-appearance: textfield;
  }
}

.shopping-quantity p {
  margin-bottom: 0px;
}

.shopping-quantity p i {
  font-size: 14px;
}

.shopping-quantity > * {
  margin-bottom: 0px;
}

.shopping-quantity-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.shopping-quantity-group .title {
  font-weight: bold;
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-quantity-group .icon-info {
  font-size: 14px;
}

.shopping-quantity-group:last-of-type {
  align-self: flex-start;
  margin-left: auto;
}

@media only screen and (max-width: 1200px) {
  .shopping-quantity-group:last-of-type {
    margin-left: unset;
    width: auto;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-quantity-group:last-of-type {
    align-self: unset;
  }
}

.shopping-coupon {
  grid-area: s-coupon;
  background-color: var(--nxp-gray-200);
  padding: 20px;
}

@media only screen and (max-width: 992px) {
  .shopping-coupon {
    max-width: 100%;
    order: 4;
  }
}

.shopping-coupon .form-group {
  margin: 0px;
}

.shopping-coupon .d-flex .btn, .shopping-coupon .flex-grid .btn, .shopping-coupon .jumpto ul li .btn, .jumpto ul .shopping-coupon li .btn, .shopping-coupon .results-pagination-select .btn, .shopping-coupon .is-pinned .pin-content-fixed .btn, .is-pinned .shopping-coupon .pin-content-fixed .btn, .shopping-coupon .is-pinned .pin-content:first-child .btn, .is-pinned .shopping-coupon .pin-content:first-child .btn, .shopping-coupon .d-flex .nav-close, .shopping-coupon .flex-grid .nav-close, .shopping-coupon .jumpto ul li .nav-close, .jumpto ul .shopping-coupon li .nav-close, .shopping-coupon .results-pagination-select .nav-close, .shopping-coupon .is-pinned .pin-content-fixed .nav-close, .is-pinned .shopping-coupon .pin-content-fixed .nav-close, .shopping-coupon .is-pinned .pin-content:first-child .nav-close, .is-pinned .shopping-coupon .pin-content:first-child .nav-close {
  align-self: center;
}

.shopping-coupon-input {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--nxp-border-color);
  padding-bottom: 20px;
}

.shopping-coupon-input input {
  width: 220px;
}

@media only screen and (max-width: 991px) {
  .shopping-coupon-input input {
    width: 100%;
  }
}

.shopping-coupon-input p {
  margin: 2px 0px;
}

.shopping-coupon-list {
  padding-left: 0;
  list-style: none;
}

.shopping-coupon-list > li {
  padding-left: 0;
}

.shopping-coupon-list li {
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-coupon > *:last-child {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.shopping-table thead th:last-of-type {
  width: 100px;
}

.shopping-statement {
  grid-area: s-statement;
  margin-top: 40px;
}

.shopping-statement p {
  font-weight: normal;
  line-height: 1;
  color: #686664;
  color: var(--nxp-secondary-color);
}

@media only screen and (max-width: 992px) {
  .shopping-statement {
    order: 6;
  }
}

.shopping-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.shopping-modal .modal-header::after, .shopping-modal .modal-header::before {
  display: none;
}

.shopping-modal .modal-title {
  display: inline;
}

.shopping-modal.modal-dialog .modal-body {
  max-height: 320px;
}

.shopping-modal.modal-dialog .modal-body:has(.table-responsive), .shopping-modal.modal-dialog .modal-body:has(.form-group) {
  max-height: 400px;
}

.shopping-modal.modal-dialog .modal-body:has(.table-responsive) table, .shopping-modal.modal-dialog .modal-body:has(.form-group) table {
  margin: 0px;
}

.shopping-modal .box-opts-image {
  width: 20%;
  align-self: flex-start;
  border: none;
}

@media only screen and (max-width: 992px) {
  .shopping-modal .box-opts-image {
    width: unset;
    align-self: center;
  }
}

.shopping-modal .box-opts-content {
  padding-top: 0px;
  padding-bottom: 0px;
  gap: 8px;
}

.shopping-modal .box-opts-content .prodStatus-heading {
  margin-bottom: 0px;
}

.shopping-modal .description {
  display: block;
  padding-top: 8px;
  margin-bottom: 0px;
  border-top: 1px solid var(--nxp-border-color);
  font-weight: normal;
  line-height: 1;
  color: #686664;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #686664;
}

.shopping-modal .form-group:first-of-type {
  margin-top: 30px;
}

.shopping-modal .form-group:last-of-type {
  margin-bottom: 0px;
}

.shopping-cart {
  display: grid;
  gap: 30px 30px;
  grid-template-columns: 1fr 360px;
  grid-template-areas: 's-title s-title'
 's-notifications s-notifications'
 's-list s-summary'
 's-coupon s-summary'
 's-statement s-statement';
  margin-bottom: 48px;
}

@media (max-width: 992px) {
  .shopping-cart {
    display: flex;
    flex-direction: column;
  }
}

.shopping-cart:not(:has(.shopping-notifications)) {
  grid-template-areas: 's-title s-title'
 's-list s-summary'
 's-coupon s-summary'
 's-statement s-statement';
}

.shopping-cart:not(:has(.shopping-coupon)) {
  grid-template-areas: 's-title s-title'
 's-notifications s-notifications'
 's-list s-summary'
 's-statement s-statement';
}

.shopping-cart:not(:has(.shopping-coupon, .shopping-notifications)) {
  grid-template-areas: 's-title s-title'
 's-list s-summary'
 's-statement s-statement';
}

.shopping-cart .hero {
  grid-area: s-title;
}

.avatar-skeleton .box-opts-image {
  border: none;
}

#RecentlyViewedXSP.container {
  padding: 0px;
}

#RecentlyViewedXSP h2 {
  margin: 0px;
}

.recently-view-products {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 24px;
}

.recently-view-products .section-product-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .recently-view-products .section-product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .recently-view-products .section-product-list {
    grid-template-columns: 1fr;
  }
}

.recently-view-products .section-product-list .section-product {
  display: flex;
  /*       flex-direction: column;
 */
  gap: 20px;
  padding: 20px;
  position: relative;
}

.recently-view-products .section-product-list .section-product figure {
  min-width: calc((100% / 2) - 60px);
  width: 50%;
}

.recently-view-products .section-product-list .section-product figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recently-view-products .section-product-list .section-product-description {
  display: flex;
  flex-direction: column;
}

.recently-view-products .section-product-list .section-product-description h3 {
  word-break: break-all;
  margin-top: 0px;
}

.recently-view-products .section-product-list .section-product-description p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.recently-view-products .section-product-list .section-product-description .btn, .recently-view-products .section-product-list .section-product-description .nav-close {
  width: fit-content;
}

.recently-view-products .section-product-list .section-product-description:has(+ .section-product-options) h3 {
  padding-right: 24px;
}

.recently-view-products .section-product-list .section-product-options {
  position: absolute;
  right: 0px;
  padding-right: 20px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .recently-view-products .section-product-list .section-product .item-options-collections-menu {
    left: unset;
    right: 0px;
  }
  .recently-view-products .section-product-list .section-product .item-options-collections-menu::after {
    left: unset;
    right: 1px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .recently-view-products .section-product-list .section-product .item-options-collections-menu {
    left: unset;
    right: 0px;
  }
  .recently-view-products .section-product-list .section-product .item-options-collections-menu::after {
    left: unset;
    right: 1px;
  }
}

@media (min-width: 992px) {
  .recently-view-products .section-product-list .section-product:first-of-type .item-options-collections-menu {
    left: 0px;
    right: unset;
  }
  .recently-view-products .section-product-list .section-product:first-of-type .item-options-collections-menu::after {
    left: 1px;
    right: unset;
  }
}

.recently-view-products a:last-child {
  display: inline-flex;
  width: fit-content;
}

/* .recently-viewed{  
    .recently-viewed-box{
      display: flex;
      flex-wrap: wrap;
    }
    &-element{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    gap: 12px;
    max-width: 25%;
    @media (max-width: $screen-md) {
      max-width: 50%;
      flex: 1 50%;
    }
      img{
        max-width: 100%;
        object-fit: scale-down;
      }
      h3{
        margin: 0;
      }
    }
    &-text{
      margin-top: 30px;
    }
} */
.part-details .prodOverview {
  margin-top: 22px;
}

.updates-preferences {
  margin-bottom: 2em;
}

.options-container {
  padding-left: 20px;
}

.btn-preferences-options:before {
  content: "\f0d7";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  transition: transform 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.btn-preferences-options.collapsed:before {
  transform: rotate(-90deg);
}

.preferences-list {
  padding-right: 15px;
  padding-left: 15px;
}

.preferences-email-documents,
.preferences-email-software {
  column-count: 2;
  column-width: 180px;
}

.preferences-email-documents .checkbox,
.preferences-email-software .checkbox {
  margin-top: 0;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  color: var(--nxp-secondary-color);
}

.well .checkbox.disabled label, .well
.radio.disabled label, .well
fieldset[disabled] .checkbox label, .well
fieldset[disabled] .radio label {
  color: #898683;
}

.updates-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-bottom: 2em;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid var(--nxp-border-color);
}

#myUpdatesList .updates-header {
  padding-bottom: 8px;
}

.updates-header-title {
  padding-right: 30px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
}

#myUpdatesList #publicNote {
  width: 100%;
  padding-top: 32px;
}

#myUpdatesList .updates-header {
  border-bottom: none;
}

#myUpdatesList .updates-header .container {
  padding: 0px;
  display: flex;
  align-items: baseline;
}

#myUpdatesList .updates-header .container .helper-text {
  width: 50%;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

#myUpdatesList .updates-header .container .updates-sort {
  width: 50%;
  justify-content: end;
}

.sort-switch {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

.sort-switch.updates-sort {
  margin-top: 10px;
}

.sort-switch-label {
  margin-right: 10px;
}

.sort-switch-items {
  display: flex;
  color: var(--nxp-link-color);
}

.sort-switch-items .radio-inline {
  padding-left: 0;
}

.sort-switch-items .radio-inline ~ .radio-inline {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid var(--nxp-border-color);
}

.sort-switch-items input:checked + .radio-inline {
  font-weight: 600;
  color: #000000;
}

.updates-product {
  margin-bottom: 2em;
}

.product-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-items: flex-end;
  margin-bottom: 0.625em;
}

@media screen and (min-width: 768px) {
  .product-header {
    flex-wrap: nowrap;
  }
}

.product-header .product-title {
  display: flex;
  flex-grow: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .product-header .product-title {
    max-width: 80%;
  }
}

.product-header .product-title .product-label {
  max-width: 100%;
  overflow: hidden;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px;
}

.product-header .product-action {
  flex-shrink: 0;
  margin-top: 0.5em;
}

@media screen and (min-width: 768px) {
  .product-header .product-action {
    margin-top: 0;
    margin-left: auto;
  }
  .product-header .product-action .btn, .product-header .product-action .nav-close {
    margin-left: 30px;
  }
}

.updatedDocs:not(:last-child) {
  margin-bottom: 0;
}

.updatedDocs + .moreLessTrigger {
  padding: 8px;
  margin-bottom: 0;
}

.updatedDocs.table > tbody > tr > td, .updatedDocs.comparisonTableSte > tbody > tr > td,
.updatedDocs.table > thead > tr > th,
.updatedDocs.comparisonTableSte > thead > tr > th {
  font-size: 14px;
}

.updatedDocs td:not(:first-of-type),
.updatedDocs th:not(:first-of-type) {
  width: 16.6666666667%;
  min-width: 165px;
  text-align: center;
}

.updatedDocs-title {
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

.updatedDocs-title sup {
  font-weight: 400;
  color: #000000;
}

.updatedDocs-meta {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-bottom: 0;
  color: #898683;
}

.updatedDocs-meta > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.nxp-notifications-wrapper .results-controls {
  padding: 30px 0 60px 0;
}

.notification-product-table tbody .title-and-elements {
  margin: 0;
}

.notification-product-table tbody .product-status {
  padding: 0;
  cursor: default;
}

.notification-product-table tbody .product-status:hover {
  background-color: unset;
}

.notification-product-table td:nth-of-type(2),
.notification-product-table th:nth-of-type(2) {
  width: 50%;
}

.notification-product-table td:not(:nth-of-type(2)),
.notification-product-table th:not(:nth-of-type(2)) {
  width: 25%;
}

.notification-asset-table tbody .title-and-elements {
  margin: 0;
}

.notification-asset-table td:nth-of-type(1),
.notification-asset-table th:nth-of-type(1) {
  width: 50%;
}

.notification-asset-table td:not(:nth-of-type(1)),
.notification-asset-table th:not(:nth-of-type(1)) {
  width: 25%;
}

/* Partner Status Color */
#partnerProfileRedesign .icon-bookmark.partner-tiers {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nxp-icons' !important;
}

#design-advisor .icon-bookmark,
#partner-directory-app .icon-bookmark {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nxp-icons' !important;
}

.fnxp-partners, #partnerProfileRedesign .icon-bookmark.partner-tiers, #design-advisor .icon-bookmark,
#partner-directory-app .icon-bookmark {
  font-size: 114%;
  vertical-align: middle;
}

.partner-platinum {
  color: #A5B0B6;
}

.partner-gold {
  color: #A88155;
}

.partner-registered {
  color: #20A5E1;
}

.tier-platinum-color,
.Platinum {
  color: #A5B0B6;
}

.tier-golden-color,
.Gold {
  color: #A88155;
}

.tier-registered-color,
.Registered {
  color: #20A5E1;
}

.partner-portal .has-error .form-control,
.partner-portal .has-error .dropdown-search div:last-child,
.partner-portal .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-portal .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-portal .has-error div.basic-select[class^='css'] div:last-child,
.partner-portal .has-error div.basic-select[class*='css'] div:last-child,
.partner-application .has-error .form-control,
.partner-application .has-error .dropdown-search div:last-child,
.partner-application .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-application .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-application .has-error div.basic-select[class^='css'] div:last-child,
.partner-application .has-error div.basic-select[class*='css'] div:last-child {
  border-color: #8f2727;
}

.partner-portal .has-error p,
.partner-application .has-error p {
  color: #262626;
}

.partner-portal .has-error p.help-block,
.partner-application .has-error p.help-block {
  color: #8f2727;
}

/* Styles for the Partner Portal project */
.back-offering {
  color: black;
  font-weight: 400;
}

.back-offering:hover {
  text-decoration: none;
  color: inherit;
}

/* Stepper on Partner Portal */
.partner-application > div:only-of-type {
  min-height: 50vh;
}

.partner-application .page-header,
.partner-application .component-overview .description {
  margin: 0px;
  padding-top: 0px;
  border: none;
}

.partner-application .page-header {
  padding-bottom: 20px;
}

.partner-application .component-overview {
  padding-bottom: 36px;
}

.partner-application .component-overview .description {
  padding-bottom: 0px;
}

.stepper-partner {
  margin-left: -15px;
  width: auto;
  /* removing padding of form groupd on the stepper content */
  /*// Other section of stepper
  .stepper-content {
   
  }*/
}

.stepper-partner.stepper-hover .stepper-completed .stepper-head:hover,
.stepper-partner.stepper-hover .stepper-ready .stepper-head:hover {
  cursor: pointer;
  background-color: #ebe7dd;
}

.stepper-partner .stepper-completed .stepper-head:hover,
.stepper-partner .stepper-ready .stepper-head:hover {
  cursor: default;
  background-color: inherit;
}

.stepper-partner .new-form {
  width: 90% !important;
}

.stepper-partner .new-form > * {
  position: relative;
}

.stepper-partner .add-region {
  padding: 20px 0px 0px 0px;
}

.stepper-partner .deleteRegion,
.stepper-partner .delete-region {
  position: absolute;
  right: -42px;
  top: 47px;
  width: 38px;
  height: 38px;
  text-align: center;
}

.stepper-partner .deleteRegion::before,
.stepper-partner .delete-region::before {
  top: 10px;
  left: 14px;
  position: absolute;
}

.stepper-partner .deleteRegion:hover,
.stepper-partner .delete-region:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .stepper-active .stepper-content {
  display: block;
}

@media (max-width: 992px) {
  .stepper-partner {
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .stepper-partner.stepper-vertical .stepper-step:not(:last-child):after {
    top: 55px;
  }
}

.stepper-partner .stepper-head .form-step {
  padding: 0px 10px;
}

.stepper-partner .stepper-head .icon-checkmark .form-step {
  padding: 0px;
}

.stepper-partner .stepper-head .has-error {
  color: #8d081d;
  text-transform: none;
  /*  @media (max-width: $screen-xs) {
        max-width: 124px;
      } */
}

.stepper-partner .stepper-content {
  /* .form-group.has-border-bottom > div .form-group:first-child{
      padding-top: 42px;
    } */
  display: none;
  padding: 12px 54px;
  max-width: 800px;
}

.stepper-partner .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner .stepper-content img {
  margin: 16px 0px;
}

.stepper-partner .stepper-content .form-group > .competencies {
  margin-top: 24px;
}

.stepper-partner .stepper-content .form-group > .competencies:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content textarea {
  max-width: 700px;
  max-height: 100px;
  min-height: 30px;
  width: 100% !important;
}

.stepper-partner .stepper-content input {
  max-width: 100%;
}

.stepper-partner .stepper-content input[type='file'] {
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.stepper-partner .stepper-content .partner-category {
  margin-top: 22px;
}

.stepper-partner .stepper-content > :first-child {
  margin-top: 0px;
}

.stepper-partner #step-2 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-2 .stepper-content .form-group > div:nth-last-child(2) {
  margin-bottom: 15px !important;
}

.stepper-partner #step-3 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-3 .stepper-content .form-group p a {
  font-size: 14px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:last-child {
  margin-top: 24px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:nth-child(2) {
  margin-top: 0px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner #step-5 .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner.stepper-vertical .stepper-head .stepper-head-text {
  text-transform: uppercase;
  /* @media (max-width: $screen-xs) {
        width: 160px;
      } */
}

.stepper-partner .form-group {
  display: table;
  width: 90%;
  /*  @media (max-width: $screen-xs) {
      input,textarea,select{
        width: 95%;
      } 
    }*/
}

.stepper-partner .form-group .text-required {
  color: #007100;
}

.stepper-partner .form-group > label {
  width: 100%;
}

.stepper-partner .form-group.has-border-bottom {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.stepper-partner .form-group .form-group {
  padding: 24px 0px 8px 24px;
  margin-bottom: 0px;
}

.stepper-partner .form-group .form-group input {
  margin-bottom: 15px;
}

.stepper-partner .form-group .form-group input:last-of-type {
  margin-bottom: 0px;
}

.stepper-partner .form-group [class~='form-group']:last-of-type {
  padding-bottom: 0px;
}

.stepper-partner .field-close {
  display: block;
  position: relative;
}

.stepper-partner .field-close .icon-times {
  top: 0px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
  /*  @media (max-width: $screen-xs) {
        right: -30px;
      } */
}

.stepper-partner .field-close .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.stepper-partner .field-close .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .text-muted {
  margin-top: 6px;
  display: block;
  color: #686664;
}

.stepper-partner .text-muted.icon-info {
  display: inline-block;
}

.stepper-partner a.add-element {
  display: block;
  margin-bottom: 15px;
}

.stepper-partner .button-section {
  display: flex;
  gap: 8px;
}

@media (max-width: 480px) {
  .stepper-partner .button-section {
    display: block;
  }
  .stepper-partner .button-section .btn, .stepper-partner .button-section .nav-close {
    margin: 2px 4px;
  }
}

.stepper-partner .has-error .help-block,
.stepper-partner .has-error .control-label,
.stepper-partner .has-error .radio,
.stepper-partner .has-error .checkbox,
.stepper-partner .has-error .radio-inline,
.stepper-partner .has-error .checkbox-inline,
.stepper-partner .has-error.radio label,
.stepper-partner .has-error.checkbox label,
.stepper-partner .has-error.radio-inline label,
.stepper-partner .has-error.checkbox-inline label,
.stepper-partner .has-error .help-block,
.stepper-partner .has-error .form-control {
  color: #8f2727;
}

.stepper-partner .has-error .form-control {
  border-color: #8f2727;
}

.partner-portal .alert a {
  text-decoration: underline;
}

.partner-portal .alert a:hover {
  color: inherit;
}

.alert a[class='primary-link'] {
  font-weight: normal;
  color: var(--nxp-link-color);
}

.alert a[class='primary-link']:hover {
  text-decoration: underline;
}

/* partner portal profile active (table) */
.partner-profiles {
  width: 100% !important;
}

.partner-profiles #example_wrapper {
  margin: 48px 0px;
  width: 100% !important;
  /* .dataTables_filter {
      label,
      button {
        display: block;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-right: 0px;
        margin-left: auto;
      }
    } */
}

@media (max-width: 768px) {
  .partner-profiles #example_wrapper .dataTables_length,
  .partner-profiles #example_wrapper .dataTables_filter {
    width: 100%;
    text-align: unset;
    display: block;
  }
}

@media (max-width: 480px) {
  .partner-profiles #example_wrapper .dt-button {
    margin: 8px 0px;
  }
}

.partner-profiles #example_wrapper #example {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  min-height: 0.01%;
}

.partner-profiles #example_wrapper #example::-webkit-scrollbar {
  -webkit-appearance: none;
}

.partner-profiles #example_wrapper #example::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.partner-profiles #example_wrapper .dataTables_info,
.partner-profiles #example_wrapper .dataTables_paginate {
  width: auto;
  height: auto;
}

/* styles for helper classes  */
.box-text {
  padding: 13px 40px 13px 16px;
  border: 1px solid #d4cfc5;
  text-align: left;
  max-height: 400px;
  overflow-y: auto;
}

.box-text::-webkit-scrollbar {
  -webkit-appearance: none;
}

.box-text::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

/* .partner-portal > * > .component-container {
  padding-bottom: 48px;
  padding-top: 48px;
}
.partner-portal > .component-container ~ .component-container,
.partner-portal > * > .component-container ~ .component-container { */
.partner-portal .component-container:first-child {
  padding-bottom: 0px !important;
}

.partner-portal .component-container.partner-portal-block {
  padding-top: 0px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d4cfc5;
  /*  &:nth-last-of-type(3) {
    border: none;
  } */
}

.partner-portal .component-container.partner-portal-block .box-text {
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:nth-last-of-type(4) {
  border: none;
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:last-of-type, .partner-portal .component-container.partner-portal-block.partner-translation:last-of-type {
  border: none !important;
}

.partner-portal-block:last-child,
.app-column-right.partner-portal .component-container .partner-portal-block:last-child {
  border: none;
}

.submit-container {
  padding: 26px 0px 48px 0px;
}

.submit-container .checkbox label {
  line-height: inherit;
}

.submit-status {
  margin-bottom: 14px;
  max-width: 420px;
}

.submit .checkbox input {
  margin-top: 1px;
}

.partner-portal-block {
  /* h4 {
        margin-bottom: 0px;
      } */
}

.partner-portal-block h3 {
  margin: 0px;
}

@media (max-width: 480px) {
  .partner-portal-block h3 {
    width: 70%;
    max-width: 250px;
  }
}

.partner-portal-block.component-container.component-divider-top {
  border: none;
  padding-top: 24px;
  margin-bottom: 0px;
}

.partner-portal-block.component-container.component-divider-top::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

@media screen and (min-width: 768px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 250px) / 2));
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 300px) / 2));
    width: calc(100vw - 300px);
  }
}

.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group textarea,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .flex-grid,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .jumpto ul li,
.jumpto ul .partner-portal-block.component-container.component-divider-top .sponsor-comments li,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .results-pagination-select,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .is-pinned .pin-content-fixed,
.is-pinned .partner-portal-block.component-container.component-divider-top .sponsor-comments .pin-content-fixed,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .is-pinned .pin-content:first-child,
.is-pinned .partner-portal-block.component-container.component-divider-top .sponsor-comments .pin-content:first-child {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}


.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .flex-grid,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .jumpto ul li,
.jumpto ul .partner-portal-block.component-container.component-divider-top .sponsor-comments li,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .results-pagination-select,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .is-pinned .pin-content-fixed,
.is-pinned .partner-portal-block.component-container.component-divider-top .sponsor-comments .pin-content-fixed,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .is-pinned .pin-content:first-child,
.is-pinned .partner-portal-block.component-container.component-divider-top .sponsor-comments .pin-content:first-child {
  margin-bottom: 0px;
}

.partner-portal-block .dropdown-search {
  margin-bottom: 8px;
}

.partner-portal-block .dropdown-search + .text-muted {
  margin-bottom: 0px;
}

.partner-portal-block .d-flex, .partner-portal-block .flex-grid, .partner-portal-block .jumpto ul li, .jumpto ul .partner-portal-block li, .partner-portal-block .results-pagination-select, .partner-portal-block .is-pinned .pin-content-fixed, .is-pinned .partner-portal-block .pin-content-fixed, .partner-portal-block .is-pinned .pin-content:first-child, .is-pinned .partner-portal-block .pin-content:first-child {
  padding-top: 16px;
}

.partner-portal-block .d-flex p.text-muted, .partner-portal-block .flex-grid p.text-muted, .partner-portal-block .jumpto ul li p.text-muted, .jumpto ul .partner-portal-block li p.text-muted, .partner-portal-block .results-pagination-select p.text-muted, .partner-portal-block .is-pinned .pin-content-fixed p.text-muted, .is-pinned .partner-portal-block .pin-content-fixed p.text-muted, .partner-portal-block .is-pinned .pin-content:first-child p.text-muted, .is-pinned .partner-portal-block .pin-content:first-child p.text-muted {
  color: #686664 !important;
}

.partner-portal-block .d-flex .flex-column.flex-xs p:first-child, .partner-portal-block .flex-grid .flex-column.flex-xs p:first-child, .partner-portal-block .jumpto ul li .flex-column.flex-xs p:first-child, .jumpto ul .partner-portal-block li .flex-column.flex-xs p:first-child, .partner-portal-block .results-pagination-select .flex-column.flex-xs p:first-child, .partner-portal-block .is-pinned .pin-content-fixed .flex-column.flex-xs p:first-child, .is-pinned .partner-portal-block .pin-content-fixed .flex-column.flex-xs p:first-child, .partner-portal-block .is-pinned .pin-content:first-child .flex-column.flex-xs p:first-child, .is-pinned .partner-portal-block .pin-content:first-child .flex-column.flex-xs p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex .flex-column p:first-child, .partner-portal-block .flex-grid .flex-column p:first-child, .partner-portal-block .jumpto ul li .flex-column p:first-child, .jumpto ul .partner-portal-block li .flex-column p:first-child, .partner-portal-block .results-pagination-select .flex-column p:first-child, .partner-portal-block .is-pinned .pin-content-fixed .flex-column p:first-child, .is-pinned .partner-portal-block .pin-content-fixed .flex-column p:first-child, .partner-portal-block .is-pinned .pin-content:first-child .flex-column p:first-child, .is-pinned .partner-portal-block .pin-content:first-child .flex-column p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex.form-group, .partner-portal-block .form-group.flex-grid, .partner-portal-block .jumpto ul li.form-group, .jumpto ul .partner-portal-block li.form-group, .partner-portal-block .form-group.results-pagination-select, .partner-portal-block .is-pinned .form-group.pin-content-fixed, .is-pinned .partner-portal-block .form-group.pin-content-fixed, .partner-portal-block .is-pinned .form-group.pin-content:first-child, .is-pinned .partner-portal-block .form-group.pin-content:first-child {
  margin-bottom: 0px;
}

.partner-portal-block h4 + .d-flex, .partner-portal-block h4 + .flex-grid, .partner-portal-block .jumpto ul h4 + li, .jumpto ul .partner-portal-block h4 + li, .partner-portal-block h4 + .results-pagination-select, .partner-portal-block .is-pinned h4 + .pin-content-fixed, .is-pinned .partner-portal-block h4 + .pin-content-fixed, .partner-portal-block .is-pinned h4 + .pin-content:first-child, .is-pinned .partner-portal-block h4 + .pin-content:first-child {
  padding-top: 12px;
}

.partner-portal-column {
  display: block;
  padding-top: 16px;
}

.partner-portal-column .panel-default > div:not(.panel-deault) {
  border-bottom: 1px solid #d4cfc5;
}

.partner-portal-column .panel-default > div:not(.panel-deault):last-of-type {
  border-bottom: none;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default {
  width: calc(100% - 20px);
  margin-left: 20px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default select {
  width: 100%;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:first-of-type {
  margin-top: 14px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:only-child {
  border-bottom: none !important;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:last-of-type {
  border-bottom: none !important;
}

.partner-portal-column .footer-region {
  display: block;
  min-width: 100%;
  margin-top: 18px;
}

.partner-portal-column .delete-region {
  top: 0px !important;
  right: 0px !important;
  position: absolute;
  padding: 10px 12px 10px 12px;
  cursor: pointer;
}

.partner-portal-column .delete-region:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.partner-portal-column .flex-container.form-group.has-error p.text-muted {
  color: #686664;
}

.partner-portal-column .flex-column .dropdown-search,
.partner-portal-column .flex-column select,
.partner-portal-column .flex-column input,
.partner-portal-column .flex-column textarea {
  width: calc(100% - 38px) !important;
  margin-bottom: 8px;
}

.partner-portal-column .flex-column .dropdown-search input {
  width: auto !important;
}

.partner-portal-column .panel {
  max-width: unset !important;
}

.partner-portal-column-element:first-child {
  padding-top: 0px;
}

.partner-portal-column-element {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* & div:nth-child(3)  */
}

.toggle_container .partner-portal-column-element {
  max-width: unset !important;
}

.toggle_container .partner-portal-column-element div:nth-child(3) {
  max-width: unset;
}

.partner-portal-column-element .remove-element {
  position: absolute;
  top: 0px;
  left: 310px;
  padding: 10px 14px;
  height: 36px;
  font-size: 16px;
  width: 36px;
}

.partner-portal-column-element .remove-element:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element > * {
  flex: 50%;
  position: relative;
}

@media (max-width: 992px) {
  .partner-portal-column-element > * {
    min-width: unset;
  }
}

.partner-portal-column-element h4:first-child {
  width: 100%;
  flex: 100%;
}

@media (max-width: 768px) {
  .partner-portal-column-element {
    gap: 15px;
  }
}

.partner-portal-column-element img {
  max-width: 90px;
}

.partner-portal-column-element > p {
  margin: 0px;
  max-width: 50%;
}

@media (max-width: 768px) {
  .partner-portal-column-element > p {
    max-width: 100%;
  }
}

.partner-portal-column-element p:first-of-type {
  min-width: 300px;
  max-width: 300px;
  padding-right: 8px;
  display: inline-block;
}

.partner-portal-column-element p:first-of-type > * {
  display: inline-block;
  padding-left: 4px;
}

.partner-portal-column-element p:first-of-type a {
  display: inline;
  padding-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    max-width: 170px;
  }
}

@media (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    min-width: unset;
  }
}

@media (max-width: 768px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 160px;
    max-width: unset;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 145px;
  }
}

.partner-portal-column-element .has-error p.help-block {
  max-width: unset;
}

.partner-portal-column-element a {
  display: inline;
  padding-bottom: 8px;
}

.partner-portal-column-element .panel-group {
  width: 100%;
  border: none;
}

.partner-portal-column-element .panel-group .panel-default {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element .panel-group .panel-default .toggle_container,
.partner-portal-column-element .panel-group .panel-default .panel-collapse {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element div.form-group {
  margin: 0px;
}

.partner-portal-column-element div,
.partner-portal-column-element input,
.partner-portal-column-element textarea,
.partner-portal-column-element select {
  width: 90%;
  min-width: 300px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 240px;
    width: 90%;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 150px;
  }
}

.partner-portal-column-element div:empty {
  max-width: 300px;
  min-width: 100px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div:empty {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element div:empty {
    max-width: 170px;
  }
}

.partner-portal-column-element input[type='radio'],
.partner-portal-column-element input[type='checkbox'] {
  height: auto;
  border: none;
  min-width: unset !important;
  min-height: unset !important;
  width: auto;
}

@media (max-width: 768px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

.partner-portal-column-element input[type='file'] {
  max-width: 300px;
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.partner-portal-column-element input[type='file']:focus, .partner-portal-column-element input[type='file']:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

.partner-portal-column-element div input,
.partner-portal-column-element div textarea {
  width: 100%;
}

.partner-portal-column-element div textarea,
.partner-portal-column-element textarea {
  height: 150px;
}

.partner-portal-column-element div > div {
  padding: 8px 0px;
  width: 100%;
  position: relative;
}

.partner-portal-column-element div > div > * {
  margin-top: 4px;
}

.partner-portal-column-element div > div .icon-times {
  position: absolute;
  top: 24px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
}

.partner-portal-column-element div > div .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.partner-portal-column-element div > div .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element .keywords {
  height: 68px;
}

.partner-portal-column-element .updated-element {
  position: relative;
}

.partner-portal-column-element .updated-element::before {
  content: ' ';
  position: absolute;
  background-color: #f9b500;
  width: 6px;
  height: 6px;
  right: -5px;
  top: -8px;
  border-radius: 25px;
  animation: updatedElement 1500ms infinite ease-in-out;
}

.partner-portal-column ul {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column ul li {
  list-style: none;
  min-width: 300px;
  display: block;
}

.partner-portal-column ul li a {
  display: block;
}

.partner-portal-edit {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
}

@media (max-width: 768px) {
  .partner-portal-edit {
    top: 28px;
    right: 24px;
  }
}

.partner-portal-edit a {
  padding-left: 8px;
}

.partner-portal-edit .btn-link {
  padding: 0px 0px 0px 8px;
  margin: 0px;
  font-size: 16px;
  color: #215bd6;
  line-height: 1.428571429;
}

@media (max-width: 767px) {
  .partner-portal-edit .btn-link {
    font-size: 14px;
  }
}

.partner-portal-edit .btn-link:disabled {
  color: #686664;
}

.partner-portal-edit .btn-link:disabled:hover {
  cursor: not-allowed;
}

.partner-portal .dropdown-portal {
  width: 100%;
  min-width: 250px;
  border: #cccccc;
  display: flex;
  border: 1px solid #d4cfc5;
  position: relative;
  min-height: 38px;
  justify-content: space-between;
}

.partner-portal .dropdown-portal .dropdown-placeholder {
  color: grey;
}

.partner-portal .dropdown-value {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.partner-portal .dropdown-value .dropdown-label {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  margin: 8px 2px;
}

.partner-portal .dropdown-value .dropdown-label span.value {
  border-radius: 2px;
  text-transform: uppercase;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.partner-portal .dropdown-value .dropdown-label span.remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
}

.partner-portal .dropdown-value .dropdown-label span.remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.partner-portal .dropdown-toggle {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.partner-portal .dropdown-toggle span {
  font-size: 18px;
  vertical-align: -8px;
  padding: 0px 8px;
  color: #262626;
}

.partner-portal .dropdown-toggle::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  display: block;
  height: calc(100% - 16px);
  border-left: 1px solid #d4cfc5;
}

.partner-portal .dropdown-options {
  padding: 4px 0px;
  display: block;
  height: auto;
  max-height: 300px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  top: 102%;
  background: white;
  border: 1px solid #d4cfc5;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.partner-portal .dropdown-options .checkbox, .partner-portal .dropdown-options-item {
  padding: 8px;
  margin: 0px;
}

.partner-portal .dropdown-options .checkbox label, .partner-portal .dropdown-options-item label {
  width: 100%;
  text-transform: uppercase;
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.partner-portal .dropdown-options .checkbox:hover, .partner-portal .dropdown-options-item:hover {
  cursor: pointer;
  background-color: #deecf8;
}

.partner-portal .toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.partner-portal .toggle-container .toggle-title {
  height: auto;
}

.partner-portal .toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.partner-portal .toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.partner-portal .toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

.partner-portal .stepper-content #offeringImageFilename {
  margin: 14px 0px 8px 0px;
}

.partner-portal .stepper-content .icon-times:hover {
  cursor: pointer;
}

.partner-portal .stepper-content img {
  margin: 12px 12px 14px 0px;
}

.partner-portal .stepper-content .col-md-6 {
  margin-bottom: 0px;
  padding-left: 0px;
}

.partner-portal .stepper-content .col-md-6 .checkbox {
  margin: 8px 0px !important;
}

.partner-portal .btn.btn-default.btn-width, .partner-portal .btn-default.btn-width.nav-close {
  margin: 0px 10px 10px 0px !important;
}

.partner-portal .btn.btn-default.btn-width span, .partner-portal .btn-default.btn-width.nav-close span {
  z-index: 2;
  position: relative;
}

.partner-portal #duration {
  border-right: none;
  vertical-align: 0.5px;
}

.partner-portal #duration,
.partner-portal #durationUOM {
  width: auto !important;
  max-width: 115px;
  display: inline-block;
}

.partner-portal .form-inline {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-portal .dropdown-menu {
  display: none;
  right: 12px;
  top: 20px;
  left: unset;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

.partner-portal .dropdown-menu::after {
  display: none;
}

.partner-portal .dropdown-menu span {
  padding: 3px 20px;
}

.partner-portal .open .dropdown-menu {
  display: block;
}

@media (max-width: 992px) {
  .partner-portal .dropdown-menu {
    right: unset;
    left: 20px;
  }
  .partner-portal .item-options .flex-right {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .partner-portal #duration {
    max-width: 60px;
  }
}

.partner-offering .retrieved-results-header {
  padding-top: 8px;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .form-group.form-group-sm {
    display: flex;
    margin-top: 8px;
    align-items: center;
  }
}

.partner-offering .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
}

.partner-offering .retrieved-results-header .sort-results label {
  font-weight: normal;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .sort-results label {
    display: inline-block;
    white-space: nowrap;
  }
}

.partner-offering.retrieved-results .retrieved-results-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-offering.retrieved-results .retrieved-results-label select {
  font-size: 16px;
}

.partner-offering.retrieved-results .retrieved-results-label input {
  margin-right: 0px;
}

.partner-offering.retrieved-results {
  padding-bottom: 26px;
}

.partner-offering.retrieved-results .retrieved-items {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item {
  padding: 24px 0px;
  margin: 0px !important;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item.selected {
  background-color: #c3effe;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
  padding: 0px;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
    width: 90%;
    max-width: 90%;
    min-width: unset;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata {
  margin-bottom: 0px;
  padding-left: 22px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input a,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 a {
  margin-right: 8px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input .text-new-my-lib,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 .text-new-my-lib {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
  min-width: 50px;
  width: 60px;
  max-width: 60px;
  justify-content: center;
  gap: unset;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
    width: 10%;
    max-width: 10%;
    display: block;
  }
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options > * {
    margin-top: 0px;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:before {
  position: absolute;
  left: 7px;
  top: 7px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle {
  right: 15px;
  position: absolute;
  background: white;
  list-style: none;
  text-align: left;
  border: 1px solid #d4cfc5;
  padding: 12px 0px;
  margin: 0px;
  top: 28px;
  z-index: 999;
  width: 170px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a {
  padding: 4px 24px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #686664;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #deecf8;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu {
  display: block;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  display: none;
  top: 30px;
  margin-top: 0px;
  right: 10px;
  left: unset;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-toggle::before {
  border: none;
}

.partner-offering-number {
  margin-bottom: 0px;
}

.filter-container-selected {
  padding: 8px;
  margin: 12px 0px;
  border: 1px solid #d4cfc5;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  min-height: 50px;
  gap: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .filter-container-selected {
    max-width: 300px;
  }
}

.filter-container-selected::-webkit-scrollbar {
  -webkit-appearance: none;
}

.filter-container-selected::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.filter-container-selected .value-selected {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
}

.filter-container-selected .value-selected-label {
  padding-left: 12px !important;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.filter-container-selected .value-selected-remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  box-sizing: border-box;
  font-size: 12px;
}

.filter-container-selected .value-selected-remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.filter-container-selected .value-selected span {
  padding: 4px 6px;
}

/* styles for partner portal */
/* remove first child from application process */
#partner-portal {
  /* removing padding from others existed components */
}

#partner-portal .tab-content,
#partner-portal .tab-panel {
  padding-top: 0px;
}

#partner-portal .app-column-left {
  height: auto;
  min-height: 90vh;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left {
    min-height: 50px;
    padding: 12px 15px;
    /* #select-tab-partner{
      } */
  }
  #partner-portal .app-column-left-title {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  #partner-portal .app-column-left {
    padding-left: 0px;
  }
}

#partner-portal .app-column-left .tab-sponsor {
  display: block;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left .tab-sponsor {
    display: none;
  }
}

#partner-portal .app-column-left ul li.active a {
  border-left: 3px solid #f59b00;
  font-weight: 600;
}

#partner-portal .app-column-left ul li a {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 32px !important;
}

#partner-portal .app-column-left ul li a:hover, #partner-portal .app-column-left ul li a:focus, #partner-portal .app-column-left ul li a:target, #partner-portal .app-column-left ul li a:visited {
  text-decoration: none;
}

@media (max-width: 768px) {
  #partner-portal .component-container {
    padding: 24px 0px;
  }
}

#partner-portal #partner-profile .checkbox .text-muted.small, #partner-portal #partner-profile .checkbox .flex-box .box-opts .nav-piped-2 li.text-muted, .flex-box .box-opts .nav-piped-2 #partner-portal #partner-profile .checkbox li.text-muted {
  line-height: inherit;
}

#partner-portal .alert-flag {
  max-width: 350px;
}

@media (max-width: 480px) {
  #partner-portal .alert-flag {
    left: 0px;
    max-width: 300px;
  }
  #partner-portal .alert-flag .alert-dismissible .media-body p {
    max-width: 150px !important;
  }
}

#partner-portal .alert-flag .alert-dismissible .close {
  height: 15px;
  width: 15px;
}

#partner-portal .alert-flag .alert-dismissible .media-left {
  vertical-align: middle;
}

#partner-portal .alert-flag .alert-dismissible .media-left span {
  font-size: 40px;
}

#partner-portal .alert-flag .alert-dismissible .media-body {
  min-width: 200px;
  width: auto;
  max-width: 380px;
}

#partner-portal .alert-flag .alert-dismissible .media-body p {
  max-width: 300px;
}

#partner-portal h4.item-title {
  font-size: 16px;
}

#partner-portal .partner-portal .stepper-content .form-group div:first-child {
  margin-bottom: unset;
}

#partner-portal .stepper-content > div .form-group:nth-last-child(2) {
  margin-bottom: 0px;
}

/* styles for tree component */
@media (max-width: 480px) {
  .tree-component {
    max-width: 280px;
  }
}

.tree-component .form-group:first-of-type {
  padding-top: 4px !important;
}

.tree-component .form-group:last-of-type {
  padding-bottom: 8px !important;
}

.tree-component .form-group:first-child {
  margin: 0px;
}

.tree-component .form-group:first-child .checkbox {
  margin: 10px 0px !important;
}

.tree-component .form-group {
  padding-left: 0px !important;
}

.tree-component .form-group label {
  font-size: 14px;
  line-height: 1.7;
}

.tree-component label:hover {
  background-color: inherit !important;
}

#software-manager-tool .react-checkbox-tree {
  margin-bottom: 24px;
}

.react-checkbox-tree .rct-icon,
.rct-icon .rct-icons-fa4 .rct-icon-check .rct-icon .rct-icon-expand-close,
.rct-icon .rct-icon-expand-open {
  font-family: 'Font Awesome' !important;
}

.rct-icons-fa4 .rct-icon-check::before {
  content: '\F00C' !important;
  color: white !important;
}

.rct-icons-fa4 .rct-icon-check {
  width: 14px;
  height: 14px;
  font-size: 10px;
  background: #0075ff;
  border-radius: 2px;
}

.rct-icons-fa4 .rct-icon-uncheck {
  width: 14px;
  height: 16px;
  border-radius: 2px;
  font-size: 13px;
}

.rct-icons-fa4 .rct-icon-uncheck::before {
  content: '\F0C8' !important;
  color: #767676 !important;
}

.rct-node-icon {
  display: none !important;
}

.rct-node-parent {
  margin-top: 4px !important;
}

.rct-node-parent input[type='checkbox'] {
  height: 20px;
}

.rct-title {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

.rct-collapse {
  padding: 8px !important;
  transition: all ease-in-out 200ms;
}

.rct-collapse:hover {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.rct-collapse:hover .rct-icon {
  opacity: 1;
}

.rct-node-leaf {
  margin-bottom: 0px;
}

.rct-text label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}

.rct-node-leaf label {
  padding: 4px;
}

.rct-node-leaf label:hover {
  background: inherit !important;
}

/* modal styles */
.react-responsive-modal-container .modal-dialog .close {
  font-size: 23px;
  right: 11px;
  position: absolute;
  opacity: 1;
  padding: 8px 13px;
  top: 11px;
  width: auto;
  height: auto;
}

.react-responsive-modal-container .modal-dialog .close:hover {
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.react-responsive-modal-container .modal-dialog .close:focus-visible {
  outline: none;
}

/* New Offering */
.sponsor-comments {
  /* padding-bottom: 24px; */
}

.sponsor-comments.partner-portal-column-element {
  display: block;
}

.sponsor-comments.partner-portal-column-element .box-text {
  width: 100%;
}

.sponsor-comments.partner-portal-column-element .box-text p {
  width: 100%;
  min-width: unset;
  margin: 0px;
  max-width: unset;
}

.sponsor-comments .box-text {
  margin: 48px 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.sponsor-comments .box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

.sponsor-comments .component-flex {
  padding: 0px 0px 30px 0px;
}

.sponsor-comments textarea {
  height: auto;
  min-height: 90px;
  max-height: 120px;
  min-width: 300px;
  width: 100%;
}

.partner-program .card1-image {
  margin: -20px -20px 30px;
}

.partner-program .card1-image img {
  max-height: 180px;
  padding-top: 30px;
}

/* DATEPICKER */
.react-datepicker {
  font-size: 14px !important;
}

.react-datepicker .react-datepicker__time-list {
  overflow-x: hidden;
}

.react-datepicker .react-datepicker__time-list::-webkit-scrollbar {
  -webkit-appearance: none;
}

.react-datepicker .react-datepicker__time-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  border: 4px solid #ffffff;
}

.react-datepicker .react-datepicker__triangle {
  transform: translate(20px, 0px) !important;
}

.react-datepicker .react-datepicker__header {
  padding-top: 0.8em !important;
}

.react-datepicker .react-datepicker__month {
  margin: 0.4em 1em !important;
}

.react-datepicker .react-datepicker__day-name,
.react-datepicker .react-datepicker__day {
  width: 1.7em !important;
  line-height: 1.7em !important;
  margin: 0.126em !important;
}

.react-datepicker .react-datepicker__current-month {
  font-size: 1em !important;
}

.react-datepicker .react-datepicker__navigation {
  top: 10px !important;
  line-height: 1.7em !important;
}

.react-datepicker .react-datepicker__navigation--previous {
  left: 0px !important;
}

.react-datepicker .react-datepicker__navigation--next {
  right: 90px !important;
}

/* table for translation */
.partner-translation {
  width: 100%;
  overflow: hidden;
}

.partner-translation p.text-muted {
  margin-top: 10px;
}

.partner-translation .table-clean {
  min-width: 450px;
  border: none !important;
}

.partner-translation .table-clean thead {
  border-bottom: 2px solid #686664;
}

.partner-translation .table-clean thead tr th {
  background-color: transparent !important;
}

.partner-translation .table-clean tbody tr td:first-of-type {
  width: 80px;
  min-width: unset;
}

.partner-translation .table-clean tbody tr td {
  min-width: 100px;
}

.partner-translation .table-clean tbody tr td .btn, .partner-translation .table-clean tbody tr td .nav-close {
  float: right;
  margin-top: 5%;
}

.partner-translation .table-clean tbody tr td select {
  min-width: 210px;
}

@media (max-width: 480px) {
  .partner-translation .table-clean {
    min-width: unset;
  }
}

.partner-translation .content-box {
  position: relative;
  width: 100%;
  margin-top: 8px;
}

.partner-translation .content-box > * {
  max-width: 100%;
}

.partner-translation .content-box textarea {
  max-width: 100%;
  min-width: 200px;
  min-height: 100px;
  max-height: 200px;
}

.partner-translation .content-edit {
  position: absolute;
  display: flex;
  right: 0px;
  top: 0px;
  gap: 8px;
}

.partner-translation .content-text {
  padding-top: 12px;
}

.partner-translation .content-text.box-text {
  margin: 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.partner-translation .content-text.box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

/**
Animation loading 
 * ==============================================
 * Dot Elastic
 * ==============================================
 */
.loading-wording {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.loading-wording p {
  margin: 0px;
}

.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ffb500;
  color: #ffb500;
  animation: dotElastic 1s infinite linear;
}

.dot-elastic::before,
.dot-elastic::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ffb500;
  color: #ffb500;
  animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ffb500;
  color: #ffb500;
  animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes updatedElement {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 1;
  }
}

/* Partner Profile Page */
.partner-overview {
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0px;
  position: relative;
  gap: 30px;
}

.partner-overview-full {
  flex: 0 0 100%;
}

.partner-overview-column {
  flex: 80;
  /*  @media (max-width: $screen-lg) {
          flex: 0 0 calc(50% - 124px);
        } */
}

.partner-overview-column img {
  margin-bottom: 12px;
  max-width: 250px;
  max-height: 120px;
}

.partner-overview-column .media img {
  max-width: unset;
  max-height: unset;
}

.partner-overview-left {
  padding-right: 48px;
  flex: 80;
}

.partner-overview-left .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview-left .component-md-flex {
    gap: 48px;
  }
}

.partner-overview-left .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview-left .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview-left .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview-left .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview-left .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview-right {
  flex: 20;
}

.partner-overview .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview .component-md-flex {
    gap: 48px;
  }
}

.partner-overview .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview .toggle-opacity-content {
  max-height: 300px;
}

.partner-overview .text-indicator {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .partner-overview-column {
    flex: none;
    width: 100%;
  }
  .partner-overview-left {
    padding-top: 30px;
    padding-right: 0px;
  }
  .partner-overview-right img {
    max-width: 46%;
  }
}

#partnerProfile .fix-top,
#partnerProfileRedesign .fix-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1099;
  background-color: white;
  display: flex;
  gap: 20px;
  height: 64.5px;
  border-bottom: 1px solid #d6dce0;
  padding: 0px 15px;
  /* Hidding the fix nav in mobile only */
}

@media (max-width: 768px) {
  #partnerProfile .fix-top,
  #partnerProfileRedesign .fix-top {
    display: none !important;
  }
}

#partnerProfile .fix-top .site-logo,
#partnerProfileRedesign .fix-top .site-logo {
  padding: 0px 15px;
}

#partnerProfile .fix-top .site-logo a,
#partnerProfileRedesign .fix-top .site-logo a {
  display: block;
  padding-top: 16px;
  padding-bottom: 15px;
}

#partnerProfile .fix-top .site-logo a svg,
#partnerProfileRedesign .fix-top .site-logo a svg {
  width: 50px;
}

#partnerProfile .fix-top .site-nav .sticky-nav,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav {
  display: flex;
  gap: 20px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
  font-size: 20px;
  display: inline-block;
  line-height: 63px;
  top: 1px;
  position: relative;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
  font-size: 20px;
  line-height: 63px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span {
  margin-right: 8px;
  font-size: 18px;
}

@media (max-width: 992px) {
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
    font-size: 18px;
  }
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
    font-size: 14px;
  }
}

#partnerProfile #alertblue,
#partnerProfileRedesign #alertblue {
  margin-left: calc((-100vw + 100%) / 2);
  width: 100vw;
}

#partnerProfile .retrieved-results-label > *,
#partnerProfileRedesign .retrieved-results-label > * {
  margin-right: 4px;
}

#partnerProfile .scale-img,
#partnerProfileRedesign .scale-img {
  max-height: unset;
}

#partnerProfile .header-search,
#partnerProfileRedesign .header-search {
  margin-left: auto;
  margin-top: 13px;
}

#partnerProfile .header-search .search-input,
#partnerProfileRedesign .header-search .search-input {
  position: relative;
  display: flex;
  max-width: 255px;
  margin-left: auto;
  transition: all 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

#partnerProfile .header-search .search-input::after,
#partnerProfileRedesign .header-search .search-input::after {
  content: '\F002';
  display: inline-block;
  font-family: 'Font Awesome';
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  speak: none;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 12px;
  color: #98a8b4;
  transform: translateY(-50%);
  pointer-events: none;
  font-variant: normal;
}

#partnerProfile .header-search .search-input input,
#partnerProfileRedesign .header-search .search-input input {
  padding-left: 25px;
}

@media (max-width: 768px) {
  #partnerProfile .ds-resources .ds-resources-big-title,
  #partnerProfileRedesign .ds-resources .ds-resources-big-title {
    border: none;
  }
}

#partnerProfile .ds-resources::before,
#partnerProfileRedesign .ds-resources::before {
  top: unset;
  bottom: 0px;
}

#partnerProfile .ds-resources:last-of-type::before,
#partnerProfileRedesign .ds-resources:last-of-type::before {
  display: none;
}

#partnerProfile .retrieved-item .item-media,
#partnerProfileRedesign .retrieved-item .item-media {
  min-width: 200px;
}

#product-portfolio .item-options.metadata, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
  padding: 18px 15px 0px 15px;
}

@media (max-width: 992px) {
  #product-portfolio .item-options.metadata, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
    padding-top: 0px;
  }
}

/* general class */
.toggle-opacity-content {
  position: relative;
  max-height: 120px;
  height: auto;
  overflow: hidden;
}

.toggle-opacity-content::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.toggle-opacity-content.open {
  animation: revealContent 1s;
  max-height: 800vh;
}

.toggle-opacity-content.open::after {
  animation: revealContentOpacity 1s;
  height: 0px;
}

@keyframes revealContent {
  0% {
    max-height: 90px;
  }
  100% {
    max-height: 800vh;
  }
}

@keyframes revealContentOpacity {
  0% {
    height: 80px;
  }
  100% {
    height: 0px;
  }
}

/* Gold Partners */
#partner-directory-app .item-media img {
  max-width: 120px;
}

@media (max-width: 768px) {
  #partner-directory-app .item-media {
    padding-left: 0px;
  }
  #partner-directory-app .item-media img {
    max-width: 180px;
    margin: 12px 0px 0px 0px;
  }
}

#partner-marketplace-app .retrieved-results:has(.card1.partner-card) .icon-list {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-results:has(ul.retrieved-items) .icon-grid {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-body {
  max-width: 645px;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
  flex: 0;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
  margin-top: 30px;
}

@media (max-width: 480px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
    position: absolute;
    width: auto;
    right: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
    margin-top: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
}

@media (max-width: 992px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -25px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

#partner-marketplace-app .card1-item .item-options-collections-menu {
  right: -24px;
}

@media (max-width: 992px) {
  #partner-marketplace-app .card1-item .item-options {
    padding-right: 0px;
  }
  #partner-marketplace-app .card1-item .item-options .item-options-collections {
    margin-top: 0px;
  }
}

.cross-reference-tool-app .well {
  margin: 0px;
  min-height: unset;
}

.cross-reference-tool-app .search-box {
  position: relative;
  /* input {
        position: relative;
        z-index: 5;
      }
      .suggestions {
        z-index: 3;
        top: 50px;
      } */
}

.cross-reference-tool-app .component-container > :last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.cross-reference-tool-app .component-container .component-overview :last-child {
  margin-bottom: 0px;
}

.cross-reference-tool-app .top-back {
  display: block;
  width: 100%;
}

.cross-reference-tool-app .help-block {
  margin-bottom: 0px;
}

.cross-reference-tool-app .link-black, .cross-reference-tool-app .jumpto ul li a, .jumpto ul li .cross-reference-tool-app a, .cross-reference-tool-app .link-tag {
  font-size: 12px;
}

.cross-reference-tool-app .table-bordered th {
  background-color: white;
  border-bottom: none;
}

.cross-reference-tool-app .table-container:last-child {
  padding-bottom: unset;
}

.cross-reference-tool-app .table-container .form-group-sm input,
.cross-reference-tool-app .table-container .form-group-sm select,
.cross-reference-tool-app .table-container .form-group input,
.cross-reference-tool-app .table-container .form-group select {
  min-width: 240px;
}

.cross-reference-tool-app .table-container .min-width {
  min-width: 280px;
}

.cross-reference-tool-app .table-container .filter {
  padding: unset;
}

.cross-reference-tool-app .table-actions {
  align-items: center;
}

.cross-reference-tool-app .table-footer {
  padding: 12px 4px;
  border: 1px solid #d4cfc5;
  border-top: none;
  display: flex;
  align-items: center;
  gap: 24px;
}

.cross-reference-tool-app .cross-results textarea {
  min-width: 100%;
  max-width: 100%;
  height: 200px;
  min-height: 150px;
  max-height: 200px;
}

.cross-reference-tool-app .xs-small {
  margin-top: 6px;
}

.cross-reference-tool-app .comparison .table.table-bordered th, .cross-reference-tool-app .comparison .table-bordered.comparisonTableSte th {
  border-right: 1px solid #ebe7dd !important;
}

.cross-reference-tool-app .comparison .table-container-th .metadata, .cross-reference-tool-app .comparison .table-container-th .shopping-list .box-container .description, .shopping-list .box-container .cross-reference-tool-app .comparison .table-container-th .description,
.cross-reference-tool-app .comparison .table-container-th .link-black,
.cross-reference-tool-app .comparison .table-container-th .jumpto ul li a,
.jumpto ul li .cross-reference-tool-app .comparison .table-container-th a,
.cross-reference-tool-app .comparison .table-container-th .link-tag {
  font-weight: normal;
  margin-top: 0px;
}

.cross-reference-tool-app .comparison .table-container-th .d-flex, .cross-reference-tool-app .comparison .table-container-th .flex-grid, .cross-reference-tool-app .comparison .table-container-th .jumpto ul li, .jumpto ul .cross-reference-tool-app .comparison .table-container-th li, .cross-reference-tool-app .comparison .table-container-th .results-pagination-select, .cross-reference-tool-app .comparison .table-container-th .is-pinned .pin-content-fixed, .is-pinned .cross-reference-tool-app .comparison .table-container-th .pin-content-fixed, .cross-reference-tool-app .comparison .table-container-th .is-pinned .pin-content:first-child, .is-pinned .cross-reference-tool-app .comparison .table-container-th .pin-content:first-child {
  flex-wrap: wrap;
}

.cross-reference-tool-app .xs-small.metadata, .cross-reference-tool-app .shopping-list .box-container .xs-small.description, .shopping-list .box-container .cross-reference-tool-app .xs-small.description {
  font-size: 12px;
}

.cross-reference-tool-app .clear-list {
  position: absolute;
  right: 24px;
}

@media (max-width: 768px) {
  .part-details-list-revamped li {
    width: 48% !important;
  }
}

.remove-action {
  position: relative;
}

.remove-action .icon-times {
  position: absolute;
  right: 6px;
  font-size: 16px;
  transition: all ease-in-out 350ms;
}

.remove-action .icon-times:hover {
  cursor: pointer;
  transform: rotate(90deg);
}

@media only screen and (max-width: 1439px) {
  .visible-xl {
    display: none;
  }
}

.border-nxp-orange {
  border-color: #f9b500 !important;
}

.border-petrol-blue {
  border-color: #007088 !important;
}

.border-olive-green {
  border-color: #b1ad40 !important;
}

.border-aqua {
  border-color: #00a4a7 !important;
}

.border-pale-blue {
  border-color: #476791 !important;
}

.dark-xxdark {
  background-color: #262626 !important;
}

.dark-xxxdark {
  background-color: #000000 !important;
}

.nxp-gray-xxxlight,
.grey-xxxlight,
.cool-grey-xxxlight,
.warm-grey-xxxlight {
  background-color: var(--nxp-gray-100) !important;
}

.nxp-gray-xxlight,
.grey-xxlight,
.cool-grey-xxlight,
.warm-grey-xxlight {
  background-color: var(--nxp-gray-200) !important;
}

.nxp-gray-xlight,
.grey-xlight,
.cool-grey-xlight,
.warm-grey-xlight {
  background-color: #d4cfc5 !important;
  background-color: var(--nxp-gray-300) !important;
}

.nxp-gray-light,
.grey-light,
.cool-grey-light,
.warm-grey-light {
  background-color: var(--nxp-gray-400) !important;
}

.nxp-gray,
.grey,
.cool-grey,
.warm-grey {
  background-color: var(--nxp-gray-500) !important;
}

.nxp-gray-dark,
.grey-dark,
.cool-grey-dark,
.warm-grey-dark {
  background-color: var(--nxp-gray-600) !important;
}

.nxp-gray-xdark,
.grey-xdark,
.cool-grey-xdark,
.warm-grey-xdark {
  background-color: var(--nxp-gray-700) !important;
}

.nxp-gray-xxdark,
.grey-xxdark,
.cool-grey-xxdark,
.warm-grey-xxdark {
  background-color: var(--nxp-gray-800) !important;
}

.nxp-gray-xxxdark,
.grey-xxxdark,
.cool-grey-xxxdark,
.warm-grey-xxxdark {
  background-color: var(--nxp-gray-900) !important;
}

.txt-nxp-gray,
.txt-grey,
.txt-cool-grey,
.txt-warm-grey {
  color: #898683 !important;
}

.txt-nxp-gray-xxxlight,
.txt-grey-xxxlight,
.txt-cool-grey-xxxlight,
.txt-warm-grey-xxxlight {
  color: #f7f5f1 !important;
}

.txt-nxp-gray-xxlight,
.txt-grey-xxlight,
.txt-cool-grey-xxlight,
.txt-warm-grey-xxlight {
  color: #ebe7dd !important;
}

.txt-nxp-gray-xlight,
.txt-grey-xlight,
.txt-cool-grey-xlight,
.txt-warm-grey-xlight {
  color: #d4cfc5 !important;
}

.txt-nxp-gray-light,
.txt-grey-light,
.txt-cool-grey-light,
.txt-warm-grey-light {
  color: #aaa6a2 !important;
}

.txt-nxp-gray-dark,
.txt-grey-dark,
.txt-cool-grey-dark,
.txt-warm-grey-dark {
  color: #686664 !important;
}

.txt-nxp-gray-xdark,
.txt-grey-xdark,
.txt-cool-grey-xdark,
.txt-warm-grey-xdark {
  color: #474645 !important;
}

.txt-nxp-gray-xxdark,
.txt-grey-xxdark,
.txt-cool-grey-xxdark,
.txt-warm-grey-xxdark {
  color: #262626 !important;
}

.txt-nxp-gray-xxxdark,
.txt-grey-xxxdark,
.txt-cool-grey-xxxdark,
.txt-warm-grey-xxxdark {
  color: #000000 !important;
}

.nxp-blue {
  background-color: #0eafe0 !important;
}

.nxp-blue-xxxlight {
  background-color: #c3effe !important;
}

.nxp-blue-xxlight {
  background-color: #92e1fd !important;
}

.nxp-blue-xlight {
  background-color: #3ecafb !important;
}

.nxp-blue-light {
  background-color: #1fbee9 !important;
}

.nxp-blue-dark {
  background-color: #1f87ff !important;
}

.nxp-blue-xdark {
  background-color: #215bd6 !important;
}

.nxp-blue-xxdark {
  background-color: #1a48aa !important;
}

.nxp-blue-xxxdark {
  background-color: #13357e !important;
}

.txt-nxp-blue {
  color: #0eafe0 !important;
}

.txt-nxp-blue-xxxlight {
  color: #c3effe !important;
}

.txt-nxp-blue-xxlight {
  color: #92e1fd !important;
}

.txt-nxp-blue-xlight {
  color: #3ecafb !important;
}

.txt-nxp-blue-light {
  color: #1fbee9 !important;
}

.txt-nxp-blue-dark {
  color: #1f87ff !important;
}

.txt-nxp-blue-xdark {
  color: #215bd6 !important;
}

#product-selector-app .txt-nxp-blue-xdark {
  color: #215bd6 !important;
}

.txt-nxp-blue-xxdark {
  color: #1a48aa !important;
}

.txt-nxp-blue-xxxdark {
  color: #13357e !important;
}

.nxp-orange {
  background-color: #f9b500 !important;
}

.nxp-orange-xxxlight {
  background-color: #ffeda7 !important;
}

.nxp-orange-xxlight {
  background-color: #ffe555 !important;
}

.nxp-orange-xlight {
  background-color: #ffd800 !important;
}

.nxp-orange-light {
  background-color: #fdc700 !important;
}

.nxp-orange-dark {
  background-color: #ff9700 !important;
}

.nxp-orange-xdark {
  background-color: #ff7400 !important;
}

.nxp-orange-xxdark {
  background-color: #bd5500 !important;
}

.nxp-orange-xxxdark {
  background-color: #994600 !important;
}

.txt-nxp-orange {
  color: #f9b500 !important;
}

.txt-nxp-orange-xxxlight {
  color: #ffeda7 !important;
}

.txt-nxp-orange-xxlight {
  color: #ffe555 !important;
}

.txt-nxp-orange-xlight {
  color: #ffd800 !important;
}

.txt-nxp-orange-light {
  color: #fdc700 !important;
}

.txt-nxp-orange-dark {
  color: #ff9700 !important;
}

.txt-nxp-orange-xdark {
  color: #ff7400 !important;
}

.txt-nxp-orange-xxdark {
  color: #bd5500 !important;
}

.txt-nxp-orange-xxxdark {
  color: #994600 !important;
}

.nxp-green {
  background-color: #69ca00 !important;
}

.nxp-green-xxxlight {
  background-color: #ebf8a5 !important;
}

.nxp-green-xxlight {
  background-color: #dcf366 !important;
}

.nxp-green-xlight {
  background-color: #c6eb00 !important;
}

.nxp-green-light {
  background-color: #98db00 !important;
}

.nxp-green-dark {
  background-color: #0cc40c !important;
}

.nxp-green-xdark {
  background-color: #008a00 !important;
}

.nxp-green-xxdark {
  background-color: #007100 !important;
}

.nxp-green-xxxdark {
  background-color: #005700 !important;
}

.txt-nxp-green {
  color: #69ca00 !important;
}

.txt-nxp-green-xxxlight {
  color: #ebf8a5 !important;
}

.txt-nxp-green-xxlight {
  color: #dcf366 !important;
}

.txt-nxp-green-xlight {
  color: #c6eb00 !important;
}

.txt-nxp-green-light {
  color: #98db00 !important;
}

.txt-nxp-green-dark {
  color: #0cc40c !important;
}

.txt-nxp-green-xdark {
  color: #008a00 !important;
}

.txt-nxp-green-xxdark {
  color: #007100 !important;
}

.txt-nxp-green-xxxdark {
  color: #005700 !important;
}

.pale-aqua {
  background-color: #9ed3ca !important;
}

.pale-aqua-xxxlight {
  background-color: #f5fbfa !important;
}

.pale-aqua-xxlight {
  background-color: #e7f4f2 !important;
}

.pale-aqua-xlight {
  background-color: #cfe9e5 !important;
}

.pale-aqua-light {
  background-color: #b6ded7 !important;
}

.pale-aqua-dark {
  background-color: #779e98 !important;
}

.pale-aqua-xdark {
  background-color: #4f6a65 !important;
}

.pale-aqua-xxdark {
  background-color: #283533 !important;
}

.pale-aqua-xxxdark {
  background-color: #101514 !important;
}

.txt-pale-aqua {
  color: #9ed3ca !important;
}

.txt-pale-aqua-xxxlight {
  color: #f5fbfa !important;
}

.txt-pale-aqua-xxlight {
  color: #e7f4f2 !important;
}

.txt-pale-aqua-xlight {
  color: #cfe9e5 !important;
}

.txt-pale-aqua-light {
  color: #b6ded7 !important;
}

.txt-pale-aqua-dark {
  color: #779e98 !important;
}

.txt-pale-aqua-xdark {
  color: #4f6a65 !important;
}

.txt-pale-aqua-xxdark {
  color: #283533 !important;
}

.txt-pale-aqua-xxxdark {
  color: #101514 !important;
}

.deep-green {
  background-color: #005042 !important;
}

.deep-green-xxxlight {
  background-color: #e6eeec !important;
}

.deep-green-xxlight {
  background-color: #bfd3d0 !important;
}

.deep-green-xlight {
  background-color: #80a8a1 !important;
}

.deep-green-light {
  background-color: #407c71 !important;
}

.deep-green-dark {
  background-color: #003c32 !important;
}

.deep-green-xdark {
  background-color: #002821 !important;
}

.deep-green-xxdark {
  background-color: #001411 !important;
}

.deep-green-xxxdark {
  background-color: #000807 !important;
}

.txt-deep-green {
  color: #005042 !important;
}

.txt-deep-green-xxxlight {
  color: #e6eeec !important;
}

.txt-deep-green-xxlight {
  color: #bfd3d0 !important;
}

.txt-deep-green-xlight {
  color: #80a8a1 !important;
}

.txt-deep-green-light {
  color: #407c71 !important;
}

.txt-deep-green-dark {
  color: #003c32 !important;
}

.txt-deep-green-xdark {
  color: #002821 !important;
}

.txt-deep-green-xxdark {
  color: #001411 !important;
}

.txt-deep-green-xxxdark {
  color: #000807 !important;
}

.petrol-blue {
  background-color: #007088 !important;
}

.petrol-blue-xxxlight {
  background-color: #e6f1f3 !important;
}

.petrol-blue-xxlight {
  background-color: #bfdbe1 !important;
}

.petrol-blue-xlight {
  background-color: #80b8c4 !important;
}

.petrol-blue-light {
  background-color: #4094a6 !important;
}

.petrol-blue-dark {
  background-color: #005466 !important;
}

.petrol-blue-xdark {
  background-color: #003844 !important;
}

.petrol-blue-xxdark {
  background-color: #001c22 !important;
}

.petrol-blue-xxxdark {
  background-color: #000b0e !important;
}

.txt-petrol-blue {
  color: #007088 !important;
}

.txt-petrol-blue-xxxlight {
  color: #e6f1f3 !important;
}

.txt-petrol-blue-xxlight {
  color: #bfdbe1 !important;
}

.txt-petrol-blue-xlight {
  color: #80b8c4 !important;
}

.txt-petrol-blue-light {
  color: #4094a6 !important;
}

.txt-petrol-blue-dark {
  color: #005466 !important;
}

.txt-petrol-blue-xdark {
  color: #003844 !important;
}

.txt-petrol-blue-xxdark {
  color: #001c22 !important;
}

.txt-petrol-blue-xxxdark {
  color: #000b0e !important;
}

.olive-green {
  background-color: #979200 !important;
}

.olive-green-xxxlight {
  background-color: #f5f4e6 !important;
}

.olive-green-xxlight {
  background-color: #e5e4bf !important;
}

.olive-green-xlight {
  background-color: #cbc980 !important;
}

.olive-green-light {
  background-color: #b1ad40 !important;
}

.olive-green-dark {
  background-color: #716e00 !important;
}

.olive-green-xdark {
  background-color: #4c4900 !important;
}

.olive-green-xxdark {
  background-color: #262500 !important;
}

.olive-green-xxxdark {
  background-color: #0f0f00 !important;
}

.txt-olive-green {
  color: #979200 !important;
}

.txt-olive-green-xxxlight {
  color: #f5f4e6 !important;
}

.txt-olive-green-xxlight {
  color: #e5e4bf !important;
}

.txt-olive-green-xlight {
  color: #cbc980 !important;
}

.txt-olive-green-light {
  color: #b1ad40 !important;
}

.txt-olive-green-dark {
  color: #716e00 !important;
}

.txt-olive-green-xdark {
  color: #4c4900 !important;
}

.txt-olive-green-xxdark {
  color: #262500 !important;
}

.txt-olive-green-xxxdark {
  color: #0f0f00 !important;
}

.pale-blue {
  background-color: #5e89c1 !important;
}

.pale-blue-xxxlight {
  background-color: #eff3f9 !important;
}

.pale-blue-xxlight {
  background-color: #d7e2f0 !important;
}

.pale-blue-xlight {
  background-color: #afc4e0 !important;
}

.pale-blue-light {
  background-color: #86a7d1 !important;
}

.pale-blue-dark {
  background-color: #476791 !important;
}

.pale-blue-xdark {
  background-color: #2f4561 !important;
}

.pale-blue-xxdark {
  background-color: #182230 !important;
}

.pale-blue-xxxdark {
  background-color: #090e13 !important;
}

.txt-pale-blue {
  color: #5e89c1 !important;
}

.txt-pale-blue-xxxlight {
  color: #eff3f9 !important;
}

.txt-pale-blue-xxlight {
  color: #d7e2f0 !important;
}

.txt-pale-blue-xlight {
  color: #afc4e0 !important;
}

.txt-pale-blue-light {
  color: #86a7d1 !important;
}

.txt-pale-blue-dark {
  color: #476791 !important;
}

.txt-pale-blue-xdark {
  color: #2f4561 !important;
}

.txt-pale-blue-xxdark {
  color: #182230 !important;
}

.txt-pale-blue-xxxdark {
  color: #090e13 !important;
}

.deep-blue {
  background-color: #003883 !important;
}

.deep-blue-xxxlight {
  background-color: #e6ebf3 !important;
}

.deep-blue-xxlight {
  background-color: #bfcde0 !important;
}

.deep-blue-xlight {
  background-color: #809cc1 !important;
}

.deep-blue-light {
  background-color: #406aa2 !important;
}

.deep-blue-dark {
  background-color: #002a62 !important;
}

.deep-blue-xdark {
  background-color: #001c42 !important;
}

.deep-blue-xxdark {
  background-color: #000e21 !important;
}

.deep-blue-xxxdark {
  background-color: #00060d !important;
}

.txt-deep-blue {
  color: #003883 !important;
}

.txt-deep-blue-xxxlight {
  color: #e6ebf3 !important;
}

.txt-deep-blue-xxlight {
  color: #bfcde0 !important;
}

.txt-deep-blue-xlight {
  color: #809cc1 !important;
}

.txt-deep-blue-light {
  color: #406aa2 !important;
}

.txt-deep-blue-dark {
  color: #002a62 !important;
}

.txt-deep-blue-xdark {
  color: #001c42 !important;
}

.txt-deep-blue-xxdark {
  color: #000e21 !important;
}

.txt-deep-blue-xxxdark {
  color: #00060d !important;
}

.purple {
  background-color: #50227b !important;
}

.purple-xxxlight {
  background-color: #eee9f2 !important;
}

.purple-xxlight {
  background-color: #d3c8de !important;
}

.purple-xlight {
  background-color: #a891bd !important;
}

.purple-light {
  background-color: #7c599c !important;
}

.purple-dark {
  background-color: #3c1a5c !important;
}

.purple-xdark {
  background-color: #28113e !important;
}

.purple-xxdark {
  background-color: #14091f !important;
}

.purple-xxxdark {
  background-color: #08030c !important;
}

.txt-purple {
  color: #50227b !important;
}

.txt-purple-xxxlight {
  color: #eee9f2 !important;
}

.txt-purple-xxlight {
  color: #d3c8de !important;
}

.txt-purple-xlight {
  color: #a891bd !important;
}

.txt-purple-light {
  color: #7c599c !important;
}

.txt-purple-dark {
  color: #3c1a5c !important;
}

.txt-purple-xdark {
  color: #28113e !important;
}

.txt-purple-xxdark {
  color: #14091f !important;
}

.txt-purple-xxxdark {
  color: #08030c !important;
}

.magenta {
  background-color: #e2007b !important;
}

.magenta-xxxlight {
  background-color: #fce6f2 !important;
}

.magenta-xxlight {
  background-color: #f8bfde !important;
}

.magenta-xlight {
  background-color: #f180bd !important;
}

.magenta-light {
  background-color: #e9409c !important;
}

.magenta-dark {
  background-color: #aa005c !important;
}

.magenta-xdark {
  background-color: #71003e !important;
}

.magenta-xxdark {
  background-color: #39001f !important;
}

.magenta-xxxdark {
  background-color: #17000c !important;
}

.txt-magenta {
  color: #e2007b !important;
}

.txt-magenta-xxxlight {
  color: #fce6f2 !important;
}

.txt-magenta-xxlight {
  color: #f8bfde !important;
}

.txt-magenta-xlight {
  color: #f180bd !important;
}

.txt-magenta-light {
  color: #e9409c !important;
}

.txt-magenta-dark {
  color: #aa005c !important;
}

.txt-magenta-xdark {
  color: #71003e !important;
}

.txt-magenta-xxdark {
  color: #39001f !important;
}

.txt-magenta-xxxdark {
  color: #17000c !important;
}

.red {
  background-color: #e3004a !important;
}

.red-xxxlight {
  background-color: #fce6ed !important;
}

.red-xxlight {
  background-color: #f8bfd2 !important;
}

.red-xlight {
  background-color: #f180a5 !important;
}

.red-light {
  background-color: #ea4077 !important;
}

.red-dark {
  background-color: #aa0038 !important;
}

.red-xdark {
  background-color: #720025 !important;
}

.red-xxdark {
  background-color: #390013 !important;
}

.red-xxxdark {
  background-color: #170007 !important;
}

.txt-red {
  color: #e3004a !important;
}

.txt-red-xxxlight {
  color: #fce6ed !important;
}

.txt-red-xxlight {
  color: #f8bfd2 !important;
}

.txt-red-xlight {
  color: #f180a5 !important;
}

.txt-red-light {
  color: #ea4077 !important;
}

.txt-red-dark {
  color: #aa0038 !important;
}

.txt-red-xdark {
  color: #720025 !important;
}

.txt-red-xxdark {
  color: #390013 !important;
}

.txt-red-xxxdark {
  color: #170007 !important;
}

.deep-red {
  background-color: #bc0d0d !important;
}

.deep-red-xxxlight {
  background-color: #f8e7e7 !important;
}

.deep-red-xxlight {
  background-color: #eec3c3 !important;
}

.deep-red-xlight {
  background-color: #de8686 !important;
}

.deep-red-light {
  background-color: #cd4a4a !important;
}

.deep-red-dark {
  background-color: #8d0a0a !important;
}

.deep-red-xdark {
  background-color: #5e0707 !important;
}

.deep-red-xxdark {
  background-color: #2f0303 !important;
}

.deep-red-xxxdark {
  background-color: #130101 !important;
}

.txt-deep-red {
  color: #bc0d0d !important;
}

.txt-deep-red-xxxlight {
  color: #f8e7e7 !important;
}

.txt-deep-red-xxlight {
  color: #eec3c3 !important;
}

.txt-deep-red-xlight {
  color: #de8686 !important;
}

.txt-deep-red-light {
  color: #cd4a4a !important;
}

.txt-deep-red-dark {
  color: #8d0a0a !important;
}

.txt-deep-red-xdark {
  color: #5e0707 !important;
}

.txt-deep-red-xxdark {
  color: #2f0303 !important;
}

.txt-deep-red-xxxdark {
  color: #130101 !important;
}

.deep-orange {
  background-color: #e66a08 !important;
}

.deep-orange-xxxlight {
  background-color: #fdf0e6 !important;
}

.deep-orange-xxlight {
  background-color: #f9dac1 !important;
}

.deep-orange-xlight {
  background-color: #f3b584 !important;
}

.deep-orange-light {
  background-color: #ec8f46 !important;
}

.deep-orange-dark {
  background-color: #ad5006 !important;
}

.deep-orange-xdark {
  background-color: #733504 !important;
}

.deep-orange-xxdark {
  background-color: #3a1b02 !important;
}

.deep-orange-xxxdark {
  background-color: #170b01 !important;
}

.txt-deep-orange {
  color: #e66a08 !important;
}

.txt-deep-orange-xxxlight {
  color: #fdf0e6 !important;
}

.txt-deep-orange-xxlight {
  color: #f9dac1 !important;
}

.txt-deep-orange-xlight {
  color: #f3b584 !important;
}

.txt-deep-orange-light {
  color: #ec8f46 !important;
}

.txt-deep-orange-dark {
  color: #ad5006 !important;
}

.txt-deep-orange-xdark {
  color: #733504 !important;
}

.txt-deep-orange-xxdark {
  color: #3a1b02 !important;
}

.txt-deep-orange-xxxdark {
  color: #170b01 !important;
}

.yellow {
  background-color: #ffcf00 !important;
}

.yellow-xxxlight {
  background-color: #fffae6 !important;
}

.yellow-xxlight {
  background-color: #fff3bf !important;
}

.yellow-xlight {
  background-color: #ffe780 !important;
}

.yellow-light {
  background-color: #ffdb40 !important;
}

.yellow-dark {
  background-color: #bf9b00 !important;
}

.yellow-xdark {
  background-color: #806800 !important;
}

.yellow-xxdark {
  background-color: #403400 !important;
}

.yellow-xxxdark {
  background-color: #1a1500 !important;
}

.txt-yellow {
  color: #ffcf00 !important;
}

.txt-yellow-xxxlight {
  color: #fffae6 !important;
}

.txt-yellow-xxlight {
  color: #fff3bf !important;
}

.txt-yellow-xlight {
  color: #ffe780 !important;
}

.txt-yellow-light {
  color: #ffdb40 !important;
}

.txt-yellow-dark {
  color: #bf9b00 !important;
}

.txt-yellow-xdark {
  color: #806800 !important;
}

.txt-yellow-xxdark {
  color: #403400 !important;
}

.txt-yellow-xxxdark {
  color: #1a1500 !important;
}

.aqua {
  background-color: #00a4a7 !important;
}

.aqua-xxxlight {
  background-color: #e6f6f6 !important;
}

.aqua-xxlight {
  background-color: #bfe8e9 !important;
}

.aqua-xlight {
  background-color: #80d2d3 !important;
}

.aqua-light {
  background-color: #40bbbd !important;
}

.aqua-dark {
  background-color: #007b7d !important;
}

.aqua-xdark {
  background-color: #005254 !important;
}

.aqua-xxdark {
  background-color: #00292a !important;
}

.aqua-xxxdark {
  background-color: #001011 !important;
}

.txt-aqua {
  color: #00a4a7 !important;
}

.txt-aqua-xxxlight {
  color: #e6f6f6 !important;
}

.txt-aqua-xxlight {
  color: #bfe8e9 !important;
}

.txt-aqua-xlight {
  color: #80d2d3 !important;
}

.txt-aqua-light {
  color: #40bbbd !important;
}

.txt-aqua-dark {
  color: #007b7d !important;
}

.txt-aqua-xdark {
  color: #005254 !important;
}

.txt-aqua-xxdark {
  color: #00292a !important;
}

.txt-aqua-xxxdark {
  color: #001011 !important;
}

.green {
  background-color: #00945f !important;
}

.green-xxxlight {
  background-color: #e6f4ef !important;
}

.green-xxlight {
  background-color: #bfe4d7 !important;
}

.green-xlight {
  background-color: #80caaf !important;
}

.green-light {
  background-color: #40af87 !important;
}

.green-dark {
  background-color: #006f47 !important;
}

.green-xdark {
  background-color: #004a30 !important;
}

.green-xxdark {
  background-color: #002518 !important;
}

.green-xxxdark {
  background-color: #000f0a !important;
}

.txt-green {
  color: #00945f !important;
}

.txt-green-xxxlight {
  color: #e6f4ef !important;
}

.txt-green-xxlight {
  color: #bfe4d7 !important;
}

.txt-green-xlight {
  color: #80caaf !important;
}

.txt-green-light {
  color: #40af87 !important;
}

.txt-green-dark {
  color: #006f47 !important;
}

.txt-green-xdark {
  color: #004a30 !important;
}

.txt-green-xxdark {
  color: #002518 !important;
}

.txt-green-xxxdark {
  color: #000f0a !important;
}

.txt-link-color {
  color: var(--nxp-link-color) !important;
}

.white {
  background-color: white !important;
}

.txt-white {
  color: white !important;
}

.nxp-black,
.black {
  background-color: #000000 !important;
}

.nxp-absolute-black,
.absolute-black {
  background-color: black !important;
}

.nxp-orange {
  background-color: #f9b500 !important;
}

.nxp-deep-orange {
  background-color: #e66a08 !important;
}

.nxp-blue {
  background-color: #0eafe0 !important;
}

.nxp-green {
  background-color: #69ca00 !important;
}

.nxp-pale-blue {
  background-color: #5e89c1 !important;
}

.nxp-petrol-blue {
  background-color: #007088 !important;
}

.nxp-aqua {
  background-color: #00a4a7 !important;
}

.nxp-olive-green {
  background-color: #979200 !important;
}

.nxp-apple-red {
  background-color: #bc0d0d !important;
}

.nxp-charcoal {
  background-color: #474645 !important;
}

.nxp-gray-medium {
  background-color: #aaa6a2 !important;
}

.nxp-gray-cool-light {
  background-color: #f7f5f1 !important;
}

.nxp-footer-gray {
  background-color: #f7f5f1 !important;
}

.nxp-footer-bottom {
  background-color: #ebe7dd !important;
}

.nxp-orange-66 {
  background-color: #ffd800 !important;
}

.nxp-orange-33 {
  background-color: #ffe555 !important;
}

.nxp-deep-orange-66 {
  background-color: #f3b584 !important;
}

.nxp-deep-orange-33 {
  background-color: #f9dac1 !important;
}

.nxp-pale-blue-66 {
  background-color: #95b1d6 !important;
}

.nxp-pale-blue-33 {
  background-color: #cad8eb !important;
}

.nxp-black-text,
.txt-nxp-black,
.txt-black {
  color: #000000 !important;
}

.nxp-white-text,
.txt-nxp-white,
.txt-white {
  color: white !important;
}

.nxp-gray-text,
.txt-gray {
  color: #000000 !important;
}

.nxp-orange-text {
  color: #ff7400 !important;
}

.nxp-blue-text {
  color: #0eafe0 !important;
}

.nxp-petrol-blue-text {
  color: #007088 !important;
}

.nxp-green-text {
  color: #69ca00 !important;
}

.nxp-gray-light-text {
  color: #aaa6a2 !important;
}

.brandhub2023 hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

.brandhub2023 .component-container h2 {
  margin-top: 0px;
}

.no-scroll {
  overflow: hidden;
}

/* begin ui-errata.scss */
@media only screen and (max-width: 767px) {
  body.no-scroll {
    overflow-y: hidden;
    max-height: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  body.no-scroll-gs {
    overflow-y: hidden;
    max-height: 100%;
  }
}

.loading-div-icon .spin-icon {
  display: block;
  margin: 0.75em auto;
  font-size: 36px;
}

.wordwrap {
  display: inline-block;
}

.moreLessTrigger {
  display: inline-block;
  margin-bottom: 1em;
}

.moreLessTrigger.collapsed:before {
  content: 'More';
}

.moreLessTrigger.collapsed .icon-arrow-down2 {
  transform: rotate(0deg);
}

.moreLessTrigger:not(.collapsed):before {
  content: 'Less';
  outline: none !important;
}

.moreLessTrigger:not(.collapsed) .icon-arrow-down2 {
  transform: rotate(-180deg);
}

.moreLessTrigger [class*='icon-'] {
  margin-right: 0.25em;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

@media only screen and (max-width: 479px) {
  .collapse-mobile .moreLessTrigger {
    display: none;
  }
}

span.count {
  vertical-align: baseline;
  color: var(--nxp-secondary-color);
  font-weight: 400;
  font-size: smaller;
}

.well {
  background-color: #f7f5f1;
  border-color: #ebe7dd;
  padding: 1em;
  box-shadow: none;
}

.well > :last-child {
  margin-bottom: 0;
}

hr {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-top: 1px solid var(--nxp-border-color);
}

.segment-title {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 1.563em;
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #474645;
  color: white;
  margin: 0.71428571428em 0;
  display: inline-block;
}

.segment-title a {
  color: white;
}

.segment-title a:after {
  font-family: "Font Awesome";
  content: "\f105";
  padding-left: 0.5em;
}

.segment-title a:hover {
  text-decoration: none;
}

div.segment-break {
  margin: calc(0.71428571428 * 4em) 0;
  height: 0;
  border-bottom: 3px solid #f0efef;
}

div.segment-break.no-line {
  border-bottom: 0;
  height: 3px;
}

.text-required {
  color: #cc0000;
}

.text-new,
.text-updated {
  color: #69ca00 !important;
  text-transform: uppercase;
}

.text-archived {
  color: #898683 !important;
  text-transform: uppercase;
}

h1.publish-status-archived {
  position: relative;
}

h1.publish-status-archived:before {
  display: inline-block;
  content: 'ARCHIVED';
  font-size: 10px;
  letter-spacing: 0.5px;
  color: white;
  background-color: #ebe7dd;
  padding: 0.25em 0.5em;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  vertical-align: super;
  margin-right: 1em;
}

.group {
  display: table;
  content: ' ';
}

.simple-warning {
  color: #e31b23 !important;
}

.thumbVideoWrapper,
.thumbVideoWrapperSmall {
  position: relative;
  display: inline-block;
}

.thumbVideoWrapper:before,
.thumbVideoWrapperSmall:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 4em;
  height: 4em;
  pointer-events: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGp9JREFUeNrkXQl4VEW2rtudPRBQTNjDEgSCbAGByBYkwoAKioyIgMAwsgnPzKCMCAqyPGQZFAGVIA9FVhmMBAYIEFFBICQMGBBCWBMIECHEQMi+9DvVX9/23NNVtztJJx2d+r77dZZ7b99bf53lP3XqlMJc1xT0iQ8DOozkdwM6R0H3wM1EjlLJUUL+r57P0KdLOsRVIODONeocImAUci9HgCjROUpdDYxSxSBQCVA72w194oMCQoEoq2Tgzi8WHDJgqgQUpYpBMBAQ3C2d7k5+xgBpQOjatWvNQYMGNeI37tChQ6C3t7cP/rIbN26kX79+PasE2nvvvXdBBxQMQhE6ZMBUOigVBsNkEj+bAs3yozqSjWT0e1g63oOAYQVh0qRJgUOHDu3ctGnTVv7+/i18fX0burm5+ZXl+XJycq4/ePDg1t27d1MSExNPLV++/FR8fPx9gYRwIAoJMEVEmqzqyyR78eoEBgKBSoIb6nx8WIGoV6+e18qVK3vB6O8dEBDQ0cvL65HKGIH37t1Lunbt2smtW7fuX7hw4UUEigpAgQWYQgEoVpvibECcCgaRBhkIngQIt3/+858dnnvuuadBAsLKOvIr2rKzs6+cPn1679KlS/dFR0ffQZ1faAGlgIBSTFWXs0BxGhgWIBSkkrA68iQH/5vbv/71r/B+/fqNqlWrVsuKPENeXt5tT0/PWgaDwbMC71GUmpoaC2ps40cffXRFAAiWlmJiT5wCiFPAQEBgaVBHv5flUEFw37t376BevXqNAhvQ2JHvAH2flJ6efi05Ofn6hQsX7h47duzuzp07MyXGVAFwjS+//HLdLl26+AcFBfk3bNiwfqNGjR5zVO2BCosFdbkeJPYSASQf/VxEbUlFAVGcBCZWS+5IGjgI3ioQs2fPDp42bdoMe5JQWFiY+fPPPx89dOjQ+Y8//vjqpUuX8pFHZLLDAxQJl1EGDx5cZ9SoUS3AJrVr3LhxF5AkN51BVgrgRw0bNizyzJkz9xEY+QiUIiIlFQJEcSIQqm3AIJglAl7+4Q0bNkxo2bLlC7KbgSead/ny5bivvvrqOIB2ScKWS4iranKQz1BWrzz22GM+8+bN6xgWFtajTp06wbLnys/Pz4iJiVk1ZMiQ/Ugq8hAohUhKKgSI4gQgsJH2okCAqIdMmTLlPVARdUU3Kioqyo6Li4uZPHnyobNnz+YQclZMfscgUN9fFl4xEtfaiAaP6kI3nDFjxsAmTZo8IXvhtLS0g08//fT7ICX3LCDkIVAKiXEvFyCKk4DwQCBYgYBOHgt6e5xIHRQXF+d8++23UePHjz8KJK1Ahw2LyBdVVTLpMEjIpojxG0aPHl0fpOVZGSi5ubk3Fi9e/C6cc44AkkfUVrkAKS8YMiA4G/Zu3759rf3798+vW7eu8KXABvwAuvub48eP3xewYBEYmEEzHZuhSIKQmHgaJKEXK+kE7tHq9ddf5w5GA/rspaWlBfBuHwwcOHCnAJD8igCilBMIAzLUXhYQzED86U9/CgC9vxSMdLBgZKUvWbJk3dy5cy8TAAoFQJQKbAQTAGDSeSc9UGQRAfMBpNNz+/bt4T179hwKzqKBvgt4dKu7d+/+JQIkt6KAKGUEQiESoaolX/75yiuvNF69evUKHx+fhvRiUEXH+/btuwGkIgcBgP32YoH/Tke/qYI2jjodBgkgnqqkzJkzp8XMmTMneXh4PExvev78+e3BwcEfIEByCCBlMupKGYEwECBUifDhQKxZsyaS+vLcRQRvZAMYv0OScAMGwlQFIWzq+hoFatcdRwpCQkL8du/ePbZ+/foh9GYpKSl7mzVrNt8CQC4CRH1HMyDOAkM9RxVrrJq4RPiAaqobFRUVSSWC69cPPvhgxfTp05MQCDTuU+KieQRFIPFGEkW2RgxA7XrFx8cPB/f8SXoj8LA2gZ38GKkrKiGljgCilNFgu1Mg4CEeAnK2ktoI7rICwVu2atWqawIWW0SMtCtn2RQdzkRDOe4JCQnPPf7444PpTY4cOfIx2JeNFjCohBQ5oq6UMtgJdaSoQPDDKz09fTl4TV0Jg743cuTI98EA/kJAEMV2mB031RWTX3i+BRNZfriDS/4U2L+X6Q22bNny9ogRIw4iMHIQWy+2Jx0GBx4S61P8UJ5Hjx4dTYHgqumNN974EAGRj0aIjS9eTYBg5FlUG1YgCIMUhYeHx54+fTqG3uDFF198569//WsT1EdealBUtU0osl0mMBQitjje5Ll8+fJOoaGhEwgQxStWrFhpUU0FJI6DJcIk4Ad6hysAUVVokQiQbt26bb9y5cphfLGbm5vvsmXL5tarV8+XgOGOIgGKDBDFjkQYiJ2owdVTWFhYXfCQPqchjl27dn0xePDgQ5aOFzFTCoSi8zwiLmFygdrC/YA1gxfYSe/U1NR/wGcQvvDs2bNb2rZtu8Kirh5Y1FUuGpBCdWUoA6ewehbr1q2bQoHgPAKAOExGUgEhcyIg6PyHO7NNSjC4QFLo3LnKjaySfu/evYLRo0dH8tAOvrBNmzYv8Qg1mUxzx+8ikg6Dgx6UFQyunpo3b/4MZdac0BEgColEiAw1jRd5UOAROK4ARQSIxkXfuXNnBgzO/9N0HjD2iIiIv9esWdOLTqihd3DIZogInvmGcHPPv/zlL3+nF8ydO/czxKwLdGyEyU6My1MQ+fXCjNgFoGBASgQzgIUTJ05M5PE2fNHDDz/cLjo6eggZXO56gOhJBpYK8wGu2wA/P78WNOi3ZMmSFMKsixwAAoNhvv+sWbM6oPCKNd6FI8EuAkUGiNVVHzduXDSfk8EXAe8Y165dOz+mTcBwk6kqg45UaMAAqfDo06fPSBoG5w9h6fhCAY/Qc10pwfJasGDBYjCIc6dOnfoY4TPq4UpQZF6WefAdPnw4a+/evVvxBe7u7rU//fTT5wVgGB2VDAMhPGa9DXrxSV9f36b4RD4fwR+CjBRNgMyOB2QkM4QsMDCw7cqVK9+7ePHidPDZWxFJqQ6gMKbNt7IOQOAZRx88eJCGT+zcufNLPAWJkYwYFRAsHQYHvCjzxTyLg4Y7+MQQ0yaA4RBHWaLAKvDW1qJFi3Zr1659JykpaSqw2qYkMOmLVFhVgkLTRjXJb/n5+cX/hoYv4IHTzZs3D8bheaSqDDLJoEBYL+Z5TTSJ4MiRI3vQDB2OvjrCrEX5tkbRia1btw7ZtGnTnDNnzkyCkdcEgeKLQKlKQ4/VVTGRkOJJkyad4qlD+IKuXbu+QNQ+VlW6kkHVlBtPMNPIKBgq0Os/SmboHFFPlHUb7IVmgEQ9vm3btrk//fTTq88//3wgAaWGBBRjJUtKKe0D4B5FBw4c2IVP4up9/vz5bYh0qM9lTf4z6Lia5iMoKMiHZ/oRD+qoJXmgWIfUlXXm0JE4GU92Do2Kinrv5MmT4/r3799AoL68dUBxVpiFelea+fuZM2ee4jE6fMELL7zQnwnm3fF7GyQurZUJL1q0qAdNuQQX9zgaFXSGzlFARNkcjiEIpCokJKR7TEzMguPHj48BL6+ewPtSXWKZj+8sScGAmAcmDNRc8ApPEBv4FHikNLnbKFJTikQyjDwJGd+U5xEtXrz4KhkRJUyex1R5wSMABZ6vF3h1C44dO/ZKjx49AiQ2xVuHCZcXFJl0mPsCCN8xfDKftgVV1V4Q6rF+t56aMuu0gICAdvim58+fjwdA7KXRVGnjqUChoaFh33///f+CYzEKVNkjDoDiTEmh6z5K33777WRKArt37x6CuBVWUzZg2CzlioiIaEoDgrGxsWeRiqLpNC5toE7d4YWfPHHixCIA5uXg4OCHCSh6jL48oJgEEmIGhA/YW7du/YxPbtasWScmXiJn5ht6asoAXlRnzTebTKVffPFFKrNdkuXShYkiUMLCwp5KTExcBIPnRQQK9rwwKB4VBKVUoClMYDvOk3jVY+AQeYvAoDbDZoUpIKmZ187MzEyGL8hj4rymagEECUd4hoeHDwB3eCEY+yHQEbWRpFBQPMsJCh6Ipbhvtm/fnkzUqefkyZNbMtsFo1KbYT0RkHyUzFlcJaQHJydX2wbGkyfXPXvu3LlFO3fuHNyoUaNaBBRqU/RAcSTUbh6kGzdu/IW6uGDPggQD33xvAxOvQDX/XqNGDc36iYsXL6Yx8RpqVh0lQwTKoEGDngOetOjrr79+2gKKF7Ep9kCRzUeUkj4pBbtRev/+/Wv4pMDAwOZMsoRaZDPMn8OGDQugK4FAB98mklHtARA1T09PXyBhQ2FwLeTTAuAx1kQ2BYNCjbybjuoSZcibQLWn4+8GrlFXQHatkiGKFymdOnXypy8BBCtT9qW/R1DAU6w5fPjwYVeuXHl/06ZN/WvVqlVDMp9ik+VBSKtJAIj5SE9P/4WERuoySdKFQcCCzQeIUx368AkJCTnMNiX/dwkE6SC/ESNGDE9LS1sI3mJfCygyMKgdkbm6qmRkE1VZWxZ5MEgCd8pDDz3kR4OD9+7dK/4jgUAb2MjaY8aMGXXt2rV5a9as6Q2Sg/kITSowOMA/+HrEXAJGTXuSQQHhetWTgqHj0v2hgPHz83tk/PjxY2/evDk/MjKyN7OdpTM44FmZj19//TWPure0r9XfDZJ/2E5tlZQU/168Jmc10A71JkyY8CqM7iUgKb0k9sJevzns9hvK8YwK+y9rwLcagKREgEv8D39/f3fRqHZK5EAgWrIQgzf7L22gatKBLH49duzYfZYwOe0rusAT2wg3e3aFgmFjC8BY38d/NBqN3uTLqKj+4dQXELaM7du3R0+ZMuUHIHC5zHaqQDaAsSOkGcQ0+xDfy01meEBP3qdh6saNG3tcv369iLkmKbnKWnZ2dmZUVNSeSZMmcRBwhqSjczfW/gG1VgP/o7CwMEtGDwySULAJ3Lss+g09e/Z8CNkawx8NkAcPHmRt2LBhMwy6d0AlHQQg1NVHODmvRBCPE1Zk4EfdunU1fK2goMBhMKzM+ptvvrlOH7Zz5861BbGs3z0g0OnZmzdv3hoUFDRr9OjRsaCieea4ugIpj0iGLOlCEcWv6kAjUndL0N8mVU1RKm8+4cyZM7lFRUVZPCtOvVHbtm3rw0fSH0UyYJTm7Nq1aw/YhO9v376dx+RFwDAIJRLjLSqPoYAn1pg4A7eYpFClmwAIqxjCCLnyyCOPdFJvBCMnkInrcfyujDgHISYmZv/UqVMPpqWl5dgBoUSgmvQW+1j7hdtYurD/6tWrl5ltIUuTyLXVxOMzMjI0YDRs2DCYaUPtvyvpAOOZFwvt9ddfj718+fID1OG06poeCEzHg9JMGEVERDSjJ/3www8XmHZm0CodBkEI2Dp9eOrUqf/gG3l7ewfwMkFMO19usBMecHkDdVtw4MCBPW3atJnxzDPP7AAgfmW/LRPGK4vymG0mvb16JbJimMbevXs/SmxTxvLly1OpBhIZcFputDQyMjKRz3vjG44ZM6Yls51UV6ojO+cgfPfdd/s7dOgwo3///l8DCFkEBGygywqCDAxrVLdly5bt8Ylgl35ikvlySvpsJANEKguIzyWcZxsSEsJV1VFmm03iktwpUQNiVRQXF3cIbMKexMTELCauUyKqVeKIOhKFhmiKk7Fbt241/fz8NGoqOTn5P0xbvklTxU2mpqzeA/CNBHzDJk2aPM4LZzF5mqLLpIOvtj169Oh33bt3f7tXr16bAYgMpq1aQNVRQTkkQQSIDRhz5swJoQVggMPEEyA0fEXEMzS5o9HR0d/REDB8UXsmzhtVXAVCfHz8YdDRM3v06LEpISHhjgMgFDoBBFHlanNfPPHEE93xybx8K4Bxi+lkYtqTjOJ33303KScnJwXfuG/fvr2YNjOO5o5WCSjcnp04ceLIwIEDZ4NaWH/kyJHbTFsuQi0Z4UwQZFJhXYrAi1XWrl1bY7xBSvex31Y80WV2whC6TRIvP4AA7sUn8Zp+vJScjnQ4mo3HytsZ4OkdHTRo0OwuXbp8vn///ptIEnIJCPlOUkd6UoGXTBthAD9JBk3R7Nmz9zNJori6Jtwg6CCbNQcffvjhfupV8Zp+TLwAxFgG20FrlNttp0+fjh8yZMjsTp06rdu9e3caUUeqh0QrbNKCMRWZnaQET1PLHWxV7VatWmnAuHXrVhw4Q78y27LeJplkiFZ0mo9t27alp6am7sNfEBgY2A3EsR7TFs5yK0OoRFTJX9rOnTt3cuTIkXPBTV2zY8eOa2UEoTLqlNBq1uZ+AB7Rl9Zk3LJly2YmXm6neWfRTB9WVVa/m1dCxtLBPYUFCxYMZLZF5h3JwhMlCwvXAV64cCERuM188OA+2bx5c4rEMOvWmnUiCDL1ZD64VHTs2LEfviAjI+Pkm2++mchsy//ZlDwy6KgOjGQhL0l98+bNQ/jE5s2b9+LFFZm22j8GhDkgGVgKrS0lJeXc5MmTF4LIr/jyyy+vWDo7BwGRK7EJlSUJovLimiXF69evH0oT/6KiotaTgV0k42QGOyMWLyku/uSTTz6ntoNXuQRSiMtM0BWdeuqKrqnm+1+cnzZt2rxmzZotWr16dRL7rfZfDvGQqgoERt7ByGzLeLgvXbq0NTxzD3xRZmbmTxMnTkxg4jXypSK9J2OVNjT/8OHD90eMGBEA3lRr9WSeBxQaGpoLo+KqZG6EOfAd5uvc3NySwEP6CtjzHTIQcHXlQok9YKxy2D8tOIOrlppzqgICArw3btz4P5acKKvbvXjx4llguG+x3+oXqu8grFuo6DwArr6mrmswlzeKjY3ditf5cdIVERGxYNWqValMW+u1gIkX6ett82Mg9quUySt7Vva6EFHlH7Xkk3UpAXCIF9u3bz8AXygoc/QA9YkQDKODI9faeeBVFQPButeyZcve2Jj36dOnNbD143fu3CkWeEv21AYNVIq236kqSZABYSQSYZYKUN3tn3322VE0OjtgwIB3bt++TYORRUynmqfBjnHFhty6jwR8+W5eGxxf4OPjUw/I11gvLy9aHQcv/6U2hNY9V9VQARMXhamqUnqieoW4Oo75vXi57gkTJkykUQFwZRdbaqbjvTektsIeGNTNtSl8NXTo0CV5eXm38MkNGjToDCI7gmmL1ONcVaPEaSgRMH9XgKDnNeEB5jF48GD/yMjIv6MUJpWUbho3btyPTFsArZA5UAHakeRdFRB1xJpFLj4+PnPFihVzONXHF/G6r8eOHXtGAIheVRmTZCrS5CIQaE0TzcAKCQmpBZznb7SgMnhPZ4BrrGG29RntSoWezZAZeI0NAUOe2bNnz2zgG5oIZaNGjYJ79+6dC/wg1U5o3WTn96pqshCHzaYsHIiDBw9O9fPza0rtxKuvvjrt1KlTd5l4Owe7dW0dJWalTFLJsl+/fl8nJCSspRfyuq/wYEMF3oeo4IqrqnXS76UgqOv+zM8cHh5eB9z7t2hElmcJzp8//41t27bdQN4k5kEOxd7KUgvdwGyLDatr4bySk5PfAhX1HL2Qlxvt1KnTRl5cEam6QiS+OA2mrDNtzvCU6JQprZVo/pkb688+++wNWqCeL6AEcvrmlClT4hFBVT0oh6WirGAwIsJ4zwyfmjVr+oDxmtW0adOB9OKsrKyLQBYj9+7dm0nYaKGTpj/Lw6Rl+wi602jChg0bHofnH0dDHRyIzz///G1QT0dIuCaPkFOn7hIgCpJ5EAkxqyAgO39r06bNMJu4R0lJHt9F4LXXXjtD414C78lZ2zYodiTBKIi+Wj/5HhqHDh16sVWrVuH0xqCa7i9btuzNGTNmJCKGjWcTi1kZdghgrHybmSg6EmIG5McffxzZo0ePKZIo7Hcg8tFoVxnRZiYytl1aDjD09pbFHhPeW9Zt3rx5j06bNm20aHcZMNa/AAjTPvroo0sEiHxB1IFVFhh6gHhhQMD168Nrg/OS1IJRlbNnz56tL730UhwvJUcYt2ibHwyKIytsFYmrahBMF2sOHgbn0Vca9MPuK/CIWdHR0ekIiDwBEGXeu0+poO4VbQlnXdTOi7SDKC+Q7cvHiyvu2LFj1/jx409aQMGZE44A4sjziWwDjYkZOQjAm55q167dk5TIoane9WFhYWuzs7PzmHxHsnJvoqg4wRhSv1xTIJgXaf/2229fE9kRtfGK0TExMf9+6623Tl26dCmP2aY/ljLHdiRTiMsu2qNPkw3JkwdmzZoVFhwcHC7bRJFziE2bNi0EQ32MaXc+wNHkYlbB3SydsYOlrFQ33r3S05HdK7l3kpKSEh8VFRU3ffr0ZNTxJUy8g6UMDEUAiHXPPiBuNfiGiUBYe1LOQONMSUlJ24cPH/4ZijXp7WJZoW1FnUGwRL66hyDCaf7bgQMHhvTp02eCvd2NuV3h9ZrOnTt3AezPeWDzvzD5VqImnXkShWeD8yRkcCpatG7dup0eAHhiCFTshwsXLryAeBEGoUDEkVy1nag6euiOx1RteSDWbSZRvCQ1r4TctWvXkXj9h70GxPEycJbbv0BLTU21lisF1ZbVoEEDXx8fH3NtXE9PT2NQUFAjf3//Bn5+fvXLsq94RkZGIjDptUDi/iMIkOIsRJvpU1dvtEu3oKZ6ms4T4zqBHtBhvuvWrRvUuXPnoY7ugFwZjasjkMIjPIvDkjwgCufj6KtmT/Bqtx84mmgSzQVQUOh8uZHXff3zn/88AAB6qizSUpHGUy55ph+ooth9+/bdFZBR0RZ2Tt8HvNLAEEiJIiFYuDa4FRRebnTRokUdQ0NDQwIDAzvWqVOnHdzO3Rkvy7e25mn5YJQTQBWdWLt27Q0yj4IJqB4IJmcDUWlgSKRERLjcCSA0VdQIrrEH6O8WAE7r+vXrNwTjW79GjRpmVsy3j6CZ3rzD8/LyePY5u3PnTjLYgDSwLzfi4uKukIUqODNFtIysykCoEjCIlCgSAibb3geTMwMTV0JzqJgKs91bvETA+kXsH5PMSgOhysBwABS9raGNAkBE2YqKwNUVzR6WCFi+jOlXuiS4DAwdYGR7dot+ptKhBwatGVgiYPa0Cqkm7lVVILgUDAkojHSyaHmzI6pKpKJkc+w2iQ5VDUC1AUMCjCzqKlJNevPqJjsHqw4AVEswHATI3s+MObDZYnXpfNr+X4ABACEYGuOTJTmhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4em 4em;
  opacity: 0.75;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: 500ms all;
}

.thumbVideoWrapper:hover:before,
.thumbVideoWrapperSmall:hover:before {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}

.xsp-richMedia .thumbVideoWrapper, .xsp-richMedia
.thumbVideoWrapperSmall {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.xsp-richMedia .thumbVideoWrapper:before, .xsp-richMedia
.thumbVideoWrapperSmall:before {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  z-index: 1;
  display: block;
  width: 4em;
  height: 4em;
  pointer-events: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMyAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMgMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAwMzQwNzg0MTAyMjIyODQ2NDg2MTAwMDAwMDExMzk4NTc4MDY1NTc2NzE1NTZfKTt9Cgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzAwMDAwMDgwMTc4MDg2MzE3Njg2NzY0NTEwMDAwMDEwNTY5NDQzNDgzNzQ4Njg2NzYwXyk7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8ZGVmcz4KCQk8cG9seWdvbiBpZD0iU1ZHSURfMV8iIHBvaW50cz0iMC4yLDAgMC4yLDI4IDIyLjgsMTUgCQkiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMDAwMDAwNDYzMzQxNDI0OTkxMDc0ODI4MzAwMDAwMDYzMTgyMTA5NDA3NTMwMTUxNzhfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJPC9jbGlwUGF0aD4KCTxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDA0NjMzNDE0MjQ5OTEwNzQ4MjgzMDAwMDAwNjMxODIxMDk0MDc1MzAxNTE3OF8pOyI+CgkJPGRlZnM+CgkJCTxyZWN0IGlkPSJTVkdJRF8wMDAwMDA0ODQ4NzgzMTQ2OTc3MDEzMTkzMDAwMDAxNjUwOTEyNjc3MTMzMTE5NzMzOF8iIHg9Ii0xNDcuOCIgeT0iLTU1MyIgd2lkdGg9IjEzNjYiIGhlaWdodD0iNzY4Ii8+CgkJPC9kZWZzPgoJCTxjbGlwUGF0aCBpZD0iU1ZHSURfMDAwMDAxMTc2Mzc4NjE3NjUyMTUwODUyNjAwMDAwMDA2NTkxMzIxMzYyMTQwNTIyNTVfIj4KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMDAwMDAwNDg0ODc4MzE0Njk3NzAxMzE5MzAwMDAwMTY1MDkxMjY3NzEzMzExOTczMzhfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+CgkJPC9jbGlwUGF0aD4KCQkKCQkJPHJlY3QgeD0iLTAuOCIgeT0iLTEiIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDExNzYzNzg2MTc2NTIxNTA4NTI2MDAwMDAwMDY1OTEzMjEzNjIxNDA1MjI1NV8pO2ZpbGw6I0ZGRkZGRjsiIHdpZHRoPSIyNC42IiBoZWlnaHQ9IjI5LjkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) no-repeat center center;
  background-size: 1em 2em;
  opacity: 1;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: 200ms all ease-in-out;
  border-radius: 50%;
  background-color: #000000;
  font-size: 24px !important;
  background-position: 39px !important;
}

.xsp-richMedia .thumbVideoWrapper:hover:before, .xsp-richMedia
.thumbVideoWrapperSmall:hover:before {
  border-radius: 50%;
  background-color: #0eafe0;
}

.thumbVideoWrapperSmall:before {
  width: 2em;
  height: 2em;
  background-size: 2em 2em;
}

.thumbVideoWrapperSte {
  position: relative;
  display: inline-block;
}

.thumbVideoWrapperSte:before {
  font-size: 8px !important;
  top: 12% !important;
  left: 30% !important;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 4em;
  height: 4em;
  pointer-events: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NCA2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQgNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbC1vcGFjaXR5OjAuNjU7fQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiwwTDMyLDBjMTcuNywwLDMyLDE0LjMsMzIsMzJsMCwwYzAsMTcuNy0xNC4zLDMyLTMyLDMybDAsMEMxNC4zLDY0LDAsNDkuNywwLDMybDAsMEMwLDE0LjMsMTQuMywwLDMyLDB6IgoJCS8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjYsMTh2MjhsMjAtMTNMMjYsMTh6Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: 4em 4em;
  opacity: 1;
  transition: 500ms all;
}

.thumbVideoWrapper-secure {
  position: relative;
}

.thumb-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1;
}

.thumb-message > * {
  width: 75%;
}

.thumb-message > :last-child {
  margin-bottom: 0;
}

.disabled,
.disabled td,
.disabled div {
  color: rgba(0, 0, 0, 0.5);
}

.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

@media screen and (min-width: 480px) {
  .float-xs-left {
    float: left !important;
  }
  .float-xs-right {
    float: right !important;
  }
  .float-xs-none {
    float: none !important;
  }
}

@media screen and (min-width: 768px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media screen and (min-width: 992px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

iframe[name='elqFCSFra'] {
  display: none;
}

iframe[name='google_conversion_frame'] {
  display: none;
}

@media (max-width: 768px) {
  .blockDetailsMobile,
  .blockDetails {
    display: none;
  }
}

.has-border {
  border: 1px solid var(--nxp-border-color);
}

.has-border-top {
  border-top: 1px solid var(--nxp-border-color);
}

.has-border-top-full-width::before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

.has-border-bottom-full-width::after {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  margin-left: calc(-50% + 50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

.has-border-right {
  border-right: 1px solid var(--nxp-border-color);
}

.has-border-bottom {
  border-bottom: 1px solid var(--nxp-border-color);
}

.has-border-left {
  border-left: 1px solid var(--nxp-border-color);
}

.content-outer .content-lead > :first-child,
.content-outer .content-inner > :first-child {
  margin-top: 0;
}

.content-outer .content-inner {
  margin-bottom: 2em;
}

.content-outer .content-lead {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  margin-bottom: 1em;
}

.content-outer > * {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 2em;
}

.content-outer > *:last-child {
  margin-bottom: 0;
}

.content-outer > .band, .content-outer > #faq[data-nxp-theme='automotive'],
.content-outer > #faq[data-nxp-theme='industrial'],
.content-outer > #faq[data-nxp-theme='consumer'] {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: 0;
}

.trainingoverview .content-outer > .band, .trainingoverview .content-outer > #faq[data-nxp-theme='automotive'],
.trainingoverview .content-outer > #faq[data-nxp-theme='industrial'],
.trainingoverview .content-outer > #faq[data-nxp-theme='consumer'] {
  padding-top: 0px;
}

.content-outer > .band + *:not(.band):not(#faq[data-nxp-theme='automotive']):not(
#faq[data-nxp-theme='industrial']):not(
#faq[data-nxp-theme='consumer']), .content-outer > #faq[data-nxp-theme='automotive'] + *:not(.band):not(#faq[data-nxp-theme='automotive']):not(
#faq[data-nxp-theme='industrial']):not(
#faq[data-nxp-theme='consumer']), .content-outer > #faq[data-nxp-theme='industrial'] + *:not(.band):not(#faq[data-nxp-theme='automotive']):not(
#faq[data-nxp-theme='industrial']):not(
#faq[data-nxp-theme='consumer']), .content-outer > #faq[data-nxp-theme='consumer'] + *:not(.band):not(#faq[data-nxp-theme='automotive']):not(
#faq[data-nxp-theme='industrial']):not(
#faq[data-nxp-theme='consumer']) {
  margin-top: 3em;
}

hr.band, hr#faq[data-nxp-theme='automotive'],
hr#faq[data-nxp-theme='industrial'],
hr#faq[data-nxp-theme='consumer'] {
  min-height: 1px;
  background-color: var(--nxp-border-color) !important;
  border: none;
  overflow: visible;
}

dd {
  margin-left: 2em;
}

.img-caption {
  display: block;
  margin-bottom: 0;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

.img-caption:first-child {
  margin-bottom: 10px;
}

.img-caption:last-child {
  margin-top: s 10px;
}

.thumb, .collapse-mobile > a > img[src*='/logos-internal/'],
.collapse-mobile > a img[src*='/icons/'],
.collapse-mobile > a img[src*='placehold'] {
  float: left;
  padding: 0;
  margin: 0 0.75em 0.75em 0;
  border: 0;
}

.thumbp {
  padding: 0;
  margin: 0;
}

.thumbp .boxes {
  padding-left: 85px;
}

@media screen and (min-width: 768px) {
  .OverviewTabContent.InfoUnitContent > .iw_component:last-child {
    border-top: 1px solid #eee;
    margin-top: 2em;
  }
}

@media screen and (min-width: 768px) {
  .OverviewTabContent.InfoUnitContent > .iw_component:last-child {
    border-top: 1px solid #eee;
    margin-top: 2em;
  }
}

@media screen and (min-width: 768px) {
  .OverviewTabContent .collapse-mobile:not(.band-component) {
    margin-bottom: 1em;
  }
  .OverviewTabContent .collapse-mobile > h2:not(#features) {
    border-top: 1px solid #eee;
    padding-top: 2em;
    margin-top: 2em;
  }
}

@media screen and (min-width: 768px) {
  .OverviewTabContent .iw_component:not(.band-component) + .iw_component.band-component .collapse-mobile {
    padding-top: 2.7em;
  }
}

.OverviewTabContent:not(.WhatsNewContent) > .iw_component:last-of-type:not(.band-component) {
  margin-bottom: 2.7em;
}

@media screen and (min-width: 768px) {
  .OverviewTabContent.WhatsNewContent > .iw_component:last-of-type .collapse-mobile {
    margin-bottom: 0;
  }
}

.collapse-mobile {
  border: none;
}

.collapse-mobile > .padMe5 + .media > .media-left {
  display: block;
}

.collapse-mobile > .padMe5 + .media > .media-left img {
  float: left;
  margin: 0 0.75em 0.75em 0;
}

.collapse-mobile > .padMe5 + .media > .media-right {
  display: block;
}

.collapse-mobile > .padMe5 + .media > .media-right .boxes {
  padding-left: 85px;
}

#ahp-popup-inner .thumb, #ahp-popup-inner .collapse-mobile > a > img[src*='/logos-internal/'],
#ahp-popup-inner .collapse-mobile > a img[src*='/icons/'], .collapse-mobile > a #ahp-popup-inner img[src*='/icons/'],
#ahp-popup-inner .collapse-mobile > a img[src*='placehold'], .collapse-mobile > a #ahp-popup-inner img[src*='placehold'],
.ahp-popup-inner .thumb,
.ahp-popup-inner .collapse-mobile > a > img[src*='/logos-internal/'],
.ahp-popup-inner .collapse-mobile > a img[src*='/icons/'],
.collapse-mobile > a .ahp-popup-inner img[src*='/icons/'],
.ahp-popup-inner .collapse-mobile > a img[src*='placehold'],
.collapse-mobile > a .ahp-popup-inner img[src*='placehold'] {
  padding: 0 1em 1em 0;
}

.thumb[src$='58X64.jpg'] + .thumbp, .collapse-mobile > a > img[src$='58X64.jpg'][src*='/logos-internal/'] + .thumbp, .collapse-mobile > a img[src$='58X64.jpg'][src*='/icons/'] + .thumbp, .collapse-mobile > a img[src$='58X64.jpg'][src*='placehold'] + .thumbp {
  padding-left: 68px;
}

.iu div.featured a img.thumb, .iu div.featured .collapse-mobile > a > img[src*='/logos-internal/'],
.iu div.featured .collapse-mobile > a img[src*='/icons/'],
.iu div.featured .collapse-mobile > a img[src*='placehold'] {
  padding-right: 10px;
}

.simpleProductTable-cellIndent {
  padding-left: 2em !important;
}

.devTools-showGrid {
  background-color: rgba(100, 100, 200, 0.1);
  background-clip: content-box;
  border: 1px solid rgba(100, 100, 200, 0.25);
}

.overline {
  text-decoration: overline;
}

.taxoContainer {
  margin-left: -15px;
  margin-right: -15px;
}

nav.pull-right.share-icons {
  display: inline-flex;
}

nav.pull-right.share-icons a {
  padding: 5px;
}

.beforeUIchange {
  display: none;
  visibility: hidden;
}

.freescale_result_box #main_res .main-results img[src*='connect/images/logos'] {
  height: 80px;
  max-width: 80px;
  outline: 2px solid white;
  outline-offset: -1px;
}

.freescale_result_box #main_res .main-results img[src*='videos/thumbnail'] {
  height: 81px;
  max-width: 135px;
}

.component-wrapper {
  padding-top: 3em;
  padding-bottom: 3em;
}

.component-wrapper:empty {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .iw_component:not(:last-of-type) .collapse-mobile .component-wrapper {
    padding-bottom: 0;
  }
}

.has-component-divider {
  box-shadow: inset 0px 1px 0px var(--nxp-border-color);
}

.two-factor-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .two-factor-container {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .two-factor-container {
    width: 940px;
  }
}

@media (min-width: 1200px) {
  .two-factor-container {
    width: 1140px;
  }
}

.ctry {
  padding-left: 0;
  list-style: none;
}

.ctry > li {
  padding-left: 0;
}

.ctry a[name]:before {
  content: '';
  position: relative;
  display: block;
  width: 1px;
  height: 74px;
  margin-top: -74px;
}

.block-with-text,
.truncate-overflow {
  position: relative;
  max-height: 2.4em;
  overflow: hidden;
  line-height: 1.2em;
  padding-right: 1em;
  display: block;
}

.block-with-text:before,
.truncate-overflow:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.block-with-text:after,
.truncate-overflow:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.gate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
}

.gate-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 462px;
  padding: 0;
  color: #000000;
  text-align: center;
}

.gate-body .insignia {
  font-size: 16px;
}

.gate-body .insignia i {
  font-size: 16px;
}

.gate-body a {
  display: initial;
}

.gate-body > :last-child {
  margin-bottom: 0;
}

/* end ui-errata.scss */
h3.scrollCard-title ~ .scrollCard-group h3.media-flex-heading {
  font-size: 16px;
}

.card1-header .card1-subtitle:only-child {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

h5.item-title {
  font-size: 20px;
  font-weight: 600;
}

.megamenu-inner h5 {
  font-size: 16px;
}

h4.product-list-title {
  font-size: 20px;
  font-weight: 600;
}

body > .row {
  margin-right: 0;
  margin-left: 0;
}

h1#gethelp {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
}

#Support .h1.communityModule-title {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
}

.sp-guides .list-inline > span:first-child {
  padding-left: 5px;
}

.sp-guides .list-inline {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

ul.sp-guides .list-inline {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.sp-guides .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.sp-guides .list-inline li {
  margin-top: 6px;
  margin-bottom: 0;
}

.sp-guides .list-inline a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .sp-guides .list-inline a,
#part-details-app .sp-guides .list-inline a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .sp-guides .list-inline a:hover,
#part-details-app .sp-guides .list-inline a:hover {
  text-decoration: underline;
}

.key-topic h2.key-topic-title {
  font-size: 20px;
}

.table-striped .nxp-gray-light-text {
  color: var(--nxp-secondary-color) !important;
}

.section-lead + .primary-topic h2.primary-topic-title {
  font-size: 20px;
}

#registerPopDiv h1.text-center {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
}

#registerPopDiv h1.text-center ~ .row .col-xs-1.col-xs-offset-3.text-right.large {
  margin-left: 0;
  text-align: left;
}

#registerPopDiv h1.text-center ~ .row .col-xs-1.col-xs-offset-3.text-right.large + .col-xs-6 {
  width: 75%;
}

#registerPopDiv font[color='#fb810f'] {
  color: #bc0d0d;
}

#registerPopDiv .text-warning {
  color: #474645;
}

.bc > li a[href='/']:before,
.bc > li a[href$='nxp.com']:before {
  content: 'Home';
}

.bc > li a[href='/'] .icon-home,
.bc > li a[href$='nxp.com'] .icon-home {
  display: none;
}

.bc > li a[href$='/zh-Hans']:before {
  content: '主页';
}

.bc > li a[href$='/zh-Hans'] .icon-home {
  display: none;
}

.bc > li a[href$='/ja']:before {
  content: 'ホーム / クイック価格';
}

.bc > li a[href$='/ja'] .icon-home {
  display: none;
}

.bc .zh-icon a:before {
  content: '主页' !important;
}

.bc .ja-icon a:before {
  content: 'ホーム / クイック価格' !important;
}

.grouped-links a:hover {
  color: var(--nxp-link-hover-color) !important;
}

.sp-buy-actions a.btn.btn-sm, .sp-buy-actions .btn-group-sm > a.btn, .sp-buy-actions .btn-group-sm > a.nav-close, .sp-buy-actions a.btn-sm.nav-close {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.sp-buy-actions a.btn.btn-sm::before, .sp-buy-actions .btn-group-sm > a.btn::before, .sp-buy-actions .btn-group-sm > a.nav-close::before, .sp-buy-actions a.btn-sm.nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.sp-buy-actions a.btn.btn-sm:hover, .sp-buy-actions .btn-group-sm > a.btn:hover, .sp-buy-actions .btn-group-sm > a.nav-close:hover, .sp-buy-actions a.btn-sm.nav-close:hover, .sp-buy-actions a.btn.btn-sm.hover, .sp-buy-actions .btn-group-sm > a.btn.hover, .sp-buy-actions .btn-group-sm > a.hover.nav-close, .sp-buy-actions a.btn-sm.hover.nav-close {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.sp-buy-actions a.btn.btn-sm:hover::before, .sp-buy-actions .btn-group-sm > a.btn:hover::before, .sp-buy-actions .btn-group-sm > a.nav-close:hover::before, .sp-buy-actions a.btn-sm.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.hover::before, .sp-buy-actions .btn-group-sm > a.btn.hover::before, .sp-buy-actions .btn-group-sm > a.hover.nav-close::before, .sp-buy-actions a.btn-sm.hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.sp-buy-actions a.btn.btn-sm:focus, .sp-buy-actions .btn-group-sm > a.btn:focus, .sp-buy-actions .btn-group-sm > a.nav-close:focus, .sp-buy-actions a.btn-sm.nav-close:focus, .sp-buy-actions a.btn.btn-sm.focus, .sp-buy-actions .btn-group-sm > a.btn.focus, .sp-buy-actions .btn-group-sm > a.focus.nav-close, .sp-buy-actions a.btn-sm.focus.nav-close, .sp-buy-actions a.btn.btn-sm:active, .sp-buy-actions .btn-group-sm > a.btn:active, .sp-buy-actions .btn-group-sm > a.nav-close:active, .sp-buy-actions a.btn-sm.nav-close:active, .sp-buy-actions a.btn.btn-sm.active, .sp-buy-actions .btn-group-sm > a.btn.active, .sp-buy-actions .btn-group-sm > a.active.nav-close, .sp-buy-actions a.btn-sm.active.nav-close,
.open > .sp-buy-actions a.btn.btn-sm.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close,
.open > .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.sp-buy-actions a.btn.btn-sm:focus:hover, .sp-buy-actions .btn-group-sm > a.btn:focus:hover, .sp-buy-actions .btn-group-sm > a.nav-close:focus:hover, .sp-buy-actions a.btn-sm.nav-close:focus:hover, .sp-buy-actions a.btn.btn-sm.focus:hover, .sp-buy-actions .btn-group-sm > a.btn.focus:hover, .sp-buy-actions .btn-group-sm > a.focus.nav-close:hover, .sp-buy-actions a.btn-sm.focus.nav-close:hover, .sp-buy-actions a.btn.btn-sm:active:hover, .sp-buy-actions .btn-group-sm > a.btn:active:hover, .sp-buy-actions .btn-group-sm > a.nav-close:active:hover, .sp-buy-actions a.btn-sm.nav-close:active:hover, .sp-buy-actions a.btn.btn-sm.active:hover, .sp-buy-actions .btn-group-sm > a.btn.active:hover, .sp-buy-actions .btn-group-sm > a.active.nav-close:hover, .sp-buy-actions a.btn-sm.active.nav-close:hover,
.open > .sp-buy-actions a.btn.btn-sm.dropdown-toggle:hover,
.open > .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle:hover,
.open > .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close:hover,
.open > .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.sp-buy-actions a.btn.btn-sm:focus:hover::before, .sp-buy-actions .btn-group-sm > a.btn:focus:hover::before, .sp-buy-actions .btn-group-sm > a.nav-close:focus:hover::before, .sp-buy-actions a.btn-sm.nav-close:focus:hover::before, .sp-buy-actions a.btn.btn-sm.focus:hover::before, .sp-buy-actions .btn-group-sm > a.btn.focus:hover::before, .sp-buy-actions .btn-group-sm > a.focus.nav-close:hover::before, .sp-buy-actions a.btn-sm.focus.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm:active:hover::before, .sp-buy-actions .btn-group-sm > a.btn:active:hover::before, .sp-buy-actions .btn-group-sm > a.nav-close:active:hover::before, .sp-buy-actions a.btn-sm.nav-close:active:hover::before, .sp-buy-actions a.btn.btn-sm.active:hover::before, .sp-buy-actions .btn-group-sm > a.btn.active:hover::before, .sp-buy-actions .btn-group-sm > a.active.nav-close:hover::before, .sp-buy-actions a.btn-sm.active.nav-close:hover::before,
.open > .sp-buy-actions a.btn.btn-sm.dropdown-toggle:hover::before,
.open > .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle:hover::before,
.open > .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close:hover::before,
.open > .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.sp-buy-actions a.btn.btn-sm:active, .sp-buy-actions .btn-group-sm > a.btn:active, .sp-buy-actions .btn-group-sm > a.nav-close:active, .sp-buy-actions a.btn-sm.nav-close:active, .sp-buy-actions a.btn.btn-sm.active, .sp-buy-actions .btn-group-sm > a.btn.active, .sp-buy-actions .btn-group-sm > a.active.nav-close, .sp-buy-actions a.btn-sm.active.nav-close,
.open > .sp-buy-actions a.btn.btn-sm.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close,
.open > .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close {
  background: var(--nxp-btn-default-color);
}

.sp-buy-actions a.btn.btn-sm.disabled, .sp-buy-actions .btn-group-sm > a.btn.disabled, .sp-buy-actions .btn-group-sm > a.disabled.nav-close, .sp-buy-actions a.btn-sm.disabled.nav-close, .sp-buy-actions a.btn.btn-sm[disabled], .sp-buy-actions .btn-group-sm > a.btn[disabled], .sp-buy-actions .btn-group-sm > a.nav-close[disabled], .sp-buy-actions a.btn-sm.nav-close[disabled],
fieldset[disabled] .sp-buy-actions a.btn.btn-sm,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close {
  opacity: 0.7;
}

.sp-buy-actions a.btn.btn-sm.disabled:hover, .sp-buy-actions .btn-group-sm > a.btn.disabled:hover, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:hover, .sp-buy-actions a.btn-sm.disabled.nav-close:hover, .sp-buy-actions a.btn.btn-sm.disabled:focus, .sp-buy-actions .btn-group-sm > a.btn.disabled:focus, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:focus, .sp-buy-actions a.btn-sm.disabled.nav-close:focus, .sp-buy-actions a.btn.btn-sm.disabled:active, .sp-buy-actions .btn-group-sm > a.btn.disabled:active, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:active, .sp-buy-actions a.btn-sm.disabled.nav-close:active, .sp-buy-actions a.btn.btn-sm.disabled.focus, .sp-buy-actions .btn-group-sm > a.btn.disabled.focus, .sp-buy-actions .btn-group-sm > a.disabled.focus.nav-close, .sp-buy-actions a.btn-sm.disabled.focus.nav-close, .sp-buy-actions a.btn.btn-sm[disabled]:hover, .sp-buy-actions .btn-group-sm > a.btn[disabled]:hover, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:hover, .sp-buy-actions a.btn-sm.nav-close[disabled]:hover, .sp-buy-actions a.btn.btn-sm[disabled]:focus, .sp-buy-actions .btn-group-sm > a.btn[disabled]:focus, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:focus, .sp-buy-actions a.btn-sm.nav-close[disabled]:focus, .sp-buy-actions a.btn.btn-sm[disabled]:active, .sp-buy-actions .btn-group-sm > a.btn[disabled]:active, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:active, .sp-buy-actions a.btn-sm.nav-close[disabled]:active, .sp-buy-actions a.btn.btn-sm[disabled].focus, .sp-buy-actions .btn-group-sm > a.btn[disabled].focus, .sp-buy-actions .btn-group-sm > a.nav-close[disabled].focus, .sp-buy-actions a.btn-sm.nav-close[disabled].focus,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:hover,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:hover,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:hover,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:hover,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:focus,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:focus,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:active,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:active,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:active,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:active,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.focus.nav-close,
fieldset[disabled] .sp-buy-actions a.btn-sm.focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.sp-buy-actions a.btn.btn-sm.disabled:hover::before, .sp-buy-actions .btn-group-sm > a.btn.disabled:hover::before, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:hover::before, .sp-buy-actions a.btn-sm.disabled.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.disabled:focus::before, .sp-buy-actions .btn-group-sm > a.btn.disabled:focus::before, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:focus::before, .sp-buy-actions a.btn-sm.disabled.nav-close:focus::before, .sp-buy-actions a.btn.btn-sm.disabled:active::before, .sp-buy-actions .btn-group-sm > a.btn.disabled:active::before, .sp-buy-actions .btn-group-sm > a.disabled.nav-close:active::before, .sp-buy-actions a.btn-sm.disabled.nav-close:active::before, .sp-buy-actions a.btn.btn-sm.disabled.focus::before, .sp-buy-actions .btn-group-sm > a.btn.disabled.focus::before, .sp-buy-actions .btn-group-sm > a.disabled.focus.nav-close::before, .sp-buy-actions a.btn-sm.disabled.focus.nav-close::before, .sp-buy-actions a.btn.btn-sm[disabled]:hover::before, .sp-buy-actions .btn-group-sm > a.btn[disabled]:hover::before, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:hover::before, .sp-buy-actions a.btn-sm.nav-close[disabled]:hover::before, .sp-buy-actions a.btn.btn-sm[disabled]:focus::before, .sp-buy-actions .btn-group-sm > a.btn[disabled]:focus::before, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:focus::before, .sp-buy-actions a.btn-sm.nav-close[disabled]:focus::before, .sp-buy-actions a.btn.btn-sm[disabled]:active::before, .sp-buy-actions .btn-group-sm > a.btn[disabled]:active::before, .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:active::before, .sp-buy-actions a.btn-sm.nav-close[disabled]:active::before, .sp-buy-actions a.btn.btn-sm[disabled].focus::before, .sp-buy-actions .btn-group-sm > a.btn[disabled].focus::before, .sp-buy-actions .btn-group-sm > a.nav-close[disabled].focus::before, .sp-buy-actions a.btn-sm.nav-close[disabled].focus::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:hover::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:hover::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:hover::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:hover::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:focus::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:focus::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm:active::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn:active::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.nav-close:active::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.nav-close:active::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.focus.nav-close::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .sp-buy-actions a.btn.btn-sm, .dark .sp-buy-actions .btn-group-sm > a.btn, .dark .sp-buy-actions .btn-group-sm > a.nav-close, .dark .sp-buy-actions a.btn-sm.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn, .sp-buy-actions .btn-group-sm > a.btn.darkbtn, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close, .sp-buy-actions a.btn-sm.darkbtn.nav-close {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .sp-buy-actions a.btn.btn-sm::before, .dark .sp-buy-actions .btn-group-sm > a.btn::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close::before, .dark .sp-buy-actions a.btn-sm.nav-close::before, .sp-buy-actions a.btn.btn-sm.darkbtn::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .sp-buy-actions a.btn.btn-sm:hover, .dark .sp-buy-actions .btn-group-sm > a.btn:hover, .dark .sp-buy-actions .btn-group-sm > a.nav-close:hover, .dark .sp-buy-actions a.btn-sm.nav-close:hover, .dark .sp-buy-actions a.btn.btn-sm.hover, .dark .sp-buy-actions .btn-group-sm > a.btn.hover, .dark .sp-buy-actions .btn-group-sm > a.hover.nav-close, .dark .sp-buy-actions a.btn-sm.hover.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:hover, .sp-buy-actions a.btn-sm.darkbtn.nav-close:hover, .sp-buy-actions a.btn.btn-sm.darkbtn.hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.hover, .sp-buy-actions .btn-group-sm > a.darkbtn.hover.nav-close, .sp-buy-actions a.btn-sm.darkbtn.hover.nav-close {
  color: white;
  background-color: transparent;
}

.dark .sp-buy-actions a.btn.btn-sm:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn:hover::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close:hover::before, .dark .sp-buy-actions a.btn-sm.nav-close:hover::before, .dark .sp-buy-actions a.btn.btn-sm.hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn.hover::before, .dark .sp-buy-actions .btn-group-sm > a.hover.nav-close::before, .dark .sp-buy-actions a.btn-sm.hover.nav-close::before, .sp-buy-actions a.btn.btn-sm.darkbtn:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:hover::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn.hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.hover.nav-close::before, .sp-buy-actions a.btn-sm.darkbtn.hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .sp-buy-actions a.btn.btn-sm:focus, .dark .sp-buy-actions .btn-group-sm > a.btn:focus, .dark .sp-buy-actions .btn-group-sm > a.nav-close:focus, .dark .sp-buy-actions a.btn-sm.nav-close:focus, .dark .sp-buy-actions a.btn.btn-sm.focus, .dark .sp-buy-actions .btn-group-sm > a.btn.focus, .dark .sp-buy-actions .btn-group-sm > a.focus.nav-close, .dark .sp-buy-actions a.btn-sm.focus.nav-close, .dark .sp-buy-actions a.btn.btn-sm:active, .dark .sp-buy-actions .btn-group-sm > a.btn:active, .dark .sp-buy-actions .btn-group-sm > a.nav-close:active, .dark .sp-buy-actions a.btn-sm.nav-close:active, .dark .sp-buy-actions a.btn.btn-sm.active, .dark .sp-buy-actions .btn-group-sm > a.btn.active, .dark .sp-buy-actions .btn-group-sm > a.active.nav-close, .dark .sp-buy-actions a.btn-sm.active.nav-close,
.open > .dark .sp-buy-actions a.btn.btn-sm.dropdown-toggle,
.open > .dark .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle,
.open > .dark .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close,
.open > .dark .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn:focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:focus, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:focus, .sp-buy-actions a.btn-sm.darkbtn.nav-close:focus, .sp-buy-actions a.btn.btn-sm.darkbtn.focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.focus, .sp-buy-actions .btn-group-sm > a.darkbtn.focus.nav-close, .sp-buy-actions a.btn-sm.darkbtn.focus.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn:active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active, .sp-buy-actions a.btn-sm.darkbtn.nav-close:active, .sp-buy-actions a.btn.btn-sm.darkbtn.active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.active, .sp-buy-actions .btn-group-sm > a.darkbtn.active.nav-close, .sp-buy-actions a.btn-sm.darkbtn.active.nav-close,
.open > .sp-buy-actions a.btn.btn-sm.darkbtn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.btn.darkbtn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.darkbtn.dropdown-toggle.nav-close,
.open > .sp-buy-actions a.btn-sm.darkbtn.dropdown-toggle.nav-close {
  background-color: white !important;
  color: black;
}

.dark .sp-buy-actions a.btn.btn-sm:focus:hover, .dark .sp-buy-actions .btn-group-sm > a.btn:focus:hover, .dark .sp-buy-actions .btn-group-sm > a.nav-close:focus:hover, .dark .sp-buy-actions a.btn-sm.nav-close:focus:hover, .dark .sp-buy-actions a.btn.btn-sm.focus:hover, .dark .sp-buy-actions .btn-group-sm > a.btn.focus:hover, .dark .sp-buy-actions .btn-group-sm > a.focus.nav-close:hover, .dark .sp-buy-actions a.btn-sm.focus.nav-close:hover, .dark .sp-buy-actions a.btn.btn-sm:active:hover, .dark .sp-buy-actions .btn-group-sm > a.btn:active:hover, .dark .sp-buy-actions .btn-group-sm > a.nav-close:active:hover, .dark .sp-buy-actions a.btn-sm.nav-close:active:hover, .dark .sp-buy-actions a.btn.btn-sm.active:hover, .dark .sp-buy-actions .btn-group-sm > a.btn.active:hover, .dark .sp-buy-actions .btn-group-sm > a.active.nav-close:hover, .dark .sp-buy-actions a.btn-sm.active.nav-close:hover,
.open > .dark .sp-buy-actions a.btn.btn-sm.dropdown-toggle:hover,
.open > .dark .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle:hover,
.open > .dark .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close:hover,
.open > .dark .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close:hover, .sp-buy-actions a.btn.btn-sm.darkbtn:focus:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:focus:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:focus:hover, .sp-buy-actions a.btn-sm.darkbtn.nav-close:focus:hover, .sp-buy-actions a.btn.btn-sm.darkbtn.focus:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.focus:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.focus.nav-close:hover, .sp-buy-actions a.btn-sm.darkbtn.focus.nav-close:hover, .sp-buy-actions a.btn.btn-sm.darkbtn:active:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active:hover, .sp-buy-actions a.btn-sm.darkbtn.nav-close:active:hover, .sp-buy-actions a.btn.btn-sm.darkbtn.active:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.active:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.active.nav-close:hover, .sp-buy-actions a.btn-sm.darkbtn.active.nav-close:hover,
.open > .sp-buy-actions a.btn.btn-sm.darkbtn.dropdown-toggle:hover,
.open > .sp-buy-actions .btn-group-sm > a.btn.darkbtn.dropdown-toggle:hover,
.open > .sp-buy-actions .btn-group-sm > a.darkbtn.dropdown-toggle.nav-close:hover,
.open > .sp-buy-actions a.btn-sm.darkbtn.dropdown-toggle.nav-close:hover {
  background-color: white !important;
  color: black;
}

.dark .sp-buy-actions a.btn.btn-sm:focus:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn:focus:hover::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close:focus:hover::before, .dark .sp-buy-actions a.btn-sm.nav-close:focus:hover::before, .dark .sp-buy-actions a.btn.btn-sm.focus:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn.focus:hover::before, .dark .sp-buy-actions .btn-group-sm > a.focus.nav-close:hover::before, .dark .sp-buy-actions a.btn-sm.focus.nav-close:hover::before, .dark .sp-buy-actions a.btn.btn-sm:active:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn:active:hover::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close:active:hover::before, .dark .sp-buy-actions a.btn-sm.nav-close:active:hover::before, .dark .sp-buy-actions a.btn.btn-sm.active:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn.active:hover::before, .dark .sp-buy-actions .btn-group-sm > a.active.nav-close:hover::before, .dark .sp-buy-actions a.btn-sm.active.nav-close:hover::before,
.open > .dark .sp-buy-actions a.btn.btn-sm.dropdown-toggle:hover::before,
.open > .dark .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle:hover::before,
.open > .dark .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close:hover::before,
.open > .dark .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn:focus:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:focus:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:focus:hover::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close:focus:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn.focus:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.focus:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.focus.nav-close:hover::before, .sp-buy-actions a.btn-sm.darkbtn.focus.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn:active:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active:hover::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close:active:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn.active:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.active:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.active.nav-close:hover::before, .sp-buy-actions a.btn-sm.darkbtn.active.nav-close:hover::before,
.open > .sp-buy-actions a.btn.btn-sm.darkbtn.dropdown-toggle:hover::before,
.open > .sp-buy-actions .btn-group-sm > a.btn.darkbtn.dropdown-toggle:hover::before,
.open > .sp-buy-actions .btn-group-sm > a.darkbtn.dropdown-toggle.nav-close:hover::before,
.open > .sp-buy-actions a.btn-sm.darkbtn.dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.dark .sp-buy-actions a.btn.btn-sm:active, .dark .sp-buy-actions .btn-group-sm > a.btn:active, .dark .sp-buy-actions .btn-group-sm > a.nav-close:active, .dark .sp-buy-actions a.btn-sm.nav-close:active, .dark .sp-buy-actions a.btn.btn-sm.active, .dark .sp-buy-actions .btn-group-sm > a.btn.active, .dark .sp-buy-actions .btn-group-sm > a.active.nav-close, .dark .sp-buy-actions a.btn-sm.active.nav-close,
.open > .dark .sp-buy-actions a.btn.btn-sm.dropdown-toggle,
.open > .dark .sp-buy-actions .btn-group-sm > a.btn.dropdown-toggle,
.open > .dark .sp-buy-actions .btn-group-sm > a.dropdown-toggle.nav-close,
.open > .dark .sp-buy-actions a.btn-sm.dropdown-toggle.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn:active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active, .sp-buy-actions a.btn-sm.darkbtn.nav-close:active, .sp-buy-actions a.btn.btn-sm.darkbtn.active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.active, .sp-buy-actions .btn-group-sm > a.darkbtn.active.nav-close, .sp-buy-actions a.btn-sm.darkbtn.active.nav-close,
.open > .sp-buy-actions a.btn.btn-sm.darkbtn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.btn.darkbtn.dropdown-toggle,
.open > .sp-buy-actions .btn-group-sm > a.darkbtn.dropdown-toggle.nav-close,
.open > .sp-buy-actions a.btn-sm.darkbtn.dropdown-toggle.nav-close {
  background: white;
}

.dark .sp-buy-actions a.btn.btn-sm.disabled, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close, .dark .sp-buy-actions a.btn-sm.disabled.nav-close, .dark .sp-buy-actions a.btn.btn-sm[disabled], .dark .sp-buy-actions .btn-group-sm > a.btn[disabled], .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled], .dark .sp-buy-actions a.btn-sm.nav-close[disabled],
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled], .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled], .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled], .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled],
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close {
  opacity: 0.7;
}

.dark .sp-buy-actions a.btn.btn-sm.disabled:hover, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:hover, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:hover, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:hover, .dark .sp-buy-actions a.btn.btn-sm.disabled:focus, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:focus, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:focus, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:focus, .dark .sp-buy-actions a.btn.btn-sm.disabled:active, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:active, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:active, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:active, .dark .sp-buy-actions a.btn.btn-sm.disabled.focus, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled.focus, .dark .sp-buy-actions .btn-group-sm > a.disabled.focus.nav-close, .dark .sp-buy-actions a.btn-sm.disabled.focus.nav-close, .dark .sp-buy-actions a.btn.btn-sm[disabled]:hover, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:hover, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:hover, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:hover, .dark .sp-buy-actions a.btn.btn-sm[disabled]:focus, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:focus, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:focus, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:focus, .dark .sp-buy-actions a.btn.btn-sm[disabled]:active, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:active, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:active, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:active, .dark .sp-buy-actions a.btn.btn-sm[disabled].focus, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled].focus, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled].focus, .dark .sp-buy-actions a.btn-sm.nav-close[disabled].focus,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:hover,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:hover,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:hover,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:hover,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:focus,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:focus,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:focus,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:focus,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:active,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:active,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:active,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:active,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm.focus,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn.focus,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.focus.nav-close,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.focus.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:hover, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:hover, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:focus, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:focus, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:focus, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:active, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:active, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:active, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled.focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled.focus, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.focus.nav-close, .sp-buy-actions a.btn-sm.darkbtn.disabled.focus.nav-close, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:hover, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:hover, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:hover, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:hover, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:focus, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:focus, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:focus, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:active, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:active, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:active, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:active, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled].focus, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled].focus, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled].focus, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled].focus,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:hover,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:hover,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:hover,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:hover,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:focus,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:focus,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:active,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:active,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn.focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn.focus,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.focus.nav-close,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .sp-buy-actions a.btn.btn-sm.disabled:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:hover::before, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:hover::before, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:hover::before, .dark .sp-buy-actions a.btn.btn-sm.disabled:focus::before, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:focus::before, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:focus::before, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:focus::before, .dark .sp-buy-actions a.btn.btn-sm.disabled:active::before, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled:active::before, .dark .sp-buy-actions .btn-group-sm > a.disabled.nav-close:active::before, .dark .sp-buy-actions a.btn-sm.disabled.nav-close:active::before, .dark .sp-buy-actions a.btn.btn-sm.disabled.focus::before, .dark .sp-buy-actions .btn-group-sm > a.btn.disabled.focus::before, .dark .sp-buy-actions .btn-group-sm > a.disabled.focus.nav-close::before, .dark .sp-buy-actions a.btn-sm.disabled.focus.nav-close::before, .dark .sp-buy-actions a.btn.btn-sm[disabled]:hover::before, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:hover::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:hover::before, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:hover::before, .dark .sp-buy-actions a.btn.btn-sm[disabled]:focus::before, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:focus::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:focus::before, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:focus::before, .dark .sp-buy-actions a.btn.btn-sm[disabled]:active::before, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled]:active::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled]:active::before, .dark .sp-buy-actions a.btn-sm.nav-close[disabled]:active::before, .dark .sp-buy-actions a.btn.btn-sm[disabled].focus::before, .dark .sp-buy-actions .btn-group-sm > a.btn[disabled].focus::before, .dark .sp-buy-actions .btn-group-sm > a.nav-close[disabled].focus::before, .dark .sp-buy-actions a.btn-sm.nav-close[disabled].focus::before,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:hover::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:hover::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:hover::before,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:hover::before,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:focus::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:focus::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:focus::before,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:focus::before,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm:active::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn:active::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.nav-close:active::before,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.nav-close:active::before,
fieldset[disabled] .dark .sp-buy-actions a.btn.btn-sm.focus::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.btn.focus::before,
fieldset[disabled] .dark .sp-buy-actions .btn-group-sm > a.focus.nav-close::before,
fieldset[disabled] .dark .sp-buy-actions a.btn-sm.focus.nav-close::before, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:hover::before, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:focus::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:focus::before, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:focus::before, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:focus::before, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled:active::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled:active::before, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.nav-close:active::before, .sp-buy-actions a.btn-sm.darkbtn.disabled.nav-close:active::before, .sp-buy-actions a.btn.btn-sm.darkbtn.disabled.focus::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn.disabled.focus::before, .sp-buy-actions .btn-group-sm > a.darkbtn.disabled.focus.nav-close::before, .sp-buy-actions a.btn-sm.darkbtn.disabled.focus.nav-close::before, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:hover::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:hover::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:hover::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:hover::before, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:focus::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:focus::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:focus::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:focus::before, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled]:active::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled]:active::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled]:active::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled]:active::before, .sp-buy-actions a.btn.btn-sm.darkbtn[disabled].focus::before, .sp-buy-actions .btn-group-sm > a.btn.darkbtn[disabled].focus::before, .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close[disabled].focus::before, .sp-buy-actions a.btn-sm.darkbtn.nav-close[disabled].focus::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:hover::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:hover::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:hover::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:hover::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:focus::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:focus::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn:active::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn:active::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.nav-close:active::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.nav-close:active::before,
fieldset[disabled] .sp-buy-actions a.btn.btn-sm.darkbtn.focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.btn.darkbtn.focus::before,
fieldset[disabled] .sp-buy-actions .btn-group-sm > a.darkbtn.focus.nav-close::before,
fieldset[disabled] .sp-buy-actions a.btn-sm.darkbtn.focus.nav-close::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.sp-buy-details > ul {
  padding-left: 0;
  list-style: none;
}

.sp-buy-details > ul > li {
  padding-left: 0;
}

.sp-buy-options ul.col-md-5 {
  padding-left: 0;
  list-style: none;
  padding-left: 15px;
}

.sp-buy-options ul.col-md-5 > li {
  padding-left: 0;
}

.mpuMcu-heading {
  font-size: 20px;
}

.mrkMesTitle {
  font-size: 20px;
}

.htTitle {
  font-size: 20px;
}

#loginBlock .panel-heading h3.h2 {
  font-size: 20px;
}

.iw_component > .mb1 .display-3 {
  font-size: 40px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.iw_component > .mb1 + .overview.is-high-level .overview-intro {
  padding-top: 0;
  border-top: none;
}

.iw_component > .mb1 + .overview.is-high-level .overview-text h2 {
  font-size: 20px;
}

.iw_component > .mb1 + .overview.is-high-level .overview-media {
  order: 1;
}

h1 .icon-newtab,
.h1 .icon-newtab,
h2 .icon-newtab,
.h2 .icon-newtab,
h3 .icon-newtab,
.h3 .icon-newtab,
.box-opts .price .icon-newtab,
h4 .icon-newtab,
.h4 .icon-newtab,
.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .icon-newtab,
h5 .icon-newtab,
.h5 .icon-newtab,
h6 .icon-newtab,
.h6 .icon-newtab {
  position: relative;
  bottom: 1px;
  font-size: 66.6666666667%;
}

#partnerProfile .item-details h3 {
  font-size: 16px;
}

#flexera {
  padding-top: 30px;
  padding-bottom: 30px;
}

#flexera h3 {
  margin-top: 0;
}

#flexera .btn-gray-dark {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
}

#flexera .btn-gray-dark::before {
  display: none;
}

#flexera .btn-gray-dark:focus, #flexera .btn-gray-dark.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

#flexera .btn-gray-dark:focus::before, #flexera .btn-gray-dark.focus::before {
  display: none;
}

#flexera .btn-gray-dark:hover, #flexera .btn-gray-dark.hover {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

#flexera .btn-gray-dark:hover::before, #flexera .btn-gray-dark.hover::before {
  display: none;
}

#flexera .btn-gray-dark:active, #flexera .btn-gray-dark.active,
.open > #flexera .btn-gray-dark.dropdown-toggle {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

#flexera .btn-gray-dark:active:hover, #flexera .btn-gray-dark:active:focus, #flexera .btn-gray-dark:active.focus, #flexera .btn-gray-dark.active:hover, #flexera .btn-gray-dark.active:focus, #flexera .btn-gray-dark.active.focus,
.open > #flexera .btn-gray-dark.dropdown-toggle:hover,
.open > #flexera .btn-gray-dark.dropdown-toggle:focus,
.open > #flexera .btn-gray-dark.dropdown-toggle.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

#flexera .btn-gray-dark:active:hover::before, #flexera .btn-gray-dark:active:focus::before, #flexera .btn-gray-dark:active.focus::before, #flexera .btn-gray-dark.active:hover::before, #flexera .btn-gray-dark.active:focus::before, #flexera .btn-gray-dark.active.focus::before,
.open > #flexera .btn-gray-dark.dropdown-toggle:hover::before,
.open > #flexera .btn-gray-dark.dropdown-toggle:focus::before,
.open > #flexera .btn-gray-dark.dropdown-toggle.focus::before {
  display: none;
}

#flexera .btn-gray-dark:active, #flexera .btn-gray-dark.active,
.open > #flexera .btn-gray-dark.dropdown-toggle {
  background-image: none;
}

#flexera .btn-gray-dark.disabled, #flexera .btn-gray-dark[disabled],
fieldset[disabled] #flexera .btn-gray-dark {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

#flexera .btn-gray-dark.disabled:hover, #flexera .btn-gray-dark.disabled:focus, #flexera .btn-gray-dark.disabled.focus, #flexera .btn-gray-dark[disabled]:hover, #flexera .btn-gray-dark[disabled]:focus, #flexera .btn-gray-dark[disabled].focus,
fieldset[disabled] #flexera .btn-gray-dark:hover,
fieldset[disabled] #flexera .btn-gray-dark:focus,
fieldset[disabled] #flexera .btn-gray-dark.focus {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

#flexera .btn-gray-dark .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark #flexera .btn-gray-dark, #flexera .btn-gray-dark.darkbtn {
  color: black;
  background-color: white;
  border-color: white;
}

.dark #flexera .btn-gray-dark::before, #flexera .btn-gray-dark.darkbtn::before {
  display: none;
}

.dark #flexera .btn-gray-dark:focus, .dark #flexera .btn-gray-dark.focus, #flexera .btn-gray-dark.darkbtn:focus, #flexera .btn-gray-dark.darkbtn.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark #flexera .btn-gray-dark:focus::before, .dark #flexera .btn-gray-dark.focus::before, #flexera .btn-gray-dark.darkbtn:focus::before, #flexera .btn-gray-dark.darkbtn.focus::before {
  display: none;
}

.dark #flexera .btn-gray-dark:hover, .dark #flexera .btn-gray-dark.hover, #flexera .btn-gray-dark.darkbtn:hover, #flexera .btn-gray-dark.darkbtn.hover {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark #flexera .btn-gray-dark:hover::before, .dark #flexera .btn-gray-dark.hover::before, #flexera .btn-gray-dark.darkbtn:hover::before, #flexera .btn-gray-dark.darkbtn.hover::before {
  display: none;
}

.dark #flexera .btn-gray-dark:active, .dark #flexera .btn-gray-dark.active,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle, #flexera .btn-gray-dark.darkbtn:active, #flexera .btn-gray-dark.darkbtn.active,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark #flexera .btn-gray-dark:active:hover, .dark #flexera .btn-gray-dark:active:focus, .dark #flexera .btn-gray-dark:active.focus, .dark #flexera .btn-gray-dark.active:hover, .dark #flexera .btn-gray-dark.active:focus, .dark #flexera .btn-gray-dark.active.focus,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle:hover,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle:focus,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle.focus, #flexera .btn-gray-dark.darkbtn:active:hover, #flexera .btn-gray-dark.darkbtn:active:focus, #flexera .btn-gray-dark.darkbtn:active.focus, #flexera .btn-gray-dark.darkbtn.active:hover, #flexera .btn-gray-dark.darkbtn.active:focus, #flexera .btn-gray-dark.darkbtn.active.focus,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle:hover,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle:focus,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark #flexera .btn-gray-dark:active:hover::before, .dark #flexera .btn-gray-dark:active:focus::before, .dark #flexera .btn-gray-dark:active.focus::before, .dark #flexera .btn-gray-dark.active:hover::before, .dark #flexera .btn-gray-dark.active:focus::before, .dark #flexera .btn-gray-dark.active.focus::before,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle:hover::before,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle:focus::before,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle.focus::before, #flexera .btn-gray-dark.darkbtn:active:hover::before, #flexera .btn-gray-dark.darkbtn:active:focus::before, #flexera .btn-gray-dark.darkbtn:active.focus::before, #flexera .btn-gray-dark.darkbtn.active:hover::before, #flexera .btn-gray-dark.darkbtn.active:focus::before, #flexera .btn-gray-dark.darkbtn.active.focus::before,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle:hover::before,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle:focus::before,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle.focus::before {
  display: none;
}

.dark #flexera .btn-gray-dark:active, .dark #flexera .btn-gray-dark.active,
.open > .dark #flexera .btn-gray-dark.dropdown-toggle, #flexera .btn-gray-dark.darkbtn:active, #flexera .btn-gray-dark.darkbtn.active,
.open > #flexera .btn-gray-dark.darkbtn.dropdown-toggle {
  background-image: none;
}

.dark #flexera .btn-gray-dark.disabled, .dark #flexera .btn-gray-dark[disabled],
fieldset[disabled] .dark #flexera .btn-gray-dark, #flexera .btn-gray-dark.darkbtn.disabled, #flexera .btn-gray-dark.darkbtn[disabled],
fieldset[disabled] #flexera .btn-gray-dark.darkbtn {
  background-color: #898683;
  border-color: #898683;
}

.dark #flexera .btn-gray-dark.disabled:hover, .dark #flexera .btn-gray-dark.disabled:focus, .dark #flexera .btn-gray-dark.disabled.focus, .dark #flexera .btn-gray-dark[disabled]:hover, .dark #flexera .btn-gray-dark[disabled]:focus, .dark #flexera .btn-gray-dark[disabled].focus,
fieldset[disabled] .dark #flexera .btn-gray-dark:hover,
fieldset[disabled] .dark #flexera .btn-gray-dark:focus,
fieldset[disabled] .dark #flexera .btn-gray-dark.focus, #flexera .btn-gray-dark.darkbtn.disabled:hover, #flexera .btn-gray-dark.darkbtn.disabled:focus, #flexera .btn-gray-dark.darkbtn.disabled.focus, #flexera .btn-gray-dark.darkbtn[disabled]:hover, #flexera .btn-gray-dark.darkbtn[disabled]:focus, #flexera .btn-gray-dark.darkbtn[disabled].focus,
fieldset[disabled] #flexera .btn-gray-dark.darkbtn:hover,
fieldset[disabled] #flexera .btn-gray-dark.darkbtn:focus,
fieldset[disabled] #flexera .btn-gray-dark.darkbtn.focus {
  background-color: #898683;
  border-color: #898683;
}

.dark #flexera .btn-gray-dark .badge, #flexera .btn-gray-dark.darkbtn .badge {
  color: white;
  background-color: black;
}

.recSoftTools-action .btn-gray-dark {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.recSoftTools-action .btn-gray-dark::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.recSoftTools-action .btn-gray-dark:hover, .recSoftTools-action .btn-gray-dark.hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.recSoftTools-action .btn-gray-dark:hover::before, .recSoftTools-action .btn-gray-dark.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.recSoftTools-action .btn-gray-dark:focus, .recSoftTools-action .btn-gray-dark.focus, .recSoftTools-action .btn-gray-dark:active, .recSoftTools-action .btn-gray-dark.active,
.open > .recSoftTools-action .btn-gray-dark.dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.recSoftTools-action .btn-gray-dark:focus:hover, .recSoftTools-action .btn-gray-dark.focus:hover, .recSoftTools-action .btn-gray-dark:active:hover, .recSoftTools-action .btn-gray-dark.active:hover,
.open > .recSoftTools-action .btn-gray-dark.dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.recSoftTools-action .btn-gray-dark:focus:hover::before, .recSoftTools-action .btn-gray-dark.focus:hover::before, .recSoftTools-action .btn-gray-dark:active:hover::before, .recSoftTools-action .btn-gray-dark.active:hover::before,
.open > .recSoftTools-action .btn-gray-dark.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.recSoftTools-action .btn-gray-dark:active, .recSoftTools-action .btn-gray-dark.active,
.open > .recSoftTools-action .btn-gray-dark.dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

.recSoftTools-action .btn-gray-dark.disabled, .recSoftTools-action .btn-gray-dark[disabled],
fieldset[disabled] .recSoftTools-action .btn-gray-dark {
  opacity: 0.7;
}

.recSoftTools-action .btn-gray-dark.disabled:hover, .recSoftTools-action .btn-gray-dark.disabled:focus, .recSoftTools-action .btn-gray-dark.disabled:active, .recSoftTools-action .btn-gray-dark.disabled.focus, .recSoftTools-action .btn-gray-dark[disabled]:hover, .recSoftTools-action .btn-gray-dark[disabled]:focus, .recSoftTools-action .btn-gray-dark[disabled]:active, .recSoftTools-action .btn-gray-dark[disabled].focus,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:hover,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:focus,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:active,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.recSoftTools-action .btn-gray-dark.disabled:hover::before, .recSoftTools-action .btn-gray-dark.disabled:focus::before, .recSoftTools-action .btn-gray-dark.disabled:active::before, .recSoftTools-action .btn-gray-dark.disabled.focus::before, .recSoftTools-action .btn-gray-dark[disabled]:hover::before, .recSoftTools-action .btn-gray-dark[disabled]:focus::before, .recSoftTools-action .btn-gray-dark[disabled]:active::before, .recSoftTools-action .btn-gray-dark[disabled].focus::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:hover::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:focus::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark:active::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .recSoftTools-action .btn-gray-dark, .recSoftTools-action .btn-gray-dark.darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .recSoftTools-action .btn-gray-dark::before, .recSoftTools-action .btn-gray-dark.darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .recSoftTools-action .btn-gray-dark:hover, .dark .recSoftTools-action .btn-gray-dark.hover, .recSoftTools-action .btn-gray-dark.darkbtn:hover, .recSoftTools-action .btn-gray-dark.darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark .recSoftTools-action .btn-gray-dark:hover::before, .dark .recSoftTools-action .btn-gray-dark.hover::before, .recSoftTools-action .btn-gray-dark.darkbtn:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .recSoftTools-action .btn-gray-dark:focus, .dark .recSoftTools-action .btn-gray-dark.focus, .dark .recSoftTools-action .btn-gray-dark:active, .dark .recSoftTools-action .btn-gray-dark.active,
.open > .dark .recSoftTools-action .btn-gray-dark.dropdown-toggle, .recSoftTools-action .btn-gray-dark.darkbtn:focus, .recSoftTools-action .btn-gray-dark.darkbtn.focus, .recSoftTools-action .btn-gray-dark.darkbtn:active, .recSoftTools-action .btn-gray-dark.darkbtn.active,
.open > .recSoftTools-action .btn-gray-dark.darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark .recSoftTools-action .btn-gray-dark:focus:hover, .dark .recSoftTools-action .btn-gray-dark.focus:hover, .dark .recSoftTools-action .btn-gray-dark:active:hover, .dark .recSoftTools-action .btn-gray-dark.active:hover,
.open > .dark .recSoftTools-action .btn-gray-dark.dropdown-toggle:hover, .recSoftTools-action .btn-gray-dark.darkbtn:focus:hover, .recSoftTools-action .btn-gray-dark.darkbtn.focus:hover, .recSoftTools-action .btn-gray-dark.darkbtn:active:hover, .recSoftTools-action .btn-gray-dark.darkbtn.active:hover,
.open > .recSoftTools-action .btn-gray-dark.darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark .recSoftTools-action .btn-gray-dark:focus:hover::before, .dark .recSoftTools-action .btn-gray-dark.focus:hover::before, .dark .recSoftTools-action .btn-gray-dark:active:hover::before, .dark .recSoftTools-action .btn-gray-dark.active:hover::before,
.open > .dark .recSoftTools-action .btn-gray-dark.dropdown-toggle:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn:focus:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn.focus:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn:active:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn.active:hover::before,
.open > .recSoftTools-action .btn-gray-dark.darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark .recSoftTools-action .btn-gray-dark:active, .dark .recSoftTools-action .btn-gray-dark.active,
.open > .dark .recSoftTools-action .btn-gray-dark.dropdown-toggle, .recSoftTools-action .btn-gray-dark.darkbtn:active, .recSoftTools-action .btn-gray-dark.darkbtn.active,
.open > .recSoftTools-action .btn-gray-dark.darkbtn.dropdown-toggle {
  background: white;
}

.dark .recSoftTools-action .btn-gray-dark.disabled, .dark .recSoftTools-action .btn-gray-dark[disabled],
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark, .recSoftTools-action .btn-gray-dark.darkbtn.disabled, .recSoftTools-action .btn-gray-dark.darkbtn[disabled],
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn {
  opacity: 0.7;
}

.dark .recSoftTools-action .btn-gray-dark.disabled:hover, .dark .recSoftTools-action .btn-gray-dark.disabled:focus, .dark .recSoftTools-action .btn-gray-dark.disabled:active, .dark .recSoftTools-action .btn-gray-dark.disabled.focus, .dark .recSoftTools-action .btn-gray-dark[disabled]:hover, .dark .recSoftTools-action .btn-gray-dark[disabled]:focus, .dark .recSoftTools-action .btn-gray-dark[disabled]:active, .dark .recSoftTools-action .btn-gray-dark[disabled].focus,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:hover,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:focus,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:active,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark.focus, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:hover, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:focus, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:active, .recSoftTools-action .btn-gray-dark.darkbtn.disabled.focus, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:hover, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:focus, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:active, .recSoftTools-action .btn-gray-dark.darkbtn[disabled].focus,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:hover,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:focus,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:active,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .recSoftTools-action .btn-gray-dark.disabled:hover::before, .dark .recSoftTools-action .btn-gray-dark.disabled:focus::before, .dark .recSoftTools-action .btn-gray-dark.disabled:active::before, .dark .recSoftTools-action .btn-gray-dark.disabled.focus::before, .dark .recSoftTools-action .btn-gray-dark[disabled]:hover::before, .dark .recSoftTools-action .btn-gray-dark[disabled]:focus::before, .dark .recSoftTools-action .btn-gray-dark[disabled]:active::before, .dark .recSoftTools-action .btn-gray-dark[disabled].focus::before,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:hover::before,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:focus::before,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark:active::before,
fieldset[disabled] .dark .recSoftTools-action .btn-gray-dark.focus::before, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:focus::before, .recSoftTools-action .btn-gray-dark.darkbtn.disabled:active::before, .recSoftTools-action .btn-gray-dark.darkbtn.disabled.focus::before, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:hover::before, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:focus::before, .recSoftTools-action .btn-gray-dark.darkbtn[disabled]:active::before, .recSoftTools-action .btn-gray-dark.darkbtn[disabled].focus::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:hover::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:focus::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn:active::before,
fieldset[disabled] .recSoftTools-action .btn-gray-dark.darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.panel-simple .panel-heading {
  padding: 30px;
  padding-bottom: 0;
}

.panel-simple .panel-heading > :last-child {
  margin-bottom: 0;
}

.panel-simple .panel-title {
  font-size: 20px;
}

.panel-simple .panel-title:not(:last-child) {
  margin-bottom: 10px;
}

.panel-simple .panel-body {
  padding: 30px;
}

.panel-simple .panel-footer {
  padding: 30px;
  padding-top: 0;
}

.subscription-list {
  padding-left: 0;
  list-style: none;
  font-size: 14px;
}

.subscription-list > li {
  padding-left: 0;
}

.supported-dev-tree-wrapper .subscription-list {
  font-size: 16px;
}

.subscription-list > li {
  margin-bottom: 0;
}

.subscription-list ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding-left: 26px;
}

.subscription-list ul > li {
  padding-left: 0;
}

.subscription-list-item {
  display: flex;
  align-items: center;
}

.subscription-list-item .access {
  display: block;
  padding-left: 0px;
  font-size: 12px;
  color: #64798a;
}

.subscription-list-item .access-checkbox {
  font-size: 12px;
  color: #64798a;
  align-content: center;
  display: grid;
}

.subscription-list-item > .checkbox:only-child {
  padding-left: 33px;
}

.subscription-list .btn, .subscription-list .nav-close {
  margin-right: 5px;
}

.subscription-list .btn[aria-expanded='true'], .subscription-list .nav-close[aria-expanded='true'] {
  transform: rotate(90deg);
}

.subscription-list .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.chemical-content-search .btn-1 {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.chemical-content-search .btn-1::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.chemical-content-search .btn-1:hover, .chemical-content-search .btn-1.hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.chemical-content-search .btn-1:hover::before, .chemical-content-search .btn-1.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.chemical-content-search .btn-1:focus, .chemical-content-search .btn-1.focus, .chemical-content-search .btn-1:active, .chemical-content-search .btn-1.active,
.open > .chemical-content-search .btn-1.dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.chemical-content-search .btn-1:focus:hover, .chemical-content-search .btn-1.focus:hover, .chemical-content-search .btn-1:active:hover, .chemical-content-search .btn-1.active:hover,
.open > .chemical-content-search .btn-1.dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.chemical-content-search .btn-1:focus:hover::before, .chemical-content-search .btn-1.focus:hover::before, .chemical-content-search .btn-1:active:hover::before, .chemical-content-search .btn-1.active:hover::before,
.open > .chemical-content-search .btn-1.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.chemical-content-search .btn-1:active, .chemical-content-search .btn-1.active,
.open > .chemical-content-search .btn-1.dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

.chemical-content-search .btn-1.disabled, .chemical-content-search .btn-1[disabled],
fieldset[disabled] .chemical-content-search .btn-1 {
  opacity: 0.7;
}

.chemical-content-search .btn-1.disabled:hover, .chemical-content-search .btn-1.disabled:focus, .chemical-content-search .btn-1.disabled:active, .chemical-content-search .btn-1.disabled.focus, .chemical-content-search .btn-1[disabled]:hover, .chemical-content-search .btn-1[disabled]:focus, .chemical-content-search .btn-1[disabled]:active, .chemical-content-search .btn-1[disabled].focus,
fieldset[disabled] .chemical-content-search .btn-1:hover,
fieldset[disabled] .chemical-content-search .btn-1:focus,
fieldset[disabled] .chemical-content-search .btn-1:active,
fieldset[disabled] .chemical-content-search .btn-1.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.chemical-content-search .btn-1.disabled:hover::before, .chemical-content-search .btn-1.disabled:focus::before, .chemical-content-search .btn-1.disabled:active::before, .chemical-content-search .btn-1.disabled.focus::before, .chemical-content-search .btn-1[disabled]:hover::before, .chemical-content-search .btn-1[disabled]:focus::before, .chemical-content-search .btn-1[disabled]:active::before, .chemical-content-search .btn-1[disabled].focus::before,
fieldset[disabled] .chemical-content-search .btn-1:hover::before,
fieldset[disabled] .chemical-content-search .btn-1:focus::before,
fieldset[disabled] .chemical-content-search .btn-1:active::before,
fieldset[disabled] .chemical-content-search .btn-1.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .chemical-content-search .btn-1, .chemical-content-search .btn-1.darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .chemical-content-search .btn-1::before, .chemical-content-search .btn-1.darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .chemical-content-search .btn-1:hover, .dark .chemical-content-search .btn-1.hover, .chemical-content-search .btn-1.darkbtn:hover, .chemical-content-search .btn-1.darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark .chemical-content-search .btn-1:hover::before, .dark .chemical-content-search .btn-1.hover::before, .chemical-content-search .btn-1.darkbtn:hover::before, .chemical-content-search .btn-1.darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .chemical-content-search .btn-1:focus, .dark .chemical-content-search .btn-1.focus, .dark .chemical-content-search .btn-1:active, .dark .chemical-content-search .btn-1.active,
.open > .dark .chemical-content-search .btn-1.dropdown-toggle, .chemical-content-search .btn-1.darkbtn:focus, .chemical-content-search .btn-1.darkbtn.focus, .chemical-content-search .btn-1.darkbtn:active, .chemical-content-search .btn-1.darkbtn.active,
.open > .chemical-content-search .btn-1.darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark .chemical-content-search .btn-1:focus:hover, .dark .chemical-content-search .btn-1.focus:hover, .dark .chemical-content-search .btn-1:active:hover, .dark .chemical-content-search .btn-1.active:hover,
.open > .dark .chemical-content-search .btn-1.dropdown-toggle:hover, .chemical-content-search .btn-1.darkbtn:focus:hover, .chemical-content-search .btn-1.darkbtn.focus:hover, .chemical-content-search .btn-1.darkbtn:active:hover, .chemical-content-search .btn-1.darkbtn.active:hover,
.open > .chemical-content-search .btn-1.darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark .chemical-content-search .btn-1:focus:hover::before, .dark .chemical-content-search .btn-1.focus:hover::before, .dark .chemical-content-search .btn-1:active:hover::before, .dark .chemical-content-search .btn-1.active:hover::before,
.open > .dark .chemical-content-search .btn-1.dropdown-toggle:hover::before, .chemical-content-search .btn-1.darkbtn:focus:hover::before, .chemical-content-search .btn-1.darkbtn.focus:hover::before, .chemical-content-search .btn-1.darkbtn:active:hover::before, .chemical-content-search .btn-1.darkbtn.active:hover::before,
.open > .chemical-content-search .btn-1.darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark .chemical-content-search .btn-1:active, .dark .chemical-content-search .btn-1.active,
.open > .dark .chemical-content-search .btn-1.dropdown-toggle, .chemical-content-search .btn-1.darkbtn:active, .chemical-content-search .btn-1.darkbtn.active,
.open > .chemical-content-search .btn-1.darkbtn.dropdown-toggle {
  background: white;
}

.dark .chemical-content-search .btn-1.disabled, .dark .chemical-content-search .btn-1[disabled],
fieldset[disabled] .dark .chemical-content-search .btn-1, .chemical-content-search .btn-1.darkbtn.disabled, .chemical-content-search .btn-1.darkbtn[disabled],
fieldset[disabled] .chemical-content-search .btn-1.darkbtn {
  opacity: 0.7;
}

.dark .chemical-content-search .btn-1.disabled:hover, .dark .chemical-content-search .btn-1.disabled:focus, .dark .chemical-content-search .btn-1.disabled:active, .dark .chemical-content-search .btn-1.disabled.focus, .dark .chemical-content-search .btn-1[disabled]:hover, .dark .chemical-content-search .btn-1[disabled]:focus, .dark .chemical-content-search .btn-1[disabled]:active, .dark .chemical-content-search .btn-1[disabled].focus,
fieldset[disabled] .dark .chemical-content-search .btn-1:hover,
fieldset[disabled] .dark .chemical-content-search .btn-1:focus,
fieldset[disabled] .dark .chemical-content-search .btn-1:active,
fieldset[disabled] .dark .chemical-content-search .btn-1.focus, .chemical-content-search .btn-1.darkbtn.disabled:hover, .chemical-content-search .btn-1.darkbtn.disabled:focus, .chemical-content-search .btn-1.darkbtn.disabled:active, .chemical-content-search .btn-1.darkbtn.disabled.focus, .chemical-content-search .btn-1.darkbtn[disabled]:hover, .chemical-content-search .btn-1.darkbtn[disabled]:focus, .chemical-content-search .btn-1.darkbtn[disabled]:active, .chemical-content-search .btn-1.darkbtn[disabled].focus,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:hover,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:focus,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:active,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .chemical-content-search .btn-1.disabled:hover::before, .dark .chemical-content-search .btn-1.disabled:focus::before, .dark .chemical-content-search .btn-1.disabled:active::before, .dark .chemical-content-search .btn-1.disabled.focus::before, .dark .chemical-content-search .btn-1[disabled]:hover::before, .dark .chemical-content-search .btn-1[disabled]:focus::before, .dark .chemical-content-search .btn-1[disabled]:active::before, .dark .chemical-content-search .btn-1[disabled].focus::before,
fieldset[disabled] .dark .chemical-content-search .btn-1:hover::before,
fieldset[disabled] .dark .chemical-content-search .btn-1:focus::before,
fieldset[disabled] .dark .chemical-content-search .btn-1:active::before,
fieldset[disabled] .dark .chemical-content-search .btn-1.focus::before, .chemical-content-search .btn-1.darkbtn.disabled:hover::before, .chemical-content-search .btn-1.darkbtn.disabled:focus::before, .chemical-content-search .btn-1.darkbtn.disabled:active::before, .chemical-content-search .btn-1.darkbtn.disabled.focus::before, .chemical-content-search .btn-1.darkbtn[disabled]:hover::before, .chemical-content-search .btn-1.darkbtn[disabled]:focus::before, .chemical-content-search .btn-1.darkbtn[disabled]:active::before, .chemical-content-search .btn-1.darkbtn[disabled].focus::before,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:hover::before,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:focus::before,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn:active::before,
fieldset[disabled] .chemical-content-search .btn-1.darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.chemical-content-search .disclaimer {
  font-style: italic;
  color: var(--nxp-secondary-color);
}

[class='btn'] {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

[class='btn']::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

[class='btn']:hover, [class='btn'].hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

[class='btn']:hover::before, [class='btn'].hover::before {
  background-position: 0% center;
  padding: 2px;
}

[class='btn']:focus, [class='btn'].focus, [class='btn']:active, [class='btn'].active,
.open > [class='btn'].dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

[class='btn']:focus:hover, [class='btn'].focus:hover, [class='btn']:active:hover, [class='btn'].active:hover,
.open > [class='btn'].dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

[class='btn']:focus:hover::before, [class='btn'].focus:hover::before, [class='btn']:active:hover::before, [class='btn'].active:hover::before,
.open > [class='btn'].dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

[class='btn']:active, [class='btn'].active,
.open > [class='btn'].dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

[class='btn'].disabled, [class='btn'][disabled],
fieldset[disabled] [class='btn'] {
  opacity: 0.7;
}

[class='btn'].disabled:hover, [class='btn'].disabled:focus, [class='btn'].disabled:active, [class='btn'].disabled.focus, [class='btn'][disabled]:hover, [class='btn'][disabled]:focus, [class='btn'][disabled]:active, [class='btn'][disabled].focus,
fieldset[disabled] [class='btn']:hover,
fieldset[disabled] [class='btn']:focus,
fieldset[disabled] [class='btn']:active,
fieldset[disabled] [class='btn'].focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

[class='btn'].disabled:hover::before, [class='btn'].disabled:focus::before, [class='btn'].disabled:active::before, [class='btn'].disabled.focus::before, [class='btn'][disabled]:hover::before, [class='btn'][disabled]:focus::before, [class='btn'][disabled]:active::before, [class='btn'][disabled].focus::before,
fieldset[disabled] [class='btn']:hover::before,
fieldset[disabled] [class='btn']:focus::before,
fieldset[disabled] [class='btn']:active::before,
fieldset[disabled] [class='btn'].focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark [class='btn'], [class='btn'].darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark [class='btn']::before, [class='btn'].darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark [class='btn']:hover, .dark [class='btn'].hover, [class='btn'].darkbtn:hover, [class='btn'].darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark [class='btn']:hover::before, .dark [class='btn'].hover::before, [class='btn'].darkbtn:hover::before, [class='btn'].darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark [class='btn']:focus, .dark [class='btn'].focus, .dark [class='btn']:active, .dark [class='btn'].active,
.open > .dark [class='btn'].dropdown-toggle, [class='btn'].darkbtn:focus, [class='btn'].darkbtn.focus, [class='btn'].darkbtn:active, [class='btn'].darkbtn.active,
.open > [class='btn'].darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark [class='btn']:focus:hover, .dark [class='btn'].focus:hover, .dark [class='btn']:active:hover, .dark [class='btn'].active:hover,
.open > .dark [class='btn'].dropdown-toggle:hover, [class='btn'].darkbtn:focus:hover, [class='btn'].darkbtn.focus:hover, [class='btn'].darkbtn:active:hover, [class='btn'].darkbtn.active:hover,
.open > [class='btn'].darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark [class='btn']:focus:hover::before, .dark [class='btn'].focus:hover::before, .dark [class='btn']:active:hover::before, .dark [class='btn'].active:hover::before,
.open > .dark [class='btn'].dropdown-toggle:hover::before, [class='btn'].darkbtn:focus:hover::before, [class='btn'].darkbtn.focus:hover::before, [class='btn'].darkbtn:active:hover::before, [class='btn'].darkbtn.active:hover::before,
.open > [class='btn'].darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark [class='btn']:active, .dark [class='btn'].active,
.open > .dark [class='btn'].dropdown-toggle, [class='btn'].darkbtn:active, [class='btn'].darkbtn.active,
.open > [class='btn'].darkbtn.dropdown-toggle {
  background: white;
}

.dark [class='btn'].disabled, .dark [class='btn'][disabled],
fieldset[disabled] .dark [class='btn'], [class='btn'].darkbtn.disabled, [class='btn'].darkbtn[disabled],
fieldset[disabled] [class='btn'].darkbtn {
  opacity: 0.7;
}

.dark [class='btn'].disabled:hover, .dark [class='btn'].disabled:focus, .dark [class='btn'].disabled:active, .dark [class='btn'].disabled.focus, .dark [class='btn'][disabled]:hover, .dark [class='btn'][disabled]:focus, .dark [class='btn'][disabled]:active, .dark [class='btn'][disabled].focus,
fieldset[disabled] .dark [class='btn']:hover,
fieldset[disabled] .dark [class='btn']:focus,
fieldset[disabled] .dark [class='btn']:active,
fieldset[disabled] .dark [class='btn'].focus, [class='btn'].darkbtn.disabled:hover, [class='btn'].darkbtn.disabled:focus, [class='btn'].darkbtn.disabled:active, [class='btn'].darkbtn.disabled.focus, [class='btn'].darkbtn[disabled]:hover, [class='btn'].darkbtn[disabled]:focus, [class='btn'].darkbtn[disabled]:active, [class='btn'].darkbtn[disabled].focus,
fieldset[disabled] [class='btn'].darkbtn:hover,
fieldset[disabled] [class='btn'].darkbtn:focus,
fieldset[disabled] [class='btn'].darkbtn:active,
fieldset[disabled] [class='btn'].darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark [class='btn'].disabled:hover::before, .dark [class='btn'].disabled:focus::before, .dark [class='btn'].disabled:active::before, .dark [class='btn'].disabled.focus::before, .dark [class='btn'][disabled]:hover::before, .dark [class='btn'][disabled]:focus::before, .dark [class='btn'][disabled]:active::before, .dark [class='btn'][disabled].focus::before,
fieldset[disabled] .dark [class='btn']:hover::before,
fieldset[disabled] .dark [class='btn']:focus::before,
fieldset[disabled] .dark [class='btn']:active::before,
fieldset[disabled] .dark [class='btn'].focus::before, [class='btn'].darkbtn.disabled:hover::before, [class='btn'].darkbtn.disabled:focus::before, [class='btn'].darkbtn.disabled:active::before, [class='btn'].darkbtn.disabled.focus::before, [class='btn'].darkbtn[disabled]:hover::before, [class='btn'].darkbtn[disabled]:focus::before, [class='btn'].darkbtn[disabled]:active::before, [class='btn'].darkbtn[disabled].focus::before,
fieldset[disabled] [class='btn'].darkbtn:hover::before,
fieldset[disabled] [class='btn'].darkbtn:focus::before,
fieldset[disabled] [class='btn'].darkbtn:active::before,
fieldset[disabled] [class='btn'].darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dataTable [class='btn'] {
  padding: 8px 12px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 100px;
}

input[class='btn'][type='submit'] {
  /* @include button-colors(
    $btn-primary-color,
    $btn-primary-bg,
    $btn-primary-border,
    white,
    $btn-primary-hover-bg,
    $btn-primary-hover-border,
    $btn-primary-disable-bg
  ); */
  color: var(--nxp-btn-primary-color);
  background-color: var(--nxp-btn-primary-bg);
  border-color: var(--nxp-btn-primary-border);
}

input[class='btn'][type='submit']::before {
  display: none;
}

input[class='btn'][type='submit']:focus, input[class='btn'][type='submit'].focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

input[class='btn'][type='submit']:focus::before, input[class='btn'][type='submit'].focus::before {
  display: none;
}

input[class='btn'][type='submit']:hover, input[class='btn'][type='submit'].hover {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

input[class='btn'][type='submit']:hover::before, input[class='btn'][type='submit'].hover::before {
  display: none;
}

input[class='btn'][type='submit']:active, input[class='btn'][type='submit'].active,
.open > input[class='btn'][type='submit'].dropdown-toggle {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

input[class='btn'][type='submit']:active:hover, input[class='btn'][type='submit']:active:focus, input[class='btn'][type='submit']:active.focus, input[class='btn'][type='submit'].active:hover, input[class='btn'][type='submit'].active:focus, input[class='btn'][type='submit'].active.focus,
.open > input[class='btn'][type='submit'].dropdown-toggle:hover,
.open > input[class='btn'][type='submit'].dropdown-toggle:focus,
.open > input[class='btn'][type='submit'].dropdown-toggle.focus {
  color: var(--nxp-btn-primary-hover-color);
  background-color: var(--nxp-btn-primary-hover-bg);
  border-color: var(--nxp-btn-primary-hover-border);
}

input[class='btn'][type='submit']:active:hover::before, input[class='btn'][type='submit']:active:focus::before, input[class='btn'][type='submit']:active.focus::before, input[class='btn'][type='submit'].active:hover::before, input[class='btn'][type='submit'].active:focus::before, input[class='btn'][type='submit'].active.focus::before,
.open > input[class='btn'][type='submit'].dropdown-toggle:hover::before,
.open > input[class='btn'][type='submit'].dropdown-toggle:focus::before,
.open > input[class='btn'][type='submit'].dropdown-toggle.focus::before {
  display: none;
}

input[class='btn'][type='submit']:active, input[class='btn'][type='submit'].active,
.open > input[class='btn'][type='submit'].dropdown-toggle {
  background-image: none;
}

input[class='btn'][type='submit'].disabled, input[class='btn'][type='submit'][disabled],
fieldset[disabled] input[class='btn'][type='submit'] {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

input[class='btn'][type='submit'].disabled:hover, input[class='btn'][type='submit'].disabled:focus, input[class='btn'][type='submit'].disabled.focus, input[class='btn'][type='submit'][disabled]:hover, input[class='btn'][type='submit'][disabled]:focus, input[class='btn'][type='submit'][disabled].focus,
fieldset[disabled] input[class='btn'][type='submit']:hover,
fieldset[disabled] input[class='btn'][type='submit']:focus,
fieldset[disabled] input[class='btn'][type='submit'].focus {
  background-color: var(--nxp-btn-primary-disable-bg);
  border-color: var(--nxp-btn-primary-disable-bg);
}

input[class='btn'][type='submit'] .badge {
  color: var(--nxp-btn-primary-bg);
  background-color: var(--nxp-btn-primary-color);
}

input[class='btn'][value='reset'] {
  /* @include button-colors(
    $btn-secondary-color,
    $btn-secondary-bg,
    $btn-secondary-border,
    $btn-secondary-hover-color,
    $btn-secondary-hover-bg,
    $btn-secondary-hover-border,
    $btn-secondary-disable-bg
  ); */
  color: var(--nxp-btn-secondary-color);
  background-color: var(--nxp-btn-secondary-bg);
  border-color: var(--nxp-btn-secondary-border);
}

input[class='btn'][value='reset']::before {
  display: none;
}

input[class='btn'][value='reset']:focus, input[class='btn'][value='reset'].focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

input[class='btn'][value='reset']:focus::before, input[class='btn'][value='reset'].focus::before {
  display: none;
}

input[class='btn'][value='reset']:hover, input[class='btn'][value='reset'].hover {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

input[class='btn'][value='reset']:hover::before, input[class='btn'][value='reset'].hover::before {
  display: none;
}

input[class='btn'][value='reset']:active, input[class='btn'][value='reset'].active,
.open > input[class='btn'][value='reset'].dropdown-toggle {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

input[class='btn'][value='reset']:active:hover, input[class='btn'][value='reset']:active:focus, input[class='btn'][value='reset']:active.focus, input[class='btn'][value='reset'].active:hover, input[class='btn'][value='reset'].active:focus, input[class='btn'][value='reset'].active.focus,
.open > input[class='btn'][value='reset'].dropdown-toggle:hover,
.open > input[class='btn'][value='reset'].dropdown-toggle:focus,
.open > input[class='btn'][value='reset'].dropdown-toggle.focus {
  color: var(--nxp-btn-secondary-hover-color);
  background-color: var(--nxp-btn-secondary-hover-bg);
  border-color: var(--nxp-btn-secondary-hover-border);
}

input[class='btn'][value='reset']:active:hover::before, input[class='btn'][value='reset']:active:focus::before, input[class='btn'][value='reset']:active.focus::before, input[class='btn'][value='reset'].active:hover::before, input[class='btn'][value='reset'].active:focus::before, input[class='btn'][value='reset'].active.focus::before,
.open > input[class='btn'][value='reset'].dropdown-toggle:hover::before,
.open > input[class='btn'][value='reset'].dropdown-toggle:focus::before,
.open > input[class='btn'][value='reset'].dropdown-toggle.focus::before {
  display: none;
}

input[class='btn'][value='reset']:active, input[class='btn'][value='reset'].active,
.open > input[class='btn'][value='reset'].dropdown-toggle {
  background-image: none;
}

input[class='btn'][value='reset'].disabled, input[class='btn'][value='reset'][disabled],
fieldset[disabled] input[class='btn'][value='reset'] {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

input[class='btn'][value='reset'].disabled:hover, input[class='btn'][value='reset'].disabled:focus, input[class='btn'][value='reset'].disabled.focus, input[class='btn'][value='reset'][disabled]:hover, input[class='btn'][value='reset'][disabled]:focus, input[class='btn'][value='reset'][disabled].focus,
fieldset[disabled] input[class='btn'][value='reset']:hover,
fieldset[disabled] input[class='btn'][value='reset']:focus,
fieldset[disabled] input[class='btn'][value='reset'].focus {
  background-color: var(--nxp-btn-secondary-disable-bg);
  border-color: var(--nxp-btn-secondary-disable-bg);
}

input[class='btn'][value='reset'] .badge {
  color: var(--nxp-btn-secondary-bg);
  background-color: var(--nxp-btn-secondary-color);
}

.dark input[class='btn'][value='reset'], input[class='btn'][value='reset'].darkbtn {
  color: black;
  background-color: white;
  border-color: white;
}

.dark input[class='btn'][value='reset']::before, input[class='btn'][value='reset'].darkbtn::before {
  display: none;
}

.dark input[class='btn'][value='reset']:focus, .dark input[class='btn'][value='reset'].focus, input[class='btn'][value='reset'].darkbtn:focus, input[class='btn'][value='reset'].darkbtn.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark input[class='btn'][value='reset']:focus::before, .dark input[class='btn'][value='reset'].focus::before, input[class='btn'][value='reset'].darkbtn:focus::before, input[class='btn'][value='reset'].darkbtn.focus::before {
  display: none;
}

.dark input[class='btn'][value='reset']:hover, .dark input[class='btn'][value='reset'].hover, input[class='btn'][value='reset'].darkbtn:hover, input[class='btn'][value='reset'].darkbtn.hover {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark input[class='btn'][value='reset']:hover::before, .dark input[class='btn'][value='reset'].hover::before, input[class='btn'][value='reset'].darkbtn:hover::before, input[class='btn'][value='reset'].darkbtn.hover::before {
  display: none;
}

.dark input[class='btn'][value='reset']:active, .dark input[class='btn'][value='reset'].active,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle, input[class='btn'][value='reset'].darkbtn:active, input[class='btn'][value='reset'].darkbtn.active,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark input[class='btn'][value='reset']:active:hover, .dark input[class='btn'][value='reset']:active:focus, .dark input[class='btn'][value='reset']:active.focus, .dark input[class='btn'][value='reset'].active:hover, .dark input[class='btn'][value='reset'].active:focus, .dark input[class='btn'][value='reset'].active.focus,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle:hover,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle:focus,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle.focus, input[class='btn'][value='reset'].darkbtn:active:hover, input[class='btn'][value='reset'].darkbtn:active:focus, input[class='btn'][value='reset'].darkbtn:active.focus, input[class='btn'][value='reset'].darkbtn.active:hover, input[class='btn'][value='reset'].darkbtn.active:focus, input[class='btn'][value='reset'].darkbtn.active.focus,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle:hover,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle:focus,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle.focus {
  color: black;
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.dark input[class='btn'][value='reset']:active:hover::before, .dark input[class='btn'][value='reset']:active:focus::before, .dark input[class='btn'][value='reset']:active.focus::before, .dark input[class='btn'][value='reset'].active:hover::before, .dark input[class='btn'][value='reset'].active:focus::before, .dark input[class='btn'][value='reset'].active.focus::before,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle:hover::before,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle:focus::before,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle.focus::before, input[class='btn'][value='reset'].darkbtn:active:hover::before, input[class='btn'][value='reset'].darkbtn:active:focus::before, input[class='btn'][value='reset'].darkbtn:active.focus::before, input[class='btn'][value='reset'].darkbtn.active:hover::before, input[class='btn'][value='reset'].darkbtn.active:focus::before, input[class='btn'][value='reset'].darkbtn.active.focus::before,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle:hover::before,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle:focus::before,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle.focus::before {
  display: none;
}

.dark input[class='btn'][value='reset']:active, .dark input[class='btn'][value='reset'].active,
.open > .dark input[class='btn'][value='reset'].dropdown-toggle, input[class='btn'][value='reset'].darkbtn:active, input[class='btn'][value='reset'].darkbtn.active,
.open > input[class='btn'][value='reset'].darkbtn.dropdown-toggle {
  background-image: none;
}

.dark input[class='btn'][value='reset'].disabled, .dark input[class='btn'][value='reset'][disabled],
fieldset[disabled] .dark input[class='btn'][value='reset'], input[class='btn'][value='reset'].darkbtn.disabled, input[class='btn'][value='reset'].darkbtn[disabled],
fieldset[disabled] input[class='btn'][value='reset'].darkbtn {
  background-color: #898683;
  border-color: #898683;
}

.dark input[class='btn'][value='reset'].disabled:hover, .dark input[class='btn'][value='reset'].disabled:focus, .dark input[class='btn'][value='reset'].disabled.focus, .dark input[class='btn'][value='reset'][disabled]:hover, .dark input[class='btn'][value='reset'][disabled]:focus, .dark input[class='btn'][value='reset'][disabled].focus,
fieldset[disabled] .dark input[class='btn'][value='reset']:hover,
fieldset[disabled] .dark input[class='btn'][value='reset']:focus,
fieldset[disabled] .dark input[class='btn'][value='reset'].focus, input[class='btn'][value='reset'].darkbtn.disabled:hover, input[class='btn'][value='reset'].darkbtn.disabled:focus, input[class='btn'][value='reset'].darkbtn.disabled.focus, input[class='btn'][value='reset'].darkbtn[disabled]:hover, input[class='btn'][value='reset'].darkbtn[disabled]:focus, input[class='btn'][value='reset'].darkbtn[disabled].focus,
fieldset[disabled] input[class='btn'][value='reset'].darkbtn:hover,
fieldset[disabled] input[class='btn'][value='reset'].darkbtn:focus,
fieldset[disabled] input[class='btn'][value='reset'].darkbtn.focus {
  background-color: #898683;
  border-color: #898683;
}

.dark input[class='btn'][value='reset'] .badge, input[class='btn'][value='reset'].darkbtn .badge {
  color: white;
  background-color: black;
}

[class='btn btn-lg'] {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

[class='btn btn-lg']::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

[class='btn btn-lg']:hover, [class='btn btn-lg'].hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

[class='btn btn-lg']:hover::before, [class='btn btn-lg'].hover::before {
  background-position: 0% center;
  padding: 2px;
}

[class='btn btn-lg']:focus, [class='btn btn-lg'].focus, [class='btn btn-lg']:active, [class='btn btn-lg'].active,
.open > [class='btn btn-lg'].dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

[class='btn btn-lg']:focus:hover, [class='btn btn-lg'].focus:hover, [class='btn btn-lg']:active:hover, [class='btn btn-lg'].active:hover,
.open > [class='btn btn-lg'].dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

[class='btn btn-lg']:focus:hover::before, [class='btn btn-lg'].focus:hover::before, [class='btn btn-lg']:active:hover::before, [class='btn btn-lg'].active:hover::before,
.open > [class='btn btn-lg'].dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

[class='btn btn-lg']:active, [class='btn btn-lg'].active,
.open > [class='btn btn-lg'].dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

[class='btn btn-lg'].disabled, [class='btn btn-lg'][disabled],
fieldset[disabled] [class='btn btn-lg'] {
  opacity: 0.7;
}

[class='btn btn-lg'].disabled:hover, [class='btn btn-lg'].disabled:focus, [class='btn btn-lg'].disabled:active, [class='btn btn-lg'].disabled.focus, [class='btn btn-lg'][disabled]:hover, [class='btn btn-lg'][disabled]:focus, [class='btn btn-lg'][disabled]:active, [class='btn btn-lg'][disabled].focus,
fieldset[disabled] [class='btn btn-lg']:hover,
fieldset[disabled] [class='btn btn-lg']:focus,
fieldset[disabled] [class='btn btn-lg']:active,
fieldset[disabled] [class='btn btn-lg'].focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

[class='btn btn-lg'].disabled:hover::before, [class='btn btn-lg'].disabled:focus::before, [class='btn btn-lg'].disabled:active::before, [class='btn btn-lg'].disabled.focus::before, [class='btn btn-lg'][disabled]:hover::before, [class='btn btn-lg'][disabled]:focus::before, [class='btn btn-lg'][disabled]:active::before, [class='btn btn-lg'][disabled].focus::before,
fieldset[disabled] [class='btn btn-lg']:hover::before,
fieldset[disabled] [class='btn btn-lg']:focus::before,
fieldset[disabled] [class='btn btn-lg']:active::before,
fieldset[disabled] [class='btn btn-lg'].focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark [class='btn btn-lg'], [class='btn btn-lg'].darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark [class='btn btn-lg']::before, [class='btn btn-lg'].darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark [class='btn btn-lg']:hover, .dark [class='btn btn-lg'].hover, [class='btn btn-lg'].darkbtn:hover, [class='btn btn-lg'].darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark [class='btn btn-lg']:hover::before, .dark [class='btn btn-lg'].hover::before, [class='btn btn-lg'].darkbtn:hover::before, [class='btn btn-lg'].darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark [class='btn btn-lg']:focus, .dark [class='btn btn-lg'].focus, .dark [class='btn btn-lg']:active, .dark [class='btn btn-lg'].active,
.open > .dark [class='btn btn-lg'].dropdown-toggle, [class='btn btn-lg'].darkbtn:focus, [class='btn btn-lg'].darkbtn.focus, [class='btn btn-lg'].darkbtn:active, [class='btn btn-lg'].darkbtn.active,
.open > [class='btn btn-lg'].darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark [class='btn btn-lg']:focus:hover, .dark [class='btn btn-lg'].focus:hover, .dark [class='btn btn-lg']:active:hover, .dark [class='btn btn-lg'].active:hover,
.open > .dark [class='btn btn-lg'].dropdown-toggle:hover, [class='btn btn-lg'].darkbtn:focus:hover, [class='btn btn-lg'].darkbtn.focus:hover, [class='btn btn-lg'].darkbtn:active:hover, [class='btn btn-lg'].darkbtn.active:hover,
.open > [class='btn btn-lg'].darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark [class='btn btn-lg']:focus:hover::before, .dark [class='btn btn-lg'].focus:hover::before, .dark [class='btn btn-lg']:active:hover::before, .dark [class='btn btn-lg'].active:hover::before,
.open > .dark [class='btn btn-lg'].dropdown-toggle:hover::before, [class='btn btn-lg'].darkbtn:focus:hover::before, [class='btn btn-lg'].darkbtn.focus:hover::before, [class='btn btn-lg'].darkbtn:active:hover::before, [class='btn btn-lg'].darkbtn.active:hover::before,
.open > [class='btn btn-lg'].darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark [class='btn btn-lg']:active, .dark [class='btn btn-lg'].active,
.open > .dark [class='btn btn-lg'].dropdown-toggle, [class='btn btn-lg'].darkbtn:active, [class='btn btn-lg'].darkbtn.active,
.open > [class='btn btn-lg'].darkbtn.dropdown-toggle {
  background: white;
}

.dark [class='btn btn-lg'].disabled, .dark [class='btn btn-lg'][disabled],
fieldset[disabled] .dark [class='btn btn-lg'], [class='btn btn-lg'].darkbtn.disabled, [class='btn btn-lg'].darkbtn[disabled],
fieldset[disabled] [class='btn btn-lg'].darkbtn {
  opacity: 0.7;
}

.dark [class='btn btn-lg'].disabled:hover, .dark [class='btn btn-lg'].disabled:focus, .dark [class='btn btn-lg'].disabled:active, .dark [class='btn btn-lg'].disabled.focus, .dark [class='btn btn-lg'][disabled]:hover, .dark [class='btn btn-lg'][disabled]:focus, .dark [class='btn btn-lg'][disabled]:active, .dark [class='btn btn-lg'][disabled].focus,
fieldset[disabled] .dark [class='btn btn-lg']:hover,
fieldset[disabled] .dark [class='btn btn-lg']:focus,
fieldset[disabled] .dark [class='btn btn-lg']:active,
fieldset[disabled] .dark [class='btn btn-lg'].focus, [class='btn btn-lg'].darkbtn.disabled:hover, [class='btn btn-lg'].darkbtn.disabled:focus, [class='btn btn-lg'].darkbtn.disabled:active, [class='btn btn-lg'].darkbtn.disabled.focus, [class='btn btn-lg'].darkbtn[disabled]:hover, [class='btn btn-lg'].darkbtn[disabled]:focus, [class='btn btn-lg'].darkbtn[disabled]:active, [class='btn btn-lg'].darkbtn[disabled].focus,
fieldset[disabled] [class='btn btn-lg'].darkbtn:hover,
fieldset[disabled] [class='btn btn-lg'].darkbtn:focus,
fieldset[disabled] [class='btn btn-lg'].darkbtn:active,
fieldset[disabled] [class='btn btn-lg'].darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark [class='btn btn-lg'].disabled:hover::before, .dark [class='btn btn-lg'].disabled:focus::before, .dark [class='btn btn-lg'].disabled:active::before, .dark [class='btn btn-lg'].disabled.focus::before, .dark [class='btn btn-lg'][disabled]:hover::before, .dark [class='btn btn-lg'][disabled]:focus::before, .dark [class='btn btn-lg'][disabled]:active::before, .dark [class='btn btn-lg'][disabled].focus::before,
fieldset[disabled] .dark [class='btn btn-lg']:hover::before,
fieldset[disabled] .dark [class='btn btn-lg']:focus::before,
fieldset[disabled] .dark [class='btn btn-lg']:active::before,
fieldset[disabled] .dark [class='btn btn-lg'].focus::before, [class='btn btn-lg'].darkbtn.disabled:hover::before, [class='btn btn-lg'].darkbtn.disabled:focus::before, [class='btn btn-lg'].darkbtn.disabled:active::before, [class='btn btn-lg'].darkbtn.disabled.focus::before, [class='btn btn-lg'].darkbtn[disabled]:hover::before, [class='btn btn-lg'].darkbtn[disabled]:focus::before, [class='btn btn-lg'].darkbtn[disabled]:active::before, [class='btn btn-lg'].darkbtn[disabled].focus::before,
fieldset[disabled] [class='btn btn-lg'].darkbtn:hover::before,
fieldset[disabled] [class='btn btn-lg'].darkbtn:focus::before,
fieldset[disabled] [class='btn btn-lg'].darkbtn:active::before,
fieldset[disabled] [class='btn btn-lg'].darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

a[class='btn btn-xm'],
a[class='btn disabled'] {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

a[class='btn btn-xm']::before,
a[class='btn disabled']::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

a[class='btn btn-xm']:hover, a[class='btn btn-xm'].hover,
a[class='btn disabled']:hover,
a[class='btn disabled'].hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

a[class='btn btn-xm']:hover::before, a[class='btn btn-xm'].hover::before,
a[class='btn disabled']:hover::before,
a[class='btn disabled'].hover::before {
  background-position: 0% center;
  padding: 2px;
}

a[class='btn btn-xm']:focus, a[class='btn btn-xm'].focus, a[class='btn btn-xm']:active, a[class='btn btn-xm'].active,
.open > a[class='btn btn-xm'].dropdown-toggle,
a[class='btn disabled']:focus,
a[class='btn disabled'].focus,
a[class='btn disabled']:active,
a[class='btn disabled'].active,
.open >
a[class='btn disabled'].dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

a[class='btn btn-xm']:focus:hover, a[class='btn btn-xm'].focus:hover, a[class='btn btn-xm']:active:hover, a[class='btn btn-xm'].active:hover,
.open > a[class='btn btn-xm'].dropdown-toggle:hover,
a[class='btn disabled']:focus:hover,
a[class='btn disabled'].focus:hover,
a[class='btn disabled']:active:hover,
a[class='btn disabled'].active:hover,
.open >
a[class='btn disabled'].dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

a[class='btn btn-xm']:focus:hover::before, a[class='btn btn-xm'].focus:hover::before, a[class='btn btn-xm']:active:hover::before, a[class='btn btn-xm'].active:hover::before,
.open > a[class='btn btn-xm'].dropdown-toggle:hover::before,
a[class='btn disabled']:focus:hover::before,
a[class='btn disabled'].focus:hover::before,
a[class='btn disabled']:active:hover::before,
a[class='btn disabled'].active:hover::before,
.open >
a[class='btn disabled'].dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

a[class='btn btn-xm']:active, a[class='btn btn-xm'].active,
.open > a[class='btn btn-xm'].dropdown-toggle,
a[class='btn disabled']:active,
a[class='btn disabled'].active,
.open >
a[class='btn disabled'].dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

a[class='btn btn-xm'].disabled, a[class='btn btn-xm'][disabled],
fieldset[disabled] a[class='btn btn-xm'],
a[class='btn disabled'].disabled,
a[class='btn disabled'][disabled],
fieldset[disabled]
a[class='btn disabled'] {
  opacity: 0.7;
}

a[class='btn btn-xm'].disabled:hover, a[class='btn btn-xm'].disabled:focus, a[class='btn btn-xm'].disabled:active, a[class='btn btn-xm'].disabled.focus, a[class='btn btn-xm'][disabled]:hover, a[class='btn btn-xm'][disabled]:focus, a[class='btn btn-xm'][disabled]:active, a[class='btn btn-xm'][disabled].focus,
fieldset[disabled] a[class='btn btn-xm']:hover,
fieldset[disabled] a[class='btn btn-xm']:focus,
fieldset[disabled] a[class='btn btn-xm']:active,
fieldset[disabled] a[class='btn btn-xm'].focus,
a[class='btn disabled'].disabled:hover,
a[class='btn disabled'].disabled:focus,
a[class='btn disabled'].disabled:active,
a[class='btn disabled'].disabled.focus,
a[class='btn disabled'][disabled]:hover,
a[class='btn disabled'][disabled]:focus,
a[class='btn disabled'][disabled]:active,
a[class='btn disabled'][disabled].focus,
fieldset[disabled]
a[class='btn disabled']:hover,
fieldset[disabled]
a[class='btn disabled']:focus,
fieldset[disabled]
a[class='btn disabled']:active,
fieldset[disabled]
a[class='btn disabled'].focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

a[class='btn btn-xm'].disabled:hover::before, a[class='btn btn-xm'].disabled:focus::before, a[class='btn btn-xm'].disabled:active::before, a[class='btn btn-xm'].disabled.focus::before, a[class='btn btn-xm'][disabled]:hover::before, a[class='btn btn-xm'][disabled]:focus::before, a[class='btn btn-xm'][disabled]:active::before, a[class='btn btn-xm'][disabled].focus::before,
fieldset[disabled] a[class='btn btn-xm']:hover::before,
fieldset[disabled] a[class='btn btn-xm']:focus::before,
fieldset[disabled] a[class='btn btn-xm']:active::before,
fieldset[disabled] a[class='btn btn-xm'].focus::before,
a[class='btn disabled'].disabled:hover::before,
a[class='btn disabled'].disabled:focus::before,
a[class='btn disabled'].disabled:active::before,
a[class='btn disabled'].disabled.focus::before,
a[class='btn disabled'][disabled]:hover::before,
a[class='btn disabled'][disabled]:focus::before,
a[class='btn disabled'][disabled]:active::before,
a[class='btn disabled'][disabled].focus::before,
fieldset[disabled]
a[class='btn disabled']:hover::before,
fieldset[disabled]
a[class='btn disabled']:focus::before,
fieldset[disabled]
a[class='btn disabled']:active::before,
fieldset[disabled]
a[class='btn disabled'].focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark a[class='btn btn-xm'], a[class='btn btn-xm'].darkbtn, .dark
a[class='btn disabled'],
a[class='btn disabled'].darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark a[class='btn btn-xm']::before, a[class='btn btn-xm'].darkbtn::before, .dark
a[class='btn disabled']::before,
a[class='btn disabled'].darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark a[class='btn btn-xm']:hover, .dark a[class='btn btn-xm'].hover, a[class='btn btn-xm'].darkbtn:hover, a[class='btn btn-xm'].darkbtn.hover, .dark
a[class='btn disabled']:hover, .dark
a[class='btn disabled'].hover,
a[class='btn disabled'].darkbtn:hover,
a[class='btn disabled'].darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark a[class='btn btn-xm']:hover::before, .dark a[class='btn btn-xm'].hover::before, a[class='btn btn-xm'].darkbtn:hover::before, a[class='btn btn-xm'].darkbtn.hover::before, .dark
a[class='btn disabled']:hover::before, .dark
a[class='btn disabled'].hover::before,
a[class='btn disabled'].darkbtn:hover::before,
a[class='btn disabled'].darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark a[class='btn btn-xm']:focus, .dark a[class='btn btn-xm'].focus, .dark a[class='btn btn-xm']:active, .dark a[class='btn btn-xm'].active,
.open > .dark a[class='btn btn-xm'].dropdown-toggle, a[class='btn btn-xm'].darkbtn:focus, a[class='btn btn-xm'].darkbtn.focus, a[class='btn btn-xm'].darkbtn:active, a[class='btn btn-xm'].darkbtn.active,
.open > a[class='btn btn-xm'].darkbtn.dropdown-toggle, .dark
a[class='btn disabled']:focus, .dark
a[class='btn disabled'].focus, .dark
a[class='btn disabled']:active, .dark
a[class='btn disabled'].active,
.open > .dark
a[class='btn disabled'].dropdown-toggle,
a[class='btn disabled'].darkbtn:focus,
a[class='btn disabled'].darkbtn.focus,
a[class='btn disabled'].darkbtn:active,
a[class='btn disabled'].darkbtn.active,
.open >
a[class='btn disabled'].darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark a[class='btn btn-xm']:focus:hover, .dark a[class='btn btn-xm'].focus:hover, .dark a[class='btn btn-xm']:active:hover, .dark a[class='btn btn-xm'].active:hover,
.open > .dark a[class='btn btn-xm'].dropdown-toggle:hover, a[class='btn btn-xm'].darkbtn:focus:hover, a[class='btn btn-xm'].darkbtn.focus:hover, a[class='btn btn-xm'].darkbtn:active:hover, a[class='btn btn-xm'].darkbtn.active:hover,
.open > a[class='btn btn-xm'].darkbtn.dropdown-toggle:hover, .dark
a[class='btn disabled']:focus:hover, .dark
a[class='btn disabled'].focus:hover, .dark
a[class='btn disabled']:active:hover, .dark
a[class='btn disabled'].active:hover,
.open > .dark
a[class='btn disabled'].dropdown-toggle:hover,
a[class='btn disabled'].darkbtn:focus:hover,
a[class='btn disabled'].darkbtn.focus:hover,
a[class='btn disabled'].darkbtn:active:hover,
a[class='btn disabled'].darkbtn.active:hover,
.open >
a[class='btn disabled'].darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark a[class='btn btn-xm']:focus:hover::before, .dark a[class='btn btn-xm'].focus:hover::before, .dark a[class='btn btn-xm']:active:hover::before, .dark a[class='btn btn-xm'].active:hover::before,
.open > .dark a[class='btn btn-xm'].dropdown-toggle:hover::before, a[class='btn btn-xm'].darkbtn:focus:hover::before, a[class='btn btn-xm'].darkbtn.focus:hover::before, a[class='btn btn-xm'].darkbtn:active:hover::before, a[class='btn btn-xm'].darkbtn.active:hover::before,
.open > a[class='btn btn-xm'].darkbtn.dropdown-toggle:hover::before, .dark
a[class='btn disabled']:focus:hover::before, .dark
a[class='btn disabled'].focus:hover::before, .dark
a[class='btn disabled']:active:hover::before, .dark
a[class='btn disabled'].active:hover::before,
.open > .dark
a[class='btn disabled'].dropdown-toggle:hover::before,
a[class='btn disabled'].darkbtn:focus:hover::before,
a[class='btn disabled'].darkbtn.focus:hover::before,
a[class='btn disabled'].darkbtn:active:hover::before,
a[class='btn disabled'].darkbtn.active:hover::before,
.open >
a[class='btn disabled'].darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark a[class='btn btn-xm']:active, .dark a[class='btn btn-xm'].active,
.open > .dark a[class='btn btn-xm'].dropdown-toggle, a[class='btn btn-xm'].darkbtn:active, a[class='btn btn-xm'].darkbtn.active,
.open > a[class='btn btn-xm'].darkbtn.dropdown-toggle, .dark
a[class='btn disabled']:active, .dark
a[class='btn disabled'].active,
.open > .dark
a[class='btn disabled'].dropdown-toggle,
a[class='btn disabled'].darkbtn:active,
a[class='btn disabled'].darkbtn.active,
.open >
a[class='btn disabled'].darkbtn.dropdown-toggle {
  background: white;
}

.dark a[class='btn btn-xm'].disabled, .dark a[class='btn btn-xm'][disabled],
fieldset[disabled] .dark a[class='btn btn-xm'], a[class='btn btn-xm'].darkbtn.disabled, a[class='btn btn-xm'].darkbtn[disabled],
fieldset[disabled] a[class='btn btn-xm'].darkbtn, .dark
a[class='btn disabled'].disabled, .dark
a[class='btn disabled'][disabled],
fieldset[disabled] .dark
a[class='btn disabled'],
a[class='btn disabled'].darkbtn.disabled,
a[class='btn disabled'].darkbtn[disabled],
fieldset[disabled]
a[class='btn disabled'].darkbtn {
  opacity: 0.7;
}

.dark a[class='btn btn-xm'].disabled:hover, .dark a[class='btn btn-xm'].disabled:focus, .dark a[class='btn btn-xm'].disabled:active, .dark a[class='btn btn-xm'].disabled.focus, .dark a[class='btn btn-xm'][disabled]:hover, .dark a[class='btn btn-xm'][disabled]:focus, .dark a[class='btn btn-xm'][disabled]:active, .dark a[class='btn btn-xm'][disabled].focus,
fieldset[disabled] .dark a[class='btn btn-xm']:hover,
fieldset[disabled] .dark a[class='btn btn-xm']:focus,
fieldset[disabled] .dark a[class='btn btn-xm']:active,
fieldset[disabled] .dark a[class='btn btn-xm'].focus, a[class='btn btn-xm'].darkbtn.disabled:hover, a[class='btn btn-xm'].darkbtn.disabled:focus, a[class='btn btn-xm'].darkbtn.disabled:active, a[class='btn btn-xm'].darkbtn.disabled.focus, a[class='btn btn-xm'].darkbtn[disabled]:hover, a[class='btn btn-xm'].darkbtn[disabled]:focus, a[class='btn btn-xm'].darkbtn[disabled]:active, a[class='btn btn-xm'].darkbtn[disabled].focus,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:hover,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:focus,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:active,
fieldset[disabled] a[class='btn btn-xm'].darkbtn.focus, .dark
a[class='btn disabled'].disabled:hover, .dark
a[class='btn disabled'].disabled:focus, .dark
a[class='btn disabled'].disabled:active, .dark
a[class='btn disabled'].disabled.focus, .dark
a[class='btn disabled'][disabled]:hover, .dark
a[class='btn disabled'][disabled]:focus, .dark
a[class='btn disabled'][disabled]:active, .dark
a[class='btn disabled'][disabled].focus,
fieldset[disabled] .dark
a[class='btn disabled']:hover,
fieldset[disabled] .dark
a[class='btn disabled']:focus,
fieldset[disabled] .dark
a[class='btn disabled']:active,
fieldset[disabled] .dark
a[class='btn disabled'].focus,
a[class='btn disabled'].darkbtn.disabled:hover,
a[class='btn disabled'].darkbtn.disabled:focus,
a[class='btn disabled'].darkbtn.disabled:active,
a[class='btn disabled'].darkbtn.disabled.focus,
a[class='btn disabled'].darkbtn[disabled]:hover,
a[class='btn disabled'].darkbtn[disabled]:focus,
a[class='btn disabled'].darkbtn[disabled]:active,
a[class='btn disabled'].darkbtn[disabled].focus,
fieldset[disabled]
a[class='btn disabled'].darkbtn:hover,
fieldset[disabled]
a[class='btn disabled'].darkbtn:focus,
fieldset[disabled]
a[class='btn disabled'].darkbtn:active,
fieldset[disabled]
a[class='btn disabled'].darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark a[class='btn btn-xm'].disabled:hover::before, .dark a[class='btn btn-xm'].disabled:focus::before, .dark a[class='btn btn-xm'].disabled:active::before, .dark a[class='btn btn-xm'].disabled.focus::before, .dark a[class='btn btn-xm'][disabled]:hover::before, .dark a[class='btn btn-xm'][disabled]:focus::before, .dark a[class='btn btn-xm'][disabled]:active::before, .dark a[class='btn btn-xm'][disabled].focus::before,
fieldset[disabled] .dark a[class='btn btn-xm']:hover::before,
fieldset[disabled] .dark a[class='btn btn-xm']:focus::before,
fieldset[disabled] .dark a[class='btn btn-xm']:active::before,
fieldset[disabled] .dark a[class='btn btn-xm'].focus::before, a[class='btn btn-xm'].darkbtn.disabled:hover::before, a[class='btn btn-xm'].darkbtn.disabled:focus::before, a[class='btn btn-xm'].darkbtn.disabled:active::before, a[class='btn btn-xm'].darkbtn.disabled.focus::before, a[class='btn btn-xm'].darkbtn[disabled]:hover::before, a[class='btn btn-xm'].darkbtn[disabled]:focus::before, a[class='btn btn-xm'].darkbtn[disabled]:active::before, a[class='btn btn-xm'].darkbtn[disabled].focus::before,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:hover::before,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:focus::before,
fieldset[disabled] a[class='btn btn-xm'].darkbtn:active::before,
fieldset[disabled] a[class='btn btn-xm'].darkbtn.focus::before, .dark
a[class='btn disabled'].disabled:hover::before, .dark
a[class='btn disabled'].disabled:focus::before, .dark
a[class='btn disabled'].disabled:active::before, .dark
a[class='btn disabled'].disabled.focus::before, .dark
a[class='btn disabled'][disabled]:hover::before, .dark
a[class='btn disabled'][disabled]:focus::before, .dark
a[class='btn disabled'][disabled]:active::before, .dark
a[class='btn disabled'][disabled].focus::before,
fieldset[disabled] .dark
a[class='btn disabled']:hover::before,
fieldset[disabled] .dark
a[class='btn disabled']:focus::before,
fieldset[disabled] .dark
a[class='btn disabled']:active::before,
fieldset[disabled] .dark
a[class='btn disabled'].focus::before,
a[class='btn disabled'].darkbtn.disabled:hover::before,
a[class='btn disabled'].darkbtn.disabled:focus::before,
a[class='btn disabled'].darkbtn.disabled:active::before,
a[class='btn disabled'].darkbtn.disabled.focus::before,
a[class='btn disabled'].darkbtn[disabled]:hover::before,
a[class='btn disabled'].darkbtn[disabled]:focus::before,
a[class='btn disabled'].darkbtn[disabled]:active::before,
a[class='btn disabled'].darkbtn[disabled].focus::before,
fieldset[disabled]
a[class='btn disabled'].darkbtn:hover::before,
fieldset[disabled]
a[class='btn disabled'].darkbtn:focus::before,
fieldset[disabled]
a[class='btn disabled'].darkbtn:active::before,
fieldset[disabled]
a[class='btn disabled'].darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.btn-xm {
  padding: 8px 12px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 100px;
}

.mainCTAbtn [class='btn btn-block'] {
  /*  @include button-variant-default(
    $absolute-black,
    $btn-active-default-color: $white,
    $btn-active-default-bg: $absolute-black,
    $border1: $orange-impact,
    $border2: $green-impact,
    $border3: $blue-impact
  ); */
  position: relative;
  border: none;
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.mainCTAbtn [class='btn btn-block']::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.mainCTAbtn [class='btn btn-block']:hover, .mainCTAbtn [class='btn btn-block'].hover {
  color: var(--nxp-btn-default-color);
  background-color: transparent;
}

.mainCTAbtn [class='btn btn-block']:hover::before, .mainCTAbtn [class='btn btn-block'].hover::before {
  background-position: 0% center;
  padding: 2px;
}

.mainCTAbtn [class='btn btn-block']:focus, .mainCTAbtn [class='btn btn-block'].focus, .mainCTAbtn [class='btn btn-block']:active, .mainCTAbtn [class='btn btn-block'].active,
.open > .mainCTAbtn [class='btn btn-block'].dropdown-toggle {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.mainCTAbtn [class='btn btn-block']:focus:hover, .mainCTAbtn [class='btn btn-block'].focus:hover, .mainCTAbtn [class='btn btn-block']:active:hover, .mainCTAbtn [class='btn btn-block'].active:hover,
.open > .mainCTAbtn [class='btn btn-block'].dropdown-toggle:hover {
  background-color: var(--nxp-btn-default-color) !important;
  color: var(--nxp-btn-default-bg);
}

.mainCTAbtn [class='btn btn-block']:focus:hover::before, .mainCTAbtn [class='btn btn-block'].focus:hover::before, .mainCTAbtn [class='btn btn-block']:active:hover::before, .mainCTAbtn [class='btn btn-block'].active:hover::before,
.open > .mainCTAbtn [class='btn btn-block'].dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.mainCTAbtn [class='btn btn-block']:active, .mainCTAbtn [class='btn btn-block'].active,
.open > .mainCTAbtn [class='btn btn-block'].dropdown-toggle {
  background: var(--nxp-btn-default-color);
}

.mainCTAbtn [class='btn btn-block'].disabled, .mainCTAbtn [class='btn btn-block'][disabled],
fieldset[disabled] .mainCTAbtn [class='btn btn-block'] {
  opacity: 0.7;
}

.mainCTAbtn [class='btn btn-block'].disabled:hover, .mainCTAbtn [class='btn btn-block'].disabled:focus, .mainCTAbtn [class='btn btn-block'].disabled:active, .mainCTAbtn [class='btn btn-block'].disabled.focus, .mainCTAbtn [class='btn btn-block'][disabled]:hover, .mainCTAbtn [class='btn btn-block'][disabled]:focus, .mainCTAbtn [class='btn btn-block'][disabled]:active, .mainCTAbtn [class='btn btn-block'][disabled].focus,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:hover,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:focus,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:active,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: var(--nxp-btn-default-color);
}

.mainCTAbtn [class='btn btn-block'].disabled:hover::before, .mainCTAbtn [class='btn btn-block'].disabled:focus::before, .mainCTAbtn [class='btn btn-block'].disabled:active::before, .mainCTAbtn [class='btn btn-block'].disabled.focus::before, .mainCTAbtn [class='btn btn-block'][disabled]:hover::before, .mainCTAbtn [class='btn btn-block'][disabled]:focus::before, .mainCTAbtn [class='btn btn-block'][disabled]:active::before, .mainCTAbtn [class='btn btn-block'][disabled].focus::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:hover::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:focus::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block']:active::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, var(--nxp-btn-default-color) 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .mainCTAbtn [class='btn btn-block'], .mainCTAbtn [class='btn btn-block'].darkbtn {
  position: relative;
  border: none;
  color: white;
  background-color: transparent;
}

.dark .mainCTAbtn [class='btn btn-block']::before, .mainCTAbtn [class='btn btn-block'].darkbtn::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .mainCTAbtn [class='btn btn-block']:hover, .dark .mainCTAbtn [class='btn btn-block'].hover, .mainCTAbtn [class='btn btn-block'].darkbtn:hover, .mainCTAbtn [class='btn btn-block'].darkbtn.hover {
  color: white;
  background-color: transparent;
}

.dark .mainCTAbtn [class='btn btn-block']:hover::before, .dark .mainCTAbtn [class='btn btn-block'].hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .mainCTAbtn [class='btn btn-block']:focus, .dark .mainCTAbtn [class='btn btn-block'].focus, .dark .mainCTAbtn [class='btn btn-block']:active, .dark .mainCTAbtn [class='btn btn-block'].active,
.open > .dark .mainCTAbtn [class='btn btn-block'].dropdown-toggle, .mainCTAbtn [class='btn btn-block'].darkbtn:focus, .mainCTAbtn [class='btn btn-block'].darkbtn.focus, .mainCTAbtn [class='btn btn-block'].darkbtn:active, .mainCTAbtn [class='btn btn-block'].darkbtn.active,
.open > .mainCTAbtn [class='btn btn-block'].darkbtn.dropdown-toggle {
  background-color: white !important;
  color: black;
}

.dark .mainCTAbtn [class='btn btn-block']:focus:hover, .dark .mainCTAbtn [class='btn btn-block'].focus:hover, .dark .mainCTAbtn [class='btn btn-block']:active:hover, .dark .mainCTAbtn [class='btn btn-block'].active:hover,
.open > .dark .mainCTAbtn [class='btn btn-block'].dropdown-toggle:hover, .mainCTAbtn [class='btn btn-block'].darkbtn:focus:hover, .mainCTAbtn [class='btn btn-block'].darkbtn.focus:hover, .mainCTAbtn [class='btn btn-block'].darkbtn:active:hover, .mainCTAbtn [class='btn btn-block'].darkbtn.active:hover,
.open > .mainCTAbtn [class='btn btn-block'].darkbtn.dropdown-toggle:hover {
  background-color: white !important;
  color: black;
}

.dark .mainCTAbtn [class='btn btn-block']:focus:hover::before, .dark .mainCTAbtn [class='btn btn-block'].focus:hover::before, .dark .mainCTAbtn [class='btn btn-block']:active:hover::before, .dark .mainCTAbtn [class='btn btn-block'].active:hover::before,
.open > .dark .mainCTAbtn [class='btn btn-block'].dropdown-toggle:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn:focus:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn.focus:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn:active:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn.active:hover::before,
.open > .mainCTAbtn [class='btn btn-block'].darkbtn.dropdown-toggle:hover::before {
  display: none;
  z-index: -1;
}

.dark .mainCTAbtn [class='btn btn-block']:active, .dark .mainCTAbtn [class='btn btn-block'].active,
.open > .dark .mainCTAbtn [class='btn btn-block'].dropdown-toggle, .mainCTAbtn [class='btn btn-block'].darkbtn:active, .mainCTAbtn [class='btn btn-block'].darkbtn.active,
.open > .mainCTAbtn [class='btn btn-block'].darkbtn.dropdown-toggle {
  background: white;
}

.dark .mainCTAbtn [class='btn btn-block'].disabled, .dark .mainCTAbtn [class='btn btn-block'][disabled],
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block'], .mainCTAbtn [class='btn btn-block'].darkbtn.disabled, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled],
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn {
  opacity: 0.7;
}

.dark .mainCTAbtn [class='btn btn-block'].disabled:hover, .dark .mainCTAbtn [class='btn btn-block'].disabled:focus, .dark .mainCTAbtn [class='btn btn-block'].disabled:active, .dark .mainCTAbtn [class='btn btn-block'].disabled.focus, .dark .mainCTAbtn [class='btn btn-block'][disabled]:hover, .dark .mainCTAbtn [class='btn btn-block'][disabled]:focus, .dark .mainCTAbtn [class='btn btn-block'][disabled]:active, .dark .mainCTAbtn [class='btn btn-block'][disabled].focus,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:hover,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:focus,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:active,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block'].focus, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:hover, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:focus, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:active, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled.focus, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:hover, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:focus, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:active, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled].focus,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:hover,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:focus,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:active,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: white;
}

.dark .mainCTAbtn [class='btn btn-block'].disabled:hover::before, .dark .mainCTAbtn [class='btn btn-block'].disabled:focus::before, .dark .mainCTAbtn [class='btn btn-block'].disabled:active::before, .dark .mainCTAbtn [class='btn btn-block'].disabled.focus::before, .dark .mainCTAbtn [class='btn btn-block'][disabled]:hover::before, .dark .mainCTAbtn [class='btn btn-block'][disabled]:focus::before, .dark .mainCTAbtn [class='btn btn-block'][disabled]:active::before, .dark .mainCTAbtn [class='btn btn-block'][disabled].focus::before,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:hover::before,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:focus::before,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block']:active::before,
fieldset[disabled] .dark .mainCTAbtn [class='btn btn-block'].focus::before, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:focus::before, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled:active::before, .mainCTAbtn [class='btn btn-block'].darkbtn.disabled.focus::before, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:hover::before, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:focus::before, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled]:active::before, .mainCTAbtn [class='btn btn-block'].darkbtn[disabled].focus::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:hover::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:focus::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn:active::before,
fieldset[disabled] .mainCTAbtn [class='btn btn-block'].darkbtn.focus::before {
  background: linear-gradient(to right, var(--nxp-btn-default-boder1) 7%, var(--nxp-btn-default-boder2) 19%, var(--nxp-btn-default-boder3) 38.5%, white 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

html[style*='overflow-y: hidden'] body > .alert {
  display: none;
}

body.mmenu-is-open > .alert {
  display: none;
}

.noBold {
  font-weight: normal;
}

.marginleft5 {
  margin-left: 5px !important;
}

.marginright5 {
  margin-right: 5px !important;
}

.top5,
.margintop5 {
  margin-top: 5px !important;
}

.bottom5,
.marginbottom5 {
  margin-bottom: 5px !important;
}

.marginleft10 {
  margin-left: 10px !important;
}

.marginright10 {
  margin-right: 10px !important;
}

.top10,
.margintop10 {
  margin-top: 10px !important;
}

.bottom10,
.marginbottom10 {
  margin-bottom: 10px !important;
}

.marginleft15 {
  margin-left: 15px !important;
}

.marginright15 {
  margin-right: 15px !important;
}

.top15,
.margintop15 {
  margin-top: 15px !important;
}

.bottom15,
.marginbottom15 {
  margin-bottom: 15px !important;
}

.marginleft20 {
  margin-left: 20px !important;
}

.marginright20 {
  margin-right: 20px !important;
}

.top20,
.margintop20 {
  margin-top: 20px !important;
}

.bottom20,
.marginbottom20 {
  margin-bottom: 20px !important;
}

.marginleft25 {
  margin-left: 25px !important;
}

.marginright25 {
  margin-right: 25px !important;
}

.top25,
.margintop25 {
  margin-top: 25px !important;
}

.bottom25,
.marginbottom25 {
  margin-bottom: 25px !important;
}

.marginleft30 {
  margin-left: 30px !important;
}

.marginright30 {
  margin-right: 30px !important;
}

.top30,
.margintop30 {
  margin-top: 30px !important;
}

.bottom30,
.marginbottom30 {
  margin-bottom: 30px !important;
}

.marginleft35 {
  margin-left: 35px !important;
}

.marginright35 {
  margin-right: 35px !important;
}

.top35,
.margintop35 {
  margin-top: 35px !important;
}

.bottom35,
.marginbottom35 {
  margin-bottom: 35px !important;
}

.marginleft40 {
  margin-left: 40px !important;
}

.marginright40 {
  margin-right: 40px !important;
}

.top40,
.margintop40 {
  margin-top: 40px !important;
}

.bottom40,
.marginbottom40 {
  margin-bottom: 40px !important;
}

.marginleft45 {
  margin-left: 45px !important;
}

.marginright45 {
  margin-right: 45px !important;
}

.top45,
.margintop45 {
  margin-top: 45px !important;
}

.bottom45,
.marginbottom45 {
  margin-bottom: 45px !important;
}

.marginleft50 {
  margin-left: 50px !important;
}

.marginright50 {
  margin-right: 50px !important;
}

.top50,
.margintop50 {
  margin-top: 50px !important;
}

.bottom50,
.marginbottom50 {
  margin-bottom: 50px !important;
}

.marginleft55 {
  margin-left: 55px !important;
}

.marginright55 {
  margin-right: 55px !important;
}

.top55,
.margintop55 {
  margin-top: 55px !important;
}

.bottom55,
.marginbottom55 {
  margin-bottom: 55px !important;
}

.marginleft60 {
  margin-left: 60px !important;
}

.marginright60 {
  margin-right: 60px !important;
}

.top60,
.margintop60 {
  margin-top: 60px !important;
}

.bottom60,
.marginbottom60 {
  margin-bottom: 60px !important;
}

.marginleft65 {
  margin-left: 65px !important;
}

.marginright65 {
  margin-right: 65px !important;
}

.top65,
.margintop65 {
  margin-top: 65px !important;
}

.bottom65,
.marginbottom65 {
  margin-bottom: 65px !important;
}

.marginleft70 {
  margin-left: 70px !important;
}

.marginright70 {
  margin-right: 70px !important;
}

.top70,
.margintop70 {
  margin-top: 70px !important;
}

.bottom70,
.marginbottom70 {
  margin-bottom: 70px !important;
}

.marginleft75 {
  margin-left: 75px !important;
}

.marginright75 {
  margin-right: 75px !important;
}

.top75,
.margintop75 {
  margin-top: 75px !important;
}

.bottom75,
.marginbottom75 {
  margin-bottom: 75px !important;
}

.marginleft80 {
  margin-left: 80px !important;
}

.marginright80 {
  margin-right: 80px !important;
}

.top80,
.margintop80 {
  margin-top: 80px !important;
}

.bottom80,
.marginbottom80 {
  margin-bottom: 80px !important;
}

.marginleft85 {
  margin-left: 85px !important;
}

.marginright85 {
  margin-right: 85px !important;
}

.top85,
.margintop85 {
  margin-top: 85px !important;
}

.bottom85,
.marginbottom85 {
  margin-bottom: 85px !important;
}

.marginleft90 {
  margin-left: 90px !important;
}

.marginright90 {
  margin-right: 90px !important;
}

.top90,
.margintop90 {
  margin-top: 90px !important;
}

.bottom90,
.marginbottom90 {
  margin-bottom: 90px !important;
}

.marginleft95 {
  margin-left: 95px !important;
}

.marginright95 {
  margin-right: 95px !important;
}

.top95,
.margintop95 {
  margin-top: 95px !important;
}

.bottom95,
.marginbottom95 {
  margin-bottom: 95px !important;
}

.marginleft100 {
  margin-left: 100px !important;
}

.marginright100 {
  margin-right: 100px !important;
}

.top100,
.margintop100 {
  margin-top: 100px !important;
}

.bottom100,
.marginbottom100 {
  margin-bottom: 100px !important;
}

.paddingleft5 {
  padding-left: 5px;
}

.paddingright5 {
  padding-right: 5px;
}

.paddingtop5 {
  padding-top: 5px;
}

.paddingbottom5 {
  padding-bottom: 5px;
}

.paddingleft10 {
  padding-left: 10px;
}

.paddingright10 {
  padding-right: 10px;
}

.paddingtop10 {
  padding-top: 10px;
}

.paddingbottom10 {
  padding-bottom: 10px;
}

.paddingleft15 {
  padding-left: 15px;
}

.paddingright15 {
  padding-right: 15px;
}

.paddingtop15 {
  padding-top: 15px;
}

.paddingbottom15 {
  padding-bottom: 15px;
}

.paddingleft20 {
  padding-left: 20px;
}

.paddingright20 {
  padding-right: 20px;
}

.paddingtop20 {
  padding-top: 20px;
}

.paddingbottom20 {
  padding-bottom: 20px;
}

.paddingleft25 {
  padding-left: 25px;
}

.paddingright25 {
  padding-right: 25px;
}

.paddingtop25 {
  padding-top: 25px;
}

.paddingbottom25 {
  padding-bottom: 25px;
}

.paddingleft30 {
  padding-left: 30px;
}

.paddingright30 {
  padding-right: 30px;
}

.paddingtop30 {
  padding-top: 30px;
}

.paddingbottom30 {
  padding-bottom: 30px;
}

.paddingleft35 {
  padding-left: 35px;
}

.paddingright35 {
  padding-right: 35px;
}

.paddingtop35 {
  padding-top: 35px;
}

.paddingbottom35 {
  padding-bottom: 35px;
}

.paddingleft40 {
  padding-left: 40px;
}

.paddingright40 {
  padding-right: 40px;
}

.paddingtop40 {
  padding-top: 40px;
}

.paddingbottom40 {
  padding-bottom: 40px;
}

.paddingleft45 {
  padding-left: 45px;
}

.paddingright45 {
  padding-right: 45px;
}

.paddingtop45 {
  padding-top: 45px;
}

.paddingbottom45 {
  padding-bottom: 45px;
}

.paddingleft50 {
  padding-left: 50px;
}

.paddingright50 {
  padding-right: 50px;
}

.paddingtop50 {
  padding-top: 50px;
}

.paddingbottom50 {
  padding-bottom: 50px;
}

.paddingleft55 {
  padding-left: 55px;
}

.paddingright55 {
  padding-right: 55px;
}

.paddingtop55 {
  padding-top: 55px;
}

.paddingbottom55 {
  padding-bottom: 55px;
}

.paddingleft60 {
  padding-left: 60px;
}

.paddingright60 {
  padding-right: 60px;
}

.paddingtop60 {
  padding-top: 60px;
}

.paddingbottom60 {
  padding-bottom: 60px;
}

.paddingleft65 {
  padding-left: 65px;
}

.paddingright65 {
  padding-right: 65px;
}

.paddingtop65 {
  padding-top: 65px;
}

.paddingbottom65 {
  padding-bottom: 65px;
}

.paddingleft70 {
  padding-left: 70px;
}

.paddingright70 {
  padding-right: 70px;
}

.paddingtop70 {
  padding-top: 70px;
}

.paddingbottom70 {
  padding-bottom: 70px;
}

.paddingleft75 {
  padding-left: 75px;
}

.paddingright75 {
  padding-right: 75px;
}

.paddingtop75 {
  padding-top: 75px;
}

.paddingbottom75 {
  padding-bottom: 75px;
}

.paddingleft80 {
  padding-left: 80px;
}

.paddingright80 {
  padding-right: 80px;
}

.paddingtop80 {
  padding-top: 80px;
}

.paddingbottom80 {
  padding-bottom: 80px;
}

.paddingleft85 {
  padding-left: 85px;
}

.paddingright85 {
  padding-right: 85px;
}

.paddingtop85 {
  padding-top: 85px;
}

.paddingbottom85 {
  padding-bottom: 85px;
}

.paddingleft90 {
  padding-left: 90px;
}

.paddingright90 {
  padding-right: 90px;
}

.paddingtop90 {
  padding-top: 90px;
}

.paddingbottom90 {
  padding-bottom: 90px;
}

.paddingleft95 {
  padding-left: 95px;
}

.paddingright95 {
  padding-right: 95px;
}

.paddingtop95 {
  padding-top: 95px;
}

.paddingbottom95 {
  padding-bottom: 95px;
}

.paddingleft100 {
  padding-left: 100px;
}

.paddingright100 {
  padding-right: 100px;
}

.paddingtop100 {
  padding-top: 100px;
}

.paddingbottom100 {
  padding-bottom: 100px;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.m1 {
  margin: 1em !important;
}

.ml1 {
  margin-left: 1em !important;
}

.mr1 {
  margin-right: 1em !important;
}

.t1,
.mt1 {
  margin-top: 1em !important;
}

.b1,
.mb1 {
  margin-bottom: 1em !important;
}

.m2 {
  margin: 2em !important;
}

.ml2 {
  margin-left: 2em !important;
}

.mr2 {
  margin-right: 2em !important;
}

.t2,
.mt2 {
  margin-top: 2em !important;
}

.b2,
.mb2 {
  margin-bottom: 2em !important;
}

.m3 {
  margin: 4em !important;
}

.ml3 {
  margin-left: 4em !important;
}

.mr3 {
  margin-right: 4em !important;
}

.t3,
.mt3 {
  margin-top: 4em !important;
}

.b3,
.mb3 {
  margin-bottom: 4em !important;
}

.m4 {
  margin: 8em !important;
}

.ml4 {
  margin-left: 8em !important;
}

.mr4 {
  margin-right: 8em !important;
}

.t4,
.mt4 {
  margin-top: 8em !important;
}

.b4,
.mb4 {
  margin-bottom: 8em !important;
}

.m5 {
  margin: 16em !important;
}

.ml5 {
  margin-left: 16em !important;
}

.mr5 {
  margin-right: 16em !important;
}

.t5,
.mt5 {
  margin-top: 16em !important;
}

.b5,
.mb5 {
  margin-bottom: 16em !important;
}

.mtq1 {
  margin-top: 0.25em;
}

.mtq2 {
  margin-top: 0.5em;
}

.mbq1 {
  margin-bottom: 0.25em;
}

.mbq2 {
  margin-bottom: 0.5em;
}

.mlq1 {
  margin-left: 0.25em;
}

.mlq2 {
  margin-left: 0.5em;
}

.mrq1 {
  margin-right: 0.25em;
}

.mrq2 {
  margin-right: 0.5em;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.p1 {
  padding: 1em !important;
}

.pl1 {
  padding-left: 1em !important;
}

.pr1 {
  padding-right: 1em !important;
}

.pt1 {
  padding-top: 1em !important;
}

.pb1 {
  padding-bottom: 1em !important;
}

.p2 {
  padding: 2em !important;
}

.pl2 {
  padding-left: 2em !important;
}

.pr2 {
  padding-right: 2em !important;
}

.pt2 {
  padding-top: 2em !important;
}

.pb2 {
  padding-bottom: 2em !important;
}

.p3 {
  padding: 4em !important;
}

.pl3 {
  padding-left: 4em !important;
}

.pr3 {
  padding-right: 4em !important;
}

.pt3 {
  padding-top: 4em !important;
}

.pb3 {
  padding-bottom: 4em !important;
}

.p4 {
  padding: 8em !important;
}

.pl4 {
  padding-left: 8em !important;
}

.pr4 {
  padding-right: 8em !important;
}

.pt4 {
  padding-top: 8em !important;
}

.pb4 {
  padding-bottom: 8em !important;
}

.p5 {
  padding: 16em !important;
}

.pl5 {
  padding-left: 16em !important;
}

.pr5 {
  padding-right: 16em !important;
}

.pt5 {
  padding-top: 16em !important;
}

.pb5 {
  padding-bottom: 16em !important;
}

.ptq1 {
  padding-top: 0.25em !important;
}

.ptq2 {
  padding-top: 0.5em !important;
}

.pbq1 {
  padding-bottom: 0.25em;
}

.pbq2 {
  padding-bottom: 0.5em;
}

.plq1 {
  padding-left: 0.25em;
}

.plq2 {
  padding-left: 0.5em;
}

.prq1 {
  padding-right: 0.25em;
}

.prq2 {
  padding-right: 0.5em;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.p0 {
  padding: 0 !important;
}

/* specify width on pixels */
.w100px {
  min-width: 100px !important;
  max-width: 101px !important;
}

.w130px {
  min-width: 110px !important;
  width: auto;
  max-width: 131px !important;
}

/* Spacing for general container */
.component-container {
  position: relative;
  padding: 48px 0px;
  margin: 0px;
}

#my-nxp .component-container {
  padding: 30px 0px;
}

.component-divider::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color);
}

.component-divider-top::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color);
}

.component-divider.sp-buy::before {
  display: none;
}

.component-overview {
  padding-bottom: 24px;
}

#my-nxp .component-overview .subTitle {
  font-size: 20px;
}

#my-nxp .component-overview .title {
  margin-bottom: 8px;
}

#my-nxp .component-overview .description {
  color: #262626;
  padding-top: 16px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.component-overview .title {
  margin-top: 0px;
  margin-bottom: 6px;
}

.component-overview .subTitle {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #262626;
  font-weight: 600;
}

.component-overview .description {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #000000;
  padding-top: 8px;
}

.component-overview .description a.cta {
  padding-right: 4px;
}

.component-overview .description a.cta:after {
  transform: translateX(4px) !important;
}

.component-overview .description a.cta, .component-overview .description a.cta:after, .component-overview .description a.cta:hover:after {
  transform: none;
  transition: none;
  animation: none;
}

.component-inline-left {
  display: inline-block;
  min-width: 300px;
  text-align: right;
}

.component-inline-left .checkbox input {
  margin-top: 2px;
}

.component-inline-left > * {
  margin-right: 4px;
}

.component-inline-left > *:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .component-inline-left {
    width: 100%;
    min-width: 100%;
  }
}

.component-md-flex {
  display: flex;
  width: 100%;
}

@media (max-width: 992px) {
  .component-md-flex {
    display: block;
  }
  .component-md-flex > * {
    margin-top: 12px;
  }
}

.component-md-flex > * {
  margin-right: 4px;
}

.component-md-flex > *:last-child {
  margin-right: 0px;
}

.component-flex {
  display: flex;
  width: 100%;
}

.component-flex > * {
  margin-right: 4px;
}

#design-advisor .component-container {
  position: relative;
  padding: 0px 0px 48px 0px;
  margin: 0px;
}

#design-advisor .component-container:first-child {
  padding: 48px 0px;
}

.no-border {
  border: none !important;
}

.no-margin-childs > * {
  margin-bottom: 0px;
}

.no-spacing {
  margin: 0;
}

.img-max-width-100 {
  max-width: 100% !important;
}

.full-container-padding {
  width: 100%;
  margin: auto;
  padding: 48px 0px;
}

.full-banner {
  position: relative;
  padding: 48px 30px;
  background-size: cover;
  height: auto;
  flex-wrap: wrap;
  display: flex;
  vertical-align: middle;
  background-position: left 200% top 200%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: none;
}

@media only screen and (max-width: 992px) {
  .full-banner {
    padding: 0px;
  }
}

.full-banner-container {
  margin: auto 0px;
  max-width: 50%;
}

.full-banner-container h2 {
  margin-top: 0px;
}

@media only screen and (max-width: 992px) {
  .full-banner-container {
    max-width: 100%;
  }
  .full-banner-container h2 {
    margin-top: 0px;
  }
}

.full-banner-container a:not(.btn):not(.nav-close) {
  text-decoration: underline;
  color: #262626;
}

@media only screen and (max-width: 450px) {
  .full-banner-container a.btn, .full-banner-container a.nav-close {
    margin-top: 16px !important;
  }
}

.full-banner-container a.btn-default, .full-banner-container .jumpto ul li.jumpto-cta-container a.btn-default, .jumpto ul li.jumpto-cta-container .full-banner-container a.btn-default {
  background: transparent;
  color: black !important;
  border-color: black;
}

.full-banner:before {
  margin-top: 16px;
  order: 1;
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
  background: inherit;
  background-position: bottom 50% right;
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .full-banner:before {
    margin-top: 30px;
  }
}

@media screen and (min-width: 992px) {
  .full-banner {
    background-position: unset;
  }
  .full-banner:before {
    margin-top: 32px;
    content: none;
  }
}

.card-banner {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

@media only screen and (max-width: 992px) {
  .card-banner {
    display: block;
  }
  .card-banner-item {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 30px;
  }
}

.card-banner-item {
  padding: 48px 30px;
  background-color: #e5eaed;
  max-width: calc(33.33333% - 1.33333em);
  text-align: center;
}

.card-banner-item .btn, .card-banner-item .nav-close {
  background: none;
}

.card-banner-item.yellow {
  background-color: #f2f5ca !important;
}

.card-banner-item.blue {
  background-color: #0e4e81 !important;
  margin-bottom: 0px;
}

.card-banner-item.blue .btn, .card-banner-item.blue .nav-close {
  color: white !important;
  border-color: white !important;
}

.card-banner-item.blue h1,
.card-banner-item.blue h2,
.card-banner-item.blue h3,
.card-banner-item.blue h4,
.card-banner-item.blue h5,
.card-banner-item.blue p,
.card-banner-item.blue div,
.card-banner-item.blue span {
  color: white !important;
}

.ds-resources {
  width: 100%;
  padding: 3em 0 3em 0;
  position: relative;
}

.ds-resources .is-open {
  box-shadow: none;
}

.ds-resources-big-title {
  font-size: 30px;
  margin-top: 0;
}

.ds-resources-title {
  padding: 0px;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-title {
    margin-top: 0px;
  }
}

.ds-resources-navigation .nav-piped {
  margin-bottom: 0px;
}

.ds-resources-navigation .nav-piped li {
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-navigation p,
  .ds-resources-navigation ul {
    display: none !important;
  }
}

.ds-resources-subtitle {
  padding-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-subtitle {
    padding: 8px 0;
  }
}

.ds-resources-block {
  border-bottom: 1px solid var(--nxp-border-color);
  padding-bottom: 3em;
  margin-bottom: 3em;
  position: relative;
}

.ds-resources-content {
  display: flex;
  justify-content: space-around;
  width: 100%;
  flex-shrink: 1;
}

.ds-resources-content .collapsible-wrapper {
  flex: 1;
}

.ds-resources-content.brand-hub {
  justify-content: flex-start;
}

.ds-resources-content.brand-hub .item-title {
  font-size: 20px !important;
}

.ds-resources-content .retrieved-items > li {
  border: none;
  padding: 20px 15px 20px 0px;
}

.ds-resources-content .retrieved-items > li .item-title {
  font-size: 16px;
  margin-right: 8px;
}

.ds-resources-content .retrieved-items > li .item-title a {
  margin-right: 8px;
}

.ds-resources-content .retrieved-items > li .item-title .svg-icon {
  vertical-align: -2.5px;
}

.ds-resources-content .retrieved-items > li .item-title.no-anchor .text-no-anchor {
  margin-right: 8px;
}

.ds-resources-content .retrieved-items > li .item-title.no-anchor .text-new-my-lib:first-child {
  margin-left: 0px;
}

.ds-resources-content .retrieved-items > li .item-title span.icon-newtab {
  padding-left: 4px;
}

.ds-resources-content .retrieved-items > li .text-new-my-lib {
  margin-right: 4px;
  margin-left: 0;
  padding: 3px 8px;
  vertical-align: 2px;
}

.ds-resources-content .retrieved-items > li .text-new-secondary {
  color: #994600;
  background: #ffeda7;
}

.ds-resources-content .retrieved-items > li .alert p {
  font-size: 14px;
}

.ds-resources-content .retrieved-items > li .alert-section {
  max-width: inherit;
  padding-right: 0px;
}

.ds-resources-content .retrieved-items > li .alert-default p {
  font-size: 14px;
  color: #000000;
}

.ds-resources-content .retrieved-items > li .alert-default a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.ds-resources-content .retrieved-items > li .alert-default a:hover {
  text-decoration: underline;
}

.ds-resources-content .retrieved-items .retrieved-item mark {
  background: #fcebcf;
  padding: 0;
  color: inherit;
}

.ds-resources-content .noresults-section {
  margin-top: 12px;
}

.ds-resources-content .item-metadata > .meta-item ~ .meta-item {
  padding-left: 0px;
}

.ds-resources-content .item-metadata {
  padding-left: 5px;
}

.ds-resources-content .meta-item[metadata-type='similar/complementary'] {
  visibility: hidden;
}

.ds-resources-content .meta-item:not(.title) {
  padding-right: 14px;
  display: inline-block;
  padding-left: 0px;
}

.ds-resources-content .meta-item:not(.title) .meta-file:only-child {
  padding-right: 0px !important;
}

.ds-resources-content .meta-item:not(.title) .meta-file {
  border: none;
  padding-right: 8px;
}

.ds-resources-content .meta-item:not(.title) img {
  padding: 2px 8px 2px 0px;
  border-right: 1px solid var(--nxp-border-color);
  border-right: 1px solid var(--nxp-border-color);
  width: 68px;
}

.ds-resources-content .meta-item > .meta-file ~ .meta-file {
  border-left: 1.5px solid #64798a;
  padding-left: 8px;
  padding-right: 0;
}

.ds-resources-content .nav-header {
  border: none;
}

.ds-resources-content .item-media {
  flex-basis: auto;
  max-width: 200px;
}

.ds-resources-content .item-media img {
  max-height: 115px;
}

@media (min-width: 1440px) {
  .ds-resources-content .item-media + .item-body:has(+ .item-options) {
    max-width: calc(86% - 280px);
  }
}

.ds-resources-content .alert-default p {
  font-size: 14px;
  color: #000000;
}

.ds-resources-content .alert-default a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.ds-resources-content .alert-default a:hover {
  text-decoration: underline;
}

.ds-resources-content .metadata.hw-partner, .ds-resources-content .shopping-list .box-container .hw-partner.description, .shopping-list .box-container .ds-resources-content .hw-partner.description {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.ds-resources-content .metadata.hw-partner img, .ds-resources-content .shopping-list .box-container .hw-partner.description img, .shopping-list .box-container .ds-resources-content .hw-partner.description img {
  border: none;
}

.ds-resources-content .metadata.hw-partner .meta-item.border, .ds-resources-content .shopping-list .box-container .hw-partner.description .meta-item.border, .shopping-list .box-container .ds-resources-content .hw-partner.description .meta-item.border {
  border-left: 1px solid var(--nxp-border-color);
  height: 50px;
}

.ds-resources-sorting {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .ds-resources-sorting {
    padding-top: 0px;
  }
  .ds-resources-sorting form {
    display: none;
  }
}

.ds-resources-sorting form {
  position: absolute;
  top: 0px;
  right: 0;
  min-width: 205px;
}

.ds-resources-sorting select {
  border: none;
  box-shadow: none;
  padding-left: 4px !important;
  font-size: 16px !important;
  color: #000000;
  line-height: 22px !important;
  padding-top: 2px;
}

.ds-resources-sorting label {
  padding: 0px 8px;
  border-right: 1px solid var(--nxp-border-color);
}

.ds-resources-sorting .ds-selected-filters {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

.ds-resources-sorting .ds-selected-filters ul {
  margin: 0;
}

.ds-resources-sorting .ds-selected-filters ul li {
  margin-right: 8px;
}

.ds-resources-sorting .ds-selected-filters ul li.clear a {
  color: var(--nxp-link-color);
  text-decoration: none;
  background: none;
}

.ds-resources-sorting .ds-selected-filters ul li.clear a::before {
  display: none;
}

.ds-resources-sorting .retrieved-results-label {
  padding-top: 2px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-sorting .retrieved-results-label {
    font-size: 16px;
  }
}

.ds-resources-sorting #docstoreAccessMessage .text-muted * {
  color: #64798a !important;
}

.ds-resources-options {
  background: #ebe7dd;
  padding: 24px;
  margin-bottom: 24px;
}

.ds-resources-options .radio {
  margin: 0px;
}

.ds-resources-options .radio .popover {
  min-width: 200px;
}

.ds-resources-options .radio input {
  position: relative;
  margin-left: 0px;
}

.ds-resources-options .radio label {
  padding: 0px;
  margin-bottom: 0.5em;
  display: block;
}

.ds-resources-options .radio span:not(.icon-info) {
  padding-left: 12px;
}

.ds-resources-options .radio .icon-info {
  font-size: 12px;
}

.ds-resources-options .radio .disabled {
  cursor: not-allowed;
}

.ds-resources-options .radio-popover {
  display: flex;
}

.ds-resources-options .radio-popover .icon-info {
  position: relative;
  top: 4px;
  margin-left: 4px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-options .radio-popover .icon-info {
    top: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources-options {
    display: block;
    position: relative;
  }
  .ds-resources-options .button-container {
    border: none;
    padding: 0px;
  }
  .ds-resources-options .button-container .filter-toggle {
    /* updates from backlog */
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    background: none;
    color: #215bd6;
    position: absolute;
    right: 24px;
    top: 24px;
    padding: 0px;
    letter-spacing: 0;
  }
  .ds-resources-options .button-container .filter-toggle::before {
    display: none;
  }
  .ds-resources-options .button-container .filter-toggle:hover::before {
    display: none;
  }
  .ds-resources-options .button-container .filter-toggle.btn-default:hover {
    text-decoration: underline;
  }
  .ds-resources-options .button-container .filter-toggle.btn-default:active, .ds-resources-options .button-container .filter-toggle.btn-default:focus {
    background-color: unset !important;
    outline: unset;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources-options.hidden {
    display: block !important;
    position: relative;
  }
  .ds-resources-options.hidden .button-container {
    margin-bottom: 22px;
    height: 18px;
  }
  .ds-resources-options.hidden .button-container .filter-toggle {
    right: 0px;
    top: 2px;
  }
}

.ds-resources-options.hidden {
  background: none;
  padding: 0px;
  margin: 0px;
}

.ds-resources-filter {
  margin-top: 40px;
  padding: 8px 0px 8px 24px;
}

.ds-resources-filter h5 {
  font-size: 12px;
  color: #686664;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 23px;
}

@media only screen and (max-width: 767px) {
  .ds-resources-filter h5 {
    display: none;
  }
}

.ds-resources-filter-list, .ds-resources-filter-training {
  list-style: none;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .ds-resources-filter-list, .ds-resources-filter-training {
    margin-top: 20px !important;
  }
  .ds-resources-filter-list li.active, .ds-resources-filter-training li.active {
    font-weight: 600;
  }
}

.ds-resources-filter-list .more-filters-link:hover,
.ds-resources-filter-list .less-filters-link:hover,
.ds-resources-filter-list .more-filters-link2:hover,
.ds-resources-filter-list .less-filters-link2:hover, .ds-resources-filter-training .more-filters-link:hover,
.ds-resources-filter-training .less-filters-link:hover,
.ds-resources-filter-training .more-filters-link2:hover,
.ds-resources-filter-training .less-filters-link2:hover {
  text-decoration: none;
  color: var(--nxp-link-color);
}

.ds-resources-filter-list .more-filters-link::after,
.ds-resources-filter-list .more-filters-link2::after, .ds-resources-filter-training .more-filters-link::after,
.ds-resources-filter-training .more-filters-link2::after {
  content: '\f107';
  display: inline-block;
  vertical-align: text-top;
  margin-left: 5px;
  font-family: Font Awesome;
  font-weight: inherit;
  transition: -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

.ds-resources-filter-list .less-filters-link::after,
.ds-resources-filter-list .less-filters-link2::after, .ds-resources-filter-training .less-filters-link::after,
.ds-resources-filter-training .less-filters-link2::after {
  content: '\f106';
  display: inline-block;
  vertical-align: text-top;
  margin-left: 5px;
  font-family: Font Awesome;
  font-weight: inherit;
  transition: -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

.ds-resources-filter-list li, .ds-resources-filter-training li {
  display: flex;
}

.ds-resources-filter-list li .checkbox, .ds-resources-filter-training li .checkbox {
  margin: 0;
}

.ds-resources-filter-list li span, .ds-resources-filter-training li span {
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
}

.ds-resources-filter-list li .icon-info, .ds-resources-filter-training li .icon-info {
  padding-left: 4px !important;
}

@media only screen and (max-width: 767px) {
  .ds-resources-filter-training {
    padding-right: 24px;
  }
  .ds-resources-filter-training li.filter-parent {
    border: 1px solid rgba(89, 110, 125, 0.3);
    padding: 12px;
    max-height: 46px;
    position: relative;
    overflow-y: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
  }
  .ds-resources-filter-training li.filter-parent-open {
    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    -ms-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
    max-height: 600px;
  }
  .ds-resources-filter-training li.filter-parent-open span.filter-parent-label::before {
    content: '\F106';
  }
  .ds-resources-filter-training li span.filter-parent-label::before {
    content: '\F107';
    font-family: Font Awesome;
    position: absolute;
    right: 16px;
    top: 8px;
    font-weight: 600;
  }
  .ds-resources-filter-training li span {
    width: 100%;
    padding-left: 0 !important;
  }
  .ds-resources-filter-training span.icon-info {
    display: none;
  }
  .ds-resources-filter-training li.active {
    font-weight: 600;
  }
}

.ds-resources-filter-training ul.filter-child {
  display: none;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .ds-resources-filter-training ul.filter-child {
    display: block;
  }
  .ds-resources-filter-training ul.filter-child .filter-child-label {
    padding-left: 0;
  }
  .ds-resources-filter-training ul.filter-child .filter-child-label a {
    padding-left: 12px;
    color: #333;
  }
  .ds-resources-filter-training ul.filter-child .filter-child-label a::before {
    content: '\f104';
    vertical-align: text-bottom;
    position: absolute;
    left: 12px;
    font-family: Font Awesome;
    font-weight: inherit;
  }
  .ds-resources-filter-training ul.filter-child li {
    padding-left: 24px;
    display: block;
  }
  .ds-resources-filter-training ul.filter-child li a {
    padding-left: 0;
  }
  .ds-resources-filter-training ul.filter-child li .filter-nav-item {
    padding: 4px 24px;
  }
  .ds-resources-filter-training ul.filter-child li .filter-nav-item a {
    color: #333;
  }
}

.ds-resources-filter-training .more-filters-link::after,
.ds-resources-filter-training .more-filters-link2::after {
  content: '\f107';
  display: inline-block;
  vertical-align: text-top;
  margin-left: 5px;
  font-family: Font Awesome;
  font-weight: inherit;
  transition: -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

@media only screen and (max-width: 767px) {
  .ds-resources {
    padding: 24px 0px;
  }
  .ds-resources .button-container {
    display: block;
  }
  .ds-resources .nav-container.is-open {
    top: 60px;
    z-index: 9999;
    height: 100vh;
    max-height: 100vh;
    transform: translateX(0);
    box-shadow: -80px 0 0 0 rgba(0, 0, 0, 0.6) !important;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .ds-resources .nav-container.is-open {
    height: 100dvh;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources .nav-clearing {
    display: block;
  }
  .ds-resources .nav-close {
    display: block;
    width: 100%;
  }
  .ds-resources .nav-container {
    position: fixed;
    top: 60px;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    width: 90%;
    min-height: 0;
    background: #f7f5f1;
    box-shadow: none;
    transform: translateX(100%);
    transition: all 700ms cubic-bezier(0.04, 0, 0.2, 1);
  }
  .ds-resources-big-title {
    font-size: 30px !important;
    padding-left: 0 !important;
    font-weight: 600 !important;
  }
  #training .ds-resources-big-title,
  #downloads .ds-resources-big-title {
    border-bottom: none;
    margin-bottom: 0px;
  }
  #documentation .ds-resources-big-title {
    border-bottom: none;
    margin-bottom: 0px;
  }
  .ds-resources-big-title::after {
    top: 18px !important;
    font-size: 18px;
  }
  .ds-resources-title {
    font-size: 20px !important;
    padding-left: 0 !important;
    margin-bottom: 0px !important;
  }
  .ds-resources-title {
    background: none !important;
    border: none !important;
    border-top: 1px solid var(--nxp-border-color) !important;
    font-weight: 400 !important;
  }
  #design-resources .ds-resources-title {
    border-bottom: 1px solid var(--nxp-border-color) !important;
  }
  #design-resources .active .ds-resources-title {
    border-bottom: none !important;
  }
}

#design-resources .ds-resources-content {
  border-bottom: none !important;
}

#design-resources .active .ds-resources-content {
  border-bottom: 1px solid #d4cfc5 !important;
  padding-bottom: 32px;
}

.ds-resources-block {
  margin: 0;
  padding: 0px;
  border: none;
}

/* tooltip styles */
.dropdown-menu {
  padding: 15px 0px;
  margin: 0px;
  top: 114%;
  min-width: 200px;
}

.dropdown-menu button.close {
  position: absolute;
  right: 16px;
  top: 12px;
}

.dropdown-menu button.close span {
  font-size: 16px;
}

.dropdown-menu input {
  margin: 4px 16px;
  padding: 4px 8px 4px 20px;
  width: 140px;
  border: 1px solid var(--nxp-border-color);
  border-radius: 0;
}

.dropdown-menu .searchPartIcon {
  position: absolute;
  top: 28px;
  left: 20px;
  color: #98a8b4;
}

.dropdown-menu .scrollable-menu {
  list-style: none;
  padding: 0;
  margin-top: 16px;
}

.dropdown-menu .scrollable-menu li {
  max-height: auto;
  margin: 0;
}

.dropdown-menu .scrollable-menu li a {
  padding: 8px 20px;
  color: #262626;
  display: block;
  text-decoration: none;
  margin-bottom: 0px;
}

.dropdown-menu .scrollable-menu li a:hover {
  background: #e5eaed;
}

@media only screen and (max-width: 480px) {
  .btn-group-flex .dropdown-menu {
    left: 80%;
  }
}

.btn-group-flex .dropdown-menu::after {
  left: 90%;
}

@media only screen and (max-width: 480px) {
  .btn-group-flex .dropdown-menu::after {
    left: 10px;
  }
}

.dropdown-menu::after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-right: 1px solid var(--nxp-border-color);
  border-bottom: 1px solid var(--nxp-border-color);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.ds-resources.section-title {
  padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .ds-resources.section-title {
    padding-bottom: 0px !important;
  }
  .ds-resources.section-title .ds-resources-big-title {
    padding-bottom: 11px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--nxp-border-color) !important;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources.section-title::after {
    border-top: 1px solid var(--nxp-border-color) !important;
  }
}

.ds-resources.section-content {
  padding-top: 3em;
}

.ds-resources.section-content .ds-resources-title {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .ds-resources.section-content {
    padding-bottom: 0px !important;
    padding-top: 0px;
    border-bottom: 1px solid var(--nxp-border-color) !important;
  }
  .ds-resources.section-content .ds-resources-title {
    border-top: none !important;
  }
}

.ds-resources.section-content::before {
  display: none;
}

.ds-resources.section-content.section-additional {
  border-top: 1px solid var(--nxp-border-color);
  padding: 3em 0 3em 0;
}

.ds-resources.section-content.section-additional .ds-resources-title {
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .ds-resources.section-content.section-additional {
    border-top: none;
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources.section-content.last {
    margin-bottom: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  #downloads.ds-resources.section-content.section-additional .ds-resources-title {
    font-size: 18px !important;
    border-top: 1px solid var(--nxp-border-color) !important;
  }
}

.ds-resources-block:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ds-resources::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

#support.getHelp::before,
#applicationdetails::before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

@media only screen and (max-width: 767px) {
  .collapse-mobile.active.ds-resources::before {
    display: block;
    border-bottom: 1px solid var(--nxp-border-color) !important;
  }
}

.ds-column-left {
  padding-bottom: 3em;
  font-size: 14px;
  height: 100%;
  max-width: 280px;
  width: 280px;
  padding: 0 24px 0 0px;
}

@media screen and (min-width: 768px) {
  .ds-column-left {
    position: sticky;
    top: 130px;
    max-height: calc(100vh - 130px);
  }
  .ds-column-left .nav-container {
    top: 0px;
  }
}

@media only screen and (min-width: 768px) and (min-height: 900px) {
  .ds-column-left .filter-list-sticky {
    max-height: calc(100vh - 274px);
  }
}

@media only screen and (min-width: 768px) and (max-height: 899px) {
  .ds-column-left .filter-list-sticky {
    max-height: calc(100vh - 250px);
  }
}

@media only screen and (max-width: 767px) {
  .ds-column-left {
    border: none;
    margin-left: 0 !important;
    max-width: none !important;
    padding-right: 0;
    width: 100%;
  }
}

.ds-column-right {
  border-left: 1px solid var(--nxp-border-color);
  width: calc(100% - 220px);
  padding: 0 0 0 24px;
  position: relative;
}

.ds-column-right .download-desktop {
  display: none;
  padding-top: 24px;
  margin-bottom: 0px;
}

.ds-column-right .download-desktop span {
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .ds-column-right .alert.aligned {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 991px) {
  .ds-column-right .download-desktop {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .ds-column-right {
    margin-left: 0;
    width: 100%;
    padding-left: 0;
    border-left: none;
    padding-bottom: 48px;
  }
}

.ds-column-right .prev-revision-container .item-options {
  margin: 0px;
}

.ds-column-right .prev-revision-container .item-metadata .meta-item:nth-of-type(2) {
  padding-left: 5px;
}

.ds-column-right .prev-revision-container .item-metadata .prev-rev {
  display: block;
  padding-left: 5px !important;
}

.ds-column-right .prev-revision-container .item-metadata .prev-rev a {
  color: var(--nxp-link-color) !important;
  text-decoration: none;
}

.ds-column-right .prev-revision-container .item-metadata .prev-rev a:hover {
  text-decoration: underline;
}

.ds-column-right .item-body .item-action {
  margin-bottom: 10px;
}

.ds-column-right .item-options {
  padding: 20px 0px 0px 0px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
  /* dropdownChanges to align with collections */
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options {
    padding-left: 15px !important;
    justify-content: flex-start !important;
  }
}

.ds-column-right .item-options > .btn-group,
.ds-column-right .item-options > .btn,
.ds-column-right .item-options > .nav-close {
  width: 150px;
  min-width: 130px;
  max-width: 150px;
}

.ds-column-right .item-options .btn-sm, .ds-column-right .item-options .btn-group-sm > .btn, .ds-column-right .item-options .btn-group-sm > .nav-close {
  min-width: unset !important;
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options .btn-sm + .item-options-collections, .ds-column-right .item-options .btn-group-sm > .btn + .item-options-collections, .ds-column-right .item-options .btn-group-sm > .nav-close + .item-options-collections {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options .btn-group + .item-options-collections {
    width: 100%;
  }
}

.ds-column-right .item-options .item-options-collections {
  margin-left: auto;
  margin-top: auto;
  width: auto;
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options .item-options-collections {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options > .item-options-collections:first-child {
    margin: 0px;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .ds-column-right .item-options > .item-options-collections:first-child .item-options-collections-menu {
    left: -4px;
  }
  .ds-column-right .item-options > .item-options-collections:first-child .item-options-collections-menu::after {
    right: unset;
    left: 4px;
  }
}

@media (max-width: 992px) {
  .ds-column-right .item-options > .item-options-collections:first-child .item-options-collections-menu {
    z-index: 1001;
  }
}

.ds-column-right .item-options .add-collection {
  cursor: pointer;
}

.ds-column-right .item-options .dropdown-menu {
  right: 0px;
  left: unset;
}

.ds-column-right .item-options .dropdown-menu::after {
  right: 10px;
  left: unset;
}

@media only screen and (max-width: 767px) {
  .ds-column-right .item-options .dropdown-menu {
    left: 0px;
    right: unset;
  }
  .ds-column-right .item-options .dropdown-menu::after {
    left: 132px;
    right: unset;
  }
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options {
    padding: 0px 15px;
  }
}

.ds-column-right .item-options .btn-group {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .ds-column-right .item-options .btn-group {
    width: 100%;
  }
}

.ds-column-right .item-options .btn-group .btn, .ds-column-right .item-options .btn-group .nav-close {
  width: inherit;
}

.ds-column-right .item-options .btn-group .dropdown-toggle {
  width: 24px;
}

.ds-column-right .item-options img {
  max-width: 100px;
  max-height: 50px;
  width: auto;
  margin: auto;
}

@media only screen and (max-width: 991px) {
  .ds-column-right .item-options img {
    margin-left: 0px;
  }
}

.ds-column-right .item-options img + .item-options-collections {
  align-self: flex-start;
  margin: unset;
}

@media (max-width: 992px) {
  .ds-column-right .item-options.text-center .item-options-collections {
    text-align: start;
  }
}

.ds-column-right.notifyTop {
  padding-top: 72px;
}

.ds-column-right.notifyTop.secure {
  padding-top: 0px;
}

.ds-column-right.notifyTop.secure > .alert {
  display: flex;
  align-items: flex-start;
  position: inherit;
  width: 100%;
}

.ds-column-right.notifyTop.secure > .alert a {
  text-decoration: underline;
}

.ds-column-right.notifyTop.secure .alert-grey a {
  text-decoration: none;
}

.ds-column-right.notifyTop.secure .alert-grey a:hover {
  text-decoration: underline;
}

.ds-column-right.notifyTop.secure > .loading-view {
  position: inherit;
  width: 100%;
  text-align: center;
  padding-top: 0px;
}

.ds-column-right.notifyTop.secure > .loading-view a {
  text-decoration: underline;
}

.ds-column-right.notifyTop.secure > .loading-view span:first-child {
  font-size: 40px;
}

.ds-column-right.notifyTop.secure > .loading-view p {
  padding-top: 24px;
}

.ds-column-right.notifyTop.secure > .additional p:not(:first-child) {
  padding-top: 36px;
}

.ds-column-right.notifyTop.secure form {
  position: inherit;
}

.ds-column-right.notifyTop form {
  top: 72px;
}

.ds-column-right.notifyTop > .alert {
  position: absolute;
  top: 0px;
  width: 100%;
}

.ds-column-right.notifyTop > .alert a {
  text-decoration: underline;
}

.ds-column-right.notifyTop > .loading-view {
  position: absolute;
  top: 0px;
  width: 100%;
  text-align: center;
  padding-top: 0px;
}

.ds-column-right.notifyTop > .loading-view a {
  text-decoration: underline;
}

.ds-column-right.notifyTop > .loading-view span:first-child {
  font-size: 40px;
}

.ds-column-right.notifyTop > .loading-view p {
  padding-top: 24px;
}

.ds-column-right.notifyTop > .alert ~ .alert {
  position: relative;
  top: unset;
}

@media only screen and (max-width: 768px) {
  .ds-column-right p#linkClick {
    display: inline-block;
  }
  .ds-column-right p#linkClick span {
    height: 40px;
    padding-top: 2px;
    float: left;
  }
}

.ds-column-right.filter .form-inline {
  top: 86px;
}

.ds-column-right.filter .icon-filter {
  font-size: 17px;
  color: #898683;
}

.ds-column-right.filter .search-icon {
  top: 1px;
}

.ds-column-right.filter .ds-resources-sorting:first-of-type {
  margin-bottom: 36px;
  display: inherit;
}

.ds-column-right.filter .ds-resources-sorting:first-of-type .ds-selected-filters {
  padding-bottom: 8px;
  padding-top: 20px;
  border-bottom: 1px solid var(--nxp-border-color);
}

.ds-column-right.filter .ds-resources-sorting .form-inline {
  position: inherit;
}

.ds-selected-filters {
  display: none;
  margin-top: 24px;
  padding: 4px 0px 16px 0;
}

@media only screen and (max-width: 767px) {
  .ds-selected-filters {
    display: block;
  }
}

.ds-selected-filters ul {
  padding-left: 0;
  display: flex;
  justify-content: start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 12px;
}

.ds-selected-filters ul li.selectedfilterli:first-child {
  margin-top: 12px;
}

.ds-selected-filters li {
  position: relative;
  width: fit-content;
  padding: 4px 0px;
  list-style: none;
  margin-right: 12px;
  margin-bottom: 12px;
}

.ds-selected-filters li a {
  padding: 12px 30px 12px 16px;
  border-radius: 100px;
  font-size: 14px;
  display: flex;
  background: #ebe7dd;
  color: #000000;
}

.ds-selected-filters .keyword {
  display: flex;
  margin-top: 0px;
}

.ds-selected-filters .keyword a {
  padding: 12px 30px 12px 16px;
  word-break: break-all;
  background: #ffeda7;
}

.ds-selected-filters .keyword a::before {
  top: auto !important;
}

.ds-selected-filters li a::before {
  content: '\f00d';
  font-family: Font Awesome;
  position: absolute;
  right: 14px;
  top: auto;
  font-weight: 400;
}

/* Styles for list filter with childs */
.filter-parent {
  display: block !important;
  margin: 20px 0;
}

.filter-parent-label {
  display: block;
  font-size: 14px;
  padding: 0 !important;
  font-weight: 600;
  color: #000000;
  cursor: default;
}

.filter-parent-list {
  padding: 0 !important;
}

.filter-parent select {
  border: 1px solid #64798a;
  box-shadow: none;
  width: 178px;
}

.filter-parent #accessStatusOption {
  font-size: 16px;
}

/* filters on mobile */
.nav-container.filter-list-sticky {
  padding-bottom: 0px;
}

.nav-container .ds-selected-filters {
  padding: 24px 32px;
  border-bottom: 1px solid var(--nxp-border-color);
  position: relative;
}

.nav-container .ds-selected-filters h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.nav-container .ds-selected-filters .clearFilter {
  position: absolute;
  right: 11px;
  bottom: 8px;
}

.nav-container .ds-selected-filters ul {
  padding-left: 0;
  display: block;
}

.nav-container .ds-selected-filters ul li {
  padding-left: 8px;
}

.nav-container .ds-selected-filters ul a {
  background: none;
}

.nav-container .ds-selected-filters ul a::before {
  left: 0;
}

@media only screen and (max-width: 767px) {
  .nav-container.is-open .ds-resources-filter {
    margin-top: 20px !important;
    padding: 0px;
  }
  .nav-container.is-open .ds-resources-filter .filterByActive {
    font-size: 18px;
    color: #20272d;
    padding-left: 20px;
    display: block;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
  }
}

.nav-container.is-open .ds-resources-filter .ds-selected-filters {
  padding: 0px;
  margin: 0px;
}

.nav-container.is-open .ds-resources-filter .ds-selected-filters ul {
  list-style: none;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  word-break: break-word;
}

.nav-container.is-open .ds-resources-filter .ds-selected-filters ul li {
  margin: 0px;
}

.nav-container.is-open .ds-resources-filter .clearFilter {
  bottom: unset;
  top: 0px;
}

.nav-container.is-open .ds-resources-filter .ds-resources-filter-list {
  padding-left: 20px;
}

.nav-container.is-open .ds-resources-filter .ds-resources-filter-training {
  padding-left: 20px;
  padding-right: 20px;
}

/* animation css for auto heigth */
@keyframes openFilter {
  0% {
    max-height: 0%;
  }
  100% {
    max-height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #support .communityModule-title {
    border-bottom: none !important;
  }
}

@media only screen and (max-width: 767px) {
  #design-resources,
  #product-details {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.loading-view {
  position: inherit;
  width: 100%;
  text-align: center;
  padding-top: 0px;
}

.loading-view a {
  text-decoration: underline;
}

.loading-view span:first-child {
  font-size: 40px;
}

.loading-view p {
  padding-top: 24px;
}

#software.ds-resources-block {
  padding: 48px 0px;
}

#software.ds-resources-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  margin-left: calc(-50vw - -50%);
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

#software.ds-resources-block .ds-resources-title {
  margin-top: 0px;
}

.stepper-content .retrieved-results {
  padding-bottom: 48px !important;
}

.stepper-content .retrieved-results .retrieved-items > li {
  border: none;
  padding: 20px 15px 20px 0px;
}

.stepper-content .retrieved-results .retrieved-items > li .item-title {
  font-size: 16px;
  margin-right: 8px;
}

.stepper-content .retrieved-results .retrieved-items > li .item-title a {
  margin-right: 8px;
}

.stepper-content .retrieved-results .retrieved-items > li .item-title.no-anchor .text-no-anchor {
  margin-right: 8px;
}

.stepper-content .retrieved-results .retrieved-items > li .item-title.no-anchor .text-new-my-lib:first-child {
  margin-left: 0px;
}

.stepper-content .retrieved-results .retrieved-items > li .item-title span.icon-newtab {
  padding-left: 4px;
}

.stepper-content .retrieved-results .retrieved-items > li .text-new-my-lib {
  margin-right: 4px;
  margin-left: 0;
  padding: 3px 8px;
  vertical-align: 2px;
}

.stepper-content .retrieved-results .retrieved-items > li .text-new-secondary {
  color: #895701;
  background: rgba(245, 155, 0, 0.3);
}

.stepper-content .retrieved-results .retrieved-items > li .alert p {
  font-size: 14px;
}

.stepper-content .retrieved-results .retrieved-items > li .alert-section {
  max-width: inherit;
  padding-right: 0px;
}

.stepper-content .retrieved-results .retrieved-items > li .alert-default p {
  font-size: 14px;
  color: #000000;
}

.stepper-content .retrieved-results .retrieved-items > li .alert-default a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.stepper-content .retrieved-results .retrieved-items > li .alert-default a:hover {
  text-decoration: underline;
}

.stepper-content .retrieved-results .sw-type {
  padding-top: 28px;
  gap: 8px;
}

.stepper-content .retrieved-results .sw-type .btn, .stepper-content .retrieved-results .sw-type .nav-close {
  width: 100%;
}

.stepper-content .retrieved-results .btn-group {
  max-width: 100% !important;
  width: 100% !important;
}

.stepper-content .retrieved-results .item-metadata > .meta-item ~ .meta-item {
  padding-left: 0px;
}

.stepper-content .retrieved-results .item-metadata {
  padding-left: 5px;
}

.stepper-content .retrieved-results .meta-item:not(.title) {
  padding-right: 14px;
  display: inline-block;
  padding-left: 0px;
}

.stepper-content .retrieved-results .meta-item:not(.title) .meta-file:only-child {
  padding-right: 0px !important;
}

.stepper-content .retrieved-results .meta-item:not(.title) .meta-file {
  border: none;
  padding-right: 8px;
}

.stepper-content .retrieved-results .meta-item:not(.title) img {
  padding: 2px 8px 2px 0px;
  border-right: 1px solid var(--nxp-border-color);
  width: 68px;
}

.stepper-content .retrieved-results .meta-item > .meta-file ~ .meta-file {
  border-left: 1.5px solid #64798a;
  padding-left: 8px;
  padding-right: 0;
}

.stepper-content .retrieved-results .nav-header {
  border: none;
}

.stepper-content .retrieved-results .card1-footer .resource-list {
  padding-bottom: 8px;
}

.stepper-content .retrieved-results .alert-default p {
  font-size: 14px;
  color: #000000;
}

.stepper-content .retrieved-results .alert-default a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

.stepper-content .retrieved-results .alert-default a:hover {
  text-decoration: underline;
}

.stepper-content .retrieved-results .metadata.hw-partner, .stepper-content .retrieved-results .shopping-list .box-container .hw-partner.description, .shopping-list .box-container .stepper-content .retrieved-results .hw-partner.description {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.stepper-content .retrieved-results .metadata.hw-partner img, .stepper-content .retrieved-results .shopping-list .box-container .hw-partner.description img, .shopping-list .box-container .stepper-content .retrieved-results .hw-partner.description img {
  border: none;
}

.stepper-content .retrieved-results .metadata.hw-partner .meta-item.border, .stepper-content .retrieved-results .shopping-list .box-container .hw-partner.description .meta-item.border, .shopping-list .box-container .stepper-content .retrieved-results .hw-partner.description .meta-item.border {
  border-left: 1px solid var(--nxp-border-color);
  height: 50px;
}

.stepper-content .button-section {
  padding-top: 48px !important;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options form {
  width: 100%;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio .radio-popover {
  align-items: center;
  margin-bottom: unset;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio .radio-popover label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio .radio-popover label input[type='radio'] {
  margin-top: 0px;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio .radio-popover span.icon-info {
  top: 0;
  cursor: pointer;
}

.ds-resources .ds-resources-content .ds-column-left .ds-resources-options .radio .radio-divider {
  border-bottom: 1px solid var(--nxp-border-color);
}

.ds-resources .ds-resources-content .ds-column-right .results-controls {
  margin-bottom: 12px;
}

.ds-resources .ds-resources-content .ds-column-right .results-controls .result-content {
  gap: 8px;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item {
  margin: 0;
  border-bottom: 1px solid var(--nxp-border-color);
  padding: 20px 0px 20px 0px;
  display: flex;
  gap: 4px 15px;
}

@media (max-width: 480px) {
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item {
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item {
    gap: 24px 15px;
  }
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body {
  position: unset;
  width: unset;
  max-width: unset;
  min-width: unset;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata .meta-item, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description .meta-item, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description .meta-item {
  all: revert;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata .meta-item.border, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description .meta-item.border, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description .meta-item.border {
  border-left: 1px solid var(--nxp-border-color);
  height: 50px;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata .meta-item.dropdown, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description .meta-item.dropdown, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description .meta-item.dropdown {
  position: relative;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .metadata .item-action, .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .shopping-list .box-container .description .item-action, .shopping-list .box-container .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-body .description .item-action {
  margin-bottom: unset;
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-options {
  min-height: unset;
}

@media only screen and (max-width: 991px) {
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-options {
    padding: 0px !important;
    flex-direction: column;
    align-items: flex-start;
  }
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-options .btn-group,
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-options .btn,
  .ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .item-options .nav-close {
    margin-top: 0;
  }
}

.ds-resources .ds-resources-content .ds-column-right ul.retrieved-items li.retrieved-item .alert {
  margin-bottom: 0;
}

.ds-resources .ds-resources-content .ds-column-right #hwSection.retrieved-items .item-options {
  width: 20px;
  min-width: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
}

@media (max-width: 992px) {
  .ds-resources .ds-resources-content .ds-column-right #hwSection.retrieved-items .item-options {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .ds-resources .ds-resources-content {
    display: block;
  }
}

ul.result-group {
  padding-left: 0;
  list-style: none;
}

ul.result-group li.result-item {
  display: flex;
  gap: 4px 15px;
  padding: 20px 0px 20px 0px;
  margin: 0;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media (max-width: 992px) {
  ul.result-group li.result-item {
    flex-direction: column;
    gap: 24px 15px;
  }
}

@media (max-width: 480px) {
  ul.result-group li.result-item {
    flex-direction: column;
  }
}

ul.result-group li.result-item .result-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}

ul.result-group li.result-item .result-body .title-and-elements {
  word-break: break-word;
}

ul.result-group li.result-item .result-body .metadata, ul.result-group li.result-item .result-body .shopping-list .box-container .description, .shopping-list .box-container ul.result-group li.result-item .result-body .description,
ul.result-group li.result-item .result-body .item-metadata {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}

ul.result-group li.result-item .result-body .metadata .meta-item, ul.result-group li.result-item .result-body .shopping-list .box-container .description .meta-item, .shopping-list .box-container ul.result-group li.result-item .result-body .description .meta-item,
ul.result-group li.result-item .result-body .item-metadata .meta-item {
  all: revert;
}

ul.result-group li.result-item .result-body .metadata .meta-item.border, ul.result-group li.result-item .result-body .shopping-list .box-container .description .meta-item.border, .shopping-list .box-container ul.result-group li.result-item .result-body .description .meta-item.border,
ul.result-group li.result-item .result-body .item-metadata .meta-item.border {
  border-left: 1px solid var(--nxp-border-color);
  height: 50px;
}

ul.result-group li.result-item .result-body .metadata .meta-item.dropdown, ul.result-group li.result-item .result-body .shopping-list .box-container .description .meta-item.dropdown, .shopping-list .box-container ul.result-group li.result-item .result-body .description .meta-item.dropdown,
ul.result-group li.result-item .result-body .item-metadata .meta-item.dropdown {
  position: relative;
}

ul.result-group li.result-item .result-body .metadata .item-action, ul.result-group li.result-item .result-body .shopping-list .box-container .description .item-action, .shopping-list .box-container ul.result-group li.result-item .result-body .description .item-action,
ul.result-group li.result-item .result-body .item-metadata .item-action {
  margin-bottom: unset;
}

ul.result-group li.result-item .result-options {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  padding: 20px 0 0 0;
  justify-content: space-between;
  align-items: flex-start;
}

ul.result-group li.result-item .result-options .button-container {
  width: 150px;
}

@media only screen and (max-width: 991px) {
  ul.result-group li.result-item .result-options {
    padding: 0px !important;
    flex-direction: column;
    align-items: flex-start;
  }
  ul.result-group li.result-item .result-options .btn-group,
  ul.result-group li.result-item .result-options .btn,
  ul.result-group li.result-item .result-options .nav-close {
    margin-top: 0;
  }
}

ul.result-group li.result-item .result-prev-revision {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 26px 0 0 30px;
  transition: visibility 0s,
 opacity 0.5s linear;
}

ul.result-group li.result-item .result-prev-revision h4,
ul.result-group li.result-item .result-prev-revision .result-group {
  margin: 0;
}

ul.result-group li.result-item .result-prev-revision ul.result-group li.result-item {
  border-bottom: none;
}

ul.result-group li.result-item:has(.result-prev-revision) {
  flex-wrap: wrap;
}

ul.result-group.secure-resources li.result-item {
  border-bottom: unset;
  border-top: 1px solid var(--nxp-border-color);
}

ul.result-group.secure-resources li.result-item .result-prev-revision li.result-item:first-of-type {
  border-top: unset;
}

ul.result-group.secure-resources .modal {
  top: 25%;
}

ul.result-group.secure-resources .modal .modal-body p {
  font-size: 14px;
  color: #000000;
}

.nxp-secure-resources-wrapper {
  display: flex;
  flex-direction: column;
}

.nxp-secure-resources-wrapper .heading-block h3 {
  margin-top: 0;
}

.nxp-secure-resources-wrapper .filter-block-section,
.nxp-secure-resources-wrapper .heading-block,
.nxp-secure-resources-wrapper .results-controls,
.nxp-secure-resources-wrapper .search-tips-no-results {
  margin-bottom: 30px;
}

.next-offer {
  position: fixed;
  right: -274px;
  width: 300px;
  bottom: 180px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s right;
  -moz-transition: 0.5s right;
  transition: 0.5s right;
  border-left: none;
  background: #ebe7dd;
  z-index: 999;
}

.next-offer .offer-component {
  display: flex;
}

.next-offer .offer-container {
  padding: 18px;
  min-height: 100px;
  max-height: 220px;
  overflow-y: auto;
}

.next-offer .offer-header .text-new-my-lib {
  background-color: white;
  margin-left: 0px;
  color: #000000;
}

.next-offer .offer-content {
  padding-top: 12px;
  font-size: 14px;
}

.next-offer .offer-content p {
  display: block;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.next-offer .offer-content #smartchat_text_content {
  display: block !important;
}

.next-offer .offer-content a {
  display: block;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
}

.next-offer .offer-content .cta {
  margin-bottom: 8px;
}

.next-offer .offer-content .metadata, .next-offer .offer-content .shopping-list .box-container .description, .shopping-list .box-container .next-offer .offer-content .description {
  font-size: 14px;
  color: #686664;
}

.next-offer .offer-content .metadata .meta-item, .next-offer .offer-content .shopping-list .box-container .description .meta-item, .shopping-list .box-container .next-offer .offer-content .description .meta-item {
  padding-right: 8px;
  display: inline-block;
}

.next-offer .toggle {
  padding: 12px 12px;
  border: none;
  left: 0px;
  width: 20px;
  background: #ebe7dd;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.2s cubic-bezier(0.04, 0, 0.2, 1);
}

.next-offer .toggle span {
  color: #262626;
}

.next-offer .toggle:hover {
  outline: none;
  background-color: #d4cfc5;
  color: transparent;
}

.next-offer .toggle:hover:before {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .next-offer {
    display: none;
  }
}

.next-offer.open {
  right: 0;
}

.next-offer-hor {
  position: fixed;
  width: calc(100vw - 17px);
  margin-left: calc(-50vw + 5px);
  left: 50%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s bottom;
  -moz-transition: 0.5s bottom;
  transition: 0.5s bottom;
  background: #000000;
  z-index: 997;
  min-height: 108px;
  bottom: -104px;
}

.next-offer-hor.open {
  bottom: 0px;
}

.next-offer-hor-button {
  display: block;
  position: relative;
  padding: 0px;
}

.next-offer-hor-button .btn, .next-offer-hor-button .nav-close {
  width: 160px;
  position: absolute;
  bottom: 16px;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 0px;
  left: 160px;
}

.next-offer-hor-button .btn:hover, .next-offer-hor-button .nav-close:hover {
  background-color: #000000;
  border-color: #000000;
}

.next-offer-hor-button .btn .icon-chevron-up, .next-offer-hor-button .nav-close .icon-chevron-up {
  position: relative;
  bottom: 5px;
}

@media (max-width: 768px) {
  .next-offer-hor-button {
    display: none;
  }
}

.next-offer-hor-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 42px;
  padding: 18px 160px 18px 35px;
}

.next-offer-hor-container-left {
  min-width: 200px;
}

.next-offer-hor-container-left .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.next-offer-hor-container-left .buttons a {
  color: #3ecafb;
}

.next-offer-hor-container-right .filter-tag-filters {
  gap: 12px;
}

.next-offer-hor-container-right .filter-tag-filters .section:first-child,
.next-offer-hor-container-right .filter-tag-filters .section {
  margin: 0px;
}

.next-offer-hor-container-right .filter-tag-filters .section:first-child .tag,
.next-offer-hor-container-right .filter-tag-filters .section .tag {
  transition: all ease-in-out 350ms;
  /*  &:hover {
              &::before {
                transform: rotate(45deg);
              }
            } */
}

.next-offer-hor-container-right .filter-tag-filters .section:first-child .tag.dashed,
.next-offer-hor-container-right .filter-tag-filters .section .tag.dashed {
  width: 172px;
  background-color: #262626;
  border-width: 2px;
}

@media (max-width: 1024px) {
  .next-offer-hor-container-right {
    display: none;
  }
}

.next-offer-hor-container .description {
  color: white;
  font-size: 14px;
  padding-top: 8px;
}

.next-offer-hor-container .has-error p {
  color: #f54d4d;
}

.next-offer-hor.next-offer-stick-bottom {
  position: absolute;
  bottom: 0px;
}

.next-offer-btn {
  display: flex;
  width: 160px;
  position: absolute;
  bottom: 16px;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 0px;
  left: 154px;
  bottom: -8px;
  background-color: #000000;
  border-radius: 100px;
}

.next-offer-btn:hover {
  cursor: pointer;
}

.next-offer-icon {
  margin: auto;
  color: white;
  font-size: 14px;
}

.licensing h3:first-child {
  margin-top: 0px;
}

.licensing .retrieved-items {
  padding: 16px 0px;
  margin-bottom: 0px;
}

.licensing .retrieved-items .retrieved-item {
  border-top: none;
  padding: 12px 0px;
  flex-wrap: unset;
}

.licensing .retrieved-items .retrieved-item .item-body {
  max-width: 100%;
}

.licensing .retrieved-items .retrieved-item .item-body .item-title {
  font-size: 16px;
}

.licensing .retrieved-items .item-media {
  max-width: 165px;
}

.licensing .retrieved-items .item-media img {
  border: 1px solid #d6dce0;
}

.licensing .retrieved-items .meta-item:not(.title) {
  padding-right: 14px;
  display: inline-block;
  padding-left: 0px;
}

.licensing .retrieved-items .meta-item:not(.title) .meta-file:only-child {
  padding-right: 0px !important;
}

.licensing .retrieved-items .meta-item:not(.title) .meta-file {
  border: none;
  padding-right: 8px;
}

.licensing .retrieved-items .meta-item:not(.title) img {
  padding: 2px 8px 2px 0px;
  border-right: 1.5px solid rgba(152, 168, 180, 0.74);
  width: 68px;
}

.licensing .collapse-mobile {
  margin-top: 20px;
}

.licensing .collapse-mobile h3 {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .licensing .collapse-mobile {
    margin-top: 0px;
  }
  .licensing .collapse-mobile h3 {
    margin: 0px;
  }
  .licensing .collapse-mobile.active {
    border-bottom: 1px solid #d6dce0;
  }
  .licensing .collapse-mobile.active h3 {
    border-bottom: none;
  }
}

.timeline-container {
  max-width: 900px;
  margin: auto;
}

.cd-timeline__container {
  position: relative;
}

.cd-timeline__container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 23px;
  height: calc(100% - 130px);
  width: 1px;
  background: #aaa6a2 !important;
}

@media (min-width: 64rem) {
  .cd-timeline__container::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.timeline__block {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
}

.timeline__block:last-child {
  margin-bottom: 0;
}

@media (min-width: 64rem) {
  .timeline__block:nth-child(even) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.timeline__sub_child {
  width: 38px !important;
  height: 38px !important;
}

.timeline__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #2074b6;
  border: 12px solid white;
}

.timeline__img img {
  width: 12px;
  height: 12px;
}

.timeline__block .timeline__img label {
  position: absolute;
  left: -115px;
  font-size: 32px;
}

.timeline__block:nth-child(even) .timeline__img label {
  left: 69px;
}

@media (max-width: 1006px) {
  .timeline__block .timeline__img label, .timeline__block:nth-child(even) .timeline__img label {
    left: 50px;
  }
}

@media (min-width: 64rem) {
  .timeline__block:nth-child(even) .timeline__img.timeline__sub_child, .timeline__sub_child {
    margin-right: calc(5% - 20px) !important;
    margin-left: calc(5% - 20px) !important;
  }
  .timeline__img {
    width: 48px;
    height: 48px;
    -ms-flex-order: 1;
    order: 1;
    margin-left: calc(5% - 24px);
    will-change: transform;
  }
  .timeline__block:nth-child(even) .timeline__img {
    margin-right: calc(5% - 24px);
  }
}

.timeline__img--picture {
  background-color: #000000;
}

.timeline__content {
  -ms-flex-positive: 1;
  background-color: transparent !important;
  flex-grow: 1;
  position: relative;
  margin-left: 1.25em;
  padding: 48px 0px 0px 0px;
}

.timeline__content p {
  padding: 18px 0px;
  font-size: 16px;
  margin-bottom: 0px;
}

.timeline__content.p0 p {
  padding: 8px 0px;
  font-size: 16px;
}

@media (min-width: 64rem) {
  .timeline__content {
    width: 45%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    will-change: transform;
    margin: 0;
    font-size: 0.8em;
    --line-height-multiplier: 1.2
    ;
  }
  .timeline__content::before {
    top: 24px;
  }
}

@media (min-width: 64rem) {
  .timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 120%;
    text-align: right;
  }
}

@media (min-width: 64rem) {
  .timeline__img--hidden, .timeline__content--hidden {
    visibility: hidden;
  }
  .timeline__img--bounce-in {
    -webkit-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
  .timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
  .timeline__block:nth-child(even) .timeline__content--bounce-in {
    -webkit-animation-name: cd-bounce-2-inverse;
    animation-name: cd-bounce-2-inverse;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
  }
}

.global-component[component*='Investors'] {
  min-height: 64px;
}

.global-component[component*='Card-Flex'] {
  padding: 48px 0;
  min-height: 385px;
}

.global-component[component*='Card-Flex'] .skeleton .whats-new-item {
  min-height: 326px;
}

.global-component[component*='Card-Flex'] .skeleton .whats-new-item .whats-new-img {
  background-color: transparent;
  padding-bottom: 0px;
}

.global-component[component*='Card-Flex'] .skeleton .whats-new-item .whats-new-img .react-loading-skeleton {
  min-height: 150px;
  top: -4px;
}

.global-component[component*='Card-Flex'] .skeleton .whats-new-item .whats-new-content .whats-new-title {
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .global-component[component*='Card-Flex'] .whats-new-item {
    min-height: 330px;
  }
  .global-component[component*='Card-Flex'] .whats-new-item .whats-new-img .react-loading-skeleton {
    min-height: 330px;
    top: -3px;
  }
}

@media only screen and (max-width: 767px) {
  .global-component[component*='Card-Flex'] {
    min-height: 426px;
  }
  .global-component[component*='Card-Flex'] .whats-new-item {
    min-height: 343px;
  }
  .global-component[component*='Card-Flex'] .whats-new-item .whats-new-img .react-loading-skeleton {
    min-height: 330px;
  }
}

.global-component[component*='Whats-new'] {
  min-height: 385px;
}

.global-component[component*='Whats-new'] .skeleton .whats-new-item {
  min-height: 326px;
}

.global-component[component*='Whats-new'] .skeleton .whats-new-item .whats-new-img {
  background-color: transparent;
  padding-bottom: 0px;
}

.global-component[component*='Whats-new'] .skeleton .whats-new-item .whats-new-img .react-loading-skeleton {
  min-height: 150px;
  top: -4px;
}

.global-component[component*='Whats-new'] .skeleton .whats-new-item .whats-new-content .whats-new-title {
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .global-component[component*='Whats-new'] .whats-new-item {
    min-height: 330px;
  }
  .global-component[component*='Whats-new'] .whats-new-item .whats-new-img .react-loading-skeleton {
    min-height: 330px;
    top: -3px;
  }
}

@media only screen and (max-width: 767px) {
  .global-component[component*='Whats-new'] {
    min-height: 1182px;
  }
  .global-component[component*='Whats-new'] .whats-new-item {
    min-height: 343px;
  }
  .global-component[component*='Whats-new'] .whats-new-item .whats-new-img .react-loading-skeleton {
    min-height: 330px;
  }
}

.global-component[component*='KeyTopic-blogs'], .global-component[component*='KeyTopic'] {
  min-height: 460px;
}

.global-component[component*='KeyTopic-blogs'] .key-topic-img .react-loading-skeleton, .global-component[component*='KeyTopic'] .key-topic-img .react-loading-skeleton {
  min-height: 150px;
  top: -4px;
}

.global-component[component*='KeyTopic-training-no-img'] {
  min-height: 200px;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-one, .grid-cta-item p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit;
}

.ellipsis-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit;
}

.ellipsis-three {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: inherit;
}

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  /* Enable animation */
  background-color: var(--nxp-skeleton-base-color);
  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 1;
  /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton:has(.skeleton-placeholder > .btn, .skeleton-placeholder > .nav-close) {
  width: auto;
  margin-right: 8px;
}

.react-loading-skeleton:has(.skeleton-placeholder > .btn, .skeleton-placeholder > .nav-close):last-of-type {
  margin-right: 0px;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--nxp-skeleton-base-color), var(--nxp-skeleton-highlight-color), var(--nxp-skeleton-base-color));
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.skeleton-placeholder {
  opacity: 0;
}

.new-login,
.new-form {
  padding: 3em 0px;
}

@media only screen and (min-width: 1800px) {
  .new-login,
  .new-form {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login,
  .new-form {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login,
  .new-form {
    width: 68%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login,
  .new-form {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login,
  .new-form {
    width: 75%;
  }
}

@media only screen and (max-width: 624px) {
  .new-login,
  .new-form {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .new-login,
  .new-form {
    width: 100%;
  }
}

.new-login-title, .new-login-subtitle,
.new-form-title,
.new-form-subtitle {
  text-align: center;
  margin-top: 20px;
}

.new-login-title .spin-icon, .new-login-subtitle .spin-icon,
.new-form-title .spin-icon,
.new-form-subtitle .spin-icon {
  margin-bottom: 32px;
  font-size: 40px;
}

.new-login-title-email, .new-login-subtitle-email,
.new-form-title-email,
.new-form-subtitle-email {
  font-weight: 600;
}

.new-login-title-icon, .new-login-subtitle-icon,
.new-form-title-icon,
.new-form-subtitle-icon {
  font-size: 40px;
  text-align: center;
}

.new-login-title.center, .new-login-subtitle.center,
.new-form-title.center,
.new-form-subtitle.center {
  text-align: center !important;
}

.new-login-subtitle,
.new-form-subtitle {
  font-size: 18px;
  margin-top: 25px;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.new-login .subtitle,
.new-form .subtitle {
  font-size: 18px;
}

.new-login-loader,
.new-form-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 16px 0px !important;
}

.new-login-loader .spin-icon,
.new-form-loader .spin-icon {
  font-size: 22px;
  margin-bottom: 8px;
}

.new-login .form-section,
.new-form .form-section {
  border: 1px solid var(--nxp-border-color);
}

.new-login .form-section:last-of-type:not(:first-of-type),
.new-form .form-section:last-of-type:not(:first-of-type) {
  border-top: none;
}

.new-login .form-section:last-of-type,
.new-form .form-section:last-of-type {
  margin-bottom: 16px;
}

.new-login .form-section #captcha_img_val_msg,
.new-form .form-section #captcha_img_val_msg {
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: "Poppins", sans-serif;
  color: #d60b2d !important;
}

.new-login .form-container,
.new-form .form-container {
  padding: 16px 0px;
  width: 80%;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .new-login .form-container,
  .new-form .form-container {
    width: 70%;
  }
}

@media only screen and (min-width: 580px) and (767px) {
  .new-login .form-container,
  .new-form .form-container {
    width: 70%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
  .new-login .form-container,
  .new-form .form-container {
    width: 80%;
  }
}

@media only screen and (max-width: 479px) {
  .new-login .form-container,
  .new-form .form-container {
    width: 100%;
  }
}

.new-login .form-subForm,
.new-form .form-subForm {
  padding-left: 24px;
}

.new-login .form-subSection,
.new-form .form-subSection {
  padding: 22px 24px 0px 24px;
  position: relative;
}

.new-login .form-subSection:last-of-type,
.new-form .form-subSection:last-of-type {
  padding-bottom: 24px;
}

.new-login .form-subSection .g-recaptcha,
.new-form .form-subSection .g-recaptcha {
  transform: scale(0.96);
  transform-origin: 0 0;
}

.new-login .form-subSection-label,
.new-form .form-subSection-label {
  font-weight: 600;
  width: 100%;
  display: inline-block;
}

.new-login .form-subSection-title,
.new-form .form-subSection-title {
  font-size: 20px;
  color: #20272d;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.new-login .form-subSection-label.big,
.new-form .form-subSection-label.big {
  font-size: 20px;
}

.new-login .form-subSection-input, .new-login .form-subSection-control,
.new-form .form-subSection-input,
.new-form .form-subSection-control {
  margin-top: 2px;
}

.new-login .form-subSection-description,
.new-form .form-subSection-description {
  font-size: 16px;
  padding: 2px 0px;
  margin: 0px;
  display: block;
}

.new-login .form-subSection-helper,
.new-form .form-subSection-helper {
  padding-top: 4px;
  font-size: 14px;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #686664;
}

.new-login .form-subSection-pass,
.new-form .form-subSection-pass {
  float: right;
}

.new-login .form-subSection-pass .icon-eye,
.new-form .form-subSection-pass .icon-eye {
  vertical-align: middle;
  margin-right: 4px;
}

.new-login .form-subSection-pass a,
.new-form .form-subSection-pass a {
  font-size: 14px;
  text-decoration: none;
  color: #000000;
}

.new-login .form-subSection-pass a:hover,
.new-form .form-subSection-pass a:hover {
  text-decoration: none;
}

.new-login .form-subSection-button .btn, .new-login .form-subSection-button .nav-close,
.new-form .form-subSection-button .btn,
.new-form .form-subSection-button .nav-close {
  width: 100%;
}

.new-login .form-subSection-recommendations,
.new-form .form-subSection-recommendations {
  font-size: 14px;
  padding-top: 8px;
}

.new-login .form-subSection-recommendations li:not(.pass):not(.error):not(.attention) span,
.new-form .form-subSection-recommendations li:not(.pass):not(.error):not(.attention) span {
  padding-left: 10px;
  display: block;
}

.new-login .form-subSection-recommendations #termsOfUseCheck,
.new-form .form-subSection-recommendations #termsOfUseCheck {
  padding-left: 19px;
}

.new-login .form-subSection-recommendations .pass,
.new-form .form-subSection-recommendations .pass {
  display: flex;
  list-style: none;
  margin-left: -16px;
}

.new-login .form-subSection-recommendations .pass::before,
.new-form .form-subSection-recommendations .pass::before {
  font-family: 'Font Awesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  content: '\F00C';
  color: #008a00;
  padding-right: 12px;
  top: 2px;
  position: relative;
}

.new-login .form-subSection-recommendations .error,
.new-form .form-subSection-recommendations .error {
  display: flex;
  list-style: none;
  margin-left: -16px;
}

.new-login .form-subSection-recommendations .error::before,
.new-form .form-subSection-recommendations .error::before {
  font-family: 'Font Awesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  content: '\F00D';
  color: #d60b2d;
  padding-right: 14px;
  font-size: 16px;
  padding-left: 2px;
  top: 2px;
  position: relative;
}

.new-login .form-subSection-recommendations [class*='icon-'],
.new-form .form-subSection-recommendations [class*='icon-'] {
  margin-right: 4px;
}

.new-login .form-subSection-recommendations .icon-times,
.new-form .form-subSection-recommendations .icon-times {
  margin-left: 3px;
  margin-right: 6px;
}

.new-login .form-subSection-recommendations .list-unstyled, .new-login .form-subSection-recommendations .jumpto ul, .jumpto .new-login .form-subSection-recommendations ul,
.new-form .form-subSection-recommendations .list-unstyled,
.new-form .form-subSection-recommendations .jumpto ul,
.jumpto .new-form .form-subSection-recommendations ul {
  margin-bottom: 0px;
}

.new-login .form-subSection-recommendations .list-unstyled li, .new-login .form-subSection-recommendations .jumpto ul li, .jumpto .new-login .form-subSection-recommendations ul li,
.new-form .form-subSection-recommendations .list-unstyled li,
.new-form .form-subSection-recommendations .jumpto ul li,
.jumpto .new-form .form-subSection-recommendations ul li {
  padding: 2px 0px 2px 0px;
  margin-bottom: 0px;
}

.new-login .form-subSection-recommendations .list-unstyled li ul, .new-login .form-subSection-recommendations .jumpto ul li ul, .jumpto .new-login .form-subSection-recommendations ul li ul,
.new-form .form-subSection-recommendations .list-unstyled li ul,
.new-form .form-subSection-recommendations .jumpto ul li ul,
.jumpto .new-form .form-subSection-recommendations ul li ul {
  padding-left: 24px;
}

.new-login .form-subSection-recommendations .list-unstyled li ul li, .new-login .form-subSection-recommendations .jumpto ul li ul li, .jumpto .new-login .form-subSection-recommendations ul li ul li,
.new-form .form-subSection-recommendations .list-unstyled li ul li,
.new-form .form-subSection-recommendations .jumpto ul li ul li,
.jumpto .new-form .form-subSection-recommendations ul li ul li {
  padding: 0px;
  margin-bottom: 2px;
}

.new-login .form-subSection-recommendations progress,
.new-form .form-subSection-recommendations progress {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 8px;
  width: 100%;
  height: 4px;
  /* Applicable only to Firefox */
  background: none;
  background-color: #ebe7dd;
}

.new-login .form-subSection-recommendations progress::-webkit-progress-bar,
.new-form .form-subSection-recommendations progress::-webkit-progress-bar {
  background: none;
  background-color: #ebe7dd;
}

.new-login .form-subSection-recommendations progress[value='1']::-webkit-progress-optimum-value,
.new-form .form-subSection-recommendations progress[value='1']::-webkit-progress-optimum-value {
  background: #d60b2d;
}

.new-login .form-subSection-recommendations progress[value='2']::-webkit-progress-optimum-value,
.new-form .form-subSection-recommendations progress[value='2']::-webkit-progress-optimum-value {
  background: #ffd800;
}

.new-login .form-subSection-recommendations progress[value='3']::-webkit-progress-optimum-value,
.new-form .form-subSection-recommendations progress[value='3']::-webkit-progress-optimum-value {
  background: #008a00;
}

.new-login .form-subSection-recommendations progress[value='4']::-webkit-progress-optimum-value,
.new-form .form-subSection-recommendations progress[value='4']::-webkit-progress-optimum-value {
  background: #008a00;
}

.new-login .form-subSection-recommendations progress[value='1']::-webkit-progress-value,
.new-form .form-subSection-recommendations progress[value='1']::-webkit-progress-value {
  background: #d60b2d;
}

.new-login .form-subSection-recommendations progress[value='2']::-webkit-progress-value,
.new-form .form-subSection-recommendations progress[value='2']::-webkit-progress-value {
  background: #ffd800;
}

.new-login .form-subSection-recommendations progress[value='3']::-webkit-progress-value,
.new-form .form-subSection-recommendations progress[value='3']::-webkit-progress-value {
  background: #008a00;
}

.new-login .form-subSection-recommendations progress[value='4']::-webkit-progress-value,
.new-form .form-subSection-recommendations progress[value='4']::-webkit-progress-value {
  background: #008a00;
}

.new-login .form-subSection-recommendations progress[value='1']::-moz-progress-bar,
.new-form .form-subSection-recommendations progress[value='1']::-moz-progress-bar {
  background: #d60b2d;
}

.new-login .form-subSection-recommendations progress[value='2']::-moz-progress-bar,
.new-form .form-subSection-recommendations progress[value='2']::-moz-progress-bar {
  background: #ffd800;
}

.new-login .form-subSection-recommendations progress[value='3']::-moz-progress-bar,
.new-form .form-subSection-recommendations progress[value='3']::-moz-progress-bar {
  background: #008a00;
}

.new-login .form-subSection-recommendations progress[value='4']::-moz-progress-bar,
.new-form .form-subSection-recommendations progress[value='4']::-moz-progress-bar {
  background: #008a00;
}

.new-login .form-subSection-recommendations-text,
.new-form .form-subSection-recommendations-text {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.new-login .form-subSection-recommendations-text-small,
.new-form .form-subSection-recommendations-text-small {
  font-size: 14px;
  line-height: 22px;
  color: #686664;
}

.new-login .form-subSection-recommendations ul,
.new-form .form-subSection-recommendations ul {
  color: #686664;
}

.new-login .form-subSection-recommendations #password_error_val,
.new-login .form-subSection-recommendations .attention,
.new-form .form-subSection-recommendations #password_error_val,
.new-form .form-subSection-recommendations .attention {
  font-size: 16px;
}

.new-login .form-subSection #password-strength-text.form-subSection-recommendations-text,
.new-form .form-subSection #password-strength-text.form-subSection-recommendations-text {
  font-size: 16px;
}

.new-login .form-subSection .checkbox,
.new-login .form-subSection .radio,
.new-form .form-subSection .checkbox,
.new-form .form-subSection .radio {
  margin: 0px;
}

.new-login .form-subSection .checkbox .text-muted,
.new-login .form-subSection .radio .text-muted,
.new-form .form-subSection .checkbox .text-muted,
.new-form .form-subSection .radio .text-muted {
  font-size: 16px;
  color: #000000;
}

.new-login .form-subSection .checkbox .text-muted a,
.new-login .form-subSection .radio .text-muted a,
.new-form .form-subSection .checkbox .text-muted a,
.new-form .form-subSection .radio .text-muted a {
  font-size: 16px;
  color: var(--nxp-link-color);
  text-decoration: none;
}

.new-login .form-subSection .checkbox .text-muted a:hover,
.new-login .form-subSection .radio .text-muted a:hover,
.new-form .form-subSection .checkbox .text-muted a:hover,
.new-form .form-subSection .radio .text-muted a:hover {
  text-decoration: underline;
}

.new-login .form-subSection .checkbox label,
.new-login .form-subSection .radio label,
.new-form .form-subSection .checkbox label,
.new-form .form-subSection .radio label {
  cursor: auto;
  font-size: 14px;
  padding-bottom: 8px;
}

.new-login .form-subSection .checkbox label .signing,
.new-login .form-subSection .radio label .signing,
.new-form .form-subSection .checkbox label .signing,
.new-form .form-subSection .radio label .signing {
  display: inherit;
  width: 100%;
  font-weight: 600;
}

.new-login .form-subSection .checkbox label span a,
.new-login .form-subSection .radio label span a,
.new-form .form-subSection .checkbox label span a,
.new-form .form-subSection .radio label span a {
  text-decoration: underline;
  font-size: 14px;
  color: #686664;
}

.new-login .form-subSection .centered,
.new-form .form-subSection .centered {
  text-align: center;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

.new-login .form-subSection-navigation,
.new-form .form-subSection-navigation {
  padding-bottom: 12px;
  font-size: 16px;
}

.new-login .form-subSection-navigation a,
.new-form .form-subSection-navigation a {
  text-decoration: none;
  color: inherit;
}

.new-login .form-subSection-navigation .form-subSection-label,
.new-form .form-subSection-navigation .form-subSection-label {
  margin-left: 8px;
  font-weight: normal;
  display: inline;
}

.new-login .form-subSection-text,
.new-form .form-subSection-text {
  line-height: 24px;
}

.new-login .form-subSection-text:first-of-type,
.new-form .form-subSection-text:first-of-type {
  padding-top: 16px;
}

.new-login .form-subSection-email,
.new-form .form-subSection-email {
  font-weight: 600;
}

.new-login .form-subSection-loader,
.new-form .form-subSection-loader {
  padding-top: 16px;
  padding-bottom: 32px;
}

.new-login .form-subSection-loader .spin-icon,
.new-form .form-subSection-loader .spin-icon {
  margin-right: 4px;
}

.new-login .form-subSection-radios, .new-login .form-subSection-checkbox,
.new-form .form-subSection-radios,
.new-form .form-subSection-checkbox {
  padding-top: 12px;
}

.new-login .form-subSection-radios .form-check-label, .new-login .form-subSection-checkbox .form-check-label,
.new-form .form-subSection-radios .form-check-label,
.new-form .form-subSection-checkbox .form-check-label {
  font-weight: normal;
  padding-left: 6px;
}

.new-login .form-subSection-two-inputs,
.new-form .form-subSection-two-inputs {
  display: flex;
}

@media only screen and (max-width: 580px) {
  .new-login .form-subSection-two-inputs,
  .new-form .form-subSection-two-inputs {
    flex-direction: column;
  }
  .new-login .form-subSection-two-inputs .country,
  .new-login .form-subSection-two-inputs .phone,
  .new-form .form-subSection-two-inputs .country,
  .new-form .form-subSection-two-inputs .phone {
    width: 100% !important;
    margin: 0px !important;
  }
}

.new-login .form-subSection-two-inputs .country,
.new-form .form-subSection-two-inputs .country {
  width: 50%;
}

.new-login .form-subSection-two-inputs .phone,
.new-form .form-subSection-two-inputs .phone {
  width: 73%;
  margin-left: 20px;
}

.new-login .form-subSection-two-inputs select,
.new-form .form-subSection-two-inputs select {
  margin-right: 20px;
  padding-left: 9px;
}

.new-login .form-subSection-two-inputs input,
.new-form .form-subSection-two-inputs input {
  height: 40px;
}

@media only screen and (max-width: 580px) {
  .new-login .form-subSection-two-inputs input,
  .new-form .form-subSection-two-inputs input {
    margin-top: 12px;
  }
}

.new-login .form-subSection-three-inputs,
.new-form .form-subSection-three-inputs {
  display: flex;
}

@media only screen and (max-width: 580px) {
  .new-login .form-subSection-three-inputs,
  .new-form .form-subSection-three-inputs {
    flex-direction: column;
  }
  .new-login .form-subSection-three-inputs .country,
  .new-login .form-subSection-three-inputs .phone,
  .new-login .form-subSection-three-inputs .ext,
  .new-form .form-subSection-three-inputs .country,
  .new-form .form-subSection-three-inputs .phone,
  .new-form .form-subSection-three-inputs .ext {
    width: 100% !important;
    margin: 0px !important;
  }
}

.new-login .form-subSection-three-inputs .country,
.new-form .form-subSection-three-inputs .country {
  width: 50%;
}

.new-login .form-subSection-three-inputs .phone,
.new-form .form-subSection-three-inputs .phone {
  width: 50%;
  margin-left: 20px;
}

.new-login .form-subSection-three-inputs .ext,
.new-form .form-subSection-three-inputs .ext {
  width: 19%;
  margin-left: 20px;
}

.new-login .form-subSection-three-inputs select,
.new-form .form-subSection-three-inputs select {
  margin-right: 20px;
  padding-left: 9px;
}

.new-login .form-subSection #reg-form-robot,
.new-form .form-subSection #reg-form-robot {
  display: flex;
  align-items: center;
}

.new-login .form-subSection #reg-form-robot .g-recaptcha,
.new-form .form-subSection #reg-form-robot .g-recaptcha {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.new-login .form-subSection #captcha_img_val_msg,
.new-form .form-subSection #captcha_img_val_msg {
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: "Poppins", sans-serif;
  color: #d60b2d;
}

.new-login .form-subSection-list,
.new-form .form-subSection-list {
  padding-top: 8px;
}

.new-login .form-subSection-list-subsection,
.new-form .form-subSection-list-subsection {
  padding: 4px 12px;
}

.new-login .form-subSection-list-subsection .title,
.new-form .form-subSection-list-subsection .title {
  margin-bottom: 0px;
  font-size: 16px;
}

.new-login .form-subSection-list-subsection .subtitle,
.new-form .form-subSection-list-subsection .subtitle {
  font-size: 14px;
}

.new-login .form-subSection .delete-field,
.new-form .form-subSection .delete-field {
  right: -42px;
  top: 48px;
  width: 40px;
  height: 40px;
  position: absolute;
  text-align: center;
  padding: 12px;
  cursor: pointer;
}

.new-login .form-subSection .delete-field:hover,
.new-form .form-subSection .delete-field:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.new-login .form-subSection-status,
.new-form .form-subSection-status {
  position: relative;
}

.new-login .form-subSection-status input,
.new-form .form-subSection-status input {
  padding-right: 25px;
}

.new-login .form-subSection-status .product-status,
.new-form .form-subSection-status .product-status {
  position: absolute;
  top: 10px;
  right: 0px;
  padding: 4px 6px;
  cursor: unset;
}

.new-login .form-subSection-status .product-status:hover,
.new-form .form-subSection-status .product-status:hover {
  background-color: unset;
}

.new-login .form-subSection-suggestions,
.new-form .form-subSection-suggestions {
  position: relative;
}

.new-login .form-subSection-suggestions .suggestions-list,
.new-form .form-subSection-suggestions .suggestions-list {
  padding: 16px 0px;
  margin: 0px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding-left: 0;
  list-style: none;
}

.new-login .form-subSection-suggestions .suggestions-list > li,
.new-form .form-subSection-suggestions .suggestions-list > li {
  padding-left: 0;
}

.new-login .form-subSection-suggestions .suggestions-list .suggestions-item,
.new-form .form-subSection-suggestions .suggestions-list .suggestions-item {
  margin: 0px;
  padding: 0px 22px;
}

.new-login .form-subSection-textarea,
.new-form .form-subSection-textarea {
  max-width: 100%;
  min-width: 100%;
  max-height: 400px;
  min-height: 50px;
  height: 80px;
}

.new-login .form-subSection.tree .expand,
.new-form .form-subSection.tree .expand {
  padding: 16px 12px;
  padding-top: 0px;
}

.new-login .form-subSection.tree .expand label,
.new-form .form-subSection.tree .expand label {
  padding-bottom: 0px;
  margin-bottom: 12px;
}

.new-login .form-subSection.tree .expand label:not(:first-of-type),
.new-form .form-subSection.tree .expand label:not(:first-of-type) {
  margin-left: 24px;
}

.new-login .form-subSection.tree .subscription-list .subscription-list-item .checkbox input[type='checkbox'],
.new-form .form-subSection.tree .subscription-list .subscription-list-item .checkbox input[type='checkbox'] {
  margin-left: 0px;
}

.new-login .form-subSection.tree .subscription-list .subscription-list-item .checkbox span,
.new-form .form-subSection.tree .subscription-list .subscription-list-item .checkbox span {
  margin-left: 24px;
}

.new-login .form-subSection.tree .item-signpost,
.new-form .form-subSection.tree .item-signpost {
  margin-left: 10px;
}

.new-login .form-subSection.tree .col-sm-12.col-md-8.col-lg-6,
.new-form .form-subSection.tree .col-sm-12.col-md-8.col-lg-6 {
  padding-bottom: 20px;
}

.new-login .form-subSection.buttons div,
.new-form .form-subSection.buttons div {
  text-align: right;
}

.new-login .form-subSection.buttons .btn, .new-login .form-subSection.buttons .nav-close,
.new-form .form-subSection.buttons .btn,
.new-form .form-subSection.buttons .nav-close {
  width: auto;
  margin-right: 8px;
}

.new-login .form-subSection.buttons.left div,
.new-form .form-subSection.buttons.left div {
  text-align: left;
}

.new-login .form-subSection.describes,
.new-form .form-subSection.describes {
  padding-bottom: 48px;
}

.new-login .form-subSection.half,
.new-form .form-subSection.half {
  width: calc((100% / 2) - 24px);
  z-index: 7;
  float: left;
  margin-bottom: 20px;
  padding-right: 0px;
}

.new-login .form-subSection.half + .half,
.new-form .form-subSection.half + .half {
  padding-left: 0px;
  margin-left: 24px;
}

.new-login .form-subSection.half .form-control:first-child,
.new-form .form-subSection.half .form-control:first-child {
  margin-top: 23.8px;
}

.new-login .form-account,
.new-form .form-account {
  padding: 16px 0px;
  width: 70%;
}

@media only screen and (min-width: 580px) and (767px) {
  .new-login .form-account,
  .new-form .form-account {
    width: 60%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
  .new-login .form-account,
  .new-form .form-account {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .new-login .form-account,
  .new-form .form-account {
    width: 100%;
  }
}

.new-login .form-account .account-choice,
.new-form .form-account .account-choice {
  display: inline-flex;
  align-items: center;
}

.new-login .form-account .account-choice .left,
.new-form .form-account .account-choice .left {
  font-size: 14px;
}

.new-login .form-account .account-choice .left .name,
.new-form .form-account .account-choice .left .name {
  font-weight: 600;
}

.new-login .form-account .account-choice .left .name,
.new-login .form-account .account-choice .left .another,
.new-form .form-account .account-choice .left .name,
.new-form .form-account .account-choice .left .another {
  display: inline-block;
  width: 100%;
}

.new-login .form-account .account-choice .left .another,
.new-form .form-account .account-choice .left .another {
  font-size: 16px;
}

.new-login .form-column,
.new-form .form-column {
  columns: 2 10px;
}

.new-login .form-check-label,
.new-login .form .checkbox label,
.new-form .form-check-label,
.new-form .form .checkbox label {
  cursor: pointer;
}

.new-login .form-subSection-button .btn:only-child, .new-login .form-subSection-button .nav-close:only-child,
.new-form .form-subSection-button .btn:only-child,
.new-form .form-subSection-button .nav-close:only-child {
  margin-left: 0px !important;
}

.new-login .form-checkbox .checkbox:last-of-type label,
.new-form .form-checkbox .checkbox:last-of-type label {
  padding-bottom: 0px;
}

.new-login .alone hr,
.new-form .alone hr {
  margin: 0px;
}

.new-login .no-border,
.new-form .no-border {
  border: none;
}

.new-login.divider .form-section,
.new-form.divider .form-section {
  border-left: none;
  border-top: none;
  border-right: none;
}

.new-login.divider .form-section:last-of-type,
.new-form.divider .form-section:last-of-type {
  border: none;
  margin: 0px;
}

.new-login.divider .form-section:last-of-type .form-subSection:last-of-type,
.new-form.divider .form-section:last-of-type .form-subSection:last-of-type {
  padding-bottom: 0px;
}

.new-login .divider,
.new-form .divider {
  border-left: none;
  border-top: none;
  border-right: none;
}

.new-login .attention,
.new-form .attention {
  padding-top: 8px;
  color: #d60b2d;
}

.new-login .marginAuto,
.new-form .marginAuto {
  margin: auto;
}

.new-login-my-nxp .regular,
.new-form-my-nxp .regular {
  font-weight: normal;
  display: flex;
  align-items: center;
}

.new-login-my-nxp .regular input,
.new-form-my-nxp .regular input {
  margin-top: 0px;
}

.new-login-my-nxp .regular span,
.new-form-my-nxp .regular span {
  margin-left: 8px;
}

.new-login-my-nxp .regular .email,
.new-form-my-nxp .regular .email {
  margin-left: 0px;
}

.new-login-my-nxp .subTitle,
.new-form-my-nxp .subTitle {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

.new-login-my-nxp h4,
.new-form-my-nxp h4 {
  font-weight: 600;
}

.new-login-my-nxp .container.text,
.new-login-my-nxp .indented,
.new-form-my-nxp .container.text,
.new-form-my-nxp .indented {
  padding-left: 22px;
  width: 100%;
}

.new-login-my-nxp .indented,
.new-form-my-nxp .indented {
  margin: 8px 0px;
}

.new-login-my-nxp .indented .disabled,
.new-form-my-nxp .indented .disabled {
  cursor: not-allowed;
  color: #686664;
}

.new-login-my-nxp .indented .no-checkbox input,
.new-form-my-nxp .indented .no-checkbox input {
  display: none;
}

.new-login-my-nxp .indented .no-checkbox span,
.new-form-my-nxp .indented .no-checkbox span {
  padding-left: 14px;
}

.new-login-my-nxp .buttons,
.new-form-my-nxp .buttons {
  padding-top: 24px;
  padding-bottom: 72px;
}

.new-login-my-nxp .buttons .btn:not(:first-of-type), .new-login-my-nxp .buttons .nav-close:not(:first-of-type),
.new-form-my-nxp .buttons .btn:not(:first-of-type),
.new-form-my-nxp .buttons .nav-close:not(:first-of-type) {
  margin-left: 8px;
}

.new-login-my-nxp .subscription-list-item .checkbox span,
.new-form-my-nxp .subscription-list-item .checkbox span {
  display: flex;
}

.new-login-my-nxp .subscription-list-item label,
.new-form-my-nxp .subscription-list-item label {
  padding-left: 0px;
  display: flex;
}

.new-login .centered,
.new-form .centered {
  text-align: center;
}

.new-login .has-error .form-subSection-three-inputs .country .form-control,
.new-login .has-error .form-subSection-three-inputs .ext .form-control,
.new-login .has-error .form-subSection-two-inputs .country .form-control,
.new-login .has-error .form-subSection-two-inputs .ext .form-control,
.new-form .has-error .form-subSection-three-inputs .country .form-control,
.new-form .has-error .form-subSection-three-inputs .ext .form-control,
.new-form .has-error .form-subSection-two-inputs .country .form-control,
.new-form .has-error .form-subSection-two-inputs .ext .form-control {
  border: 1px solid var(--nxp-border-color);
}

.new-login .has-error .form-subSection-radios p:not(:first-of-type),
.new-form .has-error .form-subSection-radios p:not(:first-of-type) {
  color: #d60b2d;
}

.new-login .has-error .form-subSection-radios p,
.new-form .has-error .form-subSection-radios p {
  color: #262626;
  padding-top: 8px;
}

.new-login .center,
.new-form .center {
  text-align: center;
}

.new-login .center .form-subSection-radios,
.new-form .center .form-subSection-radios {
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-login .center .form-subSection-radios .form-check:nth-of-type(2),
.new-form .center .form-subSection-radios .form-check:nth-of-type(2) {
  margin-left: 16px;
}

.new-login-modal .modal-body,
.new-form-modal .modal-body {
  max-height: max-content !important;
}

.new-login-modal .modal-body .center,
.new-form-modal .modal-body .center {
  text-align: center;
}

.new-login-modal-description,
.new-form-modal-description {
  padding-bottom: 15px;
}

.new-login-modal-content,
.new-form-modal-content {
  text-align: center;
  border-top: 1px solid var(--nxp-border-color);
  padding: 0px 15px;
}

.new-login-modal-content form,
.new-form-modal-content form {
  padding: 20px 0px;
}

.new-login-modal-content form .col-xs-12,
.new-form-modal-content form .col-xs-12 {
  padding-bottom: 8px;
}

.new-login-modal-content form .form-group,
.new-form-modal-content form .form-group {
  margin-bottom: 0px;
}

.new-login-modal-content .has-error .form-subSection-helper,
.new-form-modal-content .has-error .form-subSection-helper {
  color: #d60b2d;
}

.new-login-modal-content .form-subSection-helper,
.new-form-modal-content .form-subSection-helper {
  padding-top: 4px;
  font-size: 14px;
  color: #686664;
  margin-bottom: 0px;
  text-align: left;
}

.new-login.large,
.new-form.large {
  width: 85%;
}

@media only screen and (min-width: 1800px) {
  .new-login.large,
  .new-form.large {
    width: 85%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.large,
  .new-form.large {
    width: 85%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.large,
  .new-form.large {
    width: 85%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login.large,
  .new-form.large {
    width: 80%;
  }
}

.new-login.large .form-container,
.new-form.large .form-container {
  width: 100% !important;
}

.new-login.form-clean .form-section,
.new-form.form-clean .form-section {
  border-top: none;
  border-left: none;
  border-right: none;
}

.new-login.no-space,
.new-form.no-space {
  padding: 0px;
}

.new-login.no-space .form-section:first-of-type .form-subSection:first-of-type,
.new-form.no-space .form-section:first-of-type .form-subSection:first-of-type {
  padding-top: 12px;
}

.new-login.no-space .form-section,
.new-login.no-space .form-subSection,
.new-form.no-space .form-section,
.new-form.no-space .form-subSection {
  padding-left: 0px;
  padding-right: 0px;
}

.new-login.boost-gc .form-subSection:has(+ .buttons),
.new-form.boost-gc .form-subSection:has(+ .buttons) {
  padding-top: 38px;
}

.new-login.boost-gc .form-subSection.buttons,
.new-form.boost-gc .form-subSection.buttons {
  padding-top: 46px;
}

.new-login.boost-gc .form-subSection.buttons.buttons-container.flex-right,
.new-form.boost-gc .form-subSection.buttons.buttons-container.flex-right {
  padding-bottom: 10px;
}

.new-login.boost-gc .form-subSection .form-subSection-text,
.new-form.boost-gc .form-subSection .form-subSection-text {
  padding: 0px;
  margin: 0px;
}

.new-login.boost-gc .form-subSection:has(> .form-subSection-text) + .form-subSection:has(.form-subSection-input),
.new-form.boost-gc .form-subSection:has(> .form-subSection-text) + .form-subSection:has(.form-subSection-input) {
  padding-top: 8px;
}

.new-login.boost-gc .form-subSection:has(.form-subSection-button),
.new-form.boost-gc .form-subSection:has(.form-subSection-button) {
  padding-top: 16px;
}

.new-login.boost-gc .form-subSection:has(.alert-success):last-of-type,
.new-form.boost-gc .form-subSection:has(.alert-success):last-of-type {
  padding-top: 16px;
}

.new-login.boost-gc .form-subSection:has(.alert-success):last-of-type .alert,
.new-form.boost-gc .form-subSection:has(.alert-success):last-of-type .alert {
  margin: 0px;
}

.new-login.boost-gc .captcha,
.new-form.boost-gc .captcha {
  display: flex;
  justify-content: flex-start;
}

.new-login.boost-gc .captcha *,
.new-form.boost-gc .captcha * {
  padding: 0px;
}

.new-login.boost-gc:has(.new-login-subtitle + .new-login-subtitle) .new-login-subtitle:nth-child(3),
.new-form.boost-gc:has(.new-login-subtitle + .new-login-subtitle) .new-login-subtitle:nth-child(3) {
  margin-top: 18px;
}

.new-login.boost-gc .form-subSection:has(+ #gcProjectDetails),
.new-form.boost-gc .form-subSection:has(+ #gcProjectDetails) {
  padding-bottom: 0px;
}

.new-login.boost-gc.information-sent .new-login-subtitle, .new-login.boost-gc.acct-created .new-login-subtitle, .new-login.boost-gc.collection-created .new-login-subtitle,
.new-form.boost-gc.information-sent .new-login-subtitle,
.new-form.boost-gc.acct-created .new-login-subtitle,
.new-form.boost-gc.collection-created .new-login-subtitle {
  padding: 0px 72px;
  margin-bottom: 32px;
  margin-top: 24px;
  color: var(--nxp-gray-900);
}

.new-login.boost-gc.information-sent .new-login-title:nth-of-type(2), .new-login.boost-gc.acct-created .new-login-title:nth-of-type(2), .new-login.boost-gc.collection-created .new-login-title:nth-of-type(2),
.new-form.boost-gc.information-sent .new-login-title:nth-of-type(2),
.new-form.boost-gc.acct-created .new-login-title:nth-of-type(2),
.new-form.boost-gc.collection-created .new-login-title:nth-of-type(2) {
  margin-top: 32px;
}

.new-login.boost-gc.information-sent .btn-container, .new-login.boost-gc.acct-created .btn-container, .new-login.boost-gc.collection-created .btn-container,
.new-form.boost-gc.information-sent .btn-container,
.new-form.boost-gc.acct-created .btn-container,
.new-form.boost-gc.collection-created .btn-container {
  align-content: center;
  flex-direction: column;
  gap: 16px;
}

.new-login.boost-gc.information-sent .btn-container button, .new-login.boost-gc.acct-created .btn-container button, .new-login.boost-gc.collection-created .btn-container button,
.new-form.boost-gc.information-sent .btn-container button,
.new-form.boost-gc.acct-created .btn-container button,
.new-form.boost-gc.collection-created .btn-container button {
  width: 100%;
  max-width: 300px;
}

.new-login.boost-gc.information-sent .form-subSection, .new-login.boost-gc.acct-created .form-subSection, .new-login.boost-gc.collection-created .form-subSection,
.new-form.boost-gc.information-sent .form-subSection,
.new-form.boost-gc.acct-created .form-subSection,
.new-form.boost-gc.collection-created .form-subSection {
  padding-bottom: 24px;
}

.new-login.boost-gc.information-sent .form-subSection .form-subSection-text, .new-login.boost-gc.acct-created .form-subSection .form-subSection-text, .new-login.boost-gc.collection-created .form-subSection .form-subSection-text,
.new-form.boost-gc.information-sent .form-subSection .form-subSection-text,
.new-form.boost-gc.acct-created .form-subSection .form-subSection-text,
.new-form.boost-gc.collection-created .form-subSection .form-subSection-text {
  padding: 0px 54px;
  text-align: center;
}

.new-login.boost-gc.information-sent .icon-check, .new-login.boost-gc.acct-created .icon-check, .new-login.boost-gc.collection-created .icon-check,
.new-form.boost-gc.information-sent .icon-check,
.new-form.boost-gc.acct-created .icon-check,
.new-form.boost-gc.collection-created .icon-check {
  font-size: 44px;
}

.new-login.boost-gc.verify-phone .new-login-subtitle,
.new-form.boost-gc.verify-phone .new-login-subtitle {
  padding: 0px 30px;
}

.new-login.boost-gc.verify-phone .form-subSection:has(.alert),
.new-form.boost-gc.verify-phone .form-subSection:has(.alert) {
  padding-bottom: 0px;
}

.new-login.boost-gc.verify-phone .form-subSection:has(.form-subSection-button),
.new-form.boost-gc.verify-phone .form-subSection:has(.form-subSection-button) {
  padding-top: 6px;
}

.new-login.boost-gc.verify-phone:not(:has(.captcha)) .form-subSection:has(.form-subSection-button),
.new-form.boost-gc.verify-phone:not(:has(.captcha)) .form-subSection:has(.form-subSection-button) {
  padding-top: 22px;
}

.new-login.boost-gc.verify-phone .form-section:has(.alert) .form-subSection-button,
.new-form.boost-gc.verify-phone .form-section:has(.alert) .form-subSection-button {
  padding-top: 18px;
}

.new-login.boost-gc.verify-sent .form-subSection:has(.form-subSection-button),
.new-form.boost-gc.verify-sent .form-subSection:has(.form-subSection-button) {
  padding-top: 22px;
}

.new-login.boost-gc.verify-sent .form-subSection:has(+ #mobVerified.hide),
.new-form.boost-gc.verify-sent .form-subSection:has(+ #mobVerified.hide) {
  padding-bottom: 24px;
}

.new-login.boost-gc .buttons-container.flex-right button,
.new-form.boost-gc .buttons-container.flex-right button {
  min-width: 146px;
}

.new-login.boost-gc #mobileVerifySecondPage .form-subSection:has(#verifyButtonsSec),
.new-form.boost-gc #mobileVerifySecondPage .form-subSection:has(#verifyButtonsSec) {
  padding-top: 28px;
}

.new-login.enhanced-access-required .btn-container,
.new-form.enhanced-access-required .btn-container {
  margin-top: 24px;
}

.new-login.enhanced-access-required .btn-container button,
.new-form.enhanced-access-required .btn-container button {
  width: 100%;
}

.new-login .disabled,
.new-form .disabled {
  cursor: not-allowed;
  text-decoration: none;
  user-select: none;
  pointer-events: none;
  color: var(--nxp-gray-600);
}

.new-login .disabled:hover,
.new-form .disabled:hover {
  all: unset;
}

.no-space {
  padding: 0px;
}

.new-login.medium,
.new-form.medium {
  padding: 3em 0px;
}

@media only screen and (min-width: 1800px) {
  .new-login.medium,
  .new-form.medium {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.medium,
  .new-form.medium {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.medium,
  .new-form.medium {
    width: 55%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login.medium,
  .new-form.medium {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login.medium,
  .new-form.medium {
    width: 75%;
  }
}

@media only screen and (max-width: 624px) {
  .new-login.medium,
  .new-form.medium {
    width: 100%;
  }
}

.new-login.medium .form-container,
.new-form.medium .form-container {
  width: 100%;
}

.new-login.medium-sales,
.new-form.medium-sales {
  padding: 3em 0px;
  min-height: calc(100vh - 124px - 3em);
}

.new-login.medium-sales .d-flex, .new-login.medium-sales .flex-grid, .new-login.medium-sales .jumpto ul li, .jumpto ul .new-login.medium-sales li, .new-login.medium-sales .results-pagination-select, .new-login.medium-sales .is-pinned .pin-content-fixed, .is-pinned .new-login.medium-sales .pin-content-fixed, .new-login.medium-sales .is-pinned .pin-content:first-child, .is-pinned .new-login.medium-sales .pin-content:first-child,
.new-form.medium-sales .d-flex,
.new-form.medium-sales .flex-grid,
.new-form.medium-sales .jumpto ul li,
.jumpto ul .new-form.medium-sales li,
.new-form.medium-sales .results-pagination-select,
.new-form.medium-sales .is-pinned .pin-content-fixed,
.is-pinned .new-form.medium-sales .pin-content-fixed,
.new-form.medium-sales .is-pinned .pin-content:first-child,
.is-pinned .new-form.medium-sales .pin-content:first-child {
  flex-wrap: nowrap;
  gap: 6px;
  margin-bottom: 11px;
}

.new-login.medium-sales .d-flex .icon-check, .new-login.medium-sales .flex-grid .icon-check, .new-login.medium-sales .jumpto ul li .icon-check, .jumpto ul .new-login.medium-sales li .icon-check, .new-login.medium-sales .results-pagination-select .icon-check, .new-login.medium-sales .is-pinned .pin-content-fixed .icon-check, .is-pinned .new-login.medium-sales .pin-content-fixed .icon-check, .new-login.medium-sales .is-pinned .pin-content:first-child .icon-check, .is-pinned .new-login.medium-sales .pin-content:first-child .icon-check,
.new-form.medium-sales .d-flex .icon-check,
.new-form.medium-sales .flex-grid .icon-check,
.new-form.medium-sales .jumpto ul li .icon-check,
.jumpto ul .new-form.medium-sales li .icon-check,
.new-form.medium-sales .results-pagination-select .icon-check,
.new-form.medium-sales .is-pinned .pin-content-fixed .icon-check,
.is-pinned .new-form.medium-sales .pin-content-fixed .icon-check,
.new-form.medium-sales .is-pinned .pin-content:first-child .icon-check,
.is-pinned .new-form.medium-sales .pin-content:first-child .icon-check {
  line-height: 1.5;
}

.new-login.medium-sales .d-flex .form-subSection-text, .new-login.medium-sales .flex-grid .form-subSection-text, .new-login.medium-sales .jumpto ul li .form-subSection-text, .jumpto ul .new-login.medium-sales li .form-subSection-text, .new-login.medium-sales .results-pagination-select .form-subSection-text, .new-login.medium-sales .is-pinned .pin-content-fixed .form-subSection-text, .is-pinned .new-login.medium-sales .pin-content-fixed .form-subSection-text, .new-login.medium-sales .is-pinned .pin-content:first-child .form-subSection-text, .is-pinned .new-login.medium-sales .pin-content:first-child .form-subSection-text,
.new-form.medium-sales .d-flex .form-subSection-text,
.new-form.medium-sales .flex-grid .form-subSection-text,
.new-form.medium-sales .jumpto ul li .form-subSection-text,
.jumpto ul .new-form.medium-sales li .form-subSection-text,
.new-form.medium-sales .results-pagination-select .form-subSection-text,
.new-form.medium-sales .is-pinned .pin-content-fixed .form-subSection-text,
.is-pinned .new-form.medium-sales .pin-content-fixed .form-subSection-text,
.new-form.medium-sales .is-pinned .pin-content:first-child .form-subSection-text,
.is-pinned .new-form.medium-sales .pin-content:first-child .form-subSection-text {
  margin: 0px;
  padding-top: 0px;
}

.new-login.medium-sales .d-flex:first-of-type, .new-login.medium-sales .flex-grid:first-of-type, .new-login.medium-sales .jumpto ul li:first-of-type, .jumpto ul .new-login.medium-sales li:first-of-type, .new-login.medium-sales .results-pagination-select:first-of-type, .new-login.medium-sales .is-pinned .pin-content-fixed:first-of-type, .is-pinned .new-login.medium-sales .pin-content-fixed:first-of-type, .new-login.medium-sales .is-pinned .pin-content:first-of-type:first-child, .is-pinned .new-login.medium-sales .pin-content:first-of-type:first-child,
.new-form.medium-sales .d-flex:first-of-type,
.new-form.medium-sales .flex-grid:first-of-type,
.new-form.medium-sales .jumpto ul li:first-of-type,
.jumpto ul .new-form.medium-sales li:first-of-type,
.new-form.medium-sales .results-pagination-select:first-of-type,
.new-form.medium-sales .is-pinned .pin-content-fixed:first-of-type,
.is-pinned .new-form.medium-sales .pin-content-fixed:first-of-type,
.new-form.medium-sales .is-pinned .pin-content:first-of-type:first-child,
.is-pinned .new-form.medium-sales .pin-content:first-of-type:first-child {
  margin-top: 20px;
}

@media only screen and (min-width: 1800px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 58%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 58%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 63%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 78%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 83%;
  }
}

@media only screen and (max-width: 624px) {
  .new-login.medium-sales,
  .new-form.medium-sales {
    width: 100%;
  }
}

.new-login.medium-sales .form-container,
.new-form.medium-sales .form-container {
  width: 100%;
}

.account-created-login {
  min-height: calc(100vh - 250px);
  display: flex;
  align-items: center;
}

.account-created {
  min-height: calc(100vh - 250px);
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1800px) {
  .account-created {
    width: 25%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .account-created {
    width: 30%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .account-created {
    width: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .account-created {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .account-created {
    width: 70%;
  }
}

@media only screen and (max-width: 479px) {
  .account-created {
    width: 100%;
  }
}

.account-created .container {
  padding: 0px;
}

.account-created .new-login-subtitle span {
  margin-right: 8px;
  font-weight: 600;
}

.account-created .new-login-title span {
  font-size: 64px;
  margin-bottom: 16px;
}

.new-login.update {
  width: 100%;
}

.new-login.update .new-login-subtitle {
  text-align: left;
}

.new-login.update .new-login-title {
  text-align: left;
}

.new-login.update .form-container.login,
.new-login.update .new-login-loader {
  margin-left: 0px;
}

@media only screen and (min-width: 1800px) {
  .new-login.update .form-container.login,
  .new-login.update .new-login-loader {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.update .form-container.login,
  .new-login.update .new-login-loader {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.update .form-container.login,
  .new-login.update .new-login-loader {
    width: 60%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  .new-login.update .form-container.login,
  .new-login.update .new-login-loader {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login.update .new-login-loader {
    width: 100%;
  }
}

.new-login.update .regular {
  font-weight: normal;
}

@media only screen and (min-width: 1800px) {
  .new-login.update.sm {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.update.sm {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.update.sm {
    width: 68%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login.update.sm {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login.update.sm {
    width: 75%;
  }
}

@media only screen and (max-width: 624px) {
  .new-login.update.sm {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .new-login.update.sm {
    width: 100%;
  }
}

.new-login.update.sm .form-container {
  padding: 16px 0px;
  width: 80%;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .new-login.update.sm .form-container {
    width: 70%;
  }
}

@media only screen and (min-width: 580px) and (767px) {
  .new-login.update.sm .form-container {
    width: 70%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
  .new-login.update.sm .form-container {
    width: 80%;
  }
}

@media only screen and (max-width: 479px) {
  .new-login.update.sm .form-container {
    width: 100%;
  }
}

@media only screen and (min-width: 1800px) {
  .new-login.twoFa {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .new-login.twoFa {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-login.twoFa {
    width: 60%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-login.twoFa {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .new-login.twoFa {
    width: 100%;
  }
}

.new-login.twoFa .form-container {
  width: 80%;
}

@media only screen and (max-width: 480px) {
  .new-login.twoFa .form-container {
    width: 100%;
  }
}

.new-login.twoFa .new-login-subtitle {
  font-size: 18px;
}

.new-login.twoFa .form-subSection .has-error {
  padding-bottom: 16px;
}

.new-login.twoFa .form-subSection .has-error .form-control:first-child {
  border-color: inherit;
}

.new-login.twoFa .form-subSection-two-inputs select {
  margin-right: 20px;
  padding-left: 9px;
}

.new-login.twoFa .form-subSection-two-inputs input {
  height: 40px;
}

@media only screen and (max-width: 580px) {
  .new-login.twoFa .form-subSection-two-inputs input {
    margin-top: 12px;
  }
}

.new-login.download {
  width: 100%;
  padding: 30px 0px;
}

.new-login.download h1 {
  margin-top: 0px;
}

.new-login.download .meta-item {
  padding-right: 14px;
  display: inline-block;
  padding-left: 0;
}

.new-login.download .secondary-topic-list {
  justify-content: left;
}

.new-login.download .secondary-topic-list .secondary-topic-item {
  width: 75%;
}

.new-login.download .secondary-topic-list .icon-arrow-to-bottom {
  font-size: 52px;
}

.new-login.download .content-loader.left {
  text-align: left;
}

.new-login.enhanced-access-required {
  height: auto;
  min-height: calc(100dvh - 128px);
}

.lite {
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .lite {
    padding: 0px;
  }
}

.lite .site-logo {
  order: 2;
  flex-shrink: 0;
  align-self: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0;
  margin-left: 0;
}

.lite .site-header-wrapper {
  display: flex;
  width: 100%;
}

.lite .site-header-wrapper .secondary-nav {
  margin-left: auto;
  list-style: none;
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  opacity: 1;
  position: inherit;
  border: none;
  width: auto;
  height: 61px;
}

@media only screen and (max-width: 768px) {
  .lite .site-header-wrapper .secondary-nav-item {
    padding: 0px;
  }
}

.lite .site-header-wrapper .secondary-nav .close {
  opacity: 1;
  font-size: 24px;
  padding: 8px 13px;
  border-radius: 25px;
}

.lite .site-header-wrapper .secondary-nav .close:hover {
  background-color: #ebe7dd;
  border-color: #ebe7dd;
}

.lite .disabled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

.loadnav.lite {
  padding: 0px;
}

.loadnav.lite .footer-inner .scroll-up-button,
.loadnav.lite .footer-inner .next-offer,
.loadnav.lite .footer-inner .jump-to-mobile-section,
.loadnav.lite .footer-inner #newsContainer,
.loadnav.lite .footer-inner .footer-logo {
  display: none;
}

.loadnav.lite .footer-inner .footer-row {
  display: none;
}

.loadnav.lite .footer-inner .footer-row ~ .footer-row {
  display: block;
  padding-top: 24px;
}

.loadnav.lite .disabled a {
  color: #686664;
}

.loadnav.lite .disabled a:hover {
  cursor: not-allowed;
  text-decoration: none;
}

.login.loader {
  padding-top: 5em;
}

.tree .checkboxes {
  font-size: 14px;
}

.tree .row {
  padding-top: 16px;
  padding-bottom: 24px;
}

.tree .subscription-list-item .checkbox input[type='checkbox'] {
  margin-left: 0px;
}

.tree .subscription-list-item .checkbox span {
  margin-left: 24px;
}

.technical .alert {
  margin: 32px 0px;
}

.technical .full-width img {
  min-width: 100%;
}

.technical-alert-container .row.pl1 {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

#reg-form-MAIN_OPT_IN .checkbox .text-muted .form-subSection-helper a {
  font-size: 14px;
}

#unsubscribeForm .new-login.update {
  padding-top: 10px !important;
}

.quick-pricing .hero-body h3 p {
  font-weight: normal;
  font-size: 18px;
}

.quick-pricing-well {
  padding: 32px;
  margin-bottom: 0px;
}

.quick-pricing-well .empty-label {
  height: 19px;
}

.quick-pricing-well .helper-text {
  color: #688093 !important;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.25;
}

.quick-pricing-well .help-block.small.error, .quick-pricing-well .flex-box .box-opts .nav-piped-2 li.help-block.error, .flex-box .box-opts .nav-piped-2 .quick-pricing-well li.help-block.error {
  color: inherit;
}

.quick-pricing-well-section h3 {
  margin-top: 0px;
  font-size: 17px;
  margin-bottom: 11px;
  line-height: 1.1;
  color: #262626;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.quick-pricing-well .button-wrapper {
  display: flex;
}

.quick-pricing-container {
  width: auto;
}

.quick-pricing-container .helper-section {
  font-size: 14px;
  line-height: 17.5px;
}

@media only screen and (max-width: 991px) {
  .quick-pricing-row4 {
    margin: 12px 0px;
  }
  .quick-pricing-row4:last-of-type:not(:first-of-type) {
    margin-bottom: 20px;
  }
}

.quick-pricing-results {
  padding: 48px 0px;
}

.quick-pricing-results .container {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .quick-pricing-results-no-border h3 {
    font-size: 18px;
  }
}

.quick-pricing-results-table {
  border-top: 1px solid #d6dce0;
}

.quick-pricing-results-table-counter {
  margin-top: 16px;
}

.quick-pricing-results-table-counter span {
  font-weight: 600;
}

.quick-pricing-results-table th {
  padding: 16px 48px !important;
  border-right: 0px !important;
  white-space: nowrap;
}

.quick-pricing-results-table td {
  padding: 12px 48px !important;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .quick-pricing-results-table th {
    padding: 16px 8px !important;
  }
  .quick-pricing-results-table td {
    padding: 12px 8px !important;
  }
}

.quick-pricing-results-table .sticky .table th:first-child, .quick-pricing-results-table .sticky .comparisonTableSte th:first-child,
.quick-pricing-results-table .sticky .table td:first-child,
.quick-pricing-results-table .sticky .comparisonTableSte td:first-child {
  left: 0;
  position: sticky !important;
  z-index: 50;
}


.quick-pricing-results-table .sticky .table td:first-child,
.quick-pricing-results-table .sticky .comparisonTableSte td:first-child {
  background-color: white;
}

.quick-pricing-results-table .sticky th {
  padding: 16px 8px !important;
  text-align: center;
}

.quick-pricing-results .recent-quick .item-signpost {
  padding-top: 16px;
}

.quick-pricing-results .recent-quick .retrieved-item .item-title {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description {
  font-size: 12px;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata .meta-key, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description .meta-key, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description .meta-key {
  font-weight: 600;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata .meta-value, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description .meta-value, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description .meta-value {
  margin-right: 20px;
}

.quick-pricing-results .recent-quick .retrieved-item:first-of-type {
  padding-top: 0px;
}

.collection {
  /* my nxp section */
}

@media only screen and (max-width: 480px) {
  .collection.modal {
    overflow: initial;
  }
  .collection.modal::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
    background-color: transparent;
  }
}

.collection.modal .modal-header {
  padding-bottom: 20px;
  padding-left: 24px;
  padding-top: 24px;
  padding-right: 24px;
  border-bottom: 1px solid #d4cfc5;
}

.collection.modal .modal-header .close {
  float: right;
  font-size: 30px;
  padding: 0px;
  line-height: 0.9;
  font-weight: 400;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  top: 20px;
  right: 22px;
}

.collection.modal .modal-header .close:hover {
  background-color: white;
  opacity: 1;
  color: #898683;
}

.collection.modal .modal-footer {
  padding: 18px;
}

.collection.modal .form-section:last-of-type:not(:first-of-type) {
  border-top: none;
}

.collection.modal .form-section:last-of-type {
  margin-bottom: 8px;
}

.collection.modal .form-container {
  padding: 20px 24px;
  height: auto;
}

@media only screen and (max-width: 480px) {
  .collection.modal .form-container {
    -webkit-overflow-scrolling: auto !important;
    max-height: none !important;
    height: 350px;
    /*  &::after{
            content: "";
            position: absolute;
            width: 100%;
            height: 10px;
            bottom: -10px;
            left: 0;
            background-color: transparent;
          } */
  }
  .collection.modal .form-container .form-section {
    width: 100%;
    padding-bottom: 48px;
    position: relative;
  }
}

.collection.modal .form-container::-webkit-scrollbar {
  -webkit-appearance: none;
}

.collection.modal .form-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid white;
}

.collection.modal .form-subSection {
  padding: 8px 0px;
}

.collection.modal .form-subSection:first-of-type {
  padding-top: 0px;
}

.collection.modal .form-subSection:last-of-type {
  padding-bottom: 0px;
}

.collection.modal .form-subSection .g-recaptcha {
  transform: scale(0.96);
  transform-origin: 0 0;
}

.collection.modal .form-subSection-label {
  font-weight: 600;
  width: 100%;
  display: inline-block;
}

.collection.modal .form-subSection-label.big {
  font-size: 20px;
}

.collection.modal .form-subSection-input, .collection.modal .form-subSection-control {
  margin-top: 2px;
  font-size: 14px;
}

.collection.modal .form-subSection-control {
  padding-left: 0px;
}

.collection.modal .form-subSection-helper {
  padding-top: 2px;
  font-size: 14px;
  color: #686664;
  margin-bottom: 0px;
}

.collection.modal .form-subSection-pass {
  float: right;
}

.collection.modal .form-subSection-pass a {
  color: #64798a;
  text-decoration: underline;
  font-size: 14px;
}

.collection.modal .form-subSection-button .btn, .collection.modal .form-subSection-button .nav-close {
  width: 100%;
}

.collection.modal .form-subSection-recommendations {
  font-size: 14px;
  padding-top: 8px;
}

.collection.modal .form-subSection-recommendations .pass {
  color: #6b7302;
}

.collection.modal .form-subSection-recommendations .atention {
  color: #f55e00;
}

.collection.modal .form-subSection-recommendations [class*='icon-'] {
  margin-right: 4px;
}

.collection.modal .form-subSection-recommendations .icon-times {
  margin-left: 3px;
  margin-right: 6px;
}

.collection.modal .form-subSection-recommendations .list-unstyled, .collection.modal .form-subSection-recommendations .jumpto ul, .jumpto .collection.modal .form-subSection-recommendations ul {
  margin-bottom: 0px;
}

.collection.modal .form-subSection-recommendations .list-unstyled li, .collection.modal .form-subSection-recommendations .jumpto ul li, .jumpto .collection.modal .form-subSection-recommendations ul li {
  padding: 2px 0px 2px 0px;
  margin-bottom: 0px;
}

.collection.modal .form-subSection-recommendations .list-unstyled li ul, .collection.modal .form-subSection-recommendations .jumpto ul li ul, .jumpto .collection.modal .form-subSection-recommendations ul li ul {
  padding-left: 24px;
}

.collection.modal .form-subSection-recommendations .list-unstyled li ul li, .collection.modal .form-subSection-recommendations .jumpto ul li ul li, .jumpto .collection.modal .form-subSection-recommendations ul li ul li {
  padding: 0px;
  margin-bottom: 2px;
}

.collection.modal .form-subSection .checkbox {
  margin: 0px;
}

.collection.modal .form-subSection .checkbox label {
  cursor: auto;
  font-size: 14px;
  padding-bottom: 8px;
}

.collection.modal .form-subSection .checkbox label .checkbox-label {
  display: block;
  margin: 2px 0 0;
  width: 100%;
  cursor: pointer;
}

.collection.modal .form-subSection .checkbox label .checkbox-label .icon-info {
  font-size: 12px;
}

.collection.modal .form-subSection .checkbox label span a {
  color: #64798a;
  text-decoration: underline;
  font-size: 14px;
}

.collection.modal .form-subSection .centered {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.collection.modal .form-subSection-navigation {
  padding-bottom: 12px;
}

.collection.modal .form-subSection-navigation a {
  text-decoration: none;
  color: inherit;
}

.collection.modal .form-subSection-navigation .form-subSection-label {
  margin-left: 8px;
  font-weight: normal;
  display: inline;
}

.collection.modal .form-subSection-text {
  line-height: 24px;
}

.collection.modal .form-subSection-text:first-of-type {
  padding-top: 16px;
}

.collection.modal .form-subSection-email {
  font-weight: 600;
}

.collection.modal .form-subSection-loader {
  padding-top: 16px;
  padding-bottom: 32px;
}

.collection.modal .form-subSection-loader .spin-icon {
  margin-right: 4px;
}

.collection.modal .form-subSection-radios {
  padding-top: 12px;
}

.collection.modal .form-subSection-radios .form-check-label {
  font-weight: normal;
  padding-left: 6px;
}

.collection.modal .form-subSection-share {
  display: flex;
  margin-top: 4px;
  position: relative;
  width: 100%;
  background-color: #ebe7dd;
  padding: 6px 8px;
}

.collection.modal .form-subSection-share p {
  width: 90%;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.collection.modal .form-subSection-share span,
.collection.modal .form-subSection-share a {
  position: absolute;
  right: 10px;
  top: 7px;
  display: block;
  color: #215bd6;
}

.collection.modal .form-subSection-share span:hover,
.collection.modal .form-subSection-share a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.collection.modal .form-subSection.has-error p,
.collection.modal .form-subSection.has-error div {
  color: #cd4a4a;
}

.collection.modal .form-subSection.buttons div {
  text-align: right;
}

.collection.modal .form-subSection.buttons .btn, .collection.modal .form-subSection.buttons .nav-close {
  width: 90px;
}

.collection.modal .form-subSection.buttons .btn:last-of-type, .collection.modal .form-subSection.buttons .nav-close:last-of-type {
  margin-left: 8px;
}

.collection.modal .form-subSection.describes {
  padding-bottom: 48px;
}

.collection.modal .form-subSection textarea.form-control {
  font-size: 14px;
}

.collection.modal .form-subSection:has(#react-select-2-live-region) .css-b62m3t-container {
  font-size: 14px;
}

.collection.modal .has-error .form-control,
.collection.modal .has-error .dropdown-field {
  border-color: #cd4a4a;
}

.collection.modal .modal-body {
  padding-bottom: 0px;
}

.collection.modal .modal-body .media-flex, .collection.modal .modal-body .media-flex-ste {
  padding: 10px 0px 0px 0px;
}

.collection.modal .modal-footer {
  padding-bottom: 42px;
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.collection.modal .modal-footer.no-border {
  border: none;
}

.collection.modal .dropdown-field {
  width: 100%;
  min-width: 250px;
  border: #cccccc;
  display: flex;
  border: 1px solid #d4cfc5;
  position: relative;
  min-height: 38px;
  justify-content: space-between;
}

.collection.modal .dropdown-field .dropdown-placeholder {
  color: grey;
  color: grey;
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  outline: 0px;
}

.collection.modal .dropdown-value {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.collection.modal .dropdown-value .dropdown-label {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  margin: 8px 2px;
}

.collection.modal .dropdown-value .dropdown-label span.value {
  border-radius: 2px;
  text-transform: uppercase;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.collection.modal .dropdown-value .dropdown-label span.remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
}

.collection.modal .dropdown-value .dropdown-label span.remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.collection.modal .dropdown-toggle {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.collection.modal .dropdown-toggle span {
  font-size: 18px;
  vertical-align: -8px;
  padding: 0px 8px;
  color: #262626;
}

.collection.modal .dropdown-toggle::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  height: 100%;
  border-left: 1px solid #d4cfc5;
}

.collection.modal .dropdown-options {
  padding: 4px 0px;
  display: block;
  height: auto;
  max-height: 240px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  top: 102%;
  background: white;
  border: 1px solid #d4cfc5;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.collection.modal .dropdown-options::-webkit-scrollbar {
  -webkit-appearance: none;
}

.collection.modal .dropdown-options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid white;
}

.collection.modal .dropdown-options-item {
  padding: 8px;
  margin: 0px;
}

.collection.modal .dropdown-options-item label {
  width: 100%;
  text-transform: uppercase;
  min-height: 22px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.collection.modal .dropdown-options-item:hover {
  cursor: pointer;
  background-color: #2684ff;
  color: white;
}

.collection.modal .box-text {
  max-height: 220px;
}

.collection.modal .modal-content {
  border: 1px solid #d4cfc5;
}

.collection.modal .modal-content:has(.share-this-collection.active) .tab-content-people {
  display: none;
}

.collection.modal .modal-content:has(.share-with.active) .tab-content-share {
  display: none;
}

.collection.modal.share-collection {
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.collection.modal.share-collection .modal-header {
  padding: 24px;
}

.collection.modal.share-collection .modal-header .close {
  font-size: 30px;
  padding: 0px;
  line-height: 0.9;
  font-weight: 400;
}

.collection.modal.share-collection .modal-header {
  padding: 24px 24px 0px 24px;
  border-bottom: 1px solid #d4cfc5;
}

.collection.modal.share-collection .modal-header .modal-tabs {
  display: flex;
  width: 100%;
  margin-top: 20px;
  cursor: pointer;
}

.collection.modal.share-collection .modal-header .modal-tabs .tab {
  width: 50%;
  text-align: center;
  color: #000000;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 0px;
}

.collection.modal.share-collection .modal-header .modal-tabs .tab.active {
  border-bottom: 3px solid #ff7400;
}

.collection.modal.share-collection .modal-body {
  max-height: unset !important;
  padding: 24px;
  overflow-y: visible !important;
}

.collection.modal.share-collection .modal-body.form-container {
  height: auto;
}

.collection.modal.share-collection .modal-body .share-actions {
  visibility: hidden;
  width: 208px;
  border: 1px solid #d4cfc5;
  background: white;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35);
  position: absolute;
  right: 0px;
  margin-top: 0px;
  z-index: 1;
  padding: 12px 10px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item {
  display: grid;
  grid-template-columns: 10px 20px 1fr;
  gap: 12px;
  grid-template-areas: 'dot-area icon-area description-area';
  color: #474645;
  margin: 0px;
  cursor: pointer;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item .dot {
  grid-area: dot-area;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item .dot::before {
  background-color: #ff7400;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item [class*='icon-'] {
  display: inline-flex;
  align-items: center;
  grid-area: icon-area;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item .action-description {
  grid-area: description-area;
  display: flex;
  flex-direction: column;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item .action-description .action-text {
  font-size: 14px;
  font-weight: 600;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item .action-description .action-label {
  font-size: 12px;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item-remove {
  border-top: 1px solid #d4cfc5;
  color: #474645;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  cursor: pointer;
}

.collection.modal.share-collection .modal-body .share-actions .share-actions-item.disabled {
  color: #aaa6a2;
  pointer-events: none;
}

.collection.modal.share-collection .modal-body .share-actions.reveal {
  visibility: visible;
}

.collection.modal.share-collection .modal-body .share-actions.reavel-all {
  visibility: visible;
  padding-left: 0px;
}

.collection.modal.share-collection .modal-body .form-subSection-label {
  font-size: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-share {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection {
  position: relative;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-subSection-label {
  word-break: break-all;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper {
  list-style: none;
  border: 1px solid #d4cfc5;
  max-height: 200px;
  display: flex;
  padding: 6px 12px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list {
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 200px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token {
  display: flex;
  align-items: center;
  border-radius: 100px;
  background-color: #ebe7dd;
  gap: 10px;
  margin: 0px;
  padding: 4px 12px;
  width: fit-content;
  min-height: 34px;
  font-size: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token .input-label-toke {
  word-break: break-all;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token.add-item {
  background-color: white;
  border-radius: unset;
  padding: 0px;
  width: 100%;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token .input-delete-token {
  cursor: pointer;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token input {
  border-color: transparent;
  width: 100%;
  font-size: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-list .input-token input:focus-visible {
  outline: transparent;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-actions {
  border-left: 1px solid #d4cfc5;
  gap: 8px;
  display: flex;
  margin-left: 12px;
  padding-left: 12px;
  padding-bottom: 10px;
  align-items: end;
  color: #474645;
}

@media (min-width: 768px) {
  .collection.modal.share-collection .modal-body .tab-content-share .share-collection .form-input-wrapper .input-actions {
    align-items: center;
    padding-bottom: 0px;
  }
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .share-status {
  padding: 12px 0px;
  border: 1px solid #ebe7dd;
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  position: absolute;
  width: 100%;
  visibility: hidden;
  list-style: none;
  flex-direction: column;
  z-index: 1;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .share-status.reveal {
  visibility: visible;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .share-status .share-status-item {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px;
  cursor: default;
  gap: 10px;
}

.collection.modal.share-collection .modal-body .tab-content-share .share-collection .share-status .share-status-item:hover {
  background-color: #f7f5f1;
}

.collection.modal.share-collection .modal-body .tab-content-share .message .form-subSection-helper {
  color: #898683;
  font-size: 12px;
}

.collection.modal.share-collection .modal-body .tab-content-share .message textarea {
  resize: none;
  height: 70px;
  font-size: 14px;
  box-shadow: unset;
}

.collection.modal.share-collection .modal-body .tab-content-share .message textarea::-webkit-input-placeholder {
  display: block !important;
}

.collection.modal.share-collection .modal-body .tab-content-share .captcha {
  height: 80px;
}

.collection.modal.share-collection .modal-body .tab-content-share .btn-container {
  justify-content: end;
}

.react-responsive-modal-container .collection.modal.share-collection .modal-body .tab-content-share .alert-container .alert .close {
  position: unset;
  font-size: 21px;
  opacity: 0.2;
  padding: 0px;
}

.collection.modal.share-collection .modal-body .tab-content-people {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-people .share-actions {
  left: auto;
}

.collection.modal.share-collection .modal-body .tab-content-people .shared-container {
  position: relative;
}

.collection.modal.share-collection .modal-body .tab-content-people .shared-container + a {
  font-size: 14px;
}

.collection.modal.share-collection .modal-body .tab-content-people .tab-content-footer .alert-container {
  font-size: 12px;
}

.collection.modal.share-collection .modal-body .tab-content-people a {
  max-width: fit-content;
}

.collection.modal.share-collection .modal-body .share-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 992px) {
  .collection.modal.share-collection .modal-body .share-email {
    word-break: break-all;
    overflow: visible;
    white-space: unset;
    text-overflow: unset;
  }
}

.collection.modal.share-collection .modal-body .share-information {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 150px;
  justify-content: end;
}

.collection.modal.share-collection .modal-body .share-information .share-information-icon {
  background-color: #ffeda7;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection.modal.share-collection .modal-body .share-information .share-information-icon .icon-exclamation-circle {
  color: #994600;
  font-size: 12px;
}

.collection.modal.share-collection .modal-body .share-information .share-information-text {
  cursor: pointer;
  min-width: fit-content;
}

.collection.modal.share-collection .modal-body .share-information .icon-angle-down {
  cursor: pointer;
}

.collection.modal.share-collection .shared-container {
  position: relative;
  border: 1px solid #d4cfc5;
}

.collection.modal.share-collection .shared-container > .list-users {
  height: 224px;
  overflow-y: auto;
}

.collection.modal.share-collection .shared-container .list-users {
  padding: 0px 10px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item {
  list-style: none;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  margin: 0px;
  font-size: 14px;
  gap: 10px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible {
  flex-wrap: wrap;
  border-bottom: unset;
  gap: 0px;
  padding-bottom: 0px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .share-details {
  gap: 6px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .icon-angle-right {
  align-self: center;
  transform: rotate(90deg);
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .icon-angle-right::before {
  margin-left: unset;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .list-users {
  width: 100%;
  padding: 0px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item {
  padding-left: 30px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item:first-of-type {
  border-top: 1px solid #d4cfc5;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible.collapse {
  border-bottom: 1px solid #d4cfc5;
  padding: 8px 0px;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible.collapse .list-users {
  display: none;
}

.collection.modal.share-collection .shared-container .list-users .list-user-item.collapsible.collapse .icon-angle-right {
  transform: unset;
}

.collection.modal.share-collection .shared-container .list-users .react-loading-skeleton {
  height: 22px;
  margin-bottom: 10px;
}

.collection.modal.share-collection .shared-container .list-users.empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection.modal.share-collection .shared-container .list-users.empty .list-user-item {
  border-bottom: unset;
  justify-content: center;
}

.collection.modal.share-collection .shared-container + a {
  font-size: 14px;
}

.collection.modal.remove-collection-access .modal-footer, .collection.modal.no-collection-access .modal-footer {
  border-top: unset;
}

.collection.modal form.modal-body.form-container {
  height: auto;
}

.collection.modal form.modal-body.form-container .form-section {
  padding-bottom: 0px;
}

.collection-portal .component-container:first-of-type .component-overview {
  padding: 0px;
}

.collection-portal .component-container:first-of-type .component-overview .description {
  margin-bottom: 0px;
}

.collection-portal .component-container .component-overview .description {
  margin-bottom: 0px;
}

.collection-portal .alert-transparent-muted {
  margin-bottom: 0px;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 768px) {
  .collection-portal .alert-transparent-muted {
    margin-bottom: 0px;
  }
}

.collection-portal .filter-block-section {
  padding: 22px 0px;
  background-color: white;
  border-top: unset;
  border-left: unset;
  border-right: unset;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.collection-portal .filter-block-section .header-subsection-search {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .collection-portal .filter-block-section .header-subsection-search {
    flex-direction: column;
    gap: 16px;
  }
  .collection-portal .filter-block-section .header-subsection-search button {
    padding: 8px 12px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 100px;
    display: block !important;
  }
}

.collection-portal .filter-block-section + .alert.alert-warning {
  margin-bottom: 20px;
}

.collection-portal .btn.btn-default.btn-width, .collection-portal .btn-default.btn-width.nav-close {
  margin: 0px 10px 10px 0px !important;
}

.collection-portal #duration,
.collection-portal #durationUOM {
  width: auto !important;
  max-width: 115px;
  float: left;
}

.collection-portal .retrieved-results-header {
  padding: 8px 8px 28px 8px !important;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results-header .form-group.form-group-sm {
    display: flex;
    margin-top: 8px;
    align-items: center;
  }
  .collection-portal .retrieved-results-header .retrieved-results-label {
    width: 100%;
  }
}

.collection-portal .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
  border: none;
  border-left: 1px solid #d4cfc5;
  box-shadow: none;
}

.collection-portal .retrieved-results-header .sort-results label {
  font-weight: 600;
  min-width: fit-content;
  width: fit-content;
  padding-right: 12px;
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results-header .sort-results label {
    display: block;
  }
}

.collection-portal .retrieved-results .retrieved-results-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.collection-portal .retrieved-results .retrieved-results-label select {
  font-size: 16px;
  margin-left: 12px;
}

.collection-portal .retrieved-results .retrieved-results-label input {
  margin-right: 0px;
}

.collection-portal .retrieved-results {
  padding-bottom: 26px;
}

.collection-portal .retrieved-results .retrieved-items {
  border-top: 1px solid #d4cfc5;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item {
  border: none;
  padding: 24px 8px;
  margin: 0px !important;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item.selected {
  background-color: #c3effe;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body {
  padding: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .gap, .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .flex-grid, .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .jumpto ul li, .jumpto ul .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body li, .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .results-pagination-select, .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .is-pinned .pin-content-fixed, .is-pinned .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .pin-content-fixed, .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .is-pinned .pin-content:first-child, .is-pinned .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .pin-content:first-child {
  gap: 20px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body {
    width: 100%;
    max-width: 90%;
    min-width: 85%;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-title-content {
  margin-right: 8px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-signpost {
  padding-left: 34px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-signpost {
    display: block;
    line-height: normal;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata {
  margin-left: 30px;
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata .meta-type {
  padding-right: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body input {
  margin-top: 2px;
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 a {
  margin-right: 8px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 .text-new-my-lib {
  margin-left: 0px;
  margin-right: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 .text-new-secondary {
  color: #994600;
  background: #ffeda7;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options {
  width: auto;
  padding-top: 12px;
  min-width: 150px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options {
    justify-content: flex-start !important;
    width: auto;
    min-width: 30px;
    padding-left: 34px !important;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options > * {
  width: auto;
  max-width: 100%;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:before {
  position: absolute;
  left: 5px;
  top: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle {
  right: 15px;
  position: absolute;
  background: white;
  list-style: none;
  text-align: left;
  border: 1px solid #d4cfc5;
  padding: 12px 0px;
  margin: 0px;
  top: 28px;
  z-index: 999;
  width: 170px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a {
  padding: 4px 24px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #686664;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #deecf8;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu {
  display: block;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu::after {
  display: none;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .icon-ellipsis-h {
  background-color: #ebe7dd;
  border-radius: 100%;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  display: none;
  right: 12px;
  top: 44px;
  left: unset;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu.dropdown-menu-right {
    right: -200px;
  }
}

@media (max-width: 350px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu.dropdown-menu-right {
    max-width: 228px;
    min-width: 200px;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu li {
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu li a {
  white-space: normal;
  padding: 6px 20px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu-main {
  border-top: 1px solid #d4cfc5;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-toggle::before {
  border: none;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 {
  gap: 0px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.design-files-list .compact-metadata, .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.software-list .compact-metadata {
  grid-template-areas: 'metadata-type metadata-revision';
  grid-template-columns: 120px 80px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata {
  grid-template-areas: 'metadata-product metadata-type';
  grid-template-columns: 148px 120px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata {
    flex-wrap: wrap;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status {
  align-items: center;
  height: fit-content;
  width: fit-content;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a {
  color: inherit;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a:hover, .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a:focus {
  text-decoration: none;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .tooltip-react {
  width: 276px;
}

@media (max-width: 480px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .tooltip-react {
    visibility: hidden;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content {
  gap: 8px 18px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-metadata {
  grid-template-columns: 200px 120px 80px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-metadata .type {
  width: inherit;
}

@media (min-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content {
    gap: 4px 18px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-details {
    padding-bottom: 0px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.videos-list .date {
    order: 1;
  }
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.videos-list .duration {
    order: 2;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2:not(.collapse) {
  margin-bottom: 30px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-list:has(.btn-xs, .btn-group-xs > .btn, .btn-group-xs > .nav-close) .compact-actions {
  grid-template-columns: 152px 16px 24px !important;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-list .compact-list .compact-details {
  padding-left: 104px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper {
  border-bottom: 1px solid #d4cfc5;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-details {
  padding-left: 30px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-metadata {
    margin-left: 30px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-actions {
    margin-left: 30px !important;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-details {
    padding-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
  gap: 18px;
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details:last-child) {
  gap: 0px 18px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details:last-child) {
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
    gap: 8px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
    flex-wrap: wrap;
    gap: 10px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata:empty {
    display: none;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata + .compact-actions {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
  display: grid;
  grid-template-areas: 'metadata-type metadata-date metadata-revision';
  grid-template-columns: 120px 120px 80px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
    display: flex;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .type {
  grid-area: metadata-type;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .date {
  grid-area: metadata-date;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .revision {
  grid-area: metadata-revision;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
    width: 100%;
    margin-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .text-muted {
  font-size: 14px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .text-muted {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-icons {
  display: flex;
  gap: 20px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
  display: grid;
  grid-template-areas: 'act-button act-icon act-options';
  grid-template-columns: 1fr 16px 24px;
  align-items: center;
  gap: 16px;
  position: relative;
  margin-left: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
    gap: 8px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: 30px;
    order: 1;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions button,
.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .btn-group {
  grid-area: act-button;
  min-width: 152px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions i {
  grid-area: act-icon;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu {
  display: flex;
  grid-area: act-options;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu:hover {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h {
    align-self: flex-start;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .btn-group.btn-group-flex {
  width: 152px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right {
  padding: 15px 0;
  top: 98%;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right::after {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + .icon-ellipsis-h) {
  gap: 46px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + i + .icon-ellipsis-h) {
    flex-direction: row;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + i + .icon-ellipsis-h) .icon-ellipsis-h {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(button + .icon-ellipsis-h) {
  gap: 48px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.individual-menu:first-child) {
    margin-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title {
  flex-wrap: nowrap;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title {
    width: 100%;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title a:has(.element-title) {
    flex: 1;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):not(:has(> span > .icon-angle-right)) > .product-status {
    margin-right: 100%;
    margin-left: 30px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):not(:has(> span > .icon-angle-down)) > .product-status {
    margin-right: 100%;
    margin-left: 30px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):has(> span > .icon-angle-down) > .product-status {
    margin-right: 100%;
    margin-left: 50px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):has(> span > .icon-angle-right) > .product-status {
    margin-right: 100%;
    margin-left: 50px;
    padding: 0;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title p {
  align-self: baseline;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
  align-self: baseline;
  cursor: unset;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
    max-width: 100%;
    min-width: 100%;
    word-break: break-word;
  }
}

@media (min-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
    max-width: 130px;
    min-width: 130px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status:hover {
  border-radius: unset;
  background-color: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-right {
  margin-top: 3px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .element-title {
  font-size: 14px;
  font-weight: 400 !important;
  word-break: break-word;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .element-title {
    flex: 1;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-down,
.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-right {
  cursor: pointer;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) + .compact-metadata {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) + .compact-metadata {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) + .compact-metadata + .compact-actions {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) + .compact-metadata + .compact-actions {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) ~ .compact-details {
    padding-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) ~ .compact-details {
    padding-left: 50px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-title + .compact-actions) {
  justify-content: space-between;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-title + .compact-actions) .compact-title {
    min-width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-details {
  width: 100%;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details) {
  flex-wrap: wrap;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
  display: flex;
  padding-left: 50px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
    padding-left: 30px;
  }
}

@media (width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
    padding-left: 50px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .metadata, .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .shopping-list .box-container .description, .shopping-list .box-container .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .description {
  margin: 0px 12px 2px 0px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .prev-revision {
  width: 100%;
  padding: 8px 0px 0px 28px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .prev-revision .prev-revision-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu {
  min-width: 260px;
  max-width: 260px;
  top: 30px;
}

@media (max-width: 480px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu {
    min-width: auto;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .search .close {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .list-section {
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .list-section .list-container .list-item a {
  text-decoration: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu::after {
  right: 50px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details) .compact-content {
  border-bottom: unset;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details):has(.prev-revision) {
    position: relative;
    padding-bottom: 70px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details):has(.prev-revision) .compact-actions {
    position: absolute;
    bottom: 10px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.collapse) .compact-details.collapse {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) {
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) .compact-item .compact-content .compact-title {
  max-width: 250px;
  min-width: 200px;
}

@media (min-width: 1440px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) .compact-item .compact-content .compact-title {
    max-width: unset;
    margin: unset;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-footer .btn-container {
  margin-top: 30px;
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-header-wrapper {
  cursor: pointer;
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-header-wrapper:has(.react-loading-skeleton) {
  border-bottom: unset;
}

.collection-portal-number {
  margin-bottom: 12px;
}

.collection-portal-action {
  padding: 16px 0px;
  display: flex;
  justify-content: space-between;
}

.collection-portal-action.has-border-top {
  padding-bottom: 40px;
}

@media only screen and (max-width: 480px) {
  .collection-portal-action {
    display: block;
  }
  .collection-portal-action .cta-wrapper {
    justify-content: flex-start;
    margin-top: 8px;
  }
}

.collection-portal-action .icon-info {
  font-size: 12px;
}

.collection-portal #status-icon-hover-message.tooltip-react,
.collection-portal #certificate-check-hover-message.tooltip-react {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18) !important;
}

.collection-portal .tooltip-react.text-muted {
  width: fit-content !important;
}

.collection-portal .tooltip-react.text-muted::after {
  border: 1px solid #d4cfc5;
  background-color: white;
}

.collection-portal .collection-portal-header {
  background-color: #f7f5f1;
}

.collection-portal .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.collection-portal .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.collection-portal .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}

.collection-portal .page-title:has(+ .homepage) {
  padding-bottom: 18px;
}

.collection-portal .homepage span.interpunct::after {
  content: ' \B7 ';
}

.collection-portal .homepage .component-overview {
  padding-bottom: 18px;
}

.collection-portal .homepage .subTitle {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.collection-portal .homepage .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2:not(.collapse) {
  margin-bottom: 0;
}

.collection-portal .homepage .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-body .retrieved-items li.retrieved-item:first-child {
  margin-top: 10px !important;
}

.collection-portal .homepage .retrieved-results .cool-grey-xxxlight .retrieved-items .retrieved-item {
  background-color: white;
}

.collection-portal .homepage .retrieved-results .retrieved-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: unset;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item {
  background-color: #f7f5f1;
  padding: 14px 10px;
  gap: 16px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .component-flex:not(:has(input)) {
  margin-left: 32px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata {
  color: #686664;
  padding: 0px;
  margin-left: 32px;
  border-bottom: unset;
  width: 100%;
  font-size: 14px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata:has(+ .header-subsection-tags) {
  padding-bottom: 8px;
  border-bottom: 1px solid #d4cfc5;
  width: fit-content;
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata:has(+ .header-subsection-tags) {
    padding-bottom: 0px;
    width: 100%;
  }
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-tags {
  padding-top: 0px;
  padding-left: 32px;
  color: #686664;
  font-size: 14px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title {
  font-size: 16px;
  line-height: 24px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title .marker {
  font-size: 10px;
  vertical-align: 2.5px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title a {
  padding-right: 0px;
  margin-right: 0px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title a .item-title-content {
  margin-right: 8px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options {
  display: grid;
  justify-items: center;
  grid-template-rows: 30px 1fr;
  grid-template-areas: 'c-ops-group' 'c-btn-container';
  align-items: end;
  padding: 0px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options > * {
  width: unset;
  max-width: unset;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .item-option-group {
  grid-area: c-ops-group;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .btn-container {
  grid-area: c-btn-container;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options:has(.fnxp-shield-secure) .dropdown-menu {
    top: 66px;
  }
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options i {
  padding-top: 6px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option {
  margin-top: 0px !important;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h {
  color: #000000;
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h {
    height: 28px;
    width: 24px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h::before {
    left: 1px;
  }
}

#my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  top: 30px;
  right: 0px;
}

@media (min-width: 768px) and (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
    right: unset;
  }
}

@media (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
    left: 34px;
  }
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options {
    display: flex;
    min-width: 100%;
    flex-direction: column;
    gap: 16px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .fnxp-shield-secure {
    font-size: 16px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .item-option-group {
    display: flex;
    flex-direction: column;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .btn-container {
    justify-content: flex-start;
  }
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item {
    gap: 8px;
  }
}

.collection-portal .homepage .retrieved-results-header {
  padding-top: 0px !important;
  padding-bottom: 22px !important;
  margin-bottom: 30px;
}

#my-nxp .collection-portal .homepage .filter-search-container {
  border-bottom: 1px solid #d4cfc5;
  padding-bottom: 0px;
  margin-bottom: 26px;
}

#my-nxp .collection-portal .homepage .filter-search-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  display: block;
  width: calc(100vw - 298px);
  height: 100%;
  background-color: inherit;
  transform: translateX(50%);
  border-top: 1px solid #d4cfc5;
}

@media (max-width: 1200px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw - 250px);
  }
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw);
  }
}

@media (width: 768px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw - 250px);
  }
}

.collection-portal .homepage .filter-search {
  padding: 0px;
  margin-bottom: 16px;
}

.collection-portal .homepage .collection-portal-action {
  padding-bottom: 30px;
  padding-top: 0px;
}

.collection .has-error {
  color: #d60b2d;
  font-size: 14px;
}

.collection .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.collection .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.collection .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}

/* General Classes to work on any page */
/* .dropdown */
.cta-wrapper.open .dropdown-menu::after {
  display: none;
}

@media only screen and (max-width: 480px) {
  .cta-wrapper.open .dropdown-menu {
    left: 0px;
    max-width: 250px;
  }
}

.dot-option {
  display: flex;
  align-items: center;
  margin-top: 6px !important;
}

.cta-wrapper .dot-option {
  margin: 0px !important;
}

.open .dot-option .icon-ellipsis-h {
  background-color: #ebe7dd;
  border-radius: 100%;
}

.dot-option .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

.dot-option .icon-ellipsis-h:before {
  position: absolute;
  left: 5px;
  top: 4px;
}

.dot-option .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
  border-radius: 100%;
}

/* Menu for SPAs and Summary pages (add collections) */
.item-options-collections {
  display: block;
  position: relative;
}

.item-options-collections.open .item-options-collections-menu {
  display: block;
}

@media only screen and (max-width: 479px) {
  .item-options-collections.open .item-options-collections-menu {
    min-width: 342px;
  }
}

.item-options-collections-menu {
  z-index: 999;
  display: none;
  position: absolute;
  top: 30px;
  right: -4px;
  left: unset;
  width: auto;
  min-width: 360px;
  max-width: 360px;
  max-height: 514px;
  min-height: 192px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.18);
  border: 1px solid var(--nxp-border-color);
  background-color: var(--nxp-body-bg);
  padding: 0px;
  margin: 0px;
}

@media (max-width: 992px) {
  .item-options-collections-menu {
    left: -7px;
    right: unset;
  }
}

@media only screen and (max-width: 479px) {
  .item-options-collections-menu {
    max-width: 200px;
    right: unset;
  }
}

@media (max-width: 768px) {
  .item-options-collections-menu {
    z-index: 1001;
  }
}

.item-options-collections-menu .search {
  padding: 20px;
}

.item-options-collections-menu .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.item-options-collections-menu .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.item-options-collections-menu .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: #686664;
}

.item-options-collections-menu ul {
  margin: 0px;
  padding: 0px;
}

.item-options-collections-menu ul:empty {
  border: none;
}

.item-options-collections-menu li {
  list-style: none;
  text-align: left;
  margin-bottom: 0px;
}

.item-options-collections-menu a,
.item-options-collections-menu span,
.item-options-collections-menu .checkbox {
  display: block;
  margin: 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: var(--nxp-body-color);
}

.item-options-collections-menu a .checkbox-label,
.item-options-collections-menu span .checkbox-label,
.item-options-collections-menu .checkbox .checkbox-label {
  padding: 0px;
  display: flex;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.item-options-collections-menu a-title,
.item-options-collections-menu span-title,
.item-options-collections-menu .checkbox-title {
  display: inline-block;
  padding: 0px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
}

.item-options-collections-menu a-tag,
.item-options-collections-menu span-tag,
.item-options-collections-menu .checkbox-tag {
  padding: 0px 0px 0px 2px;
  display: inline-block;
  width: auto;
}

.item-options-collections-menu span.highlight {
  display: inline-block;
  background-color: #ffeda7;
}

.item-options-collections-menu .list-section {
  overflow: auto;
  padding: 0px 20px 20px 20px !important;
  max-height: 380px;
  min-height: 60px;
  border-bottom: 1px solid var(--nxp-border-color);
}

.item-options-collections-menu .list-section:has(.list-item:nth-child(7)) {
  padding: 0px 0px 20px 20px !important;
}

.item-options-collections-menu .list-section p {
  font-size: 14px;
  margin-left: 20px;
  color: #686664;
}

.item-options-collections-menu .list-section::-webkit-scrollbar {
  -webkit-appearance: none;
}

.item-options-collections-menu .list-section::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border-radius: 10px;
  border: 4px solid white;
}

.item-options-collections-menu .list-section .list-heading {
  font-size: 12px;
  font-weight: 600;
  color: var(--nxp-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  top: -0.4em;
  padding: 0px 0px 4px 20px;
  margin-top: 0;
  border: none;
  text-align: left;
}

.item-options-collections-menu .list-section .list-heading:not(:first-of-type) {
  margin-top: 10px;
}

.item-options-collections-menu .list-section .list-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.item-options-collections-menu .list-section .list-container .list-item {
  padding: 4px 20px;
}

.item-options-collections-menu .list-section .list-container .list-item .collection-type {
  padding-left: 20px;
  color: var(--nxp-secondary-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}

.item-options-collections-menu .list-section .list-container .list-item:hover {
  background-color: var(--nxp-gray-100);
}

.item-options-collections-menu .main {
  display: flex;
  padding: 14px 18px;
  gap: 8px;
  align-items: center;
  color: #262626;
}

.item-options-collections-menu .main .icon-plus {
  padding: 0px;
  font-size: 13px;
}

.item-options-collections-menu .main .main-label {
  padding: 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

.item-options-collections-menu .main a {
  text-align: left;
  color: #215bd6;
}

.item-options-collections-menu .main a:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

.item-options-collections-menu .main:hover {
  cursor: pointer;
  background-color: var(--nxp-gray-200);
}

.item-options-collections-menu::after {
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  right: 4px;
  left: unset;
  width: 10px;
  height: 10px;
  background-color: var(--nxp-body-bg);
  border-right: 1px solid var(--nxp-border-color);
  border-bottom: 1px solid var(--nxp-border-color);
  transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  /*  @media (max-width: $screen-xs) {
          left: 7px;
          right: unset;
        }     */
}

@media (max-width: 992px) {
  .item-options-collections-menu::after {
    left: 8px;
    right: unset;
  }
}

.item-options-collections .add-collection + .dot {
  transform: scale(1) translate(50%, -50%);
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 768px) {
  #createCollectionAlert {
    bottom: 78px;
  }
}

#createCollectionAlert .media {
  display: flex;
  align-items: center;
}

#createCollectionAlert .media-body {
  width: 230px;
  word-break: break-word;
  overflow: hidden;
}

#createCollectionAlert .media-body p {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 4px;
}

#createCollectionAlert .media-body strong,
#createCollectionAlert .media-body a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 230px;
}

#createCollectionAlert .media-body strong.alert-ellipsis {
  position: relative;
}

#createCollectionAlert .media-body strong.alert-ellipsis:before {
  content: '"';
}

#createCollectionAlert .media-body strong.alert-ellipsis::after {
  content: '"';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#createCollectionAlert .media-left {
  align-self: flex-start;
}

#software-center-app .retrieved-results .retrieved-items,
#documentation-app .retrieved-results .retrieved-items,
#search-landing-page-app .retrieved-results .retrieved-items,
#software-library-app .retrieved-results .retrieved-items {
  /* .retrieved-item.is-match {
          .item-options {
            @media only screen and (max-width: $screen-md - 1) {
              padding-left: 45px !important;
              justify-content: flex-start !important;
            }
            justify-content: flex-end;
            .item-options-collections {
              padding: 28px 45px 0px 0px;
              &-menu {
                top: 54px;
                right: 4px;
              }
            }
          }
        } */
}

#software-center-app .retrieved-results .retrieved-items .btn-group-flex .dropdown-menu::after,
#documentation-app .retrieved-results .retrieved-items .btn-group-flex .dropdown-menu::after,
#search-landing-page-app .retrieved-results .retrieved-items .btn-group-flex .dropdown-menu::after,
#software-library-app .retrieved-results .retrieved-items .btn-group-flex .dropdown-menu::after {
  left: 80%;
}

@media only screen and (max-width: 991px) {
  #software-center-app .retrieved-results .retrieved-items:has(.item-secondary) .item-subitem .item-options,
  #documentation-app .retrieved-results .retrieved-items:has(.item-secondary) .item-subitem .item-options,
  #search-landing-page-app .retrieved-results .retrieved-items:has(.item-secondary) .item-subitem .item-options,
  #software-library-app .retrieved-results .retrieved-items:has(.item-secondary) .item-subitem .item-options {
    padding-left: 0px !important;
  }
}

#software-center-app .retrieved-results .retrieved-items .item-options,
#documentation-app .retrieved-results .retrieved-items .item-options,
#search-landing-page-app .retrieved-results .retrieved-items .item-options,
#software-library-app .retrieved-results .retrieved-items .item-options {
  padding: 0px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}

@media only screen and (max-width: 991px) {
  #software-center-app .retrieved-results .retrieved-items .item-options,
  #documentation-app .retrieved-results .retrieved-items .item-options,
  #search-landing-page-app .retrieved-results .retrieved-items .item-options,
  #software-library-app .retrieved-results .retrieved-items .item-options {
    padding-left: 15px !important;
    justify-content: flex-start !important;
  }
}

#software-center-app .retrieved-results .retrieved-items .item-options-collections,
#software-center-app .retrieved-results .retrieved-items .item-options > *,
#documentation-app .retrieved-results .retrieved-items .item-options-collections,
#documentation-app .retrieved-results .retrieved-items .item-options > *,
#search-landing-page-app .retrieved-results .retrieved-items .item-options-collections,
#search-landing-page-app .retrieved-results .retrieved-items .item-options > *,
#software-library-app .retrieved-results .retrieved-items .item-options-collections,
#software-library-app .retrieved-results .retrieved-items .item-options > * {
  width: auto;
  margin: 0px;
}

#software-center-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
#documentation-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
#search-landing-page-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
#software-library-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child {
  margin-left: auto;
  padding: 0px;
}

@media only screen and (max-width: 991px) {
  #software-center-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
  #documentation-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
  #search-landing-page-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child,
  #software-library-app .retrieved-results .retrieved-items .item-options > .item-options-collections:first-child {
    margin: 0px;
    padding-left: 0px;
  }
}

#software-center-app .retrieved-results .retrieved-items .item-options .btn-primary.btn-buy,
#software-center-app .retrieved-results .retrieved-items .item-options .btn-download,
#software-center-app .retrieved-results .retrieved-items .item-options .btn-default.btn-sm,
#software-center-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.btn,
#software-center-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn.btn-default,
#software-center-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn-default.nav-close,
#software-center-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.nav-close,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-primary.btn-buy,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-download,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-default.btn-sm,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.btn,
#documentation-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn.btn-default,
#documentation-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn-default.nav-close,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.nav-close,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-primary.btn-buy,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-download,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-default.btn-sm,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.btn,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn.btn-default,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn-default.nav-close,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.nav-close,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-primary.btn-buy,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-download,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-default.btn-sm,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.btn,
#software-library-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn.btn-default,
#software-library-app .retrieved-results .retrieved-items .item-options .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn-default.nav-close,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-group-sm > .btn-default.nav-close {
  width: 150px;
  min-width: 130px;
  max-width: 150px;
}

#software-center-app .retrieved-results .retrieved-items .item-options .btn-group,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-group,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-group,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-group {
  width: 150px;
  min-width: 130px;
  max-width: 150px;
}

#software-center-app .retrieved-results .retrieved-items .item-options .btn-group .btn-default,
#documentation-app .retrieved-results .retrieved-items .item-options .btn-group .btn-default,
#search-landing-page-app .retrieved-results .retrieved-items .item-options .btn-group .btn-default,
#software-library-app .retrieved-results .retrieved-items .item-options .btn-group .btn-default {
  padding: 8px 10px;
  font-size: 10px;
}

#software-center-app .retrieved-results .retrieved-items.search-items .retrieved-item,
#documentation-app .retrieved-results .retrieved-items.search-items .retrieved-item,
#search-landing-page-app .retrieved-results .retrieved-items.search-items .retrieved-item,
#software-library-app .retrieved-results .retrieved-items.search-items .retrieved-item {
  margin-right: 0px;
}

#software-center-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
#documentation-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
#search-landing-page-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
#software-library-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options {
  padding-top: 0px;
}

@media (max-width: 992px) {
  #software-center-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
  #documentation-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
  #search-landing-page-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options,
  #software-library-app .retrieved-results .retrieved-items.search-items .retrieved-item .item-options {
    padding-top: 10px;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}

#software-center-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-options,
#documentation-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-options,
#search-landing-page-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-options,
#software-library-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-options {
  padding-top: 26px;
}

#software-center-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-secondary .item-options,
#documentation-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-secondary .item-options,
#search-landing-page-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-secondary .item-options,
#software-library-app .retrieved-results .retrieved-items.search-items .retrieved-item:has(.item-signpost) .item-secondary .item-options {
  padding-top: 0px;
}

@media (max-width: 992px) {
  #software-center-app .retrieved-results .item-options-collections-menu,
  #documentation-app .retrieved-results .item-options-collections-menu,
  #search-landing-page-app .retrieved-results .item-options-collections-menu,
  #software-library-app .retrieved-results .item-options-collections-menu {
    left: unset;
    right: 0;
  }
  #software-center-app .retrieved-results .item-options-collections-menu::after,
  #documentation-app .retrieved-results .item-options-collections-menu::after,
  #search-landing-page-app .retrieved-results .item-options-collections-menu::after,
  #software-library-app .retrieved-results .item-options-collections-menu::after {
    left: unset;
    right: 3px;
  }
}

@media (max-width: 992px) {
  #software-center-app .retrieved-results .exact-match2 .box-opts-content.actions,
  #documentation-app .retrieved-results .exact-match2 .box-opts-content.actions,
  #search-landing-page-app .retrieved-results .exact-match2 .box-opts-content.actions,
  #software-library-app .retrieved-results .exact-match2 .box-opts-content.actions {
    flex-direction: column;
  }
  #software-center-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu,
  #documentation-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu,
  #search-landing-page-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu,
  #software-library-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu {
    right: unset;
    left: 0;
  }
  #software-center-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu::after,
  #documentation-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu::after,
  #search-landing-page-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu::after,
  #software-library-app .retrieved-results .exact-match2 .box-opts-content.actions .item-options-collections-menu::after {
    left: 3px;
    right: unset;
  }
}

@media (max-width: 992px) {
  #training-app .retrieved-results .retrieved-item {
    flex-wrap: wrap;
  }
  #training-app .retrieved-results .retrieved-item .item-body {
    min-width: 100%;
  }
  #training-app .retrieved-results .retrieved-item .item-options {
    margin-left: unset;
  }
}

@media (max-width: 992px) {
  #documentation-app .retrieved-results .item-options-collections-menu {
    left: 0;
    right: unset;
  }
  #documentation-app .retrieved-results .item-options-collections-menu::after {
    left: 1px;
    right: unset;
  }
}

@media (max-width: 992px) {
  #software-library-app .retrieved-results .item-options-collections-menu {
    left: 0;
    right: unset;
  }
  #software-library-app .retrieved-results .item-options-collections-menu::after {
    left: 1px;
    right: unset;
  }
}

#blogs-SPA-Landing .card1-item:has(.impact-label) {
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

#blogs-SPA-Landing .card1-item:has(.impact-label) .card1-image {
  order: 1;
  padding: 0px;
}

#blogs-SPA-Landing .card1-item:has(.impact-label) .card1-header {
  order: 2;
  width: 90%;
}

#blogs-SPA-Landing .card1-item:has(.impact-label) .card1-body {
  order: 4;
}

#blogs-SPA-Landing .card1-item:has(.impact-label) .card1-footer {
  order: 5;
}

#blogs-SPA-Landing .card1-item:has(.impact-label) .card1-actions {
  order: 3;
  width: 10%;
  display: flex;
  justify-content: end;
  position: unset;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) {
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) .card1-image {
  order: 1;
  padding: 0px;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) .card1-header {
  order: 2;
  width: 90%;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) .card1-body {
  order: 4;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) .card1-footer {
  order: 5;
}

#blogs-SPA-Landing .card1-item:has(.item-options-collections) .card1-actions {
  order: 3;
  width: 10%;
  display: flex;
  justify-content: end;
  position: unset;
}

#search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.is-match .item-options {
  /* display: none; */
  /*  justify-content: flex-end;
            max-width: 15%;
            min-width: 20px;      
            @media only screen and (max-width: $screen-xs) {
              max-width: 100%;
              padding-left: 15px !important;
            } */
}

#search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.is-match .item-options .item-options-collections {
  display: none;
  padding: 28px 45px 0px 0px;
}

#search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.is-match .item-options .item-options-collections-menu {
  top: 54px;
  right: 4px;
}

@media (max-width: 768px) {
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.is-match .item-options .item-options-collections-menu {
    right: unset;
    left: 0;
  }
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.is-match .item-options .item-options-collections-menu::after {
    left: 3px;
    right: unset;
  }
}

@media (max-width: 992px) {
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.no-match .item-options-collections-menu {
    right: unset;
    left: 0;
  }
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item.no-match .item-options-collections-menu::after {
    left: 3px;
    right: unset;
  }
}

@media (min-width: 1200px) {
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-body {
    width: 50%;
  }
}

#search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options {
  width: auto;
  min-width: unset;
}

#search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) {
  padding-top: 0px;
}

@media (max-width: 992px) {
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) .item-options-collections-menu {
    left: unset;
    right: 0px;
  }
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) .item-options-collections-menu::after {
    left: unset;
    right: 1px;
  }
}

@media (max-width: 480px) {
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) {
    position: absolute;
    width: auto;
    right: 30px;
  }
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) .item-options-collections {
    margin-top: 0px;
  }
  #search-landing-page-app .retrieved-results .retrieved-items .retrieved-item:has(figure.item-media ~ .item-options > .item-options-collections) .item-options:has(div[asset-type='Video']) .item-options-collections .item-options-collections-menu {
    left: unset;
    right: 0px;
  }
}

.collection-portal-header {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 16px;
}

.collection-portal-header .title {
  word-break: break-word;
}

@media screen and (min-width: 768px) {
  .collection-portal-header {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 934px) / 2) * -1);
    margin-right: calc(((100vw - 934px) / 2) * -1);
    padding-left: calc(((100vw - 934px) / 2));
    padding-right: calc(((100vw - 934px) / 2));
  }
}

@media screen and (min-width: 1200px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 1140px) / 2) * -1);
    margin-right: calc(((100vw - 1140px) / 2) * -1);
    padding-left: calc(((100vw - 1140px) / 2));
    padding-right: calc(((100vw - 1140px) / 2));
  }
}

@media screen and (min-width: 1440px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 1380px) / 2) * -1);
    margin-right: calc(((100vw - 1380px) / 2) * -1);
    padding-left: calc(((100vw - 1380px) / 2));
    padding-right: calc(((100vw - 1380px) / 2));
  }
}

.collection-portal-header .text-new-my-lib {
  margin-left: 0px;
}

.collection-portal-header .header-subsection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #686664;
  font-size: 14px;
}

.collection-portal-header .header-subsection .header-subsection-actions {
  display: flex;
  width: 20%;
  font-size: 24px;
  gap: 16px;
  color: #000000;
  padding: 16px 0px;
  align-items: center;
  padding-left: 14px;
  justify-content: end;
}

@media (max-width: 992px) {
  .collection-portal-header .header-subsection .header-subsection-actions {
    width: 100%;
    order: 1;
    justify-content: start;
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .collection-portal .collection-portal-header .header-subsection .header-subsection-actions {
    border-bottom: unset;
  }
}

.collection-portal-header .header-subsection .header-subsection-actions * {
  cursor: pointer;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options {
  margin-left: unset;
  padding: 0px;
  max-width: 30px;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options:hover {
  background-color: var(--nxp-gray-100);
  border-radius: 100%;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option {
  margin-top: 0px !important;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option .icon-ellipsis-h {
  background-color: unset;
  color: black;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option .icon-ellipsis-h::before {
  top: 5px;
}

.collection-portal-header .header-subsection .header-subsection-actions:has(~ div) {
  border-bottom: 1px solid #d4cfc5;
}

.collection-portal-header .header-subsection .header-subsection-description {
  padding-top: 10px;
  width: 100%;
  word-break: break-all;
}

.collection-portal-header .header-subsection .header-subsection-description .moreLess-toggle {
  word-break: break-word;
}

#my-nxp .collection-portal-header .header-subsection .header-subsection-description .description {
  padding-top: 0px;
  margin-bottom: 10px;
  word-break: break-word;
}

.collection-portal-header .header-subsection .header-subsection-tags {
  padding-top: 10px;
}

.collection-portal-header .header-subsection:has(.header-subsection-metadata + .header-subsection-actions + div) .header-subsection-metadata {
  border-bottom: 1px solid #d4cfc5;
}

@media (max-width: 992px) {
  .collection-portal-header {
    margin-bottom: 0px;
  }
}

.collection-portal-action {
  padding-bottom: 30px;
}

.collection-portal-action .dropdown-menu {
  display: none;
  top: 34px;
  left: 100%;
  padding: 10px 0px;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

.collection-portal-action .dropdown-menu.show .dropdown-menu {
  display: block;
}

.collection-portal-action .dropdown-menu li {
  margin-bottom: 0px;
}

.collection-portal-action .dropdown-menu li a {
  white-space: normal;
  padding: 6px 20px;
}

.collection-portal-action .dropdown-menu-main {
  border-top: 1px solid #d4cfc5;
}

/* wrapper of buttons or cta in line block*/
.cta-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  gap: 4px;
}

.retrieved-results-helper .icon-bookmark, .icon-bookmark.icon-muted.add-collection {
  image-rendering: pixelated;
  width: 11px !important;
  height: 14px !important;
  background-image: "" no-repeat center center !important;
}

.megamenu-mynxp .icon-bookmark,
#my-nxp .app-column-left .icon-bookmark {
  min-width: unset !important;
  margin-left: 3px;
}

.icon-bookmark.add-collection {
  width: 14px;
  height: 18px;
  image-rendering: pixelated;
  background-size: cover;
  background-position: top;
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22collection_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.03%2028%22%3E%3Cpath%20d%3D%22M18.4%2C0H2.63C1.18%2C0%2C0%2C1.18%2C0%2C2.62v25.38l10.52-6.12%2C10.52%2C6.12V2.62c0-1.45-1.18-2.62-2.63-2.62ZM18.4%2C23.43l-7.89-4.59-7.89%2C4.59V2.95c0-.09.03-.17.1-.23.06-.06.15-.1.23-.1h15.12c.18%2C0%2C.33.15.33.33v20.48Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  filter: var(--nxp-collections-icon-color);
}

.icon-bookmark.add-collection:before {
  content: none;
}

.icon-bookmark.add-collection.add-collection.added-collection {
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22collection_icon%22%20data-name%3D%22collection%20icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.04%2028%22%3E%0A%20%20%3Cpath%20d%3D%22m18.4%2C0H2.63C1.18%2C0%2C0%2C1.18%2C0%2C2.62v25.38l10.52-6.12%2C10.52%2C6.12V2.62c0-1.45-1.18-2.62-2.63-2.62h-.01Z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center center;
  filter: var(--nxp-collections-icon-color);
}

.icon-bookmark.add-collection.add-collection.disabled {
  background: "" no-repeat center center;
}

.component-overview .icon-bookmark.add-collection {
  width: 11px;
  height: 14px;
}

.alert .icon-bookmark.add-collection {
  width: 14px;
  height: 15px;
}

@media only screen and (max-width: 480px) {
  [class*='CollectionModal__customModal'] {
    height: 100% !important;
    max-height: unset !important;
    width: 100% !important;
    overflow: initial !important;
  }
}

.nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .contextnav.is-horizontal.affix-top, .nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .is-horizontal.affix-top.jumptonav, .nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .getstartednav > ul.is-horizontal.affix-top, .nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .gettingstartednav > ul.is-horizontal.affix-top, .nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix-top, .get-started-container.gs-guides #getting-started-nav .nxp-wrapper:has(.sp-hero-title-container .item-options-collections) .getstartednav > ul.is-horizontal.affix-top {
  z-index: 5;
}

.nxp-wrapper:has(.sp-hero-others-description) .item-options-collections + .sp-hero-others-description {
  width: 100%;
  padding-top: 0px;
}

.nxp-wrapper:has(.scroll-up-button) .tooltip-react {
  z-index: 999;
}

.nxp-wrapper:has(#my-nxp):has(~ div > .react-responsive-modal-root) .container-fluid {
  z-index: 1000;
}

.nxp-wrapper:has(#my-nxp):has(~ div > .react-responsive-modal-root) .item-options-collections.open {
  z-index: 1000;
}

.nxp-wrapper:has(#my-nxp) ~ div > .react-responsive-modal-root:has(.modal.collection) .react-responsive-modal-overlay {
  z-index: 1;
}

.nxp-wrapper:has(#my-nxp) ~ div > .react-responsive-modal-root:has(.collection.share-collection-modal) .react-responsive-modal-overlay {
  z-index: -1;
}

.tooltip-react span.interpunct::after {
  content: ' \B7 ';
}

@media (max-width: 992px) {
  #companyTrainingContent .retrieved-item {
    gap: 24px;
  }
}

#companyTrainingContent .retrieved-item .item-body + .item-options-collections {
  padding-top: 20px;
}

@media (max-width: 992px) {
  #companyTrainingContent .retrieved-item .item-body + .item-options-collections {
    padding-top: 0px;
    width: 100%;
    min-width: 100%;
  }
}

#companyTrainingContent .retrieved-item .item-body + .item-options-collections .item-options-collections-menu {
  top: 50px;
}

@media (max-width: 992px) {
  #companyTrainingContent .retrieved-item .item-body + .item-options-collections .item-options-collections-menu {
    top: 30px;
  }
}

#Video-Vault-app .retrieved-item:has(.item-options-collections) .item-body {
  max-width: 645px;
}

#Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options {
  flex: 0;
}

#Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
  margin-top: 0px;
}

@media (max-width: 480px) {
  #Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options {
    padding-left: 0px;
  }
  #Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
    margin-top: 0px;
  }
  #Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
}

@media (max-width: 992px) {
  #Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -23px;
  }
  #Video-Vault-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

#Video-Vault-app .key-topic-item:has(.item-options-collections) .item-options-collections-menu {
  left: unset;
  right: -2px;
}

#Video-Vault-app .key-topic-item:has(.item-options-collections) .item-options-collections-menu::after {
  left: unset;
  right: 3px;
}

.Popover.collection-portal-tooltip {
  padding: 16px;
  width: auto;
}

.header-subsection-metadata {
  display: flex;
  width: 80%;
  gap: 16px;
  padding: 16px 0px;
  margin: 0px;
}

.header-subsection-metadata .meta-item {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  border-right: 1px solid #d4cfc5;
  margin: 0px;
  gap: 2px;
}

.header-subsection-metadata .meta-item:last-of-type {
  border-right: unset;
}

.header-subsection-metadata .meta-item:first-of-type .meta-title {
  min-width: max-content;
}

.header-subsection-metadata .meta-item:first-of-type .meta-value a {
  color: #686664;
}

.header-subsection-metadata .meta-item .icon-info {
  margin-left: 4px;
}

.header-subsection-metadata .meta-item .meta-title {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.header-subsection-metadata .meta-item .meta-title .meta-name {
  word-break: break-all;
}

.header-subsection-metadata .meta-item .meta-title div {
  margin-left: unset;
}

@media (max-width: 992px) {
  .header-subsection-metadata {
    flex-direction: column;
    width: 100%;
    padding-bottom: 0px;
    gap: 6px;
  }
  .header-subsection-metadata .meta-item {
    border-right: unset;
    border-bottom: 1px solid #d4cfc5;
    padding-bottom: 6px;
  }
  .header-subsection-metadata .meta-item:last-of-type {
    border-bottom: unset;
  }
}

#my-nxp .collection-portal .dropdown-menu,
#my-nxp .homepage .dropdown-menu {
  padding: 0px 0px;
  width: max-content;
  font-size: 14px;
}

#my-nxp .collection-portal .dropdown-menu::after,
#my-nxp .homepage .dropdown-menu::after {
  display: none;
}

#my-nxp .collection-portal .dropdown-menu-section,
#my-nxp .homepage .dropdown-menu-section {
  border-bottom: 1px solid #d4cfc5;
  margin: 0px;
}

#my-nxp .collection-portal .dropdown-menu-section:last-of-type,
#my-nxp .homepage .dropdown-menu-section:last-of-type {
  border-bottom: unset;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section {
  list-style: none;
  margin: 0px;
  padding: 10px 0px;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item {
  margin: 0px;
  padding: 6px 16px;
  cursor: pointer;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item:hover,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item:hover {
  background-color: #f7f5f1;
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .dropdown-menu,
  #my-nxp .homepage .dropdown-menu {
    left: 0;
    right: auto;
  }
}

#my-nxp .collection-portal .dropdown-menu li:last-of-type,
#my-nxp .homepage .dropdown-menu li:last-of-type {
  margin-bottom: 0px;
}

#my-nxp .collection-portal .filters,
#my-nxp .homepage .filters {
  padding-bottom: 20px;
}

#my-nxp .collection-portal .filters .suggestions,
#my-nxp .homepage .filters .suggestions {
  padding: 12px 0px;
  width: 204px;
  border-top: 1px solid #d4cfc5;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav,
#my-nxp .homepage .filters .suggestions .filter-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .filters .suggestions .filter-nav,
  #my-nxp .homepage .filters .suggestions .filter-nav {
    border: unset;
  }
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item {
  padding: 2px 16px;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .form-check-wrapper,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .form-check-wrapper {
  padding-left: 0px;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset {
  padding: unset;
  color: var(--nxp-link-color);
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset::before,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset::before {
  all: unset;
}

#my-nxp .collection-portal .filters .section.keyword .tag,
#my-nxp .homepage .filters .section.keyword .tag {
  background: #ffeda7;
}

#my-nxp .collection-portal .filters .tag,
#my-nxp .homepage .filters .tag {
  gap: 6px;
  padding-right: 16px;
}

#my-nxp .collection-portal .filters .tag::before,
#my-nxp .homepage .filters .tag::before {
  content: none;
}

#my-nxp .collection-portal .filters .tag:hover,
#my-nxp .homepage .filters .tag:hover {
  text-decoration: unset;
}

#my-nxp .collection-portal .filters .tag .icon-times,
#my-nxp .homepage .filters .tag .icon-times {
  align-self: center;
  cursor: pointer;
}

#my-nxp .collection-portal .component-overview .subTitle,
#my-nxp .homepage .component-overview .subTitle {
  font-size: 18px;
  padding-bottom: 18px;
}

#my-nxp .collection-portal .component-overview .description,
#my-nxp .homepage .component-overview .description {
  padding-top: 0px;
  padding-bottom: 18px;
}

#my-nxp .collection-portal .compact-actions .dropdown-menu,
#my-nxp .homepage .compact-actions .dropdown-menu {
  padding: 15px 0;
}

#my-nxp .page-title:has(+ .collection-portal) {
  padding-bottom: 18px;
}

#my-nxp .alert-flag:nth-last-of-type(1) {
  bottom: 30px;
}

#my-nxp .alert-flag:nth-last-of-type(2) {
  bottom: 126px;
}

#my-nxp .alert-flag:nth-last-of-type(3) {
  bottom: 222px;
}

#my-nxp .alert-flag:nth-last-of-type(4) {
  bottom: 318px;
}

#my-nxp .modal-body {
  word-wrap: break-word;
}

.collections-support-modal .modal-header {
  padding: 24px;
}

.collections-support-modal .modal-header button.close {
  margin-top: -2px;
  padding: 8px 13px;
  border-radius: 25px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  position: unset;
}

.collections-support-modal .modal-header button.close:hover {
  background-color: unset;
  border-color: unset;
}

.collections-support-modal .modal-body {
  max-height: unset;
  padding: 10px 24px;
  word-break: break-all;
}

.collections-support-modal .modal-body p {
  margin-bottom: 6px;
}

.collections-support-modal .modal-body a {
  display: block;
  margin-bottom: 16px;
}

.collections-support-modal .modal-body .form-group {
  margin-bottom: 16px;
}

.collections-support-modal .modal-body .form-group:last-of-type {
  margin-bottom: 0px;
}

.collections-support-modal .modal-footer {
  padding: 24px;
}

.share-collection-modal-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.share-collection-modal-title .ellipsis-title {
  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

@media (max-width: 480px) {
  .share-collection-modal-title .ellipsis-title {
    max-width: 210px;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .share-collection-modal-title .ellipsis-title {
    max-width: 300px;
  }
}

.share-collection-modal .tab-content-share {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.share-collection-modal .tab-content-share .alert {
  margin-bottom: 0px;
  font-size: 14px;
}

.share-collection-modal .tab-content-share .message .form-subSection textarea {
  font-size: 14px;
}

.share-collection-modal .sharing-options select {
  font-size: 14px;
}

.share-collection-modal .share-collection {
  position: relative;
}

.share-collection-modal .share-collection .form-subSection-label {
  word-break: break-all;
  font-weight: 600;
}

.share-collection-modal .share-collection .form-input-wrapper {
  list-style: none;
  border: 1px solid #d4cfc5;
  max-height: 200px;
  display: flex;
  padding: 6px 12px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list {
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 200px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token {
  display: flex;
  align-items: center;
  border-radius: 100px;
  background-color: #ebe7dd;
  gap: 10px;
  margin: 0px;
  padding: 4px 12px;
  width: fit-content;
  min-height: 34px;
  font-size: 14px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token .input-label-toke {
  word-break: break-all;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token.add-item {
  background-color: white;
  border-radius: unset;
  padding: 0px;
  width: 100%;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token .input-delete-token {
  cursor: pointer;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token input {
  border-color: transparent;
  width: 100%;
  font-size: 14px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token input:focus-visible {
  outline: transparent;
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions {
  border-left: 1px solid #d4cfc5;
  gap: 8px;
  display: flex;
  margin-left: 12px;
  padding-left: 12px;
  padding-bottom: 10px;
  align-items: end;
  color: #474645;
}

@media (min-width: 768px) {
  .share-collection-modal .share-collection .form-input-wrapper .input-actions {
    align-items: center;
    padding-bottom: 0px;
  }
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions.disabled {
  cursor: not-allowed;
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions.disabled * {
  color: var(--nxp-gray-400);
}

.share-collection-modal .share-collection .form-input-wrapper > .icon-angle-down {
  align-self: center;
}

.share-collection-modal .share-collection .form-input-wrapper:has(+ .has-error) {
  border: 1px solid var(--nxp-red-300);
}

.share-collection-modal .share-collection .share-status {
  padding: 12px 0px;
  border: 1px solid #ebe7dd;
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  position: absolute;
  width: 100%;
  visibility: hidden;
  list-style: none;
  flex-direction: column;
  z-index: 1;
}

.share-collection-modal .share-collection .share-status.reveal {
  visibility: visible;
}

.share-collection-modal .share-collection .share-status .share-status-item {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px;
  cursor: default;
  gap: 10px;
}

.share-collection-modal .share-collection .share-status .share-status-item:hover {
  background-color: #f7f5f1;
}

.share-collection-modal .btn-container {
  justify-content: end;
}

.share-collection-modal .share-actions {
  visibility: hidden;
  width: 208px;
  border: 1px solid #d4cfc5;
  background: white;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35);
  position: absolute;
  right: 0px;
  margin-top: 0px;
  z-index: 1;
  padding: 12px 10px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.share-collection-modal .share-actions .share-actions-item {
  display: grid;
  grid-template-columns: 10px 20px 1fr;
  gap: 12px;
  grid-template-areas: 'dot-area icon-area description-area';
  color: #474645;
  margin: 0px;
  cursor: pointer;
}

.share-collection-modal .share-actions .share-actions-item .dot {
  grid-area: dot-area;
}

.share-collection-modal .share-actions .share-actions-item .dot::before {
  background-color: #ff7400;
}

.share-collection-modal .share-actions .share-actions-item [class*='icon-'] {
  display: inline-flex;
  align-items: center;
  grid-area: icon-area;
}

.share-collection-modal .share-actions .share-actions-item .action-description {
  grid-area: description-area;
  display: flex;
  flex-direction: column;
}

.share-collection-modal .share-actions .share-actions-item .action-description .action-text {
  font-size: 14px;
  font-weight: 600;
}

.share-collection-modal .share-actions .share-actions-item .action-description .action-label {
  font-size: 12px;
}

.share-collection-modal .share-actions .share-actions-item-remove {
  border-top: 1px solid #d4cfc5;
  color: #474645;
  display: flex;
  padding-left: 54px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
}

.share-collection-modal .share-actions .share-actions-item.disabled {
  color: #aaa6a2;
  pointer-events: none;
}

.share-collection-modal .share-actions.reveal {
  visibility: visible;
}

.share-collection-modal .share-actions.reavel-all {
  visibility: visible;
  padding-left: 0px;
}

.share-collection-modal .form-subSection-helper {
  color: #898683;
  font-size: 14px;
}

.share-collection-modal .form-subSection-label {
  word-break: break-all;
  font-weight: 600;
}

.share-collection-modal .form-subSection-recommendations {
  font-size: 14px;
}

.share-collection-modal .form-subSection.validate .input-btn-wrapper {
  display: flex;
  gap: 30px;
}

.share-collection-modal .form-subSection.validate .form-input-status {
  flex: 1;
}

.share-collection-modal .form-subSection.validate .attention span {
  color: var(--nxp-red-300);
}

.share-collection-modal .tab-content-people {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.share-collection-modal .tab-content-people .share-actions {
  left: auto;
}

.share-collection-modal .tab-content-people .shared-container {
  position: relative;
  border: 1px solid #d4cfc5;
}

.share-collection-modal .tab-content-people .shared-container > .list-users {
  height: 224px;
  overflow-y: auto;
}

.share-collection-modal .tab-content-people .shared-container .list-users {
  padding: 0px 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item {
  list-style: none;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  margin: 0px;
  font-size: 14px;
  gap: 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible {
  flex-wrap: wrap;
  border-bottom: unset;
  gap: 0px;
  padding-bottom: 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .share-details {
  gap: 6px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .icon-angle-right {
  align-self: center;
  transform: rotate(90deg);
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .icon-angle-right::before {
  margin-left: unset;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users {
  width: 100%;
  padding: 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item {
  padding-left: 24px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item:first-of-type {
  border-top: 1px solid #d4cfc5;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse {
  border-bottom: 1px solid #d4cfc5;
  padding: 8px 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse .list-users {
  display: none;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse .icon-angle-right {
  transform: unset;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.open:not(:has(.list-users > li)) {
  border-bottom: 1px solid #d4cfc5;
  padding-bottom: 2px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .react-loading-skeleton {
  height: 22px;
  margin-bottom: 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users.empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-collection-modal .tab-content-people .shared-container .list-users.empty .list-user-item {
  border-bottom: unset;
  justify-content: center;
}

.share-collection-modal .tab-content-people .shared-container + a {
  font-size: 14px;
}

.share-collection-modal .tab-content-people .tab-content-footer .alert-container {
  font-size: 14px;
}

.share-collection-modal .tab-content-people a {
  max-width: fit-content;
}

.share-collection-modal .tab-content-people .text-muted {
  color: var(--nxp-gray-500);
}

.share-collection-modal .tab-content-people .disabled {
  color: var(--nxp-gray-400);
}

.share-collection-modal .share-email,
.share-collection-modal .share-role,
.share-collection-modal .share-company {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 304px;
}

@media (max-width: 480px) {
  .share-collection-modal .share-email,
  .share-collection-modal .share-role,
  .share-collection-modal .share-company {
    max-width: 180px;
  }
}

.share-collection-modal .share-email:has(b),
.share-collection-modal .share-role:has(b),
.share-collection-modal .share-company:has(b) {
  max-width: 404px;
}

.share-collection-modal .share-information {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 150px;
  justify-content: end;
}

.share-collection-modal .share-information .share-information-icon {
  background-color: #ffeda7;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-collection-modal .share-information .share-information-icon .icon-exclamation-circle {
  color: #994600;
  font-size: 12px;
}

@media (max-width: 768px) {
  .share-collection-modal .share-information .share-information-icon {
    display: none;
  }
}

.share-collection-modal .share-information .share-information-text {
  cursor: pointer;
  min-width: fit-content;
}

.share-collection-modal .share-information .icon-angle-down {
  cursor: pointer;
}

.share-collection-modal .share-details {
  display: flex;
  gap: 6px;
}

.share-collection-modal .share-details .icon-info {
  color: var(--nxp-gray-500);
}

@media (max-width: 768px) {
  .share-collection-modal .share-details .icon-info {
    display: none;
  }
}

.share-collection-modal .share-details .share-role,
.share-collection-modal .share-details [class*='icon-angle-'],
.share-collection-modal .share-details .share-company,
.share-collection-modal .share-details .access,
.share-collection-modal .share-details .visibility,
.share-collection-modal .share-details .region {
  cursor: pointer;
}

.share-collection-modal .share-details [class*='icon-angle-'] {
  padding: 0px 6px 0px 6px;
}

.share-collection-modal .share-details .tooltip-react {
  word-break: break-word;
}

.share-collection-modal .share-details .region,
.share-collection-modal .share-details .share-company {
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 480px) {
  .share-collection-modal .share-details {
    width: 70%;
    flex-wrap: wrap;
  }
  .share-collection-modal .share-details [class*='icon-angle-'] {
    width: 10%;
  }
  .share-collection-modal .share-details .share-role,
  .share-collection-modal .share-details .share-company {
    width: 80%;
  }
  .share-collection-modal .share-information {
    width: 30%;
    min-width: unset;
  }
}

.share-collection-modal .filter-nav.multiselect {
  padding: 16px 14px;
  gap: 10px;
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
}

.share-collection-modal .filter-nav.multiselect .form-check-wrapper {
  padding-left: 0px;
}

.share-collection-modal .filter-nav.multiselect:has(+ .share-actions) {
  width: calc(100% - 60px);
}

.share-collection-modal .modal-tabs {
  display: flex;
  width: 100%;
  margin-top: 20px;
  cursor: pointer;
}

.share-collection-modal .modal-tabs .tab {
  width: 50%;
  text-align: center;
  color: #000000;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 0px;
}

.share-collection-modal .modal-tabs .tab.active {
  border-bottom: 3px solid #ff7400;
}

.share-collection-modal .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.share-collection-modal .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.share-collection-modal .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}

.share-collection-modal .modal-tabs-content.role .input-list {
  flex-direction: row;
}

.share-collection-modal .request-on-behalf .share-collection .input-list {
  flex-direction: row;
  flex-wrap: wrap;
}

.user-profile-role .row {
  display: flex;
}

.user-profile-role .row:first-of-type:not(:has(.col-xs-12.col-sm-6)) .col-xs-8.col-sm-4 {
  position: absolute;
}

.user-profile-role .row .text-muted {
  font-size: 14px;
}

.user-profile-role .row .text-right {
  padding-top: 24px;
}

.collection.modal select.form-subSection-control {
  padding-left: 12px;
  font-size: 14px;
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) {
  padding-bottom: 20px;
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) .role-badge-list {
  margin-top: 14px;
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) .role-badge-list a {
  all: unset;
}

#blogs-app .retrieved-item:has(.overlay-container),
.blogs-app .retrieved-item:has(.overlay-container) {
  background-color: var(--nxp-surface-dark);
}

#blogs-app .retrieved-item:has(.overlay-container) .item-description,
.blogs-app .retrieved-item:has(.overlay-container) .item-description {
  color: var(--nxp-body-color);
}

#blogs-app .retrieved-item:has(.overlay-container) .impact-label,
.blogs-app .retrieved-item:has(.overlay-container) .impact-label {
  width: fit-content;
  margin-bottom: 10px;
}

#blogs-app .retrieved-item .item-options,
.blogs-app .retrieved-item .item-options {
  justify-content: end;
  max-width: fit-content;
}

#blogs-app .retrieved-item .item-options .item-options-collections,
.blogs-app .retrieved-item .item-options .item-options-collections {
  width: fit-content;
  margin-top: 0px;
}

@media (max-width: 992px) {
  #blogs-app .retrieved-item .item-options .item-options-collections .item-options-collections-menu,
  .blogs-app .retrieved-item .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -4px;
  }
  #blogs-app .retrieved-item .item-options .item-options-collections .item-options-collections-menu:after,
  .blogs-app .retrieved-item .item-options .item-options-collections .item-options-collections-menu:after {
    left: unset;
    right: 4px;
  }
}

@media (min-width: 1200px) {
  #blogs-app .retrieved-item .item-body,
  .blogs-app .retrieved-item .item-body {
    width: 50%;
  }
}

.swiper-slider-blogs {
  position: relative;
}

.whats-new-item .whats-new-title {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .whats-new-item .item-options-collections-menu {
    left: unset;
    right: 0px;
  }
  .whats-new-item .item-options-collections-menu::after {
    left: unset;
    right: 1px;
  }
}

.whats-new-item .whats-new-content {
  position: relative;
}

.whats-new-item .whats-new-content .item-options-collections {
  position: absolute;
  top: 17px;
  right: 15px;
}

.card-swiper .card-flex-item:has(.item-options-collections) .card-flex-content {
  position: relative;
}

.card-swiper .card-flex-item:has(.item-options-collections) .card-flex-content .card-flex-title {
  display: flex;
  width: 100%;
  gap: 12px;
}

.card-swiper .card-flex-item:has(.item-options-collections) .card-flex-content .item-options-collections {
  position: absolute;
  top: 17px;
  right: 15px;
}

.title-collections {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

.title-collections .icon-bookmark.add-collection {
  width: 18px;
  height: 24px;
}

.title-collections .item-options-collections-menu {
  top: 34px;
}

.title-collections .item-options-collections-menu:after {
  right: 7px;
}

@media (max-width: 1200px) {
  .title-collections .item-options-collections-menu {
    left: unset;
    right: -4px;
  }
  .title-collections .item-options-collections-menu:after {
    right: 7px;
    left: unset;
  }
}

.title-collections h2 {
  margin: 0px;
}

#partnerProfileRedesign .item-options {
  padding-top: 0px;
  min-width: unset;
}

.page-title.newsroom .item-options-collections-menu {
  right: 2px;
  margin-top: 6px;
}

.page-title.band .item-options-collections, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections {
  margin-top: 8px;
}

.page-title.band .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections .item-options-collections-menu {
  right: 1px;
}

@media (max-width: 768px) {
  .page-title.band .item-options-collections, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections {
    margin-left: unset;
  }
  .page-title.band .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections .item-options-collections-menu {
    left: -3px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .page-title.band .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections .item-options-collections-menu, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections .item-options-collections-menu {
    left: unset;
  }
  .page-title.band .item-options-collections .item-options-collections-menu:after, .page-title#faq[data-nxp-theme='automotive'] .item-options-collections .item-options-collections-menu:after, .page-title#faq[data-nxp-theme='industrial'] .item-options-collections .item-options-collections-menu:after, .page-title#faq[data-nxp-theme='consumer'] .item-options-collections .item-options-collections-menu:after {
    left: unset;
    right: 5px;
    top: -6px;
  }
}

@media (min-width: 992px) {
  #newsroom-spa .item-options {
    justify-content: end;
    padding-top: 20px;
  }
}

#newsroom-spa .item-options .item-options-collections {
  width: auto;
}

.modal:has(.collection-created) .modal-header {
  padding: 24px 24px 20px 24px;
  border-bottom: 1px solid #d4cfc5;
}

.modal:has(.collection-created) .modal-header .modal-title {
  color: #000000;
}

.modal:has(.collection-created) .modal-header::after {
  clear: unset;
}

.modal:has(.collection-created) .modal-body {
  word-break: break-all;
}

.modal:has(.collection-created) .modal-body .collection-created {
  width: 100%;
  padding: 0px 0px 22px 0px;
}

.modal:has(.collection-created) .modal-body .collection-created .new-login-title {
  color: #000000;
}

.modal:has(.collection-created) .modal-body .collection-created .new-login-subtitle {
  color: #686664;
  word-break: break-word;
}

.modal:has(.collection-created) .modal-body .collection-created .btn-container button {
  width: unset;
  max-width: unset;
}

.modal:has(.collection-created) .modal-body .collection-created .btn-container button.btn-default {
  color: #000000;
}

#collection-success .modal-body {
  padding-bottom: 42px;
}

.react-responsive-modal-modal {
  padding: 0px;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog,
.react-responsive-modal-modal .share-collection-modal .modal-md,
.react-responsive-modal-modal .collections-support-modal .modal-dialog,
.react-responsive-modal-modal .collections-support-modal .modal-md,
.react-responsive-modal-modal #share-collection-modal .modal-dialog,
.react-responsive-modal-modal #share-collection-modal .modal-md {
  all: unset;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content {
  all: unset;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) {
  display: flex;
  flex-wrap: wrap;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close {
  font-size: 30px;
  right: 24px;
  top: 24px;
  padding: 0px;
  line-height: 0.9;
  font-weight: 400;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover {
  background-color: white;
  opacity: 1;
  color: #898683;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title {
  padding-right: 34px;
  word-break: break-word;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-body,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-body,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-body {
  word-break: break-word;
}

.react-responsive-modal-modal:has(.share-collection-modal) {
  overflow-y: unset;
  padding: 0px;
}

@media (max-width: 480px) {
  .react-responsive-modal-modal:has(.share-collection-modal) {
    width: 90%;
  }
}

.react-responsive-modal-modal:has(.share-collection-modal) .modal-header {
  padding: 24px 24px 0px 24px;
  border-bottom: 1px solid #d4cfc5;
}

.react-responsive-modal-modal:has(.share-collection-modal) .modal-body {
  padding: 16px 24px 42px 24px;
}

#collectionsBodyContainer > div {
  z-index: 1000 !important;
}

.box-opts.exact-match2[data-nxp-theme='step-forward'] .box-opts-content.actions {
  padding-top: 20px;
}

@media (max-width: 992px) {
  #collectionsBodyContainer .item-options-collections-menu {
    left: unset;
    right: -10px;
  }
  #collectionsBodyContainer .item-options-collections-menu::after {
    left: auto;
    right: 10px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .add-to-collection-pop-over-development .Popover-tip, .add-to-collection-pop-over-blogs .Popover-tip {
    left: 74%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .nxp-wrapper:has(#development-boards-and-designs-app) ~ .Popover .Popover-tip, .nxp-wrapper:has(#partner-marketplace-app) ~ .Popover .Popover-tip {
    left: 67%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .nxp-wrapper:has(#blogs-SPA-Landing) ~ .Popover .Popover-tip {
    left: 64%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .nxp-wrapper:has(#blogs-SPA-Landing .retrieved-items) ~ .Popover .Popover-tip {
    left: 75%;
  }
}

body:has(#partnerProfileRedesign) .react-responsive-modal-root {
  z-index: 1099;
}

.react-responsive-modal-modal #share-collection-modal.collection .modal-content .modal-header:not(:has(+ .modal-body)) {
  display: block;
}

@media (max-width: 768px) {
  .react-responsive-modal-modal:has(#share-collection-modal .share-with.active) {
    height: 100vh;
  }
  .react-responsive-modal-modal:has(#share-collection-modal .share-with.active) .list-users {
    height: 448px;
  }
}

.back-page {
  width: 100%;
  border-top: 1px solid #d4cfc5;
  padding: 32px 0px;
}

.back-label {
  margin-top: 0px;
  display: block;
}

.back-title {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
  color: #000000;
}

.back-return {
  padding-left: 12px;
  transition: all ease-in-out 100ms;
}

.back-return:before {
  content: '\F104';
  font-family: 'Font Awesome';
  position: absolute;
  left: 0px;
  font-size: 16px;
}

.request-form-fifty {
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  padding: 28px;
  /* custom elements */
}

@media (max-width: 480px) {
  .request-form-fifty {
    padding: 0px 8px;
  }
}

.request-form-fifty.has-border {
  border-color: #e5eaed;
}

.request-form-fifty .text-required {
  color: inherit;
}

.request-form-fifty .button-section {
  padding: 28px 0px 12px 0px;
}

.request-form-fifty p:last-child {
  padding: 12px 0px;
  margin: 0px;
}

.request-form-fifty .form-block:first-of-type {
  padding-top: 0px;
}

.request-form-fifty .form-block:last-of-type {
  padding-bottom: 0px;
}

.request-form-fifty input,
.request-form-fifty select {
  box-shadow: none;
}

.form-block {
  padding: 28px 0px;
}

.form-block-title {
  margin: 0px;
  padding-bottom: 28px;
}

.form-block .form-group:last-of-type {
  margin-bottom: 0px;
}

.nda-form {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  width: 100%;
}

.nda-form .component-container:first-of-type {
  padding-top: 30px;
}

.nda-form .alert {
  margin-bottom: 0px;
}

.nda-form .component-overview {
  padding-bottom: 0px;
}

.new-login.request-form {
  padding-top: 0px;
  margin: 0px;
  display: block;
  /* General Code */
}

.new-login.request-form > .container {
  margin: 0px;
}

.new-login.request-form .form-container {
  width: 100%;
  max-width: 600px;
  padding-top: 0px;
}

@media only screen and (max-width: 768px) {
  .new-login.request-form .form-container {
    max-width: unset;
  }
}

.new-login.request-form .form-container .form-section:first-of-type {
  border: 1px solid #d6dce0;
  border-bottom: none;
  padding-top: unset;
}

.new-login.request-form .form-container .form-section:first-of-type .form-subSection:first-of-type {
  padding-top: 24px;
}

.new-login.request-form .form-container .form-section {
  border: 1px solid #d6dce0;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding-top: 48px;
}

.new-login.request-form .form-container .form-section:last-of-type {
  border-top: none !important;
  border: 1px solid #d6dce0;
  padding-top: 8px;
}

.new-login.request-form .form-container hr {
  max-width: calc(100% - 48px);
  margin: auto;
}

.new-login.request-form .form-container .btn, .new-login.request-form .form-container .nav-close {
  width: auto;
}

.new-login.request-form .form-container .form-subSection:first-of-type {
  padding-top: 0px;
}

.new-login.request-form .form-container .form-subSection {
  /* &.has-error{
                .help-block{
                    color: #8f2727 !important;
                }                
                .form-control {  
                    border-color: #8f2727 !important;     
                }
            } */
}

.new-login.request-form .form-container .form-subSection .form-subSection-label {
  margin-bottom: 5px;
}

.new-login.request-form .form-container .form-subSection-label.big {
  font-family: "Poppins", sans-serif;
}

.new-login.request-form .form-container .form-subSection .form-subSection-helper:nth-last-child(2) {
  margin-bottom: 4px;
}

.new-login.request-form .form-container .form-subSection .radio label,
.new-login.request-form .form-container .form-subSection .check label,
.new-login.request-form .form-container .form-subSection .form-check label {
  cursor: pointer;
}

.new-login.request-form .form-container .form-subSection textarea {
  height: 80px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 80px;
}

.new-login.request-form .form-container .form-subSection-control {
  padding: 6px 12px;
}

.new-login.request-form .form-container .form-subSection-button {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.new-login.request-form .form-container .form-subSection-button button {
  margin: 0px !important;
}

.new-login.request-form .form-container .icon-para-reset.spin-icon {
  width: 18px;
  height: 18px;
  align-self: center;
}

.new-login.request-form .form-divider {
  padding-top: 48px;
  display: block;
}

.new-login.request-form .form-divider::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(100% - 48px);
  margin-left: 24px;
  box-shadow: none;
  border-top: 1px solid #d6dce0 !important;
}

.new-login.request-form .form-field-line {
  display: flex;
  width: 100%;
  justify-content: space-around;
  gap: 4px;
}

.new-login.request-form .form-field-line input,
.new-login.request-form .form-field-line select {
  width: 97%;
}

/* modal NDA */
[class*='NDAFormModal'] a {
  text-decoration: none;
}

.faqs-list {
  list-style: none;
  padding: 0px;
  margin-bottom: 48px;
}

.faqs-list li {
  font-size: 16px;
  line-height: 19px;
}

.faqs-list-question {
  padding: 16px 0px;
}

.faqs-list-question:first-of-type {
  padding-top: 0px;
}

.faqs-list-question:last-of-type {
  padding-bottom: 0px;
}

.faqs-list-question h3 {
  line-height: 24px;
  margin: 0px;
  margin-bottom: 16px;
}

.faqs-list-question p {
  margin: 0px;
  line-height: 22px;
}

.field-dropdown {
  width: 100%;
  background-color: white;
  display: flex;
  border: 1px solid #d4cfc5;
  position: relative;
  min-height: 38px;
  justify-content: space-between;
}

.field-dropdown-placeholder {
  color: grey;
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  outline: 0px;
  padding-top: 4px;
}

.field-dropdown-value {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  margin-bottom: 0px;
  max-height: 100px;
}

.field-dropdown-value .element {
  background-color: #e6e6e6;
  border-radius: 2px;
  display: flex;
  margin: 2px;
  min-width: 0px;
  box-sizing: border-box;
}

.field-dropdown-value .element .value {
  border-radius: 2px;
  color: #333333;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.field-dropdown-value .element .remove {
  cursor: pointer;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
  color: #262626;
}

.field-dropdown-value .element .remove:hover {
  background-color: #ffbdad;
  color: #de350b;
}

.field-dropdown-value::-webkit-scrollbar {
  -webkit-appearance: none;
}

.field-dropdown-value::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.field-dropdown-label {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  margin: 8px 2px;
}

.field-dropdown-label span.value {
  border-radius: 2px;
  text-transform: uppercase;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.field-dropdown-label span.remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
}

.field-dropdown-label span.remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.field-dropdown-toggle {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.field-dropdown-toggle span {
  font-size: 18px;
  vertical-align: -8px;
  padding: 0px 8px;
  color: #262626;
}

.field-dropdown-options {
  padding: 4px 8px;
  display: block;
  height: auto;
  max-height: 240px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  top: 102%;
  background: white;
  border: 1px solid #d4cfc5;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.field-dropdown-options::-webkit-scrollbar {
  -webkit-appearance: none;
}

.field-dropdown-options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.field-dropdown-item {
  padding: 8px;
  margin: 0px;
  /*   label {
                width: 100%;
                text-transform: uppercase;
                min-height: 22px;
                margin-bottom: 0;
                font-weight: normal;
                cursor: pointer;
            }

            &:hover {
                cursor: pointer;
                background-color: #2684ff;
                color: white;
            } */
}

.field-dropdown-list {
  padding-left: 0;
  list-style: none;
}

.field-dropdown-list > li {
  padding-left: 0;
}

.field-dropdown-list .field-dropdown-list {
  padding-left: 8px;
  margin-top: 0px;
}

.field-dropdown-list li {
  padding-left: 37px;
}

.field-dropdown-list li.field-parent .parent-checked input {
  display: none;
}

.field-dropdown-list li.field-parent .parent-checked::after {
  font-family: 'Font Awesome';
  position: absolute;
  content: '\F146';
  left: 28px;
}

.field-dropdown-list .checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
  /*  &:hover {
                    cursor: pointer;
                    background-color: #2684ff;
                    color: white;
                } */
}

.field-dropdown-list .checkbox .field-toggle-list:first-child {
  background-color: red;
}

.field-dropdown-list .checkbox .field-toggle-list {
  cursor: pointer;
  padding: 3px 6px;
  font-size: 12px;
}

.field-dropdown-list .checkbox .field-toggle-list:hover {
  background-color: #ebe7dd;
}

.field-dropdown-list .checkbox label {
  font-size: 14px;
}

/* .dropdown {
    &-field {


        .dropdown-placeholder {}
    }

    &-value {


        .dropdown-label {}
    }

    &-toggle {
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;

        span {
            font-size: 18px;
            vertical-align: -8px;
            padding: 0px 8px;
            color: $nxp-gray-xxdark;
        }

        &::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            display: block;
            height: 100%;
            border-left: 1px solid $nxp-gray-xlight;
        }
    }

    
} */
.form-flat.form-control {
  border: none;
  border-left: 1px solid #d4cfc5;
  box-shadow: none;
  height: auto;
  width: auto;
  padding: 0px 12px;
}

.form-full {
  width: 100%;
}

.form-item-radius {
  border-radius: 100px;
}

.form-user label {
  padding-right: 12px;
}

.website-feedback .component-container:first-of-type {
  padding-bottom: 0px;
}

.website-feedback .component-container:only-child {
  padding-bottom: 48px;
}

.website-feedback .component-container .component-overview:only-child {
  padding-bottom: 0px;
}

.website-feedback .component-container .component-overview {
  padding-bottom: 24px;
}

.website-feedback .component-container .component-overview {
  width: auto;
  max-width: 800px;
}

.website-feedback .component-container .new-form {
  padding: 0px;
}

.website-feedback .support-text {
  margin: 0px;
}

.website-feedback .form-column {
  columns: 2 10px;
}

.website-feedback .form-check {
  display: flex;
  align-items: baseline;
}

.website-feedback .form-check-label,
.website-feedback .form .checkbox label {
  cursor: pointer;
}

.website-feedback .form-section:only-of-type {
  margin: 0px;
}

.website-feedback .form-subSection-button .btn:only-child, .website-feedback .form-subSection-button .nav-close:only-child {
  margin-left: 0px !important;
}

.website-feedback .form-subSection-checkbox .checkbox:last-of-type label {
  padding-bottom: 0px;
}

.website-feedback textarea {
  max-width: 100%;
  min-width: 100%;
  max-height: 400px;
  min-height: 50px;
  height: 170px;
}

.website-feedback .drop-drag-files {
  height: auto;
  padding: 48px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.website-feedback .drop-drag-files:before {
  content: '';
  position: absolute;
  border: 2px dashed #898683;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  z-index: -1;
}

.website-feedback .drop-drag-files span {
  font-size: 33px;
  color: #aaa6a2;
}

.website-feedback .drop-drag-files p {
  padding: 16px 0px;
  margin: 0px;
}

.general-form-container .component-container:first-of-type {
  padding-bottom: 0px;
}

.general-form-container .component-container:only-child {
  padding-bottom: 48px;
}

.general-form-container .component-container .component-overview:only-child {
  padding-bottom: 0px;
}

.general-form-container .component-container .component-overview {
  padding-bottom: 24px;
}

.general-form-container .component-container .component-overview {
  width: auto;
  max-width: 800px;
}

.general-form-container .component-container .new-form {
  padding: 0px;
}

.general-form-container .support-text {
  margin: 0px;
}

.general-form-container .form-column {
  columns: 2 10px;
}

.general-form-container .form-check {
  display: flex;
  align-items: baseline;
}

.general-form-container .form-check-label,
.general-form-container .form .checkbox label {
  cursor: pointer;
}

.general-form-container .form-section:only-of-type {
  margin: 0px;
}

.general-form-container .form-subSection-button .btn:only-child, .general-form-container .form-subSection-button .nav-close:only-child {
  margin-left: 0px !important;
}

.general-form-container .form-subSection-checkbox .checkbox:last-of-type label {
  padding-bottom: 0px;
}

.general-form-container textarea {
  max-width: 100%;
  min-width: 100%;
  max-height: 400px;
  min-height: 50px;
  height: 170px;
}

.general-form-container .drop-drag-files {
  height: auto;
  padding: 48px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.general-form-container .drop-drag-files:before {
  content: '';
  position: absolute;
  border: 2px dashed #898683;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  z-index: -1;
}

.general-form-container .drop-drag-files span {
  font-size: 33px;
  color: #aaa6a2;
}

.general-form-container .drop-drag-files p {
  padding: 16px 0px;
  margin: 0px;
}

.looking-for {
  min-height: calc(100% - 18px);
  width: 100%;
}

.search-footer {
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
  padding: 10px 30px;
  background-color: #f7f5f1;
}

.search-footer-element {
  color: #474645;
}

.search-footer-element p {
  margin: 0px;
}

.download-container {
  border: 1px solid #ccc;
  width: 248px;
  text-align: center;
}

.download-container-icon {
  padding: 8px;
}

.download-container-icon .movement {
  padding: 30px 0px 8px 0px;
}

.download-container-icon .movement .circle {
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50px;
  transform: translateY(-50%);
  width: 120px;
}

.download-container-icon .movement .circle .circle__svg-arrow {
  fill: #262626;
  position: relative;
  top: -127px;
}

.download-container-icon .movement .circle.inprogress .circle__svg {
  animation: 2s linear infinite both circle__svg;
}

.download-container-icon .movement .circle.inprogress .circle__svg .circle__svg-circle {
  animation: 3s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: #262626;
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 6px;
  transform-origin: 50% 50%;
}

@keyframes circle__svg {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes circle__svg-circle {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

.download-container-icon .movement .circle.completed .circle__svg,
.download-container-icon .movement .circle.completed .circle__svg-arrow {
  fill: #9da904;
}

.download-container-icon .movement .circle.completed .circle__svg .circle__svg-circle,
.download-container-icon .movement .circle.completed .circle__svg-arrow .circle__svg-circle {
  fill: transparent;
  stroke: #9da904;
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 6px;
  transform-origin: 50% 50%;
}

.download-container-icon .movement .porcentage {
  position: relative;
  top: -90px;
  font-size: 36px;
}

.download-container-icon .movement .porcentage span {
  font-weight: 600;
}

.download-container-icon .movement .porcentage span span {
  font-weight: 400;
  color: #64798a;
  font-size: 24px;
  bottom: 9px;
  position: relative;
}

.download-container-text {
  padding: 8px;
}

.download-container-text .content {
  padding: 8px 0px 8px 0px;
}

.download-container-text .content .main {
  margin-bottom: 4px;
}

.download-container-text .content .helper {
  font-size: 14px;
}

.download-container-button {
  padding: 8px 8px 22px 8px;
}

.download-container-button .content {
  padding: 8px 0px 8px 0px;
}

.download-container-button .btn, .download-container-button .nav-close {
  width: 80%;
}

.secure-download-view {
  display: flex;
  justify-content: space-between;
}

@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1300;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
  }
}

.animated-image {
  overflow: hidden;
}

.animated-image img {
  width: 100%;
  animation: zoomIn ease-in-out infinite 5s;
}

@media (max-width: 992px) {
  .animated-image img {
    animation: none;
  }
}

.animated-shape {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 7px;
}

@media (max-width: 992px) {
  .animated-shape {
    left: 0px;
  }
}

.animated-shape .animated-rect {
  filter: blur(4px);
  stroke-width: 6px;
  stroke-dasharray: 1350;
  stroke-dashoffset: 0;
  animation-delay: 1s;
  animation: dash 4s ease-in-out infinite;
}

.animated-shape .animated-rect.stroke {
  filter: blur(0px);
  stroke-width: 4px;
}

@media (max-width: 992px) {
  .animated-shape .animated-rect {
    animation: none;
  }
}

.data-visualization .dynamic-columns {
  display: flex;
  justify-content: center;
}

.data-visualization .dynamic-columns .dynamic-element {
  width: 25%;
  padding: 0 15px;
}

.data-visualization .dynamic-columns:has(.dynamic-element:first-child:nth-last-child(-n+1)) .dynamic-element, .data-visualization .dynamic-columns:has(.dynamic-element:nth-last-child(5)) .dynamic-element {
  display: none;
}

.data-visualization .image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.data-visualization .description {
  margin-top: 40px;
}

@media all and (min-width: 480px) and (max-width: 768px) {
  .data-visualization .dynamic-columns {
    flex-wrap: wrap;
  }
  .data-visualization .dynamic-columns .dynamic-element {
    width: 50%;
    padding: 0 15px;
  }
  .data-visualization .dynamic-columns:has(.dynamic-element:first-child:nth-last-child(-n+1)) .dynamic-element, .data-visualization .dynamic-columns:has(.dynamic-element:nth-last-child(5)) .dynamic-element {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .data-visualization .dynamic-columns {
    flex-wrap: wrap;
  }
  .data-visualization .dynamic-columns .dynamic-element {
    width: 100%;
    padding: 0 15px;
  }
  .data-visualization .dynamic-columns:has(.dynamic-element:first-child:nth-last-child(-n+1)) .dynamic-element, .data-visualization .dynamic-columns:has(.dynamic-element:nth-last-child(5)) .dynamic-element {
    display: none;
  }
}

.primary-topic-media canvas {
  width: 80% !important;
  height: 80% !important;
}

.connects .filters {
  display: flex;
  margin-bottom: 39px;
}

@media screen and (max-width: 768px) {
  .connects .filters {
    flex-direction: column;
  }
}

.connects .filters .form-subSection {
  width: 35%;
}

.connects .filters .form-subSection:first-of-type {
  margin-right: 32px;
  width: 65%;
}

@media screen and (max-width: 768px) {
  .connects .filters .form-subSection:first-of-type {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .connects .filters .form-subSection {
    margin-bottom: 16px;
    width: 100%;
  }
}

.connects .filters .form-subSection .input-group-search .search-icon {
  right: 0;
  left: unset;
  padding-left: 0;
  top: -2px;
}

.connects .filters .form-subSection .input-group-search .search-input {
  padding-left: 12px;
}

.connects .image-partners {
  margin: 17px 0;
}

.connects .image-partners img {
  max-height: 50px;
  filter: grayscale(100%);
}

.connects .card1-links {
  margin-top: 0;
}

.connects .card1-list-title {
  margin-top: 11px;
}

.connects .card1-list .text-muted {
  margin-bottom: 6px;
}

.connects .card1-column .btn-default, .connects .card1-column .jumpto ul li.jumpto-cta-container a.btn-default, .jumpto ul li.jumpto-cta-container .connects .card1-column a.btn-default {
  width: 200px;
  margin-top: 32px;
}

.connects .card1-column .results {
  margin-bottom: 0px;
}

.connects .card1-item {
  margin-top: 1em;
  margin-bottom: 1em;
}

.connects .list-vertical li {
  display: block;
}

.connects mark {
  background: #fcebcf;
  padding: 0;
  color: inherit;
}

.bg-svg {
  background-size: 0% !important;
}

.bg-svg::before {
  background: inherit;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100vw;
}

@media screen and (min-width: 768px) {
  .app-column-right .bg-svg::before, .col-lg-9 .bg-svg::before {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .app-column-right .bg-svg::before, .col-lg-9 .bg-svg::before {
    width: calc(100vw - 300px);
  }
}

.bg-svg.bg-band-top::before {
  top: -12% !important;
  height: 112%;
}

.bg-svg-img {
  background-size: 0% !important;
}

@media (max-width: 992px) {
  .bg-svg-img {
    display: none;
  }
}

.bg-band-top .bg-svg-img {
  top: -5%;
}

.bg-svg-img::before {
  background-size: 100% !important;
  background: inherit;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.bg-svg .card1-item:empty {
  background-position: center center !important;
}

@media (max-width: 992px) {
  .bg-svg .card1-item:empty {
    width: 100%;
    padding-bottom: 56.25%;
    /* min-height: calc( (100vw * 405) / 720 ) !important; */
    background-size: cover !important;
  }
}

.table-container-section .filter {
  padding: 22px 0px;
}

.filter-tag {
  padding-left: 0;
  display: flex;
  justify-content: start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: end;
  margin: 0px;
}

.filter-tag > li {
  position: relative;
  width: fit-content;
  padding: 0px 0px;
  list-style: none;
  margin: 0px 12px 12px 0px;
  display: flex;
}

.filter-tag > li:first-child {
  margin-top: 12px;
}

.filter-tag > li > a {
  padding: 12px 30px 12px 16px;
  border-radius: 100px;
  background: var(--nxp-gray-200);
  font-size: 14px;
  display: flex;
  color: var(--nxp-body-color);
}

.filter-tag > li > a::before {
  content: '\f00d';
  font-family: Font Awesome;
  position: absolute;
  right: 14px;
  top: auto;
  font-weight: 400;
}

.filter-tag > li.clear a {
  color: var(--nxp-link-color);
  text-decoration: none;
  background: none;
}

.filter-tag > li.clear a::before {
  display: none;
}

.filter-tag > li.keyword a {
  word-break: break-all;
  display: flex;
  background: var(--nxp-orange-100);
}

.filter-tag > li.open {
  position: inherit;
}

.filter-tag-filters {
  padding-left: 0;
  display: flex;
  justify-content: start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: end;
  margin: 0px;
  gap: 10px;
}

.filter-tag-filters .section {
  position: relative;
  width: fit-content;
  padding: 0px 0px;
  list-style: none;
  display: flex;
}

@media only screen and (max-width: 479px) {
  .filter-tag-filters .section .btn, .filter-tag-filters .section .nav-close,
  .filter-tag-filters .section .tag {
    width: 100%;
  }
  .filter-tag-filters .section .clearFilter {
    justify-content: center;
  }
}

.filter-tag-filters .section .tag {
  padding: 12px 30px 12px 16px;
  background: var(--nxp-gray-200);
  font-size: 14px;
  display: flex;
  color: var(--nxp-body-color);
  border-radius: 100px;
}

.filter-tag-filters .section .tag::before {
  content: '\f00d';
  font-family: Font Awesome;
  position: absolute;
  right: 14px;
  top: auto;
  font-weight: 400;
}

.filter-tag-filters .section .tag span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15ch;
}

.filter-tag-filters .section .tag.dashed {
  width: 180px;
  height: 44px;
  background: #686664;
  border: dashed white;
}

.filter-tag-filters .section .tag.dashed:hover {
  cursor: auto;
}

.filter-tag-filters .section .tag.dashed::before {
  content: '' !important;
}

.filter-tag-filters .section.clear a {
  color: var(--nxp-link-color);
  text-decoration: none;
  background: none;
  padding-left: 0px;
}

.filter-tag-filters .section.clear a::before {
  display: none;
}

.filter-tag-filters .section.keyword a {
  word-break: break-all;
  display: flex;
  background: var(--nxp-orange-100);
}

.filter-tag-filters .section.open {
  position: relative;
}

.filter-box {
  padding: 0px 8px;
  margin: 20px 0px;
  border: 1px solid #d4cfc5;
}

.filter-box li a {
  text-overflow: ellipsis;
  max-width: 270px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.text-new-my-lib {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  text-transform: uppercase;
  margin-left: 8px;
  cursor: default;
  vertical-align: 1px;
  font-family: "Poppins", sans-serif;
  background-color: #c3effe;
  color: #13357e;
}

.text-new-my-lib.text-new-secondary {
  color: #994600;
  background: #ffeda7;
}

.shape-color {
  padding: 0px 16px;
  margin-right: 4px;
}

.software-redesign .component-flex {
  display: flex;
  align-items: center;
}

.software-redesign .dropdown-menu {
  top: 36px !important;
}

.software-redesign .dropdown-menu::after {
  right: 10px;
  left: auto;
}

.software-redesign .metadata .meta-item span:not(.icon-info), .software-redesign .shopping-list .box-container .description .meta-item span:not(.icon-info), .shopping-list .box-container .software-redesign .description .meta-item span:not(.icon-info) {
  margin-right: 6px;
  font-weight: 600;
}

.software-redesign .metadata .meta-item .icon-info, .software-redesign .shopping-list .box-container .description .meta-item .icon-info, .shopping-list .box-container .software-redesign .description .meta-item .icon-info {
  font-size: 12px;
  margin-left: 4px;
}

.software-redesign .icon-ellipsis-h::before {
  left: 5px !important;
  top: 6px !important;
}

.software-redesign .filter-block-section .button-wrapper {
  display: flex;
}

.software-redesign .filter-block-section .button-wrapper .btn:not(:first-of-type), .software-redesign .filter-block-section .button-wrapper .nav-close:not(:first-of-type) {
  margin-left: 8px;
}

.software-redesign .container .section {
  padding: 0px 15px;
}

.software-redesign .container .section .main-group {
  padding: 36px 0px;
  width: 60%;
}

.software-redesign .container .section .main-group h2 {
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .section .main-group {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .section .main-group {
    width: 100%;
  }
}

.software-redesign .container .section .main-group .form-group {
  padding: 8px 0px;
}

.software-redesign .container .section .main-group .form-group textarea {
  max-width: 100%;
  max-height: 300px;
}

.software-redesign .container .section .main-group .form-group .form-group-radios .form-check label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .section .main-group .form-group:last-of-type {
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .form-group:first-of-type {
  padding-top: 0px;
}

.software-redesign .container .section .main-group .section {
  padding: 0px;
}

.software-redesign .container .section .main-group .section .form-group {
  padding: 24px 0px;
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .section .form-group:last-of-type {
  padding-bottom: 0px;
}

.software-redesign .container .section .main-group .section.has-border {
  min-height: 80px;
  margin-bottom: 11px;
}

.software-redesign .container .section .main-group .section.has-border .container {
  padding: 1em;
  margin-top: 0px;
  display: block;
}

.software-redesign .container .section .main-group .section.has-border .container ul {
  margin: 0px;
}

.software-redesign .container .section .main-group .checkbox.expand {
  font-size: 14px;
}

.software-redesign .container .section .main-group .checkbox.expand input {
  top: -1px;
}

.software-redesign .container .form-group.sw {
  margin-bottom: 0px;
}

.software-redesign .container .form-group.sw label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .submit-container {
  padding: 36px 0px;
}

.software-redesign .container .submit-container h2 {
  margin-top: 0px;
}

.software-redesign .container .submit-container .form-control {
  width: 60%;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .submit-container .form-control {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .submit-container .form-control {
    width: 100%;
  }
}

.software-redesign .container .submit-container .form-group {
  margin-bottom: 0px;
}

.software-redesign .submit-container::before {
  right: 52%;
}

.software-redesign .date-picker input {
  font-size: 14px;
  padding: 6px;
  width: 136px;
}

.software-redesign .partner-offering-number {
  padding-top: 20px;
}

.software-redesign .toggle-title {
  position: relative;
}

.software-redesign .btn-title {
  position: absolute;
  right: calc((-100% / 6) * 4);
  top: 0px;
}

@media only screen and (max-width: 992px) {
  .software-redesign .btn-title {
    right: 0px;
    position: relative;
    margin-bottom: 12px;
  }
}

.smt-modal .alert {
  margin-bottom: 0px;
  margin-top: 20px;
}

.toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.toggle-container .toggle-title {
  height: auto;
}

.toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

.upload {
  padding: 36px 0px;
}

.upload_file {
  width: 100%;
  padding: 2px 0px;
  background-color: #f7f5f1;
  margin: 36px 0px;
}

.upload_file .form {
  padding: 28px;
}

.upload_file .form .form_upload {
  height: 120px;
  transition: outline-offset 0.15s ease-in-out,
 background-color 0.15s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 2px dashed #aaa6a2;
}

@media only screen and (max-width: 480px) {
  .upload_file .form .form_upload {
    text-align: center;
    padding: 8px;
  }
  .upload_file .form .form_upload .icon-cloud-upload {
    display: none;
  }
}

.upload_file .form .form_upload .icon-cloud-upload {
  font-size: 64px;
  margin-right: 24px;
  color: #d4cfc5;
}

.upload_file .form .form_upload .section {
  padding-top: 8px;
}

.upload_file .form .form_upload .section label {
  margin-bottom: 8px;
  font-weight: 400;
}

.upload_file .form .form_upload .section label span {
  font-weight: 600;
  font-size: 16px;
  color: #215bd6;
  text-decoration: none;
}

.upload_file .form .form_upload .section label span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.upload_file .form .form_upload input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload_file.highlight {
  background-color: #92e1fd;
}

.upload_file .errors {
  padding: 0px 28px;
}

.upload_results .section {
  padding: 18px 24px 12px 24px;
  margin-bottom: 24px;
}

.upload_results .section_data .close {
  position: relative;
  top: -54px;
  right: 0;
}

.upload_results .section_data .porcentage {
  position: relative;
  right: -13px;
  color: inherit;
  top: -29px;
  float: right;
  color: #686664;
}

.upload_results .section_content {
  width: 95%;
  word-break: break-all;
}

.upload_results .section_content .file-title {
  margin-bottom: 4px;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload_results .section .progress_bar {
  width: 100%;
  display: flex;
  position: relative;
  top: -12px;
}

.upload_results .section .progress_bar progress::-moz-progress-bar {
  background: #f0ad4e;
}

.upload_results .section .progress_bar progress::-webkit-progress-value {
  background: #f0ad4e;
}

.upload_results .section .progress_bar progress::-webkit-progress-bar {
  background: none;
  background-color: #ebe7dd;
}

.upload_results .section .progress_bar progress {
  color: #f0ad4e;
  width: 100%;
  margin-top: 8px;
  width: 100%;
  height: 6px;
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Applicable only to Firefox */
  background: none;
  background-color: #ebe7dd;
}

.upload_results .section .progress_bar .alert {
  width: 100%;
  margin-bottom: 0px;
}

.upload_results .error .porcentage {
  display: none;
}

.progressbar {
  width: 120px;
  height: 120px;
}

@media (min-width: 420px) and (max-width: 659px) {
  .progressbar {
    grid-template-columns: repeat(2, 160px);
  }
}

@media (min-width: 660px) and (max-width: 899px) {
  .progressbar {
    grid-template-columns: repeat(3, 160px);
  }
}

@media (min-width: 900px) {
  .progressbar {
    grid-template-columns: repeat(4, 160px);
  }
}

.progressbar .box {
  width: 100%;
  height: 100%;
}

.progressbar .box .chart {
  position: relative;
  width: 100%;
  font-size: 22px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.progressbar .box .chart canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
}

.progressbar h2 {
  display: block;
  text-align: center;
  color: #fff;
}

.progressbar .circle-progress {
  width: 120px;
  height: 120px;
}

.progressbar .circle-progress-value {
  stroke-width: widthStrokeLine;
  stroke: #000000;
  stroke-linecap: round;
}

.progressbar .circle-progress-circle {
  stroke: #ebe7dd;
  stroke-width: widthStrokeLine;
}

.progressbar .circle-progress-text {
  fill: #000000;
  font-size: 20px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.progressbar .circle-progress-text-max {
  display: none;
}

.progressbar[aria-valuenow^='100'] .circle-progress-value {
  stroke: #c1cd23;
}

.form-control.text-area-form {
  height: 80px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 80px;
  max-height: 200px;
}

.toggle-text-opacity {
  display: block;
  position: relative;
  overflow: hidden;
  height: auto;
  max-height: 80px;
  transition: all ease-in-out 350ms;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .toggle-text-opacity {
    height: 0px;
    overflow: hidden;
    min-height: 257px !important;
  }
}

.toggle-text-opacity:not(.in)::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.toggle-text-opacity.in {
  max-height: 300vh;
}

.toggle-text-opacity.in::after {
  display: none;
}

.img-border img {
  border-top: 2px solid #d60b2d;
}

.img-border-bottom img {
  border-bottom: 2px solid #d60b2d;
}

img.img-border-bottom {
  border-bottom: 2px solid #d60b2d;
}

.img-border-top img {
  border-top: 2px solid #d60b2d;
}

img.img-border-top {
  border-top: 2px solid #d60b2d;
}

.img-border-left img {
  border-left: 2px solid #d60b2d;
}

img.img-border-left {
  border-left: 2px solid #d60b2d;
}

.img-border-rigth img {
  border-right: 2px solid #d60b2d;
}

img.img-border-rigth {
  border-right: 2px solid #d60b2d;
}

#product-selector-app #header_leftnav.nxp-gray-text {
  color: #686664 !important;
  letter-spacing: 0.04em;
}

.homepage-content .whats-new.band.cool-grey-xxxlight, .homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='automotive'],
.homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='industrial'],
.homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='consumer'] {
  background-color: #f7f5f1;
}

.homepage-content .primary-card-content p {
  font-family: "Poppins", sans-serif !important;
  color: var(--nxp-body-color);
}

.homepage-content .homepage-slider .carousel-indicators li.active .indicator-container {
  border-top: 3px solid #ff7400 !important;
}

@media (max-width: 992px) {
  .homepage-content .homepage-slider .carousel-indicators li.active .indicator-container {
    background-color: #ff7400 !important;
  }
}

@media (max-width: 992px) {
  .homepage-content .homepage-slider .carousel-indicators .indicator-container span {
    color: var(--nxp-body-color) !important;
  }
}

.homepage-content .homepage-slider .article-subtitle {
  font-family: "Poppins", sans-serif !important;
}

.homepage-content .card1-image.animated-image svg rect:first-child {
  stroke: #ffeda7 !important;
}

.homepage-content .listed-columns a,
.homepage-content .listed-columns li {
  font-family: "Poppins", sans-serif !important;
}

.homepage-content .listed-col li a,
.homepage-content .listed-2-col li a {
  color: var(--nxp-body-color) !important;
}

.homepage-content .block-topic::before {
  background-color: #ff7400 !important;
}

.homepage-content .whats-new.band.cool-grey-xxxlight, .homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='automotive'],
.homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='industrial'],
.homepage-content .whats-new.cool-grey-xxxlight#faq[data-nxp-theme='consumer'] {
  background-color: #ebe7dd !important;
}

.homepage-content .homepage-slider-microsite .article-subtitle {
  font-family: "Poppins", sans-serif !important;
}

.homepage-content .homepage-buttons-btn {
  font-family: "Poppins", sans-serif !important;
}

::-webkit--placeholder {
  color: #898683;
  color: #686664;
}

:-moz-placeholder {
  color: #898683;
  color: #686664;
}

::-moz-placeholder {
  color: #898683;
  color: #686664;
}

input::-ms-input-placeholder {
  color: #898683;
  color: #686664;
}

::placeholder {
  color: var(--nxp-secondary-color);
}

.popover-content {
  color: #000000;
}

.alert.countdown {
  display: flex;
  align-items: center;
  gap: 14px;
  border: none;
  margin-bottom: 0px;
}

.alert.countdown .countdown-container {
  display: flex;
  padding: 0 20px;
  margin-left: 8px;
  gap: 0 20px;
}

.alert.countdown .countdown-container div {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 26px;
}

.alert.countdown .countdown-container div span {
  font-size: 26px;
  font-weight: 600;
}

.alert.countdown .btn-border-white:focus {
  color: white !important;
}

@media (max-width: 992px) {
  .alert.countdown {
    flex-direction: column;
    align-items: flex-start;
  }
  .alert.countdown .countdown-container {
    display: none;
  }
}

.btn-border-white {
  color: white;
  border: 2px solid white;
}

.btn-border-white:hover {
  color: white;
}

.interactive_svg {
  padding: 48px 0px;
}

@media only screen and (max-width: 767px) {
  .interactive_svg {
    display: none;
  }
}

.interactive_svg h2 {
  margin-top: 0px;
}

@media only screen and (max-width: 992px) {
  .onebox .oneboxItem {
    flex-direction: column;
  }
}

.onebox .oneboxItem .item-body {
  flex: 1;
  width: unset;
  max-width: unset;
  min-width: unset;
}

.onebox .oneboxItem .item-body .item-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 24px;
}

.onebox .oneboxItem .item-body .item-signpost {
  display: block;
}

#development-boards-and-designs-app .onebox .oneboxItem .item-body span.item-signpost {
  display: none;
}

.onebox .oneboxItem .item-image {
  flex: 0 0 265px;
}

@media only screen and (max-width: 992px) {
  .onebox .oneboxItem .item-image {
    display: none;
  }
}

.onebox .oneboxItem .item-image figure {
  width: 100%;
  padding: 0px;
}

.onebox .oneboxItem .item-image figure img {
  margin: auto;
}

.onebox .oneboxItem .item-options {
  flex: 0 0 30%;
  flex-direction: column;
  justify-content: flex-start !important;
  width: unset;
  max-width: unset;
  min-width: unset !important;
  margin: unset;
}

.onebox .oneboxItem .item-options p.active {
  width: 100%;
  padding: 0;
  font-size: 14px;
}

.onebox .oneboxItem .item-options h4 {
  margin: 0;
  padding: 0;
}

.onebox .oneboxItem .item-options .item-price-details {
  width: 100%;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.onebox .oneboxItem .item-options .item-price-details li + li::before {
  content: '|';
  padding: 0 5px;
  color: #686664;
}

.onebox .oneboxItem .item-options .item-price-details .quantity {
  font-size: 14px;
  color: #686664;
}

.onebox .oneboxItem .item-options:has(.item-options-collections) {
  flex: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
}

@media (max-width: 992px) {
  .onebox .oneboxItem .item-options:has(.item-options-collections) {
    flex-direction: column;
    gap: 12px;
  }
}

.onebox .oneboxItem .item-options:has(.item-options-collections) .item-options-collections {
  margin-top: 0px;
  margin-left: auto;
  width: 20%;
}

@media (max-width: 992px) {
  .onebox .oneboxItem .item-options:has(.item-options-collections) .item-options-collections {
    margin-left: unset;
  }
}

@media (max-width: 480px) {
  .onebox .oneboxItem .item-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    min-width: 300px;
  }
}

.onebox .oneboxItem .item-options:has(.item-options-collections) p {
  display: flex;
}

.onebox .oneboxItem .item-options:has(.item-options-collections) p span {
  max-width: 30px;
}

.onebox .oneboxItem .item-options:has(.item-options-collections) p span:first-of-type {
  max-width: 112px;
  min-width: 80px;
}

.link-default {
  color: #215bd6 !important;
  text-decoration: none !important;
}

.link-default:hover, .link-default:active, .link-default:visited {
  text-decoration: underline !important;
}

.link-black, .jumpto ul li a, .link-tag {
  color: inherit;
}

.link-black:hover, .jumpto ul li a:hover, .link-tag:hover, .link-black:active, .jumpto ul li a:active, .link-tag:active, .link-black:visited, .jumpto ul li a:visited, .link-tag:visited {
  color: inherit;
}

.link-underline {
  text-decoration: underline;
}

.link-underline:hover, .link-underline:active, .link-underline:visited {
  text-decoration: underline;
}

.link-simple:hover, .jumpto ul li a:hover, .link-simple:active, .jumpto ul li a:active, .link-simple:visited, .jumpto ul li a:visited {
  text-decoration: none;
}

.link-tag {
  cursor: pointer;
  /* &:hover,
    &:active,
    &:focus,
    &:visited {
      text-decoration: none;
      color: inherit;
    } */
}

.link-full {
  width: 100% !important;
}

.side-filters {
  position: fixed;
  padding: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050;
  width: 520px;
  height: 100vh;
  max-height: 100vh;
  min-height: 0px;
  background: white;
  box-shadow: none;
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.04, 0, 0.2, 1);
}

@media only screen and (max-width: 570px) {
  .side-filters {
    width: 85%;
    height: 100dvh;
  }
}

.side-filters-container {
  display: flex;
  flex-direction: column;
}

.side-filters-container-header {
  padding: 16px 54px 16px 24px;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  justify-content: space-between;
}

.side-filters-container-header h3 {
  margin: 0;
}

.side-filters-container-header .close {
  opacity: 1;
  position: absolute;
  right: 8px;
  top: 4px;
  padding: 12px 16px;
}

.side-filters-container-header .close:hover {
  background-color: #ebe7dd;
  border-color: #ebe7dd;
  border-radius: 100px;
}

.side-filters-container-content {
  padding: 0px 24px;
  font-size: 16px;
  height: calc(100vh - 135px);
  overflow-y: auto;
}

.side-filters-container-content .results {
  padding-top: 24px;
  margin-bottom: 4px;
}

.side-filters-container-content .filter-nav {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .side-filters-container-content .filter-nav {
    border-top: none;
    border-right: none;
    border-left: none;
  }
}

.side-filters-container-content .filter-nav.show::after {
  width: 100% !important;
  margin-left: 0px !important;
}

.side-filters-container-content .filter-nav-inner {
  padding-top: 0px;
}

.side-filters-container-content .filter-nav-heading {
  font-size: 16px !important;
  top: 0;
  padding-left: 0px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media only screen and (max-width: 768px) {
  .side-filters-container-content .filter-nav-heading {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 0px;
  }
}

.side-filters-container-content .filter-nav-heading .regular {
  font-weight: 400;
}

.side-filters-container-content .filter-nav-heading .text-muted {
  font-weight: 600 !important;
  margin-top: 12px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20px;
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 2px;
}

.side-filters-container-content .filter-nav-heading.is-active .text-muted {
  display: none;
}

.side-filters-container-content .filter-nav-heading .corner {
  top: 0px;
  position: relative;
  right: -1%;
}

.side-filters-container-content .filter-nav-heading::before {
  width: 100% !important;
  margin-left: 0px !important;
}

.side-filters-container-content .filter-nav .checkbox {
  padding-left: 0px;
}

.side-filters-container-content .filter-nav .checkbox label {
  display: flex;
  align-items: center;
}

.side-filters-container-content .filter-nav .checkbox label:hover {
  color: inherit;
}

.side-filters-container-content .filter-nav-item-regular a {
  padding-left: 0px !important;
  padding-top: 16px;
  color: var(--nxp-link-color) !important;
}

.side-filters-container-content .filter-nav-item-regular a:hover {
  background-color: inherit !important;
  text-decoration: underline !important;
}

.side-filters-container-content .filter-nav .reset-link {
  padding-left: 0px !important;
  padding-top: 16px;
  color: var(--nxp-link-color) !important;
}

.side-filters-container-content .filter-nav .reset-link:hover {
  background-color: inherit !important;
  text-decoration: underline !important;
}

.side-filters-container-content .filter-nav .reset-link.more-less {
  padding-left: 0px !important;
  padding-top: 12px;
}

.side-filters-container-content .filter-nav .reset-link.more-less span {
  margin-left: 4px;
}

.side-filters-container-content .filter-nav hr {
  margin: 4px 0px;
}

.side-filters-container-content .filter-nav .select {
  display: flex;
  align-items: center;
}

.side-filters-container-content .filter-nav .select .form-control {
  width: 100px;
  height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.side-filters-container-content .filter-nav .select .icon-info {
  margin-left: 8px;
}

.side-filters-container-footer {
  padding: 16px 24px;
  border-top: 1px solid #d4cfc5;
}

.side-filters-container-footer .buttons {
  display: flex;
  justify-content: space-between;
}

.side-filters-container-footer .buttons .btn-link {
  font-size: 16px;
}

.side-filters-container-footer .buttons .btn-primary, .side-filters-container-footer .buttons .jumpto ul li.jumpto-cta-container a.btn-primary, .jumpto ul li.jumpto-cta-container .side-filters-container-footer .buttons a.btn-primary {
  font-size: 12px;
}

.side-filters.open {
  z-index: 1050;
  transform: translateX(0px);
  box-shadow: -50vw 0 0 100vw rgba(0, 0, 0, 0.5) !important;
}

.side-background {
  display: none;
}

.side-background.open {
  display: block;
  height: 100vh;
  position: fixed;
  width: calc(100vw - 537px);
  top: 0;
  left: 0;
  z-index: 1050;
}

@media only screen and (max-width: 570px) {
  .side-background.open {
    width: calc(100vw - 85%);
  }
}

.fake-scroll {
  position: fixed;
  width: calc(100% - 348px);
  left: 315px;
  height: 10px;
  bottom: 2px;
  border-radius: 25px;
  z-index: 999;
}

.next-offer-hor + .fake-scroll {
  bottom: 110px;
}

.fake-bar-scroll {
  position: absolute;
  width: 200px;
  height: 10px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.tag-styles, .link-tag {
  padding: 12px 16px 12px 16px;
  background: #ebe7dd;
  font-size: 14px;
  display: flex;
  color: #000;
  border-radius: 100px;
  width: fit-content;
}

.tag-ligth {
  background-color: var(--nxp-gray-50);
  color: var(--nxp-gray-900);
}

.tag-ligth:hover, .tag-ligth:active, .tag-ligth:visited {
  color: var(--nxp-gray-900);
}

.tag-sm {
  padding: 6px 12px;
}

.prodStatus-heading {
  display: block;
  margin-top: 8px;
  margin-bottom: 6px;
  word-break: break-word;
}

.prodStatus-heading h3 {
  display: inline;
  margin: 0;
  margin-right: 8px;
}

.prodStatus-heading:has(.svg-icon) h3::after {
  content: '-';
  margin-right: 10px;
  margin-left: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.nav-piped-2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
  gap: 10px 10px;
}

.nav-piped-2 li {
  margin-bottom: 0;
}

.nav-piped-2 li::after {
  content: '';
  padding-left: 10px;
  border-right: 1px solid #d4cfc5;
}

.nav-piped-2 li.title::after, .nav-piped-2 li:last-of-type::after {
  content: unset;
}

.nav-piped-2.last-pipeline li:nth-last-of-type(2)::after {
  display: none;
}

.nav-piped-2.last-pipeline li:last-of-type {
  margin-left: 24px;
}

.more-less-toggle {
  transition: height 0.3s ease-in-out,
 opacity 0.3s ease-in;
  overflow: hidden;
  opacity: 1;
}

.more-about {
  margin-bottom: 48px;
}

.more-about .more-less-toggle-container + ul.list-unstyled, .more-about .jumpto .more-less-toggle-container + ul, .jumpto .more-about .more-less-toggle-container + ul {
  margin-top: 0.5em;
}

.switch {
  padding: 0px 0px 48px 0px;
}

.switch.dark .cta {
  color: #3ecafb;
}

.switch-img-hover {
  position: relative;
  width: 100%;
  height: 179px;
  cursor: pointer;
  overflow: hidden;
}

.switch-img-hover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.7s ease-in-out;
  background-color: #262626;
}

.switch-img-hover:hover img.switch-img:last-of-type {
  opacity: 0;
}

.switch-title {
  padding-bottom: 12px;
}

.switch-price {
  margin-bottom: 6px;
}

.switch .buttons-container {
  margin: 16px 0px;
}

@media only screen and (max-width: 991px) {
  .switch {
    display: flex;
    flex-direction: column;
  }
  .switch-img-hover {
    height: 144px;
  }
}

.layout-column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.layout-full {
  column-span: all;
  grid-row: 100%;
}

.hide-md {
  display: block !important;
}

@media screen and (max-width: 992px) {
  .hide-md {
    display: none !important;
  }
}

.show-md {
  display: none !important;
}

@media screen and (max-width: 992px) {
  .show-md {
    display: block !important;
  }
}

.title-huge {
  font-size: 54px;
}

.collapse-hlp {
  padding-top: 48px;
}

.collapse-hlp h3 {
  padding-bottom: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.collapse-hlp h3 .gap-lg {
  margin-bottom: 0px;
}

.collapse-hlp div {
  min-height: 200px;
}

.collapse-hlp .img-responsive {
  margin-bottom: 16px;
  max-height: 80px;
}

.collapse-hlp .img-responsive + p {
  margin-bottom: 0px;
}

.collapse-hlp.col-md-4 {
  margin-bottom: 32px;
}

.mcx-poc .img-responsive {
  margin-bottom: 16px;
  max-height: 80px;
}

.mcx-poc .img-responsive + p {
  margin-bottom: 0px;
}

.mcx-poc.hide-md .switch {
  width: calc(33.33333333% - 21.33333px);
  margin-right: 32px;
  padding-bottom: 48px;
  padding-left: 15px;
  padding-right: 15px;
}

.mcx-poc.hide-md .switch:last-child {
  margin-right: 0px;
}

.mcx-poc .mcx-feature {
  padding-bottom: 14px;
}

.mcx-poc .mcx-feature:first-of-type {
  padding-bottom: 0px;
}

.mcx-poc .mcx-feature + .mcx-feature:last-of-type {
  padding-bottom: 0px;
}

.mcx-poc .mcx-feature ul {
  margin-bottom: 0px;
}

.mcx-poc .mcx-feature ul li:last-child {
  margin-bottom: 0px;
}

.insignia {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
}

.insignia i {
  font-size: 18px;
}

.insignia.sm i {
  font-size: 16px;
}

.security-status {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2px;
  gap: 6px;
  font-size: 14px;
}

.security-status .authorization {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.security-status .authorization :nth-child(2) {
  display: flex;
  align-items: center;
  gap: 6px;
}

.security-status .authorization :nth-child(2)::before {
  content: '';
  height: 4px;
  width: 4px;
  background-color: #000000;
  border-radius: 50%;
}

.security-status .request-message {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-right: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--nxp-border-color);
}

.security-status .request-message p .marker {
  vertical-align: 2px;
  margin-right: 8px;
}

.reset-mt * {
  margin-top: 0px;
}

.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.checkbox-wrapper input[type='checkbox'],
.checkbox-wrapper input[type='radio'] {
  margin: 0;
}

.checkbox-wrapper label {
  margin: 0;
  cursor: pointer;
  font-weight: 400;
}

.view-toggle {
  display: flex;
}

.view-toggle .view-option {
  display: flex;
  align-items: center;
}

.view-toggle .view-option input[type='checkbox'],
.view-toggle .view-option input[type='radio'] {
  margin: 0;
  display: none;
}

.view-toggle .view-option input[type='checkbox']:checked + label i,
.view-toggle .view-option input[type='radio']:checked + label i {
  color: var(--nxp-body-color);
}

.view-toggle .view-option label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  padding: 0 10px;
}

.view-toggle .view-option label i {
  font-size: 16x;
  color: var(--nxp-gray-400);
}

.view-toggle .view-option:not(:last-child) {
  border-right: 1px solid var(--nxp-border-color);
}

.form-sort-results {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* .recently-view-products {
  display: flex;
  flex-direction: column;
  gap: 30px;
  .section-product-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;

    @media only screen and (max-width: $screen-md - 1) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media only screen and (max-width: $screen-sm - 1) {
      grid-template-columns: 1fr;
    }

    .section-product {
      display: flex;
      flex-direction: column;
      gap: 12px;

      figure {
        width: 100%;
        height: 150px;
        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
    }
  }
} */
.tooltip-react {
  opacity: 1 !important;
}

.react-tooltip table.table.table-condensed.table-striped, .react-tooltip table.table-condensed.table-striped.comparisonTableSte {
  margin-bottom: 0px;
}

.react-tooltip table.table.table-condensed.table-striped tr td:first-of-type, .react-tooltip table.table-condensed.table-striped.comparisonTableSte tr td:first-of-type {
  text-transform: lowercase;
  font-weight: bold;
}

.react-tooltip table.table.table-condensed.table-striped tr td::first-letter, .react-tooltip table.table-condensed.table-striped.comparisonTableSte tr td::first-letter {
  text-transform: uppercase;
}

.react-tooltip table.table.table-condensed.table-striped tr:first-of-type td, .react-tooltip table.table-condensed.table-striped.comparisonTableSte tr:first-of-type td {
  border: unset;
}

.react-tooltip table.table.table-condensed.table-striped + .react-tooltip-arrow, .react-tooltip table.table-condensed.table-striped.comparisonTableSte + .react-tooltip-arrow {
  border-bottom: unset !important;
}

.avatar-skeleton {
  pointer-events: none;
}

.applications-tabs {
  position: relative;
  padding-top: 3em;
  padding-bottom: 3em;
}

@media (max-width: 992px) {
  .applications-tabs::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100vw;
    margin-left: calc(-50vw - -50%);
    box-shadow: none;
    border-top: 1px solid var(--nxp-border-color);
  }
}

.applications-tabs .bd-header i {
  font-size: 24px;
}

.applications-tabs .bd-header a.btn, .applications-tabs .bd-header a.nav-close {
  display: flex;
  gap: 11px;
  align-items: center;
}

.applications-tabs .bd-header .bd-toggle {
  margin-bottom: 26px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.applications-tabs .bd-header .bd-toggle li {
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  .applications-tabs .bd-header .bd-toggle {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
}

.applications-tabs .product-list-title {
  margin-bottom: 10px;
}

.applications-tabs .product-status {
  padding-left: 0px;
}

.applications-tabs .product-status:hover {
  background-color: transparent !important;
}

.applications-tabs .list-unstyled, .applications-tabs .jumpto ul, .jumpto .applications-tabs ul {
  border-left: 1px solid var(--nxp-border-color);
  font-size: 14px;
}

.applications-tabs .list-unstyled li, .applications-tabs .jumpto ul li, .jumpto .applications-tabs ul li {
  padding: 6px 15px;
  margin-bottom: 0px;
}

.applications-tabs .bd-body {
  padding: unset;
  border: unset;
}

.applications-tabs .bd-body .tab-pane {
  animation: fadeOutMobile 0.3s ease-out;
}

.applications-tabs .bd-body .tab-pane.active {
  animation: fadeInTabs 0.4s ease-out;
  display: flex;
  gap: 26px;
}

@media (max-width: 992px) {
  .applications-tabs .bd-body .tab-pane.active {
    flex-wrap: wrap;
  }
}

.applications-tabs .bd-body .tab-pane.active .card1-list {
  width: calc(33.33333% - 15px);
  margin: 0px;
}

@media (max-width: 992px) {
  .applications-tabs .bd-body .tab-pane.active .card1-list {
    max-width: unset;
    width: 100%;
  }
  .applications-tabs .bd-body .tab-pane.active .card1-list .card1-image img {
    width: 100%;
  }
}

.applications-tabs .bd-body .tab-pane.active .card1-list .card1-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.applications-tabs .bd-body .tab-pane.active .market-card {
  width: calc(66.666666% + 1px);
  height: auto;
  min-height: 422px;
}

@media (max-width: 992px) {
  .applications-tabs .bd-body .tab-pane.active .market-card {
    width: 100%;
    min-width: unset;
    min-height: unset;
  }
}

.applications-tabs .bd-body .tab-pane.active .market-card .primary-topic {
  outline: unset !important;
  height: 100%;
}

.applications-tabs .bd-body .tab-pane.active .market-card .primary-topic-item {
  background-color: var(--nxp-gray-200);
  box-shadow: unset;
  height: 100%;
}

.applications-tabs .bd-body .tab-pane.active .market-card .primary-topic-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 28px 32px 20px 32px;
  height: 100%;
  min-height: 416px;
}

@media (max-width: 992px) {
  .applications-tabs .bd-body .tab-pane.active .market-card .primary-topic-content {
    padding: 30px 20px;
    min-height: 320px;
    height: auto;
  }
}

@media (max-width: 992px) {
  .applications-tabs .bd-body .tab-pane.active .market-card .primary-topic-media {
    height: 450px;
  }
}

.applications-tabs .bd-body .tab-pane.active .market-card .primary-topic-link {
  margin-top: auto;
  margin-left: 15px;
}

.applications-tabs-full.applications-tabs:has(.bd-header .active [aria-controls='firstPanel']) {
  -webkit-animation: animation1 1s ease;
  -moz-animation: animation1 1s ease;
  animation: animation1 1s ease;
  background-color: var(--nxp-orange-300);
}

.applications-tabs-full.applications-tabs:has(.bd-header .active [aria-controls='secondPanel']) {
  -webkit-animation: animation2 1s ease;
  -moz-animation: animation2 1s ease;
  animation: animatio2 1s ease;
  background-color: var(--nxp-blue-300);
}

.applications-tabs-full.applications-tabs:has(.bd-header .active [aria-controls='thirdPanel']) {
  -webkit-animation: animation3 1s ease;
  -moz-animation: animation3 1s ease;
  animation: animation3 1s ease;
  background-color: var(--nxp-green-300);
}

.applications-tabs-full.applications-tabs .bd-body .market-card .primary-topic-content {
  animation: translate_up_down 400ms ease-in-out;
}

.applications-tabs-full.applications-tabs .bd-body .market-card .primary-topic-media {
  animation: translate_up_down 350ms ease-in-out;
}

.applications-tabs-full.applications-tabs .bd-body .market-card:only-child {
  width: 100%;
}

.animated-background {
  background-position: 300%;
}

@keyframes animation1 {
  0% {
    background-color: var(--nxp-blue-300);
  }
  100% {
    background-color: var(--nxp-orange-300);
  }
}

@keyframes animation2 {
  0% {
    background-color: var(--nxp-green-300);
  }
  100% {
    background-color: var(--nxp-blue-300);
  }
}

@keyframes animation3 {
  0% {
    background-color: var(--nxp-blue-300);
  }
  100% {
    background-color: var(--nxp-green-300);
  }
}

.dash-em::before {
  content: '\2014';
  font-size: inherit;
}

.compact-list {
  margin-top: unset;
  padding-left: 0;
  list-style-type: none;
}

.compact-list .compact-item {
  margin-bottom: unset;
}

.compact-list .compact-item .compact-content-wrapper {
  border-bottom: 1px solid var(--nxp-border-color);
}

.compact-list .compact-item .compact-content {
  padding: 10px 6px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.compact-list .compact-item .compact-content .compact-icons {
  cursor: pointer;
}

.compact-list .compact-item .compact-content .compact-icons .checkbox {
  margin: 0px;
}

.compact-list .compact-item .compact-content .compact-title {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.compact-list .compact-item .compact-content .compact-title .icon-angle-right {
  width: 10px;
}

.compact-list .compact-item .compact-content .compact-metadata {
  display: flex;
  gap: 14px;
  word-break: break-word;
}

.compact-list .compact-item .compact-content .compact-metadata .type {
  width: 120px;
}

.compact-list .compact-item .compact-content .compact-metadata .revision {
  width: 80px;
}

.compact-list .compact-item .compact-content .compact-metadata .date {
  width: 120px;
}

.compact-list .compact-item .compact-content i {
  font-size: 16px;
}

.compact-list .compact-item .compact-list .compact-item .compact-content {
  padding-left: 58px;
}

.compact-list .compact-item .compact-list .compact-item .compact-list .compact-item .compact-content {
  padding-left: 108px;
}

.account-required {
  color: var(--nxp-insignia-color);
}

.compact-list.slim .compact-content {
  padding: 10px 6px 10px 0px;
  gap: 8px;
}

.compact-list.slim .compact-content .compact-icons {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 24px;
}

.compact-list.slim .compact-content .compact-title {
  word-break: break-word;
}

.compact-list.slim .compact-content .compact-title .title-and-elements {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.compact-list.slim .compact-content .compact-title .title-and-elements span.code-id {
  color: #686664;
  word-break: break-word;
}

.compact-list.slim .compact-content .compact-title .title-and-elements > *:not(:last-child) {
  margin-right: 4px;
}

.compact-list.slim .compact-content .compact-elements {
  display: flex;
  gap: 14px;
}

.compact-list.slim .compact-content .compact-metadata {
  display: grid;
  grid-template-areas: 'metadata-format metadata-date metadata-revision';
  grid-template-columns: 80px 94px 80px;
  font-size: 14px;
  color: #686664;
  color: var(--nxp-secondary-color);
  line-height: 1;
}

.compact-list.slim .compact-content .compact-metadata .format {
  grid-area: metadata-format;
  width: 80px;
}

.compact-list.slim .compact-content .compact-metadata .date {
  grid-area: metadata-date;
  width: 94px;
}

.compact-list.slim .compact-content .compact-metadata .revision {
  grid-area: metadata-revision;
}

@media only screen and (max-width: 767px) {
  .compact-list.slim .compact-content .compact-metadata {
    display: none;
  }
}

.compact-list.slim .compact-content .compact-collections {
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.compact-list.slim .compact-content .compact-collections .item-options-collections-menu {
  left: unset;
  right: -7px;
}

.compact-list.slim .compact-content .compact-collections .item-options-collections-menu::after {
  left: unset;
  right: 9px;
}

.compact-list.slim .compact-content .compact-collections .icon-bookmark.add-collection {
  width: 16px;
  height: 16px;
}

.compact-list.slim .compact-content .compact-collections .tooltipStyles__mouseoverWrapper--2ECzy {
  display: flex;
}

.impact-border {
  position: relative;
}

.impact-border::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  border-image-slice: 1;
}

.impact-border-top {
  position: relative;
}

.impact-border-top::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 3px solid transparent;
}

.impact-border-bottom {
  position: relative;
}

.impact-border-bottom::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid transparent;
}

.impact-border-bottom.impact-txt-breathline {
  display: block;
  padding-bottom: 3px;
  overflow: hidden;
  width: fit-content;
}

.impact-border-bottom.impact-txt-breathline:hover {
  cursor: pointer;
  text-decoration: none;
}

.impact-border-right {
  position: relative;
}

.impact-border-right::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid transparent;
}

.impact-border-left {
  position: relative;
}

.impact-border-left::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 3px solid transparent;
}

.impact-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--nxp-body-color);
}

.t-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
}

.t-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.t-switch-wrapper .content {
  display: flex;
  align-items: center;
  gap: 4px;
}

.t-switch-wrapper .content > * {
  padding: 0;
}

.t-switch-wrapper .content p {
  line-height: 0;
}

.t-switch-wrapper .content i.icon-info {
  font-size: 14px;
  cursor: pointer;
}

.t-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.t-switch input:checked + .t-slider {
  background-color: #215bd6;
  border: 1px solid #215bd6;
}

.t-switch input:checked + .t-slider .circle {
  left: calc(100% - 18px - ((22px - 18px) / 2));
  background-color: #fff;
}

.t-switch input:checked + .t-slider::before {
  left: calc(
 100% - (18px / 2) - ((18px / 2) / 2) - ((22px - 18px) / 2));
}

.t-switch input:focus + .t-slider {
  box-shadow: 0 0 1px #215bd6;
}

.t-switch .t-slider {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d4cfc5;
  border: 1px solid #d4cfc5;
  border-radius: 30px;
  transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
}

.t-switch .t-slider .circle {
  content: '';
  position: absolute;
  height: 18px;
  width: 18px;
  border-radius: 20px;
  left: calc((22px - 18px) / 2);
  background-color: white;
  transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
}

.t-switch .t-slider::before {
  content: '';
  position: absolute;
  width: calc(18px / 2);
  height: calc((18px / 2) / 2);
  left: calc(((22px - 18px) / 2) + (18px / 2) / 2);
  background-color: white;
  border-radius: 1px;
  transition: all 0.2s ease-in-out;
}

.highlighted-text {
  background-color: #ffeda7;
}

.iw_columns.col-lg-12:has(.slider-container#related-products) .slider-container#related-products-target {
  display: none;
}

.filter-block-section {
  background-color: #ebe7dd;
  padding: 1em;
  box-shadow: none;
}

.filter-block-section .form-group .icon-info {
  font-size: 14px;
}

.filter-block-section .button-wrapper {
  display: flex;
  gap: 10px;
  padding-top: 1em;
}

.list-illipsis li {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-tips-no-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.search-tips-no-results .tips-result {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.search-tips-no-results .tips-result > * {
  margin: 0;
}

.search-tips-no-results hr {
  margin: 0;
}

.search-tips-no-results .bottom-content > * {
  margin-bottom: 0;
}

.retrieved-items .tags.topic-tags {
  margin-top: 12px;
}

.tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tags li {
  margin: 0;
  padding: 4px 12px;
  background-color: #ebe7dd;
  font-size: 14px;
  border-radius: 100px;
  cursor: pointer;
}

.tags li a {
  color: inherit;
}

.tags li a:hover {
  text-decoration: none;
}

.tags li:not(.selected):hover {
  background-color: #d4cfc5;
}

.tags li.selected {
  cursor: default;
}

#securedProductsTable .product-status {
  cursor: auto;
}

#securedProductsTable .product-status:hover {
  background-color: unset;
}

@media only screen and (max-width: 767px) {
  .search-landing-page-data .filter-nav-section .filter-nav span.icon-info {
    display: none;
  }
}

.metadata .dropdown-menu:has(.list-dropdown), .shopping-list .box-container .description .dropdown-menu:has(.list-dropdown) {
  padding: 0;
  min-width: unset;
}

.metadata .dropdown-menu .list-dropdown, .shopping-list .box-container .description .dropdown-menu .list-dropdown {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 0;
  margin: 0;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  list-style-type: none;
}

.metadata .dropdown-menu .list-dropdown li, .shopping-list .box-container .description .dropdown-menu .list-dropdown li {
  padding: 0;
  margin: 0;
}

.metadata .dropdown-menu .list-dropdown li a, .shopping-list .box-container .description .dropdown-menu .list-dropdown li a {
  display: block;
  padding: 4px 20px;
  clear: both;
  color: #000;
  white-space: nowrap;
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .metadata .dropdown-menu .list-dropdown li a, .shopping-list .box-container .description .dropdown-menu .list-dropdown li a {
    overflow: hidden;
    max-width: 17ch;
    text-overflow: ellipsis;
  }
}

.metadata .dropdown-menu .list-dropdown li a:hover, .shopping-list .box-container .description .dropdown-menu .list-dropdown li a:hover {
  background-color: #f7f5f1;
}

.breakout-right.impact-heading {
  width: calc(100% + 100px);
  padding: 0;
}

@media only screen and (max-width: 991px) {
  .breakout-right.impact-heading {
    width: 100%;
  }
}

.presentation-card {
  display: flex;
  gap: 23px;
  align-items: center;
}

.presentation-card .presentation-image {
  width: 90x;
  height: 90px;
}

.presentation-card .presentation-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.presentation-card .presentation-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.presentation-card .presentation-content > * {
  margin: 0;
  padding: 0;
}

.exbs-section {
  display: flex;
  align-items: center;
  gap: 4px;
}

.exbs-section.exbs-divider {
  border-left: 1px solid var(--nxp-border-color);
}

.exbs-section.exbs-divider .checkbox-wrapper {
  padding-left: 8px;
}

.exbs-section .icon-info {
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}

@keyframes moveBorder {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

.reset-col {
  width: 100vw;
  position: relative;
  left: calc((-100vw + 100% - 90px) / 2);
}

.col-lg-9 .reset-col {
  width: calc(((100vw - 100% - 250px)) + 100%);
  left: calc((-100vw + 100% + 300px) / 2);
}

@media only screen and (max-width: 1199px) {
  .col-lg-9 .reset-col {
    left: calc((-100vw + 100% + 250px) / 2);
  }
}

@media only screen and (max-width: 767px) {
  .col-lg-9 .reset-col {
    left: -15px;
    width: 100vw;
  }
}

@media only screen and (max-width: 991px) {
  .reset-col {
    width: 100%;
    left: unset;
  }
}

.reset-pd {
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .reset-pd {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-9 .grid-align {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .col-lg-9 .grid-align {
    margin-left: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-9 .grid-align {
    margin-left: calc((100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .col-lg-9 .grid-align {
    margin-left: calc((100vw - 1440px) / 2);
  }
}

.partner-badge {
  display: flex;
  align-items: center;
  gap: 16px;
}

.partner-badge .brand-logo {
  height: 60px;
}

.partner-badge .brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.partner-badge .partner-content {
  border-left: 1px solid var(--nxp-border-color);
  padding-left: 16px;
}

.partner-badge .partner-content .partner-status {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

.author-card {
  display: flex;
  align-items: center;
  gap: 22px;
}

.author-card .author-image {
  width: 90px;
  height: 90px;
}

.author-card .author-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.author-card .author-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .off-elem-left {
    position: absolute;
    left: -8px;
  }
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.hero-banner {
  display: flex;
  flex-direction: column;
  width: 100vw;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid var(--nxp-border-color);
}

@media screen and (max-width: 1025px) {
  .hero-banner {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .hero-banner {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1025px) {
  .hero-banner {
    flex-direction: row;
  }
  .col-lg-12 .col-lg-9 .hero-banner {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .hero-banner {
    width: calc(100vw - 300px);
  }
}

.hero-banner.medium {
  height: auto;
}

@media screen and (min-width: 1025px) {
  .hero-banner.medium {
    min-height: 380px;
  }
}

@media screen and (min-width: 1025px) {
  .hero-banner.medium .cover-image {
    width: 50%;
  }
}

@media screen and (max-width: 1025px) {
  .hero-banner.medium .cover-image {
    height: 400px;
  }
}

.hero-banner.large {
  height: auto;
}

@media screen and (min-width: 1025px) {
  .hero-banner.large {
    min-height: 50vh;
  }
}

@media screen and (min-width: 1025px) {
  .hero-banner.large .cover-image {
    width: 50%;
  }
}

@media screen and (max-width: 1025px) {
  .hero-banner.large .cover-image {
    height: 379px;
  }
}

@media screen and (min-width: 1440px) {
  .hero-banner.broader .cover-image {
    width: 40%;
  }
}

@media screen and (min-width: 992px) {
  .hero-banner.wrapper .content {
    margin-left: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .hero-banner.wrapper .content {
    margin-left: calc((100vw - 1200px) / 2);
    padding-left: 30px;
  }
}

@media screen and (min-width: 1440px) {
  .hero-banner.wrapper .content {
    margin-left: calc((100vw - 1440px) / 2);
  }
}

.hero-banner .content {
  flex: 1;
  width: 100%;
  padding: 48px 30px;
  display: flex;
  gap: 22px;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 1200px) {
  .hero-banner .content {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.hero-banner .content .text-container {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hero-banner .content .text-container .hero-description {
  font-size: 18px;
  font-weight: 400;
  font-family: inherit;
}

.hero-banner .content .text-container h1,
.hero-banner .content .text-container h2,
.hero-banner .content .text-container h3,
.hero-banner .content .text-container p {
  margin: 0;
}

.hero-banner .content .text-container h2 {
  font-family: inherit;
}

.hero-banner .content .btn-container {
  margin-top: 6px;
  display: flex;
  gap: 12px;
}

.hero-banner .cover-image {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-position: center;
}

@media screen and (max-width: 1439px) {
  .hero-banner.medium.broader {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .hero-banner.medium.broader .content {
    padding-right: 48px !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .hero-banner.medium.broader .content {
    width: calc(100% - (100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1129px) and (max-width: 1199px) {
  .hero-banner.medium.broader .content {
    width: calc(100% - (100vw - 992px) / 2);
  }
}

@media screen and (min-height: 1440px) {
  .hero-banner.medium.broader .cover-image {
    width: 50%;
  }
}

@media screen and (max-width: 1439px) {
  .hero-banner.medium.broader .cover-image {
    height: 400px;
    width: 100%;
  }
}

.hero-full-image {
  position: relative;
}

.hero-full-image[style*='background-image'] {
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  aspect-ratio: 3/1;
  background-repeat: no-repeat;
  background-position: center center;
  object-fit: cover;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .col-lg-12 .col-lg-9 .hero-full-image[style*='background-image'] {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 992px) {
  .col-lg-12 .col-lg-9 .hero-full-image[style*='background-image'] {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-12 .col-lg-9 .hero-full-image[style*='background-image'] {
    width: calc(100vw - 300px);
  }
}

.hero-banner2 {
  display: flex;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
}

.iw_columns .col-lg-9 .hero-banner2 {
  width: 100vw;
}

@media screen and (min-width: 768px) {
  .iw_columns .col-lg-9 .hero-banner2 {
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .iw_columns .col-lg-9 .hero-banner2 {
    width: calc(100vw - 300px);
  }
}

.hero-banner2.large .content {
  min-height: 320px;
}

.hero-banner2.wrapper .content:first-child {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .hero-banner2.wrapper .content:first-child {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .hero-banner2.wrapper .content:first-child {
    margin-left: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .hero-banner2.wrapper .content:first-child {
    margin-left: calc((100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .hero-banner2.wrapper .content:first-child {
    margin-left: calc((100vw - 1440px) / 2);
  }
}

.hero-banner2.wrapper .content:nth-child(2) {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .hero-banner2.wrapper .content:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .hero-banner2.wrapper .content:nth-child(2) {
    margin-right: calc((100vw - 992px) / 2);
  }
}

@media screen and (min-width: 1200px) {
  .hero-banner2.wrapper .content:nth-child(2) {
    margin-right: calc((100vw - 1200px) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .hero-banner2.wrapper .content:nth-child(2) {
    margin-right: calc((100vw - 1440px) / 2);
  }
}

.hero-banner2 .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: 40px 64px;
}

.hero-banner2 .content i {
  font-size: 37px;
  margin-bottom: 2px;
}

.hero-banner2 .content .buttons-container,
.hero-banner2 .content .btn-container {
  margin-top: 10px;
}

.hero-banner2 .content .links-container > .links-list, .hero-banner2 .content .links-container > .links-list-border {
  column-count: 2;
  column-gap: 30px;
  column-width: 180px;
}

.hero-banner2 .content .links-container > .links-list > li, .hero-banner2 .content .links-container > .links-list-border > li {
  break-inside: avoid;
}

.hero-banner2 .cover-image {
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-position: center;
  min-height: 300px;
}

@media only screen and (max-width: 992px) {
  .hero-banner2 {
    flex-direction: column;
  }
  .hero-banner2 .cover-image {
    width: 100%;
    height: calc(((100vw - 300px) * 9) / 16);
  }
}

@media only screen and (max-width: 768px) {
  .hero-banner2 .cover-image {
    height: calc((100vw * 9) / 16);
  }
}

.img-composition {
  width: 100%;
  padding: 48px 0;
}

.img-composition .composition-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.img-composition .composition-text h2, .img-composition .composition-text p {
  margin: 0;
}

.img-composition .composition-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px 30px;
}

.img-composition .composition-container .item {
  width: 100%;
}

.img-composition .composition-container .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-composition .composition-container .item.has-one {
  grid-column: span 4;
}

.img-composition .composition-container .item.has-one img {
  aspect-ratio: 2/3;
}

@media screen and (max-width: 992px) {
  .img-composition .composition-container .item.has-one img {
    aspect-ratio: 16/9;
  }
}

.img-composition .composition-container .item.has-two {
  grid-column: span 6;
}

.img-composition .composition-container .item.has-two img {
  aspect-ratio: 16/9;
}

.img-composition .composition-container .item.has-three {
  grid-column: span 8;
}

.img-composition .composition-container .item.has-three img {
  aspect-ratio: 16/9;
}

.img-composition .composition-container .item.is-full {
  grid-column: span 12;
}

.img-composition .composition-container .item.is-full img {
  aspect-ratio: 3/1;
}

@media screen and (max-width: 992px) {
  .img-composition .composition-container {
    display: flex;
    flex-direction: column;
    gap: 16px 30px;
  }
}

.impact-heading {
  width: 100%;
  padding: 48px 0;
}

.impact-heading h1 {
  margin: 0;
}

.impact-heading .diagonal {
  float: left;
  width: 30%;
  height: 300px;
  shape-outside: polygon(78% 0, 0% 100%, 100% 100%);
}

@media screen and (max-width: 480px) {
  .impact-heading .diagonal {
    width: 0%;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .impact-heading .diagonal {
    width: 9%;
    height: 328px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .impact-heading .diagonal {
    width: 35%;
    height: 300px;
  }
}

.impact-heading-2 {
  margin-left: -15%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .impact-heading-2 {
    margin: unset;
    align-items: flex-start;
  }
}

.impact-heading-2 span {
  font-size: 40px;
  font-weight: 900;
  margin-bottom: -5px;
}

@media screen and (max-width: 480px) {
  .impact-heading-2 span {
    transform: unset !important;
  }
}

.impact-heading-2 span:nth-child(2n) {
  transform: translateX(calc(2 * 36px));
}

.impact-heading-2 span:nth-child(3n) {
  transform: translateX(calc(3 * 36px));
}

.impact-heading-2 span:nth-child(4n) {
  transform: translateX(calc(4 * 36px));
}

.impact-heading-2 span:nth-child(5n) {
  transform: translateX(calc(5 * 36px));
}

.impact-heading-2 span:nth-child(6n) {
  transform: translateX(calc(6 * 36px));
}

.impact-heading-2 span:nth-child(7n) {
  transform: translateX(calc(7 * 36px));
}

.impact-heading-2 span:nth-child(8n) {
  transform: translateX(calc(8 * 36px));
}

.impact-primary {
  color: #000000;
  font-size: 120px;
  transition: all ease-in-out 300ms;
}

@media screen and (max-width: 1200px) {
  .impact-primary {
    font-size: 90px;
  }
}

@media screen and (max-width: 768px) {
  .impact-primary {
    font-size: 60px;
  }
}

.impact-secondary {
  color: #000000;
  font-size: 54px;
  line-height: 58px;
}

.impact-left {
  position: relative;
  left: calc(((100% - 100vw) / 2) - 4px);
  margin-bottom: 0px;
  line-height: 1.2;
  /* &-leftnav {
    pending to add space and calcs for leftnav scenarios
    } */
}

@media screen and (max-width: 768px) {
  .impact-left {
    left: calc(((100% - 100vw) / 2) + 8px);
  }
}

.captions {
  padding: 48px 0px;
  width: 100%;
}

.captions-main-section {
  margin-bottom: 32px;
}

.captions-main-section:only-child {
  margin: 0px;
}

.captions-section {
  margin-bottom: 32px;
}

.captions-section:last-child {
  margin: 0px;
}

.captions-title {
  margin: 0px 0px 10px 0px;
}

.captions-description {
  margin-bottom: 20px;
}

.captions-description:last-child {
  margin: 0px;
}

.captions-media {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start;
}

.captions-text {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
  margin: 0px;
}

ul.captions-text {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-top: 0;
}

ul.captions-text > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

ul.captions-text li {
  margin-top: 6px;
  margin-bottom: 0;
}

.captions-text a {
  color: var(--nxp-secondary-color);
  text-decoration: underline;
}

#new-modal-landing .captions-text a,
#part-details-app .captions-text a {
  color: var(--nxp-link-color);
  text-decoration: none;
}

#new-modal-landing .captions-text a:hover,
#part-details-app .captions-text a:hover {
  text-decoration: underline;
}

.exact-match {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
  .exact-match {
    flex-direction: column;
  }
}

.exact-match .image {
  display: flex;
  text-align: center;
  width: 24.99%;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #262626;
}

@media only screen and (max-width: 992px) {
  .exact-match .image {
    width: auto;
  }
}

.exact-match .image figure {
  width: 100%;
  padding: 0px;
}

.exact-match .image figure img {
  margin: auto;
  max-height: 240px;
}

.exact-match .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background-color: #f7f5f1;
}

.exact-match .content.buttons {
  flex: 0;
  flex-basis: 248px;
}

@media only screen and (max-width: 992px) {
  .exact-match .content.buttons {
    flex: none;
    padding-top: 0px;
  }
  .exact-match .content.buttons .btn-default.btn-sm, .exact-match .content.buttons .btn-group-sm > .btn-default.btn, .exact-match .content.buttons .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn.btn-default, .exact-match .content.buttons .jumpto ul li.jumpto-cta-container .btn-group-sm > a.btn-default.nav-close, .exact-match .content.buttons .btn-group-sm > .btn-default.nav-close {
    max-width: 200px;
  }
  .exact-match .content.buttons .btn-download {
    max-width: 200px;
  }
  .exact-match .content.buttons .btn-group {
    max-width: 200px;
  }
}

.exact-match .content h6,
.exact-match .content h3,
.exact-match .content p {
  padding: 0;
  margin: 0;
}

.exact-match .content .item-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0;
  margin: 0;
}

.exact-match .content .item-breadcrumb li {
  padding: 0;
  margin: 0;
}

.exact-match .content .item-description {
  margin-top: 0;
}

.exact-match .content .item-description > p:first-of-type {
  -webkit-line-clamp: 3;
}

.exact-match .content .item-resources .resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0px;
}

.exact-match .content .item-resources .resource-list li {
  margin-top: unset;
}

.exact-match .content .item-metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0px;
}

.exact-match .content .item-metadata li {
  margin: 0;
  padding: 0px;
}

.exact-match .content hr {
  width: 100%;
  margin: 0;
}

.exact-match .content .item-signpost {
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.exact-match .content .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.exact-match .actions:has(.item-options-collections) {
  position: absolute;
  right: 0px;
  padding: 82px 20px 0px 48px;
}

@media (max-width: 992px) {
  .exact-match .actions:has(.item-options-collections) .item-options-collections .add-collection {
    filter: invert(1);
  }
  .exact-match .actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
  .exact-match .actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

.exact-match .full-width {
  flex-basis: 100%;
}

.exact-match .item-download-list {
  list-style: none;
  padding-left: unset;
}

.exact-match .item-download-list .item-download {
  display: flex;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .exact-match .item-download-list .item-download {
    flex-direction: column;
  }
}

.exact-match .item-download-list .item-download .content {
  padding: 20px 48px;
}

@media only screen and (max-width: 992px) {
  .exact-match .item-download-list .item-download .content.buttons {
    padding-top: 0px;
  }
}

@media screen and (max-width: 480px) {
  .exact-match .btn-group-flex .dropdown-menu {
    left: -26px;
  }
  .exact-match .btn-group-flex .dropdown-menu::after {
    left: 90%;
  }
}

.exact-match:has(.actions .item-options-collections) {
  position: relative;
}

.exact-match:has(.actions .item-options-collections) .content {
  padding: 20px;
}

@media (max-width: 992px) {
  .exact-match:has(.actions .item-options-collections) .content {
    padding: 20px;
  }
}

@media (max-width: 992px) {
  .exact-match:has(.actions .item-options-collections) .image {
    padding: 0px 114px;
  }
}

#development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .content {
  padding: 14px;
}

@media (min-width: 992px) {
  #development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .content {
    padding-right: 44px;
  }
}

#development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .actions {
  padding-right: 14px;
}

@media (max-width: 992px) {
  #development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .actions {
    padding-top: 14px;
  }
}

@media (max-width: 992px) {
  .exact-match:has(.image) .actions {
    padding: 20px;
  }
  .exact-match:has(.image) .actions .item-options-collections .add-collection {
    filter: none;
  }
}

.box-opts.exact-match2 .box-opts-image {
  border: 1px solid var(--nxp-border-color);
}

.box-opts.exact-match2 .box-opts-content {
  align-items: flex-start;
}

.box-opts.exact-match2 .box-opts-content .link-simple:has(.impact-label), .box-opts.exact-match2 .box-opts-content .jumpto ul li a:has(.impact-label), .jumpto ul li .box-opts.exact-match2 .box-opts-content a:has(.impact-label) {
  margin-bottom: 12px;
}

.box-opts.exact-match2 .box-opts-content .title-and-elements {
  margin-top: 8px;
  margin-bottom: 6px;
}

.box-opts.exact-match2 .box-opts-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.box-opts.exact-match2 .box-opts-content .item-signpost {
  text-transform: capitalize;
}

.box-opts.exact-match2 .box-opts-content .item-resources .resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0px;
}

.box-opts.exact-match2 .box-opts-content .item-resources .resource-list li {
  margin-top: unset;
}

.box-opts.exact-match2 .box-opts-content .nav-piped-2 li:after {
  content: unset;
}

.box-opts.exact-match2 .box-opts-content.actions {
  width: unset;
  max-width: 248px;
  flex-direction: row;
  gap: 20px;
  padding-top: 74px;
}

@media only screen and (max-width: 991px) {
  .box-opts.exact-match2 .box-opts-content.actions {
    padding-top: 20px;
  }
}

.box-opts.exact-match2 .box-opts-content.actions .fnxp-bookmark-plus {
  font-size: 20.5px;
}

.box-opts.exact-match2 .box-opts-content.actions .buttons-container {
  width: 168px;
  flex-direction: column;
  flex-wrap: unset;
  align-items: unset;
  margin: 0px 0px 12px 0px;
}

.box-opts.exact-match2 .box-opts-content.actions .icons {
  display: flex;
  font-size: 18px;
}

.box-opts.exact-match2 .box-opts-content .border-line {
  width: 100%;
}

.box-opts.exact-match2 .item-download-list {
  list-style: none;
  padding-left: unset;
  padding-left: 20px;
}

.box-opts.exact-match2 .item-download-list .item-download {
  display: flex;
  margin-bottom: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content {
  gap: 12px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content h6 {
  margin: 0;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.metadata, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .shopping-list .box-container .item-metadata.description, .shopping-list .box-container .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.description {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.metadata li, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .shopping-list .box-container .item-metadata.description li, .shopping-list .box-container .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.description li {
  margin: 0;
  padding: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions {
  padding: 20px 20px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions .buttons-container {
  margin: 0px 0px 12px 0px;
}

@media only screen and (max-width: 992px) {
  .box-opts.exact-match2 .item-download-list .item-download {
    flex-direction: column;
  }
  .box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions {
    padding-top: 0px;
  }
}

.box-opts.exact-match2 .item-metadata.metadata-vertical li b {
  text-transform: capitalize;
}

.box-opts.exact-match2 + .alert.alert-event.aligned {
  margin-bottom: 20px;
}

.box-opts.exact-match2:not(:has(+ .alert.alert-event.aligned)) {
  margin-bottom: 20px;
}

.results-controls {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: auto;
}

.results-controls hr {
  margin: 20px 0px;
}

.results-controls .category-content {
  justify-content: space-between;
  gap: 8px 0;
}

.results-controls .category-content .result-content {
  display: flex;
  gap: 12px;
}

.results-controls .category-content .sort-content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}

.results-controls .category-content .content-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.results-controls .category-content .filter-actions {
  display: flex;
  gap: 8px;
}

.results-controls .secure-content {
  display: flex;
  gap: 8px;
}

.results-controls .secure-content .secure-checkbox {
  display: flex;
  align-items: center;
  gap: 4px;
}

.results-controls .secure-content .secure-checkbox .icon-info {
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}

.results-controls .filter-tag-filters {
  gap: 12px;
}

.cool-grey-xxxlight + .results-controls {
  padding-top: 32px;
}

.box {
  min-width: 100px;
}

.box-container {
  display: flex;
  flex-wrap: wrap;
}

.box-1 {
  flex: 1;
}

.box-25 {
  flex: 0 0 25%;
}

.box-50 {
  flex: 0 0 50%;
}

.box-100 {
  flex: 0 0 100%;
}

.box-opts p {
  margin-top: 0;
}

.box-opts .item-resources {
  margin-bottom: 11px;
}

.box-opts .item-signpost {
  display: block;
  margin-bottom: 12px;
}

.box-opts .item-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}

.box-opts .nav-piped-2 {
  margin: 8px 0 0 0;
}

.flex-box .box-opts .nav-piped-2 .title {
  color: #686664;
}

.box-opts .headline {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  border-bottom: 2px solid #898683;
  margin-top: 0px;
  margin-bottom: 8px;
  padding-bottom: 3px;
}

.box-opts .price {
  margin-top: 0;
  margin-bottom: 4px;
}

.box-opts .price:has(span.icon-angle-down) {
  cursor: pointer;
}

.box-opts .price:has(span.icon-angle-up) {
  cursor: pointer;
}

.box-opts .table-priceList tr:first-child > * {
  border-top: unset;
  padding-top: 0px;
}

.box-opts .table-priceList tr td {
  text-align: left;
  padding: 8px 0px;
}

.box-opts .table-priceList tr td:last-child {
  text-align: right;
}

.box-opts .table-priceList.text-muted td {
  color: var(--nxp-secondary-color);
}

.box-opts .table-shipping thead th {
  background-color: unset;
  border-bottom: 3px solid #aaa6a2;
}

.box-opts .buttons-container,
.box-opts .btn-container {
  margin: 18px 0px 12px 0px;
}

.box-opts .buttons-container + a,
.box-opts .btn-container + a {
  font-size: 14px;
}

.box-opts .partner-badge {
  margin-top: 10px;
}

.box-opts .item-metadata.metadata + .nav-piped-2, .box-opts .shopping-list .box-container .item-metadata.description + .nav-piped-2, .shopping-list .box-container .box-opts .item-metadata.description + .nav-piped-2 {
  margin: 0px 0px 11px 0px;
}

.box-opts-heading {
  padding: 20px 20px 0 20px;
}

.box-opts-heading h3.title-and-elements {
  margin-top: 0px;
  margin-bottom: 6px;
}

.box-opts-image {
  width: 200px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--nxp-border-color);
}

.box-opts-image figure {
  max-width: 200px;
  height: auto;
}

.box-opts-image figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.box-opts-image a {
  font-size: 14px;
}

.box-opts-content {
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
}

.box-opts-content h3.title-and-elements {
  margin-top: 8px;
  margin-bottom: 6px;
}

.box-opts-content ul.item-metadata.metadata-vertical {
  padding: 0;
  margin: 0;
}

.box-opts-content .ui-accordion.kit-contains {
  border: 0;
  margin: 0;
  padding-top: 8px;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default {
  border-bottom: unset !important;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default .ui-accordion-header a {
  background-color: unset;
  font-weight: 600;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default .ui-accordion-header a::before {
  top: 0.2em;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default .ui-accordion-header a:hover {
  text-decoration: underline;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default .ui-accordion-header a:not(.collapsed), .box-opts-content .ui-accordion.kit-contains .panel.panel-default .ui-accordion-header a:hover {
  background-color: unset;
}

.box-opts-content .ui-accordion.kit-contains .panel.panel-default .toggle_container {
  margin-bottom: 0;
}

.box-opts-content > .has-border-bottom {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.box-opts-content.actions {
  width: 320px;
}

.box-opts-content.actions.divider-left {
  position: relative;
}

.box-opts-content.actions.divider-left::before {
  position: absolute;
  content: '';
  height: calc(100% - 40px);
  left: 0px;
  top: 20px;
  width: 1px;
  background-color: var(--nxp-border-color);
}

@media only screen and (max-width: 991px) {
  .box-opts-content.actions.divider-left::before {
    height: 1px;
    width: calc(100% - 40px);
    top: 0px;
    left: 20px;
  }
}

.box-opts-content.actions + .options {
  padding: 20px;
}

.box-opts-content.accordions {
  padding: 0px 20px;
}

.box-opts-content.accordions .panel-group {
  margin-bottom: 0px;
  border: none;
}

.box-opts-content.accordions .panel-group .panel {
  border-bottom: none !important;
}

.box-opts-content.accordions .panel-group .panel .ui-accordion-header a:hover {
  background: unset;
}

.box-opts-content.accordions .panel-group .panel .ui-accordion-header a:not(.collapsed) {
  background: unset;
}

.box-opts-content.accordions .panel-group a[role='button']::before {
  line-height: unset;
}

.box-opts-content.accordions .box-opts-toggle-content .table-responsive {
  margin-top: 12px;
}

.box-opts-content.accordions .box-opts-toggle-content select {
  margin-left: 4px;
}

.box-opts-content.accordions .box-opts-toggle-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.box-opts-content.options {
  position: absolute;
  right: 0px;
  padding: 20px;
}

@media (max-width: 992px) {
  .box-opts-content.options {
    width: unset;
  }
  .box-opts-content.options .item-options-collections-menu {
    left: unset;
    right: -4px;
    z-index: 10;
  }
  .box-opts-content.options .item-options-collections-menu::after {
    left: unset;
    right: 7px;
  }
}

.box-opts-column {
  flex-direction: column;
  max-width: calc((100% / 3) - (40px / 3));
  flex: 1;
}

.box-opts-column .box-opts-image {
  width: 100%;
  border-right: none;
  min-height: 202px;
}

@media (max-width: 992px) {
  .box-opts-column .box-opts-image {
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 34px;
  }
}

.box-opts-column .actions.divider-left::before {
  height: 1px;
  width: calc(100% - 40px);
  top: 0px;
  left: 20px;
}

@media only screen and (max-width: 991px) {
  .box-opts-column {
    max-width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .box-opts {
    display: flex;
    flex-direction: column;
  }
  .box-opts:has(.box-25-col-6) {
    flex-direction: row;
  }
  .box-opts-image {
    width: 100%;
    border-right: none;
  }
}

@media only screen and (max-width: 991px) and (max-width: 992px) {
  .box-opts-image {
    border-bottom: 1px solid var(--nxp-border-color);
    padding: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .box-opts-content {
    width: 100%;
  }
  .box-opts-content.actions {
    width: 100%;
  }
  .box-opts-content.accordions {
    width: 100%;
    overflow: hidden;
  }
}

.box-opts:has(.box-opts-content.options) {
  position: relative;
}

@media (max-width: 992px) {
  .box-opts:has(.box-opts-content.options) .box-opts-image {
    padding: 34px 56px;
  }
}

.box-opts:has(.box-opts-content.options) .prodStatus-heading {
  margin-top: 0px;
  padding-right: 16px;
}

.box-list {
  margin: 30px 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  /*  & > .box-container {
      margin-bottom: 30px;
    }
    & > .box-container:last-child,
    & > div[class]:last-child {
      margin-bottom: 0px;
    } */
}

.filters + .box-list {
  padding: 0px 0px 0px 0px;
}

.box-list div + .box-container {
  margin-top: 16px;
}

.box-list-row {
  display: flex;
  flex-direction: row;
}

.box-flex {
  display: flex;
  gap: 34px;
}

.swiper-slide:has(.box-condensed):hover {
  z-index: 99;
}

.box-condensed,
.store .box-condensed {
  max-width: unset;
}

.box-condensed .title-and-elements,
.box-condensed h3,
.store .box-condensed .title-and-elements,
.store .box-condensed h3 {
  margin-top: 8px;
  margin-bottom: 6px;
}

.box-condensed > * > p,
.store .box-condensed > * > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.box-condensed .box-opts-content.actions,
.store .box-condensed .box-opts-content.actions {
  width: unset;
}

.box-condensed .box-opts-content.actions .buttons-container:only-child,
.store .box-condensed .box-opts-content.actions .buttons-container:only-child {
  margin: 0px;
}

@media only screen and (min-width: 480px) {
  .box-condensed .box-opts-image,
  .store .box-condensed .box-opts-image {
    border: none;
  }
}

.box-card-results {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  animation: all ease-in-out 400ms;
}

.retrieved-tags + .box-card-results {
  padding-top: 3em;
}

@media (max-width: 992px) {
  .box-card-results {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .box-card-results {
    grid-template-columns: 1fr;
    padding: 0;
  }
}

.box-card-results .box-container {
  align-content: flex-start;
  align-items: unset;
  flex-direction: column;
}

.box-card-results .box-opts {
  background-color: var(--nxp-body-bg);
  position: relative;
}

.box-card-results .box-opts-image {
  width: 100%;
  border-right: none;
  justify-content: flex-start;
}

.box-card-results .box-opts-image figure {
  max-width: 100%;
  width: 100%;
  position: relative;
  min-height: 130px;
}

@media (min-width: 1440px) {
  .box-card-results .box-opts-image figure {
    min-height: 190px;
  }
}

@media (max-width: 768px) {
  .box-card-results .box-opts-image figure {
    height: unset;
  }
}

.box-card-results .box-opts-image figure img {
  object-fit: cover;
}

.box-card-results .box-opts-image figure figcaption {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 8px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 992px) {
  .box-card-results .box-opts-image {
    padding: 0;
  }
}

.box-card-results .box-opts-content {
  gap: 8px;
  width: 100%;
  position: relative;
  /*  & > *:last-child{
          padding-bottom: 10px;
        } */
}

.box-card-results .box-opts-content + .box-opts-content:last-child {
  align-self: flex-end;
}

.box-card-results .box-opts-content > *, .box-card-results .box-opts-content h3 {
  margin: 0;
}

.box-card-results .box-opts-content .link-tag span, .box-card-results .box-opts-content .tags li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}

.box-card-results .box-opts-content .topics {
  overflow: hidden;
  max-height: 32px;
}

.box-card-results .box-opts-content .topics.expand {
  max-height: 100vh;
}

.box-card-results .box-opts .item-options-collections {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  padding: 8px 9px 1px 9px;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 25px;
  box-shadow: 1px 1px 1px 1px solid rgba(0, 0, 0, 0.3);
}

.box-card-results .box-opts .item-options-collections:has(.modal) {
  backdrop-filter: none;
  z-index: unset;
}

.box-card-results .box-opts .item-options-collections .icon-bookmark {
  filter: invert(1);
}

.box-card-results .box-opts .item-options-collections.open {
  z-index: 3;
}

.box-card-results .box-opts .item-options-collections-menu {
  right: 6px;
}

@media (max-width: 992px) {
  .box-card-results .box-opts .item-options-collections-menu {
    right: unset;
    left: -300px;
  }
  .box-card-results .box-opts .item-options-collections-menu::after {
    right: 38px;
    left: unset;
  }
}

@media (max-width: 480px) {
  .box-card-results .box-opts .item-options-collections-menu::after {
    right: 20px;
    left: unset;
  }
}

.box-card-results .box-opts .link-tag:hover, .box-card-results .box-opts .link-tag:active, .box-card-results .box-opts .link-tag:visited {
  text-decoration: none;
  background-color: var(--nxp-gray-300);
}

.box-card-results > a {
  display: flex;
  align-items: stretch;
}

.box-card-results > a:has(> .box-container) {
  height: 100%;
}

.box-card-results > a:has(> .box-container):hover {
  text-decoration: none;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  /* h3 {
        text-decoration: underline;
      } */
}

.box-card-results + .btn-container {
  padding-top: 48px;
}

@media (max-width: 992px) {
  .container .box-card-results {
    padding: 0;
  }
}

.dot {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--nxp-secondary-color);
  margin-bottom: 0;
}

.dot::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #898683;
}

.dot-green::before {
  background-color: #0cc40c;
}

.dot-red::before {
  background-color: var(--nxp-red-300);
}

.dot-orange::before {
  background-color: #f9b500;
}

.dot-blue::before {
  background-color: #215bd6;
}

@keyframes blink-color-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--nxp-link-color-rgb), 1);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(var(--nxp-link-color-rgb), 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--nxp-link-color-rgb), 0.05);
  }
}

.blink-blue {
  transition: all ease 0.05s;
  animation-name: blink-color-blue;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  border-radius: 100%;
}

@keyframes blink-color-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--nxp-orange-300-rgb), 1);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(var(--nxp-orange-300-rgb), 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--nxp-orange-300-rgb), 0.05);
  }
}

.blink-orange {
  transition: all ease 0.05s;
  animation-name: blink-color-orange;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  border-radius: 100%;
}

.notification-badge {
  display: inline-flex;
  position: relative;
}

.notification-badge .fnxp-cart {
  font-size: 28px;
}

.notification-badge .badge {
  min-width: 20px;
  padding: 3px 5px;
}

.notification-badge .badge-number {
  color: white;
  background-color: #ff7400;
  position: absolute;
  top: 0px;
  right: 0px;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
  font-size: 12px;
}

.notification-badge .no-items {
  background-color: #898683;
}

.dropdown-menu.soft-cart {
  width: 329px;
  padding: unset;
}

.dropdown-menu.soft-cart::after {
  left: unset;
  right: 10px;
}

.dropdown-menu.soft-cart .soft-header {
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 4px 16px;
}

.dropdown-menu.soft-cart .soft-header > * {
  margin: 0;
  padding: 0;
}

.dropdown-menu.soft-cart .cart-items-wrap {
  padding: 0px 16px 0px 16px;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items {
  overflow: auto;
  height: auto;
  max-height: 344px;
  padding-left: 0;
  margin: 0;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--nxp-border-color);
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-img {
  flex: 0 0 72px;
  height: 72px;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-title {
  display: block;
  max-width: calc(18ch + 1px);
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 0;
  margin-top: 6px;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-price,
.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-quantity {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item:last-child {
  border-bottom: unset;
}

.dropdown-menu.soft-cart .soft-footer {
  padding: 20px 16px;
  border-top: 1px solid var(--nxp-border-color);
}

.dropdown-menu.soft-cart .soft-footer .cart-amount {
  padding-bottom: 20px;
}

.dropdown-menu.soft-cart .soft-footer .cart-amount .amount {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px 0;
}

.dropdown-menu.soft-cart .soft-footer .cart-amount .quantity {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
  /* 153.125% */
}

.dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total {
  margin: 0;
}

.dropdown-menu.soft-cart .soft-footer .soft-buttons {
  display: flex;
  flex-direction: column;
}

.dropdown-menu.soft-cart .no-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  text-align: center;
  font-size: 16px;
}

.dropdown-menu.soft-cart .no-product h4 {
  margin-top: 0px;
  margin-bottom: 12px;
}

.dropdown-menu.soft-cart .no-product p {
  margin: 0;
}

.dropdown-menu.soft-cart .no-product p.metadata, .dropdown-menu.soft-cart .no-product .shopping-list .box-container p.description, .shopping-list .box-container .dropdown-menu.soft-cart .no-product p.description {
  margin-top: 4px;
}

.dropdown-menu.soft-cart .no-product .fnxp-cart {
  font-size: 46px;
  margin-top: 8px;
  margin-bottom: 24px;
  color: #aaa6a2;
}

.cart-item-dropdown:hover .dropdown-menu.soft-cart {
  display: block;
}

.cart-item-dropdown .dropdown-menu.soft-cart {
  display: none;
}

@media only screen and (max-width: 767px) {
  .cart-item-dropdown:hover .dropdown-menu.soft-cart {
    display: none;
  }
  .cart-item-dropdown .notification-badge {
    padding-bottom: 8px;
  }
}

.prodOverview {
  gap: 30px;
  padding: 11px 0;
}

.prodOverview-image {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.prodOverview-image figure {
  width: 165px;
  height: 92px;
}

.prodOverview-image figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prodOverview-image a {
  font-size: 14px;
}

.prodOverview-content h3 {
  margin: 0;
}

.prodOverview-content hr {
  margin: 10px 0 12px 0;
}

.prodOverview .prodOverview-toggle ul {
  margin-top: 4px;
}

.prodOverview .showHideToggleText + ul.list-unstyled, .prodOverview .jumpto .showHideToggleText + ul, .jumpto .prodOverview .showHideToggleText + ul {
  margin-top: 0.5em;
}

.prodOverview .more-less-toggle-container {
  display: flex;
  flex-direction: column;
}

.prodOverview .more-less-toggle-container b {
  display: block;
  margin-bottom: 0.5em;
}

.prodOverview .more-less-toggle-container .showHideToggleText {
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 991px) {
  .prodOverview {
    flex-direction: column;
  }
  .prodOverview-image figure {
    width: 216px;
    height: 121.25px;
  }
}

.swiper-slider-container {
  height: 100%;
  width: 100%;
  position: relative;
}

.swiper-slider-container .swiper-wrapper .swiper-slide {
  height: auto;
  padding-bottom: 1px;
}

.swiper-slider-container .swiper .autoplay-progress {
  position: absolute;
  right: 12px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.swiper-slider-container .swiper .autoplay-progress .swiper-icon {
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.swiper-slider-container .swiper .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.swiper-slider-container .swiper-button-next {
  right: -76px;
  height: 48px;
  width: 48px;
  top: 44%;
  align-items: normal;
}

.swiper-slider-container .swiper-button-next::after {
  content: url("data:image/svg+xml, %3Csvg%20width%3D%2212%22%20height%3D%2228%22%20viewBox%3D%220%200%2012%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L11%2013.5L1%2027%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.swiper-slider-container .swiper-button-next:hover {
  background: #f7f5f1;
  border-radius: 100%;
}

@media (max-width: 1140px) {
  .swiper-slider-container .swiper-button-next {
    display: none;
  }
}

.swiper-slider-container .swiper-button-prev {
  left: -76px;
  height: 48px;
  width: 48px;
  top: 44%;
  align-items: normal;
}

.swiper-slider-container .swiper-button-prev::after {
  content: url("data:image/svg+xml, %3Csvg%20width%3D%2212%22%20height%3D%2228%22%20viewBox%3D%220%200%2012%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L11%2013.5L1%2027%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  rotate: 180deg;
}

.swiper-slider-container .swiper-button-prev:hover {
  background: #f7f5f1;
  border-radius: 100%;
}

@media (max-width: 1140px) {
  .swiper-slider-container .swiper-button-prev {
    display: none;
  }
}

.swiper-slider-container .slider-nav {
  display: flex;
  align-items: center;
  /* &:has(.slider-scrollbar[style*='display: none']) {
        display: none;
      } */
}

.swiper-slider-container .slider-progress-wrap {
  position: relative;
  flex: 1 1 auto;
}

.swiper-slider-container .slider-progress {
  position: absolute;
  top: 14px;
  right: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #ebe7dd;
  border-radius: 60px;
}

.swiper-slider-container .slider-scrollbar .swiper-scrollbar-drag {
  cursor: pointer;
  width: 5px;
  height: 6px;
  margin-top: 14px;
  background-color: #000000;
  border-radius: 60px;
}

.section-lead + .swiper-slider-container:not(:has(.React-swiper)) {
  margin: 10px 0px 0px 0px;
}

.swiper-slider-container:not(:has(.React-swiper)) + .card1-list {
  margin-top: 0px;
}

.swiper-slider-container:not(:has(.React-swiper)) .swiper-slide {
  transition: all ease-in-out 100ms;
  opacity: 0;
  display: none;
}

.swiper-slider-container:not(:has(.React-swiper)) .swiper-wrapper::before {
  display: block;
  position: relative;
  width: 100%;
  height: 294px;
  top: 0px;
  left: 0px;
  z-index: 99;
  content: ' ';
  background: url("/assets/images/en/media/swiper-skeleton.gif") 0 0;
  background-size: 288px;
  background-repeat: space;
}

.swiper-slider-container:not(:has(.React-swiper)) .slider-nav,
.swiper-slider-container:not(:has(.React-swiper)) .swiper-button-next,
.swiper-slider-container:not(:has(.React-swiper)) .swiper-button-prev {
  display: none;
  visibility: none;
}

.swiper-slider-container:not(:has(.React-swiper)).show .swiper-wrapper::before {
  display: none;
}

.swiper-slider-container:not(:has(.React-swiper)).show .swiper-slide {
  display: block;
  opacity: 1;
}

.swiper-slider-container:not(:has(.React-swiper)).show .slider-nav,
.swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-next,
.swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-prev {
  display: flex;
}

.swiper-slider-container:not(:has(.React-swiper)).show .slider-nav:has(.slider-scrollbar[style*='display: none']),
.swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-next:has(.slider-scrollbar[style*='display: none']),
.swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-prev:has(.slider-scrollbar[style*='display: none']) {
  display: none;
}

@media (max-width: 992px) {
  .swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-next,
  .swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-prev {
    display: none;
  }
}

.swiper-slider-container .React-swiper {
  position: static;
}

.swiper-slider-container .React-swiper .swiper-scrollbar {
  bottom: -26px;
  height: 6px;
  background: #ebe7dd;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 60px;
}

.swiper-slider-container .React-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  cursor: pointer;
  background-color: #000000;
}

.cool-grey-xxlight .swiper-slider-container .React-swiper .swiper-scrollbar {
  background-color: white;
}

.swiper-slider-container .React-swiper .swiper-icon {
  filter: invert(100%) sepia(75%) saturate(2%) hue-rotate(353deg) brightness(109%) contrast(100%);
}

.swiper-slider-container .React-swiper .box-container {
  height: 100%;
}

.swiper-slider-container .React-swiper.justifyContentCenter .swiper-wrapper {
  justify-content: center;
}

.swiper-slider-container .swiper-button-disabled {
  display: none !important;
}

.swiper-slider-container.cool-grey-xxlight .slider-progress {
  background-color: white;
}

.swiper-slider-container:has(article.box-container.box-opts.box-opts-column.box-condensed.has-border) .item-options-collections-menu:not(:has(.search)) {
  top: 20px !important;
}

.swiper-slider-container:has(article.box-container.box-opts.box-opts-column.box-condensed.has-border) .item-options-collections.open .item-options-collections-menu {
  transform: scale(0.86);
  right: -29px;
  top: -5px;
}

.swiper-slider-container.simplify-slider .swiper-wrapper {
  padding: 0 1px;
}

@media (max-width: 992px) {
  .swiper-slider-container.simplify-slider .swiper-wrapper {
    padding: 0;
  }
}

.swiper-slider-container.simplify-slider .swiper-button-prev, .swiper-slider-container.simplify-slider .swiper-button-next {
  visibility: visible;
  top: 24px;
  height: calc(100% - 34px);
  width: 48px;
  align-items: center;
}

.swiper-slider-container.simplify-slider .swiper-button-prev {
  left: 6px;
  justify-content: flex-start;
  background: linear-gradient(90deg, white 30%, rgba(251, 255, 255, 0.5) 80%, transparent 90%);
  transition: all ease-in-out 300ms;
}

.swiper-slider-container.simplify-slider .swiper-button-prev:hover {
  background: linear-gradient(90deg, white 30%, rgba(251, 255, 255, 0.7) 80%, transparent 90%);
}

.swiper-slider-container.simplify-slider .swiper-button-next {
  right: 6px;
  justify-content: flex-end;
  background: linear-gradient(268deg, white 30%, rgba(251, 255, 255, 0.5) 80%, transparent 90%);
  transition: all ease-in-out 300ms;
}

.swiper-slider-container.simplify-slider .swiper-button-next:hover {
  background: linear-gradient(268deg, white 30%, rgba(251, 255, 255, 0.7) 80%, transparent 90%);
}

.swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts {
  width: 100%;
}

.swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts-image {
  width: 30% !important;
}

@media (max-width: 992px) {
  .swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts-image {
    width: 100% !important;
  }
}

.swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts-content {
  padding: 20px 40px 20px 20px;
}

@media (max-width: 992px) {
  .swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts-content {
    padding: 20px;
  }
}

.swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .box-opts-content h3 {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.swiper-slider-container.simplify-slider .swiper-wrapper .swiper-slide .box-flex .collectionEligible {
  position: absolute;
  right: 20px;
  top: 30px;
}

@keyframes anim-ss {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 20%;
  }
}

@media (max-width: 1545px) {
  .col-lg-9 .swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-prev, .col-lg-9 .swiper-slider-container:not(:has(.React-swiper)).show .swiper-button-next {
    display: none;
  }
  .col-lg-9 .swiper-button-prev, .col-lg-9 .swiper-button-next {
    display: none;
  }
}

.swiper-slider-bd-selector {
  position: relative;
}

.swiper-slider-bd-selector .swiper-slider-container:not(.show) .swiper-wrapper::before {
  background: url("/assets/images/en/media/thumbnail-skeleton-slider.gif") 0 0;
  background-size: 370px;
  background-repeat: space;
  height: 190px;
}

.swiper-slider-bd-selector .bd-title {
  position: absolute;
  top: 40px;
}

.swiper-slider-bd-selector .swiper {
  padding-top: 58px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 10px;
}

.swiper-slider-bd-selector .swiper .swiper-button-next {
  top: 22px;
  right: 0px;
}

.swiper-slider-bd-selector .swiper .swiper-button-next:after {
  margin-top: -5px;
  margin-left: 4px;
}

.swiper-slider-bd-selector .swiper .swiper-button-prev {
  left: unset;
  top: 22px;
  right: 56px;
  display: flex !important;
}

.swiper-slider-bd-selector .swiper .swiper-button-prev:after {
  margin-bottom: -2px;
  margin-left: -2px;
}

.swiper-slider-bd-selector .swiper .swiper-button-next, .swiper-slider-bd-selector .swiper .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: var(--nxp-gray-100);
  border-radius: 100%;
}

.swiper-slider-bd-selector .swiper .swiper-button-next::after, .swiper-slider-bd-selector .swiper .swiper-button-prev::after {
  transform: scale(0.8);
}

.swiper-slider-bd-selector .swiper .swiper-button-next.swiper-button-hidden, .swiper-slider-bd-selector .swiper .swiper-button-prev.swiper-button-hidden {
  opacity: 0.5;
}

.swiper-slider-bd-selector .swiper .swiper-wrapper:has(> :last-child:nth-child(3)) ~ .swiper-button-prev, .swiper-slider-bd-selector .swiper .swiper-wrapper:has(> :last-child:nth-child(2)) ~ .swiper-button-prev, .swiper-slider-bd-selector .swiper .swiper-wrapper:has(> :last-child:nth-child(1)) ~ .swiper-button-prev {
  display: none !important;
}

.swiper-slider-bd-selector .swiper .slider-nav {
  display: none !important;
}

.swiper-slider-bd-selector .swiper-slider-container .swiper-button-prev {
  display: none !important;
}

.swiper-slider-bd-selector .swiper-slider-container.show .swiper-button-prev {
  display: flex !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .swiper-slider-bd-selector .swiper-slider-container:not(.show) .swiper-wrapper::before {
    background-size: 300px;
    height: 156px;
  }
  .swiper-slider-bd-selector .bd-thumbnail {
    width: inherit;
  }
}

@media (max-width: 992px) {
  .swiper-slider-bd-selector {
    display: none;
  }
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card {
  height: 100%;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card .primary-topic.is-card {
  height: 100%;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card .primary-topic.is-card .primary-topic-item.fifty {
  height: 100%;
  border: 1px solid var(--nxp-border-color);
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card .primary-topic.is-card .primary-topic-item.fifty .primary-topic-content {
  margin-top: 0px;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card .primary-topic.is-card .primary-topic-item.fifty .primary-topic-content .primary-topic-text {
  margin-top: 10px;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .market-card .svg-icon {
  margin-bottom: 2px;
}

.swiper-slider-container .swiper-wrapper .swiper-slide:has(.box-opts:not(.box-opts-column)) .box-opts {
  height: 100%;
}

.swiper-slider-container .swiper-wrapper .swiper-slide:has(.box-opts:not(.box-opts-column)) .box-opts-image {
  width: 164px;
  border-right: none;
}

.swiper-slider-container .swiper-wrapper .swiper-slide:has(.box-opts:not(.box-opts-column)) .box-opts-image figure {
  max-width: 164px;
}

@media (max-width: 992px) {
  .swiper-slider-container .swiper-wrapper .swiper-slide:has(.box-opts:not(.box-opts-column)) .box-opts-image {
    border-bottom: none;
  }
}

@media only screen and (max-width: 991px) {
  .swiper-slider-container .swiper-wrapper .swiper-slide:has(.box-opts:not(.box-opts-column)) .box-opts-image {
    width: 100%;
  }
}

.swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts {
  width: calc((50% - 17px));
}

.swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts-image {
  width: 164px;
  border-right: none;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts-image figure {
  max-width: 164px;
}

@media (max-width: 992px) {
  .swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts-image {
    border-bottom: none;
  }
}

@media only screen and (max-width: 991px) {
  .swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts-image {
    width: 100%;
  }
}

.swiper-slider-container .swiper-wrapper .swiper-slide .box-flex .box-opts-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.swiper-slider-container .swiper-slide .box-flex {
  height: 100%;
}

.swiper-slider-container .swiper-wrapper .swiper-slide .is-tertiary, .swiper-slider-container .swiper-wrapper .swiper-slide .card1-item {
  height: 100%;
  max-width: calc(100% - 2px);
}

.pin-container {
  width: 100%;
  position: sticky;
  transition: all ease-in-out 50ms;
  top: 60px;
}

.pin-container.is-fixed.is-pinned {
  width: 100%;
  background-color: white;
  z-index: 1031;
  position: fixed;
  left: 0px;
  animation: 300ms ease-in-out revealFixedContent;
}

@media (max-width: 768px) {
  .pin-container.is-fixed.is-pinned {
    z-index: 99;
  }
}

.pin-container.is-menu {
  top: 0px;
}

.pin-container.is-menu .pin-search {
  margin-right: 30px;
  animation: 500ms ease-in-out revealFixedElementR;
}

.pin-container.is-menu .pin-logo {
  transition: all ease-in-out 400ms;
  animation: 500ms ease-out revealFixedElement;
}

.pin-container.is-menu .pin-logo svg {
  display: block;
}

.pin-container.is-menu .pin-logo .nxpsvglogoN {
  fill: #fca600;
}

.pin-container.is-menu .pin-logo .nxpsvglogoX {
  fill: #0eafe0;
}

.pin-container.is-menu .pin-logo .nxpsvglogoP {
  fill: #69ca00;
}

@media (max-width: 768px) {
  .pin-container.is-menu .pin-logo,
  .pin-container.is-menu .pin-search {
    visibility: hidden;
  }
}

.pin-container.is-secondary {
  z-index: 99;
}

.pin-content-fixed {
  display: none;
  transition: all ease-in-out 500ms;
}

.is-pinned .pin-content-fixed {
  gap: 0px 30px;
  align-items: center;
  height: 63px;
}

.is-pinned .pin-content-fixed .pin-logo {
  width: 65px;
  height: 32px;
  margin-left: 30px;
}

.pin-content {
  display: block;
  transition: all ease-in-out 50ms;
}

.is-pinned .pin-content {
  display: none;
}

.is-pinned .pin-content:first-child {
  gap: 0px 30px;
  align-items: center;
  height: 63px;
}

.is-pinned .pin-content:first-child .pin-logo {
  width: 65px;
  height: 32px;
  margin-left: 30px;
}

.is-pinned .pin-content .pin-logo {
  display: block;
}

.pin-content .pin-logo {
  display: none;
}

@keyframes revealFixedContent {
  0% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}

@keyframes revealFixedText {
  0% {
    transform: scale(1.2);
    transform: translate(40px, 0px);
  }
  100% {
    transform: scale(1);
    transform: translateY(0px, 0px);
  }
}

@keyframes revealFixedElementR {
  0% {
    opacity: 0;
    transform: translateX(260px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes revealFixedElement {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.is-pinned .pin-content-fixed .jumpto {
  /*  width: 100%; */
}

.is-pinned .pin-content-fixed .jumpto.is-full {
  left: 0px;
}

@media (max-width: 768px) {
  .is-pinned .pin-content-fixed .jumpto.is-full {
    padding-left: 15px;
    margin-top: 63px;
  }
}

.modal .pin-container {
  z-index: 3;
  display: block;
  position: sticky !important;
  padding: 0px !important;
  top: -1px;
}

.modal .pin-content-fixed {
  display: none !important;
}

.modal .pin-content {
  display: block !important;
}

.pin-content-fixed .hero {
  flex: 1;
  padding: 0px;
  left: 0px;
  animation: 500ms ease-in-out revealFixedText;
}

.pin-content-fixed .hero-body {
  display: flex;
  width: 0 !important;
  height: 22px;
  gap: 16px;
  align-items: center;
  transition: all ease-in-out 800ms;
}

.pin-content-fixed .hero-title {
  line-height: 1.5;
  max-width: 74%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pin-content-fixed .hero-description {
  margin: 0 !important;
  line-height: 0;
}

@media (max-width: 768px) {
  .pin-content-fixed .hero {
    visibility: hidden;
  }
}

.container .pin-content .hero.hero-new {
  padding: 30px 0px;
}

.container .pin-content .hero.hero-new .hero-body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px 30px;
  flex-basis: 100%;
  flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  .is-pinned .pin-content-fixed .header-search:empty {
    min-width: 70px;
  }
}

@media screen and (min-width: 768px) {
  .is-pinned .pin-content-fixed .header-search {
    margin-left: auto;
  }
}

@media screen and (min-width: 992px) {
  .is-pinned .pin-content-fixed .header-search {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.is-pinned .pin-content-fixed .header-search input.form-control {
  padding-left: 25px;
}

@media screen and (min-width: 768px) {
  .is-pinned .pin-content-fixed .header-search input.form-control {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .is-pinned .pin-content-fixed .header-search {
    padding-right: 8px;
    padding-left: 8px;
  }
}

.is-pinned .pin-content-fixed .header-search .search-input {
  position: relative;
  display: flex;
  max-width: 255px;
  margin-left: auto;
  transition: all 300ms cubic-bezier(0.04, 0, 0.2, 1);
}

.is-pinned .pin-content-fixed .header-search .search-input:after {
  content: "";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 12px;
  color: #898683;
  transform: translateY(-50%);
  pointer-events: none;
}

.is-pinned .pin-content-fixed .header-search .search-input input.form-control {
  font-size: 16px;
}

.is-pinned .pin-content-fixed .header-search .search-input input::-ms-clear {
  display: none;
}

.is-pinned .pin-content-fixed .header-search .search-input .btn, .is-pinned .pin-content-fixed .header-search .search-input .nav-close {
  margin-left: 15px;
  border: none;
  box-shadow: none;
}

.is-pinned .pin-content-fixed .header-search .search-input .close-icon-btn {
  color: #474645;
  padding: 11px 16px;
}

@media only screen and (max-width: 767px) {
  body:not(.search-open) .is-pinned .pin-content-fixed .header-search .search-input:after {
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: #000000;
    transform: translate(-50%, -50%);
  }
  body:not(.search-open) .is-pinned .pin-content-fixed .header-search .search-input input.form-control {
    width: 40px;
    padding: 0 0 0 40px;
    border: none;
    box-shadow: none;
  }
}

.collapsible-wrapper {
  display: flex;
  flex-direction: column;
}

.collapsible-wrapper-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.collapsible-wrapper-controls .btn-collapse-control {
  margin-left: auto;
}

.collapsible-panel {
  display: flex;
}

.collapsible-panel:has(.collapsible-header-wrapper) {
  flex-direction: column;
}

.collapsible-panel:not(.collapse) .collapsible-button i {
  transform: rotate(90deg);
}

.collapsible-button {
  display: flex;
  align-items: flex-start;
}

.collapsible-button .btn-icon-only i {
  transition: 0.2s ease-in-out;
}

.collapsible-button .btn-icon-only i.icon-angle-down::before {
  content: '\F105';
}

.collapsible-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.collapsible-header {
  display: flex;
  flex-direction: column;
}

.collapsible-header-wrapper {
  display: flex;
}

.collapsible-body {
  display: flex;
  flex-direction: column;
}

.collapse .collapsible-body {
  display: none;
}

.collapsible-actions {
  margin-top: 20px;
}

.collapse .collapsible-actions {
  display: none;
}

.collapse .collapsible-footer {
  display: none;
}

.collapsible-wrapper.cp-v1 {
  gap: 16px;
}

.collapsible-wrapper.cp-v1.component-container + .collapsible-wrapper.cp-v1.component-container {
  padding-top: 0px;
}

.collapsible-panel.cp-v1 {
  padding: 16px 64px 20px 62px;
  gap: 16px;
  border: 1px solid transparent;
}

.collapsible-panel.cp-v1:has(.collapsible-button) {
  padding-left: 16px;
}

.collapsible-panel.cp-v1::after {
  width: calc(100% + 2px);
  left: -1px;
  bottom: -1px;
}

.collapsible-panel.cp-v1.collapse.impact-border-bottom::after {
  content: unset;
}

.collapsible-panel.cp-v1.collapse:hover {
  border: 1px solid #ff7400;
}

.collapsible-panel.cp-v1.collapse .collapsible-content .collapsible-header p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.collapsible-panel.cp-v1:hover {
  border: 1px solid #ff7400;
}

.collapsible-panel.cp-v1 .collapsible-header {
  padding-top: 6px;
  gap: 10px;
}

.collapsible-panel.cp-v1 .collapsible-button .btn-icon-only i {
  font-size: 18px;
}

.collapsible-panel.cp-v1 .collapsible-content {
  gap: 10px;
}

.collapsible-panel.cp-v1 .collapsible-content .collapsible-body {
  gap: 10px;
}

.collapsible-panel.cp-v1 .collapsible-content .collapsible-body .btn-container {
  margin-top: 12px;
}

.collapsible-panel.cp-v1.on {
  cursor: pointer;
}

.collapsible-wrapper.cp-v2 {
  gap: 12px;
}

.collapsible-panel.cp-v2 .collapsible-header-wrapper {
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 2px solid var(--nxp-border-color-secondary);
}

.collapsible-panel.cp-v2 .collapsible-button .btn-icon-only i {
  font-size: 18px;
}

.collapsible-panel.cp-v2 .collapsible-button .btn-icon-only i.icon-angle-down {
  margin-left: -1px;
}

.collapsible-panel.cp-v2.on .collapsible-header-wrapper {
  cursor: pointer;
}

.collapsible-panel.cp-v3 .collapsible-header-wrapper {
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 2px solid var(--nxp-border-color-secondary);
}

.collapsible-panel.cp-v3 .collapsible-button .btn-icon-only:hover {
  background: var(--nxp-gray-200);
}

.collapsible-panel.cp-v3 .collapsible-button .btn-icon-only i {
  font-size: 16px;
}

.collapsible-panel.cp-v3 .collapsible-button .btn-icon-only i.icon-angle-down {
  margin-left: -1px;
}

.collapsible-panel.cp-v3.on .collapsible-header-wrapper {
  cursor: pointer;
}

.collapsible-panel.cp-v3:not(.collapse) {
  margin-bottom: 12px;
}

.collapsible-panel.cp-v3:last-child {
  margin-bottom: 0;
}

.ds-column-right.filter.collapsible-wrapper.on {
  display: unset;
}

.results-controls .btn-icon-only.btn-collapse-control:hover {
  background: var(--nxp-gray-200);
}

.results-controls .btn-icon-only.btn-collapse-control i {
  font-size: 16px;
  transition: 0.2s ease-in-out;
}

.results-controls .btn-icon-only.btn-collapse-control:not(.btn-collapse) i {
  transition: 0.2s ease-in-out;
  transform: rotate(90deg);
}

.ds-column-right.filter .collapsible-wrapper.cp-v3 {
  margin-bottom: 12px;
}

.marker {
  display: inline-block;
  padding: 4px 8px 3px 8px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.marker-danger {
  color: #8d081d;
  background-color: #fcd3d3;
}

.marker-warning {
  color: #994600;
  background-color: #ffeda7;
}

.marker-info {
  color: #13357e;
  background-color: #c3effe;
}

.marker-success {
  color: #005700;
  background-color: #ebf8a5;
}

.marker i {
  margin-right: 4px;
}

.marker-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ecad-icon.unavailable {
  opacity: 0.5;
  filter: grayscale(100%);
}

.table.table-bordered-row.table-hover.table-prod-sel .ecad-icon.unavailable, .table-bordered-row.table-hover.table-prod-sel.comparisonTableSte .ecad-icon.unavailable {
  cursor: auto;
}

.table.table-bordered.th-col-align-center .ecad-icon, .table-bordered.th-col-align-center.comparisonTableSte .ecad-icon {
  display: block;
  margin-top: 10px;
}

.product-status {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 4px 8px;
  color: #000;
  line-height: 1;
  cursor: pointer;
}

.product-status:hover {
  border-radius: 16px;
  background-color: #ebe7dd;
}

.product-status i {
  font-size: 14px;
}

.product-status.small, .flex-box .box-opts .nav-piped-2 li.product-status {
  font-size: 10px;
  line-height: unset;
}

.product-status.small i, .flex-box .box-opts .nav-piped-2 li.product-status i {
  font-size: 12px;
}

.product-status.info i {
  color: #0eafe0;
}

.product-status.warning i {
  color: #ff9700;
}

.product-status.danger i {
  color: #d60b2d;
}

.product-status.success i {
  color: #0cc40c;
}

a:hover:has(.product-status) {
  text-decoration: none;
}

.title-and-elements,
.marker-heading {
  display: inline-block;
}

.title-and-elements .divider-horizontal::before,
.marker-heading .divider-horizontal::before {
  content: '-';
  font-size: inherit;
}

.title-and-elements:has(.product-status) .divider-horizontal,
.marker-heading:has(.product-status) .divider-horizontal {
  margin-right: 0px;
}

.title-and-elements > *:not(:last-child),
.marker-heading > *:not(:last-child) {
  margin-right: 8px;
}

.title-and-elements:has([class^='react-tooltip']:last-child) :nth-last-child(2),
.marker-heading:has([class^='react-tooltip']:last-child) :nth-last-child(2) {
  margin-right: 0px;
}

.title-and-elements .item-title,
.marker-heading .item-title {
  margin-right: 8px;
  line-height: 24px;
}

.title-and-elements .item-title .marker,
.marker-heading .item-title .marker {
  vertical-align: 2.5px;
}

h3.title-and-elements .product-status {
  vertical-align: 0px;
}

h3.title-and-elements .marker {
  vertical-align: 2.5px;
}

h4.title-and-elements .product-status {
  vertical-align: 0px;
}

h4.title-and-elements .marker {
  vertical-align: 2.5px;
}

h5.title-and-elements .product-status {
  vertical-align: 0px;
}

h5.title-and-elements .marker {
  vertical-align: 2.5px;
}

@keyframes translate_up_down {
  0% {
    opacity: 0;
    transform: translate(0px, -50px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}

@keyframes translate_left_right {
  0% {
    opacity: 0;
    transform: translate(-50px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}

@keyframes translate_right_left {
  0% {
    transform: translate(0px, -4%);
    z-index: -1;
  }
  100% {
    transform: translate(0px, 0px);
    z-index: unset;
  }
}

@keyframes blur {
  0% {
    filter: blur(20px);
  }
  100% {
    filter: blur(0px);
  }
}

@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@property --angle-spin {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes angle-spin {
  0% {
    --angle-spin: 0deg;
  }
  100% {
    --angle-spin: 360deg;
  }
}

.tooltip-react {
  max-width: 282px;
  line-height: 1.428571429;
  z-index: 999;
}

.tooltip-react::before {
  width: 30px !important;
}

.tooltip-react::after {
  width: 15px !important;
  height: 15px !important;
  background-color: white !important;
  border: 1px solid var(--nxp-border-color) !important;
}

.tooltip-react:not(.icon-info) {
  background-color: white !important;
  color: #000 !important;
  font-weight: normal;
  border: 1px solid var(--nxp-border-color);
  border-radius: 0px !important;
  padding: 16px !important;
  font-size: 14px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18) !important;
  z-index: 70;
}

.tooltip-react:not(.icon-info) .tooltip-react-content {
  max-width: 282px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tooltip-react:not(.icon-info) .tooltip-react-content table {
  margin: 0px;
}

.tooltip-react:not(.icon-info) .tooltip-react-content table th {
  min-width: 120px;
}

.tooltip-react:not(.icon-info) .react-tooltip-arrow {
  width: 15px;
  height: 15px;
  bottom: -8px !important;
  border-right: 1px solid var(--nxp-border-color);
  border-bottom: 1px solid var(--nxp-border-color);
}

.tooltip-react:not(.icon-info).react-tooltip__place-left .react-tooltip-arrow {
  bottom: unset !important;
  right: -8px !important;
}

.tooltip-react:not(.icon-info).react-tooltip__place-right .react-tooltip-arrow {
  bottom: unset !important;
  left: -8px !important;
}

.tooltip-react:not(.icon-info).react-tooltip__place-bottom .react-tooltip-arrow {
  bottom: unset !important;
  top: -8px !important;
}

a .tooltip-react:not(.icon-info),
.dark .tooltip-react:not(.icon-info) {
  color: #000 !important;
}

.tooltip-react-v4 {
  z-index: 999;
  max-width: 282px;
  background-color: white !important;
  color: #000 !important;
  border: 1px solid var(--nxp-border-color) !important;
  opacity: 1 !important;
  line-height: 1.428571429;
}

.tooltip-react-v4::after {
  width: 15px !important;
  height: 15px !important;
  background-color: white !important;
  border: 1px solid var(--nxp-border-color) !important;
  transform: rotate(45deg);
}

.tooltip-react-v4.place-bottom::after {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  top: -8px !important;
}

.tooltip-react-v4.place-right::after {
  left: -8px !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}

.tooltip-react-v4.place-left::after {
  right: -8px !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.tooltip-react-v4.place-top::after {
  bottom: -8px !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}

.react-tooltip {
  z-index: 999;
}

@media only screen and (max-width: 767px) {
  .popover {
    display: none !important;
  }
  .popover:has(.popover-unfollow) {
    display: block !important;
  }
  .react-tooltip,
  .react-tooltip__show,
  .tooltip-react,
  .tooltip-react-v4 {
    display: none !important;
  }
}

.one-box {
  width: 100%;
  border: 1px solid var(--nxp-border-color);
}

.one-box .one-box-list {
  padding: 0px 20px;
}

.one-box .one-box-list .one-box-item {
  padding: 20px 0px;
  display: flex;
  gap: 10px 40px;
}

.one-box .one-box-list .one-box-item:not(:last-child) {
  border-bottom: 1px solid var(--nxp-border-color);
}

.one-box .one-box-list .one-box-item .one-box-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.one-box .one-box-list .one-box-item .one-box-content ul.resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}

.one-box .one-box-list .one-box-item .one-box-content ul.resource-list li {
  padding: 0;
}

.one-box .one-box-list .one-box-item .one-box-options {
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-items: end;
  grid-template-columns: 175px;
  gap: 30px;
}

.one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) {
  grid-template-columns: 175px 14px;
}

.one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections {
  margin-top: 26px;
}

@media (max-width: 992px) {
  .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections {
    margin-top: 0px;
  }
}

@media (max-width: 992px) {
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    left: 0;
    right: unset;
  }
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu::after {
    left: 3px;
    right: unset;
  }
}

@media (max-width: 480px) {
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    min-width: 300px;
  }
}

.one-box .one-box-list .one-box-item .one-box-options .btn-container {
  width: 175px;
  margin-top: 26px;
}

.one-box .one-box-list .one-box-item .one-box-options .btn-container .btn, .one-box .one-box-list .one-box-item .one-box-options .btn-container .nav-close {
  display: block;
  width: 100%;
}

@media (max-width: 992px) {
  .one-box .one-box-list .one-box-item .one-box-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

@media only screen and (max-width: 992px) {
  .one-box .one-box-list .one-box-item {
    flex-direction: column;
  }
  .one-box .one-box-list .one-box-item .one-box-options .btn-container {
    margin-top: 0px;
  }
}

.one-box .one-box-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--nxp-border-color);
  padding: 14px 20px;
}

.one-box .one-box-footer .btn.btn-link, .one-box .one-box-footer .btn-link.nav-close {
  padding: 0;
}

#search-landing-page-app .one-box {
  margin-bottom: 16px;
}

.info-card {
  display: flex;
  align-items: stretch;
}

.info-media {
  flex: 0 0 auto;
  margin: 0;
}

.info-media img {
  height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
  max-width: 300px;
}

.info-content {
  padding: 48px;
  flex: 1;
  display: flex;
  align-items: center;
}

.info-content > * {
  margin: 0;
}

.info-green-one {
  background-color: #005700;
  border-color: #005700;
  color: #ebf8a5;
}

.info-green-one *,
.info-green-one *:after,
.info-green-one *:before {
  color: #ebf8a5;
}

.info-green-one .alert-link {
  color: #ebf8a5;
}

.info-green-one svg {
  fill: #ebf8a5;
}

.smart-band {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 64px 24px 64px;
  margin: 0px;
  border: none;
  /* @extend .alert; */
  width: calc(((100vw - 100% - 300px)) + 100%);
  left: calc((-100vw + 100% + 300px) / 2);
}

@media only screen and (max-width: 1199px) {
  .smart-band {
    width: calc(((100vw - 100% - 250px)) + 100%);
    left: calc((-100vw + 100% + 250px) / 2);
  }
}

@media only screen and (max-width: 767px) {
  .smart-band {
    left: -15px;
    width: 100vw;
  }
}

.smart-band-warning {
  background-color: #ffeda7;
  border-color: transparent;
  color: #994600;
}

.smart-band-warning *,
.smart-band-warning *:after,
.smart-band-warning *:before {
  color: #994600;
}

.smart-band-warning .alert-link {
  color: #994600;
}

.smart-band-warning svg {
  fill: #994600;
}

.smart-band-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

@media (max-width: 768px) {
  .smart-band-section {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .smart-band-section .smart-action {
    align-self: stretch;
  }
}

.smart-band-section > * {
  margin: 0;
}

.smart-band-section p {
  margin: 0;
}

.smart-band-section.has-border-bottom {
  padding-bottom: 11px;
  border-color: #994600;
}

.smart-band-section .btn::after, .smart-band-section .nav-close::after {
  color: inherit;
}

.smart-band [class^="fnxp"] {
  line-height: 1.428571429;
}

.smart-band:has(.has-border-bottom) {
  padding: 18px 64px 24px 64px;
}

.smart-band:has(.smart-band-section:only-child) {
  padding: 12px 64px 12px 64px;
}

.smart-action {
  color: var(--nxp-gray-900);
}

.smart-collapsible {
  border: none !important;
}

.smart-collapsible .collapsible-button button {
  background-color: white !important;
}

.smart-collapsible .collapsible-button button i::before {
  color: var(--nxp-gray-900);
}

.smart-collapsible.collapsible-panel.cp-v1:hover {
  border: none;
}

.smart-collapsible [class^="fnxp"] {
  line-height: 1.428571429;
}

.grid-container {
  display: grid;
  gap: 12px 30px;
  grid-template-columns: repeat(1, 1fr);
}

.grid-container.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1200px) {
  .grid-container.grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-container.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.role-badge {
  background-color: var(--nxp-blue-100);
  border-radius: 30px;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}

.role-badge-list {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 10px 0px;
}

.role-badge:hover {
  background-color: var(--nxp-gray-300);
}

.role-badge .icon-user {
  font-size: 12px;
}

.role-badge .badge-text {
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  text-align: center;
  font-size: 10px;
  line-height: 15px;
}

.role-badge .badge-text a {
  color: var(--nxp-body-color);
  text-decoration: none;
}

.partner-info-card {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 30px 30px 40px 30px;
  background-color: var(--nxp-gray-200);
}

.partner-info-card .partner-content {
  font-size: 14px;
}

.partner-info-card .partner-content > :first-child {
  margin-top: 0;
}

.secure-information {
  display: flex;
  flex-direction: column;
  padding: 48px 0;
  gap: 10px;
  /* secure box */
}

.secure-information .no-content p {
  margin: 0;
}

.secure-information > * {
  margin: 0;
}

.secure-information .secure-heading > * {
  margin: 0;
  color: #f7f5f1;
}

.secure-information .secure-heading .security-status {
  margin-top: 6px;
}

.secure-information .secure-heading:not(:first-of-type) {
  margin-top: 10px;
}

.secure-information .table, .secure-information .comparisonTableSte {
  margin-bottom: 0;
}

.secure-information .table tbody > tr > td, .secure-information .comparisonTableSte tbody > tr > td {
  border-right: 1px solid #898683;
  border-bottom: 1px solid #898683;
  border-top: unset;
  color: #f7f5f1;
}

.secure-information .table tbody > tr > td:first-child, .secure-information .comparisonTableSte tbody > tr > td:first-child {
  border-left: 1px solid #898683;
}

.secure-information .secure-box {
  background-color: white;
}

.secure-information .secure-box .secure-item .secure-content > * {
  color: #000000;
}

.secure-information .secure-box .secure-item .secure-content a {
  color: #215bd6;
}

.secure-information .secure-box .secure-item .secure-content .btn-default {
  position: relative;
  border: none;
  color: black;
  background-color: transparent;
}

.secure-information .secure-box .secure-item .secure-content .btn-default::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:hover, .secure-information .secure-box .secure-item .secure-content .btn-default.hover {
  color: black;
  background-color: transparent;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:focus, .secure-information .secure-box .secure-item .secure-content .btn-default.focus, .secure-information .secure-box .secure-item .secure-content .btn-default:active, .secure-information .secure-box .secure-item .secure-content .btn-default.active,
.open > .secure-information .secure-box .secure-item .secure-content .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .secure-information .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default {
  background-color: black !important;
  color: white;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:focus:hover, .secure-information .secure-box .secure-item .secure-content .btn-default.focus:hover, .secure-information .secure-box .secure-item .secure-content .btn-default:active:hover, .secure-information .secure-box .secure-item .secure-content .btn-default.active:hover,
.open > .secure-information .secure-box .secure-item .secure-content .btn-default.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > .secure-information .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default:hover {
  background-color: black !important;
  color: white;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:focus:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default.focus:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default:active:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default.active:hover::before,
.open > .secure-information .secure-box .secure-item .secure-content .btn-default.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > .secure-information .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default:hover::before {
  display: none;
  z-index: -1;
}

.secure-information .secure-box .secure-item .secure-content .btn-default:active, .secure-information .secure-box .secure-item .secure-content .btn-default.active,
.open > .secure-information .secure-box .secure-item .secure-content .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .secure-information .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default {
  background: black;
}

.secure-information .secure-box .secure-item .secure-content .btn-default.disabled, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled],
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default {
  opacity: 0.7;
}

.secure-information .secure-box .secure-item .secure-content .btn-default.disabled:hover, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled:focus, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled:active, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled.focus, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:hover, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:focus, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:active, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled].focus,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:hover,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:focus,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:active,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: black;
}

.secure-information .secure-box .secure-item .secure-content .btn-default.disabled:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled:focus::before, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled:active::before, .secure-information .secure-box .secure-item .secure-content .btn-default.disabled.focus::before, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:hover::before, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:focus::before, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled]:active::before, .secure-information .secure-box .secure-item .secure-content .btn-default[disabled].focus::before,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:hover::before,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:focus::before,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default:active::before,
fieldset[disabled] .secure-information .secure-box .secure-item .secure-content .btn-default.focus::before {
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.secure-information .secure-box .secure-item .secure-content .product-status {
  color: #000;
}

.secure-information .secure-box .secure-item .secure-content .product-status:hover {
  background-color: #ebe7dd;
}

.secure-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 30px;
  background-color: var(--nxp-gray-200);
}

.secure-box .secure-top {
  display: flex;
  justify-content: center;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .secure-box .secure-top {
    display: flex;
    flex-direction: column;
  }
}

.secure-box .secure-bottom {
  display: flex;
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 10px;
}

.secure-box .secure-bottom .secure-content span {
  font-size: 14px;
  line-height: 1.25;
  color: var(--nxp-secondary-color);
}

.secure-box .secure-bottom .secure-content span .product-status {
  padding: 0px;
  cursor: auto;
}

.secure-box .secure-bottom .secure-content span .product-status:hover {
  background-color: unset;
}

.secure-box .secure-item {
  display: flex;
  gap: 20px;
}

.secure-box .secure-item .secure-icon i {
  font-size: 36px;
}

.secure-box .secure-item .secure-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.secure-box .secure-item .secure-content > * {
  margin: 0;
  /* color: $nxp-gray-xxxdark; */
}

.secure-box .secure-item .secure-content a {
  /* color: $nxp-blue-xdark; */
}

.secure-box .secure-item .secure-content .btn-default {
  position: relative;
  border: none;
  color: black;
  background-color: transparent;
}

.secure-box .secure-item .secure-content .btn-default::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.secure-box .secure-item .secure-content .btn-default:hover, .secure-box .secure-item .secure-content .btn-default.hover {
  color: black;
  background-color: transparent;
}

.secure-box .secure-item .secure-content .btn-default:hover::before, .secure-box .secure-item .secure-content .btn-default.hover::before {
  background-position: 0% center;
  padding: 2px;
}

.secure-box .secure-item .secure-content .btn-default:focus, .secure-box .secure-item .secure-content .btn-default.focus, .secure-box .secure-item .secure-content .btn-default:active, .secure-box .secure-item .secure-content .btn-default.active,
.open > .secure-box .secure-item .secure-content .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default {
  background-color: black !important;
  color: white;
}

.secure-box .secure-item .secure-content .btn-default:focus:hover, .secure-box .secure-item .secure-content .btn-default.focus:hover, .secure-box .secure-item .secure-content .btn-default:active:hover, .secure-box .secure-item .secure-content .btn-default.active:hover,
.open > .secure-box .secure-item .secure-content .btn-default.dropdown-toggle:hover,
.jumpto ul li.jumpto-cta-container .open > .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default:hover {
  background-color: black !important;
  color: white;
}

.secure-box .secure-item .secure-content .btn-default:focus:hover::before, .secure-box .secure-item .secure-content .btn-default.focus:hover::before, .secure-box .secure-item .secure-content .btn-default:active:hover::before, .secure-box .secure-item .secure-content .btn-default.active:hover::before,
.open > .secure-box .secure-item .secure-content .btn-default.dropdown-toggle:hover::before,
.jumpto ul li.jumpto-cta-container .open > .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default:hover::before {
  display: none;
  z-index: -1;
}

.secure-box .secure-item .secure-content .btn-default:active, .secure-box .secure-item .secure-content .btn-default.active,
.open > .secure-box .secure-item .secure-content .btn-default.dropdown-toggle,
.jumpto ul li.jumpto-cta-container .open > .secure-box .secure-item .secure-content a.dropdown-toggle.btn-default {
  background: black;
}

.secure-box .secure-item .secure-content .btn-default.disabled, .secure-box .secure-item .secure-content .btn-default[disabled],
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default {
  opacity: 0.7;
}

.secure-box .secure-item .secure-content .btn-default.disabled:hover, .secure-box .secure-item .secure-content .btn-default.disabled:focus, .secure-box .secure-item .secure-content .btn-default.disabled:active, .secure-box .secure-item .secure-content .btn-default.disabled.focus, .secure-box .secure-item .secure-content .btn-default[disabled]:hover, .secure-box .secure-item .secure-content .btn-default[disabled]:focus, .secure-box .secure-item .secure-content .btn-default[disabled]:active, .secure-box .secure-item .secure-content .btn-default[disabled].focus,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:hover,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:focus,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:active,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default.focus {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: black;
}

.secure-box .secure-item .secure-content .btn-default.disabled:hover::before, .secure-box .secure-item .secure-content .btn-default.disabled:focus::before, .secure-box .secure-item .secure-content .btn-default.disabled:active::before, .secure-box .secure-item .secure-content .btn-default.disabled.focus::before, .secure-box .secure-item .secure-content .btn-default[disabled]:hover::before, .secure-box .secure-item .secure-content .btn-default[disabled]:focus::before, .secure-box .secure-item .secure-content .btn-default[disabled]:active::before, .secure-box .secure-item .secure-content .btn-default[disabled].focus::before,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:hover::before,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:focus::before,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default:active::before,
fieldset[disabled] .secure-box .secure-item .secure-content .btn-default.focus::before {
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.secure-box .secure-item .secure-content .product-status {
  color: #000;
}

.secure-box .secure-item .secure-content .product-status:hover {
  background-color: #ebe7dd;
}

.table .thead-dark th, .comparisonTableSte .thead-dark th {
  color: #f7f5f1;
  background-color: #000000;
  border-right: 1px solid #fff;
}

.secure-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.secure-heading > * {
  margin: 0;
}

.secure-sales-info {
  display: flex;
  flex-direction: column;
  padding: 56px 0;
  gap: 24px;
  background-color: var(--nxp-body-bg);
  color: var(--nxp-body-color);
}

.secure-sales-info .secure-filters {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.secure-sales-info .secure-filters input {
  width: 50%;
}

@media (max-width: 767px) {
  .secure-sales-info .secure-filters input {
    width: 100%;
  }
}

.secure-sales-info .divider {
  width: 100%;
}

.secure-sales-info .divider hr {
  margin: 0;
}

.secure-sales-info .collapsible-wrapper {
  gap: 48px;
}

.secure-sales-info .collapsible-wrapper .collapsible-panel {
  margin-bottom: 0;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata {
  grid-template-areas: 'metadata-format  metadata-revision metadata-date  metadata-category-type';
  grid-template-columns: 110px 50px 94px 108px;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata span.category-type {
  grid-area: metadata-category-type;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata span.format {
  width: 110px;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata span.revision {
  width: 50px;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata span.date {
  width: 94px;
}

.secure-sales-info .compact-list.slim .compact-content .compact-metadata span.category-type {
  width: 108px;
}

.secure-products {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0 32px;
}

.secure-products .table-responsive {
  margin: 0;
}

.secure-products .table-responsive table {
  margin: 0;
}

.secure-products .table-responsive table th:first-child,
.secure-products .table-responsive table td:first-child {
  width: 50%;
}

.secure-products .table-responsive table th:nth-child(2),
.secure-products .table-responsive table td:nth-child(2),
.secure-products .table-responsive table th:nth-child(3),
.secure-products .table-responsive table td:nth-child(3) {
  width: 25%;
}

.secure-products .table-responsive table .secure-product-title {
  margin: 0;
}

.secure-products .secure-alert .alert {
  margin: 0;
}

.secure-products .secure-info-snippet {
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 10px;
  font-size: 14px;
  color: var(--nxp-secondary-color);
}

.secure-products .secure-info-snippet .product-status {
  padding: 0;
  cursor: unset;
}

.secure-products .secure-info-snippet .product-status:hover {
  background-color: unset;
}

.secure-products p {
  margin: 0;
}

.dark {
  background-color: #262626 !important;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .box-opts .price,
.box-opts .dark .price,
.dark .h4,
.dark .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total,
.dropdown-menu.soft-cart .soft-footer .cart-amount .dark .sub-total,
.dark .h5,
.dark .h6,
.dark .card1-icon,
.dark .page-title .title {
  color: white;
}

.dark h1 small,
.dark h1 .small,
.dark h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h1 li,
.dark h2 small,
.dark h2 .small,
.dark h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h2 li,
.dark h3 small,
.dark h3 .small,
.dark h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h3 li,
.dark h4 small,
.dark h4 .small,
.dark h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h4 li,
.dark h5 small,
.dark h5 .small,
.dark h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h5 li,
.dark h6 small,
.dark h6 .small,
.dark h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark h6 li,
.dark .h1 small,
.dark .h1 .small,
.dark .h1 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h1 li,
.dark .h2 small,
.dark .h2 .small,
.dark .h2 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h2 li,
.dark .h3 small,
.dark .box-opts .price small,
.box-opts .dark .price small,
.dark .h3 .small,
.dark .box-opts .price .small,
.box-opts .dark .price .small,
.dark .h3 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h3 li,
.dark .flex-box .box-opts .price .nav-piped-2 li,
.flex-box .dark .box-opts .price .nav-piped-2 li,
.dark .flex-box .box-opts .nav-piped-2 .price li,
.flex-box .dark .box-opts .nav-piped-2 .price li,
.flex-box .box-opts .dark .price .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .price li,
.dark .h4 small,
.dark .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .dark .sub-total small,
.dark .h4 .small,
.dark .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .small,
.dropdown-menu.soft-cart .soft-footer .cart-amount .dark .sub-total .small,
.dark .h4 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h4 li,
.dark .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .dropdown-menu.soft-cart .soft-footer .cart-amount .sub-total li,
.dropdown-menu.soft-cart .soft-footer .cart-amount .dark .sub-total .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dropdown-menu.soft-cart .soft-footer .cart-amount .dark .sub-total li,
.dark .h5 small,
.dark .h5 .small,
.dark .h5 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h5 li,
.dark .h6 small,
.dark .h6 .small,
.dark .h6 .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .h6 li,
.dark .card1-icon small,
.dark .card1-icon .small,
.dark .card1-icon .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .card1-icon li,
.dark .page-title .title small,
.dark .page-title .title .small,
.dark .page-title .title .flex-box .box-opts .nav-piped-2 li,
.flex-box .box-opts .nav-piped-2 .dark .page-title .title li {
  color: white;
}

.dark .is-high-level .overview-text p,
.dark p {
  color: white;
}

.dark .signpost {
  color: #aaa6a2 !important;
}

.dark .metadata, .dark .shopping-list .box-container .description, .shopping-list .box-container .dark .description {
  color: white;
}

.dark hr {
  border-top: 1px solid #d4cfc5;
}

.slider-container .dark .card1-subtitle {
  color: #aaa6a2;
}

.slider-container .dark .primary-topic-link a,
.slider-container .dark a.primary-topic-link,
.slider-container .dark.card1 a {
  color: #3ecafb;
}

.dark .item-metadata {
  color: #aaa6a2;
}

.dark .item-metadata li span,
.dark .item-metadata li a {
  color: inherit;
}

.dark .item-metadata.metadata-list {
  color: white;
}

.dark .item-metadata.metadata-list a {
  color: white;
}

.dark a {
  color: #3ecafb;
}

.dark a:has(i[class^='fnxp-']) {
  color: white;
}

.dark a:has(i[class^='fnxp-']):hover {
  text-decoration: none;
}

.dark .item-signpost {
  color: white;
}

.dark .dot {
  color: white;
}

.dark.exact-match {
  background-color: transparent !important;
}

.dark.exact-match .content {
  background-color: #262626;
}

.dark.exact-match .item-description p {
  color: white;
}

.dark.box-opts.exact-match2 .icons {
  color: white;
}

.dark.box-opts.exact-match2 .item-description p {
  color: white;
}

.dark.box-opts.exact-match2[data-nxp-theme='step-forward'] a {
  color: var(--nxp-body-color);
}

.dark .item-breadcrumb a {
  color: #aaa6a2;
}

.dark .item-breadcrumb li + li::before {
  color: #aaa6a2;
}

.dark.box-container .item-breadcrumb li {
  color: #aaa6a2;
}

.dark .bc {
  background-color: #121212;
}

.dark .bc-container {
  border-bottom: 1px solid #474645;
}

.dark .bc li,
.dark .bc a {
  color: #f7f5f1;
  font-size: 14px;
}

.dark .bc > li + li:before {
  color: #f7f5f1;
}

.dark .bc li:last-child a {
  color: #f7f5f1;
  transition: all 0.5s ease-in;
}

.dark .bc div.dropdown-menu {
  border: 1px solid #474645;
}

.dark .bc div.dropdown-menu ul {
  background-color: #262626;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}

.dark .bc div.dropdown-menu ul li a {
  color: #f7f5f1;
}

.dark .bc div.dropdown-menu ul li a:hover {
  background-color: #474645;
}

.dark .bc div.dropdown-menu ul::after {
  background-color: black;
}

.dark.modal {
  background-color: unset !important;
}

.dark.modal .close {
  opacity: unset;
  text-shadow: unset;
}

.dark.modal .close:hover {
  background-color: #474645;
}

.dark.modal .close span {
  color: #aaa6a2;
}

.dark .modal {
  background-color: unset !important;
}

.dark .modal .modal-title, .dark .modal h3 {
  color: #000000;
}

.dark .modal .modal-body {
  color: #000000;
}

.dark .modal .modal-body p {
  color: #000000;
}

.dark .modal .btn.btn-white, .dark .modal .btn-white.nav-close {
  position: relative;
  border: none;
  color: black;
  background-color: transparent;
}

.dark .modal .btn.btn-white::before, .dark .modal .btn-white.nav-close::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all ease-in-out 500ms;
  z-index: 0;
  background-size: 250% auto;
  background-position: 99% center;
}

.dark .modal .btn.btn-white:hover, .dark .modal .btn-white.nav-close:hover, .dark .modal .btn.btn-white.hover, .dark .modal .btn-white.hover.nav-close {
  color: black;
  background-color: transparent;
}

.dark .modal .btn.btn-white:hover::before, .dark .modal .btn-white.nav-close:hover::before, .dark .modal .btn.btn-white.hover::before, .dark .modal .btn-white.hover.nav-close::before {
  background-position: 0% center;
  padding: 2px;
}

.dark .modal .btn.btn-white:focus, .dark .modal .btn-white.nav-close:focus, .dark .modal .btn.btn-white.focus, .dark .modal .btn-white.focus.nav-close, .dark .modal .btn.btn-white:active, .dark .modal .btn-white.nav-close:active, .dark .modal .btn.btn-white.active, .dark .modal .btn-white.active.nav-close,
.open > .dark .modal .btn.btn-white.dropdown-toggle,
.open > .dark .modal .btn-white.dropdown-toggle.nav-close {
  background-color: black !important;
  color: white;
}

.dark .modal .btn.btn-white:focus:hover, .dark .modal .btn-white.nav-close:focus:hover, .dark .modal .btn.btn-white.focus:hover, .dark .modal .btn-white.focus.nav-close:hover, .dark .modal .btn.btn-white:active:hover, .dark .modal .btn-white.nav-close:active:hover, .dark .modal .btn.btn-white.active:hover, .dark .modal .btn-white.active.nav-close:hover,
.open > .dark .modal .btn.btn-white.dropdown-toggle:hover,
.open > .dark .modal .btn-white.dropdown-toggle.nav-close:hover {
  background-color: black !important;
  color: white;
}

.dark .modal .btn.btn-white:focus:hover::before, .dark .modal .btn-white.nav-close:focus:hover::before, .dark .modal .btn.btn-white.focus:hover::before, .dark .modal .btn-white.focus.nav-close:hover::before, .dark .modal .btn.btn-white:active:hover::before, .dark .modal .btn-white.nav-close:active:hover::before, .dark .modal .btn.btn-white.active:hover::before, .dark .modal .btn-white.active.nav-close:hover::before,
.open > .dark .modal .btn.btn-white.dropdown-toggle:hover::before,
.open > .dark .modal .btn-white.dropdown-toggle.nav-close:hover::before {
  display: none;
  z-index: -1;
}

.dark .modal .btn.btn-white:active, .dark .modal .btn-white.nav-close:active, .dark .modal .btn.btn-white.active, .dark .modal .btn-white.active.nav-close,
.open > .dark .modal .btn.btn-white.dropdown-toggle,
.open > .dark .modal .btn-white.dropdown-toggle.nav-close {
  background: black;
}

.dark .modal .btn.btn-white.disabled, .dark .modal .btn-white.disabled.nav-close, .dark .modal .btn.btn-white[disabled], .dark .modal .btn-white.nav-close[disabled],
fieldset[disabled] .dark .modal .btn.btn-white,
fieldset[disabled] .dark .modal .btn-white.nav-close {
  opacity: 0.7;
}

.dark .modal .btn.btn-white.disabled:hover, .dark .modal .btn-white.disabled.nav-close:hover, .dark .modal .btn.btn-white.disabled:focus, .dark .modal .btn-white.disabled.nav-close:focus, .dark .modal .btn.btn-white.disabled:active, .dark .modal .btn-white.disabled.nav-close:active, .dark .modal .btn.btn-white.disabled.focus, .dark .modal .btn-white.disabled.focus.nav-close, .dark .modal .btn.btn-white[disabled]:hover, .dark .modal .btn-white.nav-close[disabled]:hover, .dark .modal .btn.btn-white[disabled]:focus, .dark .modal .btn-white.nav-close[disabled]:focus, .dark .modal .btn.btn-white[disabled]:active, .dark .modal .btn-white.nav-close[disabled]:active, .dark .modal .btn.btn-white[disabled].focus, .dark .modal .btn-white.nav-close[disabled].focus,
fieldset[disabled] .dark .modal .btn.btn-white:hover,
fieldset[disabled] .dark .modal .btn-white.nav-close:hover,
fieldset[disabled] .dark .modal .btn.btn-white:focus,
fieldset[disabled] .dark .modal .btn-white.nav-close:focus,
fieldset[disabled] .dark .modal .btn.btn-white:active,
fieldset[disabled] .dark .modal .btn-white.nav-close:active,
fieldset[disabled] .dark .modal .btn.btn-white.focus,
fieldset[disabled] .dark .modal .btn-white.focus.nav-close {
  opacity: 0.7;
  background-image: none;
  background-color: transparent;
  animation: none;
  color: black;
}

.dark .modal .btn.btn-white.disabled:hover::before, .dark .modal .btn-white.disabled.nav-close:hover::before, .dark .modal .btn.btn-white.disabled:focus::before, .dark .modal .btn-white.disabled.nav-close:focus::before, .dark .modal .btn.btn-white.disabled:active::before, .dark .modal .btn-white.disabled.nav-close:active::before, .dark .modal .btn.btn-white.disabled.focus::before, .dark .modal .btn-white.disabled.focus.nav-close::before, .dark .modal .btn.btn-white[disabled]:hover::before, .dark .modal .btn-white.nav-close[disabled]:hover::before, .dark .modal .btn.btn-white[disabled]:focus::before, .dark .modal .btn-white.nav-close[disabled]:focus::before, .dark .modal .btn.btn-white[disabled]:active::before, .dark .modal .btn-white.nav-close[disabled]:active::before, .dark .modal .btn.btn-white[disabled].focus::before, .dark .modal .btn-white.nav-close[disabled].focus::before,
fieldset[disabled] .dark .modal .btn.btn-white:hover::before,
fieldset[disabled] .dark .modal .btn-white.nav-close:hover::before,
fieldset[disabled] .dark .modal .btn.btn-white:focus::before,
fieldset[disabled] .dark .modal .btn-white.nav-close:focus::before,
fieldset[disabled] .dark .modal .btn.btn-white:active::before,
fieldset[disabled] .dark .modal .btn-white.nav-close:active::before,
fieldset[disabled] .dark .modal .btn.btn-white.focus::before,
fieldset[disabled] .dark .modal .btn-white.focus.nav-close::before {
  background: linear-gradient(to right, #fca600 7%, #69ca00 19%, #0eafe0 38.5%, black 60%);
  background-size: 250% auto;
  background-position: 100% center;
}

.dark .cd-content {
  background-color: #262626 !important;
}

.dark.swiper .autoplay-progress .swiper-icon {
  filter: invert(100%) sepia(75%) saturate(2%) hue-rotate(353deg) brightness(109%) contrast(100%);
}

.dark .btn-primary, .dark .jumpto ul li.jumpto-cta-container a.btn-primary, .jumpto ul li.jumpto-cta-container .dark a.btn-primary {
  color: white;
}

.dark .dropdown-menu {
  background-color: #262626;
  border: 1px solid #474645;
}

.dark .dropdown-menu::after {
  background: #262626 !important;
  border-right: 1px solid #474645;
  border-bottom: 1px solid #474645;
}

.dark .dropdown-menu li a,
.dark .dropdown-menu li span {
  color: white;
}

.dark .dropdown-menu li a:hover {
  background-color: #474645;
}

.dark .dropdown-menu .divider {
  background-color: #686664;
}

.dark .icon-bookmark.add-collection {
  filter: invert(1);
}

.filter-tag-filters.dark2 .section .tag {
  background: white;
}

.dark.card1 {
  background-color: transparent !important;
}

.dark.card1.cool-grey-xxxdark {
  background-color: #000000 !important;
}

.dark.card1 .card1-item {
  background-color: #262626 !important;
  border: none;
}

.dark .primary-topic {
  border: none !important;
  outline: none !important;
}

.dark .primary-topic-item, .dark .primary-topic-content {
  background-color: #262626 !important;
}

.dark .primary-topic h3,
.dark .primary-topic h4,
.dark .primary-topic p,
.dark .primary-topic span {
  color: white;
}

.dark.box-opts .box-opts-image {
  background-color: white;
}

.dark.box-opts .box-opts-image:has(> .modal) a {
  color: #000000;
}

.dark.box-opts .box-opts-image:has(> .modal) h3.modal-title {
  color: #000000;
}

.dark.box-opts .box-opts-image a {
  color: #215bd6;
}

.dark.box-opts .table-priceList td {
  color: white !important;
}

.dark.box-opts .price,
.dark.box-opts .title {
  color: white;
}

.dark.box-opts .price a,
.dark.box-opts .title a {
  color: white;
}

.dark.box-opts a.btn-exclusive-sample {
  color: white;
}

@media (max-width: 992px) {
  .dark.box-opts .box-opts-content.options .add-collection {
    filter: unset;
  }
}

.dark.secondary-topic a:not(.btn):not(.nav-close),
.dark .secondary-topic a:not(.btn):not(.nav-close) {
  color: #3ecafb;
}

.dark.secondary-topic p + .btn, .dark.secondary-topic p + .nav-close,
.dark .secondary-topic p + .btn,
.dark .secondary-topic p + .nav-close {
  margin: 10px 0px 12px 0px;
}

.dark span[class*=" svg-icon-"] {
  color: white;
}

.dark .security-status .authorization {
  color: white;
}

.dark .security-status .authorization :nth-child(2)::before {
  background-color: white;
}

.dark .security-status .authorization .insignia.txt-nxp-orange-xxxdark {
  color: #ff9700 !important;
}

.dark .marker-danger {
  color: #8d081d;
  background-color: #fcd3d3;
}

.dark .marker-warning {
  color: #994600;
  background-color: #ffeda7;
}

.dark .marker-info {
  color: #13357e;
  background-color: #c3effe;
}

.dark .marker-success {
  color: #005700;
  background-color: #ebf8a5;
}

.dark .product-status {
  color: white;
}

.dark .product-status:hover {
  background-color: #474645;
}

.dark .react-loading-skeleton {
  --nxp-skeleton-base-color: #262626;
  --nxp-skeleton-highlight-color: #686664;
}

.dark .highlight {
  background-color: #686664;
}

.dark.market-card a.btn::after, .dark.market-card a.nav-close::after {
  display: none;
}

.dark.market-card .primary-topic-item {
  border: none !important;
}

.dark .swiper-slider-container .swiper-scrollbar-drag {
  background-color: white !important;
}

.dark .swiper-slider-container .slider-progress {
  background-color: #686664 !important;
}

.dark .swiper-slider-container .swiper-button-next::after,
.dark .swiper-slider-container .swiper-button-prev::after {
  filter: invert(1);
}

.dark .swiper-slider-container .swiper-button-next:hover::after,
.dark .swiper-slider-container .swiper-button-prev:hover::after {
  filter: unset;
}

.dark .footer-inner {
  background-color: inherit;
  border-top: 1px solid #f7f5f1;
}

.dark #nxp-news-footer {
  border-bottom: 1px solid #474645;
}

.dark #nxp-news-footer .newsItem .newsItem-label,
.dark #nxp-news-footer .newsItem .newsItem-date,
.dark #nxp-news-footer .newsItem .newsItem-title {
  color: #f7f5f1;
}

.dark .footer-nav-primary a {
  color: #f7f5f1;
}

.dark .footer-nav-legal a {
  color: #d4cfc5;
}

.dark .footer-nav-social path {
  fill: white;
}

.dark .footer-license {
  color: #f7f5f1 !important;
}

.dark .site-header-inner {
  background-color: #121212;
}

.dark .site-header {
  border-bottom: 1px solid #474645;
}

.dark .site-header .navbar-toggle span {
  background-color: #f7f5f1 !important;
}

.dark .site-header .primary-nav-item {
  color: #f7f5f1;
  /*  &:hover,
        &:focus {
          color: $nxp-gray-xxxlight;
        } */
}

.dark .site-header .primary-nav-item[aria-expanded='true'] {
  color: #f7f5f1 !important;
}

.dark .site-header .primary-nav-item[aria-expanded='false'] {
  color: #f7f5f1 !important;
}

.dark .site-header .menu-open .primary-nav-item[aria-expanded='true'] {
  color: #f7f5f1 !important;
}

.dark .site-header .menu-open .primary-nav-item[aria-expanded='false'] {
  color: #898683 !important;
}

.dark .site-header .menu-open .primary-nav-item[aria-expanded='false']:hover {
  color: #f7f5f1 !important;
}

.dark .site-header .secondary-nav:hover .secondary-nav-link:not(.newSignIn) {
  color: #898683;
}

.dark .site-header .secondary-nav:hover .secondary-nav-link:not(.newSignIn):hover {
  color: #f7f5f1;
}

.dark .site-header .secondary-nav:hover .icon-user {
  color: var(--nxp-secondary-color);
}

.dark .site-header .secondary-nav:hover .icon-user:hover {
  color: #000000;
}

.dark .site-header .secondary-nav-link {
  color: #f7f5f1;
}

.dark .site-header .secondary-nav-link.newSignIn {
  color: #3ecafb;
}

.dark .site-header .secondary-nav-link.newSignIn:hover {
  color: #3ecafb;
}

.dark .site-header .secondary-nav-link:hover, .dark .site-header .secondary-nav-link:focus {
  color: var(--nxp-secondary-color);
}

.dark .megamenu-inner {
  background-color: #121212 !important;
}

.dark .megamenu-header a {
  color: #f7f5f1;
}

.dark .megamenu-list {
  border-color: #474645;
}

.dark .megamenu-list a {
  color: #f7f5f1;
}

.dark .megamenu-list a.cta {
  color: #3ecafb;
}

.dark .header-search #search-input input:not([type='file']):not([type='radio']) {
  background-color: #474645;
  border: 1px solid #474645;
  color: #d4cfc5;
}

.dark .header-search #search-input input:not([type='file']):not([type='radio'])::placeholder, .dark .header-search #search-input input:not([type='file']):not([type='radio'])::after {
  color: #d4cfc5 !important;
}

.dark .header-search #search-input input:not([type='file']):not([type='radio']):focus {
  box-shadow: none !important;
  border: 2px solid #3ecafb;
}

@media screen and (max-width: 768px) {
  .dark .header-search #search-input input:not([type='file']):not([type='radio']) {
    background-color: transparent;
    border-color: transparent;
  }
  .dark .header-search #search-input input:not([type='file']):not([type='radio']):focus {
    background-color: #474645;
    border-color: #474645;
  }
}

.dark .header-search #search-input::after {
  color: #d4cfc5;
}

.dark .header-search #search-input .close-icon-btn {
  background-color: #121212;
  color: #f7f5f1;
}

.dark .header-search #search-input .close-icon-btn:hover {
  background-color: #474645;
}

.dark .megamenu-mynxp {
  background-color: #121212;
}

.dark .megamenu button.close {
  color: #ebe7dd;
}

.dark .language-actions .lang {
  font-size: 14px;
  color: #f7f5f1;
}

.dark .language-actions .divider {
  background-color: #474645;
}

.dark .soft-header p {
  font-size: 14px;
}

.dark .soft-cart li.prod-item {
  border-color: #474645 !important;
}

.dark .soft-footer {
  border-color: #474645 !important;
}

.dark .pre-search {
  background-color: #262626;
  border-color: #474645 !important;
}

.dark .pre-search .looking-for p,
.dark .pre-search .looking-for li span {
  color: #d4cfc5 !important;
}

.dark .pre-search a {
  color: #f7f5f1 !important;
  font-size: 16px !important;
}

.dark .pre-search .search-footer {
  background-color: #686664;
}

.dark .pre-search .search-footer p {
  color: #d4cfc5 !important;
  font-size: 16px !important;
}

.dark .pre-search .search-footer p a {
  color: #3ecafb !important;
  text-decoration: none !important;
}

.dark .pre-search .search-footer p a:hover {
  text-decoration: underline !important;
}

.dark.mmenu-is-open .has-border-right {
  background-color: #121212 !important;
  border-right: 1px solid #474645;
}

.dark.mmenu-is-open .has-border-right div {
  background-color: #121212 !important;
}

.dark.mmenu-is-open .mobile-list-item span {
  color: #d4cfc5;
}

.dark.mmenu-is-open .mobile-list-item button.mobile-btn {
  background-color: #262626;
  color: #f7f5f1;
}

.dark.mmenu-is-open .mobile-list-item button.mobile-btn:hover {
  background-color: #474645;
}

.dark.mmenu-is-open .mobile-list-item .mobile-list-header button.mobile-btn {
  background-color: transparent;
}

.dark.mmenu-is-open .mobile-list-item a {
  color: #d4cfc5;
}

.dark.mmenu-is-open .mobile-list-item a.mobile-label.cta.txt-link-color span::after {
  color: #d4cfc5 !important;
}

.dark.mmenu-is-open .mobile-list-item a.txt-link-color {
  color: #d4cfc5 !important;
}

.dark.mmenu-is-open .store-btn {
  background-color: #f16e00;
  border-color: #f16e00;
}

.dark.mmenu-is-open .store-btn:hover {
  background-color: #ff9700;
  border-color: #ff9700;
}

@media screen and (max-width: 992px) {
  .dark.mmenu-is-open .language-actions {
    background-color: #121212;
    border-color: #474645;
  }
  .dark.mmenu-is-open .language-actions .lang,
  .dark.mmenu-is-open .language-actions .mobile-btn {
    color: #f7f5f1;
  }
  .dark.mmenu-is-open .secondary-nav {
    background-color: #121212;
    border-color: #474645;
  }
  .dark.mmenu-is-open .secondary-nav span {
    color: #d4cfc5;
  }
  .dark.mmenu-is-open .secondary-nav span::before {
    color: inherit;
  }
  .dark.mmenu-is-open #mynxpMm button {
    color: #d4cfc5;
  }
  .dark.mmenu-is-open .megamenu-mynxp {
    color: #d4cfc5;
  }
  .dark.mmenu-is-open .megamenu-mynxp ul li a {
    color: #d4cfc5;
  }
}

.dark.cool-grey-xxxdark {
  background-color: #000000 !important;
}

.dark .dropdown-menu.soft-cart .soft-header {
  background-color: #262626;
}

.dark .dropdown-menu.soft-cart .cart-items-wrap {
  background-color: #262626;
}

.dark .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-title {
  color: #f7f5f1;
}

.dark .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-title:hover {
  background-color: unset;
}

.dark .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-price,
.dark .dropdown-menu.soft-cart .cart-items-wrap ul.cart-items li.prod-item .prod-content .prod-quantity {
  color: #f7f5f1;
}

.dark .dropdown-menu.soft-cart .soft-footer {
  background-color: #262626;
}

.dark .dropdown-menu.soft-cart .no-product p {
  font-size: 16px;
}

.dark .site-header .secondary-nav .signIn-invitation p {
  color: #f7f5f1;
}

.dark .table .thead-dark th, .dark .comparisonTableSte .thead-dark th {
  color: #f7f5f1;
  background-color: #474645;
  border-right: 1px solid #262626;
}

.dark .alert p {
  color: unset;
}

.dark .alert .text-muted {
  color: #686664;
}

.dark .item-metadata .meta-item.dropdown,
.dark .metadata .meta-item.dropdown,
.dark .shopping-list .box-container .description .meta-item.dropdown,
.shopping-list .box-container .dark .description .meta-item.dropdown {
  color: #aaa6a2;
}

.dark .item-metadata .meta-item.dropdown > span,
.dark .item-metadata .meta-item.dropdown > a,
.dark .metadata .meta-item.dropdown > span,
.dark .shopping-list .box-container .description .meta-item.dropdown > span,
.shopping-list .box-container .dark .description .meta-item.dropdown > span,
.dark .metadata .meta-item.dropdown > a,
.dark .shopping-list .box-container .description .meta-item.dropdown > a,
.shopping-list .box-container .dark .description .meta-item.dropdown > a {
  color: inherit;
}

.dark .item-metadata .dropdown-menu,
.dark .metadata .dropdown-menu,
.dark .shopping-list .box-container .description .dropdown-menu,
.shopping-list .box-container .dark .description .dropdown-menu {
  background-color: white;
  border: 1px solid #d4cfc5;
}

.dark .item-metadata .dropdown-menu::after,
.dark .metadata .dropdown-menu::after,
.dark .shopping-list .box-container .description .dropdown-menu::after,
.shopping-list .box-container .dark .description .dropdown-menu::after {
  background: white !important;
  border-right: 1px solid #d4cfc5;
  border-bottom: 1px solid #d4cfc5;
}

.dark .item-metadata .dropdown-menu li a,
.dark .item-metadata .dropdown-menu li span,
.dark .metadata .dropdown-menu li a,
.dark .shopping-list .box-container .description .dropdown-menu li a,
.shopping-list .box-container .dark .description .dropdown-menu li a,
.dark .metadata .dropdown-menu li span,
.dark .shopping-list .box-container .description .dropdown-menu li span,
.shopping-list .box-container .dark .description .dropdown-menu li span {
  color: #000000;
}

.dark .item-metadata .dropdown-menu li a:hover,
.dark .metadata .dropdown-menu li a:hover,
.dark .shopping-list .box-container .description .dropdown-menu li a:hover,
.shopping-list .box-container .dark .description .dropdown-menu li a:hover {
  background-color: #f7f5f1;
}

.bg-blue-gradient {
  background: linear-gradient(270deg, #3ecafb 12%, #0068df 100%);
}

.bg-blue-gradient.band, .bg-blue-gradient#faq[data-nxp-theme='automotive'],
.bg-blue-gradient#faq[data-nxp-theme='industrial'],
.bg-blue-gradient#faq[data-nxp-theme='consumer'] {
  background: unset;
}

.bg-blue-gradient.band::before, .bg-blue-gradient#faq[data-nxp-theme='automotive']::before,
.bg-blue-gradient#faq[data-nxp-theme='industrial']::before,
.bg-blue-gradient#faq[data-nxp-theme='consumer']::before {
  background: linear-gradient(270deg, #3ecafb 12%, #0068df 100%);
}

.chale-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.course-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}

.course-card .course-card-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: blue;
  padding: 10px 14px;
}

.course-card .course-card-header .course-card-tag {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.course-card .course-card-content {
  position: relative;
  border: 1px solid var(--nxp-border-color);
  border-top: 0 none;
}

.course-card .course-card-content .course-card-image {
  width: 100%;
  height: 148px;
}

.course-card .course-card-content .course-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-card .course-card-content .course-card-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 14px;
}

.course-card .course-card-content .course-card-body .title-and-elements {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.course-card .course-card-content .course-card-body .course-card-progress {
  font-size: 14px;
  color: #686664;
  margin: 0;
}

.course-card .course-card-content .course-card-body .course-card-stats {
  display: flex;
  align-items: center;
  gap: 10px;
}

.course-card .course-card-content .course-card-body .course-card-stats i {
  font-size: 18px;
}

.course-card .course-card-content .course-card-body .course-card-stats .course-card-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #686664;
}

.course-card .course-card-content .course-card-body .course-card-stats .course-card-rating i {
  font-size: 14px;
  color: #f9b500;
}

.course-card .course-card-content .course-card-body .course-card-stats .course-card-enrolled {
  margin-left: auto;
  color: #474645;
}

.course-card .course-card-content .course-card-body .course-card-stats .course-card-enrolled p {
  margin: 0;
}

.course-card .course-card-footer {
  display: flex;
  padding: 8px 14px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--nxp-border-color);
  border-top: 0 none;
}

.course-card .course-card-footer .menu-toggle input[type='checkbox'] {
  display: none;
}

.course-card .course-card-footer .menu-toggle .course-card-menu {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ebe7dd;
  cursor: pointer;
}

.course-card .course-card-footer .course-list {
  display: flex;
  gap: 10px;
  padding: 0;
  font-size: 14px;
  list-style-type: none;
  margin-bottom: 0;
}

.course-card .course-card-footer .course-list li {
  margin-bottom: 0;
}

.course-card .course-card-quick-details {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  list-style-type: none;
}

.course-card .course-card-quick-details li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  font-size: 14px;
  padding: 6px 10px;
  margin: 0;
}

.course-card-main input[type='checkbox']:checked ~ .course-card-content {
  border: none;
  border-bottom: 1px solid #686664;
}

.course-card-main input[type='checkbox']:checked ~ .course-card-content .hover-course-card {
  animation: fadeInSlide 0.4s ease forwards;
  visibility: visible;
}

.course-card-main input[type='checkbox']:checked ~ .course-card-footer {
  background-color: #000000;
  border: none;
}

.course-card-main input[type='checkbox']:checked ~ .course-card-footer .course-list {
  visibility: hidden;
}

.hover-course-card {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 14px;
  flex-direction: column;
  gap: 10px;
  background-color: black;
  animation: fadeOutSlide 20.4s ease forwards;
  visibility: hidden;
}

.hover-course-card .title-and-elements {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: white;
}

.hover-course-card .course-card-progress {
  font-size: 14px;
  color: white;
  margin: 0;
}

.hover-course-card .course-card-quick-details li {
  color: white;
  border-bottom: 1px solid #686664;
}

.course-card[data-variant='academy'] .course-card-header {
  background-color: #c3effe;
  color: #13357e;
}

.course-card[data-variant='course'] .course-card-header {
  background-color: #ffd800;
  color: #994600;
}

.course-card[data-variant='hands-on'] .course-card-header {
  background-color: #215bd6;
  color: white;
}

.course-card[data-variant='lecture'] .course-card-header {
  background-color: #c6eb00;
  color: #005700;
}

.course-card[data-variant='on-demand'] .course-card-header {
  background-color: #3ecafb;
  color: #13357e;
}

.course-card[data-variant='upcoming-webinar'] .course-card-header {
  background-color: #008a00;
  color: white;
}

.course-card[data-variant='workshop'] .course-card-header {
  background-color: #994600;
  color: white;
}

@keyframes fadeInSlide {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutSlide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}

body:has(* [data-nxp-theme='automotive']) .nxp-wrapper, body:has(* [data-nxp-theme='consumer']) .nxp-wrapper, body:has(* [data-nxp-theme='industrial']) .nxp-wrapper {
  background-color: var(--nxp-gray-100);
}

body:has(* [data-nxp-theme='automotive']) .nxp-wrapper > div:last-of-type, body:has(* [data-nxp-theme='consumer']) .nxp-wrapper > div:last-of-type, body:has(* [data-nxp-theme='industrial']) .nxp-wrapper > div:last-of-type {
  background-color: white;
}

[data-nxp-theme='automotive'] {
  --nxp-application-accent-color: #FF9700;
  --nxp-application-dark-accent-color: #994600;
}

[data-nxp-theme='industrial'] {
  --nxp-application-accent-color: #0EAFE0;
  --nxp-application-dark-accent-color: #215BD6;
}

[data-nxp-theme='consumer'] {
  --nxp-application-accent-color: #69CA00;
  --nxp-application-dark-accent-color: #008A00;
}

[data-nxp-theme='automotive'],
[data-nxp-theme='industrial'],
[data-nxp-theme='consumer'] {
  z-index: 1;
}

[data-nxp-theme='automotive'] .sp-hero,
[data-nxp-theme='industrial'] .sp-hero,
[data-nxp-theme='consumer'] .sp-hero {
  background-color: var(--nxp-application-accent-color);
  position: relative;
}

[data-nxp-theme='automotive'] .sp-hero::before,
[data-nxp-theme='industrial'] .sp-hero::before,
[data-nxp-theme='consumer'] .sp-hero::before {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  background-color: inherit;
}

[data-nxp-theme='automotive'] .impact-border-bottom::after,
[data-nxp-theme='industrial'] .impact-border-bottom::after,
[data-nxp-theme='consumer'] .impact-border-bottom::after {
  border-image: none;
  border-color: #000;
}

[data-nxp-theme='automotive'].site-header,
[data-nxp-theme='industrial'].site-header,
[data-nxp-theme='consumer'].site-header {
  border-bottom: 1px solid #000 !important;
}

[data-nxp-theme='automotive'] .contextnav, [data-nxp-theme='automotive'] .jumptonav, [data-nxp-theme='automotive'] .getstartednav > ul, [data-nxp-theme='automotive'] .gettingstartednav > ul, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul,
[data-nxp-theme='industrial'] .contextnav,
[data-nxp-theme='industrial'] .jumptonav,
[data-nxp-theme='industrial'] .getstartednav > ul,
[data-nxp-theme='industrial'] .gettingstartednav > ul,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul,
[data-nxp-theme='consumer'] .contextnav,
[data-nxp-theme='consumer'] .jumptonav,
[data-nxp-theme='consumer'] .getstartednav > ul,
[data-nxp-theme='consumer'] .gettingstartednav > ul,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul {
  background-color: var(--nxp-application-accent-color) !important;
}

[data-nxp-theme='automotive'] .contextnav::before, [data-nxp-theme='automotive'] .jumptonav::before, [data-nxp-theme='automotive'] .getstartednav > ul::before, [data-nxp-theme='automotive'] .gettingstartednav > ul::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul::before,
[data-nxp-theme='industrial'] .contextnav::before,
[data-nxp-theme='industrial'] .jumptonav::before,
[data-nxp-theme='industrial'] .getstartednav > ul::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul::before,
[data-nxp-theme='consumer'] .contextnav::before,
[data-nxp-theme='consumer'] .jumptonav::before,
[data-nxp-theme='consumer'] .getstartednav > ul::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul::before {
  background: transparent;
}

[data-nxp-theme='automotive'] .contextnav.is-horizontal.affix, [data-nxp-theme='automotive'] .is-horizontal.affix.jumptonav, [data-nxp-theme='automotive'] .getstartednav > ul.is-horizontal.affix, [data-nxp-theme='automotive'] .gettingstartednav > ul.is-horizontal.affix, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul.is-horizontal.affix,
[data-nxp-theme='industrial'] .contextnav.is-horizontal.affix,
[data-nxp-theme='industrial'] .is-horizontal.affix.jumptonav,
[data-nxp-theme='industrial'] .getstartednav > ul.is-horizontal.affix,
[data-nxp-theme='industrial'] .gettingstartednav > ul.is-horizontal.affix,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul.is-horizontal.affix,
[data-nxp-theme='consumer'] .contextnav.is-horizontal.affix,
[data-nxp-theme='consumer'] .is-horizontal.affix.jumptonav,
[data-nxp-theme='consumer'] .getstartednav > ul.is-horizontal.affix,
[data-nxp-theme='consumer'] .gettingstartednav > ul.is-horizontal.affix,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul.is-horizontal.affix,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul.is-horizontal.affix {
  margin: 0;
}

[data-nxp-theme='automotive'] .contextnav li.nav-item.active::before, [data-nxp-theme='automotive'] .jumptonav li.nav-item.active::before, [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item.active::before, [data-nxp-theme='automotive'] .gettingstartednav > ul li.nav-item.active::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item.active::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul li.nav-item.active::before,
[data-nxp-theme='industrial'] .contextnav li.nav-item.active::before,
[data-nxp-theme='industrial'] .jumptonav li.nav-item.active::before,
[data-nxp-theme='industrial'] .getstartednav > ul li.nav-item.active::before,
[data-nxp-theme='industrial'] .gettingstartednav > ul li.nav-item.active::before,
[data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item.active::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul li.nav-item.active::before,
[data-nxp-theme='consumer'] .contextnav li.nav-item.active::before,
[data-nxp-theme='consumer'] .jumptonav li.nav-item.active::before,
[data-nxp-theme='consumer'] .getstartednav > ul li.nav-item.active::before,
[data-nxp-theme='consumer'] .gettingstartednav > ul li.nav-item.active::before,
[data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul li.nav-item.active::before,
.get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul li.nav-item.active::before {
  background-color: black;
}

[data-nxp-theme='automotive'] .sp-icon,
[data-nxp-theme='industrial'] .sp-icon,
[data-nxp-theme='consumer'] .sp-icon {
  position: absolute;
  display: flex;
  left: calc(((-100vw + 100%) / 2) + 24px);
  top: 0;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background-color: white;
}

[data-nxp-theme='automotive'] .sp-hero::before,
[data-nxp-theme='industrial'] .sp-hero::before,
[data-nxp-theme='consumer'] .sp-hero::before {
  content: "";
  height: 1px;
  border-bottom: 1px solid var(--nxp-gray-900) !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-color: inherit;
  background-image: inherit;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}

[data-nxp-theme='automotive'] .sp-hero-data a,
[data-nxp-theme='industrial'] .sp-hero-data a,
[data-nxp-theme='consumer'] .sp-hero-data a {
  color: inherit;
  text-decoration: underline;
}

[data-nxp-theme='automotive'] .vspoverview,
[data-nxp-theme='industrial'] .vspoverview,
[data-nxp-theme='consumer'] .vspoverview {
  padding: 40px 0 8px 0;
  margin: 0;
}

[data-nxp-theme='automotive'] .vspoverview > div,
[data-nxp-theme='industrial'] .vspoverview > div,
[data-nxp-theme='consumer'] .vspoverview > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

[data-nxp-theme='automotive'] .vspoverview > div *,
[data-nxp-theme='industrial'] .vspoverview > div *,
[data-nxp-theme='consumer'] .vspoverview > div * {
  margin: 0;
}

[data-nxp-theme='automotive'] .tags,
[data-nxp-theme='industrial'] .tags,
[data-nxp-theme='consumer'] .tags {
  /* border-bottom: 1px solid $border-color-base;
        padding-bottom: 24px; */
}

[data-nxp-theme='automotive'] .tags li,
[data-nxp-theme='industrial'] .tags li,
[data-nxp-theme='consumer'] .tags li {
  background-color: var(--nxp-application-accent-color);
}

[data-nxp-theme='automotive'] .tags li:hover,
[data-nxp-theme='industrial'] .tags li:hover,
[data-nxp-theme='consumer'] .tags li:hover {
  background-color: var(--nxp-application-dark-accent-color);
}

[data-nxp-theme='automotive'] .tags li:hover a,
[data-nxp-theme='industrial'] .tags li:hover a,
[data-nxp-theme='consumer'] .tags li:hover a {
  color: white;
}

[data-nxp-theme='automotive'] .tags li a,
[data-nxp-theme='industrial'] .tags li a,
[data-nxp-theme='consumer'] .tags li a {
  color: black;
}

[data-nxp-theme='automotive'] .tags li a:hover,
[data-nxp-theme='industrial'] .tags li a:hover,
[data-nxp-theme='consumer'] .tags li a:hover {
  color: white;
  text-decoration: none;
}

[data-nxp-theme='automotive'] .product-list-icon,
[data-nxp-theme='industrial'] .product-list-icon,
[data-nxp-theme='consumer'] .product-list-icon {
  border-bottom: 5px solid var(--nxp-application-accent-color);
  background: none;
  width: 50px;
  height: 5px;
}

[data-nxp-theme='automotive'] #jump-to-buttons .buttons-container,
[data-nxp-theme='industrial'] #jump-to-buttons .buttons-container,
[data-nxp-theme='consumer'] #jump-to-buttons .buttons-container {
  background-color: var(--nxp-application-accent-color);
}

[data-nxp-theme='automotive'] .swiper .box-flex,
[data-nxp-theme='industrial'] .swiper .box-flex,
[data-nxp-theme='consumer'] .swiper .box-flex {
  background-color: white;
}

@media only screen and (max-width: 1320px) {
  [data-nxp-theme='automotive'] .sp-hero,
  [data-nxp-theme='industrial'] .sp-hero,
  [data-nxp-theme='consumer'] .sp-hero {
    padding-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  [data-nxp-theme='automotive'] .site-header-inner,
  [data-nxp-theme='industrial'] .site-header-inner,
  [data-nxp-theme='consumer'] .site-header-inner {
    background-color: var(--nxp-application-accent-color);
  }
  [data-nxp-theme='automotive'] .site-header-inner svg *,
  [data-nxp-theme='industrial'] .site-header-inner svg *,
  [data-nxp-theme='consumer'] .site-header-inner svg * {
    fill: black;
  }
  [data-nxp-theme='automotive'] .site-header-inner #step-forward-link,
  [data-nxp-theme='industrial'] .site-header-inner #step-forward-link,
  [data-nxp-theme='consumer'] .site-header-inner #step-forward-link {
    padding-top: 7px;
  }
  [data-nxp-theme='automotive'] .contextnav::before, [data-nxp-theme='automotive'] .jumptonav::before, [data-nxp-theme='automotive'] .getstartednav > ul::before, [data-nxp-theme='automotive'] .gettingstartednav > ul::before, [data-nxp-theme='automotive'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before, .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='automotive'] .getstartednav > ul::before,
  [data-nxp-theme='industrial'] .contextnav::before,
  [data-nxp-theme='industrial'] .jumptonav::before,
  [data-nxp-theme='industrial'] .getstartednav > ul::before,
  [data-nxp-theme='industrial'] .gettingstartednav > ul::before,
  [data-nxp-theme='industrial'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before,
  .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='industrial'] .getstartednav > ul::before,
  [data-nxp-theme='consumer'] .contextnav::before,
  [data-nxp-theme='consumer'] .jumptonav::before,
  [data-nxp-theme='consumer'] .getstartednav > ul::before,
  [data-nxp-theme='consumer'] .gettingstartednav > ul::before,
  [data-nxp-theme='consumer'] .get-started-container.gs-guides #getting-started-nav .getstartednav > ul::before,
  .get-started-container.gs-guides #getting-started-nav [data-nxp-theme='consumer'] .getstartednav > ul::before {
    background-color: var(--nxp-application-accent-color);
    border-bottom: 1px solid #000 !important;
  }
}

[data-nxp-theme='automotive'] .collapsible-button .btn-icon-only,
[data-nxp-theme='industrial'] .collapsible-button .btn-icon-only,
[data-nxp-theme='consumer'] .collapsible-button .btn-icon-only {
  background-color: var(--nxp-application-accent-color);
}

[data-nxp-theme='automotive']#faq,
[data-nxp-theme='industrial']#faq,
[data-nxp-theme='consumer']#faq {
  background-color: white;
}

[data-nxp-theme='automotive'].bg-image,
[data-nxp-theme='industrial'].bg-image,
[data-nxp-theme='consumer'].bg-image {
  --nxp-emphasis-color: white;
  color: white;
  background-size: cover;
  background-repeat: no-repeat;
}

[data-nxp-theme='automotive'].bg-image::before,
[data-nxp-theme='industrial'].bg-image::before,
[data-nxp-theme='consumer'].bg-image::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
  left: 50%;
  display: block;
  width: 100vw;
  height: 100%;
  background: inherit;
  background-size: cover;
  background-repeat: no-repeat;
}

[data-nxp-theme='automotive']#jump-to-buttons .buttons-container,
[data-nxp-theme='industrial']#jump-to-buttons .buttons-container,
[data-nxp-theme='consumer']#jump-to-buttons .buttons-container {
  background-color: var(--nxp-application-accent-color);
}

.highlights {
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.highlights > * {
  margin: 0;
}

.highlights-list {
  padding: 30px;
  border: 2px solid var(--nxp-application-accent-color);
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.highlights-list li {
  position: relative;
}

.highlights-list li [class*=icon] {
  color: var(--nxp-application-accent-color);
  padding-right: 12px;
}

.about h3 {
  margin-top: 0;
}

.gradient-top {
  height: 80px;
  z-index: 1;
}

.gradient-top::before {
  mask-image: linear-gradient(0deg, var(--nxp-gray-800) 10%, transparent);
  background-color: var(--nxp-gray-800);
}

.collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='automotive']), .collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='consumer']), .collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='industrial']) {
  padding: 0 !important;
  border-top: none !important;
}

.collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='automotive']) > h3:first-child, .collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='consumer']) > h3:first-child, .collapse-mobile.custom-wrapper[data-location]:has(> [data-nxp-theme='industrial']) > h3:first-child {
  display: none;
}

.vsp-partner {
  background-color: var(--nxp-gray-800);
  z-index: 1;
}

.vsp-partner .primary-topic {
  border-bottom: 1px solid #D4CFC5;
}

.vsp-partner .primary-topic-title, .vsp-partner .primary-topic-text, .vsp-partner h3 {
  color: white;
}

.vsp-partner .partner-status {
  color: #F7F5F1;
}

.vsp-partner .partner-gold {
  color: #FF9700;
}

/* Collaborators */
.collapsible-wrapper.collaborator {
  color: white;
}

.collapsible-wrapper.collaborator .collapsible-panel {
  background-color: #474645;
}

.collapsible-wrapper.collaborator .collapsible-header {
  flex-direction: row;
  padding: 0;
}

.collapsible-wrapper.collaborator .collapsible-button .btn-icon-only {
  background-color: #F7F5F1;
  color: #000;
}

.collapsible-wrapper.collaborator .collapsible-button .btn-icon-only:hover {
  background-color: var(--nxp-gray-200);
}

.collapsible-wrapper.collaborator .partner-badge .brand-logo {
  height: 38px;
}

.collapsible-wrapper.collaborator .partner-badge .partner-content {
  border-color: #D4CFC5;
}

.collapsible-wrapper.collaborator .partner-badge .partner-status {
  color: #F7F5F1;
}

.collapsible-wrapper.collaborator h1, .collapsible-wrapper.collaborator h2, .collapsible-wrapper.collaborator h3, .collapsible-wrapper.collaborator h4, .collapsible-wrapper.collaborator h5 {
  color: white;
}

.collapsible-wrapper.collaborator p a {
  color: #3ECAFB;
}

@media only screen and (max-width: 480px) {
  .collapsible-wrapper.collaborator .collapsible-header {
    flex-wrap: wrap;
  }
}

.grid-cta {
  display: grid;
  gap: 12px 30px;
  grid-template-columns: repeat(2, 1fr);
}

.grid-cta-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  color: black;
  background: white;
  border-radius: 25px;
  padding: 10px 24px;
}

.grid-cta-element:hover {
  text-decoration: none;
  color: inherit;
}

.grid-cta-item {
  display: flex;
  gap: 14px;
  border-left: 1px solid #d4cfc5;
  padding-left: 14px;
}

.grid-cta-item > * {
  margin: 0;
}

.grid-cta-item p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-cta-item .insignia.account-required {
  color: #000;
}

.grid-cta-item i:not(.fnxp-certificate-check) {
  font-size: 24px;
}

.grid-cta-item:first-child, .grid-cta-item:last-child {
  border: none;
  padding-left: 0;
}

.grid-cta-item:first-child span, .grid-cta-item:first-child .account-required, .grid-cta-item:last-child span, .grid-cta-item:last-child .account-required {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}

.grid-cta-item:hover p {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .grid-cta {
    grid-template-columns: repeat(1, 1fr);
  }
}

.layout-container {
  display: grid;
  gap: 12px 30px;
  grid-template-columns: repeat(1, 1fr);
  transition: all ease-in-out 400ms;
}

.layout-one-two {
  grid-template-columns: minmax(200px, 300px) 1fr;
  /* Opcional: para ocupar toda la altura de la ventana */
}

@media (max-width: 1200px) {
  .layout-one-two {
    grid-template-columns: minmax(200px, 250px) minmax(400px, calc(100vw - 250px));
  }
}

@media (max-width: 768px) {
  .layout-one-two {
    grid-template-columns: 1fr;
  }
}

.layout-left {
  border-right: 1px solid black;
}

.layout-content .container-section {
  padding: 0 15px;
  margin: 0 auto;
}

.overlay-container {
  position: relative;
}

.overlay-container .overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 2;
}

.overlay-fanburst {
  background-image: url("/resources/images/overlay-fanburst.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

@media only screen and (max-width: 991px) {
  .responsive-variant .overlay-fanburst {
    bottom: 0;
    left: 0;
    top: unset;
    background-image: url("/resources/images/overlay-fanburst-vertical.svg");
    background-position: bottom center;
  }
}

.mask-fanburst {
  mask-image: url("/resources/images/mask-fanburst.svg");
  mask-position: left center;
  mask-repeat: no-repeat;
  mask-size: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 991px) {
  .responsive-variant .mask-fanburst {
    mask-image: url("/resources/images/mask-fanburst-vertical.svg");
    mask-position: bottom;
    width: 100%;
    height: 100%;
  }
}

.story-card {
  display: flex;
  background-color: var(--nxp-gray-100);
}

.story-card .story-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
  padding: 40px 0 40px 40px;
  color: var(--nxp-body-color);
}

.story-card .story-card-content > * {
  margin: 0;
  padding: 0;
}

.story-card .story-card-content .btn-container {
  margin-top: 8px;
}

.story-card .story-card-content .highlight-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
}

.story-card .story-card-content .highlight-box .impact-label {
  font-size: 40px;
}

.story-card .story-card-content.grid-align {
  padding-left: 30px;
}

.story-card .story-card-image {
  width: 55%;
}

.story-card.w-partner .story-card-content {
  align-items: center;
  justify-content: center;
  min-height: 340px;
}

.story-card.w-partner .story-card-content .story-partner {
  width: 180px;
  height: auto;
}

.story-card.w-partner .story-card-content .story-partner img {
  width: 100%;
  height: 100%;
}

.story-card.w-partner .story-card-image {
  width: 68%;
}

.story-card.w-partner:has(.highlight-box) .story-card-image {
  width: 60%;
}

@media only screen and (max-width: 991px) {
  .story-card {
    flex-direction: column;
  }
  .story-card .story-card-content {
    order: 2;
    padding: 40px;
  }
  .story-card .story-card-content.grid-align {
    padding-left: 30px;
    padding-right: 30px;
  }
  .story-card .story-card-image {
    width: 100%;
    order: 1;
  }
  .story-card.w-partner .story-card-image {
    width: 100%;
    order: 1;
  }
  .story-card.w-partner .story-card-content {
    max-height: 200px;
    min-height: unset;
    height: 200px;
  }
  .story-card.w-partner:has(.highlight-box) .story-card-image {
    width: 100%;
  }
}

.eventInfoStrip {
  display: flex;
  align-items: center;
  padding: 48px 0;
}

.eventInfoStrip .eventInfoStrip-icon {
  margin-right: 30px;
}

.eventInfoStrip .eventInfoStrip-icon i {
  font-size: 48px;
}

.eventInfoStrip .eventInfoStrip-content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.eventInfoStrip .eventInfoStrip-content .eventInfoStrip-description {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eventInfoStrip .eventInfoStrip-content .eventInfoStrip-description h2,
.eventInfoStrip .eventInfoStrip-content .eventInfoStrip-description h3 {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .eventInfoStrip {
    align-items: flex-start;
  }
  .eventInfoStrip .eventInfoStrip-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .eventInfoStrip .eventInfoStrip-content .eventInfoStrip-description {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

.ds-column-right .item-options .btn-group.show, .btn-group.btn-group-flex.show {
  display: flex !important;
}

.ds-column-right .item-options .btn-group.show .dropdown-menu, .btn-group.btn-group-flex.show .dropdown-menu {
  right: -10px !important;
  left: unset !important;
  top: 40px !important;
}

.input-group-lg.show {
  display: flex !important;
}

.ds-column-right .item-options .dropdown-menu {
  right: 0px !important;
  left: unset !important;
  top: 40px !important;
}
.swiper-slide .box-card-results{display:flex;height:100%}.swiper-slide .box-card-results .box-opts-image{width:100%!important}.swiper-slide .box-card-results .box-opts-image figure{max-width:100%!important;min-height:190px}