.phone-input{display:grid;gap:8px}.phone-input :deep(input),.phone-input__error,.phone-input__hint,.phone-input__label{font-family:var(--font-family)}.phone-input__label{color:var(--dark-1000);font-size:14px;font-weight:700;line-height:20px}.phone-input__error,.phone-input__hint{font-size:13px;line-height:18px}.phone-input__hint{color:#062e4099}.phone-input__error{color:#b42318}.phone-input.--disabled{opacity:.64}.phone-input.--inverse .phone-input__label{color:var(--white-1000)}.phone-input.--inverse .phone-input__error{color:var(--brand-pink-light)}.phone-input.--inverse :deep(.vue-tel-input){background:#fff3}.phone-input.--inverse :deep(.vue-tel-input):focus-within{border-color:var(--white-1000);box-shadow:0 0 0 3px #fff3}.phone-input.--inverse :deep(.vti__input){color:var(--white-1000)}.phone-input.--inverse :deep(.vti__input)::-moz-placeholder{color:#ffffffb8}.phone-input.--inverse :deep(.vti__input)::placeholder{color:#ffffffb8}.phone-input :deep(.vue-tel-input){background:var(--gray100);border:1px solid transparent;border-radius:16px;box-shadow:none;min-height:62px;transition:border-color .2s ease,box-shadow .2s ease}.phone-input :deep(.vue-tel-input):focus-within{border-color:var(--brand-pink);box-shadow:0 0 0 3px #ef2b7c33}.phone-input :deep(.vti__dropdown){border-radius:15px 0 0 15px}.phone-input :deep(.vti__dropdown-list){border:0;border-radius:16px;box-shadow:var(--shadow-control,0 8px 24px rgba(6,46,64,.14));color:var(--dark-1000);min-width:0;overflow-x:hidden;width:min(280px,100vw - 64px);z-index:10020}.phone-input :deep(.vti__input){background:transparent;border-radius:0 15px 15px 0;color:var(--dark-1000);font-size:14px;font-weight:600;min-width:0}.phone-input.--invalid :deep(.vue-tel-input){border-color:#b42318;box-shadow:0 0 0 3px #b4231824}