@adyen/kyc-components 4.25.2 → 4.26.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (450) hide show
  1. package/dist/{4-people-DKuivE0m.js → 4-people-CAxQpi_3.js} +2 -2
  2. package/dist/{AcceptTermsOfServiceWorkflow-BKWCrZdZ.js → AcceptTermsOfServiceWorkflow-Dqbo6l6E.js} +4 -4
  3. package/dist/{Accordion-D_DOaWj2.js → Accordion-BAdwrgCR.js} +4 -24
  4. package/dist/{AccountSetupRejected-BtcxtVKO.js → AccountSetupRejected-BiFdVnlI.js} +3 -4
  5. package/dist/{NodeRenderer-Z10yF5MV.js → AdaptiveWorkflow-Cl6sIKYm.js} +87 -34
  6. package/dist/{AdaptiveWorkflowComponent-C4Q6NVtv.js → AdaptiveWorkflowComponent-DTvjszP9.js} +32 -33
  7. package/dist/{AddressFields-CFG2_P0x.js → AddressFields-DSJ_dDIS.js} +21 -27
  8. package/dist/{Avatar-k5lNd5KG.js → Avatar-C2zeqSSB.js} +10 -8
  9. package/dist/{BusinessFinancingDropin-BjTnxk__.js → BusinessFinancingDropin-BZsQMeo9.js} +61 -71
  10. package/dist/{BusinessFinancingPage-C4dAslMp.js → BusinessFinancingPage-BilT7QB1.js} +7 -7
  11. package/dist/{BusinessRegistrationNumberField-Dz1uGvRQ.js → BusinessRegistrationNumberField-CBEz-yoj.js} +7 -8
  12. package/dist/{BusinessRegistrationNumberFieldGroup-BFPrFa1_.js → BusinessRegistrationNumberFieldGroup-CkoC1zF3.js} +7 -8
  13. package/dist/{BusinessTypeSelectionPage-DeWD37jR.js → BusinessTypeSelectionPage-CIO175KD.js} +16 -17
  14. package/dist/{Button-BxdC8cVB.js → Button-Dwr6jvJZ.js} +2 -2
  15. package/dist/Checkbox-CpzEl3ji.js +114 -0
  16. package/dist/{ComponentGroup-S6c3rVoX.js → ComponentGroup-BjjCPKWY.js} +4 -4
  17. package/dist/{ConstitutionalDocument-CNNhKkzD.js → ConstitutionalDocument-C_ZgPp87.js} +25 -28
  18. package/dist/{ContactDetails-_HCOKj3-.js → ContactDetails-DHHlpdct.js} +8 -13
  19. package/dist/{ContextGuidance-v-d9RQuo.js → ContextGuidance-SHSxyen7.js} +3 -3
  20. package/dist/CountryField-DUANNyWK.js +56 -0
  21. package/dist/{Currency-3Z9i_AhY.js → Currency-DFgCZFeZ.js} +10 -12
  22. package/dist/{CustomerSupport-B0UJHtAq.js → CustomerSupport-8Gp9EPcW.js} +17 -17
  23. package/dist/DateField-DfkL_Acw.js +73 -0
  24. package/dist/{DebugModal-CR4CRxIH.js → DebugModal-DrmTRJup.js} +12 -17
  25. package/dist/{DecisionMakerDetails-RF9BoMYF.js → DecisionMakerDetails-DSuWWQR3.js} +21 -24
  26. package/dist/{DecisionMakerDetailsPage-DY0nuFUI.js → DecisionMakerDetailsPage-DvaF8JWQ.js} +43 -40
  27. package/dist/{DecisionMakers-qRoXooYA.js → DecisionMakers-HjFvfukQ.js} +55 -61
  28. package/dist/{DetailViewLayout-DNCGEd7b.js → DetailViewLayout-DJgAzdlZ.js} +8 -6
  29. package/dist/{Dropzone-cewfCgXt.js → Dropzone-CM9xNqdS.js} +8 -8
  30. package/dist/EmailField-CIMaH5h8.js +61 -0
  31. package/dist/{EmbeddedStatus-Keg7UojY.js → EmbeddedStatus-4YjyzkcD.js} +4 -4
  32. package/dist/{EndStateLayout-GHEYl82p.js → EndStateLayout-C5Pqler-.js} +3 -3
  33. package/dist/{EntityAssociation-BPtrqdQR.js → EntityAssociation-mOKgAoTo.js} +7 -7
  34. package/dist/{ErrorPanel-PefRq1M4.js → ErrorPanel-MWL7vQHx.js} +24 -19
  35. package/dist/{GlobalEntryModal-De-1eJCW.js → GlobalEntryModal-CLTA41r-.js} +191 -75
  36. package/dist/{GlobalEntryPage-D8fuYItP.js → GlobalEntryPage-CxXk05KE.js} +10 -10
  37. package/dist/Icon-_YUEZg1p.js +175 -0
  38. package/dist/{IdentityNumber-Cz6-4YcM.js → IdentityNumber-DA8DOgxH.js} +10 -12
  39. package/dist/{IdentityNumberFieldGroup-D2PV_4A5.js → IdentityNumberFieldGroup-D4MTWr-z.js} +16 -14
  40. package/dist/{IdentityScreeningWorkflow-mbcaIctn.js → IdentityScreeningWorkflow-DfI-6mXR.js} +16 -16
  41. package/dist/{Image-Bn_Yyuof.js → Image-CxnjHtP1.js} +1 -1
  42. package/dist/{IndividualDropin-Bg0cL1Rf.js → IndividualDropin-B70zK0AA.js} +266 -281
  43. package/dist/{IndustryCodeFieldGroup-DmOqxPIg.js → IndustryCodeFieldGroup-CHPfvz-_.js} +9 -10
  44. package/dist/{InputDate-B0RNGCq2.js → InputDate-BSxqqg_B.js} +6 -29
  45. package/dist/InputDate.utils-D4Ov0KIl.js +25 -0
  46. package/dist/{InputGroup-B4U3QVEp.js → InputGroup-Bv005B22.js} +7 -6
  47. package/dist/{InputText-CwPK55J0.js → InputText-DIesIpnW.js} +42 -4
  48. package/dist/{Introduction-DFW6EaLG.js → Introduction--U4NyUxq.js} +9 -9
  49. package/dist/{InvitedDecisionMakerComponent-B-ey6hBS.js → InvitedDecisionMakerComponent-DIBX_HRF.js} +45 -45
  50. package/dist/{JpAddressFields-CzGnXBMk.js → JpAddressFields-OgKOVHI0.js} +13 -13
  51. package/dist/{LegalCompanyNameField-CV2EgRCw.js → LegalCompanyNameField-wgWJRR84.js} +5 -5
  52. package/dist/{LegalRepresentativeDetailsPage-BDG0ML64.js → LegalRepresentativeDetailsPage-BFtn7wzQ.js} +35 -34
  53. package/dist/{Link-C3dYYTm_.js → Link-D0Yqc2r0.js} +7 -6
  54. package/dist/{List-ywoRPg-q.js → List-qvNxW9lm.js} +3 -2
  55. package/dist/{ListItem-CHGVbHhB.js → ListItem-DY-qq1lS.js} +29 -4
  56. package/dist/{Loader-BVtlpTeo.js → Loader-BDaKGf77.js} +1 -1
  57. package/dist/{Modal-Dq44ZUNN.js → Modal-C-T-spfu.js} +25 -5
  58. package/dist/{Name-BfQr3et_.js → Name-C8NOxqDE.js} +5 -5
  59. package/dist/NumberField-CUGWeVc9.js +60 -0
  60. package/dist/{PatriotActDisclosure-BNAsJXEL.js → PatriotActDisclosure-CWcGyfuA.js} +11 -12
  61. package/dist/{PayoutDetailsDropin-NyizAaYy.js → PayoutDetailsDropin-CZT8xUPC.js} +163 -158
  62. package/dist/{PayoutDetailsPage-CoE94WE6.js → PayoutDetailsPage-C54-v6yl.js} +10 -9
  63. package/dist/{Review-CzgmjDcZ.js → Review-CYIwvp62.js} +25 -24
  64. package/dist/{RootBusinessDetailsPage-MdKN-iNS.js → RootBusinessDetailsPage-CI8iAty4.js} +9 -7
  65. package/dist/{RootBusinessLinesPage-Dv1uT7OS.js → RootBusinessLinesPage-ZPaIqKwi.js} +48 -53
  66. package/dist/{RootIndividualDetailsPage-PkcLN0El.js → RootIndividualDetailsPage-ApOJRs0B.js} +42 -39
  67. package/dist/{Select-prMx73V9.js → Select-DwuMMZWv.js} +330 -19
  68. package/dist/{SignPCIComponent-CIkdVNH2.js → SignPCIComponent-B4D4nPDO.js} +19 -23
  69. package/dist/{SingpassSelection-B6NONcr4.js → SingpassSelection-vy5Stz5H.js} +7 -7
  70. package/dist/Skeleton-7xDqhYr-.js +30 -0
  71. package/dist/{SoleProprietorshipPage-_aY8GRDx.js → SoleProprietorshipPage-dyEpmmk3.js} +7 -7
  72. package/dist/{SourceOfFundsPage-B5nZ3MjN.js → SourceOfFundsPage-DgCWI7Ac.js} +46 -58
  73. package/dist/{SourceOfFundsWorkflow-IkLZG9JI.js → SourceOfFundsWorkflow-CdOOLWqA.js} +4 -4
  74. package/dist/{StackLayout-IUdNMDgW.js → StackLayout-J1ynSX-P.js} +6 -5
  75. package/dist/{utils-lIizXlcC.js → StateField-BMyu6YZZ.js} +89 -3
  76. package/dist/{Step-BJh4XZae.js → Step-Cqaytd3J.js} +19 -13
  77. package/dist/SummarySection-BVPfXtuP.js +60 -0
  78. package/dist/{Task-yQcY16x1.js → Task-CegWZQgV.js} +8 -8
  79. package/dist/{TaskGroup-C9iFHpux.js → TaskGroup-BqSUUr1i.js} +5 -5
  80. package/dist/{TaskListItem-ChlmCIfF.js → TaskListItem-CvYgXREa.js} +11 -11
  81. package/dist/{TaskStepperContextProvider-I7talGDO.js → TaskStepperContextProvider-9wlnwii7.js} +1 -1
  82. package/dist/{TaskVerificationStatus-Bd5Eftf2.js → TaskVerificationStatus-zoxTZ2mt.js} +3 -3
  83. package/dist/{TaxInformationFieldGroup-Dq0J9rBU.js → TaxInformationFieldGroup-lT5OgO75.js} +19 -18
  84. package/dist/{TaxReportingDropin-Cq3gBWtp.js → TaxReportingDropin-C9jUzNzP.js} +22 -26
  85. package/dist/{TaxReportingWorkflow-flQPRAPy.js → TaxReportingWorkflow-C3qyl3rW.js} +4 -4
  86. package/dist/{TermsOfServiceManagement-BM5K4cpw.js → TermsOfServiceManagement-DfFV6erX.js} +21 -30
  87. package/dist/{TextArea-C12oXMzX.js → TextArea-CQIt_2VI.js} +5 -5
  88. package/dist/TextField-C8CRipRJ.js +73 -0
  89. package/dist/{TrustDetailsPage-z7s9FxVC.js → TrustDetailsPage-Ax5uaglT.js} +59 -67
  90. package/dist/{TrustMemberCompanyPage-6yLYDall.js → TrustMemberCompanyPage-DBxTZo-8.js} +8 -8
  91. package/dist/{TrustMemberIndividualPage-Dlt0O4MR.js → TrustMemberIndividualPage-DFhWDN3f.js} +35 -34
  92. package/dist/{TrustMemberRoleAndTypePage-DIwrtOWr.js → TrustMemberRoleAndTypePage-Bdoyd1ix.js} +23 -30
  93. package/dist/{TrustMembersOverview-CowTgfIb.js → TrustMembersOverview-BCdJRHAn.js} +18 -22
  94. package/dist/{UboTaskItem-CZLDzQil.js → UboTaskItem-DIIoWLbx.js} +8 -8
  95. package/dist/{UnincorporatedPartnershipIndividualPage-tHoVsMAA.js → UnincorporatedPartnershipIndividualPage-B20wDAzH.js} +35 -34
  96. package/dist/{UnincorporatedPartnershipMemberCompanyPage-B-wcypiJ.js → UnincorporatedPartnershipMemberCompanyPage-DvcQYNzd.js} +8 -8
  97. package/dist/{UnincorporatedPartnershipMemberRoleAndTypePage-D973uyHj.js → UnincorporatedPartnershipMemberRoleAndTypePage-Dx1pRB4b.js} +14 -16
  98. package/dist/{UnincorporatedPartnershipMembersOverview-5w1BrDMI.js → UnincorporatedPartnershipMembersOverview-C0cRXnsL.js} +11 -14
  99. package/dist/VerificationErrorAlert-D0K9gep-.js +68 -0
  100. package/dist/WebsiteField-Bgf9bYOR.js +62 -0
  101. package/dist/{Workflow-CF-HUIjR.js → Workflow-DxRS9IMd.js} +9 -9
  102. package/dist/{accountHolderUtils-CAu4V0ed.js → accountHolderUtils-QdO9D_A_.js} +3 -3
  103. package/dist/adyen-business-financing.js +8 -9
  104. package/dist/adyen-individual-configuration.js +36 -36
  105. package/dist/adyen-individual-status.js +8 -9
  106. package/dist/adyen-invited-decision-maker.js +3 -3
  107. package/dist/adyen-onboarding.js +61 -59
  108. package/dist/adyen-terms-of-service-management.js +3 -3
  109. package/dist/adyen-terms-of-service-status.js +6 -7
  110. package/dist/adyen-transfer-instrument-configuration.js +7 -8
  111. package/dist/adyen-transfer-instrument-management.js +16 -22
  112. package/dist/adyen-verification-status.js +7 -9
  113. package/dist/{arrow-right-D2hul7WG.js → arrow-right-BwP9nNDE.js} +2 -2
  114. package/dist/bafinUtils-CW20t7tP.js +3548 -0
  115. package/dist/{bag-CRRS1aow.js → bag-Cnk9dcZg.js} +2 -2
  116. package/dist/{bank-BoirCLLW.js → bank-UssyP-aG.js} +2 -2
  117. package/dist/bg-BG-C7z9VtPy.js +7 -0
  118. package/dist/{bin-BOmfqfrr.js → bin--Ft4cPCj.js} +2 -2
  119. package/dist/{capital-DTjbiurV.js → capital-BbOFhTHY.js} +2 -2
  120. package/dist/{cash-stack-7KpYpBek.js → cash-stack-LTzc8hQZ.js} +2 -2
  121. package/dist/{certificate-BPuoJ6Ip.js → certificate-CswNcwlI.js} +2 -2
  122. package/dist/{checkmark-BiSLf8M1.js → checkmark-DH1abKZn.js} +2 -2
  123. package/dist/{checkmark-circle-Ams7bSve.js → checkmark-circle-VWM-JsI6.js} +2 -2
  124. package/dist/{checkmark-circle-fill-_p4ss4ac.js → checkmark-circle-fill-AuW2DQDT.js} +2 -2
  125. package/dist/{checkmark-small-3bw4ftPV.js → checkmark-small-B6vsnsSO.js} +2 -2
  126. package/dist/{chevron-down-GgZawvoy.js → chevron-down-BGAMP7CF.js} +2 -2
  127. package/dist/{chevron-left-TeZTTvo5.js → chevron-left-EjFIt8Cd.js} +2 -2
  128. package/dist/{chevron-right-Cg8XlTxx.js → chevron-right-B5zb9mkt.js} +2 -2
  129. package/dist/{chevron-up-COQUTli0.js → chevron-up-DZiittpJ.js} +2 -2
  130. package/dist/{circle-CypWzg83.js → circle-CygvxRY_.js} +2 -2
  131. package/dist/{circle-small-filled-DfdK2A35.js → circle-small-filled-PeElhgJU.js} +2 -2
  132. package/dist/{clock-DmfGJ2r9.js → clock-CQXEE5jK.js} +2 -2
  133. package/dist/{coins-CBvbB8_X.js → coins-C7syygUR.js} +2 -2
  134. package/dist/{constants-DAb_IqC6.js → constants-DR4IoRWH.js} +7 -8
  135. package/dist/{contract-D1_RJ_xh.js → contract-BWEAd7e-.js} +2 -2
  136. package/dist/{countries-BGMTpyJv.js → countries-ZMuvRtQR.js} +1 -1
  137. package/dist/{country-BEZkohEO.js → country-WYlusjTL.js} +2 -2
  138. package/dist/{cross-circle-fill-CUXdo1x-.js → cross-circle-fill-Bxj_fgQE.js} +2 -2
  139. package/dist/cross-circle-fill-small-DwUKcL9P.js +20 -0
  140. package/dist/{cross-BORHADVQ.js → cross-vK6qh9R0.js} +2 -2
  141. package/dist/cs-CZ-B_u3kWRS.js +7 -0
  142. package/dist/da-DK-s_nCUhFO.js +7 -0
  143. package/dist/de-DE-5lHcZmT6.js +7 -0
  144. package/dist/{decisionMakerRoles-JEb0ON4e.js → decisionMakerRoles-DA8MK9Dh.js} +2 -2
  145. package/dist/{document-1-qvV57JdS.js → document-1-BPWF8zKf.js} +2 -2
  146. package/dist/{document-person-DiJ7M8-D.js → document-person-DVRFNq7g.js} +2 -2
  147. package/dist/{documentUtils-CxjFpoJB.js → documentUtils-6K3LdjjN.js} +6 -4
  148. package/dist/{download-Ca4w0Yfr.js → download-DfdpoHdN.js} +2 -2
  149. package/dist/dropinUtils-C0hhy3A9.js +2572 -0
  150. package/dist/{edit-1-D8VhDchs.js → edit-1-BgVB06zI.js} +2 -2
  151. package/dist/el-GR-DTaQeK-A.js +7 -0
  152. package/dist/{entityAssociationUtil-CY0grcyH.js → entityAssociationUtil-BlfcBl3i.js} +1 -1
  153. package/dist/{error-DrzrPjvf.js → error-m4DJ8d3r.js} +3 -3
  154. package/dist/es-ES-tZMJvO6B.js +7 -0
  155. package/dist/es-LA-C0x1nQUQ.js +7 -0
  156. package/dist/et-EE-BqB-3lW_.js +7 -0
  157. package/dist/{external-link-Dy4le-8Q.js → external-link-BbXGAtFE.js} +2 -2
  158. package/dist/fi-FI-BpwWFhLW.js +7 -0
  159. package/dist/{form-rules-DhuNdiqF.js → form-rules-DaLzvm8o.js} +90 -5
  160. package/dist/{formatValidationError-z2D5oU1e.js → formatValidationError-CwtW9tMt.js} +2 -2
  161. package/dist/fr-FR-DMPXwPYV.js +7 -0
  162. package/dist/{getDefaultRegistrationNumberType-BNO2BcfK.js → getDefaultRegistrationNumberType-CVVuCd8E.js} +5 -7
  163. package/dist/{useAssociatedLegalEntity-BdcoiUby.js → getFormSlice-CxtXJ0-P.js} +23 -5
  164. package/dist/{getName-DgxRqagk.js → getName-Cii7OyRd.js} +2 -2
  165. package/dist/{getProblemsForEntity-BY_voJ99.js → getProblemsForEntity-mdb3Bfpj.js} +3 -3
  166. package/dist/{getTrustedDecisionMakers-Ta-pURcL.js → getTrustedDecisionMakers-D89oYOLp.js} +2 -2
  167. package/dist/getValidationError-RnMEkCKd.js +19 -0
  168. package/dist/{gift-Bs_mAgul.js → gift-BjS6ErNG.js} +2 -2
  169. package/dist/{graph-Co0JhGiY.js → graph-B8rX9eXr.js} +2 -2
  170. package/dist/{graph-up-DIvH9haf.js → graph-up-Dwaq7upe.js} +2 -2
  171. package/dist/{headquarter-BESfDGKh.js → headquarter-CXwws_UP.js} +2 -2
  172. package/dist/{hotel-Vne7G5M6.js → hotel-CD5Lv9P7.js} +2 -2
  173. package/dist/hr-HR-D5kV_w60.js +7 -0
  174. package/dist/{http-DsJtugN1.js → http-C8rt2BZk.js} +5 -4
  175. package/dist/hu-HU-Bl1dnZfO.js +7 -0
  176. package/dist/{image-BQM21XCk.js → image-BTE2a8ZV.js} +2 -2
  177. package/dist/{info-DExoPRH5.js → info-BTc0bCCM.js} +2 -2
  178. package/dist/{info-filled-11KMeUso.js → info-filled-DhYinieW.js} +2 -2
  179. package/dist/it-IT-DiuPLWbr.js +7 -0
  180. package/dist/ja-JP-COBWjdXk.js +7 -0
  181. package/dist/{legalArrangementUtils-C68JdH6I.js → legalArrangementUtils-Crgt_L7h.js} +1 -1
  182. package/dist/{location-zRH5zJ8c.js → location-CwE3Q0gg.js} +2 -2
  183. package/dist/lt-LT-D9Pum2_8.js +7 -0
  184. package/dist/lv-LV-DDcLP43G.js +7 -0
  185. package/dist/{mail-i1-zg-cv.js → mail-CIeugZTd.js} +2 -2
  186. package/dist/{mapAddressLocalizationToJpAddressSchema-DpOIaxj6.js → mapAddressLocalizationToJpAddressSchema-Dpsnbt5H.js} +2 -2
  187. package/dist/{mapExistingFile-RrS8dCpX.js → mapExistingFile-BXfeQxev.js} +2 -2
  188. package/dist/{mapJpAddressSchemaToAddressLocalizations-wwD6Rp3Q.js → mapJpAddressSchemaToAddressLocalizations-CAoOxUg9.js} +16 -15
  189. package/dist/{mapLegalEntityToIndividualSchema-DtT3pcZJ.js → mapLegalEntityToIndividualSchema-Bl89JIZK.js} +12 -13
  190. package/dist/{mapTransferInstrumentToPayoutAccount-BpXU-nP1.js → mapTransferInstrumentToPayoutAccount-6aBAKF7U.js} +4 -4
  191. package/dist/{minus-circle-filled-CxUdRO8J.js → minus-circle-filled-96DZCdcJ.js} +2 -2
  192. package/dist/nl-NL-CBRRvqAY.js +7 -0
  193. package/dist/no-NO-C9lYR_fQ.js +7 -0
  194. package/dist/{options-horizontal-D86T_xAF.js → options-horizontal-BU9r-Xx3.js} +2 -2
  195. package/dist/{partner-Dje0ykF6.js → partner-C1SWc0pB.js} +2 -2
  196. package/dist/{pay-by-link-plane-DAiddPu6.js → pay-by-link-plane-xK4Zkol0.js} +2 -2
  197. package/dist/{payout-DKiGv3F9.js → payout-zGf0LNbo.js} +2 -2
  198. package/dist/{pdf-CC8vqpTo.js → pdf-Bbs3Ji9v.js} +157 -174
  199. package/dist/{pdf.worker.min-CdKJICZZ.js → pdf.worker.min-DTQpK-0h.js} +67 -58
  200. package/dist/{person-DgALGIIz.js → person-xTKhpEGR.js} +2 -2
  201. package/dist/pl-PL-CZST_1gV.js +7 -0
  202. package/dist/{plus-DlQKP2C9.js → plus-Cm_dWRpB.js} +2 -2
  203. package/dist/{plus-circle-filled-BntUOVIJ.js → plus-circle-filled-Df77eidx.js} +2 -2
  204. package/dist/{processCapabilities-CWE5UFt8.js → processCapabilities-FL4-KAbd.js} +7 -9
  205. package/dist/{processValidationErrors-CFU1x_1n.js → processValidationErrors-CcgBvwPJ.js} +4 -4
  206. package/dist/pt-BR-C32QroLH.js +7 -0
  207. package/dist/pt-PT-ByfmK1XA.js +7 -0
  208. package/dist/{recurring-DZgT_ekJ.js → recurring-BfwVHJ2Z.js} +2 -2
  209. package/dist/resolveEnvironment-DwfwgVEU.js +2516 -0
  210. package/dist/{revenue-accelerate-aMLYFVW6.js → revenue-accelerate-ClN0cx7Z.js} +2 -2
  211. package/dist/ro-RO-YkglLwfY.js +7 -0
  212. package/dist/{save-uDNye08N.js → save-QK2A-teG.js} +2 -2
  213. package/dist/{search-0OS6oe8N.js → search-DVSyT7Q7.js} +2 -2
  214. package/dist/{uppercase-DvjwUM0n.js → sharedValidators-DODW7kuK.js} +5 -3
  215. package/dist/{show-BWoS9-Y1.js → show-BRWLIRSA.js} +2 -2
  216. package/dist/sk-SK-BYRIVzdY.js +7 -0
  217. package/dist/sl-SI-Cjub_bfF.js +7 -0
  218. package/dist/{solution-payments-BMal7uJZ.js → solution-payments-BZZceFVV.js} +2 -2
  219. package/dist/{store-N7ZA4FKy.js → store-DLKKLXhn.js} +2 -2
  220. package/dist/style.css +1418 -1157
  221. package/dist/styles-DYaAeu4q.js +1418 -1157
  222. package/dist/sv-SE-1re-9Lp8.js +7 -0
  223. package/dist/{terminal-1-0RlQpbUC.js → terminal-1-CpAyEdjO.js} +2 -2
  224. package/dist/{translation-DbATp_35.js → translation-CpH8D2NK.js} +34 -30
  225. package/dist/types/adaptiveWorkflow/component-registry.d.ts +19 -2
  226. package/dist/types/adaptiveWorkflow/components/NodeRenderer/NodeRenderer.d.ts +7 -0
  227. package/dist/types/adaptiveWorkflow/components/NodeRenderer/SimpleFieldRenderer.d.ts +2 -2
  228. package/dist/types/adaptiveWorkflow/components/Shared/Fields/CountryField/CountryField.d.ts +4 -0
  229. package/dist/types/adaptiveWorkflow/components/Shared/Fields/CountryField/contextMap.d.ts +10 -0
  230. package/dist/types/adaptiveWorkflow/components/Shared/Fields/DateField/DateField.d.ts +4 -0
  231. package/dist/types/adaptiveWorkflow/components/Shared/Fields/DateField/contextMap.d.ts +9 -0
  232. package/dist/types/adaptiveWorkflow/components/Shared/Fields/DateField/validators.d.ts +2 -0
  233. package/dist/types/adaptiveWorkflow/components/Shared/Fields/EmailField/EmailField.d.ts +4 -0
  234. package/dist/types/adaptiveWorkflow/components/Shared/Fields/EmailField/contextMap.d.ts +10 -0
  235. package/dist/types/adaptiveWorkflow/components/Shared/Fields/EmailField/validators.d.ts +2 -0
  236. package/dist/types/adaptiveWorkflow/components/Shared/Fields/NumberField/NumberField.d.ts +4 -0
  237. package/dist/types/adaptiveWorkflow/components/Shared/Fields/NumberField/contextMap.d.ts +9 -0
  238. package/dist/types/adaptiveWorkflow/components/Shared/Fields/NumberField/validators.d.ts +2 -0
  239. package/dist/types/adaptiveWorkflow/components/Shared/Fields/TextField/TextField.d.ts +4 -0
  240. package/dist/types/adaptiveWorkflow/components/Shared/Fields/TextField/contextMap.d.ts +10 -0
  241. package/dist/types/adaptiveWorkflow/components/Shared/Fields/TextField/validators.d.ts +4 -0
  242. package/dist/types/adaptiveWorkflow/components/Shared/Fields/WebsiteField/WebsiteField.d.ts +4 -0
  243. package/dist/types/adaptiveWorkflow/components/Shared/Fields/WebsiteField/contextMap.d.ts +10 -0
  244. package/dist/types/adaptiveWorkflow/components/Shared/Fields/WebsiteField/validators.d.ts +3 -0
  245. package/dist/types/adaptiveWorkflow/utils/validators/getValidationError.d.ts +7 -0
  246. package/dist/types/adaptiveWorkflow/utils/validators/sharedValidators.d.ts +3 -0
  247. package/dist/types/adaptiveWorkflow/utils/validators/types.d.ts +6 -0
  248. package/dist/types/api/adaptive/useAdaptiveWorkflow.d.ts +1 -1
  249. package/dist/types/api/address/useAddressCleanse.d.ts +2 -2
  250. package/dist/types/api/address/useRetrieveAddress.d.ts +2 -2
  251. package/dist/types/api/address/useRetrieveFromPostcodeJp.d.ts +2 -2
  252. package/dist/types/api/address/useSearchAddress.d.ts +2 -2
  253. package/dist/types/api/businessLines/useBusinessLines.d.ts +1 -1
  254. package/dist/types/api/companySearch/useCompanySearch.d.ts +6 -293
  255. package/dist/types/api/configurations/useSupportedCountries.d.ts +1 -1
  256. package/dist/types/api/configurations/useTaskTypes.d.ts +1 -1
  257. package/dist/types/api/configurations/useVersionConfiguration.d.ts +2 -2
  258. package/dist/types/api/datasets/useLegalForms.d.ts +1 -1
  259. package/dist/types/api/datasets/useNaceCodes.d.ts +1 -1
  260. package/dist/types/api/datasets/useSourceOfFundsTypes.d.ts +1 -1
  261. package/dist/types/api/documents/useDocument.d.ts +1 -1
  262. package/dist/types/api/documents/useDocuments.d.ts +2 -2
  263. package/dist/types/api/idNowProvider/useIdNowProvider.d.ts +3 -3
  264. package/dist/types/api/idVerificationProviders/useIdVerificationToken.d.ts +2 -2
  265. package/dist/types/api/industryCodes/useIndustryCodes.d.ts +1 -1
  266. package/dist/types/api/invitations/useInvitationStatus.d.ts +1 -1
  267. package/dist/types/api/invitedEntity/useInvitedEntityAssociationData.d.ts +2 -2
  268. package/dist/types/api/invitedEntity/useInvitedEntityRootCapabilities.d.ts +2 -2
  269. package/dist/types/api/invitedEntity/useInvitedEntityVerificationErrors.d.ts +2 -2
  270. package/dist/types/api/legalEntity/useLegalEntity.d.ts +9 -9
  271. package/dist/types/api/onboardingStatus/useOnboardingStatus.d.ts +1 -1
  272. package/dist/types/api/openId/useOpenIdAuthorizationLink.d.ts +1 -1
  273. package/dist/types/api/pci/usePciQuestionnaireList.d.ts +2 -2
  274. package/dist/types/api/pci/usePciStatus.d.ts +2 -2
  275. package/dist/types/api/pci/usePciTemplate.d.ts +2 -2
  276. package/dist/types/api/providersConfiguration/useProviderStatus.d.ts +1 -1
  277. package/dist/types/api/taskStatus/useTaskStatus.d.ts +2 -2
  278. package/dist/types/api/taskStatus/useTaskStatuses.d.ts +2 -2
  279. package/dist/types/api/taxClassification/useTaxClassification.d.ts +2 -2
  280. package/dist/types/api/termsOfService/useAcceptedTermsOfService.d.ts +2 -2
  281. package/dist/types/api/termsOfService/useTermsOfService.d.ts +2 -2
  282. package/dist/types/api/termsOfService/useTermsOfServiceAcceptanceInfos.d.ts +1 -1
  283. package/dist/types/api/termsOfService/useTermsOfServiceStatus.d.ts +2 -2
  284. package/dist/types/api/tinVerification/useVerifyTin.d.ts +5 -245
  285. package/dist/types/api/toggles/useToggles.d.ts +1 -1
  286. package/dist/types/api/transferInstruments/useBankVerificationProviders.d.ts +1 -1
  287. package/dist/types/api/transferInstruments/useTransferInstrument.d.ts +1 -1
  288. package/dist/types/api/transferInstruments/useTransferInstruments.d.ts +1 -1
  289. package/dist/types/api/uiAnalytics/useAnalyticsSession.d.ts +2 -2
  290. package/dist/types/api/validation/useValidatePhoneNumber.d.ts +2 -2
  291. package/dist/types/components/BankAccount/mapping/mapPayoutAccountSchemaToApiBankAccount.d.ts +3 -2
  292. package/dist/types/components/BankAccount/mapping/mapPayoutDetailsToTransferInstrument.d.ts +3 -2
  293. package/dist/types/components/Business/forms/rules.d.ts +3 -1
  294. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingSummary.d.ts +3 -2
  295. package/dist/types/components/GlobalEntry/hooks/usePrefetchCompanySearch.d.ts +11 -0
  296. package/dist/types/components/GlobalEntry/rules.d.ts +1 -1
  297. package/dist/types/components/GlobalEntry/utils/submitGlobalEntry.d.ts +3 -1
  298. package/dist/types/components/Individual/forms/BasicDetails/validate.d.ts +3 -1
  299. package/dist/types/components/Individual/forms/Individual.rules.d.ts +4 -2
  300. package/dist/types/components/Shared/NewSummary/NewSummary.d.ts +7 -6
  301. package/dist/types/components/Shared/SummarySection/SummarySection.d.ts +12 -4
  302. package/dist/types/components/Shared/fields/LocalizedNameFields/validate.d.ts +2 -2
  303. package/dist/types/components/Shared/fields/RegistrationAndOperationalAddressFields/utils.d.ts +1 -1
  304. package/dist/types/components/Shared/fields/TaxInformationField/taxIdNumberTypes.d.ts +1 -1
  305. package/dist/types/components/Shared/forms/Address/localized/jp/jpAddressSchema.d.ts +11 -1
  306. package/dist/types/components/ui/atoms/Typography/Typography.types.d.ts +1 -1
  307. package/dist/types/context/SettingsContext/types.d.ts +8 -0
  308. package/dist/types/context/ToggleContext/types.d.ts +3 -13
  309. package/dist/types/utils/japanSupportUtils.d.ts +2 -2
  310. package/dist/types/utils/validatorUtils.d.ts +2 -0
  311. package/dist/{types-D6p5FQF-.js → types-BymnGWO9.js} +1 -1
  312. package/dist/{types-B9zXzag-.js → types-qahGXhtr.js} +1 -1
  313. package/dist/{upload-C5NC1E4N.js → upload-BI7LKlDm.js} +2 -2
  314. package/dist/{useAdaptiveWorkflow-DsQESk9f.js → useAdaptiveWorkflow-B35cXauP.js} +1 -1
  315. package/dist/{useBusinessDetailsData-BDcLKqSN.js → useBusinessDetailsData-D1DJeC90.js} +125 -149
  316. package/dist/{useBusinessLines-BhSN6qCH.js → useBusinessLines-0FcuDMzo.js} +1 -1
  317. package/dist/{useCanSeeIntroduction-BLGY7sE-.js → useCanSeeIntroduction-CvLOidr8.js} +5 -5
  318. package/dist/{useDataMissingRemediations-ttUrk09_.js → useDataMissingRemediations-DKjYzfe2.js} +3 -3
  319. package/dist/{useForm-BFeaSvlP.js → useForm-B5MdX_HU.js} +6 -6
  320. package/dist/{useHideTaskStepper-C_w6iUY-.js → useHideTaskStepper-BgCN--mG.js} +1 -1
  321. package/dist/{invalidateRootLegalEntity-B97dCa-s.js → useId-DbtfzzaE.js} +32 -4
  322. package/dist/{useIndustryCodes-uAj90IyS.js → useIndustryCodes-La1cU8oH.js} +1 -1
  323. package/dist/{useLegalEntity-QQXN6YOm.js → useLegalEntity-CxeMoCm4.js} +4 -3
  324. package/dist/{useNavigate-BdAQG04P.js → useNavigate-uuRpGZuZ.js} +33 -33
  325. package/dist/{useOnboardingStatus-CsGUjkm-.js → useOnboardingStatus-CX8IrDe_.js} +1 -1
  326. package/dist/{usePciQuestionnaireList-CFNJD8pS.js → usePciQuestionnaireList-CB_tjNsz.js} +1 -1
  327. package/dist/{useSalesChannels-huIL6Dhk.js → useSalesChannels-XZRfoa6v.js} +5 -5
  328. package/dist/{useScenarios-DV2TeNvN.js → useScenarios-DfE71fl7.js} +7 -6
  329. package/dist/{useSettingsContext-9O3Aqpfq.js → useSettingsContext-Bpf4UqRT.js} +6 -3
  330. package/dist/{useTaskLandedEvent-DwZHcMEQ.js → useTaskLandedEvent-DzsLZguJ.js} +2 -2
  331. package/dist/{useTaskStatus-CgrhdaE_.js → useTaskStatus-4nAPf_uD.js} +1 -1
  332. package/dist/{useTermsOfServiceStatus-DbJDklA2.js → useTermsOfServiceStatus-FDpSDjco.js} +1 -1
  333. package/dist/{useTrustMembers-uhgi2qfN.js → useTrustMembers-xuXOS0a8.js} +9 -8
  334. package/dist/{useUnincorporatedPartnershipMembers-DVEWj1is.js → useUnincorporatedPartnershipMembers-DcfQJdVZ.js} +5 -5
  335. package/dist/{useUpdateBusinessLines-DCKYTzxd.js → useUpdateBusinessLines-B-pF2YT-.js} +1 -1
  336. package/dist/utils-BD22komZ.js +214 -0
  337. package/dist/{utils-SKYT7xU4.js → utils-BFxg3gPM.js} +2 -2
  338. package/dist/{utils-D8pwjFm5.js → utils-CtCqc_ym.js} +5 -6
  339. package/dist/{validate-BBVJuFm5.js → validate-83HsNk18.js} +15 -17
  340. package/dist/{validate-t6pT7AaZ.js → validate-DNq64o-B.js} +3 -3
  341. package/dist/{validate-Bkpa-y5Q.js → validate-mbqt6wsS.js} +7 -7
  342. package/dist/{validate-Dmdw3pYn.js → validate-r2j-Yc-q.js} +2 -2
  343. package/dist/{validateExtractionResult-qkFkcrwl.js → validateExtractionResult-IRRMwcNi.js} +5 -7
  344. package/dist/{warning-circle-fill-C2lMYPJW.js → warning-circle-fill-ClFvGo5m.js} +2 -2
  345. package/dist/{warning-diamond-filled-CQ2DdW5g.js → warning-diamond-filled-CWyKR65i.js} +2 -2
  346. package/dist/{webinar-BpZWqd-g.js → webinar-DWX7Z5Wz.js} +2 -2
  347. package/package.json +36 -36
  348. package/dist/AdaptiveWorkflow-2EE8iiMD.js +0 -33
  349. package/dist/Alert-BqbbDRYR.js +0 -172
  350. package/dist/AnalyticsContext-CpimDlw4.js +0 -21
  351. package/dist/Checkbox-qfdF12cF.js +0 -60
  352. package/dist/Confirm-DjFpxSzC.js +0 -77
  353. package/dist/CountryField-CMOB4yz4.js +0 -38
  354. package/dist/DataConflictsModal-8Nnj7_UD.js +0 -238
  355. package/dist/Field-Df7ajJE2.js +0 -154
  356. package/dist/FormFlow.module-DqMxjYHl.js +0 -20
  357. package/dist/Header-DvifUz7-.js +0 -93
  358. package/dist/Icon-DFQgr7dy.js +0 -175
  359. package/dist/LandingLayout-BsIoIFzs.js +0 -76
  360. package/dist/LegalName-BYQ12uWc.js +0 -33
  361. package/dist/LoaderWrapper-Dc88hY-P.js +0 -34
  362. package/dist/MaskedInput-CkDwzLxe.js +0 -719
  363. package/dist/MaybeModal-Dfm1rIUG.js +0 -24
  364. package/dist/NewSummary-DYLlnpwx.js +0 -73
  365. package/dist/ProgressBar-DWFxLMUA.js +0 -38
  366. package/dist/RadioGroup-CY33MT83.js +0 -47
  367. package/dist/RadioWithLabel-BmUFWDxq.js +0 -45
  368. package/dist/SettingsContext-Dl-9WWCI.js +0 -9
  369. package/dist/StateContext-B2_Pqd_y.js +0 -9
  370. package/dist/StateField-BiNI3dm9.js +0 -55
  371. package/dist/StructuredList-BHUmeWeh.js +0 -56
  372. package/dist/Summary-BTDbRMfh.js +0 -235
  373. package/dist/TaxInformationField--Uhp0zLv.js +0 -242
  374. package/dist/TileGroup-BFcSgQ1l.js +0 -172
  375. package/dist/ToastContext-B_wd2IY2.js +0 -13
  376. package/dist/ToastContextProvider-BSQ1Upl_.js +0 -103
  377. package/dist/VerificationErrorAlert-B6HmAZ0g.js +0 -38
  378. package/dist/_rolldown_dynamic_import_helper-sGNwd-kR.js +0 -14
  379. package/dist/bafinUtils-RXELXyTR.js +0 -96
  380. package/dist/bg-BG-DfbtcqF4.js +0 -7
  381. package/dist/birthDateUtils-D6uk7zwm.js +0 -84
  382. package/dist/businessRegistrationNumberPatterns-pbrCVTTp.js +0 -982
  383. package/dist/cross-circle-fill-small-DdoPZZeo.js +0 -20
  384. package/dist/cs-CZ-CajuRLo4.js +0 -7
  385. package/dist/da-DK-BEwmSejn.js +0 -7
  386. package/dist/datasetUtil-BdHPWsxZ.js +0 -45
  387. package/dist/de-DE-PyK3jl-6.js +0 -7
  388. package/dist/debouncedInputEvent-Fwwp_K_-.js +0 -54
  389. package/dist/debugStore-Dwn1FXrh.js +0 -9
  390. package/dist/dropinUtils-OsMsnnYG.js +0 -496
  391. package/dist/el-GR-KPFghikv.js +0 -7
  392. package/dist/es-ES-z4jLCvkJ.js +0 -7
  393. package/dist/es-LA-Dx4QymCh.js +0 -7
  394. package/dist/et-EE-1EhDxtTe.js +0 -7
  395. package/dist/fi-FI-Dc2RMc_u.js +0 -7
  396. package/dist/fieldConfigurations-CZCFghnK.js +0 -11
  397. package/dist/formFieldsUtils-CnDkgahc.js +0 -7
  398. package/dist/formUtils-BHgG8yQZ.js +0 -52
  399. package/dist/formUtils-DAKrWwgL.js +0 -84
  400. package/dist/fr-FR-DswL4wQ1.js +0 -7
  401. package/dist/getFormSlice-C1ma6Xd4.js +0 -21
  402. package/dist/getTrustedFields-BJ88GlM-.js +0 -28
  403. package/dist/globalStore--_np-9ON.js +0 -418
  404. package/dist/hr-HR-DI2D_V50.js +0 -7
  405. package/dist/hu-HU-lyRcZjGI.js +0 -7
  406. package/dist/isEmpty-Uewyl-r6.js +0 -14
  407. package/dist/isEmptyEntity-3OHnhXqG.js +0 -43
  408. package/dist/it-IT-Bn4CEcmI.js +0 -7
  409. package/dist/ja-JP-CAX_xwUx.js +0 -7
  410. package/dist/keys-Ce8YnRP2.js +0 -20
  411. package/dist/listToRecord-DumSkYDz.js +0 -10
  412. package/dist/lt-LT-BdgYuJW7.js +0 -7
  413. package/dist/lv-LV-Bz5c0Psg.js +0 -7
  414. package/dist/mapScriptLocalization-BCfkZo1y.js +0 -46
  415. package/dist/nl-NL-BE2cQh0x.js +0 -7
  416. package/dist/no-NO-vgzpp44v.js +0 -7
  417. package/dist/patternValidators-DsrZkuOO.js +0 -73
  418. package/dist/pl-PL-DgDSRVmp.js +0 -7
  419. package/dist/pt-BR-BaKp-J8F.js +0 -7
  420. package/dist/pt-PT-Df48oeP5.js +0 -7
  421. package/dist/resolveEnvironment-Tnw3ytcJ.js +0 -999
  422. package/dist/ro-RO-CTMsv_EY.js +0 -7
  423. package/dist/roleMetadata-CbgaYaH8.js +0 -56
  424. package/dist/sk-SK-oqO5I3Aw.js +0 -7
  425. package/dist/sl-SI-CQhJFnpj.js +0 -7
  426. package/dist/summaryItem-uDWmtYtt.js +0 -16
  427. package/dist/sv-SE-CmevESLi.js +0 -7
  428. package/dist/toFullWidth-Dgy4X4i8.js +0 -52
  429. package/dist/trustUtil-BG17fZ56.js +0 -98
  430. package/dist/types/adaptiveWorkflow/components/Fields/LegalName.d.ts +0 -14
  431. package/dist/types-B28r2lAW.js +0 -30
  432. package/dist/types-CZAHRt31.js +0 -147
  433. package/dist/useAccountHolder-BpIX1iBG.js +0 -102
  434. package/dist/useAllowedCountries-qyvo-c6A.js +0 -80
  435. package/dist/useAnalyticsContext-gSnRnYgV.js +0 -12
  436. package/dist/useCreateLegalEntity-CYZd_62a.js +0 -24
  437. package/dist/useDataset-K19TDoyR.js +0 -98
  438. package/dist/useDeleteTransferInstrument-C10xzHiO.js +0 -31
  439. package/dist/useId-BkDhUta2.js +0 -28
  440. package/dist/useMultiForm-CM3lpilP.js +0 -790
  441. package/dist/useToastContext-B6Mqc2HY.js +0 -12
  442. package/dist/useToggleContext-B_YexrbT.js +0 -21
  443. package/dist/useUpdateLegalEntity-B7LRg8m0.js +0 -29
  444. package/dist/utils-BLBh0VEd.js +0 -1755
  445. package/dist/utils-CYUYe54m.js +0 -24
  446. package/dist/utils-DdHbAadK.js +0 -80
  447. package/dist/validationError-DUn2rT0n.js +0 -55
  448. package/dist/validationResult-bjYBDjbU.js +0 -29
  449. package/dist/validatorUtils-D2O6AAZn.js +0 -106
  450. /package/dist/{pt-BR-CPbFPNwq2.js → pt-BR-CPbFPNwq.js} +0 -0
