Additionnal CSS for Visual bookmarks

/* Additionnal CSS for Visual bookmarks */

.bg {
    background-position: center
    }

.grid {
    /* Nombre de colonnes de vignettes (dynamique auto) + largeur en pixel des vignettes */
    grid-template-columns: repeat(var(--grid-columns), 170px);
    /* Hauteur de la 1ere ligne de vignettes*/
    grid-template-rows: 150px;
    /*Hauteur des autres vignettes*/
    grid-auto-rows: 150px;
    /* Espace entre les vignettes */
    grid-gap: 30px;
}

:root {
    --font-size-base : 13px;  /* Taille text label */
    --bookmark-caption-color:rgb(199, 199, 199);  /* Color text label */
    --bookmark-caption-height : 21px; /* Hauteur du bandeau du label */
}

.dark {
    --bookmark-caption-bg : rgba(16, 16, 16, 0.95); /* bg color du label */
}

/* léger filtre de fond */
.app:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15);
}

/* Couleur de fond sur le dropDown des favoris plus sombre*/
.has-image .header .form-control:not(:focus) {
    background-color: rgba(51, 51, 51, 0.45);
}