@use "~admin-stylesheets/colors";

.nab-original-pattern-alternative {

	&__selector {
		display: flex;
		flex-direction: row;

		> * {
			flex-grow: 1;
			margin-right: 0.5em;
			max-width: 10em;
		}

		> :last-child {
			margin-right: 0;
			max-width: none;
		}
	}

	&__existing-content,
	&__run-as-inline {
		margin-top: 1em;

		&--is-disabled {
			filter: saturate(0);
			opacity: 0.6;
		}

		&--is-disabled * {
			cursor: default !important;
			user-select: none;
		}
	}

	&__beta-help {
		background: colors.$nab-background-black;
		border-radius: 2px;
		color: colors.$nab-text-inverted;
		font-size: 0.9em;
		padding: 2px 4px;
	}
}