package/dist/styles-DYaAeu4q.js CHANGED
@@ -2,7 +2,27 @@ try {
2
2
  let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
3
3
  n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "243622c6-51c5-4b56-b803-3b1f42600c06", e._sentryDebugIdIdentifier = "sentry-dbid-243622c6-51c5-4b56-b803-3b1f42600c06");
4
4
  } catch (e) {}
5
- var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fonts.min.css');._typography_1kejo_1 {
5
+ var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fonts.min.css');._svg-icon_cdxs7_1 {
6
+ color: inherit;
7
+ display: inline-flex;
8
+ vertical-align: baseline;
9
+ min-height: 16px;
10
+ min-width: 16px;
11
+ }
12
+
13
+ ._svg-icon_cdxs7_1 svg {
14
+ /* for safari */
15
+ height: 100%;
16
+ }
17
+
18
+ ._svg-icon_cdxs7_1 svg path {
19
+ fill: currentColor;
20
+ }
21
+
22
+ ._svg-image_cdxs7_18 {
23
+ display: inline-block;
24
+ }
25
+ ._typography_1kejo_1 {
6
26
  color: var(--adyen-internal-color-label-primary);
7
27
  font-family: var(--adyen-internal-text-body-font-family);
8
28
  font-size: var(--adyen-internal-text-body-font-size);
@@ -215,26 +235,6 @@ var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fo
215
235
  transform: rotate(360deg);
216
236
  }
