.bottom-section,
.data-desp,
.partner-rating-container,
.title-link,
.title-link-doc {
    padding-left: 2.6rem
}

.data-desp,
.date-text {
    color: var(--gray-500)
}

.breadcrumbs-dot {
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/dot.svg) no-repeat;
    width: .25rem;
    height: .25rem;
    display: inline-block;
    margin: 0 .5rem .12rem .8rem
}

.field-label-mobile,
.icon-section-mobile,
.press-image-section-mobile,
.training-image-section-mobile {
    display: none
}

.breadcrumbs-span {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.field {
    display: inline-flex;
    white-space: nowrap;
    align-items: center
}

.Location-section .field-label {
    font-weight: var(--font-bold);
    line-height: 1.5rem;
    margin-right: .25rem
}

.Location-section .breadcrumbs-section {
    color: var(--gray-500);
    text-align: center;
    line-height: 1.25rem
}

.application-icon::before,
.community-icon::before,
.design-icon::before,
.event-icon::before,
.package-icon::before,
.partner-icon::before,
.press-icon::before,
.product-icon::before ,
.job-icon::before{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    font-family: var(--infineon-font-family)
}

.bottom-section atomic-result-link a,
.link-icon-box,
.no-page-url,
.title-link atomic-result-link a,
.title-link-text {
    color: var(--black);
    font-size: var(--atomic-text-xl);
    font-weight: var(--font-bold);
    line-height: 1.75rem
}

.download_software_tools,
.link-text {
    color: var(--brand-500);
    text-decoration: none
}

atomic-result-link a:hover {
    color: var(--brand-500) !important;
    text-decoration: none !important
}

atomic-result-link a:focus-visible {
    border-radius: 0.0625rem !important;
    outline: solid var(--brand-500) !important;
    outline-offset: 0.188rem !important;
    text-decoration: none !important
}

.data-desp {
    line-height: 1.25rem;
    padding-bottom: 1rem
}

.author-text {
    padding-right: 1rem
}

atomic-result-fields-list>::after {
    display: none !important
}

.icon-section,
.icon-section-doc {
    margin-right: 1.1rem
}

.community-icon::before {
    content: var(--icon-community)
}

atomic-result-fields-list {
    margin-bottom: 1rem;
    border-bottom: .0625rem solid var(--border-bottom)
}

.result-section-press atomic-result-fields-list {
    border-bottom: none
}

.bottom-list {
    border-bottom: 0
}

.bottom-section {
    padding-bottom: 1rem;
    display: flex
}

.product-icon::before {
    content: var(--icon-chip)
}

.job-icon::before{
    content: var(--icon-briefcase)
}
.application-icon::before {
    content: var(--icon-applications)
}

.partner-icon::before {
    content: var(--icon-coach)
}

.event-icon::before {
    content: var(--icon-calendar)
}

.design-icon::before {
    content: var(--icon-chips)
}

.download-icon {
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/download-16.svg) center no-repeat
}

.press-icon::before {
    content: var(--icon-article)
}

.package-icon::before {
    content: var(--icon-package)
}

.pdf-icon {
    width: 1rem;
    height: 1.5rem;
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/file-pdf-16.svg) center no-repeat;
    display: inline-block
}

.about-icon,
.document-icon {
    width: 1.5rem;
    height: 1.5rem
}

.document-icon {
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/file-pdf-24.svg) no-repeat
}

.about-icon {
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/list-24.svg) no-repeat
}

.training-icon::before {
    content: "";
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/training-icon-24.svg) no-repeat center center;
    background-size: 1.5rem 1.5rem
}

custom-external-url::part(lock-icon)::before {
    font-size: 1rem;
    color: #e16b25;
    margin-right: .5rem;
    content: var(--icon-lock-f);
    font-family: var(--infineon-font-family);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.75rem
}

custom-external-videos::part(lock-icon-video-thum)::before,
custom-external-image::part(lock-icon-video-thum)::before {
    font-size: 1rem;
    color: #e16b25;
    content: var(--icon-lock-f);
    font-family: var(--infineon-font-family);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.75rem;
    height: 100%
}

custom-external-videos::part(lock-icon-div),
custom-external-image::part(lock-icon-div) {
    cursor: pointer;
    background-color: rgb(0 0 0 / .75);
    position: relative;
}

