.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-size:var(--font-size,16px);height:20px;left:15px;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,Manrope,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(--text-muted);font-family:var(--font-family,Manrope,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}.input-phone__mask{color:var(--text-muted);display:flex;font-family:var(--font-family,Manrope,sans-serif);font-size:var(--font-size,16px);font-style:var(--font-style,normal);font-weight:var(--font-weight,400);left:1px;line-height:var(--line-height,140%);padding:0 16px;pointer-events:none;position:absolute;top:24px;transition:border-color .2s ease-in-out;z-index:1}.hidden-chars{opacity:0}