/* define InsightDetailPaneSkeleton */

/* Keeps this wrapper out of layout so InsightDetailPaneSkeleton-container still flexes as if it were the direct child. */
.InsightDetailPaneSkeleton-root {
    display: contents;
}

.InsightDetailPaneSkeleton-container {
    flex: 1 1 auto;
}

/* Combined with .b-skeleton for higher specificity than bootstrap-vue's own .b-skeleton-text height rule. */
.b-skeleton.InsightDetailPaneSkeleton-line {
    height: auto;
    line-height: 2.5;
}

.InsightDetailPaneSkeleton-paragraphSpacer {
    margin-bottom: var(--padding-md);
}

/* Overrides bootstrap's default (higher-specificity) thead border, which is darker/thicker than the other cell borders. */
.InsightDetailPaneSkeleton-container table thead th {
    border-bottom-width: 1px;
    border-bottom-color: var(--border-primary-subtle);
}