.span-logs {
	margin-inline: 16px;
	height: calc(100% - 64px - 55px - 56px);

	&-virtuoso {
		background: color-mix(in srgb, var(--bg-robin-200) 4%, transparent);
	}
	&-list-container {
		height: 100%;

		.logs-loading-skeleton {
			height: 100%;
			border: 1px solid var(--l1-border);
			border-top: none;
			color: var(--l2-foreground);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 8px 0;
		}
	}

	&-empty-content {
		height: 100%;
		border: 1px solid var(--l1-border);
		border-top: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 96px;
		gap: 12px;

		.description {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 0.75rem;
			width: 320px;

			.no-data-img {
				height: 2rem;
				width: 2rem;
			}

			.no-data-text-1 {
				color: var(--l2-foreground);
				font-weight: 400;
				line-height: 18px;
				letter-spacing: -0.07px;
			}
			.no-data-text-2 {
				font-weight: 500;
			}
		}

		.action-section {
			width: 320px;

			.action-btn {
				border-radius: 2px;
				border: 1px solid var(--l1-border);
				background: var(--l1-border);
				color: var(--l2-foreground);
				padding: 4px 8px;
				font-size: 12px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 142.857% */
				letter-spacing: -0.07px;
			}
		}
	}
}