custom-external-videos::part(lock-icon-video),
custom-external-image::part(lock-icon-video) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

custom-external-url::part(download-fade-icon) {
    width: 1rem;
    height: 1rem;
    margin-left: .5rem;
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/download-black-16.svg) no-repeat
}

custom-external-url::part(document-unlock-icon) {
    margin-right: .5rem
}

custom-external-url::part(document-download-icon) {
    margin-left: .5rem
}

custom-document-icon::part(partner-ecosystems-icon)::before {
    content: var(--icon-coach);
    font-family: var(--infineon-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1.5rem
}

custom-document-icon::part(package-overview-icon)::before {
    content: var(--icon-package);
    font-family: var(--infineon-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1.5rem
}

custom-document-icon::part(about-icon)::before {
    content: var(--icon-list);
    font-family: var(--infineon-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--atomic-ring-primary);
    line-height: 1.5rem
}
custom-document-icon::part(package-overview-icon)::before {
  content: var(--icon-package);
  font-family: var(--infineon-font-family);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--black);
  line-height: 1.5rem;
}

custom-document-icon::part(about-icon)::before {
  content: var(--icon-list);
  font-family: var(--infineon-font-family);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--atomic-ring-primary);
  line-height: 1.5rem;
}
custom-document-icon::part(online-icon)::before {
  content: "";
  background:url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/laptop-online-events-16.svg) center no-repeat;
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  background-size: cover;
}

custom-document-icon::part(face-to-face-icon)::before {
    content: var(--icon-map-pin);
    font-family: var(--infineon-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1rem;
    margin-right: .5rem;
    margin-left: 0rem
}

custom-document-icon::part(hybrid-icon)::before {
  content: "";
  background:url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/laptop-hybrid-16.svg) center no-repeat;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: cover;
}

custom-document-icon::part(event-icon)::before {
  content: var(--icon-calendar);
  font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--black);
    font-family: var(--infineon-font-family)
}
.icon-map-pin::before {
    content: var(--icon-map-pin);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1rem;
    margin-right: .5rem;
    margin-left: 0rem
}

.visual-section,
.visual-section-press {
    display: flex;
    width: 100%;
    height: auto;
    align-items: center
}

.breadcrumbs {
    width: 90%
}

.ellipsis_description,
.ellipsis_training-description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

b,
strong {
    font-weight: var(--font-bold) !important
}

.ellipsis_description atomic-html {
    line-height: 0
}

custom-external-url::part(url-style):hover {
    color: var(--brand-500)
}

custom-external-url::part(url-style):active {
    color: var(--atomic-primary)
}

custom-button::part(icon-container):focus-visible,
custom-document-icon::part(docx-icon):focus-visible,
custom-document-icon::part(htm-icon):focus-visible,
custom-document-icon::part(pdf-icon):focus-visible,
custom-document-icon::part(ppt-icon):focus-visible,
custom-document-icon::part(xlsx-icon):focus-visible,
custom-document-icon::part(zip-icon):focus-visible,
custom-external-url::part(url):focus-visible,
custom-external-url::part(url-style):focus-visible,
custom-external-url::part(url-text):focus-visible,
custom-popup::part(drop-style):focus-visible,
custom-popup::part(url-style):focus-visible {
    border-radius: .0625rem;
    outline: solid var(--brand-500);
    outline-offset: .188rem
}

.icon-box,
.link-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.link-box,
custom-button::part(icon-container) {
    display: flex;
    align-items: center;
    justify-content: center
}

.vertical-line {
    display: inline-block;
    border-left: .1rem solid #dadada;
    margin-left: 1rem;
    height: 1.5rem
}

.download_software_tools {
    display: flex;
    cursor: pointer;
    line-height: 1.25rem;
    font-weight: var(--font-bold)
}

custom-external-url::part(download-software-tools),
custom-external-url::part(event_add_calendar_label) {
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    gap: .5rem;
    display: flex;
    cursor: pointer;
    color: var(--brand-500);
    justify-content: center;
    align-items: center;
    line-height: 1.5rem;
    margin: 0
}

custom-external-url::part(recommend-downlaod-link),
custom-external-url::part(simulation-tool),
custom-popup::part(simulation-model),
custom-popup::part(simulation-tool) {
    display: flex;
    cursor: pointer;
    color: var(--brand-500);
    line-height: 1.25rem;
    font-weight: var(--font-bold);
    text-decoration: none;
    gap: .5rem
}

