.input-phone{display:grid;grid-template-areas:"label label";grid-template-columns:auto 1fr;grid-template-rows:minmax(0,auto) auto;grid-column-gap:8px;width:100%;z-index:5}.input-phone .input-row{display:block;position:relative}.input-phone .placeholder{color:var(--placeholder-color,var(--neutral-400));font-size:var(--font-size,16px);height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;z-index:1}.input-phone .has-focus .placeholder,.input-phone .placeholder{font-family:var(--font-family,Inter,sans-serif);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);line-height:var(--line-height,140%)}.input-phone .has-focus .placeholder{font-size:var(--font-size,12px);transform:translateY(-20px)}.input-phone .has-focus .field{--bg:var(--color-emerald-5);--box-shadow:var(--color-emerald-5);--text-fill-color:var(--text-default)}.input-phone .hint{grid-column:1/3;margin-top:4px}.input-phone .label{color:var(--color-white);font-family:var(--font-family,Inter,sans-serif);font-size:var(--font-size,14px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);grid-area:label;line-height:var(--line-height,140%);margin-bottom:4px}.input-phone.is-open .selected{--color:var(--color-white)}.input-phone .dropdown{min-width:150px}