.post-filter-body>div {
    padding-top: 1.25rem;
}

.post-filter-body {
    width: 100%;
}

.post-filter {
    padding: 2.5rem var(--container-space);
}

@media (max-width: 1100px) {}

@media (max-width: 992px) {

    .post-filter {
        padding: 1rem;
        border-bottom: 1px solid var(--border-color);
    }

    .post-filter-name {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .post-filter-plus {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
        border: 1px solid var(--border-color);
    }

    .post-filter-plus div {
        height: 1px;
        background-color: #999999;
        position: absolute;
        top: 50%;
        left: calc(100% / 3);
        width: calc(100% / 3);
    }

    .post-filter .post-filter-plus div:nth-child(2) {
        transition: transform 0.3s;
        transform: rotate(90deg);
    }

    .post-filter.open .post-filter-plus div:nth-child(2) {
        transform: rotate(0deg);
    }

    .post-filter-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }



    .post-filter-body>li:first-child,
    .post-filter-body>a:first-child {
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {}