@use "~admin-stylesheets/colors";
@use "~admin-stylesheets/icons";

.nab-conversion-action {

	&__view {
		display: flex;
		flex-direction: row;
		font-weight: 400;
		min-height: 1.5em;
		margin-bottom: 1em;

		code {
			background: none;
			color: colors.$nab-text-green;
			padding: 0;
		}
	}

	&__view:last-of-type {
		margin-bottom: 0;
	}

	&__icon {
		font-size: 1.6em;
		height: 1em;
		margin-top: -0.1em;
		margin-right: 0.6em;
		min-width: 1em;
		width: 1em;

		&--invalid {
			color: colors.$nab-background-red;
		}
	}

	&__actual-view {
		flex-grow: 1;

		.dashicons-editor-help {
			margin-top: -1px;
		}
	}
}