﻿.filesDownloadList {
    max-width: 1128px;
    margin: 0 auto;
}

    .filesDownloadList .fi__noResultsContent .medium-txt-title {
        font-family: var(--font-tpSans-exLight);
        color: #4b26ad;
        margin-bottom: 24px;
        text-align: center;
    }

    .filesDownloadList .fi__noResultsContent .medium-txt-body {
        font-family: var(--font-tpSans-light);
        color: #38514d;
        text-align: center;
    }

    .filesDownloadList p {
        margin: 0;
    }

    .filesDownloadList ul {
        list-style: none;
    }

    .filesDownloadList .fileDownload__search {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .filesDownloadList .fileDownload__search-inner {
        display: flex;
        align-items: flex-end;
        gap: 24px;
        width: 100%;
    }

    .filesDownloadList .fileDownload__filters {
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        width: 100%;
    }

    .filesDownloadList .tp-filter-dropdown {
        position: relative;
        width: 100%;
    }

    .filesDownloadList .tp-filter-buttonDropdown {
        position: relative;
        flex: 1 0 0;
        min-width: 0;
        min-height: 40px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--border-neutral-strong); /* #8b9eb3 */
        transition: border-color var(--t-base) var(--ease);
    }

        .filesDownloadList .tp-filter-buttonDropdown:hover {
            border-bottom-color: var(--title-primary-strong);
        }

        .filesDownloadList .tp-filter-buttonDropdown:focus-within {
            border-bottom-color: var(--title-primary-strong);
        }

    .filesDownloadList .tp-filter-dropdown[open] .tp-filter-buttonDropdown .tp-filter-dropdown__icon {
        transform: rotate(180deg)
    }

    .filesDownloadList .tp-filter-dropdown__label {
        font-family: var(--font-tpSans-light);
        font-size: 18px;
        color: #010101;
        font-weight: 300;
    }

    .filesDownloadList .tp-filter-dropdown__body {
        position: absolute;
        z-index: 2;
        background-color: white;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 0.5rem 8px;
    }

        .filesDownloadList .tp-filter-dropdown__body .tp-filter-dropdown__list {
            height: auto;
            max-height: 14rem;
            margin: 0;
            padding: 0;
            overflow-y: auto;
            border: 1px solid #CED6DE;
            border-top: 0;
        }

    .filesDownloadList .tp-filter-dropdown .tp-filter-dropdown__body .tp-filter-dropdown__list .tp-filter-dropdown__item {
        border: 1px solid #CED6DE;
        padding: 1rem;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        font-family: var(--font-tpSans-light);
        font-weight: 300;
    }

        .filesDownloadList .tp-filter-dropdown .tp-filter-dropdown__body .tp-filter-dropdown__list .tp-filter-dropdown__item:hover {
            background: #F4F6F8;
        }

    .filesDownloadList .filesDownloadList-table {
        border-collapse: separate;
        border-spacing: 0 20px;
    }

    .filesDownloadList .filesDownloadList-table-head-row {
        font-family: var(--font-tpSans-light);
        font-size: 18px;
        font-weight: 300;
        padding: 12px 8px;
        color: #010101;
        background-color: #F4F6F8;
        border-right: 8px solid var(--text-color);
    }

        .filesDownloadList .filesDownloadList-table-head-row:last-child {
            border: none;
        }

    .filesDownloadList .filesDownloadList-table-body-item {
        padding: 18px 8px;
        font-family: var(--font-tpSans-light);
        font-size: 18px;
        font-weight: 300;
        border-bottom: 1px solid #8B9EB3;
    }

    /* .filesDownloadList .filesDownloadList-table-body-row {
        border-bottom: 1px solid #8B9EB3;
    }*/

    /*.filesDownloadList .filesDownloadList-table-body-row:hover {
        box-shadow: 0 0 15px rgb(0 0 0 / 25%);
    }*/

    .filesDownloadList .tp-insight__search {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #CED6DE;
        width: 100%;
        margin: 0;
        color: #3E4854;
        padding: 0.5rem;
        font-family: var(--font-tpSans-light);
    }

        .filesDownloadList .tp-insight__search input {
            border: 0;
            box-shadow: none;
            outline: none;
            padding: 0;
            width: 89%;
        }

            .filesDownloadList .tp-insight__search input:focus-visible,
            .filesDownloadList .tp-insight__search input:focus {
                border: 0;
                box-shadow: none;
                outline: none;
            }

    .filesDownloadList .tp-filter-dropdown__list .notresult {
        border: 1px solid #CED6DE;
        width: 100%;
        padding: 0.5rem;
        color: #3E4854;
        font-size: 16px;
        font-family: var(--font-tpSans-medium);
    }

    .filesDownloadList .tp-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 56px;
        min-width: 120px;
        padding: 8px 16px;
        background: #8051FF;
        color: #FFFFFF;
        font-size: 18px;
        font-family: var(--font-tpSans-light);
        font-weight: 300;
        white-space: nowrap;
        overflow: hidden;
        isolation: isolate;
    }

        .filesDownloadList .tp-btn > * {
            position: relative;
            z-index: 2;
        }

    .filesDownloadList .tp-btn__accent {
        position: absolute;
        inset: 0;
        background: var(--bg-secondary-strong);
        transform: scaleX(0);
        transform-origin: left center;
        z-index: 1;
        transition: transform var(--t-base) var(--ease);
    }

    .filesDownloadList .tp-btn:hover .tp-btn__accent,
    .filesDownloadList .tp-btn:focus-visible .tp-btn__accent {
        transform: scaleX(1);
    }

    .filesDownloadList .tp-btn__icon {
        width: 24px;
        height: 24px;
        flex: none;
        transition: transform var(--t-base) var(--ease);
    }

        .filesDownloadList .tp-btn__icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

    .filesDownloadList .tp-btn:hover .tp-btn__icon,
    .filesDownloadList .tp-btn:focus-visible .tp-btn__icon {
        transform: rotate(-45deg);
    }

    .filesDownloadList .fi-loadmore {
        flex: none;
    }

        .filesDownloadList .fi-loadmore.tp-btn {
            background: transparent;
            border: 1px solid var(--border-primary-strong);
            color: var(--title-primary-strong);
        }

            .filesDownloadList .fi-loadmore.tp-btn:hover,
            .filesDownloadList .fi-loadmore.tp-btn:focus-visible {
                background: var(--bg-primary-strong);
                border-color: var(--bg-primary-strong);
                color: var(--title-inverse);
            }

    .filesDownloadList .tp-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 56px;
        min-width: 120px;
        padding: 8px 16px;
        background: var(--bg-primary-strong);
        color: var(--title-inverse);
        font-size: var(--fs-18);
        line-height: var(--lh-24);
        font-weight: var(--fw-light);
        font-family: var(--font-tpSans-light);
        white-space: nowrap;
        overflow: hidden;
        isolation: isolate;
        text-decoration: none;
    }

        .filesDownloadList .tp-btn > * {
            position: relative;
            z-index: 2;
        }

    .filesDownloadList .nav__cta {
        flex: none;
    }

    .filesDownloadList .tp-btn__accent {
        position: absolute;
        inset: 0;
        background: var(--bg-secondary-strong);
        transform: scaleX(0);
        transform-origin: left center;
        z-index: 1;
        transition: transform var(--t-base) var(--ease);
    }

    .filesDownloadList .tp-btn:hover .tp-btn__accent,
    .filesDownloadList .tp-btn:focus-visible .tp-btn__accent {
        transform: scaleX(1);
    }

    .filesDownloadList .tp-btn__icon {
        width: 24px;
        height: 24px;
        flex: none;
        transition: transform var(--t-base) var(--ease);
    }

        .filesDownloadList .tp-btn__icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

    .filesDownloadList .tp-btn:hover .tp-btn__icon,
    .filesDownloadList .tp-btn:focus-visible .tp-btn__icon {
        transform: rotate(-45deg);
    }

    .filesDownloadList .fi-clear {
        flex: none;
        height: 41px;
        color: var(--title-primary-strong);
        font-weight: var(--fw-light);
        font-family: var(--font-tpSans-light);
        font-size: 18px;
        line-height: 24px;
        border-bottom: 1px solid #8051FF;
        width: max-content;
    }

@media (min-width:992px) {
    .filesDownloadList .tp-filter-dropdown.w-lg-50 {
        width: 50%;
    }

    .filesDownloadList .fileDownload__filters {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 680px) {
    .filesDownloadList .fileDownload__search {
        padding-inline: 16px;
    }

    .filesDownloadList .fileDownload__search-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
}
