.signoz-radio-group.ant-radio-group {
	color: var(--text-vanilla-400);

	.view-title {
		display: flex;
		gap: var(--margin-2);
		align-items: center;
		justify-content: center;
		font-size: var(--font-size-xs);
		font-style: normal;
		font-weight: var(--font-weight-normal);
	}

	.tab {
		border: 1px solid var(--bg-slate-400);
		&:hover {
			color: var(--text-vanilla-100);
		}
		&::before {
			background: var(--bg-slate-400);
		}
	}

	.selected_view {
		&,
		&:hover {
			background: var(--bg-slate-300);
			color: var(--text-vanilla-100);
			border: 1px solid var(--bg-slate-400);
		}
		&::before {
			background: var(--bg-slate-400);
		}
	}
}

// Light mode styles
.lightMode {
	.signoz-radio-group {
		.tab {
			background: var(--bg-vanilla-100);
		}

		.selected_view {
			background: var(--bg-vanilla-300);
			border: 1px solid var(--bg-slate-300);
			color: var(--text-ink-400);
		}

		.selected_view::before {
			background: var(--bg-vanilla-300);
			border-left: 1px solid var(--bg-slate-300);
		}
	}
}