:root {
--ws-list-pictos-columns: 2;
--ws-list-pictos-width: 60px;
}
@media (min-width: 992px) {
:root {
--ws-list-pictos-columns: 4;
}
}
.wp-block-ws-library-ws-list-pictos {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
}
.wp-block-ws-library-ws-list-pictos .ws-text-icon {
width: calc(100% / var(--ws-list-pictos-columns));
padding: 0 15px;
text-align: center;
margin: 15px 0;
color: var(--color-dark);
}
.wp-block-ws-library-ws-list-pictos .ws-text-icon .group-media {
margin-bottom: 8px;
}
.wp-block-ws-library-ws-list-pictos .ws-text-icon img {
width: var(--ws-list-pictos-width);
height: var(--ws-list-pictos-width);
object-fit: contain;
}