.phone-input-wrap{position:relative}.phone-input{--pi-bg:var(--bg);--pi-bg-focus:var(--white);--pi-border:var(--border);--pi-border-hover:var(--ink-3);--pi-radius:var(--radius-md);--pi-ink:var(--ink);--pi-placeholder:var(--ink-3);--pi-ring:var(--sand-pale);--pi-pad-y:.85rem;--pi-min-h:44px;--pi-font:.9rem;width:100%;min-height:var(--pi-min-h);background:var(--pi-bg);border:1px solid var(--pi-border);border-radius:var(--pi-radius);align-items:stretch;gap:0;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;overflow:hidden}.phone-input:hover:not(:focus-within){border-color:var(--pi-border-hover)}.phone-input:focus-within{border-color:var(--sand);background:var(--pi-bg-focus);box-shadow:0 0 0 3px var(--pi-ring)}.phone-input.phone-input--error{border-color:var(--danger)}.phone-input.phone-input--error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.phone-input--disabled{opacity:.65;cursor:not-allowed}.phone-input--disabled:hover{border-color:var(--pi-border)}.phone-input .phone-input__country-btn{min-width:72px;padding-block:var(--pi-pad-y);box-shadow:none;color:var(--pi-ink);font-family:var(--font-body);font-size:var(--pi-font);cursor:pointer;direction:ltr;background:0 0;border:0;border-radius:0;outline:none;flex:none;align-items:center;gap:.35rem;margin:0;padding-inline:.85rem .6rem;line-height:1.2;display:flex}.phone-input .phone-input__country-btn:disabled{cursor:not-allowed}.phone-input .phone-input__country-btn:focus-visible{background:color-mix(in srgb, var(--sand) 16%, transparent)}.phone-input .phone-input__divider{background:var(--pi-border);flex:none;align-self:stretch;width:1px;margin-block:.5rem}.phone-input .phone-input__number{width:auto;min-width:0;height:auto;min-height:0;padding-block:var(--pi-pad-y);box-shadow:none;color:var(--pi-ink);font-family:var(--font-body);font-size:var(--pi-font);direction:ltr;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding-inline:.9rem 1rem}.phone-input .phone-input__number:focus,.phone-input .phone-input__number:disabled{box-shadow:none;background:0 0;border:0}.phone-input .phone-input__number:disabled{cursor:not-allowed;opacity:1}.phone-input .phone-input__number::placeholder{color:var(--pi-placeholder);opacity:.65}[dir=rtl] .phone-input .phone-input__number{text-align:right}@media (max-width:640px){.phone-input{--pi-font:1rem}}.phone-input__hint{font-family:var(--font-body);color:var(--danger);margin-top:.4rem;font-size:.8rem;display:block}[dir=rtl] .phone-input__hint{text-align:right}.phone-input__panel{z-index:40;top:calc(100% + 6px);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);width:min(320px,90vw);max-height:320px;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;inset-inline-start:0;overflow:hidden}.phone-input__search{border:1px solid var(--border);border-radius:var(--radius-sm,8px);font-family:var(--font-body);color:var(--ink);outline:none;flex-shrink:0;margin:.6rem .6rem .4rem;padding:.55rem .75rem;font-size:.88rem}.phone-input__search:focus{border-color:var(--sand);box-shadow:0 0 0 3px var(--sand-pale)}.phone-input__options{padding-bottom:.4rem;overflow-y:auto}.phone-input__option{cursor:pointer;text-align:start;width:100%;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .85rem;font-size:.86rem;display:flex}.phone-input__option:hover,.phone-input__option--active{background:var(--bg)}.phone-input__flag{font-size:1rem}.phone-input__option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.phone-input__option-dial{color:var(--ink-3);font-size:.8rem}.phone-input__empty{color:var(--ink-3);padding:.75rem .85rem;font-size:.85rem}