dtx-knowledge-activities {
	display: flex;
	flex-direction: column;
	height: 100vh;
	padding: 80px 2px 0 12px;

	dtx-radio-group {
		margin: 12px auto -48px;

		options {
			padding: 0;
			background: transparent;
		}

		span.material-symbols-outlined {
			margin-right: 8px;
			font-size: 20px;
		}
	}

	#chart { margin-top: 76px; }

	&[data-tab="table"] #chart { display: none; }
	&[data-tab="chart"] dtx-table { display: none; }

	#selection-select {
		width: 30%;
		margin: 3px auto -58px 0;
		background: transparent;
	}

	dialog.modal {
		width: 500px;
	}
}

body:is(.mono, .mint, .claude) dtx-knowledge-activities dtx-radio-group options::before { background: var(--border); }