.search-or-category-zone{
    min-height: calc(100% - var(--topbar-size));
}
.page-vertical-padding .search-or-category{

    margin-top: 3rem;
    margin-bottom: 1rem;
}
.page-vertical-padding .search-or-category .content{
    margin-bottom: 1rem;
    box-shadow: 1px 1px 7px #00000040;
}
.search-or-category .searched-keyword,
.search-or-category .searched-category{
    color: var(--accent-color);
    font-weight: bold;
}
.searched-count{
    color: var(--primary-color);
    font-weight: bold;
}
.content-list .content {
    border: solid thin #eee;
    margin: auto;
    display: flex;
    padding: 1rem;
    text-decoration: none;
    margin-bottom: 1rem;
    aspect-ratio: 5;
    font-size: calc(.55rem + .37vw);
}
.content-list .content:hover{
    background-color: var(--bg-color1);
    filter: brightness(.95);
    cursor: pointer;
}
.content-list .content .thumbnail{
    overflow: hidden;
    aspect-ratio: 1.5;
    flex: 1;
}

.content-list .content-info{
    margin-left: 1rem;
    color: var(--font-color2);
    flex: 2;
    overflow: hidden;
    text-overflow: clip;
}

.content-list .content .title{
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: calc(.65rem + .37vw);

}
.content-list .content .description{
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: auto-phrase;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical
}
.content-list .content .content-bottom-infos{
    display: flex;
    justify-content: space-between;
    font-size: calc(.45rem + .37vw);
}
.content-list .content .author{
    font-weight: 100;
    margin-bottom: .5rem;
}
.content-list{
    margin-bottom: 3rem;
}
.no-result-mention {
    color: var(--font-color1);
    margin-left: 1.5rem;
}