.input-phone>.label{color:var(--color,var(--text-primary));display:flex;font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);grid-area:label;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);margin-bottom:.5rem}.input-phone .field{box-shadow:inset 0 0 0 1000px var(--field-01);-webkit-text-fill-color:var(--text-tertiary);-webkit-background-clip:text}.input-phone .field:focus{-webkit-text-fill-color:var(--text-primary)}.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%}.input-phone .hint{grid-column:1/3;margin-top:.375rem}.input-phone .dropdown{min-width:9.375rem}.input-phone .field{background-color:var(--bg,var(--gray-800));border:1px solid var(--border-color,var(--gray-800));border-radius:8px;color:var(--color,var(--white));font-family:Rubik,Rubik fallback,sans-serif;font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);padding:var(--input-padding-y,.6875rem) 1rem;transition:border-color .2s ease-in-out;width:100%}.input-phone .field::-moz-placeholder{color:var(--gray-400)}.input-phone .field::placeholder{color:var(--gray-400)}.input-phone .field:focus{--border-color:var(--gray-300)}.input-phone.has-error .field{--border-color:var(--border-alert)}