.phone-group{border:1.5px solid var(--sh-line);background:#fff;border-radius:12px;align-items:stretch;transition:border-color .15s;display:flex;position:relative}.phone-group:focus-within{border-color:var(--sh-navy-500)}.phone-cc{border:0;border-right:1.5px solid var(--sh-line);cursor:pointer;font:inherit;color:var(--sh-ink);white-space:nowrap;background:0 0;border-radius:12px 0 0 12px;align-items:center;gap:8px;padding:0 12px;display:flex}.phone-cc .dial{font-size:15px}.phone-cc .chev{opacity:.5;width:11px;height:11px}.cform .phone-group .phone-num{background:0 0;border:0;border-radius:0 12px 12px 0;flex:1;min-width:0;padding:14px 16px}.cform .phone-group .phone-num:focus{border:0}.flag{border-radius:3px;flex-shrink:0;width:20px;height:14px;display:inline-block;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.flag svg{width:100%;height:100%;display:block}.phone-menu{z-index:30;border:1.5px solid var(--sh-line);background:#fff;border-radius:12px;min-width:220px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 14px 32px #0b254529}.phone-opt{cursor:pointer;width:100%;font:inherit;color:var(--sh-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.phone-opt:hover,.phone-opt.is-active{background:#0b25450f}.phone-opt .name{flex:1}.phone-opt .dial{color:var(--sh-fg-muted);font-size:13px}
