.contacts-cbf4f629KXrWCe {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;

  }

.contacts-cbf4f629KXrWCe1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

.contacts-cbf4f629YVl5fU {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  position: relative;
  text-align: left;

  }

.contacts-cbf4f629YVl5fU1 {
    justify-content: space-between;
  }


.contacts-cbf4f629OHNkOA1 {
          /* Meta's styled-components color rule uses a doubled selector. */
          &&& {
            color: var(--xdlColorError);
          }
        }

.contacts-cbf4f629OHNkOA2 {
          color: var(--xdlColorTextSecondary);
        }

.contacts-cbf4f629Kf8urC {
  position: relative;
}


.contacts-cbf4f629Kf8urC1 {
  position: relative;
}


.contacts-cbf4f629Kf8urC2 {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-block-start: 4px;
}


.contacts-cbf4f629Kf8urC3 {
  flex-grow: 1;
  text-align: end;
}


.contacts-cbf4f629Kf8urC4 {
  align-items: center;
  color: var(--xdlColorTextSecondary);
  display: flex;
  flex-grow: 1;
  gap: 2px;

  }

.contacts-cbf4f629Kf8urC5 {
  /* Meta's doubled color selector is emitted in a later stylesheet. */
  &&& {
    color: var(--xdlColorError);
  }
}

.contacts-cbf4f629Kf8urC6 {
      &&& {
        color: var(--xdlColorDisabledStrong);
      }
    }


.contacts-cbf4f629Kf8urC7 {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}


.contacts-cbf4f629Kf8urC8 {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}


.contacts-cbf4f629Kf8urC9 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  &:focus {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }


  

  

  &:not(:placeholder-shown) ~ &,
  :-webkit-autofill ~ &,
  :autofill ~ & {
    
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}
}

.contacts-cbf4f629Kf8urC10 {
  && {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorder);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);

    &:hover,
    &:focus {
      border-block-end-color: var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC11 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.contacts-cbf4f629Kf8urC12 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.contacts-cbf4f629Kf8urC13 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    }

.contacts-cbf4f629Kf8urC14 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC15 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC16 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC17 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC18 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC19 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC20 {
      padding-inline-start: 35px;
    }

.contacts-cbf4f629Kf8urC21 {
      padding-inline-start: 40px;
    }

.contacts-cbf4f629Kf8urC22 {
      padding-inline-start: 40px;
    }

.contacts-cbf4f629Kf8urC23 {
      padding-inline-end: 40px;
    }

.contacts-cbf4f629Kf8urC24 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.contacts-cbf4f629Kf8urC25 {
  && {
    border-block-end: 2px solid var(--xdlColorSuccess);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC26 {
  && {
    border-block-end: 2px solid var(--xdlColorError);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC27 {
  border-color: var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong);
  pointer-events: none;
}

.contacts-cbf4f629Kf8urC28 {
  border-block-end: 2px solid var(--xdlColorDisabledSoft) !important;
  border-block-start: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong) !important;
  pointer-events: none;
}

.contacts-cbf4f629Kf8urC29 {
      && {
        border: 0;
      }
    }


.contacts-cbf4f629Kf8urC30 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  &:focus {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }

  height: auto;
  overflow-y: hidden;
  resize: none;
  width: 100%;

  }

.contacts-cbf4f629Kf8urC31 {
  && {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorder);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);

    &:hover,
    &:focus {
      border-block-end-color: var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC32 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.contacts-cbf4f629Kf8urC33 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.contacts-cbf4f629Kf8urC34 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    }

.contacts-cbf4f629Kf8urC35 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC36 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC37 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC38 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC39 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC40 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC41 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.contacts-cbf4f629Kf8urC42 {
  && {
    border-block-end: 2px solid var(--xdlColorSuccess);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC43 {
  && {
    border-block-end: 2px solid var(--xdlColorError);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.contacts-cbf4f629Kf8urC44 {
  border-color: var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong);
  pointer-events: none;
}

.contacts-cbf4f629Kf8urC45 {
  border-block-end: 2px solid var(--xdlColorDisabledSoft) !important;
  border-block-start: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong) !important;
  pointer-events: none;
}

.contacts-cbf4f629Kf8urC46 {
        && {
          border: 0;
        }
      }


.contacts-cbf4f629Kf8urC47 {
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  inset-inline-start: 0;
  margin-inline-start: 16px;
  pointer-events: none;
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: 1;

  

  

  .contacts-cbf4f629Kf8urC30:focus ~ & {
    }

  }

.contacts-cbf4f629Kf8urC48 {
      font-size: 14px;
      inset-block-start: 10px;
    }

.contacts-cbf4f629Kf8urC49 {
      font-size: 16px;
      inset-block-start: 12px;
    }

.contacts-cbf4f629Kf8urC50 {
      font-size: 16px;
      inset-block-start: 15px;
    }

.contacts-cbf4f629Kf8urC51 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}

.contacts-cbf4f629Kf8urC52 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}

.contacts-cbf4f629Kf8urC53 {
      color: var(--xdlColorDisabledStrong);
    }

.contacts-cbf4f629Kf8urC54 {
      inset-inline-start: -25px;
    }

.contacts-cbf4f629Kf8urC55 {
      inset-inline-start: -25px;
    }

.contacts-cbf4f629Kf8urC56 {
      margin-inline-start: 35px;
    }

.contacts-cbf4f629Kf8urC57 {
      margin-inline-start: 39px;
    }

.contacts-cbf4f629Kf8urC58 {
      margin-inline-start: 39px;
    }

.contacts-cbf4f629Kf8urC59 {:focus ~ & {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}}

.contacts-cbf4f629Kf8urC60 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      inset-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC61 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      inset-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC62 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      inset-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC63 {
        @media (min-width: 740px) {
          
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;

        }
      }

.contacts-cbf4f629Kf8urC64 {
          @media (min-width: 740px) {
            margin-inline-start: 39px;
          }
        }

.contacts-cbf4f629Kf8urC65 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      inset-block-start: 10px;
    
          }
        }

