.visually-hidden {
    display: none;
}

.section-blog__title-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 900px) {
    .section-blog__title-wrapper {
        flex-direction: column;
        align-items: stretch;
    }
}

.section-blog__title {
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

@media (max-width: 980px) {
    .section-blog__title {
        font-size: 44px;
    }
}

@media (max-width: 500px) {
    .section-blog__title {
        font-size: 32px;
    }
}

.section-blog__filter-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

@media (max-width: 900px) {
    .section-blog__filter-container {
       margin-top: 16px;
    }
}

@media (max-width: 425px) {
    .section-blog__filter-container {
        flex-direction: column-reverse;
        justify-content: center;
    }
}

.section-blog__filter-container_show-mobile {
    display: none;
}

@media (max-width: 767px) {
    .section-blog__filter-container_show-mobile {
        display: flex;
        margin: 8px 16px 16px 16px;
    }
}

.section-blog__articles-counter {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-right: 32px;
}

@media (max-width: 425px) {
    .section-blog__articles-counter {
        padding: 0;
    }
}

.action-button {
    position: relative;
    padding: 12px 44px 12px 12px;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.action-button:hover {
    background-color: var(--gray);
}

.action-button:before {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-image 0.3s ease; /* Плавная смена иконки */
}

.action-button--clear {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.action-button--clear:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMTUuODMzIDEyLjU4M0MxNi42OTQ0IDEyLjU4MyAxNy41MjEyIDEyLjkyNTYgMTguMTMwOSAxMy41MzUySDE4LjEyOTlDMTguNzQwMiAxNC4xNDQ0IDE5LjA4MjkgMTQuOTcxIDE5LjA4MyAxNS44MzNDMTkuMDgzIDE2LjY0MDcgMTguNzgyMyAxNy40MTgzIDE4LjI0MjIgMTguMDE0NkwxOC4xMzA5IDE4LjEzMDlDMTcuNTIxNiAxOC43NDA5IDE2LjY5NDkgMTkuMDgzIDE1LjgzMyAxOS4wODNDMTQuOTcxNiAxOS4wODI5IDE0LjE0NDggMTguNzQwNSAxMy41MzUyIDE4LjEzMDlDMTIuOTI1MyAxNy41MjE3IDEyLjU4MyAxNi42OTQ4IDEyLjU4MyAxNS44MzNDMTIuNTgzMSAxNC45NzE3IDEyLjkyNTYgMTQuMTQ0OCAxMy41MzUyIDEzLjUzNTJDMTQuMTQ0MyAxMi45MjUzIDE0Ljk3MTMgMTIuNTgzMSAxNS44MzMgMTIuNTgzWk0xNS4yNDYxIDE3LjQ3OTVDMTUuNDMzIDE3LjU0NjIgMTUuNjMxIDE3LjU4MyAxNS44MzMgMTcuNTgzQzE2LjI5NzMgMTcuNTgzIDE2Ljc0MiAxNy4zOTkgMTcuMDY5MyAxNy4wNzEzTDE3LjA3MDMgMTcuMDcwM0MxNy4zOTg4IDE2Ljc0MTcgMTcuNTgzIDE2LjI5NjQgMTcuNTgzIDE1LjgzM0MxNy41ODMgMTUuNjMxIDE3LjU0NTkgMTUuNDMzNSAxNy40Nzk1IDE1LjI0NzFMMTUuMjQ2MSAxNy40Nzk1Wk0xNS44MzMgMTQuMDgzQzE1LjM2ODcgMTQuMDgzMSAxNC45MjQgMTQuMjY3OSAxNC41OTY3IDE0LjU5NTdIMTQuNTk1N0MxNC4yNjczIDE0LjkyNDIgMTQuMDgzMSAxNS4zNjk3IDE0LjA4MyAxNS44MzNDMTQuMDgzIDE2LjAzNDggMTQuMTE5MyAxNi4yMzI3IDE0LjE4NTUgMTYuNDE4OUwxNi40MTg5IDE0LjE4NjVDMTYuMjMyNCAxNC4xMjAxIDE2LjAzNDYgMTQuMDgzIDE1LjgzMyAxNC4wODNaTTEwIDE0LjI1QzEwLjQxNDEgMTQuMjUwMiAxMC43NSAxNC41ODU5IDEwLjc1IDE1QzEwLjc1IDE1LjQxNDEgMTAuNDE0MSAxNS43NDk4IDEwIDE1Ljc1SDcuNUM3LjA4NTk0IDE1Ljc0OTggNi43NSAxNS40MTQxIDYuNzUgMTVDNi43NSAxNC41ODU5IDcuMDg1OTQgMTQuMjUwMiA3LjUgMTQuMjVIMTBaTTE1IDkuMjVDMTUuNDE0MSA5LjI1MDE4IDE1Ljc1IDkuNTg1OSAxNS43NSAxMEMxNS43NSAxMC40MTQxIDE1LjQxNDEgMTAuNzQ5OCAxNSAxMC43NUg1QzQuNTg1OTQgMTAuNzQ5OCA0LjI1IDEwLjQxNDEgNC4yNSAxMEM0LjI1IDkuNTg1OSA0LjU4NTk0IDkuMjUwMTggNSA5LjI1SDE1Wk0xNi42NjYgNC4yNUMxNy4wODAyIDQuMjUgMTcuNDE2IDQuNTg1NzkgMTcuNDE2IDVDMTcuNDE2IDUuNDE0MjEgMTcuMDgwMiA1Ljc1IDE2LjY2NiA1Ljc1SDMuMzMzMDFDMi45MTg5NCA1Ljc0OTgyIDIuNTgzMDEgNS40MTQxMSAyLjU4MzAxIDVDMi41ODMwMSA0LjU4NTg5IDIuOTE4OTQgNC4yNTAxOCAzLjMzMzAxIDQuMjVIMTYuNjY2WiIgZmlsbD0iIzBBMTgzMyIvPg0KPC9zdmc+DQo=");
}

.action-button--clear.hide {
    display: none;
}

@media (max-width: 425px) {
    .action-button--filter {
        margin-left: auto;
    }
}

.action-button--filter:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4NCiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDQpIj4NCiAgICAgICAgPHBhdGggZD0iTTEwLjUgMTAuMjVDMTAuOTE0MSAxMC4yNTAyIDExLjI1IDEwLjU4NTkgMTEuMjUgMTFDMTEuMjUgMTEuNDE0MSAxMC45MTQxIDExLjc0OTggMTAuNSAxMS43NUg1LjVDNS4wODU5NCAxMS43NDk4IDQuNzUgMTEuNDE0MSA0Ljc1IDExQzQuNzUgMTAuNTg1OSA1LjA4NTk0IDEwLjI1MDIgNS41IDEwLjI1SDEwLjVaTTEzIDUuMjVDMTMuNDE0MSA1LjI1MDE4IDEzLjc1IDUuNTg1OSAxMy43NSA2QzEzLjc1IDYuNDE0MSAxMy40MTQxIDYuNzQ5ODIgMTMgNi43NUgzQzIuNTg1OTQgNi43NDk4MiAyLjI1IDYuNDE0MSAyLjI1IDZDMi4yNSA1LjU4NTkgMi41ODU5NCA1LjI1MDE4IDMgNS4yNUgxM1pNMTQuNjY2IDAuMjVDMTUuMDgwMiAwLjI1IDE1LjQxNiAwLjU4NTc4NiAxNS40MTYgMUMxNS40MTYgMS40MTQyMSAxNS4wODAyIDEuNzUgMTQuNjY2IDEuNzVIMS4zMzMwMUMwLjkxODk0NCAxLjc0OTgyIDAuNTgzMDA4IDEuNDE0MTEgMC41ODMwMDggMUMwLjU4MzAwOCAwLjU4NTg5NSAwLjkxODk0NCAwLjI1MDE3NiAxLjMzMzAxIDAuMjVIMTQuNjY2WiIgZmlsbD0iIzBBMTgzMyIvPg0KICAgIDwvZz4NCjwvc3ZnPg0KDQo=");
}

.action-button--filter.open:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0LjQ2OTcgNC40Njk4NkMxNC43NjI2IDQuMTc2OTcgMTUuMjM3NCA0LjE3Njk3IDE1LjUzMDMgNC40Njk4NkMxNS44MjMgNC43NjI3IDE1LjgyMyA1LjIzNzU2IDE1LjUzMDMgNS41MzA0MUwxMS4wNjA1IDEwLjAwMDFMMTUuNTMwMyAxNC40Njk5QzE1LjgyMyAxNC43NjI4IDE1LjgyMyAxNS4yMzc2IDE1LjUzMDMgMTUuNTMwNEMxNS4yMzcyIDE1LjgyMzMgMTQuNzYyNiAxNS44MjMyIDE0LjQ2OTcgMTUuNTMwNEwxMCAxMS4wNjA3TDUuNTMwMjcgMTUuNTMwNEM1LjIzNzQyIDE1LjgyMzMgNC43NjI2MyAxNS44MjMyIDQuNDY5NzMgMTUuNTMwNEM0LjE3NjgzIDE1LjIzNzUgNC4xNzY4MyAxNC43NjI4IDQuNDY5NzMgMTQuNDY5OUw4LjkzOTQ1IDEwLjAwMUM0LjQ2OTczIDUuNTMwNCA0LjE3NjgzIDQuNzY5NiA0LjQ2OTczIDQuNDY5ODZDNC43NjI2MiA0LjE3Njk3IDUuMjM3OCA0LjE3Njk3IDUuNTMwMjcgNC40Njk4NkwxMCA4LjkzNTlMMTQuNDY5NyA0LjQ2OTg2WiIgZmlsbD0iIzBBMTgzMyIvPjwvc3ZnPg==");
}

