.column-unit-selector {
	display: flex;
	flex-direction: column;
	gap: 8px;

	.heading {
		color: var(--l2-foreground);
		font-family: 'Space Mono';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px; /* 138.462% */
		letter-spacing: 0.52px;
		text-transform: uppercase;
	}

	.y-axis-unit-selector {
		flex-direction: row !important;
		align-items: center;

		.heading {
			width: 32px;
		}
	}

	.y-axis-unit-selector-v2 {
		flex-direction: row !important;
		align-items: center;
		gap: 24px !important;

		.y-axis-unit-selector-component {
			width: 100%;
		}
	}
	&-content {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
}
