.phone-field{gap:8px;display:grid}.phone-control{background:#fff;border:1px solid #828d96;border-radius:4px;align-items:center;display:flex;position:relative}.phone-control:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #caff3940}.phone-control .phone-country{background:0 0;border-radius:4px 0 0 4px;flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.phone-prefix{color:var(--muted);white-space:nowrap;padding-right:6px}.phone-control>input[type=tel]{box-shadow:none;border:0;outline:0;min-width:0;padding-left:4px}.phone-hint{color:var(--muted);font-size:13px}.phone-menu{z-index:10;border:1px solid var(--line);background:#fff;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 32px #061b2d22}.phone-menu>input{width:100%;margin-bottom:8px}.phone-options{max-height:250px;overflow-y:auto}.phone-options p{color:var(--muted);padding:10px;font-size:13px}.phone-options button{text-align:left;background:#fff;gap:10px;width:100%;padding:10px;font-size:14px;font-weight:500;display:flex}.phone-options button span:last-child{color:var(--muted);margin-left:auto}.phone-options button:hover,.phone-options button[aria-pressed=true]{background:#f3fadf}