.timeline-graph {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: var(--l2-background);
	padding: 12px;
	border-radius: 4px;
	border: 1px solid var(--l1-border);
	height: 150px;

	&__title {
		width: max-content;
		padding: 2px 8px;
		border-radius: 4px;
		border: 1px solid var(--l1-border);
		background: var(--l1-background);
		color: var(--l1-foreground);
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -0.06px;
	}
	&__chart {
		.chart-placeholder {
			width: 100%;
			height: 52px;
			background: color-mix(in srgb, var(--l1-foreground) 12%, transparent);
			display: flex;
			align-items: center;
			justify-content: center;
			.chart-icon {
				font-size: 2rem;
			}
		}
	}
}