.download-icon,
custom-external-url::part(install-SW-icon) {
    width: 1rem;
    height: 1.4rem;
    display: inline-block
}

custom-external-url::part(install-SW-icon)::before {
    content: var(--icon-file-pdf);
    font-family: var(--infineon-font-family);
    color: var(--brand-500);
    font-size: 1rem;
    font-weight: 500
}

custom-popup::part(popup-container) {
    box-shadow: 0 0 16px 0 #1d1d1d1f;
    position: absolute;
    background: var(--atomic-background);
    padding: .5rem;
    z-index: 1;
    width: 15rem;
    border: 1px solid #eeeded;
    border-radius: 1px;
    margin-top: .5rem
}

custom-popup::part(simulation-download-icon) {
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/Arrow.svg) center no-repeat;
    width: 1rem;
    padding: 1rem
}

custom-external-url::part(document-download-icon)::before,
custom-popup::part(document-download-icon)::before {
    content: var(--icon-download);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 500
}

custom-popup::part(dropdown-url) {
    color: var(--black);
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    display: flex
}

custom-popup::part(dropdown-utl-text) {
    padding: .5rem 1rem
}

.icon-right::before,
custom-external-url::part(icon-right)::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: var(--icon-arrow-right);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 500
}

custom-external-url::part(icon-external)::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: var(--icon-external);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 500
}

.icon-calendar-training {
    display: flex;
    gap: .5rem
}

custom-external-url::part(icon-calendar)::before,
.icon-calendar-training::before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: var(--icon-calendar);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 500
}

custom-button::part(cart-icon),
custom-external-url::part(download-icon),
custom-external-url::part(pdf-icon) {
    height: 1.5rem;
    width: 1rem
}

.link-text,
.pdf-box,
.vertical-line,
custom-button::part(cart-icon),
custom-external-url::part(download-icon),
custom-external-url::part(pdf-icon) {
    display: inline-block
}

custom-external-url::part(pdf-icon) {
    display: flex;
    padding-right: .5rem;
    justify-content: center;
    align-items: center
}

custom-external-url::part(pdf-icon)::before {
    content: var(--icon-file-pdf);
    font-family: var(--infineon-font-family);
    font-size: 1rem;
    font-weight: 500
}

.pdf-box {
    margin-left: .5rem;
    line-height: 1.5rem
}

custom-button::part(cart-icon) {
    padding-right: .5rem;
    cursor: pointer
}

custom-button::part(cart-icon)::before {
    content: var(--icon-cart);
    font-family: var(--infineon-font-family);
    color: var(--brand-500);
    font-size: 1rem;
    font-weight: 500
}

.link-text {
    line-height: 1.25rem;
    font-weight: var(--font-bold)
}

custom-button::part(add_to_cart_link) {
    color: var(--brand-500);
    line-height: 1.25rem;
    font-weight: var(--font-bold);
    text-decoration: none;
    cursor: pointer
}

.partner-rating-logo {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/award-16.svg) no-repeat
}

.partner-logo-container,
.partner-rating-container {
    display: flex;
    align-items: center;
    gap: .5rem
}

.image-section {
    max-width: 5rem;
    height: 1.5rem
}

.ml-16 {
    margin-left: 1rem
}

.icon-section,
.mr-16,
.vertical-line {
    margin-right: 1rem
}

.link-icon-box {
    display: inline-block;
    margin-left: 0;
    line-height: 1.5rem
}

.no-page-url {
    line-height: 1.75rem;
    display: inline-block;
    text-decoration: none
}

.bottom-meta-data {
    display: flex
}

custom-external-url::part(download-icon)::before {
    content: var(--icon-download);
    font-family: var(--infineon-font-family);
    color: var(--brand-500);
    font-size: 1rem;
    font-weight: 500
}

.d-flex-press {
    display: flex !important;
    margin-bottom: 1rem;
    border-bottom: .0625rem solid var(--border-bottom)
}

.gap-3 {
    gap: 1rem
}

.result-section-press {
    width: 70%
}

.image-section-press {
    width: 30%;
    height: 9.125rem
}

.data-desp,
.title-link {
    width: 100%
}

.job-details,
.title-link-doc {
    align-items: center
}

