/* head_85.css */
.__PFX__-h85-split {
    display: grid;
    grid-template-columns: 38% 62%;
    border-bottom: 1px solid var(--border-color);
}

.__PFX__-h85-left {
    padding: 10px;
    background: var(--primary-color);
}

.__PFX__-h85-brand {
    display: block;
    font-weight: 900;
    text-decoration: none;
    color: #fff;
    margin-bottom: 6px
}

.__PFX__-h85-btn {
    border: 1px solid rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .15);
    border-radius: 10px;
    padding: 6px 10px;
    color: #fff
}

.__PFX__-h85-right {
    padding: 10px;
    background: linear-gradient(180deg, var(--bg-soft-color), var(--bg-color));
}

.__PFX__-h85-search {
    display: none;
    margin-top: 8px
}

.__PFX__-h85-search input {
    width: 100%;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, .25)
}

body.__PFX__-h85-open .__PFX__-h85-search {
    display: block
}

.__PFX__-h85-home,
.__PFX__-h85-cats {
    list-style: none;
    margin: 0;
    padding: 0
}

.__PFX__-h85-home li,
.__PFX__-h85-cats li {
    display: inline-block;
    margin: 0 5px 5px 0
}

.__PFX__-h85-home li a,
.__PFX__-h85-cats li a {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, .55);
    text-decoration: none;
    color: var(--text-color);
    font-size: 12px
}

.__PFX__-h85-home li.active a {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    font-weight: 900
}

.__PFX__-h85-cats li.active a {
    background: var(--accent-color);
    border-color: var(--accent-color);
    font-weight: 900
}

@media(min-width:861px) {
    .__PFX__-h85-btn {
        display: none
    }

    .__PFX__-h85-search {
        display: block
    }
}