.phone-field { display: flex; align-items: stretch; min-width: 0; width: 100%; }
.phone-field > select.phone-country { width: 106px; min-width: 106px; max-width: 106px; margin: 0; padding: 10px 9px; border: 1px solid #dfe1d9; border-right: 0; border-radius: 4px 0 0 4px; background: #f6f5f0; color: #42473c; font: inherit; font-size: 12px; cursor: pointer; }
.phone-field > input[type="tel"] { width: 100%; min-width: 0; flex: 1; border-radius: 0 4px 4px 0; }
.phone-field > select:focus-visible { position: relative; outline: 2px solid #c71920; outline-offset: -2px; }
@media(max-width:380px){.phone-field > select.phone-country { width: 94px; min-width: 94px; max-width: 94px; font-size: 11px; }}