.contacts-cbf4f629Kf8urC66 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      inset-block-start: 12px;
    
          }
        }

.contacts-cbf4f629Kf8urC67 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      inset-block-start: 15px;
    
          }
        }

.contacts-cbf4f629Kf8urC68 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;

        }
      }

.contacts-cbf4f629Kf8urC69 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          inset-inline-start: -25px;
        }
      }


.contacts-cbf4f629Kf8urC70 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-end: 12px;
  position: absolute;
  transform: translateY(-50%);

  }


.contacts-cbf4f629Kf8urC72 {
      pointer-events: none;

      & > *,
      & * {
        pointer-events: none !important;
      }

      & > button,
      & > a {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629Kf8urC73 {
      & > button,
      & > a {
        color: var(--xdlColorText);
      }
    }


.contacts-cbf4f629Kf8urC74 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-start: 10px;
  margin-inline-end: 8px;
  position: absolute;
  transform: translateY(-50%);

  }

.contacts-cbf4f629Kf8urC75 {
          height: 18px;
          width: 18px;
        }

.contacts-cbf4f629Kf8urC76 {
          height: 24px;
          width: 24px;
        }

.contacts-cbf4f629Kf8urC77 {
      && {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629Kf8urC78 {
      color: var(--xdlColorText);
    }

.contacts-cbf4f629mZgO00 {
  position: relative;
  z-index: 0;
}


.contacts-cbf4f629mZgO0045 {
  appearance: none;
  display: block;
  line-height: 1.5;
  resize: none;
  width: 100%;

  &[disabled] {
    pointer-events: none;
  }
}

.contacts-cbf4f629mZgO0046 {
      background-color: var(--xdlColorControlFillSecondary);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorFocusRing);
        border-width: 2px;
      }

      &:hover {
        background-color: var(--xdlColorHoverSecondary);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.contacts-cbf4f629mZgO0047 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorControlBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);
      }
    }
