.pyn-phone-field .iti,
.woocommerce-checkout .iti {
	display: block;
	width: 100%;
}

.pyn-phone-legacy-hidden {
	display: none !important;
}

.pyn-phone-field .iti__selected-country,
.woocommerce-checkout .iti__selected-country {
	min-width: 96px;
}

.pyn-phone-field .iti__selected-dial-code,
.woocommerce-checkout .iti__selected-dial-code {
	font-variant-numeric: tabular-nums;
}

.pyn-phone-field input.pyn-international-phone,
.woocommerce-checkout input#billing_phone {
	min-height: 46px;
	width: 100%;
}

.pyn-phone-help,
.pyn-phone-status {
	display: block;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.45;
}

.pyn-phone-help {
	color: #6f6a63;
}

.pyn-phone-status.is-valid {
	color: #397044;
}

.pyn-phone-status.is-error {
	color: #a1342c;
}

input.pyn-phone-valid {
	border-color: #5c8a64 !important;
	box-shadow: 0 0 0 2px rgba(92, 138, 100, 0.12) !important;
}

input.pyn-phone-invalid {
	border-color: #a1342c !important;
	box-shadow: 0 0 0 2px rgba(161, 52, 44, 0.1) !important;
}

@media (prefers-color-scheme: dark) {
	.pyn-phone-help {
		color: #aaa39a;
	}

	.pyn-phone-status.is-valid {
		color: #89cf95;
	}

	.pyn-phone-status.is-error {
		color: #ff9d96;
	}
}