.phone-field{margin-bottom:17px;font-size:14px;font-weight:500}
.phone-field>label{display:block}
.phone-control{display:flex;align-items:stretch;min-width:0;margin-top:7px;border:1px solid #dce4da;border-radius:6px;background:#fcfdfb}
.phone-country{position:relative;flex:0 0 108px;border-right:1px solid #dce4da;border-radius:5px 0 0 5px}
.country-display{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;pointer-events:none}
.country-display img{display:block;object-fit:cover;box-shadow:0 0 0 1px #173b3218;border-radius:2px}
.country-chevron{font-size:16px;color:var(--muted)}
.phone-country select{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.phone-country:focus-within{outline:3px solid #649467;outline-offset:3px}
.phone-country:hover{background:#edf3e8}
.phone-control input:not([type=checkbox]){flex:1;min-width:0;border:0;background:transparent;margin:0;height:46px;border-radius:0 5px 5px 0;font-size:16px}
.phone-field>small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px}
@media(max-width:380px){.phone-country{flex-basis:96px}.country-display{gap:6px}.phone-control input:not([type=checkbox]){padding-inline:9px}}