.video-title-truncate {
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.recommended-video:hover {
    background-color: #f8f9fa;
    border-radius: 8px;
    cursor: pointer;
}

.comment-input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}

    .comment-input:focus {
        box-shadow: none;
        border-bottom: 2px solid #000;
    }

.comment-action-btn {
    font-size: 0.9rem;
    color: #606060;
    text-decoration: none;
}

    .comment-action-btn:hover {
        color: #000;
    }

.video-size-custom {
    width: auto;
    height: 50vh;
}

.desc-text {
    line-height: 1.5;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}

.desc-text {
    line-height: 1.5;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    display: block;
}

.desc-truncate {
    max-height: 3em;
}

.desc-expanded {
    max-height: 1000px;
}

.btn-icon-transition {
    transition: transform 0.3s ease;
    display: inline-block;
}

.icon-rotated {
    transform: rotate(180deg);
}