.apura-unit {

	&__select {
		--min: 5ch;
		--gap: 0;
		display: grid;
		grid-gap: var(--gap);
		grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
		width: 106px;
		padding: .25em;
		font-size: 12px;
	}
	&__select-item {
	}

	&__select-button {
		display: grid;
		place-items: center;
		place-content: center;
		width: 100%;
		border: 0;
		padding: .5em .25em;
		background: none;
		line-height: 1;
		cursor: pointer;
		&:hover {
			background: #f5f5f5;
		}
		&.current {
			background: var(--ap-customizer-theme-color);
			color: #fff;
		}
	}

	&__current {
		display: inline-flex;
		justify-content: center;
		min-width: 5ch;
		padding: 0 .25em;
		border:1px solid var(--ap-customizer-input-border-color);
		background: #fff;
		font-size: 11px;
		line-height: 2;
		text-align: center;
		cursor: pointer;
	}

	&__text {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--ap-customizer-input-border-color);
		padding: 0 8px;
		background: transparent;
		font-size: 11px;
	}
}


select.apura-unit-select-control {
	min-height: auto;
	appearance: none;
	padding: 0 4px;
	border-color: var(--ap-customizer-input-border-color);
	background: #fff;
	font-size: 11px;
	line-height: 2;
	text-align-last: center;
}