/* define InsightPreviewContainerSkeleton */

.InsightPreviewContainerSkeleton-root {
    display: contents;
}

.InsightPreviewContainerSkeleton-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-sm);
    gap: var(--padding-xs);
}

/* Combined with .b-skeleton for higher specificity than bootstrap-vue's own .b-skeleton-text height rule. */
.b-skeleton.InsightPreviewContainerSkeleton-card {
    height: var(--insight-preview-card-height);
}