DataScope26/WEB

1.pie-chart-row {2    display: flex;3    align-items: center;4    justify-content: center;5    width: 100%;6    min-height: 12.5rem;7}8 9.pie-legend {10	display: flex;11 	flex-direction: column;12  gap: 0.5rem;13 	width: 20%;14 	font-family: 'Roboto', 'Space Grotesk', sans-serif;15}16 17.pie-legend-item {18	display: flex;19	align-items: center;20	gap: 0.5rem;21	padding: 0.375rem 0.5rem;22	border-radius: 0.5rem;23	transition: transform 120ms ease, background 120ms ease;24	cursor: pointer;25	color: var(--muted);26	background: transparent;27}28 29.pie-legend-item .pie-legend-label {30    font-family: 'Roboto', sans-serif;31}32 33.pie-legend-item .pie-legend-swatch {34	width: 0.75rem;35	height: 0.75rem;36	border-radius: 0.125rem;37	flex-shrink: 0;38}39 40.pie-legend-item .pie-legend-label {41	flex: 1;42	font-size: 0.875rem;43}44 45.pie-legend-item .pie-legend-value {46	font-weight: 700;47	color: var(--color-text);48}49 50.pie-legend-item.highlighted {51	transform: translateX(-0.375rem) scale(1.03);52	background: rgba(255,255,255,0.04);53}54 55html[data-theme='light'] .pie-legend-item.highlighted {56	background: rgba(46, 232, 138, 0.1);57}58.custom-no-data-overlay {59    position: absolute;60    inset: 0;61 62    display: flex;63    align-items: center;64    justify-content: center;65 66    width: 100%;67    height: 100%;68}69 70.btn-Piechart-toggle {71  margin-top: 0.75rem;72  font-size: 0.85rem;73  padding: 0.375rem 0.875rem;74  max-width: 6.25rem;75}