/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
.phone-number__wrapper {
  display: flex;
}

.phone-number__wrapper one-textfield {
  flex-grow: 1;
}

.phone-number__wrapper .textfield {
  margin-top: var(--margin-xxxs);
  padding-top: var(--size-5xs);
}

.phone-number__wrapper .textfield .textinput__label {
  display: none;
}

.phone-number__wrapper .dropdown {
  margin-top: var(--margin-xxxs);
  min-width: var(--semantic-spacing-static-2400);
}

.phone-number__wrapper .dropdown .dropdown__label {
  display: none;
}

.phone-number__wrapper .dropdown .dropdown__input-field {
  height: var(--input-field-min-height);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.phone-number__wrapper .dropdown .dropdown__text {
  flex: 1;
}

.phone-number__wrapper .dropdown .dropdown__option .dropdown__option-text {
  flex: 1;
}

.phone-number__wrapper .dropdown .dropdown__options-container {
  width: max-content;
}

.phone-number__wrapper .textinput__field {
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.phone-number__label {
  margin-bottom: var(--margin-xs);
  color: var(--label-color-resting);
  font-size: var(--label-item-text-font-size);
  font-weight: var(--label-group-text-font-weight);
  line-height: var(--label-group-text-line-height);
}

.phone-number__error-message {
  color: var(--semantic-color-signal-attention-critical);
  margin-top: var(--semantic-spacing-static-100);
}

.phone-number__error-message::before {
  content: "\e918";
  font-family: "Allianz Icons";
  color: var(--indicator-surface-critical);
  font-size: var(--semantic-text-body-m-font-size);
  margin-right: var(--semantic-spacing-static-100);
  vertical-align: text-bottom;
}

.phone-number.has-error .textfield .textinput__field {
  border-color: var(--input-field-border-color-critical);
  border-left-color: inherit;
}

.phone-number.has-error .dropdown__input-field {
  border-color: var(--input-field-border-color-critical);
}