.areal-phone-input[data-v-75b2e02e]{display:flex;position:relative}.areal-phone-input[data-v-75b2e02e]:focus-within{z-index:10}.areal-phone-input[data-v-75b2e02e]:not(.areal-phone-input_readonly):focus-within .areal-input{border-color:#8d8d8d;z-index:4}@media (hover:hover){.areal-phone-input[data-v-75b2e02e]:not(.areal-phone-input_readonly):hover .areal-input{border-color:#8d8d8d;z-index:6}}.areal-phone-input:not(.areal-phone-input_readonly).areal-phone-input_error[data-v-75b2e02e] .areal-input{border-color:#e30613!important;z-index:2}.areal-phone-input__dropdown[data-v-75b2e02e]{position:fixed;top:0;z-index:100}.areal-phone-input__country-code[data-v-75b2e02e]{flex-grow:0;flex-shrink:1;position:static}.areal-phone-input__country-code[data-v-75b2e02e]{color:#3a3a3a;width:-moz-fit-content;width:fit-content}.areal-phone-input__country-code[data-v-75b2e02e] .areal-input{border-bottom-right-radius:0;border-top-right-radius:0;gap:4px;min-width:-moz-fit-content;min-width:fit-content;padding-right:8px;width:-moz-fit-content;width:fit-content}.areal-phone-input__country-code[data-v-75b2e02e] .areal-input input{text-align:end;width:var(--83507fc4)}.areal-phone-input__number[data-v-75b2e02e]{flex-grow:1}.areal-phone-input__number[data-v-75b2e02e] .areal-input{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px;padding-left:8px;width:calc(100% + 1px)}