.gp-phone{--gp-phone-height:2.5rem;--gp-phone-radius:.5rem;--gp-phone-border:#d4d4d8;--gp-phone-border-focus:#6366f1;--gp-phone-border-invalid:#dc2626;--gp-phone-bg:#fff;--gp-phone-fg:#18181b;--gp-phone-muted:#71717a;--gp-phone-gap:.5rem;width:100%;min-height:var(--gp-phone-height);border:1px solid var(--gp-phone-border);border-radius:var(--gp-phone-radius);background:var(--gp-phone-bg);color:var(--gp-phone-fg);align-items:stretch;display:inline-flex;overflow:visible}.gp-phone:focus-within{border-color:var(--gp-phone-border-focus)}.gp-phone[data-invalid]{border-color:var(--gp-phone-border-invalid)}.gp-phone[data-disabled]{opacity:.6}.gp-phone__country{display:flex;position:relative}.gp-phone__flag{border:0;border-right:1px solid var(--gp-phone-border);border-radius:var(--gp-phone-radius) 0 0 var(--gp-phone-radius);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:0 .6rem;display:inline-flex}.gp-phone__flag-emoji{font-size:1.1em;line-height:1}.gp-phone__dial{color:var(--gp-phone-muted)}.gp-phone__input{border-radius:0 var(--gp-phone-radius) var(--gp-phone-radius) 0;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 .75rem}.gp-phone__popover{z-index:50;border:1px solid var(--gp-phone-border);border-radius:var(--gp-phone-radius);background:var(--gp-phone-bg);flex-direction:column;width:18rem;max-width:80vw;display:flex;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 8px 24px #0000001f}.gp-phone__search{border:1px solid var(--gp-phone-border);border-radius:calc(var(--gp-phone-radius) - 2px);background:var(--gp-phone-bg);color:inherit;font:inherit;outline:none;margin:.4rem;padding:.4rem .5rem}.gp-phone__list{max-height:15rem;margin:0;padding:0 0 .3rem;list-style:none;overflow-y:auto}.gp-phone__option{align-items:center;gap:var(--gp-phone-gap);cursor:pointer;padding:.4rem .6rem;display:flex}.gp-phone__option[data-active],.gp-phone__option[aria-selected=true]{background:color-mix(in srgb, var(--gp-phone-border-focus) 12%, transparent)}.gp-phone__option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gp-phone__option-dial{color:var(--gp-phone-muted)}.gp-phone__empty{color:var(--gp-phone-muted);text-align:center;padding:.6rem}