.action-button--filter.add-filter:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMTUuODMzIDExLjMzM0MxNi4xNzk0IDExLjMzMyAxNi40ODEyIDExLjU3MDUgMTYuNTYyNSAxMS45MDcyQzE2LjcwMDkgMTIuNDgwMiAxNi45OTU0IDEzLjAwNDEgMTcuNDEyMSAxMy40MjA5QzE3LjgyODkgMTMuODM3NiAxOC4zNTI5IDE0LjEzMjEgMTguOTI1OCAxNC4yNzA1QzE5LjI2MjUgMTQuMzUxOCAxOS41IDE0LjY1MzYgMTkuNSAxNUMxOS41IDE1LjM0NjQgMTkuMjYyNSAxNS42NDgyIDE4LjkyNTggMTUuNzI5NUMxOC4zNTI5IDE1Ljg2NzkgMTcuODI4OSAxNi4xNjI0IDE3LjQxMjEgMTYuNTc5MUMxNi45OTU0IDE2Ljk5NTkgMTYuNzAwOSAxNy41MTk4IDE2LjU2MjUgMTguMDkyOEMxNi40ODEyIDE4LjQyOTUgMTYuMTc5NCAxOC42NjcgMTUuODMzIDE4LjY2N0MxNS40ODY3IDE4LjY2NjggMTUuMTg0OCAxOC40Mjk0IDE1LjEwMzUgMTguMDkyOEMxNC45NjUxIDE3LjUxOTggMTQuNjcwNyAxNi45OTU5IDE0LjI1MzkgMTYuNTc5MUMxMy44MzcxIDE2LjE2MjQgMTMuMzEzMiAxNS44Njc4IDEyLjc0MDIgMTUuNzI5NUMxMi40MDM3IDE1LjY0ODEgMTIuMTY2IDE1LjM0NjMgMTIuMTY2IDE1QzEyLjE2NiAxNC42NTM3IDEyLjQwMzcgMTQuMzUxOSAxMi43NDAyIDE0LjI3MDVDMTMuMzEzMiAxNC4xMzIyIDEzLjgzNzEgMTMuODM3NiAxNC4yNTM5IDEzLjQyMDlDMTQuNjcwNyAxMy4wMDQxIDE0Ljk2NTEgMTIuNDgwMiAxNS4xMDM1IDExLjkwNzJDMTUuMTg0OCAxMS41NzA2IDE1LjQ4NjcgMTEuMzMzMiAxNS44MzMgMTEuMzMzWk0xNS44MzMgMTMuODYyM0MxNS42NzgyIDE0LjA4MiAxNS41MDY5IDE0LjI5MSAxNS4zMTU0IDE0LjQ4MjRDMTUuMTI0IDE0LjY3MzggMTQuOTE1IDE0Ljg0NTIgMTQuNjk1MyAxNUMxNC45MTUgMTUuMTU0OCAxNS4xMjQgMTUuMzI2MiAxNS4zMTU0IDE1LjUxNzZDMTUuNTA2NyAxNS43MDg4IDE1LjY3ODQgMTUuOTE3MiAxNS44MzMgMTYuMTM2N0MxNS45ODc2IDE1LjkxNzIgMTYuMTU5NCAxNS43MDg4IDE2LjM1MDYgMTUuNTE3NkMxNi41NDE4IDE1LjMyNjQgMTYuNzUwMyAxNS4xNTQ2IDE2Ljk2OTcgMTVDMTYuNzUwMyAxNC44NDU0IDE2LjU0MTggMTQuNjczNiAxNi4zNTA2IDE0LjQ4MjRDMTYuMTU5MiAxNC4yOTEgMTUuOTg3OCAxNC4wODIgMTUuODMzIDEzLjg2MjNaTTkuNTgzMDEgMTQuMjVDOS45OTcyMiAxNC4yNSAxMC4zMzMgMTQuNTg1OCAxMC4zMzMgMTVDMTAuMzMzIDE1LjQxNDIgOS45OTcyMiAxNS43NSA5LjU4MzAxIDE1Ljc1SDcuNUM3LjA4NTk0IDE1Ljc0OTggNi43NSAxNS40MTQxIDYuNzUgMTVDNi43NSAxNC41ODU5IDcuMDg1OTQgMTQuMjUwMiA3LjUgMTQuMjVIOS41ODMwMVpNMTIuOTE2IDkuMjVDMTMuMzMwMiA5LjI1IDEzLjY2NiA5LjU4NTc5IDEzLjY2NiAxMEMxMy42NjYgMTAuNDE0MiAxMy4zMzAyIDEwLjc1IDEyLjkxNiAxMC43NUg1QzQuNTg1OTQgMTAuNzQ5OCA0LjI1IDEwLjQxNDEgNC4yNSAxMEM0LjI1IDkuNTg1OSA0LjU4NTk0IDkuMjUwMTggNSA5LjI1SDEyLjkxNlpNMTYuNjY2IDQuMjVDMTcuMDgwMiA0LjI1IDE3LjQxNiA0LjU4NTc5IDE3LjQxNiA1QzE3LjQxNiA1LjQxNDIxIDE3LjA4MDIgNS43NSAxNi42NjYgNS43NUgzLjMzMzAxQzIuOTE4OTQgNS43NDk4MiAyLjU4MzAxIDUuNDE0MTEgMi41ODMwMSA1QzIuNTgzMDEgNC41ODU4OSAyLjkxODk0IDQuMjUwMTggMy4zMzMwMSA0LjI1SDE2LjY2NloiDQogICAgICAgICAgZmlsbD0iIzBBMTgzMyIvPg0KPC9zdmc+DQo=");
}

