@if luiTheme(element, field, translations, enabled) {
	@at-root #{$namespace} {
		@if lui_input_style_enabled("compact") {
			$selector: lui_input_get_style_selector("compact");
			#{$prefix}.input#{$selector} luid-translations,
			luid-translations#{$selector} {
				&.ng-invalid.ng-dirty .lui.input > input,
				&.ng-invalid.ng-touched .lui.input > input {
					@extend %lui_input_invalid_input_compact;
				}
				.lui.input {
					& > .unit {
						@include flex-order(-1);
						display: inline-block;
						width: 1.5em;
						margin-left: 0;
					}
					input {
						@extend %lui_quick_compact_input;
					}
				}
			}
		}
	}
}
