.eds-c-autocomplete {
	position: relative;

	&__dropdown {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin-top: $t-a-space-absolute-200;
        padding: $t-a-space-absolute-400;
		background-color: $t-eds-c-autocomplete-dropdown-background;
		border: $t-eds-c-autocomplete-dropdown-border;
		border-radius: $t-eds-c-autocomplete-dropdown-border-radius;
		box-shadow: $t-eds-c-autocomplete-dropdown-box-shadow;
		max-height: $t-eds-c-autocomplete-dropdown-max-height;
		overflow-y: auto;
		z-index: $t-eds-c-autocomplete-dropdown-z-index;

		&--open {
			display: block;
		}
	}

	&__item {
		padding: $t-a-space-absolute-400;
        border-radius: $t-eds-c-autocomplete-dropdown-border-radius;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
        font-size: $t-a-typography-font-size-xs;

		&:hover, 
		&--active {
			background-color: $t-eds-c-autocomplete-item-active-background;

			.eds-c-autocomplete__item-name, .eds-c-autocomplete__item-meta {
				color: $t-eds-c-autocomplete-item-active-color;
			}
		}
	}

	&__item-name {
		font-weight: $t-eds-c-autocomplete-item-name-font-weight;
		color: $t-a-palette-default-black;
		line-height: 1.4;
		flex: 1;

		strong {
			font-weight: 700;
		}
	}

	&__item-meta {
		color: $t-eds-c-autocomplete-item-meta-color;
		line-height: 1.3;
		text-align: right;
		margin-left: $t-a-space-absolute-400;
	}

	&__no-results,
	&__loading,
	&__error {
		padding: $t-a-space-absolute-600 $t-a-space-absolute-400;
		text-align: center;
		color: $t-eds-c-autocomplete-item-meta-color;
	}

	&__error {
		color: $t-a-palette-default-red-medium;
	}

	&__loading {
		font-style: italic;
	}
}