.popup-filter {
    position: absolute;
    top: 64px;
    right: 0;
    width: 800px;
    max-height: 567px;
    border-radius: 4px;
    background: var(--white, #FFF);
    box-shadow: 0 8px 32px rgba(10, 24, 51, 0.15);
    z-index: 10;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

@media (max-width: 900px) {
    .popup-filter {
        width: 100%;
        top: 108px;
    }
}

@media (max-width: 767px) {
    .popup-filter {
        flex-direction: column;
        position: fixed;
        width: 100%;
        height: 100vh;
        max-height: unset;
        top: 0;
        left: 0;
        padding-top: 5px;
        transform: translateY(-20px);
        overflow: hidden;
    }
}

.popup-filter.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

@media (max-width: 767px) {
    .popup-filter.open {
        transform: translateY(0);
    }
}

/* .popup-filter .popup-filter__close-button {
    display: none;
    pointer-events: none;
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__close-button {
        pointer-events: auto;
        position: absolute;
        top: 8px;
        right: 16px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup-filter .popup-filter__close-button img {
        width: 20px;
        height: 20px;
        -o-object-fit: cover;
          object-fit: cover;
    }
} */

.popup-filter .popup-filter__wrapper {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__wrapper {
        display: block;
        overflow-y: auto;
    }
}

.popup-filter .popup-filter__title {
    flex: 0 0 57px;
    padding: 16px;
    font-size: 24px;
    font-weight: 800;
    line-height: 100%;
    border-bottom: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__title {
        font-size: 21px;
        line-height: 28px;
        flex: 0 0 50px;
    }
}

.popup-filter .popup-filter__tags {
    flex: 0 0 217px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__tags {
        flex: 1 1 50%;
        border-right: none;
        border-bottom: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
        border-top: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
    }
}

.popup-filter .popup-filter__checkboxes {
    margin: 0;
    padding: 16px;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 900px) {
    .popup-filter .popup-filter__checkboxes {
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__checkboxes {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        overflow-y: visible;
    }
}

.checkbox-buttons input {
    display: none;
}

.checkbox-buttons label {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--Main-5, rgba(10, 24, 51, 0.05));
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    color: var(--Main-100, #0A1833);
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.checkbox-buttons label span {
    margin-left: 4px;
    color: var(--blue-60, rgba(0, 51, 154, 0.6));
}

.checkbox-buttons label:hover {
    background: #e9e9e9;
}

.checkbox-buttons label.checked {
    border: 1px solid var(--blue-60, rgba(0, 51, 154, 0.6));
    color: var(--blue, #00339A);
    background: var(--main-5, rgba(10, 24, 51, 0.05));
}

@media (max-width: 500px) {
    .checkbox-buttons label {
        padding: 6px 10px;
        font-size: 14px;
        line-height: 20px;
    }
}

.popup-filter .popup-filter__serie-list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

@media (max-width: 900px) {
    .popup-filter .popup-filter__serie-list {
        flex: 1 1 50%;
        border-bottom: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
    }
}

.popup-filter .popup-filter__series {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    flex-direction: column;
    overflow-y: auto;
}

@media (max-width: 900px) {
    .popup-filter .popup-filter__series {
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    .popup-filter .popup-filter__series {
        overflow-y: visible;
    }
}

.popup-filter .popup-filter__series input {
    display: none;
}

.popup-filter .popup-filter__label {
    border-bottom: 1px solid var(--Main-10, rgba(10, 24, 51, 0.1));
}

.popup-filter .popup-filter__label:last-child {
    border-bottom: none;
}

.popup-filter .popup-filter__label--checked {
    background-color: var(--blue-5);
}

.popup-filter .popup-filter__serie {
    width: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.popup-filter .popup-filter__serie:last-child {
    border-bottom: none;
}

.popup-filter .popup-filter__serie:hover {
    background-color: var(--blue-5);
}

.popup-filter .popup-filter__serie-img-block {
    position: relative;
    height: 40px;
    width: 56px;
}

.popup-filter .popup-filter__serie-img-block .popup-filter__serie-img {
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    -o-object-fit: cover;
      object-fit: cover;
}

.popup-filter .popup-filter__serie-img-block .popup-filter__serie-img.first {
    height: 40px;
    width: 40px;
    z-index: 13;
    right: 16px;
}

.popup-filter .popup-filter__serie-img-block .img-wrapper {
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}

.popup-filter .popup-filter__serie-img-block .img-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
      object-fit: cover;
}

.popup-filter .popup-filter__serie-img-block .img-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px;
    pointer-events: none;
}

.popup-filter .popup-filter__serie-img-block .img-wrapper.second {
    height: 36px;
    width: 36px;
    z-index: 12;
    right: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.popup-filter .popup-filter__serie-img-block .img-wrapper.second::after {
    background: rgba(255, 255, 255, 0.4);
}

.popup-filter .popup-filter__serie-img-block .img-wrapper.third {
    height: 32px;
    width: 32px;
    z-index: 11;
    right: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.popup-filter .popup-filter__serie-img-block .img-wrapper.third::after {
    background: rgba(255, 255, 255, 0.6);
}

.popup-filter .popup-filter__content {
    flex: 1;
}

.popup-filter .popup-filter__content-title {
    color: var(--hover-dark-blue, #00339A);
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.popup-filter .popup-filter__content-count,
.popup-filter .popup-filter__position {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: var(--main-60, rgba(10, 24, 51, 0.6));
}

.popup-filter .popup-filter__go-to {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: all 0.5s ease-in-out;
}

.popup-filter .popup-filter__go-to img {
    width: 20px;
    height: 20px;
}