.result-0 {
    width: 100%;
    text-align: center;
    word-break: break-word;
}
.boxModeSearcher{
    width:100%;
}
#supp-con-box{
    justify-content:center;
}

#supp-con-box .boxMode {
    width: 25%;
    transition: all 200ms;
}

#supp-con-box .boxMode .support-box > p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#supp-con-box .boxMode .support-box > h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#supp-con-box .boxMode[active]{
    width:50%;
}

#supp-con-box .boxMode[active] .support-box > p {
    animation: fadein 1s ease;
    animation-fill-mode: forwards;
}

#supp-con-box .boxMode[active] .support-box > h3 {
    -webkit-line-clamp: 200;
}

@media (max-width: 992px) {
    #supp-con-box .boxMode {
        width: 33%;
    }

    #supp-con-box .boxMode[active] {
        width: 66%;
    }
}

@media (max-width: 768px) {
    #supp-con-box .boxMode {
        width: 100%;
    }
    #supp-con-box .boxMode[active] {
        width: 100%;
    }
}


@keyframes fadein {
    0% {
        opacity: 0;
        height:0;
    }
    100% {
        opacity: 1;
        height: 100%;
        -webkit-line-clamp: 200;
    }
}


.highlight-search {
    text-decoration: underline;
    text-decoration-color: #ffbe1d;
}