.contacts-cbf4f629mZgO0048 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 2px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 2px;
        color: var(--xdlColorText);
      }

      &:hover {
        background-color: var(--xdlColorBackground);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;
        color: var(--xdlColorText);

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.contacts-cbf4f629mZgO0049 {
      background-color: var(--xdlColorControlFill);
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO0050 {
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0051 {
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0052 {
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0053 {
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    }

.contacts-cbf4f629mZgO0054 {
          @media (min-width: 740px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0055 {
          @media (min-width: 740px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0056 {
          @media (min-width: 740px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0057 {
          @media (min-width: 740px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.contacts-cbf4f629mZgO0058 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0059 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0060 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0061 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.contacts-cbf4f629mZgO0062 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.contacts-cbf4f629mZgO0063 {
      padding-inline-end: calc(32px + 8px);
    }
.contacts-cbf4f629mZgO0064 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0065 {
      padding-inline-end: calc(42px + 8px);
    }
.contacts-cbf4f629mZgO0066 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0067 {
      padding-inline-end: calc(48px + 8px);
    }
.contacts-cbf4f629mZgO0068 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0069 {
      padding-inline-end: calc(48px + 8px);
    }

.contacts-cbf4f629mZgO0070 {
          @media (min-width: 740px) {
            }
        }

.contacts-cbf4f629mZgO0062 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.contacts-cbf4f629mZgO0063 {
      padding-inline-end: calc(32px + 8px);
    }
.contacts-cbf4f629mZgO0071 {
          @media (min-width: 740px) {
            }
        }

.contacts-cbf4f629mZgO0064 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0065 {
      padding-inline-end: calc(42px + 8px);
    }
.contacts-cbf4f629mZgO0072 {
          @media (min-width: 740px) {
            }
        }

.contacts-cbf4f629mZgO0066 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0067 {
      padding-inline-end: calc(48px + 8px);
    }
.contacts-cbf4f629mZgO0073 {
          @media (min-width: 740px) {
            }
        }

.contacts-cbf4f629mZgO0068 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0069 {
      padding-inline-end: calc(48px + 8px);
    }

.contacts-cbf4f629mZgO0074 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.contacts-cbf4f629mZgO0062 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.contacts-cbf4f629mZgO0063 {
      padding-inline-end: calc(32px + 8px);
    }
.contacts-cbf4f629mZgO0075 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.contacts-cbf4f629mZgO0064 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0065 {
      padding-inline-end: calc(42px + 8px);
    }
.contacts-cbf4f629mZgO0076 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.contacts-cbf4f629mZgO0066 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0067 {
      padding-inline-end: calc(48px + 8px);
    }
.contacts-cbf4f629mZgO0077 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.contacts-cbf4f629mZgO0068 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.contacts-cbf4f629mZgO0069 {
      padding-inline-end: calc(48px + 8px);
    }


.contacts-cbf4f629mZgO0078 {
  appearance: none;
  display: block;
  line-height: 1.5;
  resize: none;
  width: 100%;

  &[disabled] {
    pointer-events: none;
  }
height: auto;
  resize: none;
  width: 100%;
}

.contacts-cbf4f629mZgO0079 {
      background-color: var(--xdlColorControlFillSecondary);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorFocusRing);
        border-width: 2px;
      }

      &:hover {
        background-color: var(--xdlColorHoverSecondary);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.contacts-cbf4f629mZgO0080 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorControlBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);
      }
    }
.contacts-cbf4f629mZgO0081 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 2px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 2px;
        color: var(--xdlColorText);
      }

      &:hover {
        background-color: var(--xdlColorBackground);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;
        color: var(--xdlColorText);

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.contacts-cbf4f629mZgO0082 {
      background-color: var(--xdlColorControlFill);
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO0083 {
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0084 {
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0085 {
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.contacts-cbf4f629mZgO0086 {
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    }

.contacts-cbf4f629mZgO0087 {
          @media (min-width: 740px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0088 {
          @media (min-width: 740px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0089 {
          @media (min-width: 740px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0090 {
          @media (min-width: 740px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.contacts-cbf4f629mZgO0091 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0092 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0093 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.contacts-cbf4f629mZgO0094 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.contacts-cbf4f629mZgO0095 {
      padding-inline-end: calc(32px + 8px);
    }
.contacts-cbf4f629mZgO0096 {
      padding-inline-end: calc(42px + 8px);
    }
.contacts-cbf4f629mZgO0097 {
      padding-inline-end: calc(48px + 8px);
    }
.contacts-cbf4f629mZgO0098 {
      padding-inline-end: calc(48px + 8px);
    }

.contacts-cbf4f629mZgO0099 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(32px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00100 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(42px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00101 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00102 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }

.contacts-cbf4f629mZgO00103 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(32px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00104 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(42px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00105 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }
.contacts-cbf4f629mZgO00106 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }


.contacts-cbf4f629mZgO00107 {
  color: var(--xdlColorText);
  inset-block-start: 50%;
  margin-inline-end: 8px;
  position: absolute;
  transform: translateY(-50%);

  }

.contacts-cbf4f629mZgO00108 {
        height: var(--contacts-cbf4f629mZgO00109);
        width: var(--contacts-cbf4f629mZgO00110);
      }

.contacts-cbf4f629mZgO00111 {
      color: var(--xdlColorText);

      [disabled] + & {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO00112 {
      color: var(--xdlColorText);

      [disabled] + & {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO00113 {
      inset-inline-start: 16px;
    }

.contacts-cbf4f629mZgO00114 {
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00115 {
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00116 {
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00117 {
          @media (min-width: 740px) {
            
      inset-inline-start: 16px;
    
          }
        }

.contacts-cbf4f629mZgO00118 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00119 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00120 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00121 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      inset-inline-start: 16px;
    
          }
        }

.contacts-cbf4f629mZgO00122 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00123 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00124 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }


.contacts-cbf4f629mZgO00125 {
  align-items: center;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  inset-inline-end: 8px;
  isolation: isolate;
  justify-content: center;
  padding: calc(8px - 1px);
  position: absolute;
  z-index: 10;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 1px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: -1px;
  }

  }

.contacts-cbf4f629mZgO00126 {
      color: var(--xdlColorText);

      &[disabled] {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO00127 {
      color: var(--xdlColorText);

      &[disabled] {
        color: var(--xdlColorDisabledStrong);
      }
    }

.contacts-cbf4f629mZgO00128 {
      inset-block-start: 0;
    }

.contacts-cbf4f629mZgO00129 {
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00130 {
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00131 {
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.contacts-cbf4f629mZgO00132 {
          @media (min-width: 740px) {
            
      inset-block-start: 0;
    
          }
        }

.contacts-cbf4f629mZgO00133 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00134 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00135 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00136 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      inset-block-start: 0;
    
          }
        }

.contacts-cbf4f629mZgO00137 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00138 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.contacts-cbf4f629mZgO00139 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }


.contacts-cbf4f629mZgO00140 {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}


.contacts-cbf4f629mZgO00141 {
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.contacts-cbf4f629MxACF7 {
  position: relative;
}


.contacts-cbf4f629MxACF71 {
  background-color: var(--xdlColorBackground);
  border: none;
  border-radius: 0;
  color: var(--xdlColorText);
  outline: none;
  resize: none; /* remove the resize handle on the bottom right */

  &:focus {
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &::placeholder {
    color: var(--xdlColorTextTertiaryOnDark);
    font-size: 14px;
  }
}


.contacts-cbf4f629MxACF72 {
  background-color: var(--xdlColorBackground);
  border: none;
  border-radius: 0;
  color: var(--xdlColorText);
  outline: none;
  resize: none; /* remove the resize handle on the bottom right */

  &:focus {
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &::placeholder {
    color: var(--xdlColorTextTertiaryOnDark);
    font-size: 14px;
  }
}


.contacts-cbf4f629MxACF73 {
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.contacts-cbf4f629iaUTE6 {
  width: 100%;
}


.contacts-cbf4f629iaUTE61 {
  position: relative;
}


.contacts-cbf4f629iaUTE65 {
  color: var(--xdlColorTextSecondary);
  font-weight: 400;
  inset-block-end: 0;
  inset-inline-start: 17px;
  pointer-events: none;
  position: absolute;
  z-index: 1;

  }

.contacts-cbf4f629iaUTE66 {
      font-size: 14px;
      inset-block-start: 12px;
    }

.contacts-cbf4f629iaUTE67 {
      font-size: 16px;
      inset-block-start: 14px;
    }

.contacts-cbf4f629iaUTE68 {
      font-size: 16px;
      inset-block-start: 16px;
    }

.contacts-cbf4f629iaUTE69 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  height: 12px;
  inset-block-start: -9px;
  inset-inline-start: 13px;
  padding: 0 4px 0 4px;
  transform: none;
}

.contacts-cbf4f629iaUTE610 {
      color: var(--xdlColorDisabledStrong);
    }

.contacts-cbf4f629iaUTE611 {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }


.contacts-cbf4f629iaUTE612 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  & option {
    color: var(--xdlColorTextSecondary) !important;
  }

  &:focus {
    && {
      background-color: var(--xdlColorControlFill);
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
      border-block-start: 1px solid var(--xdlColorControlBorder);
      border-inline-end: 1px solid var(--xdlColorControlBorder);
      border-inline-start: 1px solid var(--xdlColorControlBorder);
    }

    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }
appearance: none;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  padding-inline-end: calc(32px + 20px);

  

  &:-ms-expand {
    display: none;
  }

  & option {
    color: initial;
  }
}

.contacts-cbf4f629iaUTE613 {
      background-color: var(--xdlColorControlFill);
      border-block-end: 2px solid var(--xdlColorControlBorder);
      border-block-start: 1px solid var(--xdlColorControlBorder);
      border-inline-end: 1px solid var(--xdlColorControlBorder);
      border-inline-start: 1px solid var(--xdlColorControlBorder);

      &:focus {
        background-color: var(--xdlColorControlFill);
      }
    }

.contacts-cbf4f629iaUTE614 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 5px;
      padding-block-start: 5px;
    }

.contacts-cbf4f629iaUTE615 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.contacts-cbf4f629iaUTE616 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.contacts-cbf4f629iaUTE617 {
  color: transparent;
  font-weight: 400;

  }

.contacts-cbf4f629iaUTE618 {
      font-size: 14px;
    }
.contacts-cbf4f629iaUTE619 {
      font-size: 16px;
    }
.contacts-cbf4f629iaUTE620 {
      font-size: 16px;
    }

.contacts-cbf4f629iaUTE621 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.contacts-cbf4f629iaUTE622 {
      background-color: var(--xdlColorBackground);
    }

.contacts-cbf4f629iaUTE623 {
  border-block-end: 2px solid var(--xdlColorSuccess);

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
  }
}

.contacts-cbf4f629iaUTE624 {
  border-block-end: 2px solid var(--xdlColorError);

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
  }
}

.contacts-cbf4f629iaUTE625 {
  background-color: var(--xdlColorControlFill);
  border-block-end-width: 2px;
  border-color: var(--xdlColorDisabledSoft);
  border-style: solid;
  color: var(--xdlColorDisabledStrong);

  &:hover {
    background-color: var(--xdlColorControlFill);
    border-block-end-width: 2px;
    border-color: var(--xdlColorDisabledSoft);
    border-style: solid;

    @media (prefers-contrast: more) {
      box-shadow: none;
    }
  }
}

.contacts-cbf4f629iaUTE626 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorDisabledSoft);
  border-block-start: 1px solid var(--xdlColorDisabledSoft);
  border-inline-end: 1px solid var(--xdlColorDisabledSoft);
  border-inline-start: 1px solid var(--xdlColorDisabledSoft);

  &:hover {
    background-color: var(--xdlColorControlFill);
  }

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorDisabledSoft);
    border-block-start: 1px solid var(--xdlColorDisabledSoft);
    border-inline-end: 1px solid var(--xdlColorDisabledSoft);
    border-inline-start: 1px solid var(--xdlColorDisabledSoft);
  }
}

.contacts-cbf4f629iaUTE627 {
  background-color: var(--xdlColorDisabledSoft);
  border: none;
  color: var(--xdlColorDisabledStrong);

  &:hover {
    background-color: var(--xdlColorDisabledSoft);
    border: none;

    @media (prefers-contrast: more) {
      box-shadow: none;
    }
  }
}

.contacts-cbf4f629iaUTE628 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorDisabledSoft);
  border-block-start: 1px solid var(--xdlColorDisabledSoft);
  border-inline-end: 1px solid var(--xdlColorDisabledSoft);
  border-inline-start: 1px solid var(--xdlColorDisabledSoft);

  &:hover {
    background-color: var(--xdlColorControlFill);
  }

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorDisabledSoft);
    border-block-start: 1px solid var(--xdlColorDisabledSoft);
    border-inline-end: 1px solid var(--xdlColorDisabledSoft);
    border-inline-start: 1px solid var(--xdlColorDisabledSoft);
  }
}


.contacts-cbf4f629iaUTE630 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-end: 20px;
  pointer-events: none;
  position: absolute;

  }

.contacts-cbf4f629iaUTE631 {
          height: 20px;
          margin-block-start: calc(20px / -2);
          width: 20px;
        }

.contacts-cbf4f629iaUTE632 {
          height: 24px;
          margin-block-start: calc(24px / -2);
          width: 24px;
        }

.contacts-cbf4f629iaUTE633 {
      color: var(--xdlColorText);
    }

.contacts-cbf4f629iaUTE634 {
      color: var(--xdlColorDisabledStrong);
    }


.contacts-cbf4f629iaUTE635 {
  align-items: flex-start;
  color: var(--xdlColorTextSecondary);
  display: flex;
  margin-block-start: 4px;
  transform: translateY(0);

  }

.contacts-cbf4f629iaUTE636 {
      /* Override Meta's doubled selector even when its CSS loads later. */
      &&& {
        color: var(--xdlColorError);
      }
    }

.contacts-cbf4f629iaUTE637 {
      &&& {
        color: var(--xdlColorDisabledStrong);
      }
    }


.contacts-cbf4f629iaUTE638 {
  flex-shrink: 0;
  height: 12px;
  margin-inline-end: 2px;
  width: 12px;
}


.contacts-cbf4f629iaUTE639 {
  flex-shrink: 0;
  height: 12px;
  margin-inline-end: 2px;
  width: 12px;
}

.contacts-cbf4f629jaq1KN {
  background-color: var(--xdlColorBorderSoft);
  border: none;
  clear: both;
  height: 1px;
  margin: 0;
  width: 100%;
}


/*# sourceMappingURL=chunk-cleqsoyw.css.map*/