.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 var(--danger-18)}.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:var(--sand-16)}.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{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.phone-input__searchrow{min-height:44px;color:var(--ink-3);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;margin:0;padding:0 .85rem;display:flex}.phone-input__search{min-width:0;box-shadow:none;font-family:var(--font-body);color:var(--ink);background:0 0;border:0;outline:none;flex:1;margin:0;padding:.55rem 0;font-size:1rem}.phone-input__search:focus{box-shadow:none;border:0}.phone-input__heading{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-shrink:0;padding:.55rem .85rem .25rem;font-size:.7rem;font-weight:600}.phone-input__options{overscroll-behavior:contain;padding-bottom:.4rem;overflow-y:auto}.phone-input__option{cursor:pointer;text-align:start;width:100%;min-height:44px;font-family:var(--font-body);color:var(--ink);align-items:center;gap:.7rem;padding:.35rem .85rem;font-size:.95rem;display:flex}.phone-input__option:hover,.phone-input__option--kbd,.phone-input__option--active{background:var(--bg)}.phone-input__option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.phone-input__option-name b{color:var(--sand-text);font-weight:700}.phone-input__option-dial{color:var(--ink-3);direction:ltr;unicode-bidi:isolate;font-size:.85rem}.phone-input__empty{color:var(--ink-3);padding:.75rem .85rem;font-size:.85rem}.phone-input__dial{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.phone-input__chev{color:var(--ink-3);flex:none}.phone-input .phone-input__country-btn{gap:.45rem;min-width:92px}
