.select2-dropdown {
	width: max-content !important;
}

.phone-number-input {
	display: flex;
}

.phone-number-input select,
.phone-number-input .select2-selection {
	border-radius: 4px 0 0 4px;
	box-shadow: none;
}

.phone-number-input input[type=tel] {
	flex-grow: 1; 
	padding:8px; 
	border:1px solid #ccc; 
	border-radius: 0 4px 4px 0;
}

.phone-number-input .select2-container .select2-selection--single {
	height: 100%;
	display: flex;
	align-items: center;
	box-shadow: none;
}

.phone-number-input .select-container {
	position: relative;
	display: flex;
	justify-content: center;
}

.phone-number-input:has(.select2) .select-preloader {
	display: none;
}

.phone-number-input:not(:has(.select2)) .select-preloader {
	position: absolute;
	color: rgba(0, 0, 0, 0.5);
	animation: spin 1s linear infinite;
	font-size: 1.5em;
	align-self: center;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}