.phone-input-wrapper{position:relative;width:100%}.phone-input-container{width:100%}.react-tel-input .form-control{width:100%!important;height:56px!important;border:1px solid var(--color-gray-300)!important;border-radius:var(--border-radius-md)!important;font-size:var(--font-size-sm)!important;background-color:var(--color-white)!important;transition:var(--transition-medium)!important;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 64px!important}.react-tel-input .flag-dropdown{border:none!important;height:56px!important}.react-tel-input .form-control:focus:not(:disabled),.react-tel-input .form-control:hover:not(:disabled){border-color:var(--color-primary)!important;outline:none!important}.react-tel-input .form-control:focus:not(:disabled){box-shadow:0 0 0 3px rgba(82,40,132,.1)!important}.react-tel-input .form-control:disabled{color:var(--color-gray-600)!important;border-color:var(--color-gray-300)!important}.react-tel-input .form-control:disabled,.react-tel-input .form-control:disabled~.flag-dropdown{background-color:var(--color-gray-100)!important;opacity:.6!important;cursor:not-allowed!important}.phone-number-change-button{color:var(--color-primary)!important;background:transparent!important;border:none!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;padding:0 0 0 var(--spacing-sm)!important;cursor:pointer!important}.phone-number-change-button:hover:not(:disabled){-webkit-text-decoration:underline!important;text-decoration:underline!important}.phone-number-change-button:disabled{opacity:.6!important;cursor:not-allowed!important;color:var(--color-gray-600)!important}.react-tel-input .country-list{margin:0!important;padding:0!important;border-radius:var(--border-radius-md)!important;border:1px solid var(--color-gray-300)!important;background-color:var(--color-white)!important;width:300px!important;max-height:200px!important;overflow-y:auto!important;box-shadow:var(--shadow-sm)!important}.react-tel-input .country-list .search{display:flex!important;align-items:center!important;padding:var(--spacing-sm)!important;background:var(--color-white)!important}.react-tel-input .country-list .search-box{width:100%!important;height:34px!important;border:1px solid var(--color-gray-300)!important;border-radius:var(--border-radius-md)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-sm)!important}.react-tel-input .country-list .country{padding:var(--spacing-xs) var(--spacing-sm)!important;background:none!important}.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover{background-color:rgba(82,40,132,.1)!important}.purple-text{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-sm)!important;margin-bottom:var(--spacing-xs)!important;display:block!important}.react-tel-input .flag-dropdown.open,.react-tel-input .selected-flag.open{background-color:initial!important;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)!important}.react-tel-input .selected-flag:focus,.react-tel-input .selected-flag:hover{background-color:initial!important}.react-tel-input .selected-flag.open:before{border-color:transparent!important}.react-tel-input .flag-dropdown.open .selected-flag{background-color:initial!important;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)!important}.react-tel-input .selected-flag .arrow{border-top-color:var(--color-primary)!important}.react-tel-input .selected-flag .arrow.up{border-top:none!important;border-bottom:4px solid var(--color-primary)!important}.react-tel-input .flag-dropdown{border-right:none!important}.react-tel-input .flag-dropdown,.react-tel-input .selected-flag{background:transparent!important;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)!important}.react-tel-input .selected-flag{width:42px!important}.react-tel-input .form-control:focus~.flag-dropdown{border-color:var(--color-primary)!important}input.form-control.custom-phone-input.is-invalid:not(:disabled){border-color:var(--color-danger)!important}input.form-control.custom-phone-input.is-invalid:focus:not(:disabled),input.form-control.custom-phone-input.is-invalid:hover:not(:disabled){border-color:var(--color-primary)!important}