#live-card-modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff11;
    backdrop-filter: blur(7px);
    z-index: 9999;

    #live-card-container{
        background: var(--xshop-background);
        width: 300px;
        padding: 1rem;
        height: 100vh;
        overflow-y: auto;
        max-width: 85%;

        #live-card-list{
            margin: 0;
            list-style: none;
            padding: 1rem 0;

            li{
                border-radius: var(--xshop-border-radius);
                border: 1px solid var(--xshop-text);
                margin-bottom: .5rem;
                .product-card-item{
                    padding: 5px;
                    display: grid;
                    grid-template-columns: 4fr 8fr;
                    grid-gap: 5px;
                    img{
                        width: 100%;
                        height: 75px;
                        object-fit: cover;

                    }
                    h3{
                        font-size: 18px;
                        margin: .5rem 0 ;
                    }
                }
            }
        }
    }
}
