/* define InsightPreviewSummaryCard */

.InsightPreviewSummaryCard-container {
    flex: 0 0 auto;
    overflow: hidden;
}

.InsightPreviewSummaryCard-header {
    display: flex;
    justify-content: space-between;
    background: var(--surface-subtle-dark);
    align-items: center;
    height: 2.8rem;
    padding: var(--padding-xs);
    padding-left: var(--padding-sm);
    border-bottom: 1px solid var(--border-subtle);
    border-left: 1px solid var(--border-subtle);
}

.InsightPreviewSummaryCard-time {
    color: var(--text-accent);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-medium);
}

.InsightPreviewSummaryCard-summary {
    background: var(--surface-subtle-light);
    color: var(--text-emphasis);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium);
    padding: var(--padding-md);
    padding-left: var(--padding-lg);
    padding-right: var(--padding-lg);
}