217
237
  }
218
- ._svg-icon_cdxs7_1 {
219
- color: inherit;
220
- display: inline-flex;
221
- vertical-align: baseline;
222
- min-height: 16px;
223
- min-width: 16px;
224
- }
225
-
226
- ._svg-icon_cdxs7_1 svg {
227
- /* for safari */
228
- height: 100%;
229
- }
230
-
231
- ._svg-icon_cdxs7_1 svg path {
232
- fill: currentColor;
233
- }
234
-
235
- ._svg-image_cdxs7_18 {
236
- display: inline-block;
237
- }
238
238
  ._button_1jv3j_1 {
239
239
  border: 1px solid transparent;
240
240
  box-sizing: border-box;
@@ -448,85 +448,6 @@ var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fo
448
448
  transform: scale(1);
449
449
  }
450
450
  }
451
- ._toast_5bwuk_1 {
452
- align-items: center;
453
- animation: _present-toast_5bwuk_1 400ms var(--adyen-internal-animation-easing-enter);
454
- background-color: var(--adyen-internal-color-background-inverse-primary);
455
- border-radius: var(--adyen-internal-border-radius-l);
456
- border-top: 1px solid var(--adyen-internal-color-outline-inverse-primary);
457
- bottom: var(--adyen-internal-spacer-070);
458
- box-shadow: var(--adyen-internal-shadow-high);
459
- display: flex;
460
- fill: var(--adyen-internal-color-label-inverse-secondary);
461
- gap: var(--adyen-internal-spacer-040);
462
- justify-content: flex-start;
463
- left: 50%;
464
- max-width: 420px;
465
- padding: var(--adyen-internal-spacer-040);
466
- position: fixed;
467
- transform: translateX(-50%);
468
- width: 90vw;
469
- z-index: 1000;
470
- }
471
-
472
- ._toast-image_5bwuk_22 {
473
- align-items: center;
474
- border-radius: 50%;
475
- display: flex;
476
- justify-content: center;
477
- max-height: 32px;
478
- max-width: 32px;
479
- padding: var(--adyen-internal-spacer-040);
480
- }
481
-
482
- ._toast-image-success_5bwuk_32 {
483
- color: var(--adyen-internal-color-decorative-green);
484
- fill: var(--adyen-internal-color-decorative-green);
485
- }
486
-
487
- ._toast-image-error_5bwuk_37 {
488
- color: var(--adyen-internal-color-label-critical);
489
- fill: var(--adyen-internal-color-label-critical);
490
- }
491
-
492
- ._toast-label_5bwuk_42 {
493
- align-items: center;
494
- color: var(--adyen-internal-color-label-inverse-primary);
495
- display: flex;
496
- flex-grow: 1;
497
- font-family: var(--adyen-internal-text-body-font-family);
498
- font-size: var(--adyen-internal-text-body-font-size);
499
- font-weight: var(--adyen-internal-text-body-font-weight);
500
- gap: var(--adyen-internal-spacer-040);
501
- line-height: var(--adyen-internal-text-body-line-height);
502
- padding: var(--adyen-internal-spacer-040);
503
- }
504
-
505
- ._toast-actions_5bwuk_55 {
506
- display: flex;
507
- gap: var(--adyen-internal-spacer-040);
508
-
509
- button:focus-visible {
510
- outline-color: var(--adyen-internal-color-outline-inverse-primary-active);
511
- }
512
- }
513
-
514
- ._toast-action-close_5bwuk_64 {
515
- border-left: 1px solid var(--adyen-internal-color-outline-inverse-primary);
516
- padding-left: var(--adyen-internal-spacer-040);
517
- }
518
-
519
- @keyframes _present-toast_5bwuk_1 {
520
- 0% {
521
- opacity: 0;
522
- transform: translate(-50%, 32px);
523
- }
524
-
525
- 100% {
526
- opacity: 1;
527
- transform: translate(-50%, 0);
528
- }
529
- }
530
451
  ._stack-layout_18zj6_1 {
531
452
  display: flex;
532
453
  flex-direction: column;
@@ -653,77 +574,6 @@ var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fo
653
574
  color: var(--adyen-internal-color-label-success);
654
575
  fill: var(--adyen-internal-color-label-success);
655
576
  }
