@use "~admin-stylesheets/mixins";

.nelio-content-item-select-control {
	width: auto;
	margin-bottom: 1em;

	@include mixins.select2(#{&});

	.components-form-token-field__input-container {
		background: #fff;
		width: auto;
	}

	ul.components-form-token-field__suggestions-list {
		margin: 0;
		padding: 0;
	}

	&--has-single-value {

		input[type="text"].components-form-token-field__input {
			height: 0 !important;
			min-height: 0 !important;
			min-width: 0 !important;
			opacity: 0;
			width: 0 !important;
		}
	}

	&--no-label .components-form-token-field__label {
		display: none;
	}

	&--no-input input[type="text"].components-form-token-field__input {
		height: 0 !important;
		min-height: 0 !important;
		min-width: 0 !important;
		opacity: 0;
		width: 0 !important;
	}
}