[id$="-template"]
{
    margin: 0 0 20px 0;
    padding: 25px;
    border-left: 5px solid rgb(var(--primary));
    box-shadow: var(--shadow);
    border-radius: 5px;

    >#card
    {
        margin-bottom: 15px;

        #infos
        {
            font-size: smaller;
            background-color: rgba(var(--primary), 0.3);
            border-radius: 5px;
            padding: 10px;
            height: fit-content;
            margin: 10px 0;

            &:not(:has(*))
            {
                display: none;
            }
        }
    }

    >#options
    {
        >div
        {
            height: fit-content;
        }
    }

    path
    {
        color: rgb(var(--primary));
    }
}