656
- ._header_15umz_1 {
657
- display: flex;
658
- flex-direction: column;
659
- gap: var(--adyen-internal-spacer-070);
660
- }
661
-
662
- ._header-margin_15umz_7 {
663
- margin-bottom: var(--adyen-internal-spacer-140);
664
- }
665
-
666
- ._header-margin-secondary_15umz_11 {
667
- margin-bottom: var(--adyen-internal-spacer-100);
668
- }
669
-
670
- ._header-left_15umz_15 {
671
- align-items: flex-start;
672
- text-align: left;
673
- }
674
-
675
- ._header-center_15umz_20 {
676
- align-items: center;
677
- text-align: center;
678
- }
679
-
680
- ._header-right_15umz_25 {
681
- align-items: flex-end;
682
- text-align: right;
683
- }
684
-
685
- ._header-content_15umz_30 {
686
- display: flex;
687
- flex-direction: column;
688
- gap: var(--adyen-internal-spacer-040);
689
- }
690
-
691
- ._header-actions_15umz_36 {
692
- max-width: 300px;
693
- }
694
-
695
- ._header-title_15umz_40 {
696
- color: var(--adyen-internal-color-label-primary);
697
- margin: 0;
698
- }
699
-
700
- ._header-title-primary_15umz_45 {
701
- font-size: var(--adyen-internal-text-title-l-font-size);
702
- font-family: var(--adyen-internal-text-title-l-font-family);
703
- font-weight: var(--adyen-internal-text-title-l-font-weight);
704
- line-height: var(--adyen-internal-text-title-l-line-height);
705
- }
706
-
707
- ._header-title-secondary_15umz_52 {
708
- font-size: var(--adyen-internal-text-title-font-size);
709
- font-family: var(--adyen-internal-text-title-font-family);
710
- font-weight: var(--adyen-internal-text-title-font-weight);
711
- }
712
-
713
- ._header-description_15umz_58 {
714
- font-size: var(--adyen-internal-text-body-font-size);
715
- font-family: var(--adyen-internal-text-body-font-family);
716
- font-weight: var(--adyen-internal-text-body-font-weight);
717
- line-height: var(--adyen-internal-text-body-line-height);
718
- }
719
-
720
- ._header-description-primary_15umz_65 {
721
- color: var(--adyen-internal-color-label-primary);
722
- }
723
-
724
- ._header-description-secondary_15umz_69 {
725
- color: var(--adyen-internal-color-label-secondary);
726
- }
727
577
  ._skeleton_xa3xt_1 {
728
578
  width: 100%;
729
579
  height: 100%;
@@ -837,115 +687,37 @@ var css = `@import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fo
837
687
  margin-bottom: var(--adyen-internal-spacer-020);
838
688
  user-select: auto;
839
689
  }
840
- ._alert_jgk1f_1 {
841
- border-radius: var(--adyen-internal-border-radius-m);
842
- padding: var(--adyen-internal-spacer-070);
843
- word-break: break-word;
844
- display: flex;
845
- flex-direction: column;
846
- gap: var(--adyen-internal-spacer-040);
847
- text-align: left;
848
- }
849
- ._alert-without-icon_jgk1f_10 ._alert-explanation_jgk1f_10,
850
- ._alert-without-icon_jgk1f_10 ._alert-actions_jgk1f_11 {
851
- margin: 0 var(--adyen-internal-spacer-070);
852
- }
853
-
854
- ._alert-basic_jgk1f_15 {
855
- background-color: var(--adyen-internal-color-background-secondary);
856
- }
857
690
 
858
- ._alert-info_jgk1f_19 {
859
- background-color: var(--adyen-internal-color-background-highlight-weak);
860
- }
861
691
 
862
- ._alert-error_jgk1f_23 {
863
- background-color: var(--adyen-internal-color-background-critical-weak);
864
- }
865
692
 
866
- ._alert-warning_jgk1f_27 {
867
- background-color: var(--adyen-internal-color-background-warning-weak);
868
- }
693
+ /* Adyen CDN */
869
694
 
870
- ._alert-success_jgk1f_31 {
871
- background-color: var(--adyen-internal-color-background-success-weak);
695
+ /* utility-classes.css */
696
+ .u-width-full {
697
+ width: 100% !important;
872
698
  }
873
-
874
- ._alert-header_jgk1f_35 {
875
- align-items: flex-start;
876
- display: flex;
699
+ .u-width-half {
700
+ width: 50% !important;
877
701
  }
878
702
 
879
- ._alert-header-without-children_jgk1f_40 {
880
- align-items: center;
881
- }
703
+ /* Topmost/root container class */
704
+ .adyen-kyc-ui-element-container-wrapper {
705
+ width: 100%;
706
+ overflow: auto;
882
707
 
883
- ._alert-icon_jgk1f_44 {
884
- line-height: var(--adyen-internal-text-body-line-height);
885
- margin-top: var(--adyen-internal-spacer-010);
886
- }
887
- ._alert-icon-info_jgk1f_48 {
888
- color: var(--adyen-internal-color-background-highlight-strong);
708
+ /**
709
+ * main container query, used similarly to a @media query
710
+ * considering our Component can be embedded in a container of arbitrary size
711
+ * that does not necessarily match the whole window/screen size.
712
+ * Uses s and l breakpoints defined in variables.
713
+ */
714
+ container-type: inline-size;
715
+ container-name: main;
889
716
  }
890
-
891
- ._alert-icon-error_jgk1f_52 {
892
- color: var(--adyen-internal-color-background-critical-strong);
893
- }
894
-
895
- ._alert-icon-warning_jgk1f_56 {
896
- color: var(--adyen-internal-color-background-warning-strong);
897
- }
898
-
899
- ._alert-icon-success_jgk1f_60 {
900
- color: var(--adyen-internal-color-background-success-strong);
901
- }
902
-
903
- ._alert-title_jgk1f_64 {
904
- flex-grow: 1;
905
- margin-left: var(--adyen-internal-spacer-070);
906
- }
907
-
908
- ._alert-explanation_jgk1f_10 {
909
- color: var(--adyen-internal-color-label-primary);
910
- font-size: var(--adyen-internal-text-body-font-size);
911
- margin: 0 var(--adyen-internal-spacer-100);
912
- }
913
-
914
- ._alert-actions_jgk1f_11 {
915
- display: flex;
916
- gap: var(--adyen-internal-spacer-070);
917
- text-align: left;
918
- }
919
-
920
-
921
- /* Adyen CDN */
922
-
923
- /* utility-classes.css */
924
- .u-width-full {
925
- width: 100% !important;
926
- }
927
- .u-width-half {
928
- width: 50% !important;
929
- }
930
-
931
- /* Topmost/root container class */
932
- .adyen-kyc-ui-element-container-wrapper {
933
- width: 100%;
934
- overflow: auto;
935
-
936
- /**
937
- * main container query, used similarly to a @media query
938
- * considering our Component can be embedded in a container of arbitrary size
939
- * that does not necessarily match the whole window/screen size.
940
- * Uses s and l breakpoints defined in variables.
941
- */
942
- container-type: inline-size;
943
- container-name: main;
944
- }
945
- .adyen-kyc-ui-element-container-wrapper *,
946
- .adyen-kyc-ui-element-container-wrapper *::after,
947
- .adyen-kyc-ui-element-container-wrapper *::before {
948
- box-sizing: border-box;
717
+ .adyen-kyc-ui-element-container-wrapper *,
718
+ .adyen-kyc-ui-element-container-wrapper *::after,
719
+ .adyen-kyc-ui-element-container-wrapper *::before {
720
+ box-sizing: border-box;
949
721
  }
950
722
 
951
723
  .adyen-kyc-ui-element-container {
@@ -2840,28 +2612,517 @@ fieldset {
2840
2612
  --adyen-internal-focus-ring-spacer: var(--adyen-sdk-focus-ring-spacer, 1px);
2841
2613
  }
2842
2614
  }
2843
- ._modal_kkggh_1 {
2844
- background-color: var(--adyen-internal-color-background-modal);
2845
- border: var(--adyen-internal-spacer-000);
2846
- box-shadow: var(--adyen-internal-shadow-high);
2847
- display: flex;
2848
- flex-direction: column;
2849
- height: 100vh;
2850
- height: 100dvh;
2851
- max-height: unset;
2852
- max-width: unset;
2853
- overflow: hidden;
2854
- padding: var(--adyen-internal-spacer-000);
2855
- position: fixed;
2856
- width: 100vw;
2857
- width: 100dvw;
2858
- }
2859
2615
 
2860
- ._modal_kkggh_1:focus-visible {
2861
- outline: none;
2616
+ /**
2617
+ * On mobile it uses the Bento Large variables/tokens
2618
+ * This is to provide better sized tap targets, improve readability and accessibility
2619
+ * and solve some bugs, like Safari mobile automatically zooming on <16px text/inputs
2620
+ */
2621
+ @media (max-width: 680px) {
2622
+ :root,
2623
+ :host {
2624
+ --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 32px);
2625
+ --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 24px);
2626
+ --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 20px);
2627
+ --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 16px);
2628
+ --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 12px);
2629
+ --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 10px);
2630
+ --adyen-internal-spacer-030: var(--adyen-sdk-spacer-030, 8px);
2631
+ --adyen-internal-spacer-020: var(--adyen-sdk-spacer-020, 6px);
2632
+ --adyen-internal-spacer-010: var(--adyen-sdk-spacer-010, 4px);
2633
+ --adyen-internal-spacer-000: var(--adyen-sdk-spacer-000, 0px);
2634
+ --adyen-internal-spacer-140: var(--adyen-sdk-spacer-140, 72px);
2635
+ --adyen-internal-spacer-130: var(--adyen-sdk-spacer-130, 64px);
2636
+ --adyen-internal-spacer-120: var(--adyen-sdk-spacer-120, 56px);
2637
+ --adyen-internal-spacer-110: var(--adyen-sdk-spacer-110, 48px);
2638
+ --adyen-internal-spacer-100: var(--adyen-sdk-spacer-100, 40px);
2639
+ --adyen-internal-text-eyebrow-line-height: var(--adyen-sdk-text-eyebrow-line-height, 20px);
2640
+ --adyen-internal-text-eyebrow-font-weight: var(--adyen-sdk-text-eyebrow-font-weight, 400);
2641
+ --adyen-internal-text-eyebrow-font-size: var(--adyen-sdk-text-eyebrow-font-size, 14px);
2642
+ --adyen-internal-text-eyebrow-font-family-secondary: var(
2643
+ --adyen-sdk-text-eyebrow-font-family-secondary,
2644
+ 'Adyen Mono',
2645
+ 'Roboto Mono',
2646
+ 'Oxygen Mono',
2647
+ 'IBM Plex Mono',
2648
+ 'Courier New',
2649
+ monospace
2650
+ );
2651
+ --adyen-internal-text-title-l-mobile-line-height: var(
2652
+ --adyen-sdk-text-title-l-mobile-line-height,
2653
+ 34px
2654
+ );
2655
+ --adyen-internal-text-title-l-mobile-font-size: var(
2656
+ --adyen-sdk-text-title-l-mobile-font-size,
2657
+ 24px
2658
+ );
2659
+ --adyen-internal-text-title-l-letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
2660
+ --adyen-internal-text-title-l-line-height: var(--adyen-sdk-text-title-l-line-height, 44px);
2661
+ --adyen-internal-text-title-l-font-weight: var(--adyen-sdk-text-title-l-font-weight, 700);
2662
+ --adyen-internal-text-title-l-font-size: var(--adyen-sdk-text-title-l-font-size, 32px);
2663
+ --adyen-internal-text-title-l-font-family-secondary: var(
2664
+ --adyen-sdk-text-title-l-font-family-secondary,
2665
+ 'Adyen Mono',
2666
+ 'Roboto Mono',
2667
+ 'Oxygen Mono',
2668
+ 'IBM Plex Mono',
2669
+ 'Courier New',
2670
+ monospace
2671
+ );
2672
+ --adyen-internal-text-title-l-font-family: var(
2673
+ --adyen-sdk-text-title-l-font-family,
2674
+ 'Adyen UI',
2675
+ Roboto,
2676
+ Oxygen,
2677
+ 'Open Sans',
2678
+ 'Helvetica Neue',
2679
+ Arial,
2680
+ sans-serif
2681
+ );
2682
+ --adyen-internal-text-title-m-mobile-line-height: var(
2683
+ --adyen-sdk-text-title-m-mobile-line-height,
2684
+ 30px
2685
+ );
2686
+ --adyen-internal-text-title-m-mobile-font-size: var(
2687
+ --adyen-sdk-text-title-m-mobile-font-size,
2688
+ 20px
2689
+ );
2690
+ --adyen-internal-text-title-m-letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
2691
+ --adyen-internal-text-title-m-line-height: var(--adyen-sdk-text-title-m-line-height, 34px);
2692
+ --adyen-internal-text-title-m-font-weight: var(--adyen-sdk-text-title-m-font-weight, 700);
2693
+ --adyen-internal-text-title-m-font-size: var(--adyen-sdk-text-title-m-font-size, 24px);
2694
+ --adyen-internal-text-title-m-font-family-secondary: var(
2695
+ --adyen-sdk-text-title-m-font-family-secondary,
2696
+ 'Adyen Mono',
2697
+ 'Roboto Mono',
2698
+ 'Oxygen Mono',
2699
+ 'IBM Plex Mono',
2700
+ 'Courier New',
2701
+ monospace
2702
+ );
2703
+ --adyen-internal-text-title-m-font-family: var(
2704
+ --adyen-sdk-text-title-m-font-family,
2705
+ 'Adyen UI',
2706
+ Roboto,
2707
+ Oxygen,
2708
+ 'Open Sans',
2709
+ 'Helvetica Neue',
2710
+ Arial,
2711
+ sans-serif
2712
+ );
2713
+ --adyen-internal-text-title-mobile-line-height: var(
2714
+ --adyen-sdk-text-title-mobile-line-height,
2715
+ 28px
2716
+ );
2717
+ --adyen-internal-text-title-mobile-font-size: var(
2718
+ --adyen-sdk-text-title-mobile-font-size,
2719
+ 18px
2720
+ );
2721
+ --adyen-internal-text-title-letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
2722
+ --adyen-internal-text-title-line-height: var(--adyen-sdk-text-title-line-height, 28px);
2723
+ --adyen-internal-text-title-font-weight: var(--adyen-sdk-text-title-font-weight, 700);
2724
+ --adyen-internal-text-title-font-size: var(--adyen-sdk-text-title-font-size, 18px);
2725
+ --adyen-internal-text-title-font-family-secondary: var(
2726
+ --adyen-sdk-text-title-font-family-secondary,
2727
+ 'Adyen Mono',
2728
+ 'Roboto Mono',
2729
+ 'Oxygen Mono',
2730
+ 'IBM Plex Mono',
2731
+ 'Courier New',
2732
+ monospace
2733
+ );
2734
+ --adyen-internal-text-title-font-family: var(
2735
+ --adyen-sdk-text-title-font-family,
2736
+ 'Adyen UI',
2737
+ Roboto,
2738
+ Oxygen,
2739
+ 'Open Sans',
2740
+ 'Helvetica Neue',
2741
+ Arial,
2742
+ sans-serif
2743
+ );
2744
+ --adyen-internal-text-subtitle-stronger-font-weight: var(
2745
+ --adyen-sdk-text-subtitle-stronger-font-weight,
2746
+ 500
2747
+ );
2748
+ --adyen-internal-text-subtitle-letter-spacing: var(--adyen-sdk-text-subtitle-letter-spacing, 0);
2749
+ --adyen-internal-text-subtitle-line-height: var(--adyen-sdk-text-subtitle-line-height, 28px);
2750
+ --adyen-internal-text-subtitle-font-weight: var(--adyen-sdk-text-subtitle-font-weight, 400);
2751
+ --adyen-internal-text-subtitle-font-size: var(--adyen-sdk-text-subtitle-font-size, 18px);
2752
+ --adyen-internal-text-subtitle-font-family: var(
2753
+ --adyen-sdk-text-subtitle-font-family,
2754
+ 'Adyen UI',
2755
+ Roboto,
2756
+ Oxygen,
2757
+ 'Open Sans',
2758
+ 'Helvetica Neue',
2759
+ Arial,
2760
+ sans-serif
2761
+ );
2762
+ --adyen-internal-text-body-strongest-wide-line-height: var(
2763
+ --adyen-sdk-text-body-strongest-wide-line-height,
2764
+ 26px
2765
+ );
2766
+ --adyen-internal-text-body-strongest-wide-font-weight: var(
2767
+ --adyen-sdk-text-body-strongest-wide-font-weight,
2768
+ 700
2769
+ );
2770
+ --adyen-internal-text-body-strongest-font-weight: var(
2771
+ --adyen-sdk-text-body-strongest-font-weight,
2772
+ 700
2773
+ );
2774
+ --adyen-internal-text-body-stronger-wide-line-height: var(
2775
+ --adyen-sdk-text-body-stronger-wide-line-height,
2776
+ 26px
2777
+ );
2778
+ --adyen-internal-text-body-stronger-wide-font-weight: var(
2779
+ --adyen-sdk-text-body-stronger-wide-font-weight,
2780
+ 500
2781
+ );
2782
+ --adyen-internal-text-body-stronger-font-weight: var(
2783
+ --adyen-sdk-text-body-stronger-font-weight,
2784
+ 500
2785
+ );
2786
+ --adyen-internal-text-body-wide-line-height: var(--adyen-sdk-text-body-wide-line-height, 26px);
2787
+ --adyen-internal-text-body-letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
2788
+ --adyen-internal-text-body-line-height: var(--adyen-sdk-text-body-line-height, 24px);
2789
+ --adyen-internal-text-body-font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2790
+ --adyen-internal-text-body-font-size: var(--adyen-sdk-text-body-font-size, 16px);
2791
+ --adyen-internal-text-body-font-family-secondary: var(
2792
+ --adyen-sdk-text-body-font-family-secondary,
2793
+ 'Adyen Mono',
2794
+ 'Roboto Mono',
2795
+ 'Oxygen Mono',
2796
+ 'IBM Plex Mono',
2797
+ 'Courier New',
2798
+ monospace
2799
+ );
2800
+ --adyen-internal-text-body-font-family: var(
2801
+ --adyen-sdk-text-body-font-family,
2802
+ 'Adyen UI',
2803
+ Roboto,
2804
+ Oxygen,
2805
+ 'Open Sans',
2806
+ 'Helvetica Neue',
2807
+ Arial,
2808
+ sans-serif
2809
+ );
2810
+ --adyen-internal-text-caption-stronger-wide-line-height: var(
2811
+ --adyen-sdk-text-caption-stronger-wide-line-height,
2812
+ 24px
2813
+ );
2814
+ --adyen-internal-text-caption-stronger-wide-font-weight: var(
2815
+ --adyen-sdk-text-caption-stronger-wide-font-weight,
2816
+ 500
2817
+ );
2818
+ --adyen-internal-text-caption-stronger-font-weight: var(
2819
+ --adyen-sdk-text-caption-stronger-font-weight,
2820
+ 500
2821
+ );
2822
+ --adyen-internal-text-caption-wide-line-height: var(
2823
+ --adyen-sdk-text-caption-wide-line-height,
2824
+ 24px
2825
+ );
2826
+ --adyen-internal-text-caption-letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
2827
+ --adyen-internal-text-caption-line-height: var(--adyen-sdk-text-caption-line-height, 20px);
2828
+ --adyen-internal-text-caption-font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
2829
+ --adyen-internal-text-caption-font-size: var(--adyen-sdk-text-caption-font-size, 14px);
2830
+ --adyen-internal-text-caption-font-family-secondary: var(
2831
+ --adyen-sdk-text-caption-font-family-secondary,
2832
+ 'Adyen Mono',
2833
+ 'Roboto Mono',
2834
+ 'Oxygen Mono',
2835
+ 'IBM Plex Mono',
2836
+ 'Courier New',
2837
+ monospace
2838
+ );
2839
+ --adyen-internal-text-caption-font-family: var(
2840
+ --adyen-sdk-text-caption-font-family,
2841
+ 'Adyen UI',
2842
+ Roboto,
2843
+ Oxygen,
2844
+ 'Open Sans',
2845
+ 'Helvetica Neue',
2846
+ Arial,
2847
+ sans-serif
2848
+ );
2849
+ --adyen-internal-text-rich-text-caption-pre-line-height: var(
2850
+ --adyen-sdk-text-rich-text-caption-pre-line-height,
2851
+ 24px
2852
+ );
2853
+ --adyen-internal-text-rich-text-table-caption-line-height: var(
2854
+ --adyen-sdk-text-rich-text-table-caption-line-height,
2855
+ 24px
2856
+ );
2857
+ --adyen-internal-text-rich-text-table-header-font-weight: var(
2858
+ --adyen-sdk-text-rich-text-table-header-font-weight,
2859
+ 700
2860
+ );
2861
+ --adyen-internal-text-rich-text-table-line-height: var(
2862
+ --adyen-sdk-text-rich-text-table-line-height,
2863
+ 24px
2864
+ );
2865
+ --adyen-internal-text-rich-text-blockquote-font-weight: var(
2866
+ --adyen-sdk-text-rich-text-blockquote-font-weight,
2867
+ 400
2868
+ );
2869
+ --adyen-internal-text-rich-text-pre-line-height: var(
2870
+ --adyen-sdk-text-rich-text-pre-line-height,
2871
+ 26px
2872
+ );
2873
+ }
2862
2874
  }
2863
-
2864
- @media (min-width: 480px) {
2875
+ ._toast_5bwuk_1 {
2876
+ align-items: center;
2877
+ animation: _present-toast_5bwuk_1 400ms var(--adyen-internal-animation-easing-enter);
2878
+ background-color: var(--adyen-internal-color-background-inverse-primary);
2879
+ border-radius: var(--adyen-internal-border-radius-l);
2880
+ border-top: 1px solid var(--adyen-internal-color-outline-inverse-primary);
2881
+ bottom: var(--adyen-internal-spacer-070);
2882
+ box-shadow: var(--adyen-internal-shadow-high);
2883
+ display: flex;
2884
+ fill: var(--adyen-internal-color-label-inverse-secondary);
2885
+ gap: var(--adyen-internal-spacer-040);
2886
+ justify-content: flex-start;
2887
+ left: 50%;
2888
+ max-width: 420px;
2889
+ padding: var(--adyen-internal-spacer-040);
2890
+ position: fixed;
2891
+ transform: translateX(-50%);
2892
+ width: 90vw;
2893
+ z-index: 1000;
2894
+ }
2895
+
2896
+ ._toast-image_5bwuk_22 {
2897
+ align-items: center;
2898
+ border-radius: 50%;
2899
+ display: flex;
2900
+ justify-content: center;
2901
+ max-height: 32px;
2902
+ max-width: 32px;
2903
+ padding: var(--adyen-internal-spacer-040);
2904
+ }
2905
+
2906
+ ._toast-image-success_5bwuk_32 {
2907
+ color: var(--adyen-internal-color-decorative-green);
2908
+ fill: var(--adyen-internal-color-decorative-green);
2909
+ }
2910
+
2911
+ ._toast-image-error_5bwuk_37 {
2912
+ color: var(--adyen-internal-color-label-critical);
2913
+ fill: var(--adyen-internal-color-label-critical);
2914
+ }
2915
+
2916
+ ._toast-label_5bwuk_42 {
2917
+ align-items: center;
2918
+ color: var(--adyen-internal-color-label-inverse-primary);
2919
+ display: flex;
2920
+ flex-grow: 1;
2921
+ font-family: var(--adyen-internal-text-body-font-family);
2922
+ font-size: var(--adyen-internal-text-body-font-size);
2923
+ font-weight: var(--adyen-internal-text-body-font-weight);
2924
+ gap: var(--adyen-internal-spacer-040);
2925
+ line-height: var(--adyen-internal-text-body-line-height);
2926
+ padding: var(--adyen-internal-spacer-040);
2927
+ }
2928
+
2929
+ ._toast-actions_5bwuk_55 {
2930
+ display: flex;
2931
+ gap: var(--adyen-internal-spacer-040);
2932
+
2933
+ button:focus-visible {
2934
+ outline-color: var(--adyen-internal-color-outline-inverse-primary-active);
2935
+ }
2936
+ }
2937
+
2938
+ ._toast-action-close_5bwuk_64 {
2939
+ border-left: 1px solid var(--adyen-internal-color-outline-inverse-primary);
2940
+ padding-left: var(--adyen-internal-spacer-040);
2941
+ }
2942
+
2943
+ @keyframes _present-toast_5bwuk_1 {
2944
+ 0% {
2945
+ opacity: 0;
2946
+ transform: translate(-50%, 32px);
2947
+ }
2948
+
2949
+ 100% {
2950
+ opacity: 1;
2951
+ transform: translate(-50%, 0);
2952
+ }
2953
+ }
2954
+ ._header_15umz_1 {
2955
+ display: flex;
2956
+ flex-direction: column;
2957
+ gap: var(--adyen-internal-spacer-070);
2958
+ }
2959
+
2960
+ ._header-margin_15umz_7 {
2961
+ margin-bottom: var(--adyen-internal-spacer-140);
2962
+ }
2963
+
2964
+ ._header-margin-secondary_15umz_11 {
2965
+ margin-bottom: var(--adyen-internal-spacer-100);
2966
+ }
2967
+
2968
+ ._header-left_15umz_15 {
2969
+ align-items: flex-start;
2970
+ text-align: left;
2971
+ }
2972
+
2973
+ ._header-center_15umz_20 {
2974
+ align-items: center;
2975
+ text-align: center;
2976
+ }
2977
+
2978
+ ._header-right_15umz_25 {
2979
+ align-items: flex-end;
2980
+ text-align: right;
2981
+ }
2982
+
2983
+ ._header-content_15umz_30 {
2984
+ display: flex;
2985
+ flex-direction: column;
2986
+ gap: var(--adyen-internal-spacer-040);
2987
+ }
2988
+
2989
+ ._header-actions_15umz_36 {
2990
+ max-width: 300px;
2991
+ }
2992
+
2993
+ ._header-title_15umz_40 {
2994
+ color: var(--adyen-internal-color-label-primary);
2995
+ margin: 0;
2996
+ }
2997
+
2998
+ ._header-title-primary_15umz_45 {
2999
+ font-size: var(--adyen-internal-text-title-l-font-size);
3000
+ font-family: var(--adyen-internal-text-title-l-font-family);
3001
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
3002
+ line-height: var(--adyen-internal-text-title-l-line-height);
3003
+ }
3004
+
3005
+ ._header-title-secondary_15umz_52 {
3006
+ font-size: var(--adyen-internal-text-title-font-size);
3007
+ font-family: var(--adyen-internal-text-title-font-family);
3008
+ font-weight: var(--adyen-internal-text-title-font-weight);
3009
+ }
3010
+
3011
+ ._header-description_15umz_58 {
3012
+ font-size: var(--adyen-internal-text-body-font-size);
3013
+ font-family: var(--adyen-internal-text-body-font-family);
3014
+ font-weight: var(--adyen-internal-text-body-font-weight);
3015
+ line-height: var(--adyen-internal-text-body-line-height);
3016
+ }
3017
+
3018
+ ._header-description-primary_15umz_65 {
3019
+ color: var(--adyen-internal-color-label-primary);
3020
+ }
3021
+
3022
+ ._header-description-secondary_15umz_69 {
3023
+ color: var(--adyen-internal-color-label-secondary);
3024
+ }
3025
+ ._alert_jgk1f_1 {
3026
+ border-radius: var(--adyen-internal-border-radius-m);
3027
+ padding: var(--adyen-internal-spacer-070);
3028
+ word-break: break-word;
3029
+ display: flex;
3030
+ flex-direction: column;
3031
+ gap: var(--adyen-internal-spacer-040);
3032
+ text-align: left;
3033
+ }
3034
+ ._alert-without-icon_jgk1f_10 ._alert-explanation_jgk1f_10,
3035
+ ._alert-without-icon_jgk1f_10 ._alert-actions_jgk1f_11 {
3036
+ margin: 0 var(--adyen-internal-spacer-070);
3037
+ }
3038
+
3039
+ ._alert-basic_jgk1f_15 {
3040
+ background-color: var(--adyen-internal-color-background-secondary);
3041
+ }
3042
+
3043
+ ._alert-info_jgk1f_19 {
3044
+ background-color: var(--adyen-internal-color-background-highlight-weak);
3045
+ }
3046
+
3047
+ ._alert-error_jgk1f_23 {
3048
+ background-color: var(--adyen-internal-color-background-critical-weak);
3049
+ }
3050
+
3051
+ ._alert-warning_jgk1f_27 {
3052
+ background-color: var(--adyen-internal-color-background-warning-weak);
3053
+ }
3054
+
3055
+ ._alert-success_jgk1f_31 {
3056
+ background-color: var(--adyen-internal-color-background-success-weak);
3057
+ }
3058
+
3059
+ ._alert-header_jgk1f_35 {
3060
+ align-items: flex-start;
3061
+ display: flex;
3062
+ }
3063
+
3064
+ ._alert-header-without-children_jgk1f_40 {
3065
+ align-items: center;
3066
+ }
3067
+
3068
+ ._alert-icon_jgk1f_44 {
3069
+ line-height: var(--adyen-internal-text-body-line-height);
3070
+ margin-top: var(--adyen-internal-spacer-010);
3071
+ }
3072
+ ._alert-icon-info_jgk1f_48 {
3073
+ color: var(--adyen-internal-color-background-highlight-strong);
3074
+ }
3075
+
3076
+ ._alert-icon-error_jgk1f_52 {
3077
+ color: var(--adyen-internal-color-background-critical-strong);
3078
+ }
3079
+
3080
+ ._alert-icon-warning_jgk1f_56 {
3081
+ color: var(--adyen-internal-color-background-warning-strong);
3082
+ }
3083
+
3084
+ ._alert-icon-success_jgk1f_60 {
3085
+ color: var(--adyen-internal-color-background-success-strong);
3086
+ }
3087
+
3088
+ ._alert-title_jgk1f_64 {
3089
+ flex-grow: 1;
3090
+ margin-left: var(--adyen-internal-spacer-070);
3091
+ }
3092
+
3093
+ ._alert-explanation_jgk1f_10 {
3094
+ color: var(--adyen-internal-color-label-primary);
3095
+ font-size: var(--adyen-internal-text-body-font-size);
3096
+ margin: 0 var(--adyen-internal-spacer-100);
3097
+ }
3098
+
3099
+ ._alert-actions_jgk1f_11 {
3100
+ display: flex;
3101
+ gap: var(--adyen-internal-spacer-070);
3102
+ text-align: left;
3103
+ }
3104
+ ._modal_kkggh_1 {
3105
+ background-color: var(--adyen-internal-color-background-modal);
3106
+ border: var(--adyen-internal-spacer-000);
3107
+ box-shadow: var(--adyen-internal-shadow-high);
3108
+ display: flex;
3109
+ flex-direction: column;
3110
+ height: 100vh;
3111
+ height: 100dvh;
3112
+ max-height: unset;
3113
+ max-width: unset;
3114
+ overflow: hidden;
3115
+ padding: var(--adyen-internal-spacer-000);
3116
+ position: fixed;
3117
+ width: 100vw;
3118
+ width: 100dvw;
3119
+ }
3120
+
3121
+ ._modal_kkggh_1:focus-visible {
3122
+ outline: none;
3123
+ }
3124
+
3125
+ @media (min-width: 480px) {
2865
3126
  ._modal_kkggh_1 {
2866
3127
  transition:
2867
3128
  max-height 400ms,
@@ -2989,85 +3250,128 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
2989
3250
  overflow-y: auto;
2990
3251
  padding: var(--adyen-internal-spacer-070);
2991
3252
  }
2992
- ._end-state-layout_z1k0z_1 {
2993
- align-items: center;
2994
- display: flex;
2995
- flex-direction: column;
2996
- flex-grow: 1;
2997
- gap: var(--adyen-internal-spacer-100);
2998
- height: 100%;
2999
- justify-content: center;
3000
- margin-left: auto;
3001
- margin-right: auto;
3002
- max-width: 600px;
3003
- width: 100%;
3004
- }
3253
+ ._input_1pgbk_1 {
3254
+ opacity: 0;
3255
+ pointer-events: none;
3256
+ position: absolute;
3005
3257
 
3006
- ._end-state-layout-header_z1k0z_15 {
3007
- align-items: center;
3008
- display: flex;
3009
- flex-direction: column;
3010
- gap: var(--adyen-internal-spacer-040);
3011
- text-align: center;
3012
- }
3258
+ &:focus-visible + ._label_1pgbk_6::after {
3259
+ box-shadow:
3260
+ 0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
3261
+ 0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
3262
+ transition: var(--adyen-internal-animation-duration-fast)
3263
+ var(--adyen-internal-animation-easing-standard);
3264
+ transition-property: box-shadow;
3265
+ }
3013
3266
 
3014
- ._end-state-layout-icon_z1k0z_23 {
3015
- align-items: center;
3016
- border-radius: 50%;
3017
- display: flex;
3018
- height: 64px;
3019
- justify-content: center;
3020
- width: 64px;
3021
- }
3267
+ &:hover + ._label_1pgbk_6::after {
3268
+ background-color: var(--adyen-internal-color-background-primary-hover);
3269
+ }
3022
3270
 
3023
- ._end-state-layout-icon_z1k0z_23 svg {
3024
- height: 24px;
3025
- width: 24px;
3026
- }
3271
+ &:checked {
3272
+ & + ._label_1pgbk_6::before {
3273
+ opacity: 1;
3274
+ }
3027
3275
 
3028
- ._end-state-layout-icon-success_z1k0z_37 {
3029
- background-color: var(--adyen-internal-color-decorative-green);
3030
- box-shadow: var(--adyen-internal-shadow-medium);
3031
- color: var(--adyen-internal-color-label-on-color);
3032
- }
3276
+ & + ._label_1pgbk_6::after {
3277
+ background-color: var(--adyen-kyc-checkbox-input-color);
3278
+ border-color: var(--adyen-kyc-checkbox-input-color);
3279
+ }
3033
3280
 
3034
- ._end-state-layout-icon-error_z1k0z_43 {
3035
- background-color: var(--adyen-internal-color-background-critical-strong);
3036
- box-shadow: var(--adyen-internal-shadow-medium);
3037
- color: var(--adyen-internal-color-label-on-color);
3038
- }
3281
+ &:hover + ._label_1pgbk_6::after {
3282
+ background-color: var(--adyen-kyc-checkbox-hover-input-color);
3283
+ border-color: var(--adyen-kyc-checkbox-hover-input-color);
3284
+ }
3039
3285
 
3040
- ._end-state-layout-icon-info_z1k0z_49 {
3041
- background-color: var(--adyen-internal-color-background-highlight-weak);
3042
- color: var(--adyen-internal-color-label-highlight);
3043
- }
3286
+ &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3287
+ border-color: var(--adyen-internal-color-outline-critical);
3288
+ background-color: var(--adyen-internal-color-label-critical);
3289
+ }
3290
+ }
3044
3291
 
3045
- ._end-state-layout-icon-warning_z1k0z_54 {
3046
- background-color: var(--adyen-internal-color-decorative-yellow);
3047
- color: var(--adyen-internal-color-label-primary);
3048
- }
3292
+ &:disabled {
3293
+ & + ._label_1pgbk_6::before {
3294
+ border-bottom: var(--adyen-internal-border-width-m) solid
3295
+ var(--adyen-internal-color-outline-tertiary);
3296
+ border-right: var(--adyen-internal-border-width-m) solid
3297
+ var(--adyen-internal-color-outline-tertiary);
3298
+ }
3049
3299
 
3050
- ._end-state-layout-title_z1k0z_59 {
3051
- color: var(--adyen-internal-color-label-primary);
3052
- font-size: var(--adyen-internal-text-title-m-font-size);
3053
- font-weight: var(--adyen-internal-text-title-m-font-weight);
3054
- line-height: var(--adyen-internal-text-title-m-line-height);
3055
- margin: 0;
3300
+ & + ._label_1pgbk_6::after {
3301
+ background-color: var(--adyen-internal-color-background-disabled);
3302
+ border: var(--adyen-internal-border-width-s) solid
3303
+ var(--adyen-internal-color-background-disabled);
3304
+ }
3305
+
3306
+ &:hover + ._label_1pgbk_6::after {
3307
+ background-color: var(--adyen-internal-color-background-disabled);
3308
+ border: var(--adyen-internal-border-width-s) solid
3309
+ var(--adyen-internal-color-outline-tertiary);
3310
+ }
3311
+ }
3312
+
3313
+ &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3314
+ border-color: var(--adyen-internal-color-outline-critical);
3315
+ }
3056
3316
  }
3057
3317
 
3058
- ._end-state-layout-description_z1k0z_67 {
3059
- color: var(--adyen-internal-color-label-secondary);
3318
+ ._label_1pgbk_6 {
3319
+ --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
3320
+ --adyen-kyc-checkbox-hover-input-color: var(
3321
+ --adyen-internal-color-background-inverse-primary-hover
3322
+ );
3323
+ --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
3324
+ --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
3325
+
3326
+ color: var(--adyen-internal-color-label-primary);
3327
+ cursor: pointer;
3328
+ display: inline-block;
3060
3329
  font-size: var(--adyen-internal-text-body-font-size);
3061
3330
  font-weight: var(--adyen-internal-text-body-font-weight);
3062
- line-height: var(--adyen-internal-text-body-line-height);
3331
+ line-height: var(--adyen-kyc-checkbox-size);
3332
+ padding-left: var(--adyen-internal-spacer-090);
3333
+ position: relative;
3334
+ user-select: none;
3335
+ width: calc(100% - 32px); /* leaves space for the error icon */
3336
+
3337
+ /* Check */
3338
+ &::before {
3339
+ border-bottom: var(--adyen-internal-border-width-m) solid
3340
+ var(--adyen-kyc-checkbox-check-mark-color);
3341
+ border-right: var(--adyen-internal-border-width-m) solid
3342
+ var(--adyen-kyc-checkbox-check-mark-color);
3343
+ content: '';
3344
+ height: 7px;
3345
+ left: 3px;
3346
+ opacity: 0;
3347
+ position: absolute;
3348
+ top: 4px;
3349
+ transform: rotateZ(37deg);
3350
+ transform-origin: 100% 100%;
3351
+ width: 5px;
3352
+ z-index: 1;
3353
+ }
3354
+
3355
+ /* Box */
3356
+ &::after {
3357
+ background-color: var(--adyen-internal-color-background-primary);
3358
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3359
+ border-radius: var(--adyen-internal-border-radius-s);
3360
+ content: '';
3361
+ height: var(--adyen-kyc-checkbox-size);
3362
+ left: 0;
3363
+ position: absolute;
3364
+ top: 0;
3365
+ width: var(--adyen-kyc-checkbox-size);
3366
+ z-index: 0;
3367
+ }
3063
3368
  }
3064
3369
 
3065
- ._end-state-layout-action_z1k0z_74 {
3066
- display: flex;
3067
- flex-direction: column;
3068
- gap: var(--adyen-internal-spacer-040);
3069
- max-width: 320px;
3070
- width: 100%;
3370
+ ._helper-text_1pgbk_118 {
3371
+ color: var(--adyen-internal-color-label-secondary);
3372
+ display: block;
3373
+ font-size: var(--adyen-internal-text-body-font-size);
3374
+ padding-left: var(--adyen-internal-spacer-090);
3071
3375
  }
3072
3376
  ._loader-wrapper-loader_17ekf_1 {
3073
3377
  display: none;
@@ -3082,967 +3386,964 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
3082
3386
  ._loader-wrapper-loader-active_17ekf_11 {
3083
3387
  display: block;
3084
3388
  }
3085
- ._confirm_1aprd_1 {
3086
- display: flex;
3087
- flex-direction: column;
3088
- gap: var(--adyen-internal-spacer-100);
3089
- padding: var(--adyen-internal-spacer-070);
3389
+ ._progress-bar_1d5l3_1 {
3390
+ --adyen-progress-bar-size: 4px;
3391
+ background-color: var(--adyen-internal-color-background-secondary);
3392
+ height: var(--adyen-progress-bar-size);
3393
+ overflow: hidden;
3090
3394
  }
3091
3395
 
3092
- ._confirm-message_1aprd_8 {
3093
- display: flex;
3094
- flex-direction: column;
3095
- gap: var(--adyen-internal-spacer-040);
3396
+ ._progress-bar-rounded_1d5l3_8 {
3397
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
3096
3398
  }
3097
3399
 
3098
- ._confirm-actions_1aprd_14 {
3099
- display: flex;
3100
- flex-direction: column-reverse;
3101
- gap: var(--adyen-internal-spacer-040);
3102
-
3103
- @media (min-width: 480px) {
3104
- flex-direction: row;
3105
- justify-content: flex-end;
3106
- }
3107
- }
3108
- ._error-panel_1nb8q_1 {
3109
- margin-bottom: var(--adyen-internal-spacer-080);
3400
+ ._progress-bar-indicator_1d5l3_12 {
3401
+ background-color: var(--adyen-internal-color-background-inverse-primary);
3402
+ height: 100%;
3403
+ text-indent: -1000%;
3404
+ transition: width 400ms;
3405
+ overflow: hidden;
3110
3406
  }
3111
- ._list_s1vme_1 {
3112
- display: flex;
3113
- flex-direction: column;
3114
- gap: var(--adyen-internal-spacer-040);
3407
+ .adyen-kyc-field {
3408
+ display: block;
3409
+ margin-bottom: var(--adyen-internal-spacer-090);
3115
3410
  width: 100%;
3116
3411
  }
3117
3412
 
3118
- ._list-header_s1vme_8 {
3413
+ .adyen-kyc-field--disabled {
3414
+ color: var(--adyen-internal-color-label-disabled);
3415
+ opacity: 0.5;
3416
+ pointer-events: none;
3417
+ }
3418
+
3419
+ .adyen-kyc-optional-label {
3119
3420
  color: var(--adyen-internal-color-label-secondary);
3120
- font-size: var(--adyen-internal-text-body-stronger-font-size);
3421
+ }
3422
+
3423
+ .adyen-kyc-label__text {
3424
+ color: var(--adyen-internal-color-label-primary);
3425
+ display: block;
3426
+ font-size: var(--adyen-internal-text-body-font-size);
3121
3427
  font-weight: var(--adyen-internal-text-body-stronger-font-weight);
3122
- line-height: var(--adyen-internal-text-body-line-height);
3428
+ transition: color 0.1s ease-out;
3123
3429
  }
3124
3430
 
3125
- ._list-footer_s1vme_15 {
3126
- color: var(--adyen-internal-color-label-tertiary);
3431
+ .adyen-kyc-helper-text {
3432
+ color: var(--adyen-internal-color-label-secondary);
3127
3433
  font-size: var(--adyen-internal-text-caption-font-size);
3434
+ font-family: var(--adyen-internal-text-caption-font-family);
3128
3435
  font-weight: var(--adyen-internal-text-caption-font-weight);
3129
3436
  line-height: var(--adyen-internal-text-caption-line-height);
3437
+ display: flex;
3438
+ align-items: center;
3130
3439
  }
3131
3440
 
3132
- ._list-items_s1vme_22 {
3133
- list-style: none;
3134
- margin: 0 !important;
3441
+ .adyen-kyc-helper-text__above {
3442
+ margin-bottom: var(--adyen-internal-spacer-020);
3135
3443
  }
3136
3444
 
3137
- ._list-items-plain_s1vme_27 {
3138
- padding: 0 !important;
3445
+ .adyen-kyc-helper-text__below {
3446
+ margin-top: var(--adyen-internal-spacer-020);
3139
3447
  }
3140
3448
 
3141
- ._list-items-grouped-primary_s1vme_31 {
3142
- background-color: var(--adyen-internal-color-background-primary);
3143
- border: 1px solid var(--adyen-internal-color-outline-primary);
3144
- border-radius: var(--adyen-internal-border-radius-l);
3449
+ .adyen-kyc-helper-text__valid-format-check {
3450
+ color: var(--adyen-internal-color-label-success);
3451
+ font-size: var(--adyen-internal-text-title-font-size);
3452
+ font-family: var(--adyen-internal-text-title-font-family);
3453
+ font-weight: var(--adyen-internal-text-title-font-weight);
3454
+ line-height: var(--adyen-internal-text-title-line-height);
3455
+ display: inline-flex;
3145
3456
  }
3146
3457
 
3147
- ._list-items-grouped-secondary_s1vme_37 {
3148
- background-color: var(--adyen-internal-color-background-secondary);
3149
- border-radius: var(--adyen-internal-border-radius-l);
3458
+ .adyen-kyc-label__text--error {
3459
+ color: var(--adyen-internal-color-label-critical);
3150
3460
  }
3151
3461
 
3152
- ._list-items-padding-none_s1vme_42 {
3153
- padding: var(--adyen-internal-spacer-000) !important;
3462
+ .adyen-kyc-error-text {
3463
+ align-items: center;
3464
+ color: var(--adyen-internal-color-label-critical);
3465
+ display: flex;
3466
+ font-size: var(--adyen-internal-text-caption-font-size);
3467
+ font-family: var(--adyen-internal-text-caption-font-family);
3468
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3469
+ line-height: var(--adyen-internal-text-caption-line-height);
3470
+ margin-top: var(--adyen-internal-spacer-020);
3471
+ position: relative;
3154
3472
  }
3155
3473
 
3156
- ._list-items-padding-small_s1vme_46 {
3157
- padding: var(--adyen-internal-spacer-040) !important;
3474
+ .adyen-kyc-guidance-text {
3475
+ align-items: center;
3476
+ color: var(--adyen-internal-color-label-secondary);
3477
+ display: flex;
3478
+ font-size: var(--adyen-internal-text-caption-font-size);
3479
+ font-family: var(--adyen-internal-text-caption-font-family);
3480
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3481
+ line-height: var(--adyen-internal-text-caption-line-height);
3482
+ margin-top: var(--adyen-internal-spacer-020);
3483
+ position: relative;
3158
3484
  }
3159
3485
 
3160
- ._list-items-padding-medium_s1vme_50 {
3161
- padding: var(--adyen-internal-spacer-070) !important;
3486
+ .adyen-kyc-upload-field__guidance {
3487
+ display: flex;
3488
+ flex-direction: column;
3162
3489
  }
3163
3490
 
3164
- ._list-items-padding-large_s1vme_54 {
3165
- padding: var(--adyen-internal-spacer-090) !important;
3491
+ .adyen-kyc-upload-field__subtitle {
3492
+ color: var(--adyen-internal-color-label-primary);
3493
+ margin: var(--adyen-internal-spacer-070) var(--adyen-internal-spacer-000);
3166
3494
  }
3167
3495
 
3168
- ._list-item-row-separator_s1vme_58:not(:last-child) {
3169
- border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
3170
- margin-bottom: var(--adyen-internal-spacer-040);
3171
- padding-bottom: var(--adyen-internal-spacer-040);
3172
- }
3173
- ._structured-list_w3dv7_1 {
3174
- margin: var(--adyen-internal-spacer-000);
3175
- color: var(--adyen-internal-color-label-primary);
3496
+ .adyen-kyc-input-wrapper {
3497
+ display: block;
3498
+ position: relative;
3499
+ margin-top: var(--adyen-internal-spacer-040);
3176
3500
  }
3177
3501
 
3178
- ._structured-list-section-field_w3dv7_6 {
3179
- display: flex;
3502
+ .adyen-kyc-input-wrapper--block {
3503
+ display: block;
3504
+ }
3505
+ .adyen-kyc-dropdown {
3180
3506
  font-size: var(--adyen-internal-text-body-font-size);
3181
- margin-bottom: var(--adyen-internal-spacer-060);
3507
+ max-width: 100%;
3508
+ width: 100%;
3182
3509
  }
3183
3510
 
3184
- @container main (max-width: 680px) {
3185
- ._structured-list-section-field_w3dv7_6 {
3186
- flex-direction: column;
3187
- }
3511
+ .adyen-kyc-dropdown--minimal {
3512
+ max-width: 120px;
3188
3513
  }
3189
3514
 
3190
- ._structured-list-section-field_w3dv7_6:last-child {
3191
- margin-bottom: var(--adyen-internal-spacer-000);
3515
+ .adyen-kyc-dropdown-list {
3516
+ border-radius: var(--adyen-internal-border-radius-m);
3517
+ box-shadow: var(--adyen-internal-shadow-medium-border);
3518
+ z-index: 2;
3192
3519
  }
3193
3520
 
3194
- ._structured-list-section-label_w3dv7_22,
3195
- ._structured-list-section-data_w3dv7_23 {
3196
- display: flex;
3197
- flex: 1;
3521
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
3522
+ cursor: pointer;
3198
3523
  }
3199
3524
 
3200
- ._structured-list-section-label_w3dv7_22 {
3201
- color: var(--adyen-internal-color-label-secondary);
3525
+ .adyen-kyc-dropdown-list--above {
3526
+ bottom: -6px;
3202
3527
  }
3203
3528
 
3204
- ._structured-list-section-data_w3dv7_23 {
3205
- margin: var(--adyen-internal-spacer-000);
3206
- display: flex;
3207
- flex-direction: column;
3208
- width: 100%;
3209
- overflow-wrap: anywhere;
3529
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3530
+ margin-top: var(--adyen-internal-spacer-010);
3210
3531
  }
3211
3532
 
3212
- @container main (max-width: 680px) {
3213
- ._structured-list-section-data_w3dv7_23 {
3214
- margin-top: var(--adyen-internal-spacer-010);
3215
- }
3533
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
3534
+ width: 200px;
3216
3535
  }
3217
3536
 
3218
- ._structured-list-section-detail_w3dv7_46 {
3219
- margin: var(--adyen-internal-spacer-000);
3220
- }
3221
- ._summary_1op7a_1 {
3222
- display: flex;
3537
+ .adyen-kyc-dropdown-element {
3538
+ border: var(--adyen-internal-border-width-s) solid transparent;
3223
3539
  color: var(--adyen-internal-color-label-primary);
3224
- flex-direction: column;
3540
+ cursor: pointer;
3541
+ font-size: var(--adyen-internal-text-caption-font-size);
3542
+ font-family: var(--adyen-internal-text-caption-font-family);
3543
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3544
+ line-height: var(--adyen-internal-text-caption-line-height);
3545
+ hyphens: auto;
3546
+ outline: 0;
3547
+ padding: var(--adyen-internal-spacer-040);
3548
+ transition:
3549
+ background 0.2s ease-out,
3550
+ border-color 0.2s ease-out;
3551
+ user-select: none;
3552
+ word-break: break-word;
3225
3553
  }
3226
3554
 
3227
- ._summary-content_1op7a_7 {
3555
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
3556
+ align-items: baseline;
3228
3557
  display: flex;
3229
- flex-direction: column;
3230
- gap: var(--adyen-internal-spacer-070);
3558
+ font-size: var(--adyen-internal-text-body-font-size);
3559
+ width: 100%;
3231
3560
  }
3232
3561
 
3233
- ._summary-list_1op7a_13 {
3234
- display: flex;
3235
- flex-direction: column;
3236
- gap: var(--adyen-internal-spacer-070);
3237
- padding-bottom: var(--adyen-internal-spacer-070);
3238
- padding-top: var(--adyen-internal-spacer-070);
3562
+ .adyen-kyc-dropdown-search-element__description {
3563
+ flex: 1;
3239
3564
  }
3240
3565
 
3241
- @container main (min-width: 680px) {
3242
- ._summary-list_1op7a_13 {
3243
- gap: var(--adyen-internal-spacer-040);
3244
- }
3566
+ .adyen-kyc-dropdown-search-element__description--highlight {
3567
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight);
3245
3568
  }
3246
3569
 
3247
- ._summary-list-header_1op7a_27 {
3570
+ .adyen-kyc-dropdown-search-element__addresses {
3571
+ color: var(--adyen-internal-color-label-secondary);
3248
3572
  display: flex;
3249
- align-items: center;
3250
3573
  }
3251
3574
 
3252
- ._summary-list-header-title_1op7a_32 {
3253
- color: var(--adyen-internal-color-label-primary);
3254
- flex-grow: 1;
3255
- font-size: var(--adyen-internal-text-title-font-size);
3256
- font-weight: var(--adyen-internal-text-title-font-weight);
3257
- line-height: var(--adyen-internal-text-title-line-height);
3258
- margin: 0;
3575
+ .adyen-kyc-dropdown-search-element__addresses--icon {
3576
+ align-items: center;
3577
+ color: var(--adyen-internal-color-label-secondary);
3578
+ display: flex;
3579
+ margin-left: var(--adyen-internal-spacer-040);
3259
3580
  }
3260
3581
 
3261
- ._summary-list-item_1op7a_41 {
3262
- display: flex;
3263
- flex-direction: column;
3264
- font-size: var(--adyen-internal-text-body-font-size);
3265
- gap: var(--adyen-internal-spacer-010);
3582
+ .adyen-kyc-dropdown-search-element__addresses--text {
3583
+ display: none;
3584
+ margin-left: var(--adyen-internal-spacer-020);
3266
3585
  }
3267
3586
 
3268
- @container main (min-width: 680px) {
3269
- ._summary-list-item_1op7a_41 {
3270
- flex-direction: row;
3271
- gap: var(--adyen-internal-spacer-040);
3587
+ @container main (min-width: 1024px) {
3588
+ .adyen-kyc-dropdown-search-element__addresses--text {
3589
+ display: block;
3272
3590
  }
3273
3591
  }
3274
3592
 
3275
- ._summary-list-item-key_1op7a_55 {
3276
- color: var(--adyen-internal-color-label-secondary);
3277
- flex: 1;
3278
- margin: 0;
3593
+ .adyen-kyc-dropdown-element:last-child {
3594
+ border-bottom: 0;
3279
3595
  }
3280
3596
 
3281
- @container main (min-width: 680px) {
3282
- ._summary-list-item-key_1op7a_55 {
3283
- max-width: 40%;
3284
- }
3597
+ .adyen-kyc-dropdown-element:hover,
3598
+ .adyen-kyc-dropdown-element:focus,
3599
+ .adyen-kyc-dropdown-element:active {
3600
+ background: var(--adyen-internal-color-background-primary-hover);
3285
3601
  }
3286
3602
 
3287
- ._summary-list-item-value_1op7a_67 {
3288
- flex: 1;
3289
- margin: 0;
3290
- text-align: left;
3603
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
3604
+ background: var(--adyen-internal-color-background-primary-active);
3291
3605
  }
3292
3606
 
3293
- ._summary-content-legal-caption_1op7a_73 {
3294
- color: var(--adyen-internal-color-label-tertiary);
3295
- font-size: var(--adyen-internal-text-caption-font-size);
3296
- font-weight: var(--adyen-internal-text-caption-font-weight);
3297
- line-height: var(--adyen-internal-text-caption-line-height);
3298
- padding-left: var(--adyen-internal-spacer-070);
3299
- padding-right: var(--adyen-internal-spacer-070);
3607
+ .adyen-kyc-dropdown-element--disabled {
3608
+ cursor: not-allowed;
3609
+ opacity: 0.4;
3300
3610
  }
3301
3611
 
3302
- @media (prefers-contrast: more) or (prefers-reduced-transparency) {
3303
- ._summary-content-legal-caption_1op7a_73 {
3304
- color: var(--adyen-internal-color-label-secondary);
3305
- }
3612
+ .adyen-kyc-dropdown-element__icon svg {
3613
+ border-radius: var(--adyen-internal-border-radius-s);
3614
+ margin-right: var(--adyen-internal-spacer-040);
3615
+ height: 26px;
3616
+ max-width: 40px;
3306
3617
  }
3307
3618
 
3308
- ._summary-content-list_1op7a_88 {
3309
- list-style-type: disc;
3619
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
3620
+ align-items: baseline;
3621
+ flex-direction: column;
3622
+ font-size: var(--adyen-internal-text-body-font-size);
3310
3623
  }
3311
3624
 
3312
- ._summary-content-logo_1op7a_92 {
3313
- height: 28px;
3314
- width: 100px;
3625
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
3626
+ right: 32px;
3315
3627
  }
3316
- ._progress-bar_1d5l3_1 {
3317
- --adyen-progress-bar-size: 4px;
3318
- background-color: var(--adyen-internal-color-background-secondary);
3319
- height: var(--adyen-progress-bar-size);
3320
- overflow: hidden;
3628
+ .adyen-kyc-dropdown {
3629
+ position: relative;
3321
3630
  }
3322
3631
 
3323
- ._progress-bar-rounded_1d5l3_8 {
3324
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
3632
+ .adyen-kyc-dropdown-list {
3633
+ background: var(--adyen-internal-color-background-primary);
3634
+ display: none;
3635
+ list-style: none;
3636
+ margin: var(--adyen-internal-spacer-000);
3637
+ margin-bottom: var(--adyen-internal-spacer-120);
3638
+ overflow-y: auto;
3639
+ padding: var(--adyen-internal-spacer-000);
3640
+ position: absolute;
3641
+ width: 100%;
3642
+ z-index: 2;
3325
3643
  }
3326
-
3327
- ._progress-bar-indicator_1d5l3_12 {
3328
- background-color: var(--adyen-internal-color-background-inverse-primary);
3329
- height: 100%;
3330
- text-indent: -1000%;
3331
- transition: width 400ms;
3332
- overflow: hidden;
3644
+ .adyen-kyc-dropdown-list__transformer {
3645
+ position: relative;
3646
+ padding: 0 !important;
3647
+ margin: 0 !important;
3333
3648
  }
3334
- ._form-flow_1eou7_1 {
3335
- --adyen-form-toolbar-height: 80px;
3336
- container-type: inline-size;
3337
- width: 100%;
3338
- min-height: 100%;
3339
- color: var(--adyen-internal-color-label-primary);
3649
+ .adyen-kyc-dropdown-list:focus {
3650
+ outline: none;
3340
3651
  }
3341
3652
 
3342
- ._form-flow-content_1eou7_9 {
3343
- margin: auto;
3344
- max-width: 600px;
3345
- min-height: calc(100% - var(--adyen-form-toolbar-height));
3346
- padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
3653
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3654
+ display: block;
3347
3655
  }
3348
3656
 
3349
- @container (min-width: 399px) {
3350
- ._form-flow-content_1eou7_9 {
3351
- padding-left: var(--adyen-internal-spacer-100);
3352
- padding-right: var(--adyen-internal-spacer-100);
3353
- }
3657
+ .adyen-kyc-dropdown-element {
3658
+ align-items: center;
3659
+ display: flex;
3354
3660
  }
3355
-
3356
- @container (min-width: 599px) {
3357
- ._form-flow-content_1eou7_9 {
3358
- padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
3359
- padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
3360
- }
3661
+ ._select-input-wrapper_15ce7_1 {
3662
+ align-items: center;
3663
+ display: flex;
3664
+ background: var(--adyen-internal-color-background-secondary);
3665
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3666
+ border-radius: var(--adyen-internal-border-radius-m);
3667
+ color: var(--adyen-internal-color-label-primary);
3668
+ font-size: var(--adyen-internal-text-body-font-size);
3669
+ line-height: var(--adyen-internal-text-body-line-height);
3670
+ min-height: 40px;
3671
+ outline: 0;
3672
+ padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-090)
3673
+ var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3674
+ text-decoration: none;
3675
+ transition:
3676
+ border 0.2s ease-out,
3677
+ box-shadow 0.2s ease-out;
3678
+ user-select: none;
3361
3679
  }
3362
3680
 
3363
- ._form-flow-footer_1eou7_30 {
3364
- background-color: var(--adyen-internal-color-background-primary);
3365
- bottom: 0;
3366
- height: var(--adyen-form-toolbar-height);
3367
- position: sticky;
3368
- z-index: 1;
3681
+ ._select-input-wrapper_15ce7_1:hover {
3682
+ border-color: var(--adyen-internal-color-outline-tertiary-hover);
3369
3683
  }
3370
3684
 
3371
- @supports (backdrop-filter: blur(10px)) {
3372
- ._form-flow-footer_1eou7_30 {
3373
- backdrop-filter: blur(10px);
3374
- background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
3375
- }
3685
+ ._select-input__icon_15ce7_25 svg {
3686
+ border-radius: var(--adyen-internal-border-radius-s);
3687
+ margin-right: var(--adyen-internal-spacer-040);
3688
+ height: 26px;
3689
+ max-width: 40px;
3376
3690
  }
3377
3691
 
3378
- ._form-flow-footer-border_1eou7_45 {
3379
- border-top: 4px solid var(--adyen-internal-color-background-secondary);
3692
+ ._select-input_15ce7_1 {
3693
+ /* takes bg color of parent wrapper, which is 0.04 alpha */
3694
+ background-color: transparent;
3380
3695
  }
3381
3696
 
3382
- ._form-flow-actions_1eou7_49 {
3383
- display: flex;
3384
- gap: var(--adyen-internal-spacer-040);
3385
- justify-content: space-between;
3386
- padding: var(--adyen-internal-spacer-070);
3697
+ ._select-input--active_15ce7_37,
3698
+ ._select-input--active_15ce7_37:hover,
3699
+ ._select-input-wrapper_15ce7_1:active,
3700
+ ._select-input-wrapper_15ce7_1:focus {
3701
+ border-color: var(--adyen-internal-color-outline-tertiary-active);
3702
+ outline: var(--adyen-internal-border-width-s) solid
3703
+ var(--adyen-internal-color-outline-tertiary-active);
3387
3704
  }
3388
3705
 
3389
- ._form-flow-primary-actions_1eou7_56 {
3390
- display: flex;
3391
- gap: var(--adyen-internal-spacer-040);
3392
- margin-left: auto;
3706
+ ._select-input-wrapper_15ce7_1._select-input--readonly_15ce7_46 {
3707
+ background-color: var(--adyen-internal-color-background-disabled);
3708
+ color: var(--adyen-internal-color-label-disabled);
3709
+ cursor: not-allowed;
3710
+ pointer-events: none;
3711
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
3393
3712
  }
3394
- .adyen-kyc-field {
3395
- display: block;
3396
- margin-bottom: var(--adyen-internal-spacer-090);
3397
- width: 100%;
3713
+
3714
+ ._select-input--readonly_15ce7_46::after {
3715
+ background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23B9C4C9'/%3E%3C/svg%3E%0A");
3398
3716
  }
3399
3717
 
3400
- .adyen-kyc-field--disabled {
3401
- color: var(--adyen-internal-color-label-disabled);
3402
- opacity: 0.5;
3403
- pointer-events: none;
3718
+ ._select-input--invalid_15ce7_58 {
3719
+ border-color: var(--adyen-internal-color-outline-critical);
3404
3720
  }
3405
3721
 
3406
- .adyen-kyc-optional-label {
3407
- color: var(--adyen-internal-color-label-secondary);
3722
+ ._select-input--minimal_15ce7_62 {
3723
+ min-height: unset;
3724
+ height: 100%;
3725
+ border: none;
3726
+ border-radius: var(--adyen-internal-border-radius-s);
3408
3727
  }
3409
3728
 
3410
- .adyen-kyc-label__text {
3411
- color: var(--adyen-internal-color-label-primary);
3412
- display: block;
3413
- font-size: var(--adyen-internal-text-body-font-size);
3414
- font-weight: var(--adyen-internal-text-body-stronger-font-weight);
3415
- transition: color 0.1s ease-out;
3729
+ ._select-input-search_15ce7_69 {
3730
+ align-items: center;
3731
+ display: flex;
3732
+ width: 100%;
3416
3733
  }
3417
3734
 
3418
- .adyen-kyc-helper-text {
3419
- color: var(--adyen-internal-color-label-secondary);
3735
+ ._select-input-search__icon_15ce7_75 {
3736
+ color: var(--adyen-internal-color-label-tertiary);
3420
3737
  font-size: var(--adyen-internal-text-caption-font-size);
3421
3738
  font-family: var(--adyen-internal-text-caption-font-family);
3422
3739
  font-weight: var(--adyen-internal-text-caption-font-weight);
3423
3740
  line-height: var(--adyen-internal-text-caption-line-height);
3424
- display: flex;
3425
- align-items: center;
3741
+ padding-right: var(--adyen-internal-spacer-040);
3426
3742
  }
3427
3743
 
3428
- .adyen-kyc-helper-text__above {
3429
- margin-bottom: var(--adyen-internal-spacer-020);
3744
+ ._select-input-search_15ce7_69 ._select-input--filterable_15ce7_84::placeholder {
3745
+ color: var(--adyen-internal-color-label-tertiary);
3746
+ font-weight: var(--adyen-internal-text-body-font-weight);
3430
3747
  }
3431
3748
 
3432
- .adyen-kyc-helper-text__below {
3433
- margin-top: var(--adyen-internal-spacer-020);
3749
+ ._select-input-search_15ce7_69::after {
3750
+ display: none;
3434
3751
  }
3435
3752
 
3436
- .adyen-kyc-helper-text__valid-format-check {
3437
- color: var(--adyen-internal-color-label-success);
3438
- font-size: var(--adyen-internal-text-title-font-size);
3439
- font-family: var(--adyen-internal-text-title-font-family);
3440
- font-weight: var(--adyen-internal-text-title-font-weight);
3441
- line-height: var(--adyen-internal-text-title-line-height);
3442
- display: inline-flex;
3753
+ ._select-input-wrapper--filterable_15ce7_93 {
3754
+ cursor: text;
3443
3755
  }
3444
3756
 
3445
- .adyen-kyc-label__text--error {
3446
- color: var(--adyen-internal-color-label-critical);
3757
+ ._select-input-wrapper--non-filterable_15ce7_97 {
3758
+ cursor: pointer;
3447
3759
  }
3448
3760
 
3449
- .adyen-kyc-error-text {
3450
- align-items: center;
3451
- color: var(--adyen-internal-color-label-critical);
3452
- display: flex;
3453
- font-size: var(--adyen-internal-text-caption-font-size);
3454
- font-family: var(--adyen-internal-text-caption-font-family);
3455
- font-weight: var(--adyen-internal-text-caption-font-weight);
3456
- line-height: var(--adyen-internal-text-caption-line-height);
3457
- margin-top: var(--adyen-internal-spacer-020);
3458
- position: relative;
3761
+ ._select-input-wrapper_15ce7_1::after {
3762
+ background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
3763
+ background-position: center;
3764
+ background-repeat: no-repeat;
3765
+ content: '';
3766
+ height: 6px;
3767
+ position: absolute;
3768
+ right: 16px;
3769
+ width: 8px;
3459
3770
  }
3460
3771
 
3461
- .adyen-kyc-guidance-text {
3462
- align-items: center;
3772
+ ._select-input--list-open_15ce7_112::after {
3773
+ transform: rotate(180deg);
3774
+ }
3775
+
3776
+ ._select-input--filterable_15ce7_84 {
3777
+ border: 0;
3778
+ caret-color: var(--adyen-internal-color-label-highlight);
3779
+ color: var(--adyen-internal-color-label-primary);
3780
+ font-family: inherit;
3781
+ font-size: var(--adyen-internal-text-body-font-size);
3782
+ height: 100%;
3783
+ padding: var(--adyen-internal-spacer-000);
3784
+ width: 100%;
3785
+ }
3786
+
3787
+ ._select-input--filterable_15ce7_84::placeholder {
3463
3788
  color: var(--adyen-internal-color-label-secondary);
3464
- display: flex;
3465
- font-size: var(--adyen-internal-text-caption-font-size);
3466
- font-family: var(--adyen-internal-text-caption-font-family);
3467
- font-weight: var(--adyen-internal-text-caption-font-weight);
3468
- line-height: var(--adyen-internal-text-caption-line-height);
3469
- margin-top: var(--adyen-internal-spacer-020);
3470
- position: relative;
3789
+ font-weight: var(--adyen-internal-text-body-font-weight);
3471
3790
  }
3472
3791
 
3473
- .adyen-kyc-upload-field__guidance {
3474
- display: flex;
3475
- flex-direction: column;
3792
+ ._select-input--filterable_15ce7_84:focus,
3793
+ ._select-input--filterable_15ce7_84:active {
3794
+ outline: 0;
3476
3795
  }
3477
3796
 
3478
- .adyen-kyc-upload-field__subtitle {
3479
- color: var(--adyen-internal-color-label-primary);
3480
- margin: var(--adyen-internal-spacer-070) var(--adyen-internal-spacer-000);
3797
+ ._select-input--non-filterable_15ce7_137 {
3798
+ all: unset;
3481
3799
  }
3482
3800
 
3483
- .adyen-kyc-input-wrapper {
3484
- display: block;
3485
- position: relative;
3486
- margin-top: var(--adyen-internal-spacer-040);
3801
+ /* Used in non-filterable mode only */
3802
+ ._select-input--placeholder_15ce7_142 {
3803
+ color: var(--adyen-internal-color-label-secondary);
3804
+ font-weight: var(--adyen-internal-text-body-font-weight);
3487
3805
  }
3488
3806
 
3489
- .adyen-kyc-input-wrapper--block {
3807
+ /* To resolve a bug where filterable select \`<input>\`s weren't focusable on iOS */
3808
+ ._ignore-pointer-events_15ce7_148 {
3809
+ pointer-events: none;
3810
+ }
3811
+
3812
+ ._handle-pointer-events_15ce7_152 {
3813
+ pointer-events: auto;
3814
+ }
3815
+ .adyen-kyc-field-wrapper {
3816
+ display: flex;
3817
+ flex-wrap: nowrap;
3818
+ width: 100%;
3819
+ gap: var(--adyen-internal-spacer-080);
3820
+ }
3821
+
3822
+ .adyen-kyc-input {
3823
+ height: var(--adyen-internal-spacer-110);
3824
+ line-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
3825
+ min-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
3826
+ background: var(--adyen-internal-color-background-primary);
3827
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3828
+ border-radius: var(--adyen-internal-border-radius-m);
3829
+ caret-color: var(--adyen-internal-color-label-highlight);
3830
+ color: var(--adyen-internal-color-label-primary);
3490
3831
  display: block;
3832
+ font-family: inherit;
3833
+ font-size: var(--adyen-internal-text-body-font-size);
3834
+ outline: none;
3835
+ padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3836
+ position: relative;
3837
+ transition:
3838
+ border 0.2s ease-out,
3839
+ box-shadow 0.2s ease-out;
3840
+ width: 100%;
3491
3841
  }
3492
- ._input_1pgbk_1 {
3493
- opacity: 0;
3494
- pointer-events: none;
3495
- position: absolute;
3496
3842
 
3497
- &:focus-visible + ._label_1pgbk_6::after {
3498
- box-shadow:
3499
- 0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
3500
- 0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
3501
- transition: var(--adyen-internal-animation-duration-fast)
3502
- var(--adyen-internal-animation-easing-standard);
3503
- transition-property: box-shadow;
3504
- }
3843
+ .adyen-kyc-input::placeholder {
3844
+ color: var(--adyen-internal-color-label-secondary);
3845
+ font-weight: var(--adyen-internal-text-body-font-weight);
3846
+ }
3505
3847
 
3506
- &:hover + ._label_1pgbk_6::after {
3507
- background-color: var(--adyen-internal-color-background-primary-hover);
3508
- }
3848
+ .adyen-kyc-input:hover {
3849
+ border-color: var(--adyen-internal-color-outline-tertiary-hover);
3850
+ }
3509
3851
 
3510
- &:checked {
3511
- & + ._label_1pgbk_6::before {
3512
- opacity: 1;
3513
- }
3852
+ .adyen-kyc-input:required {
3853
+ box-shadow: none;
3854
+ }
3514
3855
 
3515
- & + ._label_1pgbk_6::after {
3516
- background-color: var(--adyen-kyc-checkbox-input-color);
3517
- border-color: var(--adyen-kyc-checkbox-input-color);
3518
- }
3856
+ .adyen-kyc-input[readonly],
3857
+ .adyen-kyc-input[readonly]:hover,
3858
+ .adyen-kyc-input--disabled {
3859
+ background-color: var(--adyen-internal-color-background-disabled);
3860
+ color: var(--adyen-internal-color-label-disabled);
3861
+ cursor: not-allowed;
3862
+ pointer-events: none;
3863
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
3864
+ }
3519
3865
 
3520
- &:hover + ._label_1pgbk_6::after {
3521
- background-color: var(--adyen-kyc-checkbox-hover-input-color);
3522
- border-color: var(--adyen-kyc-checkbox-hover-input-color);
3523
- }
3866
+ .adyen-kyc-input--disabled:hover {
3867
+ border-color: var(--adyen-internal-color-outline-disabled);
3868
+ }
3524
3869
 
3525
- &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3526
- border-color: var(--adyen-internal-color-outline-critical);
3527
- background-color: var(--adyen-internal-color-label-critical);
3528
- }
3529
- }
3870
+ .adyen-kyc-input--error,
3871
+ .adyen-kyc-input--invalid,
3872
+ .adyen-kyc-input--error:hover,
3873
+ .adyen-kyc-input--invalid:hover {
3874
+ border-color: var(--adyen-internal-color-outline-critical);
3875
+ color: var(--adyen-internal-color-label-critical);
3876
+ }
3530
3877
 
3531
- &:disabled {
3532
- & + ._label_1pgbk_6::before {
3533
- border-bottom: var(--adyen-internal-border-width-m) solid
3534
- var(--adyen-internal-color-outline-tertiary);
3535
- border-right: var(--adyen-internal-border-width-m) solid
3536
- var(--adyen-internal-color-outline-tertiary);
3537
- }
3878
+ .adyen-kyc-input:active,
3879
+ .adyen-kyc-input:focus,
3880
+ .adyen-kyc-input--focus,
3881
+ .adyen-kyc-input:active:hover,
3882
+ .adyen-kyc-input:focus:hover,
3883
+ .adyen-kyc-input--focus:hover {
3884
+ border-color: var(--adyen-internal-color-outline-tertiary-active);
3885
+ outline: var(--adyen-internal-border-width-s) solid
3886
+ var(--adyen-internal-color-outline-tertiary-active);
3887
+ }
3538
3888
 
3539
- & + ._label_1pgbk_6::after {
3540
- background-color: var(--adyen-internal-color-background-disabled);
3541
- border: var(--adyen-internal-border-width-s) solid
3542
- var(--adyen-internal-color-background-disabled);
3543
- }
3889
+ .adyen-kyc-input--number {
3890
+ appearance: none;
3891
+ margin: 0;
3892
+ }
3544
3893
 
3545
- &:hover + ._label_1pgbk_6::after {
3546
- background-color: var(--adyen-internal-color-background-disabled);
3547
- border: var(--adyen-internal-border-width-s) solid
3548
- var(--adyen-internal-color-outline-tertiary);
3549
- }
3550
- }
3894
+ .adyen-kyc-input--number::-webkit-outer-spin-button,
3895
+ .adyen-kyc-input--number::-webkit-inner-spin-button {
3896
+ appearance: none;
3897
+ margin: 0;
3898
+ }
3551
3899
 
3552
- &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3553
- border-color: var(--adyen-internal-color-outline-critical);
3554
- }
3900
+ .adyen-kyc-input--date {
3901
+ padding-right: var(--adyen-internal-spacer-100);
3902
+ line-height: var(--adyen-internal-text-body-line-height);
3555
3903
  }
3556
3904
 
3557
- ._label_1pgbk_6 {
3558
- --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
3559
- --adyen-kyc-checkbox-hover-input-color: var(
3560
- --adyen-internal-color-background-inverse-primary-hover
3561
- );
3562
- --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
3563
- --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
3905
+ .adyen-kyc-input--textarea {
3906
+ height: calc(var(--adyen-internal-spacer-110) + var(--adyen-internal-spacer-080));
3907
+ line-height: var(--adyen-internal-text-body-line-height);
3908
+ }
3564
3909
 
3565
- color: var(--adyen-internal-color-label-primary);
3566
- cursor: pointer;
3567
- display: inline-block;
3568
- font-size: var(--adyen-internal-text-body-font-size);
3569
- font-weight: var(--adyen-internal-text-body-font-weight);
3570
- line-height: var(--adyen-kyc-checkbox-size);
3571
- padding-left: var(--adyen-internal-spacer-090);
3572
- position: relative;
3573
- user-select: none;
3574
- width: calc(100% - 32px); /* leaves space for the error icon */
3910
+ .adyen-kyc-input__inline-validation {
3911
+ height: var(--adyen-internal-spacer-070);
3912
+ position: absolute;
3913
+ right: calc(var(--adyen-internal-spacer-060) + var(--adyen-internal-spacer-010));
3914
+ transform: translateY(-50%);
3915
+ width: var(--adyen-internal-spacer-070);
3916
+ top: var(--adyen-internal-spacer-080);
3917
+ }
3575
3918
 
3576
- /* Check */
3577
- &::before {
3578
- border-bottom: var(--adyen-internal-border-width-m) solid
3579
- var(--adyen-kyc-checkbox-check-mark-color);
3580
- border-right: var(--adyen-internal-border-width-m) solid
3581
- var(--adyen-kyc-checkbox-check-mark-color);
3582
- content: '';
3583
- height: 7px;
3584
- left: 3px;
3585
- opacity: 0;
3586
- position: absolute;
3587
- top: 4px;
3588
- transform: rotateZ(37deg);
3589
- transform-origin: 100% 100%;
3590
- width: 5px;
3591
- z-index: 1;
3592
- }
3919
+ .adyen-kyc-input__inline-validation--invalid {
3920
+ color: var(--adyen-internal-color-label-critical);
3921
+ }
3593
3922
 
3594
- /* Box */
3595
- &::after {
3596
- background-color: var(--adyen-internal-color-background-primary);
3597
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3598
- border-radius: var(--adyen-internal-border-radius-s);
3599
- content: '';
3600
- height: var(--adyen-kyc-checkbox-size);
3601
- left: 0;
3602
- position: absolute;
3603
- top: 0;
3604
- width: var(--adyen-kyc-checkbox-size);
3605
- z-index: 0;
3606
- }
3923
+ .adyen-kyc-input__inline-validation--invalid-bottom {
3924
+ top: var(--adyen-internal-spacer-040);
3607
3925
  }
3608
3926
 
3609
- ._helper-text_1pgbk_118 {
3927
+ .adyen-kyc-input__counter {
3610
3928
  color: var(--adyen-internal-color-label-secondary);
3929
+ font-size: var(--adyen-internal-text-caption-font-size);
3930
+ font-family: var(--adyen-internal-text-caption-font-family);
3931
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3932
+ line-height: var(--adyen-internal-text-caption-line-height);
3933
+ margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
3611
3934
  display: block;
3612
- font-size: var(--adyen-internal-text-body-font-size);
3613
- padding-left: var(--adyen-internal-spacer-090);
3935
+ text-align: left;
3614
3936
  }
3615
- .adyen-kyc-dropdown {
3616
- font-size: var(--adyen-internal-text-body-font-size);
3617
- max-width: 100%;
3937
+ ._end-state-layout_z1k0z_1 {
3938
+ align-items: center;
3939
+ display: flex;
3940
+ flex-direction: column;
3941
+ flex-grow: 1;
3942
+ gap: var(--adyen-internal-spacer-100);
3943
+ height: 100%;
3944
+ justify-content: center;
3945
+ margin-left: auto;
3946
+ margin-right: auto;
3947
+ max-width: 600px;
3618
3948
  width: 100%;
3619
3949
  }
3620
3950
 
3621
- .adyen-kyc-dropdown--minimal {
3622
- max-width: 120px;
3951
+ ._end-state-layout-header_z1k0z_15 {
3952
+ align-items: center;
3953
+ display: flex;
3954
+ flex-direction: column;
3955
+ gap: var(--adyen-internal-spacer-040);
3956
+ text-align: center;
3623
3957
  }
3624
3958
 
3625
- .adyen-kyc-dropdown-list {
3626
- border-radius: var(--adyen-internal-border-radius-m);
3627
- box-shadow: var(--adyen-internal-shadow-medium-border);
3628
- z-index: 2;
3959
+ ._end-state-layout-icon_z1k0z_23 {
3960
+ align-items: center;
3961
+ border-radius: 50%;
3962
+ display: flex;
3963
+ height: 64px;
3964
+ justify-content: center;
3965
+ width: 64px;
3629
3966
  }
3630
3967
 
3631
- .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
3632
- cursor: pointer;
3968
+ ._end-state-layout-icon_z1k0z_23 svg {
3969
+ height: 24px;
3970
+ width: 24px;
3633
3971
  }
3634
3972
 
3635
- .adyen-kyc-dropdown-list--above {
3636
- bottom: -6px;
3973
+ ._end-state-layout-icon-success_z1k0z_37 {
3974
+ background-color: var(--adyen-internal-color-decorative-green);
3975
+ box-shadow: var(--adyen-internal-shadow-medium);
3976
+ color: var(--adyen-internal-color-label-on-color);
3637
3977
  }
3638
3978
 
3639
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3640
- margin-top: var(--adyen-internal-spacer-010);
3979
+ ._end-state-layout-icon-error_z1k0z_43 {
3980
+ background-color: var(--adyen-internal-color-background-critical-strong);
3981
+ box-shadow: var(--adyen-internal-shadow-medium);
3982
+ color: var(--adyen-internal-color-label-on-color);
3641
3983
  }
3642
3984
 
3643
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
3644
- width: 200px;
3985
+ ._end-state-layout-icon-info_z1k0z_49 {
3986
+ background-color: var(--adyen-internal-color-background-highlight-weak);
3987
+ color: var(--adyen-internal-color-label-highlight);
3645
3988
  }
3646
3989
 
3647
- .adyen-kyc-dropdown-element {
3648
- border: var(--adyen-internal-border-width-s) solid transparent;
3990
+ ._end-state-layout-icon-warning_z1k0z_54 {
3991
+ background-color: var(--adyen-internal-color-decorative-yellow);
3649
3992
  color: var(--adyen-internal-color-label-primary);
3650
- cursor: pointer;
3651
- font-size: var(--adyen-internal-text-caption-font-size);
3652
- font-family: var(--adyen-internal-text-caption-font-family);
3653
- font-weight: var(--adyen-internal-text-caption-font-weight);
3654
- line-height: var(--adyen-internal-text-caption-line-height);
3655
- hyphens: auto;
3656
- outline: 0;
3657
- padding: var(--adyen-internal-spacer-040);
3658
- transition:
3659
- background 0.2s ease-out,
3660
- border-color 0.2s ease-out;
3661
- user-select: none;
3662
- word-break: break-word;
3663
3993
  }
3664
3994
 
3665
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
3666
- align-items: baseline;
3667
- display: flex;
3668
- font-size: var(--adyen-internal-text-body-font-size);
3669
- width: 100%;
3995
+ ._end-state-layout-title_z1k0z_59 {
3996
+ color: var(--adyen-internal-color-label-primary);
3997
+ font-size: var(--adyen-internal-text-title-m-font-size);
3998
+ font-weight: var(--adyen-internal-text-title-m-font-weight);
3999
+ line-height: var(--adyen-internal-text-title-m-line-height);
4000
+ margin: 0;
3670
4001
  }
3671
4002
 
3672
- .adyen-kyc-dropdown-search-element__description {
3673
- flex: 1;
4003
+ ._end-state-layout-description_z1k0z_67 {
4004
+ color: var(--adyen-internal-color-label-secondary);
4005
+ font-size: var(--adyen-internal-text-body-font-size);
4006
+ font-weight: var(--adyen-internal-text-body-font-weight);
4007
+ line-height: var(--adyen-internal-text-body-line-height);
3674
4008
  }
3675
4009
 
3676
- .adyen-kyc-dropdown-search-element__description--highlight {
3677
- font-weight: var(--adyen-internal-text-body-strongest-font-weight);
4010
+ ._end-state-layout-action_z1k0z_74 {
4011
+ display: flex;
4012
+ flex-direction: column;
4013
+ gap: var(--adyen-internal-spacer-040);
4014
+ max-width: 320px;
4015
+ width: 100%;
3678
4016
  }
3679
-
3680
- .adyen-kyc-dropdown-search-element__addresses {
3681
- color: var(--adyen-internal-color-label-secondary);
4017
+ ._confirm_1aprd_1 {
3682
4018
  display: flex;
4019
+ flex-direction: column;
4020
+ gap: var(--adyen-internal-spacer-100);
4021
+ padding: var(--adyen-internal-spacer-070);
3683
4022
  }
3684
4023
 
3685
- .adyen-kyc-dropdown-search-element__addresses--icon {
3686
- align-items: center;
3687
- color: var(--adyen-internal-color-label-secondary);
4024
+ ._confirm-message_1aprd_8 {
3688
4025
  display: flex;
3689
- margin-left: var(--adyen-internal-spacer-040);
4026
+ flex-direction: column;
4027
+ gap: var(--adyen-internal-spacer-040);
3690
4028
  }
3691
4029
 
3692
- .adyen-kyc-dropdown-search-element__addresses--text {
3693
- display: none;
3694
- margin-left: var(--adyen-internal-spacer-020);
3695
- }
4030
+ ._confirm-actions_1aprd_14 {
4031
+ display: flex;
4032
+ flex-direction: column-reverse;
4033
+ gap: var(--adyen-internal-spacer-040);
3696
4034
 
3697
- @container main (min-width: 1024px) {
3698
- .adyen-kyc-dropdown-search-element__addresses--text {
3699
- display: block;
4035
+ @media (min-width: 480px) {
4036
+ flex-direction: row;
4037
+ justify-content: flex-end;
3700
4038
  }
3701
4039
  }
3702
-
3703
- .adyen-kyc-dropdown-element:last-child {
3704
- border-bottom: 0;
3705
- }
3706
-
3707
- .adyen-kyc-dropdown-element:hover,
3708
- .adyen-kyc-dropdown-element:focus,
3709
- .adyen-kyc-dropdown-element:active {
3710
- background: var(--adyen-internal-color-background-primary-hover);
4040
+ ._structured-list_w3dv7_1 {
4041
+ margin: var(--adyen-internal-spacer-000);
4042
+ color: var(--adyen-internal-color-label-primary);
3711
4043
  }
3712
4044
 
3713
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
3714
- background: var(--adyen-internal-color-background-primary-active);
4045
+ ._structured-list-section-field_w3dv7_6 {
4046
+ display: flex;
4047
+ font-size: var(--adyen-internal-text-body-font-size);
4048
+ margin-bottom: var(--adyen-internal-spacer-060);
3715
4049
  }
3716
4050
 
3717
- .adyen-kyc-dropdown-element--disabled {
3718
- cursor: not-allowed;
3719
- opacity: 0.4;
4051
+ @container main (max-width: 680px) {
4052
+ ._structured-list-section-field_w3dv7_6 {
4053
+ flex-direction: column;
4054
+ }
3720
4055
  }
3721
4056
 
3722
- .adyen-kyc-dropdown-element__icon svg {
3723
- border-radius: var(--adyen-internal-border-radius-s);
3724
- margin-right: var(--adyen-internal-spacer-040);
3725
- height: 26px;
3726
- max-width: 40px;
4057
+ ._structured-list-section-field_w3dv7_6:last-child {
4058
+ margin-bottom: var(--adyen-internal-spacer-000);
3727
4059
  }
3728
4060
 
3729
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
3730
- align-items: baseline;
3731
- flex-direction: column;
3732
- font-size: var(--adyen-internal-text-body-font-size);
4061
+ ._structured-list-section-label_w3dv7_22,
4062
+ ._structured-list-section-data_w3dv7_23 {
4063
+ display: flex;
4064
+ flex: 1;
3733
4065
  }
3734
4066
 
3735
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
3736
- right: 32px;
3737
- }
3738
- .adyen-kyc-dropdown {
3739
- position: relative;
4067
+ ._structured-list-section-label_w3dv7_22 {
4068
+ color: var(--adyen-internal-color-label-secondary);
3740
4069
  }
3741
4070
 
3742
- .adyen-kyc-dropdown-list {
3743
- background: var(--adyen-internal-color-background-primary);
3744
- display: none;
3745
- list-style: none;
4071
+ ._structured-list-section-data_w3dv7_23 {
3746
4072
  margin: var(--adyen-internal-spacer-000);
3747
- margin-bottom: var(--adyen-internal-spacer-120);
3748
- overflow-y: auto;
3749
- padding: var(--adyen-internal-spacer-000);
3750
- position: absolute;
4073
+ display: flex;
4074
+ flex-direction: column;
3751
4075
  width: 100%;
3752
- z-index: 2;
3753
- }
3754
- .adyen-kyc-dropdown-list__transformer {
3755
- position: relative;
3756
- padding: 0 !important;
3757
- margin: 0 !important;
3758
- }
3759
- .adyen-kyc-dropdown-list:focus {
3760
- outline: none;
4076
+ overflow-wrap: anywhere;
3761
4077
  }
3762
4078
 
3763
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3764
- display: block;
4079
+ @container main (max-width: 680px) {
4080
+ ._structured-list-section-data_w3dv7_23 {
4081
+ margin-top: var(--adyen-internal-spacer-010);
4082
+ }
3765
4083
  }
3766
4084
 
3767
- .adyen-kyc-dropdown-element {
3768
- align-items: center;
3769
- display: flex;
4085
+ ._structured-list-section-detail_w3dv7_46 {
4086
+ margin: var(--adyen-internal-spacer-000);
3770
4087
  }
3771
- ._select-input-wrapper_15ce7_1 {
3772
- align-items: center;
4088
+ ._list_s1vme_1 {
3773
4089
  display: flex;
3774
- background: var(--adyen-internal-color-background-secondary);
3775
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3776
- border-radius: var(--adyen-internal-border-radius-m);
3777
- color: var(--adyen-internal-color-label-primary);
3778
- font-size: var(--adyen-internal-text-body-font-size);
3779
- line-height: var(--adyen-internal-text-body-line-height);
3780
- min-height: 40px;
3781
- outline: 0;
3782
- padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-090)
3783
- var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3784
- text-decoration: none;
3785
- transition:
3786
- border 0.2s ease-out,
3787
- box-shadow 0.2s ease-out;
3788
- user-select: none;
3789
- }
3790
-
3791
- ._select-input-wrapper_15ce7_1:hover {
3792
- border-color: var(--adyen-internal-color-outline-tertiary-hover);
4090
+ flex-direction: column;
4091
+ gap: var(--adyen-internal-spacer-040);
4092
+ width: 100%;
3793
4093
  }
3794
4094
 
3795
- ._select-input__icon_15ce7_25 svg {
3796
- border-radius: var(--adyen-internal-border-radius-s);
3797
- margin-right: var(--adyen-internal-spacer-040);
3798
- height: 26px;
3799
- max-width: 40px;
4095
+ ._list-header_s1vme_8 {
4096
+ color: var(--adyen-internal-color-label-secondary);
4097
+ font-size: var(--adyen-internal-text-body-stronger-font-size);
4098
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight);
4099
+ line-height: var(--adyen-internal-text-body-line-height);
3800
4100
  }
3801
4101
 
3802
- ._select-input_15ce7_1 {
3803
- /* takes bg color of parent wrapper, which is 0.04 alpha */
3804
- background-color: transparent;
4102
+ ._list-footer_s1vme_15 {
4103
+ color: var(--adyen-internal-color-label-tertiary);
4104
+ font-size: var(--adyen-internal-text-caption-font-size);
4105
+ font-weight: var(--adyen-internal-text-caption-font-weight);
4106
+ line-height: var(--adyen-internal-text-caption-line-height);
3805
4107
  }
3806
4108
 
3807
- ._select-input--active_15ce7_37,
3808
- ._select-input--active_15ce7_37:hover,
3809
- ._select-input-wrapper_15ce7_1:active,
3810
- ._select-input-wrapper_15ce7_1:focus {
3811
- border-color: var(--adyen-internal-color-outline-tertiary-active);
3812
- outline: var(--adyen-internal-border-width-s) solid
3813
- var(--adyen-internal-color-outline-tertiary-active);
4109
+ ._list-items_s1vme_22 {
4110
+ list-style: none;
4111
+ margin: 0 !important;
3814
4112
  }
3815
4113
 
3816
- ._select-input-wrapper_15ce7_1._select-input--readonly_15ce7_46 {
3817
- background-color: var(--adyen-internal-color-background-disabled);
3818
- color: var(--adyen-internal-color-label-disabled);
3819
- cursor: not-allowed;
3820
- pointer-events: none;
3821
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
4114
+ ._list-items-plain_s1vme_27 {
4115
+ padding: 0 !important;
3822
4116
  }
3823
4117
 
3824
- ._select-input--readonly_15ce7_46::after {
3825
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23B9C4C9'/%3E%3C/svg%3E%0A");
4118
+ ._list-items-grouped-primary_s1vme_31 {
4119
+ background-color: var(--adyen-internal-color-background-primary);
4120
+ border: 1px solid var(--adyen-internal-color-outline-primary);
4121
+ border-radius: var(--adyen-internal-border-radius-l);
3826
4122
  }
3827
4123
 
3828
- ._select-input--invalid_15ce7_58 {
3829
- border-color: var(--adyen-internal-color-outline-critical);
4124
+ ._list-items-grouped-secondary_s1vme_37 {
4125
+ background-color: var(--adyen-internal-color-background-secondary);
4126
+ border-radius: var(--adyen-internal-border-radius-l);
3830
4127
  }
3831
4128
 
3832
- ._select-input--minimal_15ce7_62 {
3833
- min-height: unset;
3834
- height: 100%;
3835
- border: none;
3836
- border-radius: var(--adyen-internal-border-radius-s);
4129
+ ._list-items-padding-none_s1vme_42 {
4130
+ padding: var(--adyen-internal-spacer-000) !important;
3837
4131
  }
3838
4132
 
3839
- ._select-input-search_15ce7_69 {
3840
- align-items: center;
3841
- display: flex;
3842
- width: 100%;
4133
+ ._list-items-padding-small_s1vme_46 {
4134
+ padding: var(--adyen-internal-spacer-040) !important;
3843
4135
  }
3844
4136
 
3845
- ._select-input-search__icon_15ce7_75 {
3846
- color: var(--adyen-internal-color-label-tertiary);
3847
- font-size: var(--adyen-internal-text-caption-font-size);
3848
- font-family: var(--adyen-internal-text-caption-font-family);
3849
- font-weight: var(--adyen-internal-text-caption-font-weight);
3850
- line-height: var(--adyen-internal-text-caption-line-height);
3851
- padding-right: var(--adyen-internal-spacer-040);
4137
+ ._list-items-padding-medium_s1vme_50 {
4138
+ padding: var(--adyen-internal-spacer-070) !important;
3852
4139
  }
3853
4140
 
3854
- ._select-input-search_15ce7_69 ._select-input--filterable_15ce7_84::placeholder {
3855
- color: var(--adyen-internal-color-label-tertiary);
3856
- font-weight: var(--adyen-internal-text-body-font-weight);
4141
+ ._list-items-padding-large_s1vme_54 {
4142
+ padding: var(--adyen-internal-spacer-090) !important;
3857
4143
  }
3858
4144
 
3859
- ._select-input-search_15ce7_69::after {
3860
- display: none;
4145
+ ._list-item-row-separator_s1vme_58:not(:last-child) {
4146
+ border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
4147
+ margin-bottom: var(--adyen-internal-spacer-040);
4148
+ padding-bottom: var(--adyen-internal-spacer-040);
3861
4149
  }
3862
-
3863
- ._select-input-wrapper--filterable_15ce7_93 {
3864
- cursor: text;
4150
+ ._error-panel_1nb8q_1 {
4151
+ margin-bottom: var(--adyen-internal-spacer-080);
4152
+ }
4153
+ ._summary_1op7a_1 {
4154
+ display: flex;
4155
+ color: var(--adyen-internal-color-label-primary);
4156
+ flex-direction: column;
3865
4157
  }
3866
4158
 
3867
- ._select-input-wrapper--non-filterable_15ce7_97 {
3868
- cursor: pointer;
4159
+ ._summary-content_1op7a_7 {
4160
+ display: flex;
4161
+ flex-direction: column;
4162
+ gap: var(--adyen-internal-spacer-070);
3869
4163
  }
3870
4164
 
3871
- ._select-input-wrapper_15ce7_1::after {
3872
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
3873
- background-position: center;
3874
- background-repeat: no-repeat;
3875
- content: '';
3876
- height: 6px;
3877
- position: absolute;
3878
- right: 16px;
3879
- width: 8px;
4165
+ ._summary-list_1op7a_13 {
4166
+ display: flex;
4167
+ flex-direction: column;
4168
+ gap: var(--adyen-internal-spacer-070);
4169
+ padding-bottom: var(--adyen-internal-spacer-070);
4170
+ padding-top: var(--adyen-internal-spacer-070);
3880
4171
  }
3881
4172
 
3882
- ._select-input--list-open_15ce7_112::after {
3883
- transform: rotate(180deg);
4173
+ @container main (min-width: 680px) {
4174
+ ._summary-list_1op7a_13 {
4175
+ gap: var(--adyen-internal-spacer-040);
4176
+ }
3884
4177
  }
3885
4178
 
3886
- ._select-input--filterable_15ce7_84 {
3887
- border: 0;
3888
- caret-color: var(--adyen-internal-color-label-highlight);
3889
- color: var(--adyen-internal-color-label-primary);
3890
- font-family: inherit;
3891
- font-size: var(--adyen-internal-text-body-font-size);
3892
- height: 100%;
3893
- padding: var(--adyen-internal-spacer-000);
3894
- width: 100%;
4179
+ ._summary-list-header_1op7a_27 {
4180
+ display: flex;
4181
+ align-items: center;
3895
4182
  }
3896
4183
 
3897
- ._select-input--filterable_15ce7_84::placeholder {
3898
- color: var(--adyen-internal-color-label-secondary);
3899
- font-weight: var(--adyen-internal-text-body-font-weight);
4184
+ ._summary-list-header-title_1op7a_32 {
4185
+ color: var(--adyen-internal-color-label-primary);
4186
+ flex-grow: 1;
4187
+ font-size: var(--adyen-internal-text-title-font-size);
4188
+ font-weight: var(--adyen-internal-text-title-font-weight);
4189
+ line-height: var(--adyen-internal-text-title-line-height);
4190
+ margin: 0;
3900
4191
  }
3901
4192
 
3902
- ._select-input--filterable_15ce7_84:focus,
3903
- ._select-input--filterable_15ce7_84:active {
3904
- outline: 0;
4193
+ ._summary-list-item_1op7a_41 {
4194
+ display: flex;
4195
+ flex-direction: column;
4196
+ font-size: var(--adyen-internal-text-body-font-size);
4197
+ gap: var(--adyen-internal-spacer-010);
3905
4198
  }
3906
4199
 
3907
- ._select-input--non-filterable_15ce7_137 {
3908
- all: unset;
4200
+ @container main (min-width: 680px) {
4201
+ ._summary-list-item_1op7a_41 {
4202
+ flex-direction: row;
4203
+ gap: var(--adyen-internal-spacer-040);
4204
+ }
3909
4205
  }
3910
4206
 
3911
- /* Used in non-filterable mode only */
3912
- ._select-input--placeholder_15ce7_142 {
4207
+ ._summary-list-item-key_1op7a_55 {
3913
4208
  color: var(--adyen-internal-color-label-secondary);
3914
- font-weight: var(--adyen-internal-text-body-font-weight);
4209
+ flex: 1;
4210
+ margin: 0;
3915
4211
  }
3916
4212
 
3917
- /* To resolve a bug where filterable select \`<input>\`s weren't focusable on iOS */
3918
- ._ignore-pointer-events_15ce7_148 {
3919
- pointer-events: none;
4213
+ @container main (min-width: 680px) {
4214
+ ._summary-list-item-key_1op7a_55 {
4215
+ max-width: 40%;
4216
+ }
3920
4217
  }
3921
4218
 
3922
- ._handle-pointer-events_15ce7_152 {
3923
- pointer-events: auto;
3924
- }
3925
- .adyen-kyc-field-wrapper {
3926
- display: flex;
3927
- flex-wrap: nowrap;
3928
- width: 100%;
3929
- gap: var(--adyen-internal-spacer-080);
4219
+ ._summary-list-item-value_1op7a_67 {
4220
+ flex: 1;
4221
+ margin: 0;
4222
+ text-align: left;
3930
4223
  }
3931
4224
 
3932
- .adyen-kyc-input {
3933
- height: 40px;
3934
- line-height: 38px;
3935
- min-height: 38px;
3936
- background: var(--adyen-internal-color-background-primary);
3937
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3938
- border-radius: var(--adyen-internal-border-radius-m);
3939
- caret-color: var(--adyen-internal-color-label-highlight);
3940
- color: var(--adyen-internal-color-label-primary);
3941
- display: block;
3942
- font-family: inherit;
3943
- font-size: var(--adyen-internal-text-body-font-size);
3944
- outline: none;
3945
- padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3946
- position: relative;
3947
- transition:
3948
- border 0.2s ease-out,
3949
- box-shadow 0.2s ease-out;
3950
- width: 100%;
4225
+ ._summary-content-legal-caption_1op7a_73 {
4226
+ color: var(--adyen-internal-color-label-tertiary);
4227
+ font-size: var(--adyen-internal-text-caption-font-size);
4228
+ font-weight: var(--adyen-internal-text-caption-font-weight);
4229
+ line-height: var(--adyen-internal-text-caption-line-height);
4230
+ padding-left: var(--adyen-internal-spacer-070);
4231
+ padding-right: var(--adyen-internal-spacer-070);
3951
4232
  }
3952
4233
 
3953
- .adyen-kyc-input::placeholder {
3954
- color: var(--adyen-internal-color-label-secondary);
3955
- font-weight: var(--adyen-internal-text-body-font-weight);
4234
+ @media (prefers-contrast: more) or (prefers-reduced-transparency) {
4235
+ ._summary-content-legal-caption_1op7a_73 {
4236
+ color: var(--adyen-internal-color-label-secondary);
4237
+ }
3956
4238
  }
3957
4239
 
3958
- .adyen-kyc-input:hover {
3959
- border-color: var(--adyen-internal-color-outline-tertiary-hover);
4240
+ ._summary-content-list_1op7a_88 {
4241
+ list-style-type: disc;
3960
4242
  }
3961
4243
 
3962
- .adyen-kyc-input:required {
3963
- box-shadow: none;
4244
+ ._summary-content-logo_1op7a_92 {
4245
+ height: 28px;
4246
+ width: 100px;
4247
+ }
4248
+ ._form-flow_1eou7_1 {
4249
+ --adyen-form-toolbar-height: 80px;
4250
+ container-type: inline-size;
4251
+ width: 100%;
4252
+ min-height: 100%;
4253
+ color: var(--adyen-internal-color-label-primary);
3964
4254
  }
3965
4255
 
3966
- .adyen-kyc-input[readonly],
3967
- .adyen-kyc-input[readonly]:hover,
3968
- .adyen-kyc-input--disabled {
3969
- background-color: var(--adyen-internal-color-background-disabled);
3970
- color: var(--adyen-internal-color-label-disabled);
3971
- cursor: not-allowed;
3972
- pointer-events: none;
3973
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
4256
+ ._form-flow-content_1eou7_9 {
4257
+ margin: auto;
4258
+ max-width: 600px;
4259
+ min-height: calc(100% - var(--adyen-form-toolbar-height));
4260
+ padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
3974
4261
  }
3975
4262
 
3976
- .adyen-kyc-input--disabled:hover {
3977
- border-color: var(--adyen-internal-color-outline-disabled);
4263
+ @container (min-width: 399px) {
4264
+ ._form-flow-content_1eou7_9 {
4265
+ padding-left: var(--adyen-internal-spacer-100);
4266
+ padding-right: var(--adyen-internal-spacer-100);
4267
+ }
3978
4268
  }
3979
4269
 
3980
- .adyen-kyc-input--error,
3981
- .adyen-kyc-input--invalid,
3982
- .adyen-kyc-input--error:hover,
3983
- .adyen-kyc-input--invalid:hover {
3984
- border-color: var(--adyen-internal-color-outline-critical);
3985
- color: var(--adyen-internal-color-label-critical);
4270
+ @container (min-width: 599px) {
4271
+ ._form-flow-content_1eou7_9 {
4272
+ padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
4273
+ padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
4274
+ }
3986
4275
  }
3987
4276
 
3988
- .adyen-kyc-input:active,
3989
- .adyen-kyc-input:focus,
3990
- .adyen-kyc-input--focus,
3991
- .adyen-kyc-input:active:hover,
3992
- .adyen-kyc-input:focus:hover,
3993
- .adyen-kyc-input--focus:hover {
3994
- border-color: var(--adyen-internal-color-outline-tertiary-active);
3995
- outline: var(--adyen-internal-border-width-s) solid
3996
- var(--adyen-internal-color-outline-tertiary-active);
4277
+ ._form-flow-footer_1eou7_30 {
4278
+ background-color: var(--adyen-internal-color-background-primary);
4279
+ bottom: 0;
4280
+ height: var(--adyen-form-toolbar-height);
4281
+ position: sticky;
4282
+ z-index: 1;
3997
4283
  }
3998
4284
 
3999
- .adyen-kyc-input--number {
4000
- appearance: none;
4001
- margin: 0;
4285
+ @supports (backdrop-filter: blur(10px)) {
4286
+ ._form-flow-footer_1eou7_30 {
4287
+ backdrop-filter: blur(10px);
4288
+ background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
4289
+ }
4002
4290
  }
4003
4291
 
4004
- .adyen-kyc-input--number::-webkit-outer-spin-button,
4005
- .adyen-kyc-input--number::-webkit-inner-spin-button {
4006
- appearance: none;
4007
- margin: 0;
4292
+ ._form-flow-footer-border_1eou7_45 {
4293
+ border-top: 4px solid var(--adyen-internal-color-background-secondary);
4008
4294
  }
4009
4295
 
4010
- .adyen-kyc-input--date {
4011
- padding-right: var(--adyen-internal-spacer-100);
4012
- line-height: var(--adyen-internal-text-body-line-height);
4296
+ ._form-flow-actions_1eou7_49 {
4297
+ display: flex;
4298
+ gap: var(--adyen-internal-spacer-040);
4299
+ justify-content: space-between;
4300
+ padding: var(--adyen-internal-spacer-070);
4013
4301
  }
4014
4302
 
4015
- .adyen-kyc-input--textarea {
4016
- height: 60px;
4017
- line-height: var(--adyen-internal-text-body-line-height);
4303
+ ._form-flow-primary-actions_1eou7_56 {
4304
+ display: flex;
4305
+ gap: var(--adyen-internal-spacer-040);
4306
+ margin-left: auto;
4307
+ }
4308
+ ._mismatch_nyvqg_1 {
4309
+ animation: _mismatchShake_nyvqg_1 300ms;
4310
+ border-color: var(--adyen-internal-color-outline-critical) !important;
4018
4311
  }
4019
4312
 
4020
- .adyen-kyc-input__inline-validation {
4021
- height: 16px;
4022
- position: absolute;
4023
- right: 14px;
4024
- transform: translateY(-50%);
4025
- width: 16px;
4026
- top: var(--adyen-internal-spacer-080);
4313
+ @keyframes _mismatchShake_nyvqg_1 {
4314
+ 25% {
4315
+ transform: translateX(4px);
4316
+ }
4317
+ 50% {
4318
+ transform: translateX(-4px);
4319
+ }
4320
+ 75% {
4321
+ transform: translateX(4px);
4322
+ }
4323
+ }
4324
+ .adyen-kyc-radio-group {
4325
+ display: flex;
4326
+ flex-direction: column;
4027
4327
  }
4028
4328
 
4029
- .adyen-kyc-input__inline-validation--invalid {
4030
- color: var(--adyen-internal-color-label-critical);
4329
+ .adyen-kyc-radio-group--horizontal {
4330
+ flex-direction: row;
4031
4331
  }
4032
4332
 
4033
- .adyen-kyc-input__inline-validation--invalid-bottom {
4034
- top: var(--adyen-internal-spacer-040);
4333
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
4334
+ display: none;
4035
4335
  }
4036
4336
 
4037
- .adyen-kyc-input__counter {
4038
- color: var(--adyen-internal-color-label-secondary);
4039
- font-size: var(--adyen-internal-text-caption-font-size);
4040
- font-family: var(--adyen-internal-text-caption-font-family);
4041
- font-weight: var(--adyen-internal-text-caption-font-weight);
4042
- line-height: var(--adyen-internal-text-caption-line-height);
4043
- margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
4337
+ .adyen-kyc-radio-group__label {
4338
+ color: inherit;
4044
4339
  display: block;
4045
- text-align: left;
4340
+ font-size: var(--adyen-internal-text-body-font-size);
4341
+ font-weight: var(--adyen-internal-text-body-font-weight);
4342
+ line-height: var(--adyen-internal-text-body-line-height);
4343
+ overflow: visible;
4344
+ padding-bottom: var(--adyen-internal-spacer-000);
4345
+ padding-left: var(--adyen-internal-spacer-090);
4346
+ position: relative;
4046
4347
  }
4047
4348
  .adyen-kyc-input-radio {
4048
4349
  display: inline-flex;
@@ -4152,30 +4453,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4152
4453
  margin-right: var(--adyen-internal-spacer-070);
4153
4454
  vertical-align: baseline;
4154
4455
  }
4155
- .adyen-kyc-radio-group {
4156
- display: flex;
4157
- flex-direction: column;
4158
- }
4159
-
4160
- .adyen-kyc-radio-group--horizontal {
4161
- flex-direction: row;
4162
- }
4163
-
4164
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
4165
- display: none;
4166
- }
4167
-
4168
- .adyen-kyc-radio-group__label {
4169
- color: inherit;
4170
- display: block;
4171
- font-size: var(--adyen-internal-text-body-font-size);
4172
- font-weight: var(--adyen-internal-text-body-font-weight);
4173
- line-height: var(--adyen-internal-text-body-line-height);
4174
- overflow: visible;
4175
- padding-bottom: var(--adyen-internal-spacer-000);
4176
- padding-left: var(--adyen-internal-spacer-090);
4177
- position: relative;
4178
- }
4179
4456
  .adyen-kyc-address__condensed-fields {
4180
4457
  display: flex;
4181
4458
  flex-direction: column;
@@ -4257,22 +4534,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4257
4534
  including here for height consistency when no action is provided */
4258
4535
  min-height: var(--adyen-internal-tap-target);
4259
4536
  }
4260
- ._mismatch_nyvqg_1 {
4261
- animation: _mismatchShake_nyvqg_1 300ms;
4262
- border-color: var(--adyen-internal-color-outline-critical) !important;
4263
- }
4264
-
4265
- @keyframes _mismatchShake_nyvqg_1 {
4266
- 25% {
4267
- transform: translateX(4px);
4268
- }
4269
- 50% {
4270
- transform: translateX(-4px);
4271
- }
4272
- 75% {
4273
- transform: translateX(4px);
4274
- }
4275
- }
4276
4537
  ._business-financing-lei-radio_l7xhq_1 {
4277
4538
  display: grid;
4278
4539
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
@@ -4344,90 +4605,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4344
4605
  text-align: center;
4345
4606
  width: 100%;
4346
4607
  }
4347
- ._conflict-row-table_y7ii4_1 td {
4348
- padding: var(--adyen-internal-spacer-060);
4349
- height: var(--adyen-internal-spacer-050);
4350
- border-top: var(--adyen-internal-border-width-s) solid
4351
- var(--adyen-internal-color-separator-primary);
4352
- }
4353
- ._conflict-row-table_y7ii4_1 td:first-child {
4354
- padding-right: var(--adyen-internal-spacer-100);
4355
- text-wrap: nowrap;
4356
- }
4357
-
4358
- ._conflict-row-list_y7ii4_12 {
4359
- display: flex;
4360
- flex-direction: row;
4361
- border-top: var(--adyen-internal-border-width-s) solid
4362
- var(--adyen-internal-color-separator-primary);
4363
- padding: var(--adyen-internal-spacer-060);
4364
- }
4365
- ._conflict-row-list_y7ii4_12 dt {
4366
- min-width: var(--adyen-internal-spacer-140);
4367
- }
4368
-
4369
- ._conflict-row-list_y7ii4_12 dd {
4370
- display: flex;
4371
- flex-direction: column;
4372
- gap: var(--adyen-internal-spacer-060);
4373
- }
4374
-
4375
- ._conflict-row-list-option-label_y7ii4_29 {
4376
- padding-left: var(--adyen-internal-spacer-090);
4377
- }
4378
- ._data-conflicts-wrapper_c81aq_1 {
4379
- display: flex;
4380
- flex-direction: column;
4381
- gap: var(--adyen-internal-spacer-100);
4382
- }
4383
-
4384
- ._data-conflicts-header_c81aq_7 {
4385
- display: flex;
4386
- gap: var(--adyen-internal-spacer-040);
4387
- flex-direction: column;
4388
- align-items: center;
4389
- text-align: center;
4390
- }
4391
-
4392
- ._data-conflicts-table_c81aq_15 {
4393
- display: none;
4394
- border-collapse: collapse;
4395
- }
4396
-
4397
- ._data-conflicts-table_c81aq_15 th {
4398
- padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-060)
4399
- var(--adyen-internal-spacer-060) 36px; /* perfectly aligns with the radio label below */
4400
- text-align: left;
4401
- }
4402
-
4403
- ._data-conflicts-list_c81aq_26 {
4404
- display: flex;
4405
- flex-direction: column;
4406
- }
4407
-
4408
- /*
4409
- On large viewports, table is default unless \`listOnly\` mode is used.
4410
- In \`listOnly\` mode the modifier classes flip: the list stays visible
4411
- and the table is hidden. The modifiers are ordered after their base rules
4412
- so they win at equal specificity.
4413
- */
4414
- @media (min-width: 480px) {
4415
- ._data-conflicts-table_c81aq_15 {
4416
- display: table;
4417
- }
4418
-
4419
- ._data-conflicts-list_c81aq_26 {
4420
- display: none;
4421
- }
4422
-
4423
- ._data-conflicts-list-forced_c81aq_46 {
4424
- display: flex;
4425
- }
4426
-
4427
- ._data-conflicts-table-hidden_c81aq_50 {
4428
- display: none;
4429
- }
4430
- }
4431
4608
  ._tile-container_17be3_1 {
4432
4609
  width: 100%;
4433
4610
  }
@@ -4570,6 +4747,90 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4570
4747
  ._tile-group-horizontal_6rtof_32 ._tile-container_6rtof_8 {
4571
4748
  width: 100%;
4572
4749
  }
4750
+ ._conflict-row-table_y7ii4_1 td {
4751
+ padding: var(--adyen-internal-spacer-060);
4752
+ height: var(--adyen-internal-spacer-050);
4753
+ border-top: var(--adyen-internal-border-width-s) solid
4754
+ var(--adyen-internal-color-separator-primary);
4755
+ }
4756
+ ._conflict-row-table_y7ii4_1 td:first-child {
4757
+ padding-right: var(--adyen-internal-spacer-100);
4758
+ text-wrap: nowrap;
4759
+ }
4760
+
4761
+ ._conflict-row-list_y7ii4_12 {
4762
+ display: flex;
4763
+ flex-direction: row;
4764
+ border-top: var(--adyen-internal-border-width-s) solid
4765
+ var(--adyen-internal-color-separator-primary);
4766
+ padding: var(--adyen-internal-spacer-060);
4767
+ }
4768
+ ._conflict-row-list_y7ii4_12 dt {
4769
+ min-width: var(--adyen-internal-spacer-140);
4770
+ }
4771
+
4772
+ ._conflict-row-list_y7ii4_12 dd {
4773
+ display: flex;
4774
+ flex-direction: column;
4775
+ gap: var(--adyen-internal-spacer-060);
4776
+ }
4777
+
4778
+ ._conflict-row-list-option-label_y7ii4_29 {
4779
+ padding-left: var(--adyen-internal-spacer-090);
4780
+ }
4781
+ ._data-conflicts-wrapper_c81aq_1 {
4782
+ display: flex;
4783
+ flex-direction: column;
4784
+ gap: var(--adyen-internal-spacer-100);
4785
+ }
4786
+
4787
+ ._data-conflicts-header_c81aq_7 {
4788
+ display: flex;
4789
+ gap: var(--adyen-internal-spacer-040);
4790
+ flex-direction: column;
4791
+ align-items: center;
4792
+ text-align: center;
4793
+ }
4794
+
4795
+ ._data-conflicts-table_c81aq_15 {
4796
+ display: none;
4797
+ border-collapse: collapse;
4798
+ }
4799
+
4800
+ ._data-conflicts-table_c81aq_15 th {
4801
+ padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-060)
4802
+ var(--adyen-internal-spacer-060) 36px; /* perfectly aligns with the radio label below */
4803
+ text-align: left;
4804
+ }
4805
+
4806
+ ._data-conflicts-list_c81aq_26 {
4807
+ display: flex;
4808
+ flex-direction: column;
4809
+ }
4810
+
4811
+ /*
4812
+ On large viewports, table is default unless \`listOnly\` mode is used.
4813
+ In \`listOnly\` mode the modifier classes flip: the list stays visible
4814
+ and the table is hidden. The modifiers are ordered after their base rules
4815
+ so they win at equal specificity.
4816
+ */
4817
+ @media (min-width: 480px) {
4818
+ ._data-conflicts-table_c81aq_15 {
4819
+ display: table;
4820
+ }
4821
+
4822
+ ._data-conflicts-list_c81aq_26 {
4823
+ display: none;
4824
+ }
4825
+
4826
+ ._data-conflicts-list-forced_c81aq_46 {
4827
+ display: flex;
4828
+ }
4829
+
4830
+ ._data-conflicts-table-hidden_c81aq_50 {
4831
+ display: none;
4832
+ }
4833
+ }
4573
4834
  ._guidance-question_e0c6m_1 {
4574
4835
  margin-bottom: var(--adyen-internal-spacer-140);
4575
4836
  }
@@ -4578,9 +4839,9 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4578
4839
  margin-top: var(--adyen-internal-spacer-080);
4579
4840
  }
4580
4841
  .adyen-kyc-input-group {
4581
- height: 40px;
4582
- line-height: 38px;
4583
- min-height: 38px;
4842
+ height: var(--adyen-internal-spacer-110);
4843
+ line-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
4844
+ min-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
4584
4845
  display: flex;
4585
4846
  padding: var(--adyen-internal-spacer-020);
4586
4847
  background: var(--adyen-internal-color-background-primary);