/* Custom live feed v9 */
#app #cms-live-feed #LF1 {
    .live-feed-post {
        width: 100%;
        padding-block: 18px;
        padding-inline: 20px;
        border-left: 1px solid var(--LF-border-color, #E5E7EB);
        border-right: 1px solid var(--LF-border-color, #E5E7EB);
        box-sizing: border-box;
        position: relative;
        margin-bottom: 0;
        background-color: var(--lf-item-bg-color, var(--bg-color));

        &:has(+.see-all-bottom),
        &:last-child {
            border-radius: 0 0 24px 24px;
            border-bottom: 1px solid var(--LF-border-color, #E5E7EB);

            &::after {
                display: none;
            }
        }

        &::after {
            width: calc(100% - 40px);
            height: 1px;
            bottom: 0;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            content: '';
            background-color: var(--LF-border-color, #E5E7EB);
        }
    }

    .see-all-top+.live-feed-post {
        border-radius: 24px 24px 0 0;
        border-top: 1px solid var(--LF-border-color, #E5E7EB);
    }


    .thumbnails {
        width: var(--thumbnail-image-size, 84px);
        border-radius: 8px;
        border: 1px solid var(--LF-border-color, #E5E7EB);
        margin-top: -10px;
        overflow: hidden;

        @media only screen and (min-width: 1081px) {
            max-width: 25%;
        }
    }

    .thumbnails img {
        width: 100%;
        aspect-ratio: 1/1;
        height: auto;
        max-width: 100%;
        object-fit: cover;
        margin-bottom: 0;
        display: block;
        border: 0;
        transition: all .35s ease-in-out;

        &:hover {
            transform: scale(1.15);
        }
    }

    .thumbnails img:not(:first-child),
    .thumbnail.more-images {
        display: none;
    }

    .live-feed-post .live-feed-post-header {
        text-transform: uppercase;
    }

    .live-feed-post .live-feed-post-header .live-feed-icon {
        width: var(--avatar-width, 40px);
        height: var(--avatar-width, 40px);
        object-fit: cover;
        border-radius: 50vw;
    }

    .live-feed-post .live-feed-post-header .live-feed-author {
        font-weight: 700;
    }

    .live-feed-post .live-feed-post-header .live-feed-time {
        margin-left: 8px;
        padding-left: 10px;
        display: block;
        position: relative;

        &::after {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 4px;
            display: block;
            border-radius: 50%;
            background-color: currentColor;
        }
    }

    .live-feed-details {
        font-weight: 400;
        display: flex;
        gap: 10px;
        align-items: flex-start;

        @media only screen and (min-width: 960px) and (max-width: 1080px) {
            flex-direction: column;
        }

        &>*:first-child {
            flex: 1;
        }

        a {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 15px;

            &::after {
                content: '';
                display: inline-block;
                width: 18px;
                height: 18px;
                background-color: currentColor;
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M8.46975 12.9697L9.53025 14.0302L14.5605 8.99998L9.53025 3.96973L8.46975 5.03023L11.6895 8.24998H4.5V9.74998H11.6895L8.46975 12.9697Z' fill='%23002F6C'/%3E%3C/svg%3E");
                mask-repeat: no-repeat no-repeat;
                mask-position: center center;
                mask-size: contain;
                transition: all .35s ease-in-out;
            }

            &:hover::after {
                transform: translateX(5px);
            }
        }
    }
}

@media only screen and (max-width: 500px) {
    #app #cms-live-feed #LF1 .live-feed-details {
        flex-direction: column;

        .thumbnails {
            order: -1;
            margin-top: 0;
        }
    }
}

/* end Custom live feed v9 */