@if luiTheme(element, field, datepicker, enabled) {
	@at-root #{$namespace} {
		@if lui_input_style_enabled("compact") {
			$selector: lui_input_get_style_selector("compact");

			#{$prefix}.input#{$selector} luid-date-picker-popup,
			#{$prefix}.input#{$selector} luid-daterange-picker,
			luid-date-picker-popup#{$selector},
			luid-daterange-picker#{$selector} {

				&.ng-invalid.ng-dirty > .lui.input > input,
				&.ng-invalid.ng-touched > .lui.input > input,
				&.ng-not-empty.ng-pristine.ng-invalid > .lui.input > input {
					@extend %lui_input_invalid_input_compact;
				}

				input {
					@extend %lui_quick_compact_input;
				}
			}

			#{$prefix}.input#{$selector} luid-daterange-picker .inputs,
			luid-daterange-picker#{$selector} .inputs {
				> input {
					width: calc(50% - 5px) !important;
				}
				.icon {
					transform: translate(10%, -50%);
					left: calc(50% - 5px);
				}

				> input:last-of-type {
					margin-left: 10px;
				}

        > input:focus, input.focus {
          @extend %lui_input_focus_compact;
        }
			}
		}
	}
}