.phone-input{grid-template-columns:112px 1fr;gap:8px;display:grid}.phone-input .phone-code{font-family:var(--bz-f-ui);border:1px solid var(--bz-grey-300);color:var(--bz-ink);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2378787F' d='M5 6L0 0h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:8px;padding:12px 26px 12px 10px;font-size:15px}.phone-input .phone-code:focus{outline:2px solid var(--bz-purple);outline-offset:2px;border-color:var(--bz-purple)}.phone-input .phone-number{width:100%;font-family:var(--bz-f-ui);border:1px solid var(--bz-grey-300);color:var(--bz-ink);background:#fff;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.55}.phone-input .phone-number:focus{outline:2px solid var(--bz-purple);outline-offset:2px;border-color:var(--bz-purple)}.phone-input .phone-number[aria-invalid=true]{border-color:#b8302b}