.title-link-doc {
    width: 100%;
    display: flex;
    justify-content: start
}

.d-flex-col {
    display: flex;
    flex-direction: column
}

.d-flex-row {
    display: flex;
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.job-details>:not(:empty) {
    padding: 0
}

.job-details>:first-child {
    padding-left: 0;
    border-left: 0
}

custom-external-url::part(url),
custom-external-url::part(url-text) {
    display: flex;
    align-items: center;
    color: var(--black);
    font-size: var(--atomic-text-xl);
    font-weight: var(--font-bold);
    line-height: 1.75rem;
    text-decoration: inherit;
    margin: 0
}

custom-external-url::part(url):hover {
    color: var(--brand-500)
}

custom-external-url::part(url):active {
    color: var(--atomic-primary)
}

.custom-url {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ifx-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: visible;
    z-index: 2
}

.ifx-tooltip-content {
    position: absolute;
    left: -.25rem;
    bottom: calc(100% + .5rem);
    display: none;
    flex-direction: column;
    align-items: flex-start;
    z-index: 100;
    color: var(--ifx-color-base-white, #fff);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: var(--ifx-color-base-black, #1d1d1d);
    padding: var(--ifx-space-50, .25rem) var(--ifx-space-100, .5rem);
    border-radius: 1px;
    white-space: nowrap
}

.ifx-tooltip-arrow {
    position: absolute;
    left: var(--ifx-space-100, .5rem);
    transform: translateX(-50%);
    bottom: calc(100% + .125rem);
    display: none;
    z-index: 100;
    width: var(--ifx-size-150, .75rem);
    height: var(--ifx-size-100, .5rem)
}

.ifx-tooltip:hover .ifx-tooltip-content {
    display: flex
}

.ifx-tooltip:hover .ifx-tooltip-arrow {
    display: block
}

.ifx-tooltip-content.ifx-tooltip-content-multiline {
    white-space: pre-line;
    width: max-content;
    max-width: 20rem;
    text-align: left
}

custom-document-icon::part(docx-icon),
custom-document-icon::part(htm-icon),
custom-document-icon::part(pdf-icon),
custom-document-icon::part(ppt-icon),
custom-document-icon::part(unknown-icon),
custom-document-icon::part(xlsx-icon),
custom-document-icon::part(zip-icon) {
    text-decoration: none
}

custom-document-icon::part(docx-icon)::before,
custom-document-icon::part(htm-icon)::before,
custom-document-icon::part(pdf-icon)::before,
custom-document-icon::part(ppt-icon)::before,
custom-document-icon::part(unknown-icon)::before,
custom-document-icon::part(xlsx-icon)::before,
custom-document-icon::part(zip-icon)::before {
    font-family: var(--infineon-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1.5rem
}

custom-document-icon::part(pdf-icon)::before {
    content: var(--icon-file-pdf)
}

custom-document-icon::part(zip-icon)::before {
    content: var(--icon-file-zip)
}

custom-document-icon::part(xlsx-icon)::before {
    content: var(--icon-file-xlsx)
}

custom-document-icon::part(docx-icon)::before {
    content: var(--icon-file-docx)
}

custom-document-icon::part(htm-icon)::before {
    content: var(--icon-file-html)
}

custom-document-icon::part(ppt-icon)::before {
    content: var(--icon-file-pptx)
}

custom-document-icon::part(unknown-icon)::before {
    content: var(--icon-file)
}

.vertical-line-doc {
    border-left: .1rem solid #dadada;
    margin-left: .5rem;
    margin-right: .5rem;
    height: 1.5rem
}

@media screen and (max-width:64rem) {

    .breadcrumbs-section,
    .field-label-mobile,
    .icon-section-mobile {
        vertical-align: super
    }

    custom-breadcrumb::part(path) {
        vertical-align: super;
        line-height: 1px
    }

    .icon-section-mobile {
        display: inline-block;
        line-height: 1rem
    }

    .breadcrumbs-span {
        white-space: wrap !important
    }

    .job-breadcrumb{
        display: flex;
        align-items: center;
    }

    .field-label,
    .icon-section {
        display: none !important
    }

    .document-field-label {
        display: block !important
    }

    .bottom-section,
    .data-desp,
    .partner-rating-container,
    .title-link,
    .title-link-doc {
        padding-left: 0 !important
    }

    .field-label-mobile {
        font-weight: var(--font-bold);
        line-height: 1.5rem;
        margin-right: .25rem;
        margin-left: .5rem;
        display: inline-flex;
        align-items: center
    }

    .visual-section {
        height: 100% !important
    }

    .press-image img {
        object-position: center
    }

    .custom-image-url-container {
        display: flex
    }

    .result-section-press {
        width: 100% !important
    }

    .image-section-press {
        display: none
    }

    .image-section-press.press-image-section-mobile {
        display: block;
        width: 100%;
        max-width: 200px;
        min-width: 120px;
        margin-right: 1rem
    }

    .training-image-section-mobile {
        display: block;
        width: 100%;
        height: 100%;
        margin-right: 1rem
    }

    .visual-section-press {
        height: fit-content !important
    }

    .icon-section-doc {
        margin-right: .5rem
    }

    .application-icon,
    .community-icon::before,
    .design-icon::before,
    .event-icon::before,
    .package-icon::before,
    .partner-icon::before,
    .press-icon::before,
    .product-icon::before,
    .job-icon::before {
        font-weight: 400;
        font-family: var(--infineon-font-family);
        font-size: 1rem;
        color: var(--black);
        line-height: 1rem
    }

    .community-icon::before {
        content: var(--icon-community)
    }

    .product-icon::before {
        content: var(--icon-chip)
    }
    .job-icon::before{
        content: var(--icon-briefcase)
    }
    .training-icon::before {
        content: "";
        display: block;
        height: 1.5rem;
        width: 1.5rem;
        background: url(/etc.clientlibs/ifx/clientlibs/clientlibs-iconpackage/resources/icons/training-icon-24.svg) no-repeat center center;
        background-size: 1.5rem 1.5rem
    }

    .icon-box {
        padding-bottom: .5rem;
        display: contents;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .application-icon {
        content: var(--icon-applications)
    }

    .partner-icon::before {
        content: var(--icon-coach)
    }

    .event-icon::before {
        content: var(--icon-calendar)
    }

    .design-icon::before {
        content: var(--icon-chips)
    }

    .bottom-section {
        padding-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: .5rem
    }

    .press-icon::before {
        content: var(--icon-article)
    }

    .package-icon::before {
        content: var(--icon-package)
    }

    custom-document-icon::part(pdf-icon) {
        background: 0 0
    }

    custom-document-icon::part(docx-icon)::before,
    custom-document-icon::part(htm-icon)::before,
    custom-document-icon::part(pdf-icon)::before,
    custom-document-icon::part(ppt-icon)::before,
    custom-document-icon::part(unknown-icon)::before,
    custom-document-icon::part(xlsx-icon)::before,
    custom-document-icon::part(zip-icon)::before {
        font-size: 1rem;
        font-weight: 500
    }

    custom-document-icon::part(about-icon)::before {
        content: var(--icon-list);
        font-family: var(--infineon-font-family);
        font-size: 1rem;
        font-weight: 400;
        color: var(--black);
        line-height: 1rem
    }

    custom-document-icon::part(package-overview-icon)::before {
        content: var(--icon-package);
        font-family: var(--infineon-font-family);
        font-size: 1rem;
        font-weight: 400;
        color: var(--black);
        line-height: 1rem
    }

    custom-document-icon::part(partner-ecosystems-icon)::before {
        content: var(--icon-coach);
        font-family: var(--infineon-font-family);
        font-size: 1rem;
        font-weight: 400;
        color: var(--black);
        line-height: 1rem
    }
}

atomic-result-badge::part(result-badge-icon) {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff0;
    margin-left: 0
}

atomic-result-badge::part(result-badge-label) {
    color: #1d1d1d;
    font-weight: 600;
    font-size: .875rem;
    background-color: #fff0;
    margin: 0
}

atomic-result-badge::part(result-badge-element) {
    color: blue;
    background-color: #fff0;
    padding: 0;
    display: flex;
    gap: 1rem
}

.videos-results-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
    border-bottom: .0625rem solid #eeeded
}

.videos-results-content {
    width: calc(100%)
}

.results-videos-block {
    width: 14.375rem;
    height: 8.125rem;
    overflow: hidden;
    position: relative;
    float: right
}

.videos-results-section atomic-result-badge {
    margin-top: 0;
    width: 60%
}

.videos-results-section .video-description,
.videos-results-section .video-title {
    width: calc(100% - 15.875rem);
    display: block;
    margin-top: .25rem;
    padding-left: 2.6rem
}

@media (max-width:48rem) {
    .videos-results-content {
        width: 100%;
        padding-right: 0
    }

    .results-videos-block {
        width: 7.5rem;
        height: 3.75rem;
        float: left;
        min-width: 7.5rem;
        display: inline-flex
    }

    .videos-results-section .video-description,
    .videos-results-section .video-title {
        width: calc(100%);
        padding-left: 0
    }

    .videos-results-section .video-title {
        display: inline-flex
    }

    .mobile-version-design {
        display: flex;
        gap: 1rem
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.video-popup {
    z-index: 1000
}

atomic-result-link>a>atomic-result-text {
    color: #1d1d1d
}

custom-external-url::part(document-share-icon) {
    margin-left: 0
}

custom-external-url::part(document-share-icon)::before {
    content: var(--icon-share);
    font-family: var(--infineon-font-family);
    font-size: 1rem
}

.flex-start {
    justify-content: flex-start !important;
    display: flex
}

.row-div .row-items {
    margin-left: 0rem
}

.row-div .row-items:first-child {
    margin-left: 0rem
}

.vertical-line-event {
    display: inline-block;
    border-left: .1rem solid #dadada;
    margin-left: .5rem;
    margin-right: .5rem;
    height: 1.5rem
}

.infi_eventcategory {
    display: inline-block;
    line-height: 1.5rem
}

.lms-desc {
    padding-bottom: 0rem
}

.search-layout.hide-facets atomic-layout-section[section="facets"] {
    display: none !important;
}

.search-layout.ifx-product-finder-mode atomic-layout-section[section="facets"],
.search-layout.ifx-product-finder-mode atomic-layout-section[section="status"],
.search-layout.ifx-product-finder-mode atomic-layout-section[section="results"],
.search-layout.ifx-product-finder-mode atomic-layout-section[section="pagination"]
 {
    display: none !important;
}
atomic-search-interface.ifx-product-finder-mode .discontinuedExactMatchTable,
atomic-search-interface.ifx-product-finder-mode #no-result-default,
atomic-search-interface.ifx-product-finder-mode #no-query-result-container,
atomic-search-interface.ifx-product-finder-mode .search-header {
    display: none !important;
}

.search-component .search-layout.ifx-product-finder-mode {
    margin-bottom: 0 !important;
}

atomic-search-interface.ifx-product-finder-mode .tab-list-container {
    margin-bottom: 0 !important;
}

atomic-search-interface.ifx-product-finder-mode .main-result {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .table_top_filter_header,
atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .table_top_filter_header_mobile {
    margin-top: 0 !important;
}

atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .table_top_filter_header .left_filter_header {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}

atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .table_top_filter_header .right_filter_header {
    width: auto;
    flex: 0 0 auto;
    margin-left: auto;
}

atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .total-count {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    margin-left: auto;
    padding-top: 0 !important;
    white-space: nowrap;
}

atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .total-count .download-icon,
atomic-search-interface.ifx-product-finder-mode .ifx_product_table_component .left_filter_header_mobile .download-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding-left: 1.5rem;
    background-position: left center;
    background-size: 1rem;
    white-space: nowrap;
}

html[data-ifx-active-tab-id="productFinder"] .tab-list-container {
    margin-bottom: 0 !important;
}

html[data-ifx-active-tab-id="productFinder"] .ifx_product_table_component .table_top_filter_header .left_filter_header {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.5rem;
}

html[data-ifx-active-tab-id="productFinder"] .ifx_product_table_component .table_top_filter_header .right_filter_header {
    width: auto;
    flex: 0 0 auto;
    margin-left: auto;
}

html[data-ifx-active-tab-id="productFinder"] .ifx_product_table_component .total-count {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    margin-left: 0;
    padding-top: 0 !important;
    padding-left: 0.5rem;
    white-space: nowrap;
}

html[data-ifx-active-tab-id="productFinder"] .ifx_product_table_component .total-count .download-icon {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding-left: 0 !important;
    background: none !important;
}

html[data-ifx-active-tab-id="productFinder"] .ifx_product_table_component .total-count .download-icon::before {
    content: none !important;
}