.idtglobal-linkedin-posts {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
margin: 24px 0;
}
@media (min-width: 768px) {
.idtglobal-linkedin-posts--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.idtglobal-linkedin-posts--cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.idtglobal-linkedin-posts__item {
position: relative;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.idtglobal-linkedin-posts__item iframe {
display: block;
width: 100%;
border: 0;
position: relative;
z-index: 1;
}
.idtglobal-linkedin-posts__placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f3f5f7 0%, #e9edf1 100%);
z-index: 0;
}
.idtglobal-linkedin-posts__item.is-loaded
.idtglobal-linkedin-posts__placeholder {
display: none;
}
.idtglobal-linkedin-posts__spinner {
width: 28px;
height: 28px;
border-radius: 50%;
border: 3px solid rgba(10, 102, 194, 0.15);
border-top-color: #0a66c2;
animation: idtglobalLiSpin 0.9s linear infinite;
will-change: transform;
}
@keyframes idtglobalLiSpin {
to {
transform: rotate(360deg);
}
}