.phone-input{display:grid;grid-template-columns:112px 1fr;gap:8px}.phone-input .phone-code{font-family:var(--bz-f-ui);font-size:15px;border:1px solid var(--bz-grey-300);border-radius:8px;background:#fff;color:var(--bz-ink);cursor:pointer;appearance:none;background-image: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");background-repeat:no-repeat;background-position:right 10px center;padding:12px 26px 12px 10px}.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);font-size:15px;line-height:1.55;padding:12px 14px;border:1px solid var(--bz-grey-300);border-radius:8px;background:#fff;color:var(--bz-ink)}.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}