.psa-catalog__active-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1rem;
}

.psa-catalog__active-filters[hidden] {
    display: none;
}

.psa-catalog__active-filters > span {
    background: #ffffff;
    border: 1px solid var(--catalog-line);
    border-radius: 999px;
    color: #536178;
    font-size: 0.66rem;
    padding: 0.4rem 0.65rem;
}

.psa-catalog__active-filters > span:first-child {
    background: transparent;
    border-color: transparent;
    color: var(--catalog-ink);
    font-weight: 800;
    padding-left: 0;
}

.psa-catalog__active-filters > a {
    align-items: center;
    color: var(--catalog-blue);
    display: inline-flex;
    font-size: 0.67rem;
    font-weight: 800;
    gap: 0.25rem;
    margin-left: 0.2rem;
}

.psa-catalog__link-label {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.psa-catalog__link-label img {
    flex: 0 0 auto;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

.psa-catalog__filters-close,
.psa-catalog__backdrop {
    display: none;
}

.psa-catalog__results {
    transition: opacity 150ms ease;
}

.psa-catalog__results.is-loading {
    opacity: 0.48;
    pointer-events: none;
}

.psa-catalog__result-head [role="alert"] {
    color: #b42318;
    font-size: 0.7rem;
    font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
    .psa-catalog__results {
        transition: none;
    }
}

@media (max-width: 991px) {
    .psa-catalog__filters {
        border-radius: 22px 0 0 22px;
        bottom: 0;
        display: block;
        max-width: 390px;
        overflow-y: auto;
        padding: 1.2rem;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(105%);
        transition: transform 200ms ease;
        width: calc(100% - 28px);
        z-index: 1052;
    }

    .psa-catalog__filters.is-open {
        display: block;
        transform: translateX(0);
    }

    .psa-catalog__filters-close {
        align-items: center;
        background: #edf1f7;
        border: 0;
        border-radius: 999px;
        display: inline-flex;
        height: 34px;
        justify-content: center;
        margin-left: 0.4rem;
        width: 34px;
    }

    .psa-catalog__backdrop {
        background: rgba(4, 13, 31, 0.56);
        border: 0;
        display: block;
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity 200ms ease;
        z-index: 1051;
    }

    body.psa-catalog-filters-open {
        overflow: hidden;
    }

    body.psa-catalog-filters-open .psa-catalog__backdrop {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (max-width: 767px) {
    .psa-catalog__active-filters {
        flex-wrap: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: auto;
        padding: 0 15px 0.35rem;
        scrollbar-width: none;
    }

    .psa-catalog__active-filters::-webkit-scrollbar {
        display: none;
    }

    .psa-catalog__active-filters > span,
    .psa-catalog__active-filters > a {
        flex: 0 0 auto;
    }
}