.live-logs-container {
	.live-logs-content {
		.live-logs-chart-container {
			padding: 0px 8px;

			.logs-frequency-chart {
				.ant-card-body {
					height: 140px;
					min-height: 140px;
					padding: 0 16px 22px 16px;
					font-family: 'Geist Mono';
				}

				margin-bottom: 0px;
			}
		}
	}
}

.live-logs-list {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;

	.ant-card,
	.ant-card-body {
		display: flex;
		flex: 1;
		min-height: 0;
		flex-direction: column;
	}

	.live-logs-list-loading {
		padding: 16px;
		text-align: center;
		color: var(--l1-foreground);
	}

	.live-logs-list-loading {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;

		.loading-live-logs-content {
			display: flex;
			align-items: flex-start;
			flex-direction: column;

			.ant-typography {
				color: var(--l1-foreground);
			}

			.loading-gif {
				height: 72px;
				margin-left: -24px;
			}
		}
	}
}
