.tb-social-grid:not(.tb-social-grid--loaded) .tb-social-grid__list {
    opacity: theme('opacity.0');
    // Replace with value from design tokens once it is available.
    max-height: 20rem;
    overflow: hidden;
}

.tb-social-grid--loaded .tb-load-spinner {
    display: none;
}

// Use magic number for now, has to be the same breakpoint as used in the script.
@media screen and (max-width: 600px) {
    .tb-social-post,
    .tb-social-follow-link {
        margin-bottom: theme('margin.4');
    }
}
