1"use strict";(self.webpackChunkICICI_Bank=self.webpackChunkICICI_Bank||[]).push([[1062],{65398:(wt,w,s)=>{s.r(w),s.d(w,{AddAcquaintanceModule:()=>vt});var f=s(60177),u=s(89417),M=s(72510),D=s(10370),N=s(17701),b=s(7901),O=s(45286),h=s(7605),t=s(54438),x=s(24930),y=s(91915),k=s(10768),v=s(56845);function q(i,c){if(1&i&&(t.j41(0,"span",63),t.nrm(1,"i",64),t.EFF(2),t.k0s()),2&i){const n=t.XpG();t.R7$(2),t.JRh(n.fullNameError)}}function I(i,c){if(1&i&&(t.j41(0,"span",59),t.EFF(1),t.k0s()),2&i){const n=c.item;t.R7$(),t.JRh(null==n?null:n.code)}}function E(i,c){if(1&i&&(t.j41(0,"span",59),t.EFF(1),t.k0s()),2&i){const n=c.item;t.R7$(),t.SpI("+(",null==n?null:n.displayLabel,")")}}function F(i,c){if(1&i&&(t.j41(0,"span",63),t.nrm(1,"i",64),t.EFF(2),t.k0s()),2&i){const n=t.XpG();t.R7$(2),t.JRh(n.mobileError)}}let j=(()=>{class i{get dropdownPosition(){return window.matchMedia("(max-width: 768px)").matches?"top":"auto"}constructor(n,o,e,a,r){this.router=n,this.cdr=o,this.acquaintanceService=e,this.datePipe=a,this.loginService=r,this.destroy$=new O.B7,this.formData={firstName:"",lastName:"",fullName:"",nickname:"",dateOfBirth:"",relationship:"",mobileNumber:"",mobile:"",gender:"",email:""},this.touchedFields=new Set,this.fieldErrors={},this.showRelationshipDropdown=!1,this.selectedRelationship=null,this.showMobileDropdown=!1,this.selectedCountryCode="+91",this.mobileNumber="",this.showGenderDropdown=!1,this.selectedGender=null,this.relationshipOptions=[{code:"mother",codeDesc:"Mother"},{code:"father",codeDesc:"Father"},{code:"brother",codeDesc:"Brother"},{code:"sister",codeDesc:"Sister"},{code:"friend",codeDesc:"Friend"},{code:"grandparent",codeDesc:"Grandparent"},{code:"other",codeDesc:"Other"}],this.genderOptions=[{code:"male",codeDesc:"Male"},{code:"female",codeDesc:"Female"},{code:"others",codeDesc:"Others"}],this.countryCodeOptions=[],this.fullNameError="",this.nicknameError="",this.dobError="",this.relationshipError="",this.mobileError="",this.genderError="",this.dateOfBirth="",this.todayDate=(()=>{const d=new Date;return`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`})(),this.fullNameTouched=!1,this.nicknameTouched=!1,this.dobTouched=!1,this.relationshipTouched=!1,this.mobileTouched=!1,this.genderTouched=!1,this.countryCodes=[],this.editaquaintanceId=null,this.showErrorPopup=!1,this.isEditMode=!1,this.disableFutureDates=d=>!!d&&d<=new Date}matchDropdownOption(n,o){if(!o)return null;const e="string"==typeof o?o:o.code||o.codeDesc,a="string"==typeof o?o:o.codeDesc||o.code;if(!e&&!a)return null;const r=p=>p?p.toLowerCase().trim():"",d=r(e),l=r(a);return n.find(p=>{const C=r(p.code),P=r(p.codeDesc);return d&&C===d||l&&P===l})||n.find(C=>"other"===r(C.code))||null}getKnownCountryCodes(){const e=[...this.countryCodeOptions.map(a=>a.code),...(this.countryCodes||[]).map(a=>a.code)].filter(a=>!!a);return Array.from(new Set(e)).sort((a,r)=>r.length-a.length)}extractMobileParts(n){if(!n)return{code:null,subscriber:""};const o=n.replace(/\s+/g,"");if(!o)return{code:null,subscriber:""};const e=this.getKnownCountryCodes();for(const r of e)if(o.startsWith(r))return{code:r,subscriber:o.substring(r.length).replace(/\D/g,"").substring(0,15)};const a=o.match(/^(\+\d{1,3})/);if(a){const r=a[1];return{code:r,subscriber:o.substring(r.length).replace(/\D/g,"").substring(0,15)}}return{code:null,subscriber:o.replace(/\D/g,"").substring(0,15)}}ngOnInit(){try{cdApi.changeContext("Friends_Family_New_Details_Page")}catch{}this.acquaintanceService.acquaintanceList.pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.acquaintanceList=Array.isArray(n)?n:[]}),this.acquaintanceService.filteredAcquaintance.pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.relationData=n}),this.loadCountryCodes(),this.initCountryCodeTimeout=setTimeout(()=>{!this.selectedCountryCode&&this.countryCodes.length>0&&(this.selectedCountryCode="+91 (India)")},100),this.checkForEditData()}formatDOB(){if(this.formData.dateOfBirth){const[n,o,e]=this.formData.dateOfBirth.split("-"),a=new Date(+e,+o-1,+n);isNaN(a.getTime())||(this.formData.dateOfBirth=this.datePipe.transform(a,"dd MMM, yy ")||"")}}formatDate(n){if(!n)return void(this.formattedDate="Date of birth");let o;if("string"==typeof n&&n.includes("-")){const e=n.split("-");
1o=3===e.length&&e[0].length<=2?new Date(+e[2],+e[1]-1,+e[0]):new Date(n)}else o=new Date(n);if(isNaN(o.getTime()))this.formattedDate="Date of birth";else{const e=o.getDate().toString().padStart(2,"0"),a=o.toLocaleString("default",{month:"short"}),r=o.getFullYear().toString().slice(-2);this.formattedDate=`${e} ${a} '${r}`}}clearFormData(){this.formData={firstName:"",lastName:"",fullName:"",nickname:"",dateOfBirth:"",relationship:"",mobileNumber:"",mobile:"",gender:"",email:""},this.mobileNumber="",this.selectedCountryCode="+91",this.selectedRelationship=null,this.selectedGender=null,this.touchedFields.clear(),this.fullNameTouched=!1,this.dobTouched=!1,this.relationshipTouched=!1,this.mobileTouched=!1,this.genderTouched=!1,this.fullNameError="",this.nicknameError="",this.relationshipError="",this.mobileError="",this.genderError=""}checkForEditData(){if(this.relationData){this.isEditMode=!0,this.editaquaintanceId=this.relationData?.aquaintanceId,this.formData.fullName=this.relationData?.name||"",this.formData.nickname=this.relationData?.nickname||"",this.formData.dateOfBirth=this.relationData?.dateOfBirth||"",this.formData.dateOfBirth&&this.formatDate(this.formData.dateOfBirth);const n=this.matchDropdownOption(this.relationshipOptions,this.relationData?.relationShip?.toLowerCase());this.selectedRelationship=n,this.formData.relationship=n?.codeDesc||"";const o={M:"male",F:"female",O:"others"},e=this.relationData?.gender||"",a=o[e.toString().toUpperCase().trim()]||e,r=this.matchDropdownOption(this.genderOptions,a);if(this.selectedGender=r,this.formData.gender=r?.codeDesc||"",this.relationData?.mobileNumber){const{code:d,subscriber:l}=this.extractMobileParts(this.relationData?.mobileNumber);this.selectedCountryCode=d||"+91",this.mobileNumber=l,this.updateFullMobileNumber(),this.validateMobile()}this.fullNameError="",this.dobError="",this.relationshipError="",this.mobileError="",this.genderError=""}else this.isEditMode=!1,this.editaquaintanceId=null;this.acquaintanceService.editMode.next(this.isEditMode)}loadCountryCodes(){this.loginService.getcountryList().pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.countryCodeOptions=(n[0]?.countryCodeList||[]).map(e=>({...e,code:"+"+e.cmCode,displayLabel:"+"+e.cmCode+" ("+e.codeDescription+")"}))})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),clearTimeout(this.initCountryCodeTimeout)}onFieldFocus(n){switch(n){case"fullName":this.fullNameTouched=!0;break;case"mobile":this.mobileTouched=!0}}onFieldBlur(n){switch(n){case"fullName":this.fullNameTouched=!0,this.validateSingleField("fullName");break;case"mobile":this.mobileTouched=!0,this.validateMobile()}}shouldShowTouchError(n){const o=this[n+"Touched"];switch(n){case"firstName":return o&&!this.formData.firstName.trim();case"lastName":return o&&!this.formData.lastName.trim();case"dob":return o&&!this.formData.dateOfBirth;case"relationship":return o&&!this.formData.relationship;case"mobile":return o&&(!this.formData.mobile||10!==this.formData.mobile.length);case"gender":return o&&!this.formData.gender;default:return!1}}validateFullName(n){let o=n.target.value;if(this.fullNameError="",o=o.replace(/[^A-Za-z.\s]/g,""),o=o.replace(/ {2,}/g," "),n.target.value=o,this.formData.fullName=o,o&&o.trim()){if(o.trim().length<2)return void(this.fullNameError="Name must be at least 2 characters long");if(o.length>256)return void(this.fullNameError="Character length exceeds limit. It should not be beyond 256 characters.")}}validateNickname(n){const o=n.target.value;if(this.nicknameError="",o&&o.trim())return/^[A-Za-z\s]*$/.test(o)?o.trim().length<2?(this.nicknameError="Name must be at least 2 characters long",void(this.formData.nickname=o)):o.length>250?(this.nicknameError="Character length exceeds limit. It should not be beyond 250 characters.",void(this.formData.nickname=o)):void(this.formData.nickname=o):(this.nicknameError="Name should not contain special characters or numbers",void(this.formData.nickname=o));this.formData.nickname=o}validateMobile(){if(this.mobileError="",!this.mobileNumber||0===this.mobileNumber.trim().length)return;if(!this.selectedCountryCode)return void(this.mobileError="Please select country code");const n=this.mobileNumber.replace(/\D/g,"");(n.length<10||n.length>15)&&"+91"===this.selectedCountryCode||(n.length<1||n.length>15)&&"+91"!==this.selectedCountryCode?this.mobileError="Enter valid Mobile number":n.startsWith("0")?this.mobileError="Mobile number should not start with 0":/^\d+$/.test(n)||(this.mobileError="Mobile number should contain only digits")}validateDOB(n){const o=n.target.value;this.formData.dateOfBirth=o,this.dobError=o&&new Date(o)>new Date?"Date of birth cannot be in the future":"",this.dobTouched=!0}toggleRelationshipDropdown(){this.showRelationshipDropdown=!this.showRelationshipDropdown}closeRelationshipDropdown(){this.showRelationshipDropdown=!1}selectRelationship(n){this.selectedRelationship=n,this.formData.relationship=n.codeDesc,this.showRelationshipDropdown=!1,this.relationshipTouched=!0,this.relationshipError=""}toggleMobileDropdown(){this.showMobileDropdown=!this.showMobileDropdown}closeMobileDropdown(){this.showMobileDropdown=!1}selectCountryCode(n){this.selectedCountryCode=n,this.showMobileDropdown=!1,this.mobileTouched=!0,this.updateFullMobileNumber(),this.mobileTouched&&this.validateMobile()}getCountryCodeOnly(n){return n.split(" ")[0]}getDisplayValue(){return this.selectedCountryCode?this.getCountryCodeOnly(this.selectedCountryCode)+" "+this.mobileNumber:this.mobileNumber}onMobileNumberInput(n){let o=n.target.value;if(this.selectedCountryCode){const e=this.getCountryCodeOnly(this.selectedCountryCode);o.startsWith(e)&&(o=o.substring(e.length).trim())}o=o.replace(/\D/g,"").substring(0,10),this.mobileNumber=o,this.updateFullMobileNumber(),this.validateMobile()}onMobileKeyPress(n){const o=n.which?n.which:n.keyCode;return!(o<48||o>57)||(n.preventDefault(),!1)}onMobileClick(n){if(this.selectedCountryCode){const e=this.getCountryCodeOnly(this.selectedCountryCode).length+1;setTimeout(()=>{n.target.setSelectionRange(e,e)})}}onMobileKeydown(n){if(this.selectedCountryCode){const a=this.getCountryCodeOnly(this.selectedCountryCode).length+1;n.target.selectionStart<a&&!["ArrowRight","ArrowLeft","End","Home","Tab"].includes(n.key)&&("Backspace"===n.key||"Delete"===n.key?n.preventDefault():setTimeout(()=>{n.target.setSelectionRange(a,a)}))}}onMobileFocus(){if(this.selectedCountryCode){const n=event?.target;if(n){const e=this.getCountryCodeOnly(this.selectedCountryCode).length+1;setTimeout(()=>{n.setSelectionRange(e,e)})}}else this.toggleMobileDropdown()}updateFullMobileNumber(){if(this.selectedCountryCode&&this.mobileNumber){const n=this.getCountryCodeOnly(this.selectedCountryCode);this.formData.mobileNumber=n+this.mobileNumber}else this.formData.mobileNumber=this.selectedCountryCode?this.getCountryCodeOnly(this.selectedCountryCode):""}toggleGenderDropdown(){this.showGenderDropdown=!this.showGenderDropdown}closeGenderDropdown(){this.showGenderDropdown=!1}selectGender(n){this.selectedGender=n,this.formData.gender=n.codeDesc,this.showGenderDropdown=!1,this.genderTouched=!0,this.genderError=""}onMobileInput(n){let o=n.target.value;o=o.replace(/\D/g,""),o=o.substring(0,10),this.formData.mobileNumber=o,n.target.value=o}validateSingleField(n){switch(n){case"fullName":this.formData.fullName&&this.formData.fullName.trim()?this.fullNameError=/^[A-Za-z.\s]*$/.test(this.formData.fullName)?this.formData.fullName.trim().length<2?"Name must be at least 2 characters long":this.formData.fullName.length>250?"Maximum 50 characters allowed":"":"Name should not contain special characters or numbers":this.fullNameTouched&&(this.fullNameError="Required");break;case"dob":this.dobError=this.formData.dateOfBirth?"":"Date of birth is required";break;case"relationship":this.relationshipError=this.formData.relationship?"":"Relationship is required";break;case"mobile":this.validateMobile()}}validateAllFields(){let n=!0;if(this.formData.fullName&&this.formData.fullName.trim()?this.formData.fullName.trim().length<2?(this.fullNameError="Name must be at least 2 characters long",n=!1):this.fullNameError="":(this.fullNameError="",n=!1),this.formData.dateOfBirth){const o=new Date,e=new Date(this.formData.dateOfBirth),a=o.getFullYear()-e.getFullYear(),r=o.getMonth()-e.getMonth();a<13||13===a&&r<0||13===a&&0===r&&o.getDate()<e.getDate()?(this.dobError="User must be at least 13 years old",n=!1):this.dobError=""}else this.dobError="",n=!1;return this.formData.relationship?this.relationshipError="":(this.relationshipError="",n=!1),this.validateMobile(),this.mobileError&&(n=!1),this.formData.gender?this.genderError="":(this.genderError="",n=!1),this.fullNameTouched=!0,this.dobTouched=!0,this.relationshipTouched=!0,this.mobileTouched=!0,this.genderTouched=!0,n}validateNameField(n,o){const e=o.target.value;e&&!/^[A-Za-z\s]*$/.test(e)&&(o.target.value=e.replace(/[^A-Za-z\s]/g,""),this.formData.fullName=o.target.value)}navigateBack(){this.router.navigate(["/profile-main"])}navigateToAdditionalDetails(){this.router.navigate(["/profile-main/add-acquaintance/additional-details"])}isFormValid(){const n=this.formData.fullName&&this.formData.fullName.trim().length>=2,o=null!==this.selectedRelationship,e=null!==this.selectedCountryCode&&""!==this.selectedCountryCode,r=(this.mobileNumber?this.mobileNumber.replace(/\D/g,""):"").length>=1&&e;return n&&o&&r&&!(this.fullNameError||this.dobError||this.relationshipError||this.mobileError)}isDuplicateAcquaintance(){if(this.isEditMode||!Array.isArray(this.acquaintanceList)||0===this.acquaintanceList.length)return!1;const n=this.formData.fullName.trim().toLowerCase(),o=this.mobileNumber.trim();return this.acquaintanceList.some(e=>!(this.isEditMode&&this.editaquaintanceId||e?.name?.toLowerCase?.()!==n&&e?.mobile!==o))}onCloseErrorPopup(){this.showErrorPopup=!1}onContinue(){if(this.isFormValid()){if(!this.isEditMode&&this.isDuplicateAcquaintance())return void(this.showErrorPopup=!0);const o={...this.acquaintanceService.getCurrentAcquaintance()||{},id:this.isEditMode&&this.editaquaintanceId?this.editaquaintanceId:"",fullName:this.formData.fullName,nickname:this.formData.nickname?this.formData.nickname:"",dateOfBirth:this.formData.dateOfBirth,relationship:this.selectedRelationship||{code:"",codeDesc:""},mobileNumber:`${this.selectedCountryCode} ${this.mobileNumber}
1`,gender:this.selectedGender||{code:"",codeDesc:""},isNominee:this.relationData?.isNominee||"N"};this.acquaintanceService.setCurrentAcquaintance(o),this.router.navigate(["/profile-main/add-acquaintance/additional-details"])}}static{this.\u0275fac=function(o){return new(o||i)(t.rXU(b.Ix),t.rXU(t.gRc),t.rXU(x.h),t.rXU(f.vh),t.rXU(y.H))}}static{this.\u0275cmp=t.VBU({type:i,selectors:[["app-new-details"]],decls:96,vars:56,consts:[[1,"add-aquaintance-container"],[1,"background-design"],[1,"background-flower-design"],["src","assets/img/profile/acquaintance/mandala.svg","alt","Mandala Design"],[1,"head"],["type","button","tabindex","0",1,"back-btn",3,"click"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["cx","12","cy","12","r","12","fill","white"],["clip-path","url(#clip0_13556_5010)"],["d","M13.8066 8.47332C13.5466 8.21332 13.1266 8.21332 12.8666 8.47332L9.80657 11.5333C9.54657 11.7933 9.54657 12.2133 9.80657 12.4733L12.8666 15.5333C13.1266 15.7933 13.5466 15.7933 13.8066 15.5333C14.0666 15.2733 14.0666 14.8533 13.8066 14.5933L11.2199 12L13.8066 9.41332C14.0666 9.15332 14.0599 8.72665 13.8066 8.47332Z","fill","#333638"],["id","clip0_13556_5010"],["width","16","height","16","fill","white","transform","translate(4 4)"],["tabindex","0",1,"main-heading"],[1,"stepper-container"],[1,"stepper"],[1,"step","active"],["tabindex","0",1,"step-cell"],[1,"step-number"],[1,"step-label"],[1,"step-line"],[1,"step"],[1,"cards-container"],[1,"new-form-card"],["tabindex","0",1,"form-card-header"],["width","20","height","20","viewBox","0 0 20 21","fill","none","xmlns","http://www.w3.org/2000/svg",1,"acquaintance-icon"],["clip-path","url(#clip0_13709_57814)"],["d","M12.4987 10.8952C14.3404 10.8952 15.832 9.40352 15.832 7.56185C15.832 5.72018 14.3404 4.22852 12.4987 4.22852C10.657 4.22852 9.16536 5.72018 9.16536 7.56185C9.16536 9.40352 10.657 10.8952 12.4987 10.8952ZM12.4987 12.5618C10.2737 12.5618 5.83203 13.6785 5.83203 15.8952V16.7285C5.83203 17.1868 6.20703 17.5618 6.66536 17.5618H18.332C18.7904 17.5618 19.1654 17.1868 19.1654 16.7285V15.8952C19.1654 13.6785 14.7237 12.5618 12.4987 12.5618Z","fill","#F0792E"],["d","M4.9987 7.56185V9.22852H6.66536C7.1237 9.22852 7.4987 9.60351 7.4987 10.0618C7.4987 10.5202 7.1237 10.8952 6.66536 10.8952H4.9987V12.5618C4.9987 13.0202 4.6237 13.3952 4.16536 13.3952C3.70703 13.3952 3.33203 13.0202 3.33203 12.5618V10.8952H1.66536C1.20703 10.8952 0.832031 10.5202 0.832031 10.0618C0.832031 9.60351 1.20703 9.22852 1.66536 9.22852H3.33203V7.56185C3.33203 7.10352 3.70703 6.72852 4.16536 6.72852C4.6237 6.72852 4.9987 7.10352 4.9987 7.56185Z","fill","#F7B68D"],["id","clip0_13709_57814"],["width","20","height","20","fill","white","transform","translate(0 0.894531)"],[1,"form-card-title"],[1,"form-content"],[1,"form-row"],[1,"form-group"],[1,"floating-input"],["type","text","id","fullName","placeholder"," ","name","fullName","tabindex","0",3,"ngModelChange","input","blur","focus","ngModel"],["for","fullName"],["class","error-message","tabindex","0",4,"ngIf"],["type","text","id","nickname","placeholder"," ","name","nickname","tabindex","0",3,"ngModelChange","blur","focus","ngModel"],["for","nickname"],[1,"floating-input",2,"position","relative"],["type","date","id","dobPicker","name","dateOfBirth","tabindex","0",1,"date-picker-style",3,"ngModelChange","ngModel","max"],["type","text","id","dob","placeholder"," ","readonly","",1,"dob-display",3,"ngModelChange","ngModel"],["for","dob",1,"dob-label"],["src","assets/img/nps/account-opening/calendar.svg",1,"calendar-style"],["bindLabel","codeDesc","name","relationship","placeholder","Relationship","tabindex","0",1,"occupation-dropdown","gender-dropdown",3,"ngModelChange","change","items","ngModel","searchable","clearable","dropdownPosition"],[1,"mobile-number-container"],[1,"country-code-dropdown"],["bindLabel","displayLabel","bindValue","code","tabindex","0",1,"country-code-select",3,"ngModelChange","items","ngModel","searchable","clearable"],["ng-label-tmp",""],["ng-option-tmp",""],[1,"mobile-number-input","floating-input"],["type","tel","id","mobileNumber","placeholder","Mobile number","tabindex","0",3,"ngModelChange","input","keypress","blur","focus","ngModel"],["for","mobileNumber"],["bindLabel","codeDesc","name","gender","placeholder","Gender (Optional)","tabindex","0",1,"occupation-dropdown","gender-dropdown",3,"ngModelChange","change","items","ngModel","searchable","clearable","dropdownPosition"],[1,"side-info-card"],[1,"icon-div"],["src","assets/img/profile/acquaintance/People.svg","alt","Info Icon"],[1,"info-div"],["tabindex","0"],["mainMessage","Duplicate friends and family","subMessage","Please check and add a new friends and family member","buttonLabel","Back to Profile","buttonAction","navigate","navigationUrl","/profile-main",3,"close","isVisible"],[1,"continue-button-container"],["tabindex","0",1,"continue-btn",3,"click","disabled"],["tabindex","0",1,"error-message"],[1,"bi","bi-exclamation-triangle"]],template:function(o,e){1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.nrm(3,"img",3),t.k0s(),t.j41(4,"div",4)(5,"button",5),t.bIt("click",function(){return e.navigateBack()}),t.qSk(),t.j41(6,"svg",6),t.nrm(7,"circle",7),t.j41(8,"g",8),t.nrm(9,"path",9),t.k0s(),t.j41(10,"defs")(11,"clipPath",10),t.nrm(12,"rect",11),t.k0s()()()(),t.joV(),t.j41(13,"p",12),t.EFF(14,"Add new friends and family"),t.k0s()(),t.j41(15,"div",13)(16,"div",14)(17,"div",15)(18,"div",16)(19,"div",17),t.EFF(20,"1"),t.k0s(),t.j41(21,"div",18),t.EFF(22,"Friends and family details"),t.k0s()()(),t.nrm(23,"div",19),t.j41(24,"div",20)(25,"div",16)(26,"div",17),t.EFF(27,"2"),t.k0s(),t.j41(28,"div",18),t.EFF(29,"Additional details"),t.k0s()()()()(),t.j41(30,"div",21)(31,"div",22)(32,"div",23),t.qSk(),t.j41(33,"svg",24)(34,"g",25),t.nrm(35,"path",26)(36,"path",27),t.k0s(),t.j41(37,"defs")(38,"clipPath",28),t.nrm(39,"rect",29),t.k0s()()(),t.joV(),t.j41(40,"span",30),t.EFF(41,"Friends and family details"),t.k0s()(),t.j41(42,"div",31)(43,"div",32)(44,"div",33)(45,"div",34)(46,"input",35),t.nI1(47,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.fullName,r)||(e.formData.fullName=r),r}),t.bIt("input",function(r){return e.validateFullName(r)})("blur",function(){return e.onFieldBlur("fullName")}
1)("focus",function(){return e.onFieldFocus("fullName")}),t.k0s(),t.j41(48,"label",36),t.EFF(49,"Full name"),t.k0s()(),t.DNE(50,q,3,1,"span",37),t.k0s(),t.j41(51,"div",33)(52,"div",34)(53,"input",38),t.nI1(54,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.nickname,r)||(e.formData.nickname=r),r}),t.bIt("blur",function(){return e.onFieldBlur("nickname")})("focus",function(){return e.onFieldFocus("nickname")}),t.k0s(),t.j41(55,"label",39),t.EFF(56,"Nickname (Optional)"),t.k0s()()()(),t.j41(57,"div",32)(58,"div",33)(59,"div",40)(60,"input",41),t.nI1(61,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.dateOfBirth,r)||(e.formData.dateOfBirth=r),r}),t.bIt("ngModelChange",function(r){return e.formatDate(r)}),t.k0s(),t.j41(62,"input",42),t.mxI("ngModelChange",function(r){return t.DH7(e.formattedDate,r)||(e.formattedDate=r),r}),t.k0s(),t.j41(63,"label",43),t.EFF(64,"Date of birth"),t.k0s(),t.nrm(65,"img",44),t.k0s()(),t.j41(66,"div",33)(67,"ng-select",45),t.nI1(68,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.selectedRelationship,r)||(e.selectedRelationship=r),r}),t.bIt("change",function(r){return e.selectRelationship(r)}),t.k0s()()(),t.j41(69,"div",32)(70,"div",33)(71,"div",46)(72,"div",47)(73,"ng-select",48),t.nI1(74,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.selectedCountryCode,r)||(e.selectedCountryCode=r),r}),t.DNE(75,I,2,1,"ng-template",49)(76,E,2,1,"ng-template",50),t.k0s()(),t.j41(77,"div",51)(78,"input",52),t.nI1(79,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.mobileNumber,r)||(e.mobileNumber=r),r}),t.bIt("input",function(r){return e.onMobileNumberInput(r)})("keypress",function(r){return e.onMobileKeyPress(r)})("blur",function(){return e.onFieldBlur("mobile")})("focus",function(){return e.onFieldFocus("mobile")}),t.k0s(),t.j41(80,"label",53),t.EFF(81,"Mobile number"),t.k0s()()(),t.DNE(82,F,3,1,"span",37),t.k0s(),t.j41(83,"div",33)(84,"ng-select",54),t.nI1(85,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.selectedGender,r)||(e.selectedGender=r),r}),t.bIt("change",function(r){return e.selectGender(r)}),t.k0s()()()()(),t.j41(86,"div",55)(87,"div",56),t.nrm(88,"img",57),t.k0s(),t.j41(89,"div",58)(90,"span",59),t.EFF(91,"NOTE: You can add upto 10 friends and family"),t.k0s()()()(),t.j41(92,"app-error-popup",60),t.bIt("close",function(){return e.onCloseErrorPopup()}),t.k0s()(),t.j41(93,"div",61)(94,"button",62),t.bIt("click",function(){return e.onContinue()}
1),t.EFF(95," Continue "),t.k0s()()()),2&o&&(t.R7$(46),t.R50("ngModel",e.formData.fullName),t.BMQ("data-tts",t.i5U(47,35,"enterFullName","Profile")),t.R7$(4),t.Y8G("ngIf",e.fullNameTouched&&e.fullNameError),t.R7$(3),t.R50("ngModel",e.formData.nickname),t.BMQ("data-tts",t.i5U(54,38,"enterNickname","Profile")),t.R7$(7),t.R50("ngModel",e.formData.dateOfBirth),t.Y8G("max",e.todayDate),t.BMQ("data-tts",t.i5U(61,41,"enterDateOfBirth","Profile")),t.R7$(2),t.AVh("has-value",e.formattedDate),t.R50("ngModel",e.formattedDate),t.R7$(5),t.Y8G("items",e.relationshipOptions),t.R50("ngModel",e.selectedRelationship),t.Y8G("searchable",!1)("clearable",!1)("dropdownPosition",e.dropdownPosition),t.BMQ("data-tts",t.i5U(68,44,"selectRelationship","Profile")),t.R7$(6),t.Y8G("items",e.countryCodeOptions),t.R50("ngModel",e.selectedCountryCode),t.Y8G("searchable",!1)("clearable",!1),t.BMQ("data-tts",t.i5U(74,47,"selectCountryCode","Profile")),t.R7$(5),t.R50("ngModel",e.mobileNumber),t.BMQ("minlength","+91"===e.selectedCountryCode?10:1)("maxlength","+91"===e.selectedCountryCode?10:15)("data-tts",t.i5U(79,50,"EnterMobileNumber","Profile")),t.R7$(4),t.Y8G("ngIf",e.mobileTouched&&e.mobileError),t.R7$(2),t.Y8G("items",e.genderOptions),t.R50("ngModel",e.selectedGender),t.Y8G("searchable",!1)("clearable",!0)("dropdownPosition",e.dropdownPosition),t.BMQ("data-tts",t.i5U(85,53,"selectGender","Profile")),t.R7$(8),t.Y8G("isVisible",e.showErrorPopup),t.R7$(2),t.Y8G("disabled",!e.isFormValid()))},dependencies:[f.bT,u.me,u.BC,u.vS,M.vr,M.Uq,M.ZZ,k.u,v.M],styles:["[_ngcontent-%COMP%]:root{--swiper-navigation-size: 11px}[_nghost-%COMP%] .ng-dropdown-panel{z-index:9999999!important}[_nghost-%COMP%] .ng-dropdown-panel-above{z-index:9999999!important}[_nghost-%COMP%] .gender-dropdown .ng-clear-wrapper{display:none!important}@media (max-width: 768px){[_nghost-%COMP%] .gender-dropdown.ng-select-opened .ng-dropdown-panel{top:auto!important;bottom:100%!important;margin-bottom:4px!important;padding-bottom:0}}[_nghost-%COMP%] .ng-select.ng-select-opened{z-index:9999998!important;position:relative!important}[_nghost-%COMP%] .ng-select.ng-select-opened .ng-dropdown-panel{z-index:9999999!important;padding-bottom:0!important}[_nghost-%COMP%] .cdk-overlay-container, [_nghost-%COMP%] .cdk-overlay-pane{z-index:9999999!important}[_nghost-%COMP%] .ng-select-container{position:relative;z-index:1}[_nghost-%COMP%] .ng-select.ng-select-single .ng-select-container .ng-value-container{overflow:visible!important}[_nghost-%COMP%] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{padding-right:2px!important}.add-aquaintance-container[_ngcontent-%COMP%]{position:relative;min-height:100vh}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%]{padding-bottom:80px}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%]{padding-bottom:80px}}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%]{position:relative;width:1920px;height:131px;padding-top:16px;background:var(--color-bg-acquaintance-banner) 96.31%;opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%] .background-flower-design[_ngcontent-%COMP%]{position:absolute;width:120px;height:120px;top:69.33px;opacity:1;transform:rotate(0);border-radius:50%}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%] .background-flower-design[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{opacity:1}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%]{display:flex;gap:8px;position:relative;left:16px;width:472px;height:24px;align-items:center;opacity:1;transform:rotate(0);margin-bottom:16px}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%]{margin-left:16.276075vw}}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%]{background:none;border:none;padding:0;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%]:hover{background-color:var(--color-bg-hover-overlay)}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:24px;height:24px}.add-aquaintance-container[_ngcontent-%COMP%] .main-heading[_ngcontent-%COMP%]{font-weight:700;font-style:Bold;font-size:var(--fs-100);line-height:var(--lh-5);letter-spacing:var(--ls-015px);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;width:45.67vw;margin:8px auto 16px 16px}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%]{margin-left:18.359375vw}}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%]{display:flex;align-items:center}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%]{width:91.1111vw}}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%]{height:28px;opacity:1;transform:rotate(0);border-radius:32px;padding:4px 8px 4px 4px;background:var(--color-bg-surface);display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%]{width:20px;height:20px;margin-right:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Mulish;font-weight:600;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-1);flex-shrink:0;
1opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{font-family:Mulish;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;white-space:nowrap;opacity:1;transform:rotate(0);flex:1;min-width:0}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%]{width:auto;min-width:154px;border:1px solid var(--color-login-disabled-bg)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%]{background-color:var(--color-login-accent);color:var(--color-text-on-accent)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{height:16px;color:var(--color-login-input-text);font-weight:600;flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active) .step-cell[_ngcontent-%COMP%]{width:auto;min-width:134px}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active) .step-number[_ngcontent-%COMP%]{background-color:var(--color-step-inactive-bg);color:var(--color-text-medium)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active) .step-label[_ngcontent-%COMP%]{height:16px;color:var(--color-text-medium);font-weight:400;flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step-line[_ngcontent-%COMP%]{width:24px;height:0px;border:1px solid var(--color-login-disabled-bg);flex-shrink:0;margin-left:8px;margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{display:flex;gap:12px;margin-left:16px;align-items:flex-start;margin-top:8px}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{margin-left:0;gap:4.44vw;flex-direction:column;max-width:91.11vw}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{flex-direction:column;gap:16px;margin-left:18.359375vw}}.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%]{width:45.67vw;min-height:256px;height:auto;gap:20px;opacity:1;transform:rotate(0);border-radius:12px;background:var(--color-bg-surface);box-shadow:var(--shadow-card-light-soft);margin:0;padding:16px}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%]{width:91.11vw;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%]{width:63.28125vw;padding:16px}}@media (min-width: 1921px){.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%]{width:60rem}}.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%] .form-card-header[_ngcontent-%COMP%]{height:20px;gap:4px;opacity:1;transform:rotate(0);border-top-left-radius:12px;border-top-right-radius:12px;background:var(--color-bg-surface);display:flex;align-items:center;margin:0 0 20px;padding:0}.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%] .form-card-header[_ngcontent-%COMP%] .acquaintance-icon[_ngcontent-%COMP%]{width:20px;height:20px;opacity:1;transform:rotate(0);flex-shrink:0}.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%] .form-card-header[_ngcontent-%COMP%] .form-card-title[_ngcontent-%COMP%]{width:100%;height:20px;opacity:1;transform:rotate(0);font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark);margin:0 0 0 4px;flex:1;white-space:nowrap;overflow:visible;text-overflow:clip}.add-aquaintance-container[_ngcontent-%COMP%] .new-form-card[_ngcontent-%COMP%] .form-card-header[_ngcontent-%COMP%] .form-card-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:100%}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .form-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:20px}}.add-aquaintance-container[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]{display:flex;gap:16px;margin-bottom:20px}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]{flex-direction:column;
1align-items:unset;gap:20px;margin-bottom:unset}}.add-aquaintance-container[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]:last-child{margin-bottom:0}.add-aquaintance-container[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]{flex:1;width:100%;position:relative;margin-top:8px}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%]{position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;height:48px;padding:12px;border:1px solid var(--color-login-border);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{border-color:var(--color-login-border);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-081);font-weight:500;color:var(--color-login-text-tertiary);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus + label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:not(:placeholder-shown) + label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input.has-value[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]{top:2px;left:8px;font-size:var(--fs-081);font-weight:500;color:var(--color-text-muted)}.add-aquaintance-container[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]:has(.error-message) .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-color:var(--color-login-error)!important}.add-aquaintance-container[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]:has(.error-message) .mobile-number-container[_ngcontent-%COMP%]{border-color:var(--color-login-error)!important}.add-aquaintance-container[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]:has(.error-message) .occupation-dropdown[_ngcontent-%COMP%]{border-color:var(--color-login-error)!important}.add-aquaintance-container[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]:has(.error-message) .floating-dropdown[_ngcontent-%COMP%] .occupation-dropdown[_ngcontent-%COMP%]{border-color:var(--color-login-error)!important}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%]{display:flex;align-items:stretch;width:100%;height:48px;border:1px solid var(--color-login-border);border-radius:12px;background:var(--color-bg-surface);padding:0;position:relative;overflow:visible}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%]:focus-within{border-color:var(--color-login-border);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%]{flex-shrink:0;width:70px;border-right:1px solid var(--color-login-border);display:flex;align-items:center;background:var(--color-bg-input-neutral);border-radius:12px 0 0 12px}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%]{width:100%;height:100%}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-select-container{border-radius:0;border:none;box-shadow:none;height:100%;min-height:48px;display:flex;align-items:center;padding:0 2px 0 12px;background:transparent}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-value-container{padding:0;display:flex;align-items:flex-start;height:100%;flex:1;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-placeholder{color:var(--color-login-text-tertiary);font-size:var(--fs-081)}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-arrow-wrapper{width:12px!important;height:12px!important;display:flex!important;align-items:center;visibility:visible!important;padding:0;margin:0 4px 0 0}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-arrow{border:none;width:12px!important;height:12px!important;background:url(https://www.icicibank.com/content/dam/icicibank/new_rib/login-images/grayDownArrow.svg) no-repeat center center;background-size:12px 12px;display:inline-block!important;visibility:visible!important}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel{border-radius:12px;background:var(--color-bg-surface);box-shadow:var(--shadow-dropdown-subtle);border:1px solid var(--color-border-soft-muted);z-index:999999!important;position:fixed!important;max-height:250px;margin-top:4px;width:auto!important;min-width:180px}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel .ng-dropdown-panel-items{max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-soft-muted) transparent}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:4px}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background:transparent}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background:var(--color-border-soft-muted);border-radius:4px}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-pressed)}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-option{padding:12px 16px;color:var(--color-text-dark);font-size:var(--fs-081);font-weight:400;background:var(--color-bg-surface)!important;transition:color .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-option:hover, .add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-option.ng-option-selected, .add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .country-code-dropdown[_ngcontent-%COMP%] .country-code-select[_ngcontent-%COMP%] .ng-option.ng-option-highlighted{background-color:var(--color-bg-surface)!important;color:var(--color-login-accent)!important}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .mobile-number-input[_ngcontent-%COMP%]{flex:1;position:relative;display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .mobile-number-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;height:100%;padding:0 12px;border:none;border-radius:0;font-size:var(--fs-081);outline:none;background:transparent;color:var(--color-text-dark);line-height:var(--lh-13)}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .mobile-number-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:transparent}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] .mobile-number-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{outline:none;box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-login-text-tertiary);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px;white-space:nowrap;z-index:5}.add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%]:focus-within > label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .mobile-number-container[_ngcontent-%COMP%]:has(.mobile-number-input input[_ngcontent-%COMP%]:not(:placeholder-shown)) > label[_ngcontent-%COMP%]{top:-15px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-login-text-tertiary);background:var(--color-bg-surface);padding:0 6px;white-space:nowrap;width:auto;max-width:none;z-index:10;border-radius:2px}.add-aquaintance-container[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%]{position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);font-weight:400;color:var(--color-login-text-tertiary);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px;z-index:10}.add-aquaintance-container[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label.floated[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%]{position:relative;width:100%;display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] input[type=text][readonly][_ngcontent-%COMP%]{width:100%;height:48px;padding:12px 44px 12px 12px;border:1px solid var(--color-login-border);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] input[type=text][readonly][_ngcontent-%COMP%]:focus{border-color:var(--color-login-border);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .hidden-date-picker[_ngcontent-%COMP%]{position:absolute;opacity:0;pointer-events:auto;z-index:-1;width:100%;height:100%;top:0;left:0;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s ease;background:transparent}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]:hover{background-color:var(--color-bg-accent-low-opacity);transform:translateY(-50%) scale(1.05)}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]:active{transform:translateY(-50%) scale(.95);background-color:var(--color-bg-accent-mid-opacity)}.add-aquaintance-container[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%] .calendar-icon[_ngcontent-%COMP%]{width:20px;height:20px;object-fit:contain;pointer-events:none}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-login-text-tertiary);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:focus ~ label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:not(:placeholder-shown) ~ label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-login-text-tertiary)}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:308px;height:72px;border-radius:12px;border:1px solid var(--color-login-border);padding:16px;background:var(--color-bg-surface);opacity:1;transform:rotate(0);display:flex;align-items:center;gap:12px;z-index:-1}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:63.28125vw}}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:100%}}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .icon-div[_ngcontent-%COMP%]{width:38px;height:38px;opacity:1;transform:rotate(0);display:flex;align-items:center;justify-content:center;border-radius:4px}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .icon-div[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:100%;max-height:100%;object-fit:contain}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%]{width:226px;height:40px;opacity:1;transform:rotate(0);display:flex;align-items:center}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%]{width:unset}}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%]{width:unset}}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-style:normal;font-size:var(--fs-075);line-height:var(--lh-5);letter-spacing:var(--ls-1);color:var(--color-text-medium);margin:0}.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-top:270px;margin-bottom:24px;width:45.66vw;margin-left:16px}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%]{width:100%;justify-content:center;margin-left:0;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-surface);padding:12px 16px;box-shadow:var(--shadow-top-sticky);z-index:9999;margin-top:0;margin-bottom:0}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%]{width:100%;margin-left:0;margin-top:0;margin-bottom:0;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-surface);padding:12px 16px;box-shadow:var(--shadow-top-sticky);z-index:9999;justify-content:center}}.add-aquaintance-container
1[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{width:228px;min-width:120px;height:44px;border-radius:12px;border:1px solid;padding:14px 12px;gap:8px;opacity:1;font-family:Mulish;font-weight:600;font-style:normal;font-size:var(--fs-088);line-height:var(--lh-3);letter-spacing:var(--ls-1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{width:100%}}.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:disabled{background:var(--color-login-disabled-bg);border-image-source:linear-gradient(180deg,var(--color-button-border-light) 0%,transparent 100%);color:var(--color-text-button-disabled);cursor:not-allowed}.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:not(:disabled){background:linear-gradient(0deg,var(--color-login-accent),var(--color-login-accent)),var(--gradient-login-btn-overlay);border-image-source:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);color:var(--color-text-on-accent);cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-modal-hover)}.add-aquaintance-container[_ngcontent-%COMP%] .continue-button-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:not(:disabled):active{transform:translateY(0);box-shadow:var(--shadow-button-active)}.error-message[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;color:var(--color-login-error);font-size:var(--fs-075);font-weight:400;margin-top:4px;margin-left:0;line-height:var(--lh-tight);font-family:Mulish}.error-message[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:var(--fs-075);color:var(--color-login-error);flex-shrink:0}@media (max-width: 767px){.error-message[_ngcontent-%COMP%]{font-size:var(--fs-070);margin-top:3px}.error-message[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:var(--fs-070)}}@media (min-width: 768px) and (max-width: 1024px){.error-message[_ngcontent-%COMP%]{font-size:var(--fs-075);margin-top:4px}}.formatedtext[_ngcontent-%COMP%]{cursor:pointer!important;pointer-events:auto!important;font-family:Mulish;font-weight:500;font-size:var(--fs-075);line-height:var(--lh-5);color:var(--color-text-dark);flex:1!important}.formatedtext.active[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-088)!important;line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-text-tooltip)} .mat-form{height:44px!important;margin-top:0!important}@media (max-width: 767px){ .mat-form{width:100%;margin:0 0 16px}}.calendar-style[_ngcontent-%COMP%]{position:absolute;right:14px;top:15px;pointer-events:none;z-index:3}.floating-input[_ngcontent-%COMP%] .date-picker-style[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;color:transparent;-webkit-text-fill-color:transparent;border:none!important;border-radius:12px;background:transparent!important;padding:0}.floating-input[_ngcontent-%COMP%] .dob-display[_ngcontent-%COMP%]{position:relative;z-index:2;pointer-events:none}.floating-input[_ngcontent-%COMP%] .dob-label[_ngcontent-%COMP%]{z-index:3}.occupation-dropdown[_ngcontent-%COMP%]{width:100%;border-radius:12px;box-shadow:none;border:1px solid var(--color-login-border);font-size:var(--fs-100);color:var(--color-text-dark);height:48px;position:relative;overflow:visible}[_nghost-%COMP%] .occupation-dropdown.gender-dropdown{border:none}[_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-select-container{border:1px solid var(--color-login-border)!important;border-radius:12px!important;background:var(--color-bg-surface)!important;box-sizing:border-box!important}[_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-focused .ng-select-container, [_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-opened .ng-select-container{border-color:var(--color-login-border)!important;box-shadow:none!important} .ng-select-container{border-radius:12px!important;border:none!important;box-shadow:none!important;height:48px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;cursor:pointer!important;padding:0 12px!important;position:relative!important;overflow:visible!important} .ng-input input{pointer-events:none!important;cursor:pointer!important;caret-color:transparent!important} .ng-input{opacity:0;position:absolute;z-index:-1} .ng-value{color:var(--color-login-input-text);font-size:var(--fs-081);font-weight:500;margin:0;padding:0;text-align:left;width:100%;display:block} .ng-value-label{text-align:left;display:block;margin:0;padding:0} .ng-value-container{display:flex;justify-content:flex-start;padding:0;height:48px;flex:1;align-items:center} .ng-arrow-wrapper{width:18px!important;height:18px!important;margin-left:auto;margin-right:0;display:flex!important;align-items:center;visibility:visible!important} .ng-arrow{border:none;width:18px!important;height:18px!important;background:url(https://www.icicibank.com/content/dam/icicibank/new_rib/login-images/grayDownArrow.svg) no-repeat center center;display:inline-block!important;visibility:visible!important} .ng-dropdown-panel{border-radius:12px;background:var(--color-bg-input-surface);box-shadow:var(--shadow-dropdown-subtle);border:1px solid var(--color-border-soft-muted);padding-bottom:0;max-height:260px;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:var(--color-scrollbar-thumb) transparent!important;
1min-width:200px!important;max-width:300px!important}body[_ngcontent-%COMP%] > .ng-dropdown-panel[_ngcontent-%COMP%]{z-index:99999999!important} .ng-dropdown-panel::-webkit-scrollbar{width:6px!important;background:transparent!important} .ng-dropdown-panel::-webkit-scrollbar-track{background:transparent!important} .ng-dropdown-panel::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)!important;border-radius:3px!important} .ng-option{padding:12px 16px;color:var(--color-text-dark);font-size:var(--fs-088);font-weight:400;background:var(--color-bg-input-surface)!important;border-bottom:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap} .ng-option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px} .ng-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px} .ng-option:hover{background-color:var(--color-bg-list-hover)!important;color:var(--color-login-accent)!important} .ng-option.ng-option-selected{background-color:var(--color-bg-list-hover)!important;color:var(--color-login-accent)!important;font-weight:500} .ng-option.ng-option-highlighted{background-color:var(--color-bg-list-hover)!important;color:var(--color-login-accent)!important} .ng-option.ng-option-marked{background-color:var(--color-bg-list-hover)!important;color:var(--color-login-accent)!important}[_nghost-%COMP%] .occupation-dropdown .ng-select-container .ng-placeholder{position:absolute!important;top:50%!important;left:12px!important;font-size:var(--fs-081)!important;transition:all .2s ease!important;transform:translateY(-50%)!important;display:block!important;font-weight:400!important;color:var(--color-login-text-tertiary)!important;pointer-events:none!important;z-index:1!important}[_nghost-%COMP%] .occupation-dropdown.ng-select-focused .ng-select-container .ng-placeholder, [_nghost-%COMP%] .occupation-dropdown.ng-select-opened .ng-select-container .ng-placeholder, [_nghost-%COMP%] .occupation-dropdown .ng-select-container.ng-has-value .ng-placeholder{top:-9px!important;left:8px!important;font-size:var(--fs-075)!important;font-weight:500!important;padding:0 4px!important;color:var(--color-login-text-tertiary)!important;background:var(--color-bg-surface)!important;transform:translateY(0)!important}[_nghost-%COMP%] .occupation-dropdown .ng-select-container.ng-has-value .ng-placeholder{display:block!important}[_nghost-%COMP%] .occupation-dropdown .ng-select-container{position:relative;overflow:visible}[_nghost-%COMP%] .occupation-dropdown .ng-select-container .ng-placeholder{position:absolute!important;top:50%!important;left:12px!important;font-size:var(--fs-081)!important;transition:all .2s ease!important;transform:translateY(-50%)!important;display:block!important;font-weight:500!important;color:var(--color-login-text-tertiary)!important;pointer-events:none!important}[_nghost-%COMP%] .occupation-dropdown.ng-select-focused .ng-select-container .ng-placeholder, [_nghost-%COMP%] .occupation-dropdown .ng-select-container.ng-has-value .ng-placeholder{top:-9px!important;left:8px!important;font-size:var(--fs-075)!important;font-weight:500!important;padding:0 4px!important;color:var(--color-login-text-tertiary)!important;background:var(--color-bg-surface)!important;transform:translateY(0)!important}[_nghost-%COMP%] .company-autocomplete-wrapper .ng-select.ng-select-focused .ng-placeholder{top:-15px;left:0;font-size:var(--fs-075);font-weight:500;padding:0 4px;color:var(--color-login-text-tertiary);background:var(--color-bg-surface);width:112px}[_nghost-%COMP%] .company-autocomplete-wrapper .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:5px!important;width:100%;margin-top:-15px!important}[_nghost-%COMP%] .occupation-dropdown .ng-value-label{font-size:var(--fs-081);color:var(--color-login-input-text);font-weight:500}.ng-select-opened[_ngcontent-%COMP%]{border-radius:12px!important;box-shadow:var(--shadow-dropdown-soft)!important}[data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown{background:var(--color-bg-surface);border:none}[data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-select-container, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-select-container{background:var(--color-bg-surface)!important;border:1px solid var(--color-login-border)!important}[data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-placeholder, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-placeholder{color:var(--color-login-text-tertiary)!important}[data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-value, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-value, [data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-value-label, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown .ng-value-label{color:var(--color-login-input-text)!important}[data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-focused .ng-select-container, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-focused .ng-select-container, [data-contrast=dark][_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-opened .ng-select-container, [data-contrast=dark] [_nghost-%COMP%] .occupation-dropdown.gender-dropdown.ng-select-opened .ng-select-container{border-color:var(--color-login-border)!important;box-shadow:none!important}[data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel{background:var(--color-bg-surface)!important;border:1px solid var(--color-login-border)!important;box-shadow:var(--shadow-dropdown-dark)!important}[data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option{background:var(--color-bg-surface)!important;color:var(--color-login-input-text)!important}[data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked{background:var(--color-bg-list-hover)!important;color:var(--color-login-accent)!important}[data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover *, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover *, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected *, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected *, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted *, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted *, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked *, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked *{color:var(--color-login-accent)!important;background-color:transparent!important}[data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover mark, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option:hover mark, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected mark, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-selected mark, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted mark, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-highlighted mark, [data-contrast=dark][_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked mark, [data-contrast=dark] [_nghost-%COMP%] .ng-dropdown-panel .ng-option.ng-option-marked mark{color:var(--color-login-accent)!important;background-color:var(--color-bg-list-hover)!important}"]})}}return i})();var A=s(33801),T=s(95402),R=s(97676),z=s(51219),B=s(62386);const S=i=>({"okay-friends":i});function G(i,c){if(1&i&&(t.j41(0,"div",10)(1,"span",11),t.EFF(2,"Account number"),t.k0s(),t.j41(3,"div",19),t.nrm(4,"img",20),t.j41(5,"span",21),t.EFF(6),t.k0s()()()),2&i){const n=t.XpG(2);t.R7$(6),t.JRh(n.formatAccountNumber(n.accountNumber))}}function $(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",22)(1,"button",23),t.bIt("click",function(){t.eBV(n);const e=t.XpG(2);return t.Njj(e.onViewDetails())}),t.nrm(2,"img",24),t.j41(3,"span"),t.EFF(4,"Friends and family details"),t.k0s()()()}}function V(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",25),t.bIt("click",function(e){return t.eBV(n),t.Njj(e.stopPropagation())}),t.j41(1,"div",26)(2,"div",27)(3,"div",28),t.nrm(4,"img",24),t.j41(5,"span",29),t.EFF(6,"Friends and family details"),t.k0s()(),t.j41(7,"button",30),t.bIt("click",function(){t.eBV(n);const e=t.XpG(2);return t.Njj(e.onCloseAcquaintanceDetails())}),t.qSk(),t.j41(8,"svg",31),t.nrm(9,"path",32),t.k0s()()(),t.joV(),t.j41(10,"div",33)(11,"div",34)(12,"span",35),t.EFF(13,"Date of birth"),t.k0s(),t.j41(14,"span",36),t.EFF(15),t.k0s()(),t.j41(16,"div",34)(17,"span",35),t.EFF(18,"Gender"),t.k0s(),t.j41(19,"span",36),t.EFF(20),t.k0s()(),t.j41(21,"div",34)(22,"span",35),t.EFF(23,"Mobile number"),t.k0s(),t.j41(24,"span",36),t.EFF(25),t.k0s()(),t.j41(26,"div",34)(27,"span",35),t.EFF(28,"Email ID"),t.k0s(),t.j41(29,"span",36),t.EFF(30),t.k0s()()()()()}if(2&i){const n=t.XpG(2);t.R7$(15),t.JRh(n.acquaintanceData.dateOfBirth),t.R7$(5),t.JRh(n.acquaintanceData.gender),t.R7$(5),t.JRh(n.maskMobileNumber(n.acquaintanceData.mobileNumber)),t.R7$(5),t.JRh(n.maskEmailId(n.acquaintanceData.emailId))}}function Y(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",1)(1,"div",2),t.bIt("click",function(e){return t.eBV(n),t.Njj(e.stopPropagation())}),t.j41(2,"div",3),t.nrm(3,"ng-lottie",4),t.j41(4,"div",5),t.EFF(5),t.k0s(),t.j41(6,"div",6),t.EFF(7),t.k0s()(),t.j41(8,"div",7)(9,"div",8)(10,"span"),t.EFF(11,"NEW FRIENDS AND FAMILY"),t.k0s()(),t.j41(12,"div",9)(13,"div",10)(14,"span",11),t.EFF(15,"Name"),t.k0s(),t.j41(16,"div",12)(17,"span",13),t.EFF(18),t.k0s(),t.j41(19,"div",14)(20,"span"),t.EFF(21),t.k0s()()()(),t.DNE(22,G,7,1,"div",15)(23,$,5,0,"div",16),t.k0s()(),t.j41(24,"button",17),t.bIt("click",function(){t.eBV(n);const e=t.XpG();
1return t.Njj(e.onOkay())}),t.EFF(25),t.k0s()(),t.DNE(26,V,31,4,"div",18),t.k0s()}if(2&i){const n=t.XpG();t.R7$(),t.AVh("blurred",n.showAcquaintanceDetails),t.R7$(2),t.Y8G("options",n.options),t.R7$(2),t.SpI(" ",n.heading," "),t.R7$(2),t.SpI(" ",n.subHeading," "),t.R7$(11),t.JRh(n.nickName),t.R7$(3),t.JRh(n.relationship),t.R7$(),t.Y8G("ngIf",n.accountNumber&&n.hasAccountNumber),t.R7$(),t.Y8G("ngIf","addAcquaintance"===n.componentName),t.R7$(),t.Y8G("ngClass",t.eq3(12,S,n.friendsAndFamilyActivated)),t.R7$(),t.SpI(" ",n.buttonLabel," "),t.R7$(),t.Y8G("ngIf",n.showAcquaintanceDetails)}}let X=(()=>{class i{constructor(n,o,e){this.router=n,this.acquaintanceService=o,this.activeModal=e,this.destroy$=new O.B7,this.isVisible=!1,this.nickName="",this.relationship="",this.accountNumber="",this.heading="Congratulations!",this.subHeading="Your friends and family has been added successfully",this.buttonLabel="Go to my friends and family",this.componentName="",this.close=new t.bkB,this.showAcquaintanceDetails=!1,this.acquaintanceData={},this.hasAccountNumber=!1,this.friendsAndFamilyActivated=!1,this.options={path:"assets/img/profile/acquaintance/lottie/tick-circle.json"}}ngOnInit(){this.acquaintanceService.friendsAndFamilyActivated.pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.friendsAndFamilyActivated=n}),this.loadAcquaintanceData()}ngOnChanges(n){n.isVisible&&n.isVisible.currentValue&&this.loadAcquaintanceData(),n.accountNumber&&(this.hasAccountNumber=!!this.accountNumber)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}loadAcquaintanceData(){const n=this.acquaintanceService.getCurrentAcquaintance();n&&(this.acquaintanceData={dateOfBirth:this.formatDate(n?.dateOfBirth)||"",gender:n?.gender?.codeDesc||"",mobileNumber:n?.mobileNumber||"",emailId:n?.emailId||""},this.hasAccountNumber=!!n?.accountNumber)}formatDate(n){if(!n)return"";const o=n.split("-"),e=new Date(parseInt(o[2]),parseInt(o[1])-1,parseInt(o[0]));return`${e.getDate()} ${["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()]} ${e.getFullYear()}`}maskMobileNumber(n){if(!n||n.length<4)return n;const o=n.replace(/\D/g,"");if(o.length>=4){const e=o.slice(0,2),a=o.slice(-2);return`${e}${"\u2022".repeat(o.length-4)}${a}`}return n}maskEmailId(n){if(!n||!n.includes("@"))return n;const[o,e]=n.split("@");return`${o[0]}${"\u2022".repeat(6)}@${e}`}onViewDetails(){this.showAcquaintanceDetails=!0,this.loadAcquaintanceData()}onCloseAcquaintanceDetails(){this.showAcquaintanceDetails=!1}formatAccountNumber(n){return n?n.replace(/(.{4})/g,"$1 ").trim():""}onOkay(){this.isVisible=!1,this.showAcquaintanceDetails=!1,this.close.emit(),this.activeModal&&this.activeModal.close(),this.acquaintanceService.clearCurrentAcquaintance(),"addAcquaintance"===this.componentName&&this.router.navigate(["/profile-main"])}static{this.\u0275fac=function(o){return new(o||i)(t.rXU(b.Ix),t.rXU(x.h),t.rXU(z.Lw,8))}}static{this.\u0275cmp=t.VBU({type:i,selectors:[["app-success-popup"]],inputs:{isVisible:"isVisible",nickName:"nickName",relationship:"relationship",accountNumber:"accountNumber",heading:"heading",subHeading:"subHeading",buttonLabel:"buttonLabel",componentName:"componentName"},outputs:{close:"close"},features:[t.OA$],decls:1,vars:1,consts:[["class","success-backdrop",4,"ngIf"],[1,"success-backdrop"],[1,"congratulations-box",3,"click"],[1,"header-design"],[1,"size-lottie",3,"options"],["tabindex","0",1,"header-design-text1"],["tabindex","0",1,"header-design-text2"],[1,"success-content"],["tabindex","0",1,"success-content-title"],[1,"success-content-details"],["tabindex","0",1,"detail-row"],[1,"label-text"],[1,"value-container"],[1,"value-text"],[1,"relationship-label"],["class","detail-row","tabindex","0",4,"ngIf"],["class","detail-row-link",4,"ngIf"],["type","button","tabindex","0",1,"okay-btn",3,"click","ngClass"],["class","extended-details-overlay",3,"click",4,"ngIf"],[1,"account-value-container"],["src","assets/img/nps/account-opening/icici_bank_logo.svg","alt","Bank",1,"bank-icon"],[1,"account-number-text"],[1,"detail-row-link"],["type","button","tabindex","0",1,"acquaintance-details-btn",3,"click"],["src","assets/img/nps/account-opening/pers
1on.svg","alt","Person",1,"person-icon"],[1,"extended-details-overlay",3,"click"],[1,"extended-details-box"],[1,"extended-header"],["tabindex","0",1,"extended-header-left"],[1,"extended-title"],["type","button","tabindex","0",1,"close-extended-btn",3,"click"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12 4L4 12M4 4L12 12","stroke","#64696D","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],[1,"acquaintance-details-content"],["tabindex","0",1,"extended-detail-row"],[1,"extended-label"],[1,"extended-value"]],template:function(o,e){1&o&&t.DNE(0,Y,27,14,"div",0),2&o&&t.Y8G("ngIf",e.isVisible)},dependencies:[f.YU,f.bT,B.xm],styles:["[_ngcontent-%COMP%]:root{--swiper-navigation-size: 11px}.success-backdrop[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg-backdrop-dark);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:_ngcontent-%COMP%_fadeIn .3s ease}@keyframes _ngcontent-%COMP%_fadeIn{0%{opacity:0}to{opacity:1}}.congratulations-box[_ngcontent-%COMP%]{width:33.03vw;height:auto;border-radius:1rem;padding-bottom:1rem;background:var(--color-bg-surface);position:relative;animation:_ngcontent-%COMP%_slideIn .3s ease;box-shadow:var(--shadow-success-card);max-width:100%}@media (min-width: 768px) and (max-width: 1024px){.congratulations-box[_ngcontent-%COMP%]{width:388px}}@media (max-width: 767px){.congratulations-box[_ngcontent-%COMP%]{width:100vw;border-radius:4.4444vw 4.4444vw 0 0;padding:0vw 4.4444vw;position:fixed;bottom:0;padding-bottom:20px}}@keyframes _ngcontent-%COMP%_slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.header-design[_ngcontent-%COMP%]{width:100%;height:auto;min-height:8.5rem;padding-top:1.5rem;background:var(--gradient-success-header);background-image:url(mandala-landing.c7f3b9467bc5d65e.svg),url(mandala-landing.c7f3b9467bc5d65e.svg),var(--gradient-success-header);background-repeat:no-repeat,no-repeat,no-repeat;background-position:top 24px right -61px,left -67px bottom 53px,center;background-size:auto,auto,cover;border:2px solid var(--color-bg-surface);text-align:center;border-radius:16px 16px 0 0;align-items:center;display:flex;flex-direction:column}@media (min-width: 768px) and (max-width: 1024px){.header-design[_ngcontent-%COMP%]{min-height:8.5rem;padding-top:24px;padding-bottom:24px;background-position:top 24px right -61px,left -67px bottom 53px,center}}@media (max-width: 767px){.header-design[_ngcontent-%COMP%]{width:100vw;margin-left:-4.4444vw;margin-right:-4.4444vw;min-height:9rem;padding-top:24px;padding-bottom:24px;border-radius:4.4444vw 4.4444vw 0 0;border:2px solid var(--color-bg-surface);background-position:top 24px right -61px,left -67px bottom 53px,center}}.size-lottie[_ngcontent-%COMP%]{width:10%;height:10%;margin-bottom:8px}.header-design-text1[_ngcontent-%COMP%]{font-weight:400;font-size:var(--fs-100);line-height:var(--lh-5);letter-spacing:var(--ls-1);text-align:center;color:var(--color-text-on-accent);margin-bottom:.25rem;z-index:10}.header-design-text2[_ngcontent-%COMP%]{font-weight:600;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-4);text-align:center;color:var(--color-text-on-accent);z-index:10}.success-content[_ngcontent-%COMP%]{width:29.6666vw;margin-left:1.683333vw;height:auto;gap:0;opacity:1;padding:0;border-radius:.75rem;border:1px solid var(--color-border-muted-scrollbar);background:var(--color-bg-surface);margin-top:.75rem;margin-bottom:0;display:flex;flex-direction:column;flex-shrink:0}@media (min-width: 768px) and (max-width: 1024px){.success-content[_ngcontent-%COMP%]{width:388px;border-radius:1.56vw;padding:1.56vw;margin:0}}@media (max-width: 767px){.success-content[_ngcontent-%COMP%]{width:100%;border-radius:4.4444vw;margin-top:4.4444vw;margin-left:0}}.success-content-title[_ngcontent-%COMP%]{width:100%;gap:16px;opacity:1;border-top-left-radius:12px;border-top-right-radius:12px;padding:8px;background:var(--color-bg-precon-title);display:flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-width: 1024px){.success-content-title[_ngcontent-%COMP%]{width:100%;height:4.17vh;gap:2.08vw;border-top-left-radius:1.56vw;border-top-right-radius:1.56vw;padding:1.04vw}}@media (max-width: 767px){.success-content-title[_ngcontent-%COMP%]{width:100%;height:4vh;gap:4.44vw;border-top-left-radius:3.33vw;border-top-right-radius:3.33vw;padding:2.22vw}}.success-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:340px;height:16px;opacity:1;font-family:Mulish;font-weight:700;font-style:Bold;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-card-num);text-align:center;text-transform:uppercase;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.success-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;font-size:var(--fs-070);line-height:var(--lh-3);height:2.08vw}}@media (max-width: 767px){.success-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;font-size:var(--fs-070);line-height:var(--lh-3);height:2vh}}.success-content-details[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:flex-start}@media (min-width: 768px) and (max-width: 1024px){.success-content-details[_ngcontent-%COMP%]{padding:2.08vw;gap:4.17vw}}@media (max-width: 767px){.success-content-details[_ngcontent-%COMP%]{padding:4.44vw;gap:8.89vw}}.detail-row[_ngcontent-%COMP%]{width:324px;height:auto;gap:4px;opacity:1;display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%]{width:42.19vw;gap:.52vw}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%]{width:72.22vw;gap:1.11vw}}.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{width:auto;height:16px;opacity:1;font-family:Mulish;font-weight:400;font-style:Regular;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-light);margin-bottom:4px}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{font-size:var(--fs-075);line-height:var(--lh-3);height:2.08vw;margin-bottom:.52vw}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{font-size:var(--fs-075);line-height:var(--lh-3);height:2vh;margin-bottom:1.11vw}}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%]{width:auto;height:20px;gap:4px;opacity:1;padding:2px 8px;border-radius:4px;background:var(--color-bg-input-light);border:1px solid var(--color-border-muted-scrollbar);display:flex;align-items:center;justify-content:center}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;height:16px;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-063);line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-text-medium)}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:0}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:24px;height:24px;opacity:1;background:var(--color-bg-precon-input);border-radius:4px;flex-shrink:0}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .account-number-text[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-dark)}.detail-row-link[_ngcontent-%COMP%]{width:324px;height:auto;gap:16px;opacity:1;margin-top:4px;display:flex;align-items:center;justify-content:center}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%]{width:auto;height:auto;gap:4px;opacity:1;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s ease}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%]:hover{opacity:.8}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:14px;
1height:14px;opacity:1;margin-right:4px}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-accent);white-space:nowrap}.okay-btn[_ngcontent-%COMP%]{width:30.36583333vw;margin-left:1.33333333vw;height:auto;min-height:2.75rem;min-width:7.5rem;gap:.5rem;opacity:1;padding:.875rem .75rem;border-radius:.75rem;border:1px solid var(--color-accent);background:linear-gradient(0deg,var(--color-accent),var(--color-accent)),var(--gradient-btn-overlay);border-image-source:linear-gradient(180deg,var(--color-button-border-light) 0%,transparent 100%);cursor:pointer;margin-top:.75rem;margin-bottom:0;transition:all .3s ease;flex-shrink:0;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-text-on-accent);display:flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-width: 1024px){.okay-btn[_ngcontent-%COMP%]{min-height:3rem;padding:1rem .875rem;border-radius:.75rem;gap:.5rem;margin-top:.75rem;width:33.5vw;margin-left:2.083333vw}}@media (max-width: 767px){.okay-btn[_ngcontent-%COMP%]{min-height:3rem;padding:1rem .875rem;border-radius:.75rem;gap:.5rem;margin-top:.75rem;width:356px;margin-left:2.083333vw;margin:0 16px}.okay-btn[_ngcontent-%COMP%]:hover{opacity:1;transform:none;box-shadow:none}}@media (min-width: 768px) and (max-width: 1024px){.okay-btn[_ngcontent-%COMP%]{font-size:var(--fs-088);line-height:var(--lh-4)}}@media (max-width: 767px){.okay-btn[_ngcontent-%COMP%]{font-size:var(--fs-100);line-height:var(--lh-5)}}.okay-btn[_ngcontent-%COMP%]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 .25rem .75rem var(--color-shadow-accent)}.okay-btn[_ngcontent-%COMP%]:active{transform:translateY(0);box-shadow:0 2px 6px var(--color-shadow-accent)}.congratulations-box.blurred[_ngcontent-%COMP%]{filter:brightness(85%)!important;pointer-events:none!important}.extended-details-overlay[_ngcontent-%COMP%]{position:absolute!important;top:45%!important;left:50%!important;transform:translate(-50%)!important;width:33.33333333vw!important;z-index:1000001!important;pointer-events:auto!important;animation:_ngcontent-%COMP%_slideInFromTop .3s ease-out!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%]{width:388px!important;top:53%!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%]{width:100vw!important;left:0!important;transform:none!important;top:unset!important;bottom:-10px}}@keyframes _ngcontent-%COMP%_slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{background:var(--color-bg-surface)!important;border-radius:1rem!important;border:1px solid var(--color-border-muted-scrollbar)!important;box-shadow:var(--shadow-popup-modal)!important;padding:1rem!important;width:100%!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{padding:1rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{padding:1.25rem!important;border-radius:4.4444vw!important;background:var(--color-bg-popup-subtle)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%]{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%]{padding-bottom:.75rem!important;margin-bottom:.75rem!important}}
1.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%]{display:flex!important;align-items:center!important;gap:.5rem!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:1rem!important;height:1rem!important;opacity:1!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:1.125rem!important;height:1.125rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-size:var(--fs-081)!important;line-height:var(--lh-4)!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-size:var(--fs-088)!important;line-height:var(--lh-5)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]{background:transparent!important;border:none!important;cursor:pointer!important;padding:.25rem!important;border-radius:.25rem!important;transition:all .2s ease!important;color:var(--color-text-medium)!important;width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:hover{background:var(--color-bg-hover)!important;color:var(--color-text-dark)!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:active{background:var(--color-bg-list-hover)!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]{width:2.5rem!important;height:2.5rem!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:hover{background:transparent!important;color:var(--color-text-medium)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:1rem!important;height:1rem!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:1.125rem!important;height:1.125rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{border:1px solid var(--color-border-muted-scrollbar)!important;border-radius:.75rem!important;padding:1rem!important;width:100%!important}@media (min-width: 768px) and (max-width: 1024px){.extended-detail
1s-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{padding:1rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{padding:1rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 0!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]:not(:last-child){border-bottom:1px solid var(--color-bg-popup-subtle)!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]{align-items:flex-start!important;gap:.25rem!important;padding:.625rem 0!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-family:Mulish!important;font-weight:400!important;font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;color:var(--color-text-light)!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-size:var(--fs-070)!important;line-height:var(--lh-2)!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-size:var(--fs-075)!important;line-height:var(--lh-3)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-family:Mulish!important;font-weight:600!important;font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;color:var(--color-text-dark)!important;text-align:right!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-size:var(--fs-070)!important;line-height:var(--lh-2)!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;text-align:left!important}}@media (min-width: 768px) and (max-width: 1024px){.okay-friends[_ngcontent-%COMP%]{width:92%}}@media (max-width: 767px){.okay-friends[_ngcontent-%COMP%]{margin:0;width:100%}}"]})}}return i})();function L(i,c){if(1&i&&(t.j41(0,"div",13)(1,"span",14),t.EFF(2,"Account number"),t.k0s(),t.j41(3,"div",24),t.nrm(4,"img",25),t.j41(5,"span",26),t.EFF(6),t.k0s()()()),2&i){const n=t.XpG(2);t.R7$(6),t.JRh(n.formatAccountNumber(n.accountNumber))}}function U(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",27),t.bIt("click",function(e){return t.eBV(n),t.Njj(e.stopPropagation())}),t.j41(1,"div",28)(2,"div",29)(3,"div",30),t.nrm(4,"img",21),t.j41(5,"span",31),t.EFF(6,"Friends and family details"),t.k0s()(),t.j41(7,"button",32),t.bIt("click",function(e){return t.eBV(n),t.XpG(2).onCloseAcquaintanceDetails(),t.Njj(e.stopPropagation())}),t.qSk(),t.j41(8,"svg",33),t.nrm(9,"path",34),t.k0s()()(),t.joV(),t.j41(10,"div",35)(11,"div",36)(12,"span",37),t.EFF(13,"Date of birth"),t.k0s(),t.j41(14,"span",38),t.EFF(15),t.k0s()(),t.j41(16,"div",36)(17,"span",37),t.EFF(18,"Gender"),t.k0s(),t.j41(19,"span",38),t.EFF(20),t.k0s()(),t.j41(21,"div",36)(22,"span",37),t.EFF(23,"Mobile number"),t.k0s(),t.j41(24,"span",38),t.EFF(25),t.k0s()(),t.j41(26,"div",36)(27,"span",37),t.EFF(28,"Email ID"),t.k0s(),t.j41(29,"span",38),t.EFF(30),t.k0s()()()()()}if(2&i){const n=t.XpG(2);t.R7$(15),t.JRh(n.acquaintanceData.dateOfBirth),t.R7$(5),t.JRh(n.acquaintanceData.gender),t.R7$(5),t.JRh(n.maskMobileNumber(n.acquaintanceData.mobileNumber)),t.R7$(5),t.JRh(n.maskEmailId(n.acquaintanceData.emailId))}}function H(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",1),t.nI1(1,"globalConstant"),t.bIt("click",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.onBackdropClick(e))}),t.j41(2,"div",2),t.bIt("click",function(e){return t.eBV(n),t.Njj(e.stopPropagation())}),t.j41(3,"div",3)(4,"button",4),t.bIt("click",function(e){return t.eBV(n),t.XpG().onClose(),t.Njj(e.stopPropagation())}),t.qSk(),t.j41(5,"svg",5),t.nrm(6,"path",6),t.k0s()()(),t.joV(),t.j41(7,"div",7),t.nrm(8,"img",8),t.k0s(),t.j41(9,"div",9),t.EFF(10,"Please confirm your details"),t.k0s(),t.j41(11,"div",10)(12,"div",11)(13,"span"),t.EFF(14,"NEW FRIENDS AND FAMILY"),t.k0s()(),t.j41(15,"div",12)(16,"div",13)(17,"span",14),t.EFF(18,"Name"),t.k0s(),t.j41(19,"div",15)(20,"span",16),t.EFF(21),t.k0s(),t.j41(22,"div",17)(23,"span"),t.EFF(24),t.k0s()()()(),t.DNE(25,L,7,1,"div",18),t.j41(26,"div",19)(27,"button",20),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onViewDetails())}),t.nrm(28,"img",21),t.j41(29,"span"),t.EFF(30,"Friends and family details"),t.k0s()()()()(),t.j41(31,"button",22),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onConfirm())}
1),t.EFF(32," Confirm "),t.k0s()(),t.DNE(33,U,31,4,"div",23),t.k0s()}if(2&i){const n=t.XpG();t.BMQ("data-tts",t.i5U(1,7,"closePopup","Profile")),t.R7$(2),t.AVh("blurred",n.showAcquaintanceDetails),t.R7$(19),t.JRh(n.nickName),t.R7$(3),t.JRh(n.relationship),t.R7$(),t.Y8G("ngIf",n.accountNumber&&n.hasAccountNumber),t.R7$(8),t.Y8G("ngIf",n.showAcquaintanceDetails)}}let J=(()=>{class i{constructor(n){this.acquaintanceService=n,this.isVisible=!1,this.nickName="",this.relationship="",this.accountNumber="",this.close=new t.bkB,this.confirm=new t.bkB,this.viewDetails=new t.bkB,this.showAcquaintanceDetails=!1,this.acquaintanceData={},this.hasAccountNumber=!1}ngOnInit(){this.loadAcquaintanceData()}ngOnChanges(n){n.isVisible&&n.isVisible.currentValue&&this.loadAcquaintanceData(),n.accountNumber&&(this.hasAccountNumber=!!this.accountNumber)}loadAcquaintanceData(){const n=this.acquaintanceService.getCurrentAcquaintance();n&&(this.acquaintanceData={dateOfBirth:this.formatDate(n?.dateOfBirth)||"",gender:n?.gender?.codeDesc||"",mobileNumber:n?.mobileNumber||"",emailId:n?.emailId||""},this.hasAccountNumber=!!n?.accountNumber)}formatDate(n){if(!n)return"";const o=n.split("-"),e=new Date(parseInt(o[0]),parseInt(o[1])-1,parseInt(o[2]));return`${e.getDate()} ${["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()]} ${e.getFullYear()}`}maskMobileNumber(n){if(!n||n.length<4)return n;const o=n.replace(/\D/g,"");if(o.length>=4){const e=o.slice(0,2),a=o.slice(-2);return`${e}${"\u2022".repeat(o.length-4)}${a}`}return n}maskEmailId(n){if(!n||!n.includes("@"))return n;const[o,e]=n.split("@");return`${o[0]}${"\u2022".repeat(6)}@${e}`}onClose(){this.isVisible=!1,this.close.emit()}onBackdropClick(n){this.onClose()}onConfirm(){this.confirm.emit()}onViewDetails(){this.showAcquaintanceDetails=!0,this.loadAcquaintanceData()}onCloseAcquaintanceDetails(){this.showAcquaintanceDetails=!1}formatAccountNumber(n){return n?n.replace(/(.{4})/g,"$1 ").trim():""}static{this.\u0275fac=function(o){return new(o||i)(t.rXU(x.h))}}static{this.\u0275cmp=t.VBU({type:i,selectors:[["app-preconfirmation-popup"]],inputs:{isVisible:"isVisible",nickName:"nickName",relationship:"relationship",accountNumber:"accountNumber"},outputs:{close:"close",confirm:"confirm",viewDetails:"viewDetails"},features:[t.OA$],decls:1,vars:1,consts:[["class","precon-backdrop","tabindex","0","role","button",3,"click",4,"ngIf"],["tabindex","0","role","button",1,"precon-backdrop",3,"click"],[1,"precon-box",3,"click"],[1,"background-design"],["type","button","tabindex","0","role","button",1,"close-btn",3,"click"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M15 5L5 15M5 5L15 15","stroke","#FFFFFF","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],[1,"background-logo"],["src","assets/img/profile/acquaintance/add-logo.svg","alt","Logo"],["tabindex","0",1,"precon-title"],[1,"precon-content"],["tabindex","0",1,"precon-content-title"],[1,"precon-content-details"],["tabindex","0",1,"detail-row"],[1,"label-text"],[1,"value-container"],[1,"value-text"],[1,"relationship-label"],["class","detail-row","tabindex","0",4,"ngIf"],[1,"detail-row-link"],["type","button","tabindex","0",1,"acquaintance-details-btn",3,"click"],["src","assets/img/nps/account-opening/person.svg","alt","Person",1,"person-icon"],["type","button","tabindex","0",1,"confirm-btn",3,"click"],["class","extended-details-overlay",3,"click",4,"ngIf"],[1,"account-value-container"],["src","assets/img/nps/account-opening/icici_bank_logo.svg","alt","Bank",1,"bank-icon"],[1,"account-number-text"],[1,"extended-details-overlay",3,"click"],[1,"extended-details-box"],[1,"extended-header"],["tabindex","0",1,"extended-header-left"],[1,"extended-title"],["type","button","tabindex","0",1,"close-extended-btn",3,"click"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12 4L4 12M4 4L12 12","stroke","#64696D","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],[1,"acquaintance-details-content"],["tabindex","0",1,"extended-detail-row"],[1,"extended-label"],[1,"extended-value"]],template:function(o,e){1&o&&t.DNE(0,H,34,10,"div",0),2&o&&t.Y8G("ngIf",e.isVisible)},dependencies:[f.bT,v.M],styles:["[_ngcontent-%COMP%]:root{--swiper-navigation-size: 11px}[_nghost-%COMP%]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;pointer-events:none}.precon-backdrop[_ngcontent-%COMP%]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:var(--color-bg-backdrop-dark)!important;backdrop-filter:blur(4px)!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:_ngcontent-%COMP%_fadeIn .3s ease!important;transform:translateZ(0)!important;will-change:transform!important;pointer-events:auto!important;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important}@keyframes _ngcontent-%COMP%_fadeIn{0%{opacity:0}
1to{opacity:1}}.precon-box[_ngcontent-%COMP%]{position:relative!important;width:28.33333333vw!important;height:auto!important;gap:0!important;opacity:1!important;background:var(--color-bg-precon-box)!important;animation:_ngcontent-%COMP%_slideIn .3s ease!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow:visible!important;border-radius:1rem 1rem .8rem .8rem;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateZ(0)!important;will-change:transform!important;isolation:isolate!important;box-shadow:var(--shadow-precon-popup)!important;z-index:1000000!important}@media (min-width: 768px) and (max-width: 1024px){.precon-box[_ngcontent-%COMP%]{width:388px!important}}@media (max-width: 767px){.precon-box[_ngcontent-%COMP%]{width:100vw!important;max-height:85vh!important;position:fixed!important;bottom:0!important;top:auto!important;border-radius:4.4444vw 4.44444vw 0 0!important}}@keyframes _ngcontent-%COMP%_slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.background-design[_ngcontent-%COMP%]{width:28.333333vw;height:7.4666666vh;opacity:1;border-top-left-radius:1rem;border-top-right-radius:1rem;margin-left:-1 rem;overflow:hidden;background:linear-gradient(89.96deg,var(--color-accent-deep),var(--color-accent))!important;background-image:url(mandala-landing.c7f3b9467bc5d65e.svg),url(mandala-landing.c7f3b9467bc5d65e.svg),linear-gradient(89.96deg,var(--color-accent-deep),var(--color-accent));background-repeat:no-repeat,no-repeat,no-repeat;background-position:top 17px right 6px,left -60px bottom -6px,center;border:2px solid var(--color-bg-surface)}@media (max-width: 767px){.background-design[_ngcontent-%COMP%]{width:100vw}}@media (min-width: 768px) and (max-width: 1024px){.background-design[_ngcontent-%COMP%]{width:388px!important;height:5.46875vh;border-top-left-radius:1rem;border-top-right-radius:1rem;margin-left:0}}.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%]{position:absolute;top:1rem;right:1rem;width:24px;height:24px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;max-width:24px;max-height:24px}@media (min-width: 768px) and (max-width: 1024px){.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%]{top:1rem;right:1rem;width:28px;height:28px}}@media (max-width: 767px){.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%]{top:1rem;right:1rem;width:32px;height:32px;min-width:32px;min-height:32px}}.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:20px;height:20px;max-width:100%;max-height:100%}@media (min-width: 768px) and (max-width: 1024px){.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:24px;height:24px}}@media (max-width: 767px){.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:28px;height:28px}}.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]{stroke:var(--color-text-on-accent);stroke-width:2.5px}.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%]:hover{transform:scale(1.1);opacity:.9}.background-design[_ngcontent-%COMP%] .close-btn[_ngcontent-%COMP%]:active{transform:scale(.95)}.background-logo[_ngcontent-%COMP%]{position:relative;width:44px;height:44px;opacity:1;border:1px solid var(--color-border-muted-scrollbar);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);margin-top:-22px;flex-shrink:0}.background-logo[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:44px;height:44px;object-fit:contain;border-radius:50%}.precon-title[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:700;font-style:Bold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark);text-align:center;margin-top:.375rem;margin-bottom:0;flex-shrink:0}@media (min-width: 768px) and (max-width: 1024px){.precon-title[_ngcontent-%COMP%]{font-size:var(--fs-100);line-height:var(--lh-6);margin-top:.5rem}}@media (max-width: 767px){.precon-title[_ngcontent-%COMP%]{font-size:var(--fs-1125);line-height:var(--lh-8);margin-top:.75rem;padding:0 1rem}}.precon-content[_ngcontent-%COMP%]{width:29.67vw;height:auto;gap:0;opacity:1;padding:0;border-radius:.75rem;border:1px solid var(--color-border-muted-scrollbar);background:var(--color-bg-surface);margin-top:.75rem;margin-bottom:0;display:flex;flex-direction:column;flex-shrink:0;max-width:100%}@media (min-width: 768px) and (max-width: 1024px){.precon-content[_ngcontent-%COMP%]{width:46.35vw;border-radius:.75rem;margin-top:.75rem}}@media (max-width: 767px){.precon-content[_ngcontent-%COMP%]{width:calc(100vw - 2rem);border-radius:.75rem;margin-top:1rem}}.precon-content-title[_ngcontent-%COMP%]{width:100%;height:auto;min-height:2rem;gap:1rem;opacity:1;border-top-left-radius:.75rem;border-top-right-radius:.75rem;padding:.5rem;background:var(--color-bg-precon-title);display:flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-width: 1024px){.precon-content-title[_ngcontent-%COMP%]{min-height:2rem;gap:1rem;padding:.5rem}}@media (max-width: 767px){.precon-content-title[_ngcontent-%COMP%]{min-height:2.5rem;gap:.75rem;padding:.75rem}}.precon-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:100%;height:auto;opacity:1;font-family:Mulish;font-weight:700;font-style:Bold;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-5);text-align:center;text-transform:uppercase;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.precon-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:var(--fs-075);line-height:var(--lh-4)}}@media (max-width: 767px){.precon-content-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:var(--fs-081);line-height:var(--lh-5)}}.precon-content-details[_ngcontent-%COMP%]{padding:1rem;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:flex-start}@media (min-width: 768px) and (max-width: 1024px){.precon-content-details[_ngcontent-%COMP%]{padding:1rem;gap:1.5rem}}@media (max-width: 767px){.precon-content-details[_ngcontent-%COMP%]{padding:1.25rem;gap:1.25rem}}.detail-row[_ngcontent-%COMP%]{width:100%;max-width:100%;height:auto;gap:.25rem;opacity:1;display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%]{gap:.25rem}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%]{gap:.375rem}}.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:400;font-style:Regular;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-light);margin-bottom:.25rem}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{font-size:var(--fs-081);line-height:var(--lh-4)}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .label-text[_ngcontent-%COMP%]{font-size:var(--fs-088);line-height:var(--lh-5);margin-bottom:.375rem}}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:0}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%]{gap:.5rem}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%]{gap:.75rem;flex-wrap:wrap}}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%]{font-size:var(--fs-088);line-height:var(--lh-55)}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%]{font-size:var(--fs-100);line-height:var(--lh-6)}}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%]{width:auto;height:auto;min-height:1.25rem;gap:.25rem;opacity:1;padding:.125rem .5rem;border-radius:.25rem;background:var(--color-bg-precon-input);border:1px solid var(--color-border-muted-scrollbar);display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%]{min-height:1.5rem;padding:.25rem .75rem}}.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-063);line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-text-medium)}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:.688rem}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .value-container[_ngcontent-%COMP%] .relationship-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:var(--fs-075);line-height:var(--lh-4)}}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:.438rem;margin-top:0}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%]{gap:.5rem}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%]{gap:.75rem;flex-wrap:wrap}}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem;opacity:1;background:var(--color-bg-precon-input);border-radius:.25rem;flex-shrink:0;max-width:100%;max-height:100%}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:1.75rem;height:1.75rem}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:2rem;height:2rem}}.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .account-number-text[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .account-number-text[_ngcontent-%COMP%]{font-size:var(--fs-081);line-height:var(--lh-4)}}@media (max-width: 767px){.detail-row[_ngcontent-%COMP%] .account-value-container[_ngcontent-%COMP%] .account-number-text[_ngcontent-%COMP%]{font-size:var(--fs-088);line-height:var(--lh-5)}}.detail-row-link[_ngcontent-%COMP%]{width:324px;height:auto;gap:16px;opacity:1;margin-top:4px;display:flex;align-items:center;justify-content:center}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%]{width:auto;height:auto;gap:4px;opacity:1;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s ease}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%]:hover{opacity:.8}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:14px;
1height:14px;opacity:1;margin-right:4px}.detail-row-link[_ngcontent-%COMP%] .acquaintance-details-btn[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:auto;height:auto;opacity:1;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-medium);white-space:nowrap}.confirm-btn[_ngcontent-%COMP%]{width:100%;max-width:100%;height:auto;min-height:2.75rem;min-width:7.5rem;gap:.5rem;opacity:1;padding:.875rem .75rem;border-radius:.75rem;border:1px solid var(--color-accent);background:linear-gradient(0deg,var(--color-accent),var(--color-accent)),linear-gradient(180deg,#ffffff1f,#fff0);border-image-source:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);cursor:pointer;margin-top:.75rem;margin-bottom:0;transition:all .3s ease;flex-shrink:0;font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-text-on-accent);display:flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-width: 1024px){.confirm-btn[_ngcontent-%COMP%]{min-height:3rem;padding:1rem .875rem;font-size:var(--fs-088);line-height:var(--lh-4)}}@media (max-width: 767px){.confirm-btn[_ngcontent-%COMP%]{min-height:3.5rem;padding:1.25rem 1rem;font-size:var(--fs-100);line-height:var(--lh-5);margin-top:1rem}.confirm-btn[_ngcontent-%COMP%]:hover{opacity:1;transform:none;box-shadow:none}}.confirm-btn[_ngcontent-%COMP%]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 .25rem .75rem var(--color-shadow-accent)}.confirm-btn[_ngcontent-%COMP%]:active{transform:translateY(0);box-shadow:0 .125rem .375rem var(--color-shadow-accent)}.precon-box.blurred[_ngcontent-%COMP%]{filter:brightness(85%)!important;pointer-events:none!important}.extended-details-overlay[_ngcontent-%COMP%]{position:absolute!important;top:40%!important;left:50%!important;transform:translate(-50%)!important;width:28.33333333vw!important;z-index:1000001!important;pointer-events:auto!important;animation:_ngcontent-%COMP%_slideInFromTop .3s ease-out!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%]{top:48%!important;width:388px!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%]{width:100vw!important;left:0!important;transform:none!important;top:unset!important;bottom:-10px}}@keyframes _ngcontent-%COMP%_slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{background:var(--color-bg-surface)!important;border-radius:1rem!important;border:1px solid var(--color-border-muted-scrollbar)!important;box-shadow:var(--shadow-popup-modal);padding:1rem!important;width:100%!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{padding:1rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%]{padding:1.25rem!important;border-radius:4.4444vw!important;background:var(--color-bg-surface-alt)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%]{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%]{padding-bottom:.75rem!important;margin-bottom:.75rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%]{display:flex!important;align-items:center!important;gap:.5rem!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:var(--fs-100);
1height:var(--fs-100);opacity:1!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .person-icon[_ngcontent-%COMP%]{width:1.125rem!important;height:1.125rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-size:.813rem!important;line-height:1.125rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .extended-header-left[_ngcontent-%COMP%] .extended-title[_ngcontent-%COMP%]{font-size:var(--fs-088)!important;line-height:var(--lh-5)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]{background:transparent!important;border:none!important;cursor:pointer!important;padding:.25rem!important;border-radius:.25rem!important;transition:all .2s ease!important;color:var(--color-text-medium)!important;width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:hover{background:var(--color-bg-hover)!important;color:var(--color-text-dark)!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:active{background:var(--color-bg-list-hover)!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]{width:2.5rem!important;height:2.5rem!important}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%]:hover{background:transparent!important;color:var(--color-text-medium)!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:1rem!important;height:1rem!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .extended-header[_ngcontent-%COMP%] .close-extended-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:1.125rem!important;height:1.125rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{border:1px solid var(--color-border-muted-scrollbar)!important;border-radius:.75rem!important;padding:1rem!important;width:100%!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{padding:1rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%]{padding:1rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 0!important}
1.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]:not(:last-child){border-bottom:1px solid var(--color-bg-subtle)!important}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%]{align-items:flex-start!important;gap:.25rem!important;padding:.625rem 0!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-family:Mulish!important;font-weight:400!important;font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;color:var(--color-text-light)!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-size:var(--fs-070)!important;line-height:var(--lh-4)!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-label[_ngcontent-%COMP%]{font-size:.75rem!important;line-height:1rem!important}}.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-family:Mulish!important;font-weight:600!important;font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;color:var(--color-text-dark)!important;text-align:right!important}@media (min-width: 768px) and (max-width: 1024px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-size:.688rem!important;line-height:.875rem!important}}@media (max-width: 767px){.extended-details-overlay[_ngcontent-%COMP%] .extended-details-box[_ngcontent-%COMP%] .acquaintance-details-content[_ngcontent-%COMP%] .extended-detail-row[_ngcontent-%COMP%] .extended-value[_ngcontent-%COMP%]{font-size:var(--fs-075)!important;line-height:var(--lh-3)!important;text-align:left!important}}"]})}}return i})();function Q(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",92),t.nI1(1,"globalConstant"),t.bIt("click",function(){const e=t.eBV(n).$implicit,a=t.XpG(2);return t.Njj(a.selectBank(e.code))}),t.nrm(2,"img",93),t.j41(3,"span",94),t.EFF(4),t.k0s()()}if(2&i){const n=c.$implicit,o=t.XpG(2);t.AVh("selected",o.formData.selectedBank===n.code),t.BMQ("data-tts",t.i5U(1,6,"selectBank","Profile")),t.R7$(2),t.Y8G("src",n.icon,t.B4B)("alt",n.name),t.R7$(2),t.JRh(n.name)}}function Z(i,c){if(1&i&&(t.j41(0,"div",90),t.DNE(1,Q,5,9,"div",91),t.k0s()),2&i){const n=t.XpG();t.R7$(),t.Y8G("ngForOf",n.bankOptions)}}function K(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2);t.R7$(2),t.JRh(n.accountNumberError)}}function W(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2);t.R7$(2),t.JRh(n.emailError)}}function tt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",95)(1,"div",96)(2,"div",76)(3,"input",97),t.nI1(4,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.formData.accountNumber,e)||(a.formData.accountNumber=e),t.Njj(e)}),t.bIt("input",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.validateAccountNumber(e))})("blur",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldBlur("accountNumber"))})("focus",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldFocus("accountNumber"))}),t.k0s(),t.j41(5,"label",98),t.EFF(6,"Account number"),t.k0s()(),t.DNE(7,K,3,1,"span",99),t.k0s(),t.j41(8,"div",96)(9,"div",76)(10,"input",100),t.nI1(11,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.formData.emailId,e)||(a.formData.emailId=e),t.Njj(e)}),t.bIt("input",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.validateEmail(e))})("blur",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldBlur("email"))})("focus",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldFocus("email"))}),t.k0s(),t.j41(12,"label",101),t.EFF(13,"Email ID"),t.k0s()(),t.DNE(14,W,3,1,"span",99),t.k0s()()}if(2&i){const n=t.XpG();t.R7$(3),t.R50("ngModel",n.formData.accountNumber),t.BMQ("data-tts",t.i5U(4,6,"EnterAccountNumber","Profile")),t.R7$(4),t.Y8G("ngIf",n.accountNumberTouched&&n.accountNumberError),t.R7$(3),t.R50("ngModel",n.formData.emailId),t.BMQ("data-tts",t.i5U(11,9,"EntEmailAddressTts","Insurance")),t.R7$(4),t.Y8G("ngIf",n.emailTouched&&n.emailError)}}function nt(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2);t.R7$(2),t.JRh(n.accountNumberError)}}function et(i,c){if(1&i){const n=t.RV6();t.j41(0,"i",113),t.nI1(1,"globalConstant"),t.bIt("click",function(){t.eBV(n);const e=t.XpG(2);return t.Njj(e.closeIfscDropdown())}),t.k0s()}2&i&&t.BMQ("data-tts",t.i5U(1,1,"CloseIfscDropdown","Profile"))}function ot(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",116),t.nI1(1,"globalConstant"),t.bIt("click",function(){const e=t.eBV(n).$implicit,a=t.XpG(3);return t.Njj(a.selectIfscCode(e))}),t.j41(2,"span",117),t.EFF(3),t.k0s(),t.j41(4,"span",118),t.EFF(5),t.k0s()()}if(2&i){const n=c.$implicit;t.BMQ("data-tts",t.i5U(1,3,"selectIfsc","Profile")),t.R7$(3),t.JRh(n.branch),t.R7$(2),t.JRh(n.code)}}function at(i,c){if(1&i&&(t.j41(0,"div",114),t.DNE(1,ot,6,6,"div",115),t.k0s()),2&i){const n=t.XpG(2);t.R7$(),t.Y8G("ngForOf",n.filteredIfscOptions)}}function it(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2);t.R7$(2),t.JRh(n.ifscError)}}function rt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",95)(1,"div",96)(2,"div",76)(3,"input",104),t.nI1(4,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.formData.accountNumber,e)||(a.formData.accountNumber=e),t.Njj(e)}),t.bIt("input",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.validateAccountNumber(e))})("blur",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldBlur("accountNumber"))})("focus",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldFocus("accountNumber"))}),t.k0s(),t.j41(5,"label",98),t.EFF(6,"Account number"),t.k0s()(),t.DNE(7,nt,3,1,"span",99),t.k0s(),t.j41(8,"div",96)(9,"div",105)(10,"div",106),t.nrm(11,"i",107),t.DNE(12,et,2,4,"i",108),t.j41(13,"input",109),t.nI1(14,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.formData.ifscCode,e)||(a.formData.ifscCode=e),t.Njj(e)}),t.bIt("input",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.validateIfscCode(e))})("blur",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onIfscFieldBlur())})("focus",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onIfscFieldFocus())})("keydown.enter",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.onIfscEnterKey(e))}),t.k0s(),t.j41(15,"label",110),t.EFF(16,"IFSC Code"),t.k0s(),t.DNE(17,at,2,1,"div",111),t.k0s(),t.j41(18,"button",112),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.openIfscSearchModal())}),t.EFF(19,"Search"),t.k0s()(),t.DNE(20,it,3,1,"span",99),t.k0s()()}if(2&i){const n=t.XpG();t.R7$(3),t.R50("ngModel",n.formData.accountNumber),t.BMQ("data-tts",t.i5U(4,8,"EnterAccountNumber","Profile")),t.R7$(4),t.Y8G("ngIf",n.accountNumberTouched&&n.accountNumberError),t.R7$(5),t.Y8G("ngIf",n.showIfscDropdown),t.R7$(),t.R50("ngModel",n.formData.ifscCode),t.BMQ("data-tts",t.i5U(14,11,"EnterIfscCodeTts","Profile")),t.R7$(4),t.Y8G("ngIf",n.showIfscDropdown&&n.filteredIfscOptions.length>0),t.R7$(3),t.Y8G("ngIf",n.ifscTouched&&n.ifscError)}}function ct(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2);t.R7$(2),t.JRh(n.emailError)}}function dt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",119)(1,"div",96)(2,"div",76)(3,"input",120),t.nI1(4,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.formData.emailId,e)||(a.formData.emailId=e),t.Njj(e)}),t.bIt("input",function(e){t.eBV(n);const a=t.XpG();return t.Njj(a.validateEmail(e))})("blur",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldBlur("email"))})("focus",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.onFieldFocus("email"))}),t.k0s(),t.j41(5,"label",101),t.EFF(6,"Email ID"),t.k0s()(),t.DNE(7,ct,3,1,"span",99),t.k0s()()}if(2&i){const n=t.XpG();t.R7$(3),t.R50("ngModel",n.formData.emailId),t.BMQ("data-tts",t.i5U(4,3,"EntEmailAddressTts","Insurance")),t.R7$(4),t.Y8G("ngIf",n.emailTouched&&n.emailError)}}function st(i,c){if(1&i&&(t.j41(0,"span",134),t.EFF(1),t.k0s()),2&i){const n=t.XpG().$implicit;t.R7$(),t.JRh(n.idType.codeDesc)}}function lt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",137),t.nI1(1,"globalConstant"),t.bIt("click",function(){const e=t.eBV(n).$implicit,a=t.XpG(2).index,r=t.XpG();return t.Njj(r.selectIdTypeOption(e,a))}),t.j41(2,"span",138),t.EFF(3),t.k0s()()}if(2&i){const n=c.$implicit,o=t.XpG(2).$implicit;t.AVh("selected",(null==o.idType?null:o.idType.code)===n.code),t.BMQ("data-tts",t.i5U(1,4,"selectIdType","Profile")),t.R7$(3),t.JRh(n.codeDesc)}}function pt(i,c){if(1&i&&(t.j41(0,"div",135),t.DNE(1,lt,4,7,"div",136),t.k0s()),2&i){const n=t.XpG().index,o=t.XpG();t.R7$(),t.Y8G("ngForOf",o.getAvailableIdTypes(n))}}function gt(i,c){if(1&i&&(t.j41(0,"span",102),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG().index,o=t.XpG();t.R7$(2),t.JRh(o.getIdErrorMessage(n))}}function mt(i,c){if(1&i&&(t.j41(0,"span",145),t.nrm(1,"i",103),t.EFF(2),t.k0s()),2&i){const n=t.XpG(2).index,o=t.XpG();t.R7$(2),t.JRh(o.getExpiryErrorMessage(n))}}function ut(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",139)(1,"div",96)(2,"div",76)(3,"input",140),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG().$implicit;return t.DH7(a.expiryDate,e)||(a.expiryDate=e),t.Njj(e)}),t.bIt("ngModelChange",function(e){t.eBV(n);const a=t.XpG().index,r=t.XpG();return t.Njj(r.validateExpiryDate(e,a))}),t.k0s(),t.nrm(4,"input",141),t.j41(5,"label",142),t.EFF(6),t.k0s(),t.nrm(7,"img",143),t.k0s(),t.DNE(8,mt,3,1,"span",144),t.k0s()()}if(2&i){const n=t.XpG(),o=n.$implicit,e=n.index,a=t.XpG();t.R7$(3),t.Y8G("id","expiryDatePicker_"+e),t.R50("ngModel",o.expiryDate),t.Y8G("min",a.getTomorrowDate()),t.BMQ("data-tts","Enter "+a.getExpiryDateLabel(o.idType)),t.R7$(),t.AVh("has-value",o.expiryDate),t.Y8G("id","expiryDate_"+e)("value",a.getFormattedExpiryDate(e)),t.BMQ("data-tts","Enter "+a.getExpiryDateLabel(o.idType)),t.R7$(),t.Y8G("for","expiryDate_"+e),t.R7$(),t.JRh(a.getExpiryDateLabel(o.idType)),t.R7$(2),t.Y8G("ngIf",a.getExpiryTouchedState(e)&&a.getExpiryErrorMessage(e))}}function ht(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",121)(1,"div",122)(2,"div",96)(3,"div",123)(4,"div",124),t.nI1(5,"globalConstant"),t.bIt("click",function(){const e=t.eBV(n).index,a=t.XpG();return t.Njj(a.toggleIdTypeDropdown(e))}),t.j41(6,"span",125),t.EFF(7,"ID type"),t.k0s(),t.DNE(8,st,2,1,"span",126),t.j41(9,"div",127),t.qSk(),t.j41(10,"svg",128),t.nrm(11,"path",129),t.k0s()()(),t.DNE(12,pt,2,1,"div",130),t.k0s()(),t.joV(),t.j41(13,"div",96)(14,"div",76)(15,"input",131),t.mxI("ngModelChange",function(e){const a=t.eBV(n).$implicit;return t.DH7(a.idNumber,e)||(a.idNumber=e),t.Njj(e)}),t.bIt("input",function(e){const a=t.eBV(n).index,r=t.XpG();return t.Njj(r.validateIdNumber(e,a))})("blur",function(){const e=t.eBV(n).index,a=t.XpG();return t.Njj(a.onIdFieldBlur(e))})("focus",function(){const e=t.eBV(n).index,a=t.XpG();return t.Njj(a.onIdFieldFocus(e))}),t.k0s(),t.j41(16,"label",132),t.EFF(17),t.k0s()(),t.DNE(18,gt,3,1,"span",99),t.k0s()(),t.DNE(19,ut,9,12,"div",133),t.k0s()}if(2&i){const n=c.$implicit,o=c.index,e=t.XpG();t.R7$(4),t.AVh("dropdown-open",e.isIdTypeDropdownOpen(o)),t.BMQ("data-tts",t.i5U(5,14,"idTypeDropdownTts","Profile")),t.R7$(2),t.AVh("floated",n.idType),t.R7$(2),t.Y8G("ngIf",n.idType),t.R7$(4),t.Y8G("ngIf",e.isIdTypeDropdownOpen(o)),t.R7$(3),t.Y8G("id","idNumber_"+o),t.R50("ngModel",n.idNumber),t.BMQ("data-tts","Enter "+e.getIdNumberLabel(n.idType)),t.R7$(),t.Y8G("for","idNumber_"+o),t.R7$(),t.JRh(e.getIdNumberLabel(n.idType)),t.R7$(),t.Y8G("ngIf",e.getIdTouchedState(o)&&e.getIdErrorMessage(o)),t.R7$(),t.Y8G("ngIf",e.requiresExpiryDate(n.idType))}}function ft(i,c){if(1&i&&(t.j41(0,"p",163),t.EFF(1),t.k0s()),2&i){const n=t.XpG(2);t.R7$(),t.JRh(n.ifscModalErrorMsg)}}function _t(i,c){if(1&i&&(t.j41(0,"span",178),t.EFF(1),t.k0s()),2&i){const n=t.XpG().$implicit;t.R7$(),t.JRh(n.bankName)}}function Ct(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",172)(1,"div",173)(2,"span",174),t.EFF(3),t.k0s(),t.j41(4,"span",175),t.EFF(5),t.k0s(),t.DNE(6,_t,2,1,"span",176),t.k0s(),t.j41(7,"button",177),t.bIt("click",function(){const e=t.eBV(n).$implicit,a=t.XpG(3);return t.Njj(a.selectIfscFromModal(e))}),t.EFF(8,"Select"),t.k0s()()}if(2&i){const n=c.$implicit;t.R7$(3),t.JRh(n.branchName),t.R7$(2),t.JRh(null==n.routingNumberDetails||null==n.routingNumberDetails[0]?null:n.routingNumberDetails[0].routingNumber),t.R7$(),t.Y8G("ngIf",n.bankName)}}function bt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",179)(1,"button",180),t.bIt("click",function(){t.eBV(n);const e=t.XpG(3);return t.Njj(e.ifscModalGoToPage(1))}),t.EFF(2,"\xab"),t.k0s(),t.j41(3,"button",180),t.bIt("click",function(){t.eBV(n);const e=t.XpG(3);return t.Njj(e.ifscModalGoToPage(e.ifscModalCurrentPage-1))}),t.EFF(4,"\u2039"),t.k0s(),t.j41(5,"span",181),t.EFF(6),t.k0s(),t.j41(7,"button",180),t.bIt("click",function(){t.eBV(n);const e=t.XpG(3);return t.Njj(e.ifscModalGoToPage(e.ifscModalCurrentPage+1))}),t.EFF(8,"\u203a"),t.k0s(),t.j41(9,"button",180),t.bIt("click",function(){t.eBV(n);const e=t.XpG(3);return t.Njj(e.ifscModalGoToPage(e.ifscModalTotalPages))}),t.EFF(10,"\xbb"),t.k0s()()}if(2&i){const n=t.XpG(3);t.R7$(),t.Y8G("disabled",1===n.ifscModalCurrentPage),t.R7$(2),t.Y8G("disabled",1===n.ifscModalCurrentPage),t.R7$(3),t.Lme("Page ",n.ifscModalCurrentPage," of ",n.ifscModalTotalPages,""),t.R7$(),t.Y8G("disabled",n.ifscModalCurrentPage===n.ifscModalTotalPages),t.R7$(2),t.Y8G("disabled",n.ifscModalCurrentPage===n.ifscModalTotalPages)}}function Mt(i,c){if(1&i&&(t.j41(0,"div",164)(1,"div",165)(2,"div",166),t.EFF(3,"Branch name "),t.j41(4,"span",167),t.EFF(5),t.k0s()(),t.j41(6,"div",168),t.EFF(7,"IFSC CODE"),t.k0s()(),t.j41(8,"div",169),t.DNE(9,Ct,9,3,"div",170),t.k0s(),t.DNE(10,bt,11,6,"div",171),t.k0s()),2&i){const n=t.XpG(2);t.R7$(5),t.SpI("(",n.ifscModalResults.length," results found)"),t.R7$(4),t.Y8G("ngForOf",n.ifscModalPageItems),t.R7$(),t.Y8G("ngIf",n.ifscModalTotalPages>1)}}function xt(i,c){if(1&i){const n=t.RV6();t.j41(0,"div",146)(1,"div",147)(2,"button",148),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.closeIfscSearchModal())}),t.nrm(3,"img",149),t.k0s(),t.j41(4,"div",150)(5,"div",151),t.EFF(6,"IFSC SEARCH"),t.k0s(),t.j41(7,"div",152)(8,"div",153)(9,"div",154)(10,"label",155),t.EFF(11,"Bank name"),t.k0s(),t.j41(12,"input",156),t.nI1(13,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.ifscModalBankName,e)||(a.ifscModalBankName=e),t.Njj(e)}),t.k0s()(),t.j41(14,"div",154)(15,"label",155),t.EFF(16,"Branch name"),t.k0s(),t.j41(17,"input",157),t.nI1(18,"globalConstant"),t.mxI("ngModelChange",function(e){t.eBV(n);const a=t.XpG();return t.DH7(a.ifscModalBranchName,e)||(a.ifscModalBranchName=e),t.Njj(e)}),t.k0s()()()(),t.DNE(19,ft,2,1,"p",158),t.j41(20,"div",159)(21,"button",160),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.searchIfscInModal())}),t.EFF(22,"SEARCH"),t.k0s(),t.j41(23,"span",161),t.bIt("click",function(){t.eBV(n);const e=t.XpG();return t.Njj(e.closeIfscSearchModal())}),t.EFF(24,"CANCEL"),t.k0s()()(),t.DNE(25,Mt,11,3,"div",162),t.k0s()()}if(2&i){const n=t.XpG();t.R7$(12),t.R50("ngModel",n.ifscModalBankName),t.BMQ("data-tts",t.i5U(13,7,"enterBankName","Profile")),t.R7$(5),t.R50("ngModel",n.ifscModalBranchName),t.BMQ("data
1-tts",t.i5U(18,10,"enterBranchName","Profile")),t.R7$(2),t.Y8G("ngIf",n.ifscModalErrorMsg),t.R7$(2),t.Y8G("disabled",!n.ifscModalBankName),t.R7$(4),t.Y8G("ngIf",n.ifscModalResults.length>0)}}const Pt=[{path:"new-details",component:j},{path:"additional-details",component:(()=>{class i{constructor(n,o,e,a,r,d){this.router=n,this.acquaintanceService=o,this.commonService=e,this.creditCardService=a,this.paymentTransferService=r,this.loginService=d,this.formData={selectedBank:"icici",accountNumber:"",emailId:"",ifscCode:"",idDetails:[{idType:null,idNumber:"",expiryDate:"",idNumberTouched:!1,idNumberError:"",expiryTouched:!1,expiryError:""}],sameAsAccountHolder:!0,address:""},this.bankOptions=[{code:"icici",name:"ICICI Bank",icon:"assets/img/nps/account-opening/icici-logo.svg"},{code:"other",name:"Other bank",icon:"assets/img/profile/acquaintance/other-bank-logo.svg"}],this.showIfscField=!1,this.showBankDropdown=!1,this.openIdTypeDropdownIndex=-1,this.showIfscDropdown=!1,this.ifscSearchTerm="",this.filteredIfscOptions=[],this.showIfscSearchModal=!1,this.ifscModalBankName="",this.ifscModalBranchName="",this.ifscModalErrorMsg="",this.ifscModalResults=[],this.ifscModalPageItems=[],this.ifscModalCurrentPage=1,this.ifscModalTotalPages=1,this.ifscModalPageSize=5,this.idTypeOptions=[{code:"PAN",codeDesc:"PAN Card"},{code:"DRIVING_LICENSE",codeDesc:"Driving license"},{code:"PASSPORT",codeDesc:"Passport"},{code:"VOTER_ID",codeDesc:"Voter ID Card"}],this.maxIdEntries=3,this.touchedFields=new Set,this.accountNumberTouched=!1,this.accountNumberError="",this.emailTouched=!1,this.emailError="",this.ifscTouched=!1,this.ifscError="",this.showPreconfirmPopup=!1,this.showSuccessPopup=!1,this.showSubmissionErrorPopup=!1,this.preconfirmData={nickName:"",relationship:"",accountNumber:""},this.isEditMode=!1,this.editaquaintanceId=null,this.destroy$=new O.B7,this.userAddress="",this.messageDesc=""}matchIdTypeOption(n){if(!n)return null;const o=r=>r?r.toLowerCase().trim():"",e="string"==typeof n?n:n.code||"",a="string"==typeof n?n:n.codeDesc||"";return this.idTypeOptions.find(r=>o(r.code)===o(e)||o(r.codeDesc)===o(a))||null}createIdDetailIfExists(n,o,e,a){if(!n[e])return null;const r=a&&n[a]||"";let d="";if(r){const l=r.toString().trim().split("T")[0].split(" ")[0],g=l.split("-");3===g.length&&4===g[0].length?d=l:3===g.length&&(d=`${g[2]}-${g[1]}-${g[0]}`)}return{idType:this.matchIdTypeOption(o),idNumber:n[e],expiryDate:d,idNumberTouched:!1,idNumberError:"",expiryTouched:!1,expiryError:""}}ngOnInit(){this.acquaintanceService.friendsAndFamilyActivated.next(!0);try{cdApi.changeContext("Friends_Family_Additional_Details_Page")}catch{}this.acquaintanceService.addressDetails.pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.userAddress=n}),this.loginData=this.loginService.getLoginDetails(),this.userId=this.loginData?.object?.userProfile?.userProfiledetails?.userId,this.currentAcquaintance=this.acquaintanceService.getCurrentAcquaintance(),this.formData.address=this.userAddress,this.acquaintanceService.filteredAcquaintance.pipe((0,h.Q)(this.destroy$)).subscribe(n=>{this.relationData=n}),this.checkForEditData(this.relationData)}checkForEditData(n){this.isEditMode=this.acquaintanceService.editMode.getValue(),this.editaquaintanceId=n?.aquaintanceId;const o=n?.ifscCode||n?.ifsc||"";this.formData.selectedBank=o?"other":n?.selectedBank||"icici",this.formData.accountNumber=n?.accountNumber||"",this.formData.emailId=n?.emailId||"",this.formData.ifscCode=o,this.formData.sameAsAccountHolder=!0,this.formData.address=this.userAddress,this.showIfscField="other"===this.formData.selectedBank,this.formData.ifscCode&&(this.ifscSearchTerm=this.formData.ifscCode);const e=[];[{typeCode:"PAN",numberKey:"pan"},{typeCode:"PASSPORT",numberKey:"passportNumber",expiryKey:"passportExpiryDate"},{typeCode:"AADHAAR",numberKey:"aadhaarNumber"},{typeCode:"DRIVING_LICENSE",numberKey:"drivingLicenseNumber",expiryKey:"drivingLicenseExpiryDate"},{typeCode:"VOTER_ID",numberKey:"voterIdNumber"}].forEach(r=>{const d=this.createIdDetailIfExists(n,r.typeCode,r.numberKey,r.expiryKey);d&&e.push(d)}),this.formData.idDetails=e.length>0?e:[{idType:null,idNumber:"",expiryDate:"",idNumberTouched:!1,idNumber
1Error:"",expiryTouched:!1,expiryError:""}]}getIFSCode(){this.commonService.ssoRedirectionLoader.next(!0),this.creditCardService.getIFSCCodes({bankId:"ICI",code_type:"IFSC"}).pipe((0,h.Q)(this.destroy$)).subscribe(o=>{this.commonService.ssoRedirectionLoader.next(!1),this.ifscData=o},o=>{this.commonService.ssoRedirectionLoader.next(!1)})}addAnotherId(){this.formData.idDetails.length<this.maxIdEntries&&this.formData.idDetails.push({idType:null,idNumber:"",expiryDate:"",idNumberTouched:!1,idNumberError:"",expiryTouched:!1,expiryError:""})}canAddMoreIds(){return this.formData.idDetails.length<this.maxIdEntries}getAvailableIdTypes(n){const o=this.formData.idDetails.map((e,a)=>a!==n&&e.idType?e.idType.code:null).filter(e=>null!==e);return this.idTypeOptions.filter(e=>!o.includes(e.code))}selectIdType(n,o){this.formData.idDetails[o].idType=n,this.formData.idDetails[o].idNumber="",this.formData.idDetails[o].idNumberError="","DRIVING_LICENSE"!==n?.code&&"PASSPORT"!==n?.code&&(this.formData.idDetails[o].expiryDate="",this.formData.idDetails[o].expiryError="",this.formData.idDetails[o].expiryTouched=!1)}toggleIdTypeDropdown(n){this.openIdTypeDropdownIndex=this.openIdTypeDropdownIndex===n?-1:n}
1isIdTypeDropdownOpen(n){return this.openIdTypeDropdownIndex===n}selectIdTypeOption(n,o){this.selectIdType(n,o),this.openIdTypeDropdownIndex=-1}getIdNumberLabel(n){if(!n)return"ID number";switch(n.code){case"PAN":return"PAN number";case"AADHAAR":return"Aadhaar number";case"DRIVING_LICENSE":return"DL number";case"PASSPORT":return"Passport number";case"VOTER_ID":return"Voter ID number";default:return"ID number"}}getExpiryDateLabel(n){if(!n)return"Expiry date";switch(n.code){case"DRIVING_LICENSE":return"Driving license expiry date";case"PASSPORT":return"Passport expiry date";default:return"Expiry date"}}requiresExpiryDate(n){return n&&("DRIVING_LICENSE"===n.code||"PASSPORT"===n.code)}validateExpiryDate(n,o){const e="string"==typeof n?n:n?.target?.value;this.formData.idDetails[o].expiryDate=e,this.formData.idDetails[o].expiryError=e&&new Date(e)<=new Date?"Expiry date must be in the future":"",this.formData.idDetails[o].expiryTouched=!0}getFormattedExpiryDate(n){const o=this.formData.idDetails[n].expiryDate;if(!o)return"";const e=new Date(o);return isNaN(e.getTime())?"":`${e.getDate().toString().padStart(2,"0")} ${e.toLocaleString("default",{month:"short"})} '${e.getFullYear().toString().slice(-2)}`}onExpiryFieldBlur(n){this.formData.idDetails[n].expiryTouched=!0}getExpiryTouchedState(n){return this.formData.idDetails[n].expiryTouched||!1}getExpiryErrorMessage(n){return this.formData.idDetails[n].expiryError||""}getTomorrowDate(){const n=new Date;return n.setDate(n.getDate()+1),n.toISOString().split("T")[0]}onFieldFocus(n){switch(n){case"accountNumber":this.accountNumberTouched=!0;break;case"email":this.emailTouched=!0}}onFieldBlur(n){switch(n){case"accountNumber":this.accountNumberTouched=!0,this.validateSingleField("accountNumber");break;case"email":this.emailTouched=!0,this.validateSingleField("email");break;case"ifsc":this.ifscTouched=!0,this.validateSingleField("ifsc")}}onIdFieldFocus(n){this.formData.idDetails[n]&&(this.formData.idDetails[n].idNumberTouched=!0)}onIdFieldBlur(n){this.formData.idDetails[n]&&(this.formData.idDetails[n].idNumberTouched=!0,this.validateSingleIdField(n))}getIdTouchedState(n){return this.formData.idDetails[n]?.idNumberTouched||!1}getIdErrorMessage(n){return this.formData.idDetails[n]?.idNumberError||""}validateAccountNumber(n){let o=n.target.value;this.accountNumberError="",o=o.replace(/\D/g,""),n.target.value=o,this.formData.accountNumber=o,o&&(/^\d{9,18}$/.test(o)||(this.accountNumberError="Enter valid Account number"),this.accountNumberTouched=!0)}validateEmail(n){const o=n.target.value;this.emailError="",o&&o.trim()?(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(o.trim())||(this.emailError="Enter valid Email ID"),this.formData.emailId=o,this.emailTouched=!0):this.formData.emailId=o}onBankChange(n){this.formData.selectedBank=n,"other"===n?this.showIfscField=!0:(this.showIfscField=!1,this.formData.ifscCode="",this.ifscError="",this.ifscTouched=!1)}validateIfscCode(n){const o=n.target.value;if(this.ifscError="",this.ifscSearchTerm=o,!o||!o.trim())return this.formData.ifscCode=o,void(this.showIfscDropdown=!1);const e=o.toUpperCase();this.filteredIfscOptions=this.ifscData.filter(d=>d.cmCode.toUpperCase().includes(e)),this.showIfscDropdown=this.filteredIfscOptions.length>0;const r=o.trim().toUpperCase();/^[A-Z]{4}[0-9A-Z]{7}$/.test(r)||(this.ifscError="Enter valid IFSC Code"),this.formData.ifscCode=r,this.ifscTouched=!0}selectIfscCode(n){this.formData.ifscCode=n.code,this.ifscSearchTerm=n.code,this.showIfscDropdown=!1,this.ifscError="",this.ifscTouched=!0}onIfscFieldFocus(){this.ifscSearchTerm?(this.filteredIfscOptions=this.ifscData.filter(n=>n.cmCode.toUpperCase().includes(this.ifscSearchTerm.toUpperCase())),this.showIfscDropdown=this.filteredIfscOptions.length>0):(this.filteredIfscOptions=this.ifscData,this.showIfscDropdown=!0)}onIfscFieldBlur(){clearTimeout(this.ifscBlurTimeout),this.ifscBlurTimeout=setTimeout(()=>{this.showIfscDropdown=!1},200)}closeIfscDropdown(){this.showIfscDropdown=!1}openIfscSearchModal(){this.showIfscSearchModal=!0,this.ifscModalBankName="",this.ifscModalBranchName="",this.ifscModalErrorMsg="",this.ifscModalResults=[],this.ifscModalPageItems=[],this.ifscModalCurrentPage=1,this.ifscModalTotalPages=1}closeIfscSearchModal(){this.showIfscSearchModal=!1}searchIfscInModal(){this.ifscModalErrorMsg="";const n=this.ifscModalBankName?.trim()||"",o=this.ifscModalBranchName?.trim()||"";if(!n)return void(this.ifscModalErrorMsg="Please enter bank name");const a={bankId:"ICI",userId:this.userId,bankName:n,branchName:o};this.commonService.ssoRedirectionLoader.next(!0),this.paymentTransferService.getPayeeBranchDetails(a).pipe((0,h.Q)(this.destroy$)).subscribe(r=>{this.commonService.ssoRedirectionLoader.next(!1),r&&r.length>0?(this.ifscModalResults=r,this.ifscModalCurrentPage=1,this.ifscModalTotalPages=Math.ceil(this.ifscModalResults.length/this.ifscModalPageSize),this.updateIfscModalPageItems()):(this.ifscModalResults=[],this.ifscModalErrorMsg="No IFSC code found")},r=>{this.commonService.ssoRedirectionLoader.next(!1),this.ifscModalErrorMsg=r?.[0]||"No IFSC code found",this.ifscModalResults=[]})}updateIfscModalPageItems(){const n=(this.ifscModalCurrentPage-1)*this.ifscModalPageSize;this.ifscModalPageItems=this.ifscModalResults.slice(n,n+this.ifscModalPageSize)}ifscModalGoToPage(n){n<1||n>this.ifscModalTotalPages||(this.ifscModalCurrentPage=n,this.updateIfscModalPageItems())}selectIfscFromModal(n){const o=n.routingNumberDetails?.[0]?.routingNumber||n.code;this.formData.ifscCode=o,this.ifscSearchTerm=o,this.ifscError="",this.ifscTouched=!0,this.showIfscSearchModal=!1}
1onIfscEnterKey(n){if(n.preventDefault(),this.formData.ifscCode&&this.formData.ifscCode.trim()){const o=this.formData.ifscCode.trim().toUpperCase();/^[A-Z]{4}0[A-Z0-9]{6}$/.test(o)?(this.formData.ifscCode=o,this.ifscSearchTerm=o,this.showIfscDropdown=!1,this.ifscError="",this.ifscTouched=!0):(this.ifscError="Invalid IFSC code format",this.ifscTouched=!0)}else this.showIfscDropdown=!1}toggleBankDropdown(){this.showBankDropdown=!this.showBankDropdown}selectBank(n){this.formData.selectedBank=n,this.showBankDropdown=!1,this.onBankChange(n)}getSelectedBankName(){const n=this.bankOptions.find(o=>o.code===this.formData.selectedBank);return n?n.name:"ICICI Bank"}getSelectedBankIcon(){const n=this.bankOptions.find(o=>o.code===this.formData.selectedBank);return n?n.icon:"assets/img/nps/account-opening/icici-logo.svg"}onDocumentClick(n){const o=n.target,e=o.closest(".bank-selection-container"),a=o.closest(".ifsc-search-container"),r=o.closest(".id-type-dropdown-container");!e&&this.showBankDropdown&&(this.showBankDropdown=!1),!a&&this.showIfscDropdown&&(this.showIfscDropdown=!1),!r&&-1!==this.openIdTypeDropdownIndex&&(this.openIdTypeDropdownIndex=-1)}validateIdNumber(n,o){const e=n.target.value,a=this.formData.idDetails[o];
1if(a){if(a.idNumberError="",!e||!e.trim())return a.idNumberError="",void("PAN"===a.idType?.code||"DRIVING_LICENSE"===a.idType?.code||"VOTER_ID"===a.idType?.code||"PASSPORT"===a.idType?.code?(a.idNumber="",n.target.value=""):a.idNumber=e);if(!a.idType)return a.idNumberError="Please select ID type first",void(a.idNumber=e);switch(a.idType.code){case"AADHAAR":const r=e.replace(/\D/g,"");/^\d{12}$/.test(r)||(a.idNumberError="Enter valid Aadhaar number"),a.idNumber=r;break;case"PAN":const d=e.toUpperCase().replace(/[^A-Z0-9]/g,"");let l="";for(let _=0;_<d.length&&l.length<10;_++){const m=d[_];l.length<5?/[A-Z]/.test(m)&&(l+=m):l.length<9?/[0-9]/.test(m)&&(l+=m):/[A-Z]/.test(m)&&(l+=m)}return l.length>0&&!/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(l)&&(a.idNumberError="Enter valid PAN number"),a.idNumber=l,n.target.value=l,void(a.idNumberTouched=!0);case"PASSPORT":const g=e.toUpperCase().replace(/[^A-Z0-9]/g,"");let p="";for(let _=0;_<g.length&&p.length<8;_++){const m=g[_];0===p.length?/[A-Z]/.test(m)&&(p+=m):/[0-9]/.test(m)&&(p+=m)}return p.length>0&&!/^[A-Z][0-9]{7}
1$/.test(p)&&(a.idNumberError="Enter valid Passport number"),a.idNumber=p,n.target.value=p,void(a.idNumberTouched=!0);case"DRIVING_LICENSE":const C=e.replace(/[^A-Za-z0-9]/g,"").toUpperCase();return a.idNumber=C,n.target.value=C,void(a.idNumberTouched=!0);case"VOTER_ID":const P=e.replace(/[^A-Za-z0-9]/g,"").toUpperCase();return a.idNumber=P,n.target.value=P,void(a.idNumberTouched=!0);default:e.length<3&&(a.idNumberError="Enter valid ID number")}a.idNumber=e,a.idNumberTouched=!0}}validateSingleField(n){switch(n){case"accountNumber":if(this.formData.accountNumber&&this.formData.accountNumber.trim()){const o=this.formData.accountNumber.replace(/\D/g,"");this.accountNumberError=/^\d{9,18}$/.test(o)?"":"Enter valid Account number"}else this.accountNumberError="";break;case"email":this.emailError=this.formData.emailId&&this.formData.emailId.trim()?/^[A-Za-z0-9_.-]+@(.+)$/.test(this.formData.emailId.trim())?"":"Please enter a valid email address":"";break;case"ifsc":if(this.formData.ifscCode&&this.formData.ifscCode.trim()){const o=/^[A-Z]{4}[0-9A-Z]{7}$/,e=this.formData.ifscCode.trim().toUpperCase();this.ifscError=o.test(e)?"":"Enter valid IFSC Code",this.formData.ifscCode=e}else this.ifscError=""}}validateSingleIdField(n){const o=this.formData.idDetails[n];
1if(o){if(o.idNumberError="",!o.idNumber||!o.idNumber.trim())return void(o.idNumberError="");if(!o.idType)return void(o.idNumberError="Please select ID type first");switch(o.idType.code){case"AADHAAR":const e=o.idNumber.replace(/\D/g,"");/^\d{12}$/.test(e)||(o.idNumberError="Enter valid Aadhaar number");break;case"PAN":const a=o.idNumber.toUpperCase().replace(/\s/g,"");a.length>10?o.idNumberError="PAN number cannot exceed 10 characters":/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(a)||(o.idNumberError="Enter valid PAN number");break;case"PASSPORT":const r=o.idNumber.toUpperCase().replace(/\s/g,"");/^[A-Z][0-9]{7}$/.test(r)||(o.idNumberError="Enter valid Passport number");break;case"DRIVING_LICENSE":case"VOTER_ID":break;default:o.idNumber.length<3&&(o.idNumberError="Enter valid ID number")}}}onAddressOptionChange(n){this.formData.sameAsAccountHolder=n,this.formData.address=n?this.userAddress:this.isEditMode&&this.relationData?.address&&this.relationData?.address!==this.userAddress?this.relationData?.address:""}isFormValid(){if(this.formData.accountNumber&&this.formData.accountNumber.trim()&&this.accountNumberError||this.formData.emailId&&this.formData.emailId.trim()&&this.emailError||"other"===this.formData.selectedBank&&this.formData.ifscCode&&this.formData.ifscCode.trim()&&this.ifscError)return!1;for(let n=0;n<this.formData.idDetails.length;n++){const o=this.formData.idDetails[n];if(o.idNumber&&o.idNumber.trim()&&o.idNumberError||o.expiryDate&&o.expiryDate.trim()&&o.expiryError)return!1}return!0}onSkip(){this.preconfirmData={nickName:this.relationData?.name||this.currentAcquaintance?.fullName||"",relationship:this.relationData?.relationShip||this.relationData?.relationship?.codeDesc||this.currentAcquaintance?.relationship?.codeDesc||"",accountNumber:this.currentAcquaintance?.accountNumber||this.formData?.accountNumber||""},this.showPreconfirmPopup=!0}onContinue(){if(!this.currentAcquaintance)return;const n={...this.currentAcquaintance,accountNumber:this.formData?.accountNumber||void 0,emailId:this.formData?.emailId||void 0,selectedBank:this.formData?.selectedBank,ifscCode:this.formData?.ifscCode||void 0,idDetails:this.formData?.idDetails.map(o=>({idType:o.idType,idNumber:o.idNumber,expiryDate:o.expiryDate})),address:this.formData?.address};this.acquaintanceService.setCurrentAcquaintance(n),this.preconfirmData={nickName:this.relationData?.fullName||this.currentAcquaintance?.fullName||"",relationship:this.relationData?.relationShip||this.relationData?.relationship?.codeDesc||this.currentAcquaintance?.relationship?.codeDesc||"",accountNumber:this.formData?.accountNumber||""},this.showPreconfirmPopup=!0}getRelationshipDisplay(n){if(!n)return"";const e=[{code:"father",codeDesc:"Father"},{code:"mother",codeDesc:"Mother"},{code:"brother",codeDesc:"Brother"},{code:"sister",codeDesc:"Sister"},{code:"spouse",codeDesc:"Spouse"},{code:"child",codeDesc:"Child"},{code:"friend",codeDesc:"Friend"},{code:"colleague",codeDesc:"Colleague"},{code:"other",codeDesc:"Other"}].find(a=>a.code===n);return e?e.codeDesc:n}onClosePreconfirmPopup(){this.showPreconfirmPopup=!1}onConfirmPreconfirmPopup(){this.showPreconfirmPopup=!1;const n=this.acquaintanceService.getCurrentAcquaintance();if(n)try{this.isEditMode&&this.editaquaintanceId?this.updateAcquaintance(n):this.addAcquaintance(n)}catch{this.showSubmissionErrorPopup=!0}else this.showSubmissionErrorPopup=!0}normalizeDateToIso(n){const o=n?.toString().trim()||"";return o?`${o.split("T")[0].split(" ")[0]}T00:00:00`:""}getPanNumber(n){return n&&n.length&&n.find(e=>"PAN"===e?.idType?.code)?.idNumber||""}getPassportNumber(n){return n&&n.length&&n.find(e=>"PASSPORT"===e?.idType?.code)?.idNumber||""}getPassportExpiryDate(n){if(!n||!n.length)return"";const o=n.find(e=>"PASSPORT"===e?.idType?.code);return this.normalizeDateToIso(o?.expiryDate)}createPayload(n){const o=this.normalizeDateToIso(n?.dateOfBirth);return{userId:this.userId,bankId:"ICI",name:n?.fullName||n?.name||"",dateOfBirth:o,gender:this.genderCode(n?.gender),relationShip:n?.relationship?.codeDesc||n?.relationShip||"",mobileNumber:n?.mobileNumber?.replace(/[^0-9]/g,"")||"",accountNumber:n?.accountNumber||"",ifsc:n?.ifscCode?n?.ifscCode:n?.ifsc||"",pan:this.getPanNumber(n?.idDetails),address:n?.address||"",emailId:n?.emailId||"",passportNumber:this.getPassportNumber(n?.idDetails),passportExpiryDate:this.getPassportExpiryDate(n?.idDetails),isNominee:n?.isNominee||"N",attribute1:[{attributeName:"freeField1",attributeValue:""}],attribute2:[{attributeName:"freeField2",attributeValue:""}],attribute3:[{attributeName:"freeField3",attributeValue:""}],attribute4:[{attributeName:"freeField4",attributeValue:""}],attribute5:[{attributeName:"freeField5",attributeValue:""}],attribute6:[{attributeName:"freeField6",attributeValue:""}],attribute7:[{attributeName:"freeField7",attributeValue:""}],attribute8:[{attributeName:"freeField8",attributeValue:""}],headerData:{userId:this.userId,isConfirmationMode:!0}}}genderCode(n){return"male"===n?.codeDesc?.toLowerCase()?"M":"female"===n?.codeDesc?.toLowerCase()?"F":"others"===n?.codeDesc?.toLowerCase()?"O":""}updateAcquaintance(n){const o=this.createPayload(n);o.aquaintanceId=n?.id||"",this.acquaintanceService.updateAcquaintance(o).pipe((0,h.Q)(this.destroy$)).subscribe(e=>{e?.aquaintanceUpdateStatus?.includes("modified successfully.")&&(this.showSuccessPopup=!0)},e=>{this.showSubmissionErrorPopup=!0})}addAcquaintance(n){const o=this.createPayload(n);o.corpId=this.userId,this.acquaintanceService.addAcquaintance(o).pipe((0,h.Q)(this.destroy$)).subscribe(e=>{e?.aquaintanceId&&e?.aquaintanceAddStatus.includes("added successfully")&&(this.showSuccessPopup=!0)},e=>{this.showSubmissionErrorPopup=!0,this.messageDesc="997012"===e[0]?.messageCode?"Acquaintance List should not exceed more than 10":"997013"===e[0]?.messageCode?"Duplicate Acquaintance, record already exists":"997014"===e[0]?.messageCode?"Acquaintance name is mandatory":"997015"===e[0]?.messageCode?"Acquaintance Date of Birth is mandatory":"997017"===e[0]?.messageCode?"Acquaintance RelationShip is mandatory":"997018"===e[0]?.messageCode?"Acquaintance Mobile No is mandatory":"We couldn't process your request due to a technical issue. Please try again later."})}onCloseSuccessPopup(){this.showSuccessPopup=!1,this.acquaintanceService.clearCurrentAcquaintance()}onCloseSubmissionErrorPopup(){this.showSubmissionErrorPopup=!1}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),clearTimeout(this.ifscBlurTimeout)}onClickBack(){this.router.navigate(["/profile-main/add-acquaintance/new-details"])}static{this.\u0275fac=function(o){return new(o||i)(t.rXU(b.Ix),t.rXU(x.h),t.rXU(A.h),t.rXU(T.hk),t.rXU(R.$),t.rXU(y.H))}}static{this.\u0275cmp=t.VBU({type:i,selectors:[["app-additional-details"]],hostBindings:function(o,e){1&o&&t.bIt("click",function(r){return e.onDocumentClick(r)}
1,!1,t.EBC)},decls:133,vars:54,consts:[["href",t.wXG`https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css`,"rel","stylesheet"],[1,"additional-details-wrapper"],[1,"add-aquaintance-container"],[1,"background-design"],[1,"background-flower-design"],["src","assets/img/profile/acquaintance/mandala.svg","alt","Mandala Design"],[1,"head"],["type","button","tabindex","0",1,"back-btn",3,"click"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["cx","12","cy","12","r","12","fill","white"],["clip-path","url(#clip0_13556_5010)"],["d","M13.8066 8.47332C13.5466 8.21332 13.1266 8.21332 12.8666 8.47332L9.80657 11.5333C9.54657 11.7933 9.54657 12.2133 9.80657 12.4733L12.8666 15.5333C13.1266 15.7933 13.5466 15.7933 13.8066 15.5333C14.0666 15.2733 14.0666 14.8533 13.8066 14.5933L11.2199 12L13.8066 9.41332C14.0666 9.15332 14.0599 8.72665 13.8066 8.47332Z","fill","#333638"],["id","clip0_13556_5010"],["width","16","height","16","fill","white","transform","translate(4 4)"],["tabindex","0",1,"main-heading"],[1,"stepper-container"],[1,"stepper"],[1,"step","completed"],["tabindex","0",1,"step-cell"],[1,"step-number"],["src","assets/img/profile/acquaintance/checkmark.svg","alt","Step 1 completed"],[1,"step-label"],[1,"step-line"],[1,"step","active"],[1,"cards-container"],[1,"account-details-wrapper"],[1,"account-details-card"],[1,"account-details-header"],["src","assets/img/nps/account-opening/person.svg","alt","Account details",1,"account-icon"],[1,"account-title-section"],["tabindex","0",1,"account-title"],["tabindex","0",1,"optional-label"],[1,"account-details-content"],[1,"account-row"],["tabindex","0",1,"row-header"],[1,"header-title"],[1,"bank-selection-container"],[1,"bank-display-box"],["tabindex","0",1,"selected-bank-info"],[1,"bank-icon",3,"src","alt"],[1,"bank-name"],["tabindex","0","role","button",1,"edit-icon",3,"click"],["src","assets/img/profile/acquaintance/Edit.svg","alt","Edit"],["class","bank-dropdown-options",4,"ngIf"],["class","input-row-2",4,"ngIf"],["class","input-row-3",4,"ngIf"],[1,"id-details-card"],[1,"id-details-header"],["src","assets/img/profile/acquaintance/ID Card.svg","alt","ID details",1,"id-icon"],[1,"id-title-section"],[1,"d-flex","gap-1","align-items-end"],["tabindex","0",1,"id-title"],["tabindex","0",1,"tooltip-container"],["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg",1,"cursor-pointer","info-icon"],["d","M6.9987 0.333984C3.3187 0.333984 0.332031 3.32065 0.332031 7.00065C0.332031 10.6807 3.3187 13.6673 6.9987 13.6673C10.6787 13.6673 13.6654 10.6807 13.6654 7.00065C13.6654 3.32065 10.6787 0.333984 6.9987 0.333984ZM6.9987 10.334C6.63203 10.334 6.33203 10.034 6.33203 9.66732L6.33203 7.00065C6.33203 6.63398 6.63203 6.33398 6.9987 6.33398C7.36536 6.33398 7.66536 6.63398 7.66536 7.00065L7.66536 9.66732C7.66536 10.034 7.36536 10.334 6.9987 10.334ZM7.66536 5.00065H6.33203V3.66732L7.66536 3.66732V5.00065Z","fill","#64696D"],[1,"tooltip-text"],[1,"id-details-content"],["class","id-row",4,"ngFor","ngForOf"],["tabindex","0","role","button",1,"add-another-id-button",3,"click"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8 3.33337V12.6667","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M3.33301 8H12.6663","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["id","address-details",1,"account-details-card"],["src","assets/img/profile/acquaintance/Location.svg","alt","Account details",1,"account-icon"],["tabindex","0",1,"account-title-section"],[1,"account-title"],[1,"optional-label"],[1,"address-row"],[1,"row-header"],["tabindex","0",1,"header-title"],[1,"radio-group"],[1,"radio-option"],["type","radio","name","sameAsAddress","tabindex","0",3,"ngModelChange","change","value","ngModel"],[1,"custom-radio"],[1,"radio-label"],[1,"address-input-wrapper"],[1,"floating-input"],["type","text","placeholder"," ","tabindex","0",3,"ngModelChange","ngModel","readonly"],[1,"bg-transparent"],[1,"side-info-card"],[1,"icon-div"],["src","assets/img/nps/account-opening/pers
1on.svg","alt","Info Icon"],["tabindex","0",1,"info-div"],[1,"action-buttons-container"],["type","button","tabindex","0",1,"skip-btn",3,"click"],["type","button","tabindex","0",1,"continue-btn",3,"click"],[3,"close","confirm","isVisible","nickName","relationship","accountNumber"],[3,"close","isVisible","nickName","relationship","accountNumber","componentName"],["mainMessage","Request failed","buttonLabel","Back to list","buttonAction","close",3,"close","isVisible","subMessage"],["class","ifsc-modal-overlay",4,"ngIf"],[1,"bank-dropdown-options"],["class","bank-option","tabindex","0","role","button",3,"selected","click",4,"ngFor","ngForOf"],["tabindex","0","role","button",1,"bank-option",3,"click"],[1,"bank-option-icon",3,"src","alt"],["tabindex","0",1,"bank-option-name"],[1,"input-row-2"],[1,"form-group"],["type","text","id","accountNumber","name","accountNumber","placeholder"," ","tabindex","0",3,"ngModelChange","input","blur","focus","ngModel"],["for","accountNumber"],["class","error-message","tabindex","0",4,"ngIf"],["type","email","id","emailId","placeholder"," ","name","emailId","maxlength","256","tabindex","0",3,"ngModelChange","input","blur","focus","ngModel"],["for","emailId"],["tabindex","0",1,"error-message"],[1,"bi","bi-exclamation-triangle"],["type","text","id","accountNumber","placeholder"," ","tabindex","0",3,"ngModelChange","input","blur","focus","ngModel"],[1,"ifsc-field-wrapper"],[1,"floating-input","ifsc-search-container"],[1,"bi","bi-search","ifsc-search-icon"],["class","bi bi-x-lg ifsc-close-icon","tabindex","0","role","button",3,"click",4,"ngIf"],["type","text","id","ifscCode","placeholder"," ","tabindex","0",1,"ifsc-search-input",3,"ngModelChange","input","blur","focus","keydown.enter","ngModel"],["for","ifscCode"],["class","ifsc-dropdown-panel",4,"ngIf"],["type","button","tabindex","0",1,"ifsc-search-btn",3,"click"],["tabindex","0","role","button",1,"bi","bi-x-lg","ifsc-close-icon",3,"click"],[1,"ifsc-dropdown-panel"],["class","ifsc-dropdown-item","tabindex","0","role","button",3,"click",4,"ngFor","ngForOf"],["tabindex","0","role","button",1,"ifsc-dropdown-item",3,"click"],["tabindex","0",1,"ifsc-branch"],["tabindex","0",1,"ifsc-code"],[1,"input-row-3"],["type","email","id","emailId","placeholder"," ","maxlength","256","tabindex","0",3,"ngModelChange","input","blur","focus","ngModel"],[1,"id-row"],[1,"form-row"],[1,"id-type-dropdown-container"],["tabindex","0","role","button",1,"id-type-display-box",3,"click"],["tabindex","0",1,"id-type-label"],["class","id-type-value","tabindex","0",4,"ngIf"],[1,"dropdown-arrow"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M5.25 7.5L9 11.25L12.75 7.5","stroke","#64696D","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["class","id-type-dropdown-options",4,"ngIf"],["type","text","placeholder"," ","name","idProof","tabindex","0",3,"ngModelChange","input","blur","focus","id","ngModel"],[3,"for"],["class","expiry-date-row",4,"ngIf"],["tabindex","0",1,"id-type-value"],[1,"id-type-dropdown-options"],["class","id-type-option","tabindex","0","role","button",3,"selected","click",4,"ngFor","ngForOf"],["tabindex","0","role","button",1,"id-type-option",3,"click"],["tabindex","0",1,"id-type-option-name"],[1,"expiry-date-row"],["type","date","name","expiryDate","tabindex","0",1,"date-picker-style",3,"ngModelChange","id","ngModel","min"],["type","text","placeholder"," ","readonly","","tabindex","0",1,"dob-display",3,"id","value"],[1,"dob-label",3,"for"],["src","assets/img/nps/account-opening/calendar.svg",1,"calendar-style"],["class","error-message",4,"ngIf"],[1,"error-message"],[1,"ifsc-modal-overlay"],[1,"ifsc-modal-container"],["type","button","tabindex","0",1,"ifsc-modal-close",3,"click"],["src","assets/img/profile/close.svg","alt","Close"],[1,"ifsc-modal-content"],["tabindex","0",1,"ifsc-modal-heading"],[1,"ifsc-modal-fields"],[1,"ifsc-modal-field-row"],[1,"ifsc-modal-field"],[1,"ifsc-modal-label"],["type","text","placeholder","Enter bank name","maxlength","50","tabindex","0",1,"ifsc-modal-input",3,"ngModelChange","ngModel"],["type","text","placeholder","Enter branch name","maxlength","50","tabindex","0",1,"ifsc-modal-input",3,"ngModelChange","ngModel"],["class","ifsc-modal-error","tabindex","0",4,"ngIf"],[1,"ifsc-modal-actions"],["type","button","tabindex","0",1,"ifsc-modal-search-btn",3,"click","disabled"],["tabindex","0",1,"ifsc-modal-cancel",3,"click"],["class","ifsc-modal-results",4,"ngIf"],["tabindex","0",1,"ifsc-modal-error"],[1,"ifsc-modal-results"],[1,"ifsc-modal-results-header"],["tabindex","0",1,"ifsc-modal-col-branch"],[1,"ifsc-modal-results-count"],["tabindex","0",1,"ifsc-modal-col-code"],[1,"ifsc-modal-results-body"],["class","ifsc-modal-result-row",4,"ngFor","ngForOf"],["class","ifsc-modal-pagination",4,"ngIf"],[1,"ifsc-modal-result-row"],["tabindex","0",1,"ifsc-modal-result-info"],[1,"ifsc-modal-branch-name"],[1,"ifsc-modal-ifsc-code"],["class","ifsc-modal-bank-name",4,"ngIf"],["type","button","tabindex","0",1,"ifsc-modal-select-btn",3,"click"],[1,"ifsc-modal-bank-name"],[1,"ifsc-modal-pagination"],["type","button","tabindex","0",3,"click","disabled"],["tabindex","0"]],template:function(o,e){1&o&&(t.j41(0,"head"),t.nrm(1,"link",0),t.k0s(),t.j41(2,"div",1)(3,"div",2)(4,"div",3)(5,"div",4),t.nrm(6,"img",5),t.k0s(),t.j41(7,"div",6)(8,"button",7),t.bIt("click",function(){return e.onClickBack()}),t.qSk(),t.j41(9,"svg",8),t.nrm(10,"circle",9),t.j41(11,"g",10),t.nrm(12,"path",11),t.k0s(),t.j41(13,"defs")(14,"clipPath",12),t.nrm(15,"rect",13),t.k0s()()()(),t.joV(),t.j41(16,"p",14),t.EFF(17,"Add new friends and family"),t.k0s()(),t.j41(18,"div",15)(19,"div",16)(20,"div",17)(21,"div",18)(22,"div",19),t.nrm(23,"img",20),t.k0s(),t.j41(24,"div",21),t.EFF(25,"Friends and family details"),t.k0s()()(),t.nrm(26,"div",22),t.j41(27,"div",23)(28,"div",18)(29,"div",19),t.EFF(30,"2"),t.k0s(),t.j41(31,"div",21),t.EFF(32,"Additional details"),t.k0s()()()()(),t.j41(33,"div",24)(34,"div",25)(35,"div",26)(36,"div",27),t.nrm(37,"img",28),t.j41(38,"div",29)(39,"span",30),t.EFF(40,"Account details"),t.k0s(),t.j41(41,"div",31)(42,"span"),t.EFF(43,"Optional"),t.k0s()()()(),t.j41(44,"div",32)(45,"div",33)(46,"div",34)(47,"span",35),t.EFF(48,"Select bank"),t.k0s()(),t.j41(49,"div",36)(50,"div",37)(51,"div",38),t.nrm(52,"img",39),t.j41(53,"span",40),t.EFF(54),t.k0s()(),t.j41(55,"div",41),t.nI1(56,"globalConstant"),t.bIt("click",function(){return e.toggleBankDropdown()}),t.nrm(57,"img",42),t.k0s()(),t.DNE(58,Z,2,1,"div",43),t.k0s()(),t.DNE(59,tt,15,12,"div",44)(60,rt,21,14,"div",44)(61,dt,8,6,"div",45),t.k0s()(),t.j41(62,"div",46)(63,"div",47),t.nrm(64,"img",48),t.j41(65,"div",49)(66,"div",50)(67,"span",51),t.EFF(68,"ID details"),t.k0s(),t.j41(69,"div",52),t.nI1(70,"globalConstant"),t.qSk(),t.j41(71,"svg",53),t.nrm(72,"path",54),t.k0s(),t.joV(),t.j41(73,"div",55),t.EFF(74," You can add upto 3 ID proofs "),t.k0s()()(),t.j41(75,"div",31)(76,"span"),t.EFF(77,"Optional"),t.k0s()()()(),t.j41(78,"div",56),t.DNE(79,ht,20,17,"div",57),t.j41(80,"div",58),t.nI1(81,"globalConstant"),t.bIt("click",function(){return e.canAddMoreIds()?e.addAnotherId():null}),t.j41(82,"span"),t.EFF(83,"Add another ID"),t.k0s(),t.qSk(),t.j41(84,"svg",59),t.nrm(85,"path",60)(86,"path",61),t.k0s()()()(),t.joV(),t.j41(87,"div",62)(88,"div",27),t.nrm(89,"img",63),t.j41(90,"div",64)(91,"span",65),t.EFF(92,"Address details"),t.k0s(),t.j41(93,"div",66)(94,"span"),t.EFF(95,"Optional"),t.k0s()()()(),t.j41(96,"div",32)(97,"div",67)(98,"div",68)(99,"span",69),t.EFF(100,"Same as account holder's address"),t.k0s(),t.j41(101,"div",70)(102,"label",71)(103,"input",72),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.sameAsAccountHolder,r)||(e.formData.sameAsAccountHolder=r),r}),t.bIt("change",function(){return e.onAddressOptionChange(!0)}),t.k0s(),t.nrm(104,"span",73),t.j41(105,"span",74),t.EFF(106,"Yes"),t.k0s()(),t.j41(107,"label",71)(108,"input",72),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.sameAsAccountHolder,r)||(e.formData.sameAsAccountHolder=r),r}),t.bIt("change",function(){return e.onAddressOptionChange(!1)}),t.k0s(),t.nrm(109,"span",73),t.j41(110,"span",74),t.EFF(111,"No"),t.k0s()()()(),t.j41(112,"div",75)(113,"div",76)(114,"input",77),t.nI1(115,"globalConstant"),t.mxI("ngModelChange",function(r){return t.DH7(e.formData.address,r)||(e.formData.address=r),r}),t.k0s(),t.j41(116,"label",78),t.EFF(117,"Address"),t.k0s()()()()()()(),t.j41(118,"div",79)(119,"div",80),t.nrm(120,"img",81),t.k0s(),t.j41(121,"div",82)(122,"span"),t.EFF(123,"NOTE: You can add upto 10 friends and family"),t.k0s()()()(),t.j41(124,"div",83)(125,"button",84),t.bIt("click",function(){return e.onSkip()}),t.EFF(126,"Skip"),t.k0s(),t.j41(127,"button",85),t.bIt("click",function(){return e.onContinue()}),t.EFF(128,"Continue"),t.k0s()()()(),t.j41(129,"app-preconfirmation-popup",86),t.bIt("close",function(){return e.onClosePreconfirmPopup()})("confirm",function(){return e.onConfirmPreconfirmPopup()}),t.k0s(),t.j41(130,"app-success-popup",87),t.bIt("close",function(){return e.onCloseSuccessPopup()}),t.k0s(),t.j41(131,"app-error-popup",88),t.bIt("close",function(){return e.onCloseSubmissionErrorPopup()}
1),t.k0s(),t.DNE(132,xt,26,13,"div",89),t.k0s()),2&o&&(t.R7$(3),t.AVh("blurred",e.showPreconfirmPopup),t.R7$(47),t.AVh("dropdown-open",e.showBankDropdown),t.R7$(2),t.Y8G("src",e.getSelectedBankIcon(),t.B4B)("alt",e.getSelectedBankName()),t.R7$(2),t.JRh(e.getSelectedBankName()),t.R7$(),t.BMQ("data-tts",t.i5U(56,42,"changeBank","Profile")),t.R7$(3),t.Y8G("ngIf",e.showBankDropdown),t.R7$(),t.Y8G("ngIf",!e.showIfscField),t.R7$(),t.Y8G("ngIf",e.showIfscField),t.R7$(),t.Y8G("ngIf",e.showIfscField),t.R7$(8),t.BMQ("data-tts",t.i5U(70,45,"idDetailsInfoTts","Profile")),t.R7$(10),t.Y8G("ngForOf",e.formData.idDetails),t.R7$(),t.AVh("disabled",!e.canAddMoreIds()),t.BMQ("data-tts",t.i5U(81,48,"addAnotherId","Profile")),t.R7$(5),t.BMQ("stroke",e.canAddMoreIds()?"#F0792E":"#C4C4C4"),t.R7$(),t.BMQ("stroke",e.canAddMoreIds()?"#F0792E":"#C4C4C4"),t.R7$(17),t.Y8G("value",!0),t.R50("ngModel",e.formData.sameAsAccountHolder),t.BMQ("data-tts","Select yes option"),t.R7$(5),t.Y8G("value",!1),t.R50("ngModel",e.formData.sameAsAccountHolder),t.BMQ("data-tts","Select no option"),t.R7$(6),t.AVh("disabled",e.formData.sameAsAccountHolder),t.R50("ngModel",e.formData.address),t.Y8G("readonly",e.formData.sameAsAccountHolder),t.BMQ("data-tts",t.i5U(115,51,"enterAddress","Profile")),t.R7$(15),t.Y8G("isVisible",e.showPreconfirmPopup)("nickName",e.preconfirmData.nickName)("relationship",e.preconfirmData.relationship)("accountNumber",e.preconfirmData.accountNumber),t.R7$(),t.Y8G("isVisible",e.showSuccessPopup)("nickName",e.preconfirmData.nickName)("relationship",e.preconfirmData.relationship)("accountNumber",e.preconfirmData.accountNumber)("componentName","addAcquaintance"),t.R7$(),t.Y8G("isVisible",e.showSubmissionErrorPopup)("subMessage",e.messageDesc),t.R7$(),t.Y8G("ngIf",e.showIfscSearchModal))},dependencies:[f.Sq,f.bT,u.me,u.Fm,u.BC,u.tU,u.vS,k.u,X,J,v.M],styles:['[_ngcontent-%COMP%]:root{--swiper-navigation-size: 11px}.additional-details-wrapper[_ngcontent-%COMP%]{position:relative;width:100%;height:100%;overflow:visible}.additional-details-wrapper[_ngcontent-%COMP%] app-preconfirmation-popup[_ngcontent-%COMP%]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;filter:none!important;backdrop-filter:none!important}[_nghost-%COMP%] .ng-dropdown-panel{z-index:9999999!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important}[_nghost-%COMP%] .ng-dropdown-panel-above{z-index:9999999!important;position:fixed!important}[_nghost-%COMP%] .ng-select.ng-select-opened{z-index:9999998!important;position:relative!important}[_nghost-%COMP%] .ng-select.ng-select-opened .ng-dropdown-panel{z-index:9999999!important;position:fixed!important}[_nghost-%COMP%] .cdk-overlay-container, [_nghost-%COMP%] .cdk-overlay-pane{z-index:9999999!important}[_nghost-%COMP%] .ng-select-container{position:relative;z-index:1}.custom-size[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .main-heading[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%]{position:relative;z-index:auto;overflow:visible;transition:filter .3s ease}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%]{min-height:100vh;padding-bottom:80px}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%]{padding-bottom:80px}}.add-aquaintance-container.blurred[_ngcontent-%COMP%]{filter:blur(4px);isolation:isolate}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%]{position:relative;width:1920px;height:131px;padding-top:16px;background:var(--color-bg-acquaintance-flower);opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%] .background-flower-design[_ngcontent-%COMP%]{position:absolute;width:120px;height:120px;top:69.33px;opacity:1;transform:rotate(0);border-radius:50%}.add-aquaintance-container[_ngcontent-%COMP%] .background-design[_ngcontent-%COMP%] .background-flower-design[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{opacity:1}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%]{display:flex;gap:8px;position:relative;
1left:16px;width:472px;height:24px;align-items:center;opacity:1;transform:rotate(0);margin-bottom:16px}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%]{margin-left:16.276075vw}}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%]{background:none;border:none;padding:0;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%]:hover{background-color:var(--color-hover-overlay-dark-subtle)}.add-aquaintance-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .back-btn[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:24px;height:24px}.add-aquaintance-container[_ngcontent-%COMP%] .main-heading[_ngcontent-%COMP%]{font-weight:700;font-style:Bold;font-size:var(--fs-100);line-height:var(--lh-5);letter-spacing:var(--ls-015px);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;width:100%;margin:8px auto 16px 16px;overflow:visible;z-index:auto}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%]{align-items:center;width:100%;margin-left:20px;margin-right:auto;justify-items:center}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%]{margin-left:18.359375vw}}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%]{display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%]{width:154px;height:28px;opacity:1;transform:rotate(0);border-radius:32px;padding:4px 8px 4px 4px;background:var(--color-bg-surface);display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%]{width:20px;height:20px;margin-right:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Mulish;font-weight:600;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-1);flex-shrink:0;opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{font-family:Mulish;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;white-space:nowrap;opacity:1;transform:rotate(0);flex:1;min-width:0}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%]{width:auto;border:1px solid var(--color-border-light)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%]{background-color:var(--color-login-accent);color:var(--color-bg-surface)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.active[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{height:16px;color:var(--color-login-input-text);font-weight:600;flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.completed[_ngcontent-%COMP%] .step-cell[_ngcontent-%COMP%]{width:auto}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.completed[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%]{background-color:transparent;color:var(--color-bg-surface);display:flex;align-items:center;justify-content:center}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.completed[_ngcontent-%COMP%] .step-number[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:20px;height:20px;object-fit:contain}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step.completed[_ngcontent-%COMP%] .step-label[_ngcontent-%COMP%]{height:16px;color:var(--color-text-medium);font-weight:400;flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active):not(.completed) .step-cell[_ngcontent-%COMP%]{width:auto}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active):not(.completed) .step-number[_ngcontent-%COMP%]{background-color:var(--color-bg-step-inactive);color:var(--color-text-medium)}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step[_ngcontent-%COMP%]:not(.active):not(.completed) .step-label[_ngcontent-%COMP%]{height:16px;color:var(--color-text-medium);font-weight:400;flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .stepper-container[_ngcontent-%COMP%] .stepper[_ngcontent-%COMP%] .step-line[_ngcontent-%COMP%]{width:24px;height:0px;border:1px solid var(--color-border-light);flex-shrink:0;margin-left:8px;margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{display:flex;gap:12px;margin-left:16px;align-items:flex-start;margin-top:8px;overflow:visible;z-index:auto}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{flex-direction:column;width:91.11vw;margin-left:0}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .cards-container[_ngcontent-%COMP%]{flex-direction:column;gap:16px;margin-left:18.359375vw}}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px;overflow:visible;z-index:auto}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-card[_ngcontent-%COMP%]{width:45.67vw;height:auto;gap:20px;transform:rotate(0);opacity:1;border-radius:12px;border-width:1px;padding:16px;background:var(--color-bg-surface);box-shadow:var(--shadow-card-light-soft);border:none;margin-bottom:0;overflow:visible;z-index:2;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-card[_ngcontent-%COMP%]:has(.ifsc-search-container){z-index:999999!important}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .account-details-card[_ngcontent-%COMP%]{width:91.11vw}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .account-details-card[_ngcontent-%COMP%]{width:63.28125vw;padding:16px}}@media (min-width: 1921px){.add-aquaintance-container[_ngcontent-%COMP%] .account-details-card[_ngcontent-%COMP%]{width:60rem}}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]{width:45.67vw;min-height:172px;height:auto;gap:20px;opacity:1;transform:rotate(0);border-radius:16px;border-width:1px;padding:16px 16px 0;background:var(--color-bg-surface);border:1px solid var(--color-border-light);margin-bottom:0;overflow:visible;z-index:1;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]:has(.ifsc-search-container){z-index:999999!important}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]:has(.ng-select-opened){z-index:999999!important}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]{width:91.11vw}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]{width:63.28125vw}}@media (min-width: 1921px){.add-aquaintance-container[_ngcontent-%COMP%] .id-details-card[_ngcontent-%COMP%]{width:60rem}}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%]{width:100%;height:20px;transform:rotate(0);opacity:1;border-top-left-radius:12px;border-top-right-radius:12px;background:var(--color-bg-surface);display:flex;align-items:center;margin-bottom:20px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%] .id-icon[_ngcontent-%COMP%]{width:20px;height:20px;transform:rotate(0);opacity:1;margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%] .id-title-section[_ngcontent-%COMP%]{flex:1;height:20px;transform:rotate(0);opacity:1;display:flex;align-items:center;justify-content:space-between}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%] .id-title-section[_ngcontent-%COMP%] .id-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%] .id-title-section[_ngcontent-%COMP%] .optional-label[_ngcontent-%COMP%]{width:46px;height:20px;transform:rotate(0);padding-bottom:2px;opacity:1}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-header[_ngcontent-%COMP%] .id-title-section[_ngcontent-%COMP%] .optional-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:46px;height:16px;transform:rotate(0);opacity:1;font-family:Mulish;font-weight:400;font-style:Regular;font-size:var(--fs-070);line-height:var(--lh-7);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-medium)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%]{width:100%;height:auto;opacity:1;padding:0}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]{display:flex;gap:16px;margin-bottom:20px;width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]:last-child{margin-bottom:0}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]{flex-direction:column}}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]{width:100%;position:relative;pointer-events:auto}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%]{position:relative;width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%]{width:100%;height:48px;border:1px solid var(--color-border-light);border-radius:12px;background:var(--color-bg-surface);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;position:relative;transition:all .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%]:hover{border-color:var(--color-border-input-hover)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box.dropdown-open[_ngcontent-%COMP%]{border-color:var(--color-login-accent);border-radius:12px 12px 0 0}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%] .id-type-label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-family:Mulish;font-size:var(--fs-088);font-weight:400;color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%] .id-type-label.floated[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%] .id-type-value[_ngcontent-%COMP%]{font-family:Mulish;font-weight:500;font-size:var(--fs-081);color:var(--color-login-input-text);flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box[_ngcontent-%COMP%] .dropdown-arrow[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;position:absolute;right:10px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-display-box.dropdown-open[_ngcontent-%COMP%] .dropdown-arrow[_ngcontent-%COMP%]{transform:rotate(180deg);position:absolute;right:10px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%]{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-surface);border:1px solid var(--color-border-light-soft);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-dropdown-subtle);z-index:9999;max-height:200px;overflow-y:auto}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option[_ngcontent-%COMP%]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;background:var(--color-bg-surface)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option[_ngcontent-%COMP%]:hover{background:var(--color-bg-subtle)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option[_ngcontent-%COMP%]:hover .id-type-option-name[_ng
1content-%COMP%]{color:var(--color-login-accent)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option.selected[_ngcontent-%COMP%]{background:var(--color-bg-accent-light)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option.selected[_ngcontent-%COMP%] .id-type-option-name[_ngcontent-%COMP%]{color:var(--color-login-accent);font-weight:600}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option[_ngcontent-%COMP%]:last-child{border-radius:0 0 12px 12px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-type-dropdown-container[_ngcontent-%COMP%] .id-type-dropdown-options[_ngcontent-%COMP%] .id-type-option[_ngcontent-%COMP%] .id-type-option-name[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-088);color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%]{position:relative;pointer-events:auto}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);font-weight:400;color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px;z-index:10}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label.floated[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%]{position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;height:48px;padding:12px;border:1px solid var(--color-border-light);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{border-color:var(--color-border-light);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus + label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:not(:placeholder-shown) + label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-text-label)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%]{width:100%;margin-top:20px;margin-bottom:0}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]{max-width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%]{overflow:visible}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .calendar-style[_ngcontent-%COMP%]{position:absolute;right:14px;top:15px;pointer-events:none;z-index:3}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input.date-picker-style[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;cursor:pointer;color:transparent!important;-webkit-text-fill-color:transparent;border:none!important;border-radius:12px;background:transparent!important;opacity:1!important;padding:0;-webkit-appearance:none;appearance:none;max-width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input.date-picker-style[_ngcontent-%COMP%]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;margin:0;padding:0}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] .dob-display[_ngcontent-%COMP%]{position:relative;z-index:2;pointer-events:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] .dob-label[_ngcontent-%COMP%]{z-index:3;pointer-events:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .expiry-date-row[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] .dob-display.has-value[_ngcontent-%COMP%] ~ .dob-label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-text-label);background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%]{position:relative;width:100%;display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] input[type=text][readonly][_ngcontent-%COMP%]{width:100%;height:48px;padding:12px 44px 12px 12px;border:1px solid var(--color-border-light);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] input[type=text][readonly][_ngcontent-%COMP%]:focus{border-color:var(--color-border-light);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .hidden-date-picker[_ngcontent-%COMP%]{position:absolute;opacity:0;pointer-events:auto;z-index:-1;width:100%;height:100%;top:0;left:0;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s ease;z-index:10;background:transparent}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]:hover{background-color:#f0792e1a;transform:translateY(-50%) scale(1.05)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%]:active{transform:translateY(-50%) scale(.95);background-color:#f0792e33}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .custom-date-input[_ngcontent-%COMP%] .calendar-icon-container[_ngcontent-%COMP%] .calendar-icon[_ngcontent-%COMP%]{width:20px;height:20px;object-fit:contain;pointer-events:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px;z-index:5}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:focus ~ label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .floating-input.custom-date-input[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:not(:placeholder-shown) ~ label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-text-label)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button[_ngcontent-%COMP%]{width:calc(100% + 32px);height:48px;border-width:3px;padding:16px;position:relative;gap:8px;opacity:1;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:var(--color-bg-option-selected-hover);border:3px solid var(--color-bg-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:20px 0 0 -16px;transition:all .3s ease}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-size:var(--fs-088);line-height:var(--lh-3);letter-spacing:var(--ls-1);color:var(--color-login-accent);margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:16px;height:16px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button[_ngcontent-%COMP%]:hover{background:var(--color-bg-accent-peach-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent-button-hover)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button[_ngcontent-%COMP%]:active{transform:translateY(0);background:var(--color-bg-option-selected-hover)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button.disabled[_ngcontent-%COMP%]{background:var(--color-bg-disabled);border-color:var(--color-bg-disabled);cursor:not-allowed;opacity:.6}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button.disabled[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:var(--color-text-disabled)}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button.disabled[_ngcontent-%COMP%]:hover{background:var(--color-bg-disabled);transform:none;box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .add-another-id-button.disabled[_ngcontent-%COMP%]:active{transform:none}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-row[_ngcontent-%COMP%]{margin-bottom:20px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-row[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:16px}.add-aquaintance-container[_ngcontent-%COMP%] .id-details-content[_ngcontent-%COMP%] .id-row[_ngcontent-%COMP%] .form-row[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]{flex:1}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%]{width:100%;height:20px;transform:rotate(0);opacity:1;border-top-left-radius:12px;border-top-right-radius:12px;background:var(--color-bg-surface);display:flex;align-items:center;margin-bottom:20px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%] .account-icon[_ngcontent-%COMP%]{width:20px;height:20px;transform:rotate(0);opacity:1;margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%] .account-title-section[_ngcontent-%COMP%]{flex:1;height:20px;transform:rotate(0);opacity:1;display:flex;align-items:center;justify-content:space-between}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%] .account-title-section[_ngcontent-%COMP%] .account-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-088);line-height:var(--lh-5);letter-spacing:var(--ls-4);vertical-align:middle;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%] .account-title-section[_ngcontent-%COMP%] .optional-label[_ngcontent-%COMP%]{width:46px;height:24px;transform:rotate(0);padding-bottom:5px;opacity:1}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-header[_ngcontent-%COMP%] .account-title-section[_ngcontent-%COMP%] .optional-label[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{width:46px;height:16px;transform:rotate(0);opacity:1;font-family:Mulish;font-weight:400;font-style:Regular;font-size:var(--fs-070);line-height:var(--lh-5);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-medium)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%]{overflow:visible;z-index:auto}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%]{width:100%;height:auto;gap:8px;transform:rotate(0);opacity:1;overflow:visible;z-index:auto}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%]{width:100%;height:auto;gap:8px;transform:rotate(0);opacity:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%]{display:flex;gap:16px;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%]{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%] input[type=radio][_ngcontent-%COMP%]{position:absolute;opacity:0;width:0;height:0}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%] .custom-radio[_ngcontent-%COMP%]{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border-light-soft);position:relative;display:inline-block;transition:all .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%
1COMP%] .radio-label[_ngcontent-%COMP%]{width:auto;height:20px;font-family:Mulish;font-weight:400;font-size:var(--fs-075);line-height:var(--lh-5);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-medium);transition:all .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%] input[type=radio][_ngcontent-%COMP%]:checked + .custom-radio[_ngcontent-%COMP%]{width:14px;height:14px;border:4px solid var(--color-login-accent);border-radius:50%}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%] input[type=radio][_ngcontent-%COMP%]:checked + .custom-radio[_ngcontent-%COMP%] + .radio-label[_ngcontent-%COMP%]{font-weight:600;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%]{width:100%;height:auto;gap:8px;transform:rotate(0);opacity:1;margin-bottom:20px;overflow:visible;z-index:99999999;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%]{width:100%;height:16px;gap:8px;transform:rotate(0);opacity:1;margin-bottom:12px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .row-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-style:SemiBold;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-text-dark)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%]{width:100%;height:48px;gap:12px;transform:rotate(0);opacity:1;border-radius:12px;border-width:1px;padding:12px 16px;background:var(--color-bg-subtle);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%] .bank-info[_ngcontent-%COMP%]{width:428px;height:24px;gap:8px;transform:rotate(0);opacity:1;display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%] .bank-info[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:24px;height:24px;transform:rotate(0);opacity:1;border-radius:4px;border-width:.86px;background:var(--color-bg-surface);border:.86px solid var(--color-border-light);margin-right:8px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%] .bank-info[_ngcontent-%COMP%] .bank-name[_ngcontent-%COMP%]{width:100%;height:20px;gap:4px;transform:rotate(0);opacity:1;margin-right:8px;font-family:Mulish;font-weight:500;font-style:Medium;font-size:var(--fs-081);line-height:var(--lh-5);letter-spacing:var(--ls-1);vertical-align:middle;color:var(--color-login-input-text)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%] .edit-icon[_ngcontent-%COMP%]{width:20px;height:20px;transform:rotate(0);opacity:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .select-bank-box[_ngcontent-%COMP%] .edit-icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:16px;height:16px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%]{position:relative;width:100%;z-index:99999!important}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%]{width:100%;height:48px;gap:12px;opacity:1;border-radius:12px;border:1px solid var(--color-border-light);padding:12px 16px;background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;position:relative;z-index:99999!important}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%]:hover{box-shadow:var(--shadow-subtle-card)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box.dropdown-open[_ngcontent-%COMP%]{border-bottom-left-radius:0;border-bottom-right-radius:0}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .selected-bank-info[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .selected-bank-info[_ngcontent-%COMP%] .bank-icon[_ngcontent-%COMP%]{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg-surface);object-fit:contain}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .selected-bank-info[_ngcontent-%COMP%] .bank-name[_ng
1content-%COMP%]{font-family:Mulish;font-weight:500;font-size:var(--fs-081);line-height:var(--lh-5);letter-spacing:var(--ls-1);color:var(--color-login-input-text)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .edit-icon[_ngcontent-%COMP%]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .edit-icon[_ngcontent-%COMP%]:hover{transform:scale(1.1)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-display-box[_ngcontent-%COMP%] .edit-icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:16px;height:16px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%]{position:absolute;top:105%;left:0;right:0;background:var(--color-bg-surface);border-top:none;box-shadow:var(--shadow-modal-dropdown);z-index:999999999!important;overflow:hidden;border-radius:12px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%]{padding:12px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%]:hover{background:var(--color-bg-option-selected-hover)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option.selected[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option.selected[_ngcontent-%COMP%] .bank-option-name[_ngcontent-%COMP%]{color:var(--color-login-input-text)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%] .bank-option-icon[_ngcontent-%COMP%]{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg-surface);object-fit:contain}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .account-row[_ngcontent-%COMP%] .bank-selection-container[_ngcontent-%COMP%] .bank-dropdown-options[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%] .bank-option-name[_ngcontent-%COMP%]{font-family:Mulish;font-weight:500;font-size:var(--fs-081);line-height:var(--lh-5);letter-spacing:var(--ls-1);color:var(--color-login-input-text)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .input-row-2[_ngcontent-%COMP%]{width:100%;height:auto;gap:16px;transform:rotate(0);opacity:1;display:flex;margin-bottom:20px;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .input-row-2[_ngcontent-%COMP%]:has(.ifsc-search-container){z-index:999999!important;isolation:isolate!important}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .input-row-2[_ngcontent-%COMP%]{flex-direction:column}}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .input-row-3[_ngcontent-%COMP%]{width:100%;height:auto;gap:16px;transform:rotate(0);opacity:1;display:flex;margin-bottom:0}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]{flex:1;width:100%;position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .form-group[_ngcontent-%COMP%]:has(.ifsc-search-container){z-index:999999!important;position:relative!important;isolation:isolate!important}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%] .bank-option-icon[_ngcontent-%COMP%]{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg-surface)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .bank-option[_ngcontent-%COMP%] .bank-option-name[_ng
1content-%COMP%]{font-family:Mulish;font-weight:500;font-size:var(--fs-081);line-height:var(--lh-5);letter-spacing:var(--ls-1);color:var(--color-login-input-text)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%]{position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);font-weight:400;color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px;z-index:10}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%] .dropdown-label.floated[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%]{position:relative}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;height:48px;padding:12px;border:1px solid var(--color-border-light);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{border-color:var(--color-border-light);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:36px;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus + label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:not(:placeholder-shown) + label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-text-label)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%]{margin-top:22px;width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%]{width:100%}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;min-height:84px;height:auto;padding:12px;border:1px solid var(--color-border-light);border-radius:12px;font-size:var(--fs-081);outline:none;background:var(--color-bg-surface);color:var(--color-text-dark);opacity:1;transform:rotate(0)}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{border-color:var(--color-border-light);box-shadow:none}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input.disabled[_ngcontent-%COMP%]{background:var(--color-bg-disabled);color:var(--color-text-placeholder);cursor:not-allowed}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--fs-088);color:var(--color-text-label);pointer-events:none;transition:all .2s ease;background:var(--color-bg-surface);padding:0 4px}.add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus:not(.disabled) + label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .account-details-content[_ngcontent-%COMP%] .address-input-wrapper[_ngcontent-%COMP%] .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:not(:placeholder-shown):not(.disabled) + label[_ngcontent-%COMP%]{top:-9px;left:8px;transform:translateY(0);font-size:var(--fs-075);font-weight:500;color:var(--color-text-label)}.add-aquaintance-container[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%]:has(.ng-select.ng-has-value) .dropdown-label[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .floating-dropdown[_ngcontent-%COMP%]:has(.ng-select.ng-select-focused) .dropdown-label[_ngcontent-%COMP%]{top:-9px!important;left:8px!important;font-size:var(--fs-075)!important;font-weight:500!important;color:var(--color-text-label)!important;transform:translateY(0)!important}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:308px;height:72px;border-radius:12px;border:1px solid var(--color-border-light);padding:16px;background:var(--color-bg-surface);opacity:1;transform:rotate(0);display:flex;align-items:center;gap:12px}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:91.11vw}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%]{width:63.28125vw}}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .icon-div[_ngcontent-%COMP%]{width:38px;height:38px;opacity:1;transform:rotate(0);display:flex;align-items:center;justify-content:center;border-radius:4px}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .icon-div[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:100%;max-height:100%;object-fit:contain}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%]{width:226px;height:40px;opacity:1;transform:rotate(0);display:flex;align-items:center}.add-aquaintance-container[_ngcontent-%COMP%] .side-info-card[_ngcontent-%COMP%] .info-div[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-style:normal;font-size:var(--fs-075);line-height:var(--lh-5);letter-spacing:var(--ls-1);color:var(--color-text-medium);margin:0}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%]{display:flex;gap:16px;margin-top:20px;margin-left:16px;margin-bottom:24px;max-width:45.67vw}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%]{flex-direction:column;width:100vw;position:fixed;left:0;z-index:9999;background:var(--color-bg-surface);box-shadow:var(--shadow-top-sticky);margin:0 14px 0 -14px;padding:14px;max-width:unset}}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%]{justify-content:center;width:100vw;margin:50px 0 0;padding:12px 16px;position:fixed;z-index:9999;background:var(--color-bg-surface);box-shadow:var(--shadow-top-sticky);max-width:unset}}@media (min-width: 1921px){.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%]{width:60rem}}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{height:44px;border-radius:12px;padding:14px 12px;font-family:Mulish;font-weight:600;font-size:var(--fs-088);line-height:var(--lh-3);letter-spacing:var(--ls-1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:1px solid;width:50%}@media (min-width: 768px) and (max-width: 1024px){.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{width:235px}}@media (max-width: 767px){.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%], .add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{width:unset}}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%]{background:var(--color-bg-surface);border-color:var(--color-login-accent);color:var(--color-login-accent)}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%]:hover{background:var(--color-login-accent);color:var(--color-bg-surface);transform:translateY(-1px);box-shadow:var(--shadow-accent-soft)}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .skip-btn[_ngcontent-%COMP%]:active{transform:translateY(0);box-shadow:var(--shadow-accent-soft)}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]{background:linear-gradient(0deg,var(--color-login-accent),var(--color-login-accent)),linear-gradient(180deg,var(--color-gradient-overlay-light) 0%,transparent 100%);border-image-source:linear-gradient(180deg,var(--color-gradient-overlay-medium) 0%,transparent 100%);border-color:var(--color-login-accent);color:var(--color-bg-surface)}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-accent-soft)}.add-aquaintance-container[_ngcontent-%COMP%] .action-buttons-container[_ngcontent-%COMP%] .continue-btn[_ngcontent-%COMP%]:active{transform:translateY(0);box-shadow:var(--shadow-accent-soft)}.add-aquaintance-container[_ngcontent-%COMP%] .tooltip-container[_ngcontent-%COMP%]{position:relative;display:inline-block}.add-aquaintance-container[_ngcontent-%COMP%] .tooltip-text[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-075);line-height:var(--lh-3);letter-spacing:var(--ls-1);visibility:hidden;
1width:200px;background-color:var(--color-alias-id-text);color:var(--color-bg-surface);border-radius:8px;padding:8px 12px;position:absolute;z-index:999999;top:50%;left:25px;transform:translateY(-50%);opacity:0;transition:opacity .3s}.add-aquaintance-container[_ngcontent-%COMP%] .tooltip-text[_ngcontent-%COMP%]:after{content:"";position:absolute;top:50%;left:-10px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--color-alias-id-text) transparent transparent;z-index:2}.add-aquaintance-container[_ngcontent-%COMP%] .tooltip-container[_ngcontent-%COMP%]:hover .tooltip-text[_ngcontent-%COMP%]{visibility:visible;opacity:1}.add-aquaintance-container[_ngcontent-%COMP%] .info-icon[_ngcontent-%COMP%]{width:14px;height:14px;margin-left:2px;opacity:1;cursor:pointer}.add-aquaintance-container[_ngcontent-%COMP%] .d-flex[_ngcontent-%COMP%]{display:flex}.add-aquaintance-container[_ngcontent-%COMP%] .gap-1[_ngcontent-%COMP%]{gap:4px}.add-aquaintance-container[_ngcontent-%COMP%] .align-items-end[_ngcontent-%COMP%]{align-items:flex-end}.error-message[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;color:var(--color-error-red);font-size:var(--fs-075);font-weight:400;margin-top:4px;margin-left:0;line-height:var(--lh-relaxed);font-family:Mulish}.error-message[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:var(--fs-075);color:var(--color-error-red);flex-shrink:0}@media (max-width: 767px){.error-message[_ngcontent-%COMP%]{font-size:var(--fs-070);margin-top:3px}.error-message[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:var(--fs-070)}}@media (min-width: 768px) and (max-width: 1024px){.error-message[_ngcontent-%COMP%]{font-size:var(--fs-075);margin-top:4px}}.form-group[_ngcontent-%COMP%]:has(.error-message) .floating-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-color:var(--color-error-red)!important}.form-group[_ngcontent-%COMP%]:has(.error-message) .occupation-dropdown[_ngcontent-%COMP%]{border-color:var(--color-error-red)!important}.form-group[_ngcontent-%COMP%]:has(.error-message) .floating-dropdown[_ngcontent-%COMP%] .occupation-dropdown[_ngcontent-%COMP%]{border-color:var(--color-error-red)!important}.form-group[_ngcontent-%COMP%]:has(.error-message) .ifsc-search-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-color:var(--color-error-red)!important}.ifsc-search-container[_ngcontent-%COMP%]{position:relative;z-index:9999999999!important;isolation:isolate!important}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-search-icon[_ngcontent-%COMP%]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-label);font-size:var(--fs-100);z-index:2;pointer-events:none}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-close-icon[_ngcontent-%COMP%]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-medium);font-size:var(--fs-100);z-index:2;cursor:pointer;transition:color .2s ease}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-close-icon[_ngcontent-%COMP%]:hover{color:var(--color-text-dark)}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-search-input[_ngcontent-%COMP%]{padding-left:40px!important;padding-right:40px!important}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%]{position:absolute!important;top:120%!important;left:0!important;right:0!important;background:var(--color-bg-surface)!important;border:1px solid var(--color-border-light)!important;border-top:none!important;border-radius:12px!important;box-shadow:var(--shadow-ifsc-dropdown)!important;z-index:9999999999!important;max-height:240px!important;overflow-y:auto!important;transform:translateZ(0)!important;will-change:transform!important}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%]::-webkit-scrollbar{width:6px}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:4px}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%] .ifsc-dropdown-item[_ngcontent-%COMP%]{padding:10px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%] .ifsc-dropdown-item[_ngcontent-%COMP%]:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%] .ifsc-dropdown-item[_ngcontent-%COMP%]:hover{background-color:var(--color-bg-option-selected-hover)}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%] .ifsc-dropdown-item[_ngcontent-%COMP%] .ifsc-branch[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-075);line-height:var(--lh-3);color:var(--color-text-dark);flex:1;text-align:left}.ifsc-search-container[_ngcontent-%COMP%] .ifsc-dropdown-panel[_ngcontent-%COMP%] .ifsc-dropdown-item[_ngcontent-%COMP%] .ifsc-code[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-075);line-height:var(--lh-3);color:var(--color-text-medium);text-align:right;white-space:nowrap;margin-left:12px}.bg-transparent[_ngcontent-%COMP%]{background:transparent}
1#address-details[_ngcontent-%COMP%]{z-index:0} .mat-form{height:37px!important;margin-top:15px}@media (max-width: 767px){ .mat-form{width:100%;margin:0 0 16px}}.mat-calender-div[_ngcontent-%COMP%]{display:flex;justify-content:end;margin:-28px 7px 0 0}.mat-calender-div.active[_ngcontent-%COMP%]{display:flex!important;justify-content:space-between!important;margin:-5px 7px 0 0!important} .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label{margin:-17px 0 6px} .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{margin:0!important} .mat-calendar-body-selected{background:var(--color-login-accent)!important} .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:var(--color-login-accent)!important} .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input{transition:opacity .15s linear!important} .mat-datepicker-toggle-active .mat-datepicker-toggle-default-icon{color:var(--color-login-accent)!important} .mat-mdc-text-field-wrapper{height:50px!important;width:20.9vw!important}@media (max-width: 767px){ .mat-mdc-text-field-wrapper{width:auto!important}} .mat-mdc-form-field:not(.mat-focused) .mdc-text-field:hover{box-shadow:var(--shadow-subtle-card)!important;border:none;border-radius:12px} .mat-mdc-form-field .mdc-notched-outline{border-color:var(--color-border-light)!important} .mat-mdc-form-field.mat-focused .mdc-notched-outline{border:1px solid var(--color-login-accent)!important;border-radius:12px!important} .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:transparent!important} .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{background-color:transparent!important} .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch{border-color:transparent!important} .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none!important} .mat-mdc-form-field-flex{height:44px!important} .mat-mdc-form-field:not(.mat-focused) .mdc-text-field{border:1px solid var(--color-border-light)!important;border-radius:12px!important;box-shadow:none!important;box-sizing:border-box} .mat-mdc-form-field:not(.mat-focused) .mdc-notched-outline, .mat-mdc-form-field:not(.mat-focused) .mdc-notched-outline__leading, .mat-mdc-form-field:not(.mat-focused) .mdc-notched-outline__trailing, .mat-mdc-form-field:not(.mat-focused) .mdc-notched-outline__notch{border:none!important} .mat-calendar-body-cell{transition:background-color .3s ease} .mat-calendar-body-cell:hover .mat-calendar-body-cell-content{background-color:var(--color-border-light)!important} .mat-calendar-body-active .mat-calendar-body-today{color:var(--color-bg-surface)!important;background-color:var(--color-login-accent)!important} .mat-datepicker-content{border-radius:8px!important;box-shadow:var(--shadow-datepicker)!important;border:1px solid var(--color-border-light);top:.25rem;position:relative} .mat-calendar-body-label{display:none!important} .mat-calendar-controls{margin-top:0!important} .mat-calendar-table-header-divider:after{background:none!important} .mat-datepicker-content .mat-calendar{height:auto!important} .mat-calendar-table-header th:nth-child(1) span:after{content:"Sun"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(2) span:after{content:"Mon"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(3) span:after{content:"Tue"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(4) span:after{content:"Wed"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(5) span:after{content:"Thu"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(6) span:after{content:"Fri"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th:nth-child(7) span:after{content:"Sat"!important;font-size:var(--fs-075);color:var(--color-text-dark);font-family:Mulish;font-weight:600} .mat-calendar-table-header th span{font-size:0!important} .cdk-overlay-container{z-index:9999999!important}.ifsc-field-wrapper[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px}.ifsc-field-wrapper[_ngcontent-%COMP%] .ifsc-search-container[_ngcontent-%COMP%]{flex:1}.ifsc-field-wrapper[_ngcontent-%COMP%] .ifsc-search-btn[_ngcontent-%COMP%]{height:44px;padding:0 16px;border:none;border-radius:12px;background:var(--color-login-accent);color:var(--color-bg-surface);font-family:Mulish;font-weight:600;font-size:var(--fs-070);line-height:var(--lh-3);letter-spacing:var(--ls-1);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s ease}.ifsc-field-wrapper[_ngcontent-%COMP%] .ifsc-search-btn[_ngcontent-%COMP%]:hover{background:var(--color-login-accent-dark)}.ifsc-modal-overlay[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-overlay-dark);z-index:99999;display:flex;align-items:center;justify-content:center}.ifsc-modal-container[_ngcontent-%COMP%]{background:var(--color-bg-surface);border-radius:16px;width:580px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-modal-elevated);position:relative;padding:24px}@media (max-width: 767px){.ifsc-modal-container[_ngcontent-%COMP%]{width:100%;max-width:100%;border-radius:12px 12px 0 0;position:fixed;bottom:0;max-height:90vh}}.ifsc-modal-close[_ngcontent-%COMP%]{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:0}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-heading[_ngcontent-%COMP%]{font-family:Mulish;font-weight:700;font-size:var(--fs-100);line-height:var(--lh-5);color:var(--color-text-dark);text-transform:uppercase;margin-bottom:16px}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field-row[_ngcontent-%COMP%]{display:flex;gap:16px}@media (max-width: 767px){.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field-row[_ngcontent-%COMP%]{flex-direction:column}}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;gap:4px}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field[_ngcontent-%COMP%] .ifsc-modal-label[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-size:var(--fs-075);line-height:var(--lh-3);color:var(--color-text-medium)}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field[_ngcontent-%COMP%] .ifsc-modal-input[_ngcontent-%COMP%]{height:44px;border:1px solid var(--color-border-light);border-radius:12px;padding:0 12px;background:var(--color-bg-input-surface);font-family:Mulish;font-weight:400;font-size:var(--fs-088);color:var(--color-login-input-text);outline:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field[_ngcontent-%COMP%] .ifsc-modal-input[_ngcontent-%COMP%]::placeholder{color:var(--color-login-placeholder)}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-fields[_ngcontent-%COMP%] .ifsc-modal-field[_ngcontent-%COMP%] .ifsc-modal-input[_ngcontent-%COMP%]:focus{border-color:var(--color-login-accent)}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-error[_ngcontent-%COMP%]{font-family:Mulish;font-size:var(--fs-075);color:var(--color-error-red);margin-top:8px}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-actions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:16px;margin-top:16px}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-actions[_ngcontent-%COMP%] .ifsc-modal-search-btn[_ngcontent-%COMP%]{background:linear-gradient(0deg,var(--color-login-accent),var(--color-login-accent));border:none;color:var(--color-bg-surface);border-radius:12px;height:40px;padding:0 24px;font-family:Mulish;font-weight:600;font-size:var(--fs-070);letter-spacing:var(--ls-1);text-transform:uppercase;cursor:pointer}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-actions[_ngcontent-%COMP%] .ifsc-modal-search-btn[_ngcontent-%COMP%]:disabled{background:var(--color-border-light);color:var(--color-text-label);cursor:not-allowed}.ifsc-modal-content[_ngcontent-%COMP%] .ifsc-modal-actions[_ngcontent-%COMP%] .ifsc-modal-cancel[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-size:var(--fs-070);letter-spacing:var(--ls-1);text-transform:uppercase;color:var(--color-login-accent);cursor:pointer}.ifsc-modal-results[_ngcontent-%COMP%]{margin-top:16px;border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-results-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;background:var(--color-login-input-bg-focus);padding:10px 16px}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-results-header[_ngcontent-%COMP%] .ifsc-modal-col-branch[_ngcontent-%COMP%], .ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-results-header[_ngcontent-%COMP%] .ifsc-modal-col-code[_ngcontent-%COMP%]{font-family:Mulish;font-weight:700;font-size:var(--fs-075);color:var(--color-bg-surface);text-transform:uppercase}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-results-header[_ngcontent-%COMP%] .ifsc-modal-results-count[_ngcontent-%COMP%]{font-weight:400;font-size:var(--fs-070);text-transform:none}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-results-body[_ngcontent-%COMP%]{max-height:250px;overflow-y:auto}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%]:last-child{border-bottom:none}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-result-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:2px}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-result-info[_ngcontent-%COMP%] .ifsc-modal-branch-name[_ng
1content-%COMP%]{font-family:Mulish;font-weight:600;font-size:var(--fs-081);color:var(--color-text-dark)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-result-info[_ngcontent-%COMP%] .ifsc-modal-ifsc-code[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-075);color:var(--color-text-medium)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-result-info[_ngcontent-%COMP%] .ifsc-modal-bank-name[_ngcontent-%COMP%]{font-family:Mulish;font-weight:400;font-size:var(--fs-070);color:var(--color-text-label)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-select-btn[_ngcontent-%COMP%]{background:none;border:1px solid var(--color-login-accent);color:var(--color-login-accent);border-radius:8px;padding:6px 16px;font-family:Mulish;font-weight:600;font-size:var(--fs-075);cursor:pointer;transition:all .2s ease}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-result-row[_ngcontent-%COMP%] .ifsc-modal-select-btn[_ngcontent-%COMP%]:hover{background:var(--color-login-accent);color:var(--color-bg-surface)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-pagination[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border-light)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-pagination[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:28px;height:28px;border:1px solid var(--color-text-secondary);border-radius:50%;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-088);color:var(--color-text-secondary)}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-pagination[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{opacity:.4;cursor:not-allowed}.ifsc-modal-results[_ngcontent-%COMP%] .ifsc-modal-pagination[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:Mulish;font-weight:600;font-size:var(--fs-070);color:var(--color-text-dark)} [data-contrast=dark] .edit-icon img{filter:brightness(3.85) contrast(1.2)} [data-contrast=dark] .ifsc-modal-close img{filter:brightness(3.85) contrast(1.2)}']})}}return i})()}];let Ot=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275mod=t.$C({type:i})}static{this.\u0275inj=t.G2t({imports:[b.iI.forChild(Pt),b.iI]})}}return i})(),vt=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275mod=t.$C({type:i})}static{this.\u0275inj=t.G2t({imports:[f.MD,u.YN,u.X1,M.MQ,D.G,N.z,Ot]})}}return i})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.