.cx-vui-dimensions {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;

	&__units {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: 5px;
		margin-right: 30px;

		span {
			color: #7B7E81;
			cursor: pointer;
			margin-left: 2px;

			&:first-child {
				margin-left: 0;
			}

			&.active {
				color: $color__accent;
			}
		}
	}

	&__inputs {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;

		.cx-vui-component-raw {
			min-width: 100px;
			margin-left: 5px;

			&:first-child {
				margin-left: 0;
			}
		}
	}

	&__link {
		width: 32px;
		height: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 10px;
		cursor: pointer;
	}

	&.size-default {
		max-width: 100%;
		width: 442px;
	}

	&.size-fullwidth {
		max-width: 100%;
		width: 100%;
	}
}
