.phone-field{display:grid;gap:7px;align-content:start;min-width:0}
.phone-row{display:flex;gap:8px;direction:ltr;min-width:0}
.phone-row input{min-width:0;flex:1;text-align:left}
.phone-prefix{position:relative;display:block;flex:0 0 92px;min-height:50px;border:1px solid #b8d2cd;border-radius:11px;background:#fff;color:var(--ink)}
.phone-prefix select{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer;direction:ltr;font-size:16px}
.phone-code{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-right:14px;pointer-events:none;font-size:16px;font-weight:600}
.phone-code::after{content:'';position:absolute;right:11px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:19px}
.phone-prefix:focus-within{outline:3px solid #10a88f66;outline-offset:2px}
@media(max-width:520px){.phone-prefix{flex-basis:86px}}