.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(--text-muted));font-family:Inter,Inter fallback,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:20px;left:15px;line-height:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;z-index:1}.input-phone .has-focus .placeholder{font-size:12px;line-height:16px;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(--text-muted);font-family:Inter,Inter fallback,sans-serif;font-size:14px;font-style:normal;font-weight:400;grid-area:label;line-height:20px;margin-bottom:4px}.input-phone.is-open .selected{--color:var(--white)}.input-phone .dropdown{min-width:150px}.input-phone__mask{color:var(--text-muted);display:flex;font-family:Inter,Inter fallback,sans-serif;font-size:16px;font-style:normal;font-weight:400;left:1px;padding:0 16px;pointer-events:none;position:absolute;top:24px;transition:border-color .2s ease-in-out;z-index:1}.hidden-chars{opacity:0}