@if luiTheme(element, field, translations, enabled) {
	@at-root #{$namespace} {
		$vars: luiTheme(element, field, translations);

		luid-translations {
			display: inline-block;
			position: relative;

			.field {
				margin: 0 !important;
			}

			.dropdown {
				width: auto;

				.input {
					position: relative;
					margin: 0 !important;
				}

				.dropdown-menu {
					top: -0.5em;
					left: -1em;
					right: -1em;
					width: 100%;
					padding: 0 1em 1em 1em;
					padding-top: lui_rem(0.5) + luiTheme(element, field, input, material, focus-border-width) + lui_rem(luiTheme(element, field, input, font-size)) + 2 * (luiTheme(element, field, input, font-size) / (luiTheme(element, field, input, font-size) * 0 + 1)) * lui_rem(luiTheme(element, field, input, vertical-padding) / (luiTheme(element, field, input, vertical-padding) * 0 + 1));
					@include lui_raised(3);

					.field {
						margin-top: 0.5em !important;
					}
				}
			}

			.unit {
				text-transform: uppercase;
			}


			.dropdown.open {
				.input {
					z-index: luiTheme(element, popover, z-index) + 1;
				}

				~ .tooltip {
					display: none;
				}
			}
		}
	}
}