@adyen/kyc-components 4.25.0 → 4.26.0-beta.0

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-eOcHITwQ.js} +4 -4
  3. package/dist/{Accordion-D_DOaWj2.js → Accordion-BAdwrgCR.js} +4 -24
  4. package/dist/{AccountSetupRejected-BtcxtVKO.js → AccountSetupRejected-Jii0yaLC.js} +3 -4
  5. package/dist/{NodeRenderer-Z10yF5MV.js → AdaptiveWorkflow-B6SIOcbU.js} +87 -34
  6. package/dist/{AdaptiveWorkflowComponent-C4Q6NVtv.js → AdaptiveWorkflowComponent-we5_UgiI.js} +32 -33
  7. package/dist/{AddressFields-CFG2_P0x.js → AddressFields-Qq_8lUYz.js} +21 -27
  8. package/dist/{Avatar-k5lNd5KG.js → Avatar-C2zeqSSB.js} +10 -8
  9. package/dist/{BusinessFinancingDropin-BjTnxk__.js → BusinessFinancingDropin-gMa--znJ.js} +61 -71
  10. package/dist/{BusinessFinancingPage-C4dAslMp.js → BusinessFinancingPage-BIdRvI7h.js} +7 -7
  11. package/dist/{BusinessRegistrationNumberField-Dz1uGvRQ.js → BusinessRegistrationNumberField-Vr3KBWJD.js} +7 -8
  12. package/dist/{BusinessRegistrationNumberFieldGroup-BFPrFa1_.js → BusinessRegistrationNumberFieldGroup-DLGAFcRN.js} +7 -8
  13. package/dist/{BusinessTypeSelectionPage-DeWD37jR.js → BusinessTypeSelectionPage-9B2SxGcV.js} +16 -17
  14. package/dist/{Button-BxdC8cVB.js → Button-Dwr6jvJZ.js} +2 -2
  15. package/dist/Checkbox-zAGhz7rC.js +114 -0
  16. package/dist/{ComponentGroup-S6c3rVoX.js → ComponentGroup-DH_CH6bM.js} +4 -4
  17. package/dist/{ConstitutionalDocument-CNNhKkzD.js → ConstitutionalDocument-DMNlJJzp.js} +25 -28
  18. package/dist/{ContactDetails-_HCOKj3-.js → ContactDetails-kwe-LwUD.js} +8 -13
  19. package/dist/{ContextGuidance-v-d9RQuo.js → ContextGuidance-1tQjHxTm.js} +3 -3
  20. package/dist/CountryField-BkNURmjP.js +56 -0
  21. package/dist/{Currency-3Z9i_AhY.js → Currency-BjBbhCzV.js} +10 -12
  22. package/dist/{CustomerSupport-B0UJHtAq.js → CustomerSupport-CT4s3fyC.js} +17 -17
  23. package/dist/DateField-CJeu0KoS.js +73 -0
  24. package/dist/{DebugModal-DgbagO5Z.js → DebugModal-YjFFNeOM.js} +12 -17
  25. package/dist/{DecisionMakerDetails-RF9BoMYF.js → DecisionMakerDetails-B4aCl2kl.js} +21 -24
  26. package/dist/{DecisionMakerDetailsPage-CGOs2Ubt.js → DecisionMakerDetailsPage-Dg_RbdxY.js} +43 -40
  27. package/dist/{DecisionMakers-qRoXooYA.js → DecisionMakers-Cq3yVb54.js} +55 -61
  28. package/dist/{DetailViewLayout-DNCGEd7b.js → DetailViewLayout-DJgAzdlZ.js} +8 -6
  29. package/dist/{Dropzone-cewfCgXt.js → Dropzone-Cgqct7ux.js} +8 -8
  30. package/dist/EmailField-CVwmsS5d.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-DzNk5XbC.js} +7 -7
  34. package/dist/{ErrorPanel-PefRq1M4.js → ErrorPanel-DtbpEeJk.js} +24 -19
  35. package/dist/{GlobalEntryModal-CTGSdkW7.js → GlobalEntryModal-D9rqts-z.js} +203 -78
  36. package/dist/{GlobalEntryPage-CdGXV-QZ.js → GlobalEntryPage-OTglAvMX.js} +10 -10
  37. package/dist/Icon-_YUEZg1p.js +175 -0
  38. package/dist/{IdentityNumber-Cz6-4YcM.js → IdentityNumber-9SwAYweE.js} +10 -12
  39. package/dist/{IdentityNumberFieldGroup-D2PV_4A5.js → IdentityNumberFieldGroup-B9SxTHei.js} +16 -14
  40. package/dist/{IdentityScreeningWorkflow-mbcaIctn.js → IdentityScreeningWorkflow-C-nLWlJS.js} +16 -16
  41. package/dist/{Image-Bn_Yyuof.js → Image-CxnjHtP1.js} +1 -1
  42. package/dist/{IndividualDropin-D1UOavsw.js → IndividualDropin-BpFRq3S4.js} +266 -281
  43. package/dist/{IndustryCodeFieldGroup-DmOqxPIg.js → IndustryCodeFieldGroup-CEWUFYmK.js} +9 -10
  44. package/dist/{InputDate-B0RNGCq2.js → InputDate-DjUm9FiK.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-DtoBABE5.js} +42 -4
  48. package/dist/{Introduction-DFW6EaLG.js → Introduction-GW5FJSTJ.js} +9 -9
  49. package/dist/{InvitedDecisionMakerComponent-hdQc0T7D.js → InvitedDecisionMakerComponent-tahktJVa.js} +45 -45
  50. package/dist/{JpAddressFields-CzGnXBMk.js → JpAddressFields-CpRh_gFz.js} +13 -13
  51. package/dist/{LegalCompanyNameField-CV2EgRCw.js → LegalCompanyNameField-Coff77lN.js} +5 -5
  52. package/dist/{LegalRepresentativeDetailsPage-BiAfoErR.js → LegalRepresentativeDetailsPage-CXMGtJvO.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-Dx_NESnV.js} +25 -5
  58. package/dist/{Name-BfQr3et_.js → Name-CrLaukRh.js} +5 -5
  59. package/dist/NumberField-CS93IGoS.js +60 -0
  60. package/dist/{PatriotActDisclosure-BNAsJXEL.js → PatriotActDisclosure-C3jKKi6y.js} +11 -12
  61. package/dist/{PayoutDetailsDropin-NyizAaYy.js → PayoutDetailsDropin-BxOJ9P17.js} +163 -158
  62. package/dist/{PayoutDetailsPage-NM0Eqf4K.js → PayoutDetailsPage-BxaCk685.js} +10 -9
  63. package/dist/{Review-CzgmjDcZ.js → Review-C81Qsrkg.js} +25 -24
  64. package/dist/{RootBusinessDetailsPage-B1a0hu8F.js → RootBusinessDetailsPage-CwRyRbEv.js} +9 -7
  65. package/dist/{RootBusinessLinesPage-Dv1uT7OS.js → RootBusinessLinesPage-C3GZQ-KO.js} +48 -53
  66. package/dist/{RootIndividualDetailsPage-vkjzmyF7.js → RootIndividualDetailsPage-CvVVlkJI.js} +42 -39
  67. package/dist/{Select-prMx73V9.js → Select-AiAom5JL.js} +330 -19
  68. package/dist/{SignPCIComponent-CIkdVNH2.js → SignPCIComponent-Dmr9dDYB.js} +19 -23
  69. package/dist/{SingpassSelection-B6NONcr4.js → SingpassSelection-BXHvwmgp.js} +7 -7
  70. package/dist/Skeleton-7xDqhYr-.js +30 -0
  71. package/dist/{SoleProprietorshipPage-BmNs557C.js → SoleProprietorshipPage-DKL4anrn.js} +7 -7
  72. package/dist/{SourceOfFundsPage-B5nZ3MjN.js → SourceOfFundsPage-2dxP6dlL.js} +46 -58
  73. package/dist/{SourceOfFundsWorkflow-IkLZG9JI.js → SourceOfFundsWorkflow-Didn1fld.js} +4 -4
  74. package/dist/{StackLayout-IUdNMDgW.js → StackLayout-J1ynSX-P.js} +6 -5
  75. package/dist/{utils-lIizXlcC.js → StateField-BoIVEnaZ.js} +89 -3
  76. package/dist/{Step-BJh4XZae.js → Step-CiwqdcuY.js} +19 -13
  77. package/dist/SummarySection-B6A_AT1m.js +60 -0
  78. package/dist/{Task-yQcY16x1.js → Task-CJDcviJ6.js} +8 -8
  79. package/dist/{TaskGroup-C9iFHpux.js → TaskGroup-BXkrbyTG.js} +5 -5
  80. package/dist/{TaskListItem-ChlmCIfF.js → TaskListItem-CQXvVRWG.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-CnaGMge9.js} +19 -18
  84. package/dist/{TaxReportingDropin-Cq3gBWtp.js → TaxReportingDropin-F4e4CxiC.js} +22 -26
  85. package/dist/{TaxReportingWorkflow-flQPRAPy.js → TaxReportingWorkflow-Caa_klQR.js} +4 -4
  86. package/dist/{TermsOfServiceManagement-BM5K4cpw.js → TermsOfServiceManagement-5x2f0QgC.js} +21 -30
  87. package/dist/{TextArea-C12oXMzX.js → TextArea-eJQFkYyd.js} +5 -5
  88. package/dist/TextField-Ca7rT4tr.js +73 -0
  89. package/dist/{TrustDetailsPage-z7s9FxVC.js → TrustDetailsPage-D3RkKlpJ.js} +59 -67
  90. package/dist/{TrustMemberCompanyPage-tU2HTiDG.js → TrustMemberCompanyPage-BvBxQg7D.js} +8 -8
  91. package/dist/{TrustMemberIndividualPage-BLBtnoSq.js → TrustMemberIndividualPage-D4idWK8j.js} +35 -34
  92. package/dist/{TrustMemberRoleAndTypePage-DIwrtOWr.js → TrustMemberRoleAndTypePage-CyKm_knd.js} +23 -30
  93. package/dist/{TrustMembersOverview-CowTgfIb.js → TrustMembersOverview-BnP0wZSf.js} +18 -22
  94. package/dist/{UboTaskItem-CZLDzQil.js → UboTaskItem-Degn5OyC.js} +8 -8
  95. package/dist/{UnincorporatedPartnershipIndividualPage-BT0j54-O.js → UnincorporatedPartnershipIndividualPage-Bgb4oCRJ.js} +35 -34
  96. package/dist/{UnincorporatedPartnershipMemberCompanyPage-DFOoV0wQ.js → UnincorporatedPartnershipMemberCompanyPage-T6SOH3Mv.js} +8 -8
  97. package/dist/{UnincorporatedPartnershipMemberRoleAndTypePage-D973uyHj.js → UnincorporatedPartnershipMemberRoleAndTypePage-BVfav_Z_.js} +14 -16
  98. package/dist/{UnincorporatedPartnershipMembersOverview-5w1BrDMI.js → UnincorporatedPartnershipMembersOverview-DPW48_Lv.js} +11 -14
  99. package/dist/VerificationErrorAlert-q1SEqBXx.js +68 -0
  100. package/dist/WebsiteField-CnOU49Hn.js +62 -0
  101. package/dist/{Workflow-CF-HUIjR.js → Workflow-D298oRt0.js} +9 -9
  102. package/dist/{accountHolderUtils-CAu4V0ed.js → accountHolderUtils-CLuKAgaj.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-CsDthERR.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-Dvga6KjU.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-CSlRmPSn.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-DjErFfKK.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-HzaYJh36.js} +90 -5
  160. package/dist/{formatValidationError-z2D5oU1e.js → formatValidationError-D3vBdIym.js} +2 -2
  161. package/dist/fr-FR-DMPXwPYV.js +7 -0
  162. package/dist/{getDefaultRegistrationNumberType-BNO2BcfK.js → getDefaultRegistrationNumberType-CiEvyeR9.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-DvQgc-X3.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-BLOAhwWM.js} +2 -2
  187. package/dist/{mapExistingFile-RrS8dCpX.js → mapExistingFile-BXfeQxev.js} +2 -2
  188. package/dist/{mapJpAddressSchemaToAddressLocalizations-wwD6Rp3Q.js → mapJpAddressSchemaToAddressLocalizations-cseKFm-l.js} +16 -15
  189. package/dist/{mapLegalEntityToIndividualSchema-DtT3pcZJ.js → mapLegalEntityToIndividualSchema-DvGFy20Z.js} +12 -13
  190. package/dist/{mapTransferInstrumentToPayoutAccount-BpXU-nP1.js → mapTransferInstrumentToPayoutAccount-Cq7PMPOa.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-Cn-RYAun.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-D8-1H8bU.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-dsYTeDom.js → useBusinessDetailsData-BEM6OCqH.js} +132 -150
  316. package/dist/{useBusinessLines-BhSN6qCH.js → useBusinessLines-0FcuDMzo.js} +1 -1
  317. package/dist/{useCanSeeIntroduction-BLGY7sE-.js → useCanSeeIntroduction-B6BDOCm_.js} +5 -5
  318. package/dist/{useDataMissingRemediations-ttUrk09_.js → useDataMissingRemediations-DKjYzfe2.js} +3 -3
  319. package/dist/{useForm-BFeaSvlP.js → useForm-fYu8sJ-i.js} +6 -6
  320. package/dist/{useHideTaskStepper-C_w6iUY-.js → useHideTaskStepper-BgCN--mG.js} +1 -1
  321. package/dist/{invalidateRootLegalEntity-B97dCa-s.js → useId-CEUET5IS.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-J0sRAAoI.js → useNavigate-B1z7McBl.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-DJAmDo-r.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-BtuFBe20.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-D3sCwcaT.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-SKYT7xU4.js → utils-BFxg3gPM.js} +2 -2
  337. package/dist/{utils-D8pwjFm5.js → utils-CcBgYW2P.js} +5 -6
  338. package/dist/utils-Oc-YLiM0.js +214 -0
  339. package/dist/{validate-BBVJuFm5.js → validate-1rlz-OH4.js} +15 -17
  340. package/dist/{validate-Bkpa-y5Q.js → validate-B2P8hpA5.js} +7 -7
  341. package/dist/{validate-t6pT7AaZ.js → validate-S1Bm0XnT.js} +3 -3
  342. package/dist/{validate-Dmdw3pYn.js → validate-x5CYfY5E.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-CLI-fiSo.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/style.css CHANGED
@@ -1,4 +1,24 @@
1
- @import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fonts.min.css');._typography_1kejo_1 {
1
+ @import url('https://bae81f955b.cdn.adyen.com/bento/fonts/adyen-ui/fonts.min.css');._svg-icon_cdxs7_1 {
2
+ color: inherit;
3
+ display: inline-flex;
4
+ vertical-align: baseline;
5
+ min-height: 16px;
6
+ min-width: 16px;
7
+ }
8
+
9
+ ._svg-icon_cdxs7_1 svg {
10
+ /* for safari */
11
+ height: 100%;
12
+ }
13
+
14
+ ._svg-icon_cdxs7_1 svg path {
15
+ fill: currentColor;
16
+ }
17
+
18
+ ._svg-image_cdxs7_18 {
19
+ display: inline-block;
20
+ }
21
+ ._typography_1kejo_1 {
2
22
  color: var(--adyen-internal-color-label-primary);
3
23
  font-family: var(--adyen-internal-text-body-font-family);
4
24
  font-size: var(--adyen-internal-text-body-font-size);
@@ -211,26 +231,6 @@
211
231
  transform: rotate(360deg);
212
232
  }
213
233
  }
214
- ._svg-icon_cdxs7_1 {
215
- color: inherit;
216
- display: inline-flex;
217
- vertical-align: baseline;
218
- min-height: 16px;
219
- min-width: 16px;
220
- }
221
-
222
- ._svg-icon_cdxs7_1 svg {
223
- /* for safari */
224
- height: 100%;
225
- }
226
-
227
- ._svg-icon_cdxs7_1 svg path {
228
- fill: currentColor;
229
- }
230
-
231
- ._svg-image_cdxs7_18 {
232
- display: inline-block;
233
- }
234
234
  ._button_1jv3j_1 {
235
235
  border: 1px solid transparent;
236
236
  box-sizing: border-box;
@@ -444,85 +444,6 @@
444
444
  transform: scale(1);
445
445
  }
446
446
  }
447
- ._toast_5bwuk_1 {
448
- align-items: center;
449
- animation: _present-toast_5bwuk_1 400ms var(--adyen-internal-animation-easing-enter);
450
- background-color: var(--adyen-internal-color-background-inverse-primary);
451
- border-radius: var(--adyen-internal-border-radius-l);
452
- border-top: 1px solid var(--adyen-internal-color-outline-inverse-primary);
453
- bottom: var(--adyen-internal-spacer-070);
454
- box-shadow: var(--adyen-internal-shadow-high);
455
- display: flex;
456
- fill: var(--adyen-internal-color-label-inverse-secondary);
457
- gap: var(--adyen-internal-spacer-040);
458
- justify-content: flex-start;
459
- left: 50%;
460
- max-width: 420px;
461
- padding: var(--adyen-internal-spacer-040);
462
- position: fixed;
463
- transform: translateX(-50%);
464
- width: 90vw;
465
- z-index: 1000;
466
- }
467
-
468
- ._toast-image_5bwuk_22 {
469
- align-items: center;
470
- border-radius: 50%;
471
- display: flex;
472
- justify-content: center;
473
- max-height: 32px;
474
- max-width: 32px;
475
- padding: var(--adyen-internal-spacer-040);
476
- }
477
-
478
- ._toast-image-success_5bwuk_32 {
479
- color: var(--adyen-internal-color-decorative-green);
480
- fill: var(--adyen-internal-color-decorative-green);
481
- }
482
-
483
- ._toast-image-error_5bwuk_37 {
484
- color: var(--adyen-internal-color-label-critical);
485
- fill: var(--adyen-internal-color-label-critical);
486
- }
487
-
488
- ._toast-label_5bwuk_42 {
489
- align-items: center;
490
- color: var(--adyen-internal-color-label-inverse-primary);
491
- display: flex;
492
- flex-grow: 1;
493
- font-family: var(--adyen-internal-text-body-font-family);
494
- font-size: var(--adyen-internal-text-body-font-size);
495
- font-weight: var(--adyen-internal-text-body-font-weight);
496
- gap: var(--adyen-internal-spacer-040);
497
- line-height: var(--adyen-internal-text-body-line-height);
498
- padding: var(--adyen-internal-spacer-040);
499
- }
500
-
501
- ._toast-actions_5bwuk_55 {
502
- display: flex;
503
- gap: var(--adyen-internal-spacer-040);
504
-
505
- button:focus-visible {
506
- outline-color: var(--adyen-internal-color-outline-inverse-primary-active);
507
- }
508
- }
509
-
510
- ._toast-action-close_5bwuk_64 {
511
- border-left: 1px solid var(--adyen-internal-color-outline-inverse-primary);
512
- padding-left: var(--adyen-internal-spacer-040);
513
- }
514
-
515
- @keyframes _present-toast_5bwuk_1 {
516
- 0% {
517
- opacity: 0;
518
- transform: translate(-50%, 32px);
519
- }
520
-
521
- 100% {
522
- opacity: 1;
523
- transform: translate(-50%, 0);
524
- }
525
- }
526
447
  ._stack-layout_18zj6_1 {
527
448
  display: flex;
528
449
  flex-direction: column;
@@ -649,77 +570,6 @@
649
570
  color: var(--adyen-internal-color-label-success);
650
571
  fill: var(--adyen-internal-color-label-success);
651
572
  }
652
- ._header_15umz_1 {
653
- display: flex;
654
- flex-direction: column;
655
- gap: var(--adyen-internal-spacer-070);
656
- }
657
-
658
- ._header-margin_15umz_7 {
659
- margin-bottom: var(--adyen-internal-spacer-140);
660
- }
661
-
662
- ._header-margin-secondary_15umz_11 {
663
- margin-bottom: var(--adyen-internal-spacer-100);
664
- }
665
-
666
- ._header-left_15umz_15 {
667
- align-items: flex-start;
668
- text-align: left;
669
- }
670
-
671
- ._header-center_15umz_20 {
672
- align-items: center;
673
- text-align: center;
674
- }
675
-
676
- ._header-right_15umz_25 {
677
- align-items: flex-end;
678
- text-align: right;
679
- }
680
-
681
- ._header-content_15umz_30 {
682
- display: flex;
683
- flex-direction: column;
684
- gap: var(--adyen-internal-spacer-040);
685
- }
686
-
687
- ._header-actions_15umz_36 {
688
- max-width: 300px;
689
- }
690
-
691
- ._header-title_15umz_40 {
692
- color: var(--adyen-internal-color-label-primary);
693
- margin: 0;
694
- }
695
-
696
- ._header-title-primary_15umz_45 {
697
- font-size: var(--adyen-internal-text-title-l-font-size);
698
- font-family: var(--adyen-internal-text-title-l-font-family);
699
- font-weight: var(--adyen-internal-text-title-l-font-weight);
700
- line-height: var(--adyen-internal-text-title-l-line-height);
701
- }
702
-
703
- ._header-title-secondary_15umz_52 {
704
- font-size: var(--adyen-internal-text-title-font-size);
705
- font-family: var(--adyen-internal-text-title-font-family);
706
- font-weight: var(--adyen-internal-text-title-font-weight);
707
- }
708
-
709
- ._header-description_15umz_58 {
710
- font-size: var(--adyen-internal-text-body-font-size);
711
- font-family: var(--adyen-internal-text-body-font-family);
712
- font-weight: var(--adyen-internal-text-body-font-weight);
713
- line-height: var(--adyen-internal-text-body-line-height);
714
- }
715
-
716
- ._header-description-primary_15umz_65 {
717
- color: var(--adyen-internal-color-label-primary);
718
- }
719
-
720
- ._header-description-secondary_15umz_69 {
721
- color: var(--adyen-internal-color-label-secondary);
722
- }
723
573
  ._skeleton_xa3xt_1 {
724
574
  width: 100%;
725
575
  height: 100%;
@@ -833,115 +683,37 @@
833
683
  margin-bottom: var(--adyen-internal-spacer-020);
834
684
  user-select: auto;
835
685
  }
836
- ._alert_jgk1f_1 {
837
- border-radius: var(--adyen-internal-border-radius-m);
838
- padding: var(--adyen-internal-spacer-070);
839
- word-break: break-word;
840
- display: flex;
841
- flex-direction: column;
842
- gap: var(--adyen-internal-spacer-040);
843
- text-align: left;
844
- }
845
- ._alert-without-icon_jgk1f_10 ._alert-explanation_jgk1f_10,
846
- ._alert-without-icon_jgk1f_10 ._alert-actions_jgk1f_11 {
847
- margin: 0 var(--adyen-internal-spacer-070);
848
- }
849
-
850
- ._alert-basic_jgk1f_15 {
851
- background-color: var(--adyen-internal-color-background-secondary);
852
- }
853
686
 
854
- ._alert-info_jgk1f_19 {
855
- background-color: var(--adyen-internal-color-background-highlight-weak);
856
- }
857
687
 
858
- ._alert-error_jgk1f_23 {
859
- background-color: var(--adyen-internal-color-background-critical-weak);
860
- }
861
688
 
862
- ._alert-warning_jgk1f_27 {
863
- background-color: var(--adyen-internal-color-background-warning-weak);
864
- }
689
+ /* Adyen CDN */
865
690
 
866
- ._alert-success_jgk1f_31 {
867
- background-color: var(--adyen-internal-color-background-success-weak);
691
+ /* utility-classes.css */
692
+ .u-width-full {
693
+ width: 100% !important;
868
694
  }
869
-
870
- ._alert-header_jgk1f_35 {
871
- align-items: flex-start;
872
- display: flex;
695
+ .u-width-half {
696
+ width: 50% !important;
873
697
  }
874
698
 
875
- ._alert-header-without-children_jgk1f_40 {
876
- align-items: center;
877
- }
699
+ /* Topmost/root container class */
700
+ .adyen-kyc-ui-element-container-wrapper {
701
+ width: 100%;
702
+ overflow: auto;
878
703
 
879
- ._alert-icon_jgk1f_44 {
880
- line-height: var(--adyen-internal-text-body-line-height);
881
- margin-top: var(--adyen-internal-spacer-010);
882
- }
883
- ._alert-icon-info_jgk1f_48 {
884
- color: var(--adyen-internal-color-background-highlight-strong);
704
+ /**
705
+ * main container query, used similarly to a @media query
706
+ * considering our Component can be embedded in a container of arbitrary size
707
+ * that does not necessarily match the whole window/screen size.
708
+ * Uses s and l breakpoints defined in variables.
709
+ */
710
+ container-type: inline-size;
711
+ container-name: main;
885
712
  }
886
-
887
- ._alert-icon-error_jgk1f_52 {
888
- color: var(--adyen-internal-color-background-critical-strong);
889
- }
890
-
891
- ._alert-icon-warning_jgk1f_56 {
892
- color: var(--adyen-internal-color-background-warning-strong);
893
- }
894
-
895
- ._alert-icon-success_jgk1f_60 {
896
- color: var(--adyen-internal-color-background-success-strong);
897
- }
898
-
899
- ._alert-title_jgk1f_64 {
900
- flex-grow: 1;
901
- margin-left: var(--adyen-internal-spacer-070);
902
- }
903
-
904
- ._alert-explanation_jgk1f_10 {
905
- color: var(--adyen-internal-color-label-primary);
906
- font-size: var(--adyen-internal-text-body-font-size);
907
- margin: 0 var(--adyen-internal-spacer-100);
908
- }
909
-
910
- ._alert-actions_jgk1f_11 {
911
- display: flex;
912
- gap: var(--adyen-internal-spacer-070);
913
- text-align: left;
914
- }
915
-
916
-
917
- /* Adyen CDN */
918
-
919
- /* utility-classes.css */
920
- .u-width-full {
921
- width: 100% !important;
922
- }
923
- .u-width-half {
924
- width: 50% !important;
925
- }
926
-
927
- /* Topmost/root container class */
928
- .adyen-kyc-ui-element-container-wrapper {
929
- width: 100%;
930
- overflow: auto;
931
-
932
- /**
933
- * main container query, used similarly to a @media query
934
- * considering our Component can be embedded in a container of arbitrary size
935
- * that does not necessarily match the whole window/screen size.
936
- * Uses s and l breakpoints defined in variables.
937
- */
938
- container-type: inline-size;
939
- container-name: main;
940
- }
941
- .adyen-kyc-ui-element-container-wrapper *,
942
- .adyen-kyc-ui-element-container-wrapper *::after,
943
- .adyen-kyc-ui-element-container-wrapper *::before {
944
- box-sizing: border-box;
713
+ .adyen-kyc-ui-element-container-wrapper *,
714
+ .adyen-kyc-ui-element-container-wrapper *::after,
715
+ .adyen-kyc-ui-element-container-wrapper *::before {
716
+ box-sizing: border-box;
945
717
  }
946
718
 
947
719
  .adyen-kyc-ui-element-container {
@@ -2836,28 +2608,517 @@ fieldset {
2836
2608
  --adyen-internal-focus-ring-spacer: var(--adyen-sdk-focus-ring-spacer, 1px);
2837
2609
  }
2838
2610
  }
2839
- ._modal_kkggh_1 {
2840
- background-color: var(--adyen-internal-color-background-modal);
2841
- border: var(--adyen-internal-spacer-000);
2842
- box-shadow: var(--adyen-internal-shadow-high);
2843
- display: flex;
2844
- flex-direction: column;
2845
- height: 100vh;
2846
- height: 100dvh;
2847
- max-height: unset;
2848
- max-width: unset;
2849
- overflow: hidden;
2850
- padding: var(--adyen-internal-spacer-000);
2851
- position: fixed;
2852
- width: 100vw;
2853
- width: 100dvw;
2854
- }
2855
2611
 
2856
- ._modal_kkggh_1:focus-visible {
2857
- outline: none;
2612
+ /**
2613
+ * On mobile it uses the Bento Large variables/tokens
2614
+ * This is to provide better sized tap targets, improve readability and accessibility
2615
+ * and solve some bugs, like Safari mobile automatically zooming on <16px text/inputs
2616
+ */
2617
+ @media (max-width: 680px) {
2618
+ :root,
2619
+ :host {
2620
+ --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 32px);
2621
+ --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 24px);
2622
+ --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 20px);
2623
+ --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 16px);
2624
+ --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 12px);
2625
+ --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 10px);
2626
+ --adyen-internal-spacer-030: var(--adyen-sdk-spacer-030, 8px);
2627
+ --adyen-internal-spacer-020: var(--adyen-sdk-spacer-020, 6px);
2628
+ --adyen-internal-spacer-010: var(--adyen-sdk-spacer-010, 4px);
2629
+ --adyen-internal-spacer-000: var(--adyen-sdk-spacer-000, 0px);
2630
+ --adyen-internal-spacer-140: var(--adyen-sdk-spacer-140, 72px);
2631
+ --adyen-internal-spacer-130: var(--adyen-sdk-spacer-130, 64px);
2632
+ --adyen-internal-spacer-120: var(--adyen-sdk-spacer-120, 56px);
2633
+ --adyen-internal-spacer-110: var(--adyen-sdk-spacer-110, 48px);
2634
+ --adyen-internal-spacer-100: var(--adyen-sdk-spacer-100, 40px);
2635
+ --adyen-internal-text-eyebrow-line-height: var(--adyen-sdk-text-eyebrow-line-height, 20px);
2636
+ --adyen-internal-text-eyebrow-font-weight: var(--adyen-sdk-text-eyebrow-font-weight, 400);
2637
+ --adyen-internal-text-eyebrow-font-size: var(--adyen-sdk-text-eyebrow-font-size, 14px);
2638
+ --adyen-internal-text-eyebrow-font-family-secondary: var(
2639
+ --adyen-sdk-text-eyebrow-font-family-secondary,
2640
+ 'Adyen Mono',
2641
+ 'Roboto Mono',
2642
+ 'Oxygen Mono',
2643
+ 'IBM Plex Mono',
2644
+ 'Courier New',
2645
+ monospace
2646
+ );
2647
+ --adyen-internal-text-title-l-mobile-line-height: var(
2648
+ --adyen-sdk-text-title-l-mobile-line-height,
2649
+ 34px
2650
+ );
2651
+ --adyen-internal-text-title-l-mobile-font-size: var(
2652
+ --adyen-sdk-text-title-l-mobile-font-size,
2653
+ 24px
2654
+ );
2655
+ --adyen-internal-text-title-l-letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
2656
+ --adyen-internal-text-title-l-line-height: var(--adyen-sdk-text-title-l-line-height, 44px);
2657
+ --adyen-internal-text-title-l-font-weight: var(--adyen-sdk-text-title-l-font-weight, 700);
2658
+ --adyen-internal-text-title-l-font-size: var(--adyen-sdk-text-title-l-font-size, 32px);
2659
+ --adyen-internal-text-title-l-font-family-secondary: var(
2660
+ --adyen-sdk-text-title-l-font-family-secondary,
2661
+ 'Adyen Mono',
2662
+ 'Roboto Mono',
2663
+ 'Oxygen Mono',
2664
+ 'IBM Plex Mono',
2665
+ 'Courier New',
2666
+ monospace
2667
+ );
2668
+ --adyen-internal-text-title-l-font-family: var(
2669
+ --adyen-sdk-text-title-l-font-family,
2670
+ 'Adyen UI',
2671
+ Roboto,
2672
+ Oxygen,
2673
+ 'Open Sans',
2674
+ 'Helvetica Neue',
2675
+ Arial,
2676
+ sans-serif
2677
+ );
2678
+ --adyen-internal-text-title-m-mobile-line-height: var(
2679
+ --adyen-sdk-text-title-m-mobile-line-height,
2680
+ 30px
2681
+ );
2682
+ --adyen-internal-text-title-m-mobile-font-size: var(
2683
+ --adyen-sdk-text-title-m-mobile-font-size,
2684
+ 20px
2685
+ );
2686
+ --adyen-internal-text-title-m-letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
2687
+ --adyen-internal-text-title-m-line-height: var(--adyen-sdk-text-title-m-line-height, 34px);
2688
+ --adyen-internal-text-title-m-font-weight: var(--adyen-sdk-text-title-m-font-weight, 700);
2689
+ --adyen-internal-text-title-m-font-size: var(--adyen-sdk-text-title-m-font-size, 24px);
2690
+ --adyen-internal-text-title-m-font-family-secondary: var(
2691
+ --adyen-sdk-text-title-m-font-family-secondary,
2692
+ 'Adyen Mono',
2693
+ 'Roboto Mono',
2694
+ 'Oxygen Mono',
2695
+ 'IBM Plex Mono',
2696
+ 'Courier New',
2697
+ monospace
2698
+ );
2699
+ --adyen-internal-text-title-m-font-family: var(
2700
+ --adyen-sdk-text-title-m-font-family,
2701
+ 'Adyen UI',
2702
+ Roboto,
2703
+ Oxygen,
2704
+ 'Open Sans',
2705
+ 'Helvetica Neue',
2706
+ Arial,
2707
+ sans-serif
2708
+ );
2709
+ --adyen-internal-text-title-mobile-line-height: var(
2710
+ --adyen-sdk-text-title-mobile-line-height,
2711
+ 28px
2712
+ );
2713
+ --adyen-internal-text-title-mobile-font-size: var(
2714
+ --adyen-sdk-text-title-mobile-font-size,
2715
+ 18px
2716
+ );
2717
+ --adyen-internal-text-title-letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
2718
+ --adyen-internal-text-title-line-height: var(--adyen-sdk-text-title-line-height, 28px);
2719
+ --adyen-internal-text-title-font-weight: var(--adyen-sdk-text-title-font-weight, 700);
2720
+ --adyen-internal-text-title-font-size: var(--adyen-sdk-text-title-font-size, 18px);
2721
+ --adyen-internal-text-title-font-family-secondary: var(
2722
+ --adyen-sdk-text-title-font-family-secondary,
2723
+ 'Adyen Mono',
2724
+ 'Roboto Mono',
2725
+ 'Oxygen Mono',
2726
+ 'IBM Plex Mono',
2727
+ 'Courier New',
2728
+ monospace
2729
+ );
2730
+ --adyen-internal-text-title-font-family: var(
2731
+ --adyen-sdk-text-title-font-family,
2732
+ 'Adyen UI',
2733
+ Roboto,
2734
+ Oxygen,
2735
+ 'Open Sans',
2736
+ 'Helvetica Neue',
2737
+ Arial,
2738
+ sans-serif
2739
+ );
2740
+ --adyen-internal-text-subtitle-stronger-font-weight: var(
2741
+ --adyen-sdk-text-subtitle-stronger-font-weight,
2742
+ 500
2743
+ );
2744
+ --adyen-internal-text-subtitle-letter-spacing: var(--adyen-sdk-text-subtitle-letter-spacing, 0);
2745
+ --adyen-internal-text-subtitle-line-height: var(--adyen-sdk-text-subtitle-line-height, 28px);
2746
+ --adyen-internal-text-subtitle-font-weight: var(--adyen-sdk-text-subtitle-font-weight, 400);
2747
+ --adyen-internal-text-subtitle-font-size: var(--adyen-sdk-text-subtitle-font-size, 18px);
2748
+ --adyen-internal-text-subtitle-font-family: var(
2749
+ --adyen-sdk-text-subtitle-font-family,
2750
+ 'Adyen UI',
2751
+ Roboto,
2752
+ Oxygen,
2753
+ 'Open Sans',
2754
+ 'Helvetica Neue',
2755
+ Arial,
2756
+ sans-serif
2757
+ );
2758
+ --adyen-internal-text-body-strongest-wide-line-height: var(
2759
+ --adyen-sdk-text-body-strongest-wide-line-height,
2760
+ 26px
2761
+ );
2762
+ --adyen-internal-text-body-strongest-wide-font-weight: var(
2763
+ --adyen-sdk-text-body-strongest-wide-font-weight,
2764
+ 700
2765
+ );
2766
+ --adyen-internal-text-body-strongest-font-weight: var(
2767
+ --adyen-sdk-text-body-strongest-font-weight,
2768
+ 700
2769
+ );
2770
+ --adyen-internal-text-body-stronger-wide-line-height: var(
2771
+ --adyen-sdk-text-body-stronger-wide-line-height,
2772
+ 26px
2773
+ );
2774
+ --adyen-internal-text-body-stronger-wide-font-weight: var(
2775
+ --adyen-sdk-text-body-stronger-wide-font-weight,
2776
+ 500
2777
+ );
2778
+ --adyen-internal-text-body-stronger-font-weight: var(
2779
+ --adyen-sdk-text-body-stronger-font-weight,
2780
+ 500
2781
+ );
2782
+ --adyen-internal-text-body-wide-line-height: var(--adyen-sdk-text-body-wide-line-height, 26px);
2783
+ --adyen-internal-text-body-letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
2784
+ --adyen-internal-text-body-line-height: var(--adyen-sdk-text-body-line-height, 24px);
2785
+ --adyen-internal-text-body-font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2786
+ --adyen-internal-text-body-font-size: var(--adyen-sdk-text-body-font-size, 16px);
2787
+ --adyen-internal-text-body-font-family-secondary: var(
2788
+ --adyen-sdk-text-body-font-family-secondary,
2789
+ 'Adyen Mono',
2790
+ 'Roboto Mono',
2791
+ 'Oxygen Mono',
2792
+ 'IBM Plex Mono',
2793
+ 'Courier New',
2794
+ monospace
2795
+ );
2796
+ --adyen-internal-text-body-font-family: var(
2797
+ --adyen-sdk-text-body-font-family,
2798
+ 'Adyen UI',
2799
+ Roboto,
2800
+ Oxygen,
2801
+ 'Open Sans',
2802
+ 'Helvetica Neue',
2803
+ Arial,
2804
+ sans-serif
2805
+ );
2806
+ --adyen-internal-text-caption-stronger-wide-line-height: var(
2807
+ --adyen-sdk-text-caption-stronger-wide-line-height,
2808
+ 24px
2809
+ );
2810
+ --adyen-internal-text-caption-stronger-wide-font-weight: var(
2811
+ --adyen-sdk-text-caption-stronger-wide-font-weight,
2812
+ 500
2813
+ );
2814
+ --adyen-internal-text-caption-stronger-font-weight: var(
2815
+ --adyen-sdk-text-caption-stronger-font-weight,
2816
+ 500
2817
+ );
2818
+ --adyen-internal-text-caption-wide-line-height: var(
2819
+ --adyen-sdk-text-caption-wide-line-height,
2820
+ 24px
2821
+ );
2822
+ --adyen-internal-text-caption-letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
2823
+ --adyen-internal-text-caption-line-height: var(--adyen-sdk-text-caption-line-height, 20px);
2824
+ --adyen-internal-text-caption-font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
2825
+ --adyen-internal-text-caption-font-size: var(--adyen-sdk-text-caption-font-size, 14px);
2826
+ --adyen-internal-text-caption-font-family-secondary: var(
2827
+ --adyen-sdk-text-caption-font-family-secondary,
2828
+ 'Adyen Mono',
2829
+ 'Roboto Mono',
2830
+ 'Oxygen Mono',
2831
+ 'IBM Plex Mono',
2832
+ 'Courier New',
2833
+ monospace
2834
+ );
2835
+ --adyen-internal-text-caption-font-family: var(
2836
+ --adyen-sdk-text-caption-font-family,
2837
+ 'Adyen UI',
2838
+ Roboto,
2839
+ Oxygen,
2840
+ 'Open Sans',
2841
+ 'Helvetica Neue',
2842
+ Arial,
2843
+ sans-serif
2844
+ );
2845
+ --adyen-internal-text-rich-text-caption-pre-line-height: var(
2846
+ --adyen-sdk-text-rich-text-caption-pre-line-height,
2847
+ 24px
2848
+ );
2849
+ --adyen-internal-text-rich-text-table-caption-line-height: var(
2850
+ --adyen-sdk-text-rich-text-table-caption-line-height,
2851
+ 24px
2852
+ );
2853
+ --adyen-internal-text-rich-text-table-header-font-weight: var(
2854
+ --adyen-sdk-text-rich-text-table-header-font-weight,
2855
+ 700
2856
+ );
2857
+ --adyen-internal-text-rich-text-table-line-height: var(
2858
+ --adyen-sdk-text-rich-text-table-line-height,
2859
+ 24px
2860
+ );
2861
+ --adyen-internal-text-rich-text-blockquote-font-weight: var(
2862
+ --adyen-sdk-text-rich-text-blockquote-font-weight,
2863
+ 400
2864
+ );
2865
+ --adyen-internal-text-rich-text-pre-line-height: var(
2866
+ --adyen-sdk-text-rich-text-pre-line-height,
2867
+ 26px
2868
+ );
2869
+ }
2858
2870
  }
2859
-
2860
- @media (min-width: 480px) {
2871
+ ._toast_5bwuk_1 {
2872
+ align-items: center;
2873
+ animation: _present-toast_5bwuk_1 400ms var(--adyen-internal-animation-easing-enter);
2874
+ background-color: var(--adyen-internal-color-background-inverse-primary);
2875
+ border-radius: var(--adyen-internal-border-radius-l);
2876
+ border-top: 1px solid var(--adyen-internal-color-outline-inverse-primary);
2877
+ bottom: var(--adyen-internal-spacer-070);
2878
+ box-shadow: var(--adyen-internal-shadow-high);
2879
+ display: flex;
2880
+ fill: var(--adyen-internal-color-label-inverse-secondary);
2881
+ gap: var(--adyen-internal-spacer-040);
2882
+ justify-content: flex-start;
2883
+ left: 50%;
2884
+ max-width: 420px;
2885
+ padding: var(--adyen-internal-spacer-040);
2886
+ position: fixed;
2887
+ transform: translateX(-50%);
2888
+ width: 90vw;
2889
+ z-index: 1000;
2890
+ }
2891
+
2892
+ ._toast-image_5bwuk_22 {
2893
+ align-items: center;
2894
+ border-radius: 50%;
2895
+ display: flex;
2896
+ justify-content: center;
2897
+ max-height: 32px;
2898
+ max-width: 32px;
2899
+ padding: var(--adyen-internal-spacer-040);
2900
+ }
2901
+
2902
+ ._toast-image-success_5bwuk_32 {
2903
+ color: var(--adyen-internal-color-decorative-green);
2904
+ fill: var(--adyen-internal-color-decorative-green);
2905
+ }
2906
+
2907
+ ._toast-image-error_5bwuk_37 {
2908
+ color: var(--adyen-internal-color-label-critical);
2909
+ fill: var(--adyen-internal-color-label-critical);
2910
+ }
2911
+
2912
+ ._toast-label_5bwuk_42 {
2913
+ align-items: center;
2914
+ color: var(--adyen-internal-color-label-inverse-primary);
2915
+ display: flex;
2916
+ flex-grow: 1;
2917
+ font-family: var(--adyen-internal-text-body-font-family);
2918
+ font-size: var(--adyen-internal-text-body-font-size);
2919
+ font-weight: var(--adyen-internal-text-body-font-weight);
2920
+ gap: var(--adyen-internal-spacer-040);
2921
+ line-height: var(--adyen-internal-text-body-line-height);
2922
+ padding: var(--adyen-internal-spacer-040);
2923
+ }
2924
+
2925
+ ._toast-actions_5bwuk_55 {
2926
+ display: flex;
2927
+ gap: var(--adyen-internal-spacer-040);
2928
+
2929
+ button:focus-visible {
2930
+ outline-color: var(--adyen-internal-color-outline-inverse-primary-active);
2931
+ }
2932
+ }
2933
+
2934
+ ._toast-action-close_5bwuk_64 {
2935
+ border-left: 1px solid var(--adyen-internal-color-outline-inverse-primary);
2936
+ padding-left: var(--adyen-internal-spacer-040);
2937
+ }
2938
+
2939
+ @keyframes _present-toast_5bwuk_1 {
2940
+ 0% {
2941
+ opacity: 0;
2942
+ transform: translate(-50%, 32px);
2943
+ }
2944
+
2945
+ 100% {
2946
+ opacity: 1;
2947
+ transform: translate(-50%, 0);
2948
+ }
2949
+ }
2950
+ ._header_15umz_1 {
2951
+ display: flex;
2952
+ flex-direction: column;
2953
+ gap: var(--adyen-internal-spacer-070);
2954
+ }
2955
+
2956
+ ._header-margin_15umz_7 {
2957
+ margin-bottom: var(--adyen-internal-spacer-140);
2958
+ }
2959
+
2960
+ ._header-margin-secondary_15umz_11 {
2961
+ margin-bottom: var(--adyen-internal-spacer-100);
2962
+ }
2963
+
2964
+ ._header-left_15umz_15 {
2965
+ align-items: flex-start;
2966
+ text-align: left;
2967
+ }
2968
+
2969
+ ._header-center_15umz_20 {
2970
+ align-items: center;
2971
+ text-align: center;
2972
+ }
2973
+
2974
+ ._header-right_15umz_25 {
2975
+ align-items: flex-end;
2976
+ text-align: right;
2977
+ }
2978
+
2979
+ ._header-content_15umz_30 {
2980
+ display: flex;
2981
+ flex-direction: column;
2982
+ gap: var(--adyen-internal-spacer-040);
2983
+ }
2984
+
2985
+ ._header-actions_15umz_36 {
2986
+ max-width: 300px;
2987
+ }
2988
+
2989
+ ._header-title_15umz_40 {
2990
+ color: var(--adyen-internal-color-label-primary);
2991
+ margin: 0;
2992
+ }
2993
+
2994
+ ._header-title-primary_15umz_45 {
2995
+ font-size: var(--adyen-internal-text-title-l-font-size);
2996
+ font-family: var(--adyen-internal-text-title-l-font-family);
2997
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
2998
+ line-height: var(--adyen-internal-text-title-l-line-height);
2999
+ }
3000
+
3001
+ ._header-title-secondary_15umz_52 {
3002
+ font-size: var(--adyen-internal-text-title-font-size);
3003
+ font-family: var(--adyen-internal-text-title-font-family);
3004
+ font-weight: var(--adyen-internal-text-title-font-weight);
3005
+ }
3006
+
3007
+ ._header-description_15umz_58 {
3008
+ font-size: var(--adyen-internal-text-body-font-size);
3009
+ font-family: var(--adyen-internal-text-body-font-family);
3010
+ font-weight: var(--adyen-internal-text-body-font-weight);
3011
+ line-height: var(--adyen-internal-text-body-line-height);
3012
+ }
3013
+
3014
+ ._header-description-primary_15umz_65 {
3015
+ color: var(--adyen-internal-color-label-primary);
3016
+ }
3017
+
3018
+ ._header-description-secondary_15umz_69 {
3019
+ color: var(--adyen-internal-color-label-secondary);
3020
+ }
3021
+ ._alert_jgk1f_1 {
3022
+ border-radius: var(--adyen-internal-border-radius-m);
3023
+ padding: var(--adyen-internal-spacer-070);
3024
+ word-break: break-word;
3025
+ display: flex;
3026
+ flex-direction: column;
3027
+ gap: var(--adyen-internal-spacer-040);
3028
+ text-align: left;
3029
+ }
3030
+ ._alert-without-icon_jgk1f_10 ._alert-explanation_jgk1f_10,
3031
+ ._alert-without-icon_jgk1f_10 ._alert-actions_jgk1f_11 {
3032
+ margin: 0 var(--adyen-internal-spacer-070);
3033
+ }
3034
+
3035
+ ._alert-basic_jgk1f_15 {
3036
+ background-color: var(--adyen-internal-color-background-secondary);
3037
+ }
3038
+
3039
+ ._alert-info_jgk1f_19 {
3040
+ background-color: var(--adyen-internal-color-background-highlight-weak);
3041
+ }
3042
+
3043
+ ._alert-error_jgk1f_23 {
3044
+ background-color: var(--adyen-internal-color-background-critical-weak);
3045
+ }
3046
+
3047
+ ._alert-warning_jgk1f_27 {
3048
+ background-color: var(--adyen-internal-color-background-warning-weak);
3049
+ }
3050
+
3051
+ ._alert-success_jgk1f_31 {
3052
+ background-color: var(--adyen-internal-color-background-success-weak);
3053
+ }
3054
+
3055
+ ._alert-header_jgk1f_35 {
3056
+ align-items: flex-start;
3057
+ display: flex;
3058
+ }
3059
+
3060
+ ._alert-header-without-children_jgk1f_40 {
3061
+ align-items: center;
3062
+ }
3063
+
3064
+ ._alert-icon_jgk1f_44 {
3065
+ line-height: var(--adyen-internal-text-body-line-height);
3066
+ margin-top: var(--adyen-internal-spacer-010);
3067
+ }
3068
+ ._alert-icon-info_jgk1f_48 {
3069
+ color: var(--adyen-internal-color-background-highlight-strong);
3070
+ }
3071
+
3072
+ ._alert-icon-error_jgk1f_52 {
3073
+ color: var(--adyen-internal-color-background-critical-strong);
3074
+ }
3075
+
3076
+ ._alert-icon-warning_jgk1f_56 {
3077
+ color: var(--adyen-internal-color-background-warning-strong);
3078
+ }
3079
+
3080
+ ._alert-icon-success_jgk1f_60 {
3081
+ color: var(--adyen-internal-color-background-success-strong);
3082
+ }
3083
+
3084
+ ._alert-title_jgk1f_64 {
3085
+ flex-grow: 1;
3086
+ margin-left: var(--adyen-internal-spacer-070);
3087
+ }
3088
+
3089
+ ._alert-explanation_jgk1f_10 {
3090
+ color: var(--adyen-internal-color-label-primary);
3091
+ font-size: var(--adyen-internal-text-body-font-size);
3092
+ margin: 0 var(--adyen-internal-spacer-100);
3093
+ }
3094
+
3095
+ ._alert-actions_jgk1f_11 {
3096
+ display: flex;
3097
+ gap: var(--adyen-internal-spacer-070);
3098
+ text-align: left;
3099
+ }
3100
+ ._modal_kkggh_1 {
3101
+ background-color: var(--adyen-internal-color-background-modal);
3102
+ border: var(--adyen-internal-spacer-000);
3103
+ box-shadow: var(--adyen-internal-shadow-high);
3104
+ display: flex;
3105
+ flex-direction: column;
3106
+ height: 100vh;
3107
+ height: 100dvh;
3108
+ max-height: unset;
3109
+ max-width: unset;
3110
+ overflow: hidden;
3111
+ padding: var(--adyen-internal-spacer-000);
3112
+ position: fixed;
3113
+ width: 100vw;
3114
+ width: 100dvw;
3115
+ }
3116
+
3117
+ ._modal_kkggh_1:focus-visible {
3118
+ outline: none;
3119
+ }
3120
+
3121
+ @media (min-width: 480px) {
2861
3122
  ._modal_kkggh_1 {
2862
3123
  transition:
2863
3124
  max-height 400ms,
@@ -2985,85 +3246,128 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
2985
3246
  overflow-y: auto;
2986
3247
  padding: var(--adyen-internal-spacer-070);
2987
3248
  }
2988
- ._end-state-layout_z1k0z_1 {
2989
- align-items: center;
2990
- display: flex;
2991
- flex-direction: column;
2992
- flex-grow: 1;
2993
- gap: var(--adyen-internal-spacer-100);
2994
- height: 100%;
2995
- justify-content: center;
2996
- margin-left: auto;
2997
- margin-right: auto;
2998
- max-width: 600px;
2999
- width: 100%;
3000
- }
3249
+ ._input_1pgbk_1 {
3250
+ opacity: 0;
3251
+ pointer-events: none;
3252
+ position: absolute;
3001
3253
 
3002
- ._end-state-layout-header_z1k0z_15 {
3003
- align-items: center;
3004
- display: flex;
3005
- flex-direction: column;
3006
- gap: var(--adyen-internal-spacer-040);
3007
- text-align: center;
3008
- }
3254
+ &:focus-visible + ._label_1pgbk_6::after {
3255
+ box-shadow:
3256
+ 0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
3257
+ 0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
3258
+ transition: var(--adyen-internal-animation-duration-fast)
3259
+ var(--adyen-internal-animation-easing-standard);
3260
+ transition-property: box-shadow;
3261
+ }
3009
3262
 
3010
- ._end-state-layout-icon_z1k0z_23 {
3011
- align-items: center;
3012
- border-radius: 50%;
3013
- display: flex;
3014
- height: 64px;
3015
- justify-content: center;
3016
- width: 64px;
3017
- }
3263
+ &:hover + ._label_1pgbk_6::after {
3264
+ background-color: var(--adyen-internal-color-background-primary-hover);
3265
+ }
3018
3266
 
3019
- ._end-state-layout-icon_z1k0z_23 svg {
3020
- height: 24px;
3021
- width: 24px;
3022
- }
3267
+ &:checked {
3268
+ & + ._label_1pgbk_6::before {
3269
+ opacity: 1;
3270
+ }
3023
3271
 
3024
- ._end-state-layout-icon-success_z1k0z_37 {
3025
- background-color: var(--adyen-internal-color-decorative-green);
3026
- box-shadow: var(--adyen-internal-shadow-medium);
3027
- color: var(--adyen-internal-color-label-on-color);
3028
- }
3272
+ & + ._label_1pgbk_6::after {
3273
+ background-color: var(--adyen-kyc-checkbox-input-color);
3274
+ border-color: var(--adyen-kyc-checkbox-input-color);
3275
+ }
3029
3276
 
3030
- ._end-state-layout-icon-error_z1k0z_43 {
3031
- background-color: var(--adyen-internal-color-background-critical-strong);
3032
- box-shadow: var(--adyen-internal-shadow-medium);
3033
- color: var(--adyen-internal-color-label-on-color);
3034
- }
3277
+ &:hover + ._label_1pgbk_6::after {
3278
+ background-color: var(--adyen-kyc-checkbox-hover-input-color);
3279
+ border-color: var(--adyen-kyc-checkbox-hover-input-color);
3280
+ }
3035
3281
 
3036
- ._end-state-layout-icon-info_z1k0z_49 {
3037
- background-color: var(--adyen-internal-color-background-highlight-weak);
3038
- color: var(--adyen-internal-color-label-highlight);
3039
- }
3282
+ &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3283
+ border-color: var(--adyen-internal-color-outline-critical);
3284
+ background-color: var(--adyen-internal-color-label-critical);
3285
+ }
3286
+ }
3040
3287
 
3041
- ._end-state-layout-icon-warning_z1k0z_54 {
3042
- background-color: var(--adyen-internal-color-decorative-yellow);
3043
- color: var(--adyen-internal-color-label-primary);
3044
- }
3288
+ &:disabled {
3289
+ & + ._label_1pgbk_6::before {
3290
+ border-bottom: var(--adyen-internal-border-width-m) solid
3291
+ var(--adyen-internal-color-outline-tertiary);
3292
+ border-right: var(--adyen-internal-border-width-m) solid
3293
+ var(--adyen-internal-color-outline-tertiary);
3294
+ }
3045
3295
 
3046
- ._end-state-layout-title_z1k0z_59 {
3047
- color: var(--adyen-internal-color-label-primary);
3048
- font-size: var(--adyen-internal-text-title-m-font-size);
3049
- font-weight: var(--adyen-internal-text-title-m-font-weight);
3050
- line-height: var(--adyen-internal-text-title-m-line-height);
3051
- margin: 0;
3296
+ & + ._label_1pgbk_6::after {
3297
+ background-color: var(--adyen-internal-color-background-disabled);
3298
+ border: var(--adyen-internal-border-width-s) solid
3299
+ var(--adyen-internal-color-background-disabled);
3300
+ }
3301
+
3302
+ &:hover + ._label_1pgbk_6::after {
3303
+ background-color: var(--adyen-internal-color-background-disabled);
3304
+ border: var(--adyen-internal-border-width-s) solid
3305
+ var(--adyen-internal-color-outline-tertiary);
3306
+ }
3307
+ }
3308
+
3309
+ &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3310
+ border-color: var(--adyen-internal-color-outline-critical);
3311
+ }
3052
3312
  }
3053
3313
 
3054
- ._end-state-layout-description_z1k0z_67 {
3055
- color: var(--adyen-internal-color-label-secondary);
3314
+ ._label_1pgbk_6 {
3315
+ --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
3316
+ --adyen-kyc-checkbox-hover-input-color: var(
3317
+ --adyen-internal-color-background-inverse-primary-hover
3318
+ );
3319
+ --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
3320
+ --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
3321
+
3322
+ color: var(--adyen-internal-color-label-primary);
3323
+ cursor: pointer;
3324
+ display: inline-block;
3056
3325
  font-size: var(--adyen-internal-text-body-font-size);
3057
3326
  font-weight: var(--adyen-internal-text-body-font-weight);
3058
- line-height: var(--adyen-internal-text-body-line-height);
3327
+ line-height: var(--adyen-kyc-checkbox-size);
3328
+ padding-left: var(--adyen-internal-spacer-090);
3329
+ position: relative;
3330
+ user-select: none;
3331
+ width: calc(100% - 32px); /* leaves space for the error icon */
3332
+
3333
+ /* Check */
3334
+ &::before {
3335
+ border-bottom: var(--adyen-internal-border-width-m) solid
3336
+ var(--adyen-kyc-checkbox-check-mark-color);
3337
+ border-right: var(--adyen-internal-border-width-m) solid
3338
+ var(--adyen-kyc-checkbox-check-mark-color);
3339
+ content: '';
3340
+ height: 7px;
3341
+ left: 3px;
3342
+ opacity: 0;
3343
+ position: absolute;
3344
+ top: 4px;
3345
+ transform: rotateZ(37deg);
3346
+ transform-origin: 100% 100%;
3347
+ width: 5px;
3348
+ z-index: 1;
3349
+ }
3350
+
3351
+ /* Box */
3352
+ &::after {
3353
+ background-color: var(--adyen-internal-color-background-primary);
3354
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3355
+ border-radius: var(--adyen-internal-border-radius-s);
3356
+ content: '';
3357
+ height: var(--adyen-kyc-checkbox-size);
3358
+ left: 0;
3359
+ position: absolute;
3360
+ top: 0;
3361
+ width: var(--adyen-kyc-checkbox-size);
3362
+ z-index: 0;
3363
+ }
3059
3364
  }
3060
3365
 
3061
- ._end-state-layout-action_z1k0z_74 {
3062
- display: flex;
3063
- flex-direction: column;
3064
- gap: var(--adyen-internal-spacer-040);
3065
- max-width: 320px;
3066
- width: 100%;
3366
+ ._helper-text_1pgbk_118 {
3367
+ color: var(--adyen-internal-color-label-secondary);
3368
+ display: block;
3369
+ font-size: var(--adyen-internal-text-body-font-size);
3370
+ padding-left: var(--adyen-internal-spacer-090);
3067
3371
  }
3068
3372
  ._loader-wrapper-loader_17ekf_1 {
3069
3373
  display: none;
@@ -3078,967 +3382,964 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
3078
3382
  ._loader-wrapper-loader-active_17ekf_11 {
3079
3383
  display: block;
3080
3384
  }
3081
- ._confirm_1aprd_1 {
3082
- display: flex;
3083
- flex-direction: column;
3084
- gap: var(--adyen-internal-spacer-100);
3085
- padding: var(--adyen-internal-spacer-070);
3385
+ ._progress-bar_1d5l3_1 {
3386
+ --adyen-progress-bar-size: 4px;
3387
+ background-color: var(--adyen-internal-color-background-secondary);
3388
+ height: var(--adyen-progress-bar-size);
3389
+ overflow: hidden;
3086
3390
  }
3087
3391
 
3088
- ._confirm-message_1aprd_8 {
3089
- display: flex;
3090
- flex-direction: column;
3091
- gap: var(--adyen-internal-spacer-040);
3392
+ ._progress-bar-rounded_1d5l3_8 {
3393
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
3092
3394
  }
3093
3395
 
3094
- ._confirm-actions_1aprd_14 {
3095
- display: flex;
3096
- flex-direction: column-reverse;
3097
- gap: var(--adyen-internal-spacer-040);
3098
-
3099
- @media (min-width: 480px) {
3100
- flex-direction: row;
3101
- justify-content: flex-end;
3102
- }
3103
- }
3104
- ._error-panel_1nb8q_1 {
3105
- margin-bottom: var(--adyen-internal-spacer-080);
3396
+ ._progress-bar-indicator_1d5l3_12 {
3397
+ background-color: var(--adyen-internal-color-background-inverse-primary);
3398
+ height: 100%;
3399
+ text-indent: -1000%;
3400
+ transition: width 400ms;
3401
+ overflow: hidden;
3106
3402
  }
3107
- ._list_s1vme_1 {
3108
- display: flex;
3109
- flex-direction: column;
3110
- gap: var(--adyen-internal-spacer-040);
3403
+ .adyen-kyc-field {
3404
+ display: block;
3405
+ margin-bottom: var(--adyen-internal-spacer-090);
3111
3406
  width: 100%;
3112
3407
  }
3113
3408
 
3114
- ._list-header_s1vme_8 {
3409
+ .adyen-kyc-field--disabled {
3410
+ color: var(--adyen-internal-color-label-disabled);
3411
+ opacity: 0.5;
3412
+ pointer-events: none;
3413
+ }
3414
+
3415
+ .adyen-kyc-optional-label {
3115
3416
  color: var(--adyen-internal-color-label-secondary);
3116
- font-size: var(--adyen-internal-text-body-stronger-font-size);
3417
+ }
3418
+
3419
+ .adyen-kyc-label__text {
3420
+ color: var(--adyen-internal-color-label-primary);
3421
+ display: block;
3422
+ font-size: var(--adyen-internal-text-body-font-size);
3117
3423
  font-weight: var(--adyen-internal-text-body-stronger-font-weight);
3118
- line-height: var(--adyen-internal-text-body-line-height);
3424
+ transition: color 0.1s ease-out;
3119
3425
  }
3120
3426
 
3121
- ._list-footer_s1vme_15 {
3122
- color: var(--adyen-internal-color-label-tertiary);
3427
+ .adyen-kyc-helper-text {
3428
+ color: var(--adyen-internal-color-label-secondary);
3123
3429
  font-size: var(--adyen-internal-text-caption-font-size);
3430
+ font-family: var(--adyen-internal-text-caption-font-family);
3124
3431
  font-weight: var(--adyen-internal-text-caption-font-weight);
3125
3432
  line-height: var(--adyen-internal-text-caption-line-height);
3433
+ display: flex;
3434
+ align-items: center;
3126
3435
  }
3127
3436
 
3128
- ._list-items_s1vme_22 {
3129
- list-style: none;
3130
- margin: 0 !important;
3437
+ .adyen-kyc-helper-text__above {
3438
+ margin-bottom: var(--adyen-internal-spacer-020);
3131
3439
  }
3132
3440
 
3133
- ._list-items-plain_s1vme_27 {
3134
- padding: 0 !important;
3441
+ .adyen-kyc-helper-text__below {
3442
+ margin-top: var(--adyen-internal-spacer-020);
3135
3443
  }
3136
3444
 
3137
- ._list-items-grouped-primary_s1vme_31 {
3138
- background-color: var(--adyen-internal-color-background-primary);
3139
- border: 1px solid var(--adyen-internal-color-outline-primary);
3140
- border-radius: var(--adyen-internal-border-radius-l);
3445
+ .adyen-kyc-helper-text__valid-format-check {
3446
+ color: var(--adyen-internal-color-label-success);
3447
+ font-size: var(--adyen-internal-text-title-font-size);
3448
+ font-family: var(--adyen-internal-text-title-font-family);
3449
+ font-weight: var(--adyen-internal-text-title-font-weight);
3450
+ line-height: var(--adyen-internal-text-title-line-height);
3451
+ display: inline-flex;
3141
3452
  }
3142
3453
 
3143
- ._list-items-grouped-secondary_s1vme_37 {
3144
- background-color: var(--adyen-internal-color-background-secondary);
3145
- border-radius: var(--adyen-internal-border-radius-l);
3454
+ .adyen-kyc-label__text--error {
3455
+ color: var(--adyen-internal-color-label-critical);
3146
3456
  }
3147
3457
 
3148
- ._list-items-padding-none_s1vme_42 {
3149
- padding: var(--adyen-internal-spacer-000) !important;
3458
+ .adyen-kyc-error-text {
3459
+ align-items: center;
3460
+ color: var(--adyen-internal-color-label-critical);
3461
+ display: flex;
3462
+ font-size: var(--adyen-internal-text-caption-font-size);
3463
+ font-family: var(--adyen-internal-text-caption-font-family);
3464
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3465
+ line-height: var(--adyen-internal-text-caption-line-height);
3466
+ margin-top: var(--adyen-internal-spacer-020);
3467
+ position: relative;
3150
3468
  }
3151
3469
 
3152
- ._list-items-padding-small_s1vme_46 {
3153
- padding: var(--adyen-internal-spacer-040) !important;
3470
+ .adyen-kyc-guidance-text {
3471
+ align-items: center;
3472
+ color: var(--adyen-internal-color-label-secondary);
3473
+ display: flex;
3474
+ font-size: var(--adyen-internal-text-caption-font-size);
3475
+ font-family: var(--adyen-internal-text-caption-font-family);
3476
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3477
+ line-height: var(--adyen-internal-text-caption-line-height);
3478
+ margin-top: var(--adyen-internal-spacer-020);
3479
+ position: relative;
3154
3480
  }
3155
3481
 
3156
- ._list-items-padding-medium_s1vme_50 {
3157
- padding: var(--adyen-internal-spacer-070) !important;
3482
+ .adyen-kyc-upload-field__guidance {
3483
+ display: flex;
3484
+ flex-direction: column;
3158
3485
  }
3159
3486
 
3160
- ._list-items-padding-large_s1vme_54 {
3161
- padding: var(--adyen-internal-spacer-090) !important;
3487
+ .adyen-kyc-upload-field__subtitle {
3488
+ color: var(--adyen-internal-color-label-primary);
3489
+ margin: var(--adyen-internal-spacer-070) var(--adyen-internal-spacer-000);
3162
3490
  }
3163
3491
 
3164
- ._list-item-row-separator_s1vme_58:not(:last-child) {
3165
- border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
3166
- margin-bottom: var(--adyen-internal-spacer-040);
3167
- padding-bottom: var(--adyen-internal-spacer-040);
3168
- }
3169
- ._structured-list_w3dv7_1 {
3170
- margin: var(--adyen-internal-spacer-000);
3171
- color: var(--adyen-internal-color-label-primary);
3492
+ .adyen-kyc-input-wrapper {
3493
+ display: block;
3494
+ position: relative;
3495
+ margin-top: var(--adyen-internal-spacer-040);
3172
3496
  }
3173
3497
 
3174
- ._structured-list-section-field_w3dv7_6 {
3175
- display: flex;
3498
+ .adyen-kyc-input-wrapper--block {
3499
+ display: block;
3500
+ }
3501
+ .adyen-kyc-dropdown {
3176
3502
  font-size: var(--adyen-internal-text-body-font-size);
3177
- margin-bottom: var(--adyen-internal-spacer-060);
3503
+ max-width: 100%;
3504
+ width: 100%;
3178
3505
  }
3179
3506
 
3180
- @container main (max-width: 680px) {
3181
- ._structured-list-section-field_w3dv7_6 {
3182
- flex-direction: column;
3183
- }
3507
+ .adyen-kyc-dropdown--minimal {
3508
+ max-width: 120px;
3184
3509
  }
3185
3510
 
3186
- ._structured-list-section-field_w3dv7_6:last-child {
3187
- margin-bottom: var(--adyen-internal-spacer-000);
3511
+ .adyen-kyc-dropdown-list {
3512
+ border-radius: var(--adyen-internal-border-radius-m);
3513
+ box-shadow: var(--adyen-internal-shadow-medium-border);
3514
+ z-index: 2;
3188
3515
  }
3189
3516
 
3190
- ._structured-list-section-label_w3dv7_22,
3191
- ._structured-list-section-data_w3dv7_23 {
3192
- display: flex;
3193
- flex: 1;
3517
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
3518
+ cursor: pointer;
3194
3519
  }
3195
3520
 
3196
- ._structured-list-section-label_w3dv7_22 {
3197
- color: var(--adyen-internal-color-label-secondary);
3521
+ .adyen-kyc-dropdown-list--above {
3522
+ bottom: -6px;
3198
3523
  }
3199
3524
 
3200
- ._structured-list-section-data_w3dv7_23 {
3201
- margin: var(--adyen-internal-spacer-000);
3202
- display: flex;
3203
- flex-direction: column;
3204
- width: 100%;
3205
- overflow-wrap: anywhere;
3525
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3526
+ margin-top: var(--adyen-internal-spacer-010);
3206
3527
  }
3207
3528
 
3208
- @container main (max-width: 680px) {
3209
- ._structured-list-section-data_w3dv7_23 {
3210
- margin-top: var(--adyen-internal-spacer-010);
3211
- }
3529
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
3530
+ width: 200px;
3212
3531
  }
3213
3532
 
3214
- ._structured-list-section-detail_w3dv7_46 {
3215
- margin: var(--adyen-internal-spacer-000);
3216
- }
3217
- ._summary_1op7a_1 {
3218
- display: flex;
3533
+ .adyen-kyc-dropdown-element {
3534
+ border: var(--adyen-internal-border-width-s) solid transparent;
3219
3535
  color: var(--adyen-internal-color-label-primary);
3220
- flex-direction: column;
3536
+ cursor: pointer;
3537
+ font-size: var(--adyen-internal-text-caption-font-size);
3538
+ font-family: var(--adyen-internal-text-caption-font-family);
3539
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3540
+ line-height: var(--adyen-internal-text-caption-line-height);
3541
+ hyphens: auto;
3542
+ outline: 0;
3543
+ padding: var(--adyen-internal-spacer-040);
3544
+ transition:
3545
+ background 0.2s ease-out,
3546
+ border-color 0.2s ease-out;
3547
+ user-select: none;
3548
+ word-break: break-word;
3221
3549
  }
3222
3550
 
3223
- ._summary-content_1op7a_7 {
3551
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
3552
+ align-items: baseline;
3224
3553
  display: flex;
3225
- flex-direction: column;
3226
- gap: var(--adyen-internal-spacer-070);
3554
+ font-size: var(--adyen-internal-text-body-font-size);
3555
+ width: 100%;
3227
3556
  }
3228
3557
 
3229
- ._summary-list_1op7a_13 {
3230
- display: flex;
3231
- flex-direction: column;
3232
- gap: var(--adyen-internal-spacer-070);
3233
- padding-bottom: var(--adyen-internal-spacer-070);
3234
- padding-top: var(--adyen-internal-spacer-070);
3558
+ .adyen-kyc-dropdown-search-element__description {
3559
+ flex: 1;
3235
3560
  }
3236
3561
 
3237
- @container main (min-width: 680px) {
3238
- ._summary-list_1op7a_13 {
3239
- gap: var(--adyen-internal-spacer-040);
3240
- }
3562
+ .adyen-kyc-dropdown-search-element__description--highlight {
3563
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight);
3241
3564
  }
3242
3565
 
3243
- ._summary-list-header_1op7a_27 {
3566
+ .adyen-kyc-dropdown-search-element__addresses {
3567
+ color: var(--adyen-internal-color-label-secondary);
3244
3568
  display: flex;
3245
- align-items: center;
3246
3569
  }
3247
3570
 
3248
- ._summary-list-header-title_1op7a_32 {
3249
- color: var(--adyen-internal-color-label-primary);
3250
- flex-grow: 1;
3251
- font-size: var(--adyen-internal-text-title-font-size);
3252
- font-weight: var(--adyen-internal-text-title-font-weight);
3253
- line-height: var(--adyen-internal-text-title-line-height);
3254
- margin: 0;
3571
+ .adyen-kyc-dropdown-search-element__addresses--icon {
3572
+ align-items: center;
3573
+ color: var(--adyen-internal-color-label-secondary);
3574
+ display: flex;
3575
+ margin-left: var(--adyen-internal-spacer-040);
3255
3576
  }
3256
3577
 
3257
- ._summary-list-item_1op7a_41 {
3258
- display: flex;
3259
- flex-direction: column;
3260
- font-size: var(--adyen-internal-text-body-font-size);
3261
- gap: var(--adyen-internal-spacer-010);
3578
+ .adyen-kyc-dropdown-search-element__addresses--text {
3579
+ display: none;
3580
+ margin-left: var(--adyen-internal-spacer-020);
3262
3581
  }
3263
3582
 
3264
- @container main (min-width: 680px) {
3265
- ._summary-list-item_1op7a_41 {
3266
- flex-direction: row;
3267
- gap: var(--adyen-internal-spacer-040);
3583
+ @container main (min-width: 1024px) {
3584
+ .adyen-kyc-dropdown-search-element__addresses--text {
3585
+ display: block;
3268
3586
  }
3269
3587
  }
3270
3588
 
3271
- ._summary-list-item-key_1op7a_55 {
3272
- color: var(--adyen-internal-color-label-secondary);
3273
- flex: 1;
3274
- margin: 0;
3589
+ .adyen-kyc-dropdown-element:last-child {
3590
+ border-bottom: 0;
3275
3591
  }
3276
3592
 
3277
- @container main (min-width: 680px) {
3278
- ._summary-list-item-key_1op7a_55 {
3279
- max-width: 40%;
3280
- }
3593
+ .adyen-kyc-dropdown-element:hover,
3594
+ .adyen-kyc-dropdown-element:focus,
3595
+ .adyen-kyc-dropdown-element:active {
3596
+ background: var(--adyen-internal-color-background-primary-hover);
3281
3597
  }
3282
3598
 
3283
- ._summary-list-item-value_1op7a_67 {
3284
- flex: 1;
3285
- margin: 0;
3286
- text-align: left;
3599
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
3600
+ background: var(--adyen-internal-color-background-primary-active);
3287
3601
  }
3288
3602
 
3289
- ._summary-content-legal-caption_1op7a_73 {
3290
- color: var(--adyen-internal-color-label-tertiary);
3291
- font-size: var(--adyen-internal-text-caption-font-size);
3292
- font-weight: var(--adyen-internal-text-caption-font-weight);
3293
- line-height: var(--adyen-internal-text-caption-line-height);
3294
- padding-left: var(--adyen-internal-spacer-070);
3295
- padding-right: var(--adyen-internal-spacer-070);
3603
+ .adyen-kyc-dropdown-element--disabled {
3604
+ cursor: not-allowed;
3605
+ opacity: 0.4;
3296
3606
  }
3297
3607
 
3298
- @media (prefers-contrast: more) or (prefers-reduced-transparency) {
3299
- ._summary-content-legal-caption_1op7a_73 {
3300
- color: var(--adyen-internal-color-label-secondary);
3301
- }
3608
+ .adyen-kyc-dropdown-element__icon svg {
3609
+ border-radius: var(--adyen-internal-border-radius-s);
3610
+ margin-right: var(--adyen-internal-spacer-040);
3611
+ height: 26px;
3612
+ max-width: 40px;
3302
3613
  }
3303
3614
 
3304
- ._summary-content-list_1op7a_88 {
3305
- list-style-type: disc;
3615
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
3616
+ align-items: baseline;
3617
+ flex-direction: column;
3618
+ font-size: var(--adyen-internal-text-body-font-size);
3306
3619
  }
3307
3620
 
3308
- ._summary-content-logo_1op7a_92 {
3309
- height: 28px;
3310
- width: 100px;
3621
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
3622
+ right: 32px;
3311
3623
  }
3312
- ._progress-bar_1d5l3_1 {
3313
- --adyen-progress-bar-size: 4px;
3314
- background-color: var(--adyen-internal-color-background-secondary);
3315
- height: var(--adyen-progress-bar-size);
3316
- overflow: hidden;
3624
+ .adyen-kyc-dropdown {
3625
+ position: relative;
3317
3626
  }
3318
3627
 
3319
- ._progress-bar-rounded_1d5l3_8 {
3320
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
3628
+ .adyen-kyc-dropdown-list {
3629
+ background: var(--adyen-internal-color-background-primary);
3630
+ display: none;
3631
+ list-style: none;
3632
+ margin: var(--adyen-internal-spacer-000);
3633
+ margin-bottom: var(--adyen-internal-spacer-120);
3634
+ overflow-y: auto;
3635
+ padding: var(--adyen-internal-spacer-000);
3636
+ position: absolute;
3637
+ width: 100%;
3638
+ z-index: 2;
3321
3639
  }
3322
-
3323
- ._progress-bar-indicator_1d5l3_12 {
3324
- background-color: var(--adyen-internal-color-background-inverse-primary);
3325
- height: 100%;
3326
- text-indent: -1000%;
3327
- transition: width 400ms;
3328
- overflow: hidden;
3640
+ .adyen-kyc-dropdown-list__transformer {
3641
+ position: relative;
3642
+ padding: 0 !important;
3643
+ margin: 0 !important;
3329
3644
  }
3330
- ._form-flow_1eou7_1 {
3331
- --adyen-form-toolbar-height: 80px;
3332
- container-type: inline-size;
3333
- width: 100%;
3334
- min-height: 100%;
3335
- color: var(--adyen-internal-color-label-primary);
3645
+ .adyen-kyc-dropdown-list:focus {
3646
+ outline: none;
3336
3647
  }
3337
3648
 
3338
- ._form-flow-content_1eou7_9 {
3339
- margin: auto;
3340
- max-width: 600px;
3341
- min-height: calc(100% - var(--adyen-form-toolbar-height));
3342
- padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
3649
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3650
+ display: block;
3343
3651
  }
3344
3652
 
3345
- @container (min-width: 399px) {
3346
- ._form-flow-content_1eou7_9 {
3347
- padding-left: var(--adyen-internal-spacer-100);
3348
- padding-right: var(--adyen-internal-spacer-100);
3349
- }
3653
+ .adyen-kyc-dropdown-element {
3654
+ align-items: center;
3655
+ display: flex;
3350
3656
  }
3351
-
3352
- @container (min-width: 599px) {
3353
- ._form-flow-content_1eou7_9 {
3354
- padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
3355
- padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
3356
- }
3657
+ ._select-input-wrapper_15ce7_1 {
3658
+ align-items: center;
3659
+ display: flex;
3660
+ background: var(--adyen-internal-color-background-secondary);
3661
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3662
+ border-radius: var(--adyen-internal-border-radius-m);
3663
+ color: var(--adyen-internal-color-label-primary);
3664
+ font-size: var(--adyen-internal-text-body-font-size);
3665
+ line-height: var(--adyen-internal-text-body-line-height);
3666
+ min-height: 40px;
3667
+ outline: 0;
3668
+ padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-090)
3669
+ var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3670
+ text-decoration: none;
3671
+ transition:
3672
+ border 0.2s ease-out,
3673
+ box-shadow 0.2s ease-out;
3674
+ user-select: none;
3357
3675
  }
3358
3676
 
3359
- ._form-flow-footer_1eou7_30 {
3360
- background-color: var(--adyen-internal-color-background-primary);
3361
- bottom: 0;
3362
- height: var(--adyen-form-toolbar-height);
3363
- position: sticky;
3364
- z-index: 1;
3677
+ ._select-input-wrapper_15ce7_1:hover {
3678
+ border-color: var(--adyen-internal-color-outline-tertiary-hover);
3365
3679
  }
3366
3680
 
3367
- @supports (backdrop-filter: blur(10px)) {
3368
- ._form-flow-footer_1eou7_30 {
3369
- backdrop-filter: blur(10px);
3370
- background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
3371
- }
3681
+ ._select-input__icon_15ce7_25 svg {
3682
+ border-radius: var(--adyen-internal-border-radius-s);
3683
+ margin-right: var(--adyen-internal-spacer-040);
3684
+ height: 26px;
3685
+ max-width: 40px;
3372
3686
  }
3373
3687
 
3374
- ._form-flow-footer-border_1eou7_45 {
3375
- border-top: 4px solid var(--adyen-internal-color-background-secondary);
3688
+ ._select-input_15ce7_1 {
3689
+ /* takes bg color of parent wrapper, which is 0.04 alpha */
3690
+ background-color: transparent;
3376
3691
  }
3377
3692
 
3378
- ._form-flow-actions_1eou7_49 {
3379
- display: flex;
3380
- gap: var(--adyen-internal-spacer-040);
3381
- justify-content: space-between;
3382
- padding: var(--adyen-internal-spacer-070);
3693
+ ._select-input--active_15ce7_37,
3694
+ ._select-input--active_15ce7_37:hover,
3695
+ ._select-input-wrapper_15ce7_1:active,
3696
+ ._select-input-wrapper_15ce7_1:focus {
3697
+ border-color: var(--adyen-internal-color-outline-tertiary-active);
3698
+ outline: var(--adyen-internal-border-width-s) solid
3699
+ var(--adyen-internal-color-outline-tertiary-active);
3383
3700
  }
3384
3701
 
3385
- ._form-flow-primary-actions_1eou7_56 {
3386
- display: flex;
3387
- gap: var(--adyen-internal-spacer-040);
3388
- margin-left: auto;
3702
+ ._select-input-wrapper_15ce7_1._select-input--readonly_15ce7_46 {
3703
+ background-color: var(--adyen-internal-color-background-disabled);
3704
+ color: var(--adyen-internal-color-label-disabled);
3705
+ cursor: not-allowed;
3706
+ pointer-events: none;
3707
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
3389
3708
  }
3390
- .adyen-kyc-field {
3391
- display: block;
3392
- margin-bottom: var(--adyen-internal-spacer-090);
3393
- width: 100%;
3709
+
3710
+ ._select-input--readonly_15ce7_46::after {
3711
+ 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");
3394
3712
  }
3395
3713
 
3396
- .adyen-kyc-field--disabled {
3397
- color: var(--adyen-internal-color-label-disabled);
3398
- opacity: 0.5;
3399
- pointer-events: none;
3714
+ ._select-input--invalid_15ce7_58 {
3715
+ border-color: var(--adyen-internal-color-outline-critical);
3400
3716
  }
3401
3717
 
3402
- .adyen-kyc-optional-label {
3403
- color: var(--adyen-internal-color-label-secondary);
3718
+ ._select-input--minimal_15ce7_62 {
3719
+ min-height: unset;
3720
+ height: 100%;
3721
+ border: none;
3722
+ border-radius: var(--adyen-internal-border-radius-s);
3404
3723
  }
3405
3724
 
3406
- .adyen-kyc-label__text {
3407
- color: var(--adyen-internal-color-label-primary);
3408
- display: block;
3409
- font-size: var(--adyen-internal-text-body-font-size);
3410
- font-weight: var(--adyen-internal-text-body-stronger-font-weight);
3411
- transition: color 0.1s ease-out;
3725
+ ._select-input-search_15ce7_69 {
3726
+ align-items: center;
3727
+ display: flex;
3728
+ width: 100%;
3412
3729
  }
3413
3730
 
3414
- .adyen-kyc-helper-text {
3415
- color: var(--adyen-internal-color-label-secondary);
3731
+ ._select-input-search__icon_15ce7_75 {
3732
+ color: var(--adyen-internal-color-label-tertiary);
3416
3733
  font-size: var(--adyen-internal-text-caption-font-size);
3417
3734
  font-family: var(--adyen-internal-text-caption-font-family);
3418
3735
  font-weight: var(--adyen-internal-text-caption-font-weight);
3419
3736
  line-height: var(--adyen-internal-text-caption-line-height);
3420
- display: flex;
3421
- align-items: center;
3737
+ padding-right: var(--adyen-internal-spacer-040);
3422
3738
  }
3423
3739
 
3424
- .adyen-kyc-helper-text__above {
3425
- margin-bottom: var(--adyen-internal-spacer-020);
3740
+ ._select-input-search_15ce7_69 ._select-input--filterable_15ce7_84::placeholder {
3741
+ color: var(--adyen-internal-color-label-tertiary);
3742
+ font-weight: var(--adyen-internal-text-body-font-weight);
3426
3743
  }
3427
3744
 
3428
- .adyen-kyc-helper-text__below {
3429
- margin-top: var(--adyen-internal-spacer-020);
3745
+ ._select-input-search_15ce7_69::after {
3746
+ display: none;
3430
3747
  }
3431
3748
 
3432
- .adyen-kyc-helper-text__valid-format-check {
3433
- color: var(--adyen-internal-color-label-success);
3434
- font-size: var(--adyen-internal-text-title-font-size);
3435
- font-family: var(--adyen-internal-text-title-font-family);
3436
- font-weight: var(--adyen-internal-text-title-font-weight);
3437
- line-height: var(--adyen-internal-text-title-line-height);
3438
- display: inline-flex;
3749
+ ._select-input-wrapper--filterable_15ce7_93 {
3750
+ cursor: text;
3439
3751
  }
3440
3752
 
3441
- .adyen-kyc-label__text--error {
3442
- color: var(--adyen-internal-color-label-critical);
3753
+ ._select-input-wrapper--non-filterable_15ce7_97 {
3754
+ cursor: pointer;
3443
3755
  }
3444
3756
 
3445
- .adyen-kyc-error-text {
3446
- align-items: center;
3447
- color: var(--adyen-internal-color-label-critical);
3448
- display: flex;
3449
- font-size: var(--adyen-internal-text-caption-font-size);
3450
- font-family: var(--adyen-internal-text-caption-font-family);
3451
- font-weight: var(--adyen-internal-text-caption-font-weight);
3452
- line-height: var(--adyen-internal-text-caption-line-height);
3453
- margin-top: var(--adyen-internal-spacer-020);
3454
- position: relative;
3757
+ ._select-input-wrapper_15ce7_1::after {
3758
+ 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");
3759
+ background-position: center;
3760
+ background-repeat: no-repeat;
3761
+ content: '';
3762
+ height: 6px;
3763
+ position: absolute;
3764
+ right: 16px;
3765
+ width: 8px;
3455
3766
  }
3456
3767
 
3457
- .adyen-kyc-guidance-text {
3458
- align-items: center;
3768
+ ._select-input--list-open_15ce7_112::after {
3769
+ transform: rotate(180deg);
3770
+ }
3771
+
3772
+ ._select-input--filterable_15ce7_84 {
3773
+ border: 0;
3774
+ caret-color: var(--adyen-internal-color-label-highlight);
3775
+ color: var(--adyen-internal-color-label-primary);
3776
+ font-family: inherit;
3777
+ font-size: var(--adyen-internal-text-body-font-size);
3778
+ height: 100%;
3779
+ padding: var(--adyen-internal-spacer-000);
3780
+ width: 100%;
3781
+ }
3782
+
3783
+ ._select-input--filterable_15ce7_84::placeholder {
3459
3784
  color: var(--adyen-internal-color-label-secondary);
3460
- display: flex;
3461
- font-size: var(--adyen-internal-text-caption-font-size);
3462
- font-family: var(--adyen-internal-text-caption-font-family);
3463
- font-weight: var(--adyen-internal-text-caption-font-weight);
3464
- line-height: var(--adyen-internal-text-caption-line-height);
3465
- margin-top: var(--adyen-internal-spacer-020);
3466
- position: relative;
3785
+ font-weight: var(--adyen-internal-text-body-font-weight);
3467
3786
  }
3468
3787
 
3469
- .adyen-kyc-upload-field__guidance {
3470
- display: flex;
3471
- flex-direction: column;
3788
+ ._select-input--filterable_15ce7_84:focus,
3789
+ ._select-input--filterable_15ce7_84:active {
3790
+ outline: 0;
3472
3791
  }
3473
3792
 
3474
- .adyen-kyc-upload-field__subtitle {
3475
- color: var(--adyen-internal-color-label-primary);
3476
- margin: var(--adyen-internal-spacer-070) var(--adyen-internal-spacer-000);
3793
+ ._select-input--non-filterable_15ce7_137 {
3794
+ all: unset;
3477
3795
  }
3478
3796
 
3479
- .adyen-kyc-input-wrapper {
3480
- display: block;
3481
- position: relative;
3482
- margin-top: var(--adyen-internal-spacer-040);
3797
+ /* Used in non-filterable mode only */
3798
+ ._select-input--placeholder_15ce7_142 {
3799
+ color: var(--adyen-internal-color-label-secondary);
3800
+ font-weight: var(--adyen-internal-text-body-font-weight);
3483
3801
  }
3484
3802
 
3485
- .adyen-kyc-input-wrapper--block {
3803
+ /* To resolve a bug where filterable select `<input>`s weren't focusable on iOS */
3804
+ ._ignore-pointer-events_15ce7_148 {
3805
+ pointer-events: none;
3806
+ }
3807
+
3808
+ ._handle-pointer-events_15ce7_152 {
3809
+ pointer-events: auto;
3810
+ }
3811
+ .adyen-kyc-field-wrapper {
3812
+ display: flex;
3813
+ flex-wrap: nowrap;
3814
+ width: 100%;
3815
+ gap: var(--adyen-internal-spacer-080);
3816
+ }
3817
+
3818
+ .adyen-kyc-input {
3819
+ height: var(--adyen-internal-spacer-110);
3820
+ line-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
3821
+ min-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
3822
+ background: var(--adyen-internal-color-background-primary);
3823
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3824
+ border-radius: var(--adyen-internal-border-radius-m);
3825
+ caret-color: var(--adyen-internal-color-label-highlight);
3826
+ color: var(--adyen-internal-color-label-primary);
3486
3827
  display: block;
3828
+ font-family: inherit;
3829
+ font-size: var(--adyen-internal-text-body-font-size);
3830
+ outline: none;
3831
+ padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3832
+ position: relative;
3833
+ transition:
3834
+ border 0.2s ease-out,
3835
+ box-shadow 0.2s ease-out;
3836
+ width: 100%;
3487
3837
  }
3488
- ._input_1pgbk_1 {
3489
- opacity: 0;
3490
- pointer-events: none;
3491
- position: absolute;
3492
3838
 
3493
- &:focus-visible + ._label_1pgbk_6::after {
3494
- box-shadow:
3495
- 0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
3496
- 0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
3497
- transition: var(--adyen-internal-animation-duration-fast)
3498
- var(--adyen-internal-animation-easing-standard);
3499
- transition-property: box-shadow;
3500
- }
3839
+ .adyen-kyc-input::placeholder {
3840
+ color: var(--adyen-internal-color-label-secondary);
3841
+ font-weight: var(--adyen-internal-text-body-font-weight);
3842
+ }
3501
3843
 
3502
- &:hover + ._label_1pgbk_6::after {
3503
- background-color: var(--adyen-internal-color-background-primary-hover);
3504
- }
3844
+ .adyen-kyc-input:hover {
3845
+ border-color: var(--adyen-internal-color-outline-tertiary-hover);
3846
+ }
3505
3847
 
3506
- &:checked {
3507
- & + ._label_1pgbk_6::before {
3508
- opacity: 1;
3509
- }
3848
+ .adyen-kyc-input:required {
3849
+ box-shadow: none;
3850
+ }
3510
3851
 
3511
- & + ._label_1pgbk_6::after {
3512
- background-color: var(--adyen-kyc-checkbox-input-color);
3513
- border-color: var(--adyen-kyc-checkbox-input-color);
3514
- }
3852
+ .adyen-kyc-input[readonly],
3853
+ .adyen-kyc-input[readonly]:hover,
3854
+ .adyen-kyc-input--disabled {
3855
+ background-color: var(--adyen-internal-color-background-disabled);
3856
+ color: var(--adyen-internal-color-label-disabled);
3857
+ cursor: not-allowed;
3858
+ pointer-events: none;
3859
+ border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
3860
+ }
3515
3861
 
3516
- &:hover + ._label_1pgbk_6::after {
3517
- background-color: var(--adyen-kyc-checkbox-hover-input-color);
3518
- border-color: var(--adyen-kyc-checkbox-hover-input-color);
3519
- }
3862
+ .adyen-kyc-input--disabled:hover {
3863
+ border-color: var(--adyen-internal-color-outline-disabled);
3864
+ }
3520
3865
 
3521
- &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3522
- border-color: var(--adyen-internal-color-outline-critical);
3523
- background-color: var(--adyen-internal-color-label-critical);
3524
- }
3525
- }
3866
+ .adyen-kyc-input--error,
3867
+ .adyen-kyc-input--invalid,
3868
+ .adyen-kyc-input--error:hover,
3869
+ .adyen-kyc-input--invalid:hover {
3870
+ border-color: var(--adyen-internal-color-outline-critical);
3871
+ color: var(--adyen-internal-color-label-critical);
3872
+ }
3526
3873
 
3527
- &:disabled {
3528
- & + ._label_1pgbk_6::before {
3529
- border-bottom: var(--adyen-internal-border-width-m) solid
3530
- var(--adyen-internal-color-outline-tertiary);
3531
- border-right: var(--adyen-internal-border-width-m) solid
3532
- var(--adyen-internal-color-outline-tertiary);
3533
- }
3874
+ .adyen-kyc-input:active,
3875
+ .adyen-kyc-input:focus,
3876
+ .adyen-kyc-input--focus,
3877
+ .adyen-kyc-input:active:hover,
3878
+ .adyen-kyc-input:focus:hover,
3879
+ .adyen-kyc-input--focus:hover {
3880
+ border-color: var(--adyen-internal-color-outline-tertiary-active);
3881
+ outline: var(--adyen-internal-border-width-s) solid
3882
+ var(--adyen-internal-color-outline-tertiary-active);
3883
+ }
3534
3884
 
3535
- & + ._label_1pgbk_6::after {
3536
- background-color: var(--adyen-internal-color-background-disabled);
3537
- border: var(--adyen-internal-border-width-s) solid
3538
- var(--adyen-internal-color-background-disabled);
3539
- }
3885
+ .adyen-kyc-input--number {
3886
+ appearance: none;
3887
+ margin: 0;
3888
+ }
3540
3889
 
3541
- &:hover + ._label_1pgbk_6::after {
3542
- background-color: var(--adyen-internal-color-background-disabled);
3543
- border: var(--adyen-internal-border-width-s) solid
3544
- var(--adyen-internal-color-outline-tertiary);
3545
- }
3546
- }
3890
+ .adyen-kyc-input--number::-webkit-outer-spin-button,
3891
+ .adyen-kyc-input--number::-webkit-inner-spin-button {
3892
+ appearance: none;
3893
+ margin: 0;
3894
+ }
3547
3895
 
3548
- &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
3549
- border-color: var(--adyen-internal-color-outline-critical);
3550
- }
3896
+ .adyen-kyc-input--date {
3897
+ padding-right: var(--adyen-internal-spacer-100);
3898
+ line-height: var(--adyen-internal-text-body-line-height);
3551
3899
  }
3552
3900
 
3553
- ._label_1pgbk_6 {
3554
- --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
3555
- --adyen-kyc-checkbox-hover-input-color: var(
3556
- --adyen-internal-color-background-inverse-primary-hover
3557
- );
3558
- --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
3559
- --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
3901
+ .adyen-kyc-input--textarea {
3902
+ height: calc(var(--adyen-internal-spacer-110) + var(--adyen-internal-spacer-080));
3903
+ line-height: var(--adyen-internal-text-body-line-height);
3904
+ }
3560
3905
 
3561
- color: var(--adyen-internal-color-label-primary);
3562
- cursor: pointer;
3563
- display: inline-block;
3564
- font-size: var(--adyen-internal-text-body-font-size);
3565
- font-weight: var(--adyen-internal-text-body-font-weight);
3566
- line-height: var(--adyen-kyc-checkbox-size);
3567
- padding-left: var(--adyen-internal-spacer-090);
3568
- position: relative;
3569
- user-select: none;
3570
- width: calc(100% - 32px); /* leaves space for the error icon */
3906
+ .adyen-kyc-input__inline-validation {
3907
+ height: var(--adyen-internal-spacer-070);
3908
+ position: absolute;
3909
+ right: calc(var(--adyen-internal-spacer-060) + var(--adyen-internal-spacer-010));
3910
+ transform: translateY(-50%);
3911
+ width: var(--adyen-internal-spacer-070);
3912
+ top: var(--adyen-internal-spacer-080);
3913
+ }
3571
3914
 
3572
- /* Check */
3573
- &::before {
3574
- border-bottom: var(--adyen-internal-border-width-m) solid
3575
- var(--adyen-kyc-checkbox-check-mark-color);
3576
- border-right: var(--adyen-internal-border-width-m) solid
3577
- var(--adyen-kyc-checkbox-check-mark-color);
3578
- content: '';
3579
- height: 7px;
3580
- left: 3px;
3581
- opacity: 0;
3582
- position: absolute;
3583
- top: 4px;
3584
- transform: rotateZ(37deg);
3585
- transform-origin: 100% 100%;
3586
- width: 5px;
3587
- z-index: 1;
3588
- }
3915
+ .adyen-kyc-input__inline-validation--invalid {
3916
+ color: var(--adyen-internal-color-label-critical);
3917
+ }
3589
3918
 
3590
- /* Box */
3591
- &::after {
3592
- background-color: var(--adyen-internal-color-background-primary);
3593
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3594
- border-radius: var(--adyen-internal-border-radius-s);
3595
- content: '';
3596
- height: var(--adyen-kyc-checkbox-size);
3597
- left: 0;
3598
- position: absolute;
3599
- top: 0;
3600
- width: var(--adyen-kyc-checkbox-size);
3601
- z-index: 0;
3602
- }
3919
+ .adyen-kyc-input__inline-validation--invalid-bottom {
3920
+ top: var(--adyen-internal-spacer-040);
3603
3921
  }
3604
3922
 
3605
- ._helper-text_1pgbk_118 {
3923
+ .adyen-kyc-input__counter {
3606
3924
  color: var(--adyen-internal-color-label-secondary);
3925
+ font-size: var(--adyen-internal-text-caption-font-size);
3926
+ font-family: var(--adyen-internal-text-caption-font-family);
3927
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3928
+ line-height: var(--adyen-internal-text-caption-line-height);
3929
+ margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
3607
3930
  display: block;
3608
- font-size: var(--adyen-internal-text-body-font-size);
3609
- padding-left: var(--adyen-internal-spacer-090);
3931
+ text-align: left;
3610
3932
  }
3611
- .adyen-kyc-dropdown {
3612
- font-size: var(--adyen-internal-text-body-font-size);
3613
- max-width: 100%;
3933
+ ._end-state-layout_z1k0z_1 {
3934
+ align-items: center;
3935
+ display: flex;
3936
+ flex-direction: column;
3937
+ flex-grow: 1;
3938
+ gap: var(--adyen-internal-spacer-100);
3939
+ height: 100%;
3940
+ justify-content: center;
3941
+ margin-left: auto;
3942
+ margin-right: auto;
3943
+ max-width: 600px;
3614
3944
  width: 100%;
3615
3945
  }
3616
3946
 
3617
- .adyen-kyc-dropdown--minimal {
3618
- max-width: 120px;
3947
+ ._end-state-layout-header_z1k0z_15 {
3948
+ align-items: center;
3949
+ display: flex;
3950
+ flex-direction: column;
3951
+ gap: var(--adyen-internal-spacer-040);
3952
+ text-align: center;
3619
3953
  }
3620
3954
 
3621
- .adyen-kyc-dropdown-list {
3622
- border-radius: var(--adyen-internal-border-radius-m);
3623
- box-shadow: var(--adyen-internal-shadow-medium-border);
3624
- z-index: 2;
3955
+ ._end-state-layout-icon_z1k0z_23 {
3956
+ align-items: center;
3957
+ border-radius: 50%;
3958
+ display: flex;
3959
+ height: 64px;
3960
+ justify-content: center;
3961
+ width: 64px;
3625
3962
  }
3626
3963
 
3627
- .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
3628
- cursor: pointer;
3964
+ ._end-state-layout-icon_z1k0z_23 svg {
3965
+ height: 24px;
3966
+ width: 24px;
3629
3967
  }
3630
3968
 
3631
- .adyen-kyc-dropdown-list--above {
3632
- bottom: -6px;
3969
+ ._end-state-layout-icon-success_z1k0z_37 {
3970
+ background-color: var(--adyen-internal-color-decorative-green);
3971
+ box-shadow: var(--adyen-internal-shadow-medium);
3972
+ color: var(--adyen-internal-color-label-on-color);
3633
3973
  }
3634
3974
 
3635
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3636
- margin-top: var(--adyen-internal-spacer-010);
3975
+ ._end-state-layout-icon-error_z1k0z_43 {
3976
+ background-color: var(--adyen-internal-color-background-critical-strong);
3977
+ box-shadow: var(--adyen-internal-shadow-medium);
3978
+ color: var(--adyen-internal-color-label-on-color);
3637
3979
  }
3638
3980
 
3639
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
3640
- width: 200px;
3981
+ ._end-state-layout-icon-info_z1k0z_49 {
3982
+ background-color: var(--adyen-internal-color-background-highlight-weak);
3983
+ color: var(--adyen-internal-color-label-highlight);
3641
3984
  }
3642
3985
 
3643
- .adyen-kyc-dropdown-element {
3644
- border: var(--adyen-internal-border-width-s) solid transparent;
3986
+ ._end-state-layout-icon-warning_z1k0z_54 {
3987
+ background-color: var(--adyen-internal-color-decorative-yellow);
3645
3988
  color: var(--adyen-internal-color-label-primary);
3646
- cursor: pointer;
3647
- font-size: var(--adyen-internal-text-caption-font-size);
3648
- font-family: var(--adyen-internal-text-caption-font-family);
3649
- font-weight: var(--adyen-internal-text-caption-font-weight);
3650
- line-height: var(--adyen-internal-text-caption-line-height);
3651
- hyphens: auto;
3652
- outline: 0;
3653
- padding: var(--adyen-internal-spacer-040);
3654
- transition:
3655
- background 0.2s ease-out,
3656
- border-color 0.2s ease-out;
3657
- user-select: none;
3658
- word-break: break-word;
3659
3989
  }
3660
3990
 
3661
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
3662
- align-items: baseline;
3663
- display: flex;
3664
- font-size: var(--adyen-internal-text-body-font-size);
3665
- width: 100%;
3991
+ ._end-state-layout-title_z1k0z_59 {
3992
+ color: var(--adyen-internal-color-label-primary);
3993
+ font-size: var(--adyen-internal-text-title-m-font-size);
3994
+ font-weight: var(--adyen-internal-text-title-m-font-weight);
3995
+ line-height: var(--adyen-internal-text-title-m-line-height);
3996
+ margin: 0;
3666
3997
  }
3667
3998
 
3668
- .adyen-kyc-dropdown-search-element__description {
3669
- flex: 1;
3999
+ ._end-state-layout-description_z1k0z_67 {
4000
+ color: var(--adyen-internal-color-label-secondary);
4001
+ font-size: var(--adyen-internal-text-body-font-size);
4002
+ font-weight: var(--adyen-internal-text-body-font-weight);
4003
+ line-height: var(--adyen-internal-text-body-line-height);
3670
4004
  }
3671
4005
 
3672
- .adyen-kyc-dropdown-search-element__description--highlight {
3673
- font-weight: var(--adyen-internal-text-body-strongest-font-weight);
4006
+ ._end-state-layout-action_z1k0z_74 {
4007
+ display: flex;
4008
+ flex-direction: column;
4009
+ gap: var(--adyen-internal-spacer-040);
4010
+ max-width: 320px;
4011
+ width: 100%;
3674
4012
  }
3675
-
3676
- .adyen-kyc-dropdown-search-element__addresses {
3677
- color: var(--adyen-internal-color-label-secondary);
4013
+ ._confirm_1aprd_1 {
3678
4014
  display: flex;
4015
+ flex-direction: column;
4016
+ gap: var(--adyen-internal-spacer-100);
4017
+ padding: var(--adyen-internal-spacer-070);
3679
4018
  }
3680
4019
 
3681
- .adyen-kyc-dropdown-search-element__addresses--icon {
3682
- align-items: center;
3683
- color: var(--adyen-internal-color-label-secondary);
4020
+ ._confirm-message_1aprd_8 {
3684
4021
  display: flex;
3685
- margin-left: var(--adyen-internal-spacer-040);
4022
+ flex-direction: column;
4023
+ gap: var(--adyen-internal-spacer-040);
3686
4024
  }
3687
4025
 
3688
- .adyen-kyc-dropdown-search-element__addresses--text {
3689
- display: none;
3690
- margin-left: var(--adyen-internal-spacer-020);
3691
- }
4026
+ ._confirm-actions_1aprd_14 {
4027
+ display: flex;
4028
+ flex-direction: column-reverse;
4029
+ gap: var(--adyen-internal-spacer-040);
3692
4030
 
3693
- @container main (min-width: 1024px) {
3694
- .adyen-kyc-dropdown-search-element__addresses--text {
3695
- display: block;
4031
+ @media (min-width: 480px) {
4032
+ flex-direction: row;
4033
+ justify-content: flex-end;
3696
4034
  }
3697
4035
  }
3698
-
3699
- .adyen-kyc-dropdown-element:last-child {
3700
- border-bottom: 0;
3701
- }
3702
-
3703
- .adyen-kyc-dropdown-element:hover,
3704
- .adyen-kyc-dropdown-element:focus,
3705
- .adyen-kyc-dropdown-element:active {
3706
- background: var(--adyen-internal-color-background-primary-hover);
4036
+ ._structured-list_w3dv7_1 {
4037
+ margin: var(--adyen-internal-spacer-000);
4038
+ color: var(--adyen-internal-color-label-primary);
3707
4039
  }
3708
4040
 
3709
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
3710
- background: var(--adyen-internal-color-background-primary-active);
4041
+ ._structured-list-section-field_w3dv7_6 {
4042
+ display: flex;
4043
+ font-size: var(--adyen-internal-text-body-font-size);
4044
+ margin-bottom: var(--adyen-internal-spacer-060);
3711
4045
  }
3712
4046
 
3713
- .adyen-kyc-dropdown-element--disabled {
3714
- cursor: not-allowed;
3715
- opacity: 0.4;
4047
+ @container main (max-width: 680px) {
4048
+ ._structured-list-section-field_w3dv7_6 {
4049
+ flex-direction: column;
4050
+ }
3716
4051
  }
3717
4052
 
3718
- .adyen-kyc-dropdown-element__icon svg {
3719
- border-radius: var(--adyen-internal-border-radius-s);
3720
- margin-right: var(--adyen-internal-spacer-040);
3721
- height: 26px;
3722
- max-width: 40px;
4053
+ ._structured-list-section-field_w3dv7_6:last-child {
4054
+ margin-bottom: var(--adyen-internal-spacer-000);
3723
4055
  }
3724
4056
 
3725
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
3726
- align-items: baseline;
3727
- flex-direction: column;
3728
- font-size: var(--adyen-internal-text-body-font-size);
4057
+ ._structured-list-section-label_w3dv7_22,
4058
+ ._structured-list-section-data_w3dv7_23 {
4059
+ display: flex;
4060
+ flex: 1;
3729
4061
  }
3730
4062
 
3731
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
3732
- right: 32px;
3733
- }
3734
- .adyen-kyc-dropdown {
3735
- position: relative;
4063
+ ._structured-list-section-label_w3dv7_22 {
4064
+ color: var(--adyen-internal-color-label-secondary);
3736
4065
  }
3737
4066
 
3738
- .adyen-kyc-dropdown-list {
3739
- background: var(--adyen-internal-color-background-primary);
3740
- display: none;
3741
- list-style: none;
4067
+ ._structured-list-section-data_w3dv7_23 {
3742
4068
  margin: var(--adyen-internal-spacer-000);
3743
- margin-bottom: var(--adyen-internal-spacer-120);
3744
- overflow-y: auto;
3745
- padding: var(--adyen-internal-spacer-000);
3746
- position: absolute;
4069
+ display: flex;
4070
+ flex-direction: column;
3747
4071
  width: 100%;
3748
- z-index: 2;
3749
- }
3750
- .adyen-kyc-dropdown-list__transformer {
3751
- position: relative;
3752
- padding: 0 !important;
3753
- margin: 0 !important;
3754
- }
3755
- .adyen-kyc-dropdown-list:focus {
3756
- outline: none;
4072
+ overflow-wrap: anywhere;
3757
4073
  }
3758
4074
 
3759
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
3760
- display: block;
4075
+ @container main (max-width: 680px) {
4076
+ ._structured-list-section-data_w3dv7_23 {
4077
+ margin-top: var(--adyen-internal-spacer-010);
4078
+ }
3761
4079
  }
3762
4080
 
3763
- .adyen-kyc-dropdown-element {
3764
- align-items: center;
3765
- display: flex;
4081
+ ._structured-list-section-detail_w3dv7_46 {
4082
+ margin: var(--adyen-internal-spacer-000);
3766
4083
  }
3767
- ._select-input-wrapper_15ce7_1 {
3768
- align-items: center;
4084
+ ._list_s1vme_1 {
3769
4085
  display: flex;
3770
- background: var(--adyen-internal-color-background-secondary);
3771
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3772
- border-radius: var(--adyen-internal-border-radius-m);
3773
- color: var(--adyen-internal-color-label-primary);
3774
- font-size: var(--adyen-internal-text-body-font-size);
3775
- line-height: var(--adyen-internal-text-body-line-height);
3776
- min-height: 40px;
3777
- outline: 0;
3778
- padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-090)
3779
- var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3780
- text-decoration: none;
3781
- transition:
3782
- border 0.2s ease-out,
3783
- box-shadow 0.2s ease-out;
3784
- user-select: none;
3785
- }
3786
-
3787
- ._select-input-wrapper_15ce7_1:hover {
3788
- border-color: var(--adyen-internal-color-outline-tertiary-hover);
4086
+ flex-direction: column;
4087
+ gap: var(--adyen-internal-spacer-040);
4088
+ width: 100%;
3789
4089
  }
3790
4090
 
3791
- ._select-input__icon_15ce7_25 svg {
3792
- border-radius: var(--adyen-internal-border-radius-s);
3793
- margin-right: var(--adyen-internal-spacer-040);
3794
- height: 26px;
3795
- max-width: 40px;
4091
+ ._list-header_s1vme_8 {
4092
+ color: var(--adyen-internal-color-label-secondary);
4093
+ font-size: var(--adyen-internal-text-body-stronger-font-size);
4094
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight);
4095
+ line-height: var(--adyen-internal-text-body-line-height);
3796
4096
  }
3797
4097
 
3798
- ._select-input_15ce7_1 {
3799
- /* takes bg color of parent wrapper, which is 0.04 alpha */
3800
- background-color: transparent;
4098
+ ._list-footer_s1vme_15 {
4099
+ color: var(--adyen-internal-color-label-tertiary);
4100
+ font-size: var(--adyen-internal-text-caption-font-size);
4101
+ font-weight: var(--adyen-internal-text-caption-font-weight);
4102
+ line-height: var(--adyen-internal-text-caption-line-height);
3801
4103
  }
3802
4104
 
3803
- ._select-input--active_15ce7_37,
3804
- ._select-input--active_15ce7_37:hover,
3805
- ._select-input-wrapper_15ce7_1:active,
3806
- ._select-input-wrapper_15ce7_1:focus {
3807
- border-color: var(--adyen-internal-color-outline-tertiary-active);
3808
- outline: var(--adyen-internal-border-width-s) solid
3809
- var(--adyen-internal-color-outline-tertiary-active);
4105
+ ._list-items_s1vme_22 {
4106
+ list-style: none;
4107
+ margin: 0 !important;
3810
4108
  }
3811
4109
 
3812
- ._select-input-wrapper_15ce7_1._select-input--readonly_15ce7_46 {
3813
- background-color: var(--adyen-internal-color-background-disabled);
3814
- color: var(--adyen-internal-color-label-disabled);
3815
- cursor: not-allowed;
3816
- pointer-events: none;
3817
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
4110
+ ._list-items-plain_s1vme_27 {
4111
+ padding: 0 !important;
3818
4112
  }
3819
4113
 
3820
- ._select-input--readonly_15ce7_46::after {
3821
- 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");
4114
+ ._list-items-grouped-primary_s1vme_31 {
4115
+ background-color: var(--adyen-internal-color-background-primary);
4116
+ border: 1px solid var(--adyen-internal-color-outline-primary);
4117
+ border-radius: var(--adyen-internal-border-radius-l);
3822
4118
  }
3823
4119
 
3824
- ._select-input--invalid_15ce7_58 {
3825
- border-color: var(--adyen-internal-color-outline-critical);
4120
+ ._list-items-grouped-secondary_s1vme_37 {
4121
+ background-color: var(--adyen-internal-color-background-secondary);
4122
+ border-radius: var(--adyen-internal-border-radius-l);
3826
4123
  }
3827
4124
 
3828
- ._select-input--minimal_15ce7_62 {
3829
- min-height: unset;
3830
- height: 100%;
3831
- border: none;
3832
- border-radius: var(--adyen-internal-border-radius-s);
4125
+ ._list-items-padding-none_s1vme_42 {
4126
+ padding: var(--adyen-internal-spacer-000) !important;
3833
4127
  }
3834
4128
 
3835
- ._select-input-search_15ce7_69 {
3836
- align-items: center;
3837
- display: flex;
3838
- width: 100%;
4129
+ ._list-items-padding-small_s1vme_46 {
4130
+ padding: var(--adyen-internal-spacer-040) !important;
3839
4131
  }
3840
4132
 
3841
- ._select-input-search__icon_15ce7_75 {
3842
- color: var(--adyen-internal-color-label-tertiary);
3843
- font-size: var(--adyen-internal-text-caption-font-size);
3844
- font-family: var(--adyen-internal-text-caption-font-family);
3845
- font-weight: var(--adyen-internal-text-caption-font-weight);
3846
- line-height: var(--adyen-internal-text-caption-line-height);
3847
- padding-right: var(--adyen-internal-spacer-040);
4133
+ ._list-items-padding-medium_s1vme_50 {
4134
+ padding: var(--adyen-internal-spacer-070) !important;
3848
4135
  }
3849
4136
 
3850
- ._select-input-search_15ce7_69 ._select-input--filterable_15ce7_84::placeholder {
3851
- color: var(--adyen-internal-color-label-tertiary);
3852
- font-weight: var(--adyen-internal-text-body-font-weight);
4137
+ ._list-items-padding-large_s1vme_54 {
4138
+ padding: var(--adyen-internal-spacer-090) !important;
3853
4139
  }
3854
4140
 
3855
- ._select-input-search_15ce7_69::after {
3856
- display: none;
4141
+ ._list-item-row-separator_s1vme_58:not(:last-child) {
4142
+ border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
4143
+ margin-bottom: var(--adyen-internal-spacer-040);
4144
+ padding-bottom: var(--adyen-internal-spacer-040);
3857
4145
  }
3858
-
3859
- ._select-input-wrapper--filterable_15ce7_93 {
3860
- cursor: text;
4146
+ ._error-panel_1nb8q_1 {
4147
+ margin-bottom: var(--adyen-internal-spacer-080);
4148
+ }
4149
+ ._summary_1op7a_1 {
4150
+ display: flex;
4151
+ color: var(--adyen-internal-color-label-primary);
4152
+ flex-direction: column;
3861
4153
  }
3862
4154
 
3863
- ._select-input-wrapper--non-filterable_15ce7_97 {
3864
- cursor: pointer;
4155
+ ._summary-content_1op7a_7 {
4156
+ display: flex;
4157
+ flex-direction: column;
4158
+ gap: var(--adyen-internal-spacer-070);
3865
4159
  }
3866
4160
 
3867
- ._select-input-wrapper_15ce7_1::after {
3868
- 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");
3869
- background-position: center;
3870
- background-repeat: no-repeat;
3871
- content: '';
3872
- height: 6px;
3873
- position: absolute;
3874
- right: 16px;
3875
- width: 8px;
4161
+ ._summary-list_1op7a_13 {
4162
+ display: flex;
4163
+ flex-direction: column;
4164
+ gap: var(--adyen-internal-spacer-070);
4165
+ padding-bottom: var(--adyen-internal-spacer-070);
4166
+ padding-top: var(--adyen-internal-spacer-070);
3876
4167
  }
3877
4168
 
3878
- ._select-input--list-open_15ce7_112::after {
3879
- transform: rotate(180deg);
4169
+ @container main (min-width: 680px) {
4170
+ ._summary-list_1op7a_13 {
4171
+ gap: var(--adyen-internal-spacer-040);
4172
+ }
3880
4173
  }
3881
4174
 
3882
- ._select-input--filterable_15ce7_84 {
3883
- border: 0;
3884
- caret-color: var(--adyen-internal-color-label-highlight);
3885
- color: var(--adyen-internal-color-label-primary);
3886
- font-family: inherit;
3887
- font-size: var(--adyen-internal-text-body-font-size);
3888
- height: 100%;
3889
- padding: var(--adyen-internal-spacer-000);
3890
- width: 100%;
4175
+ ._summary-list-header_1op7a_27 {
4176
+ display: flex;
4177
+ align-items: center;
3891
4178
  }
3892
4179
 
3893
- ._select-input--filterable_15ce7_84::placeholder {
3894
- color: var(--adyen-internal-color-label-secondary);
3895
- font-weight: var(--adyen-internal-text-body-font-weight);
4180
+ ._summary-list-header-title_1op7a_32 {
4181
+ color: var(--adyen-internal-color-label-primary);
4182
+ flex-grow: 1;
4183
+ font-size: var(--adyen-internal-text-title-font-size);
4184
+ font-weight: var(--adyen-internal-text-title-font-weight);
4185
+ line-height: var(--adyen-internal-text-title-line-height);
4186
+ margin: 0;
3896
4187
  }
3897
4188
 
3898
- ._select-input--filterable_15ce7_84:focus,
3899
- ._select-input--filterable_15ce7_84:active {
3900
- outline: 0;
4189
+ ._summary-list-item_1op7a_41 {
4190
+ display: flex;
4191
+ flex-direction: column;
4192
+ font-size: var(--adyen-internal-text-body-font-size);
4193
+ gap: var(--adyen-internal-spacer-010);
3901
4194
  }
3902
4195
 
3903
- ._select-input--non-filterable_15ce7_137 {
3904
- all: unset;
4196
+ @container main (min-width: 680px) {
4197
+ ._summary-list-item_1op7a_41 {
4198
+ flex-direction: row;
4199
+ gap: var(--adyen-internal-spacer-040);
4200
+ }
3905
4201
  }
3906
4202
 
3907
- /* Used in non-filterable mode only */
3908
- ._select-input--placeholder_15ce7_142 {
4203
+ ._summary-list-item-key_1op7a_55 {
3909
4204
  color: var(--adyen-internal-color-label-secondary);
3910
- font-weight: var(--adyen-internal-text-body-font-weight);
4205
+ flex: 1;
4206
+ margin: 0;
3911
4207
  }
3912
4208
 
3913
- /* To resolve a bug where filterable select `<input>`s weren't focusable on iOS */
3914
- ._ignore-pointer-events_15ce7_148 {
3915
- pointer-events: none;
4209
+ @container main (min-width: 680px) {
4210
+ ._summary-list-item-key_1op7a_55 {
4211
+ max-width: 40%;
4212
+ }
3916
4213
  }
3917
4214
 
3918
- ._handle-pointer-events_15ce7_152 {
3919
- pointer-events: auto;
3920
- }
3921
- .adyen-kyc-field-wrapper {
3922
- display: flex;
3923
- flex-wrap: nowrap;
3924
- width: 100%;
3925
- gap: var(--adyen-internal-spacer-080);
4215
+ ._summary-list-item-value_1op7a_67 {
4216
+ flex: 1;
4217
+ margin: 0;
4218
+ text-align: left;
3926
4219
  }
3927
4220
 
3928
- .adyen-kyc-input {
3929
- height: 40px;
3930
- line-height: 38px;
3931
- min-height: 38px;
3932
- background: var(--adyen-internal-color-background-primary);
3933
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
3934
- border-radius: var(--adyen-internal-border-radius-m);
3935
- caret-color: var(--adyen-internal-color-label-highlight);
3936
- color: var(--adyen-internal-color-label-primary);
3937
- display: block;
3938
- font-family: inherit;
3939
- font-size: var(--adyen-internal-text-body-font-size);
3940
- outline: none;
3941
- padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
3942
- position: relative;
3943
- transition:
3944
- border 0.2s ease-out,
3945
- box-shadow 0.2s ease-out;
3946
- width: 100%;
4221
+ ._summary-content-legal-caption_1op7a_73 {
4222
+ color: var(--adyen-internal-color-label-tertiary);
4223
+ font-size: var(--adyen-internal-text-caption-font-size);
4224
+ font-weight: var(--adyen-internal-text-caption-font-weight);
4225
+ line-height: var(--adyen-internal-text-caption-line-height);
4226
+ padding-left: var(--adyen-internal-spacer-070);
4227
+ padding-right: var(--adyen-internal-spacer-070);
3947
4228
  }
3948
4229
 
3949
- .adyen-kyc-input::placeholder {
3950
- color: var(--adyen-internal-color-label-secondary);
3951
- font-weight: var(--adyen-internal-text-body-font-weight);
4230
+ @media (prefers-contrast: more) or (prefers-reduced-transparency) {
4231
+ ._summary-content-legal-caption_1op7a_73 {
4232
+ color: var(--adyen-internal-color-label-secondary);
4233
+ }
3952
4234
  }
3953
4235
 
3954
- .adyen-kyc-input:hover {
3955
- border-color: var(--adyen-internal-color-outline-tertiary-hover);
4236
+ ._summary-content-list_1op7a_88 {
4237
+ list-style-type: disc;
3956
4238
  }
3957
4239
 
3958
- .adyen-kyc-input:required {
3959
- box-shadow: none;
4240
+ ._summary-content-logo_1op7a_92 {
4241
+ height: 28px;
4242
+ width: 100px;
4243
+ }
4244
+ ._form-flow_1eou7_1 {
4245
+ --adyen-form-toolbar-height: 80px;
4246
+ container-type: inline-size;
4247
+ width: 100%;
4248
+ min-height: 100%;
4249
+ color: var(--adyen-internal-color-label-primary);
3960
4250
  }
3961
4251
 
3962
- .adyen-kyc-input[readonly],
3963
- .adyen-kyc-input[readonly]:hover,
3964
- .adyen-kyc-input--disabled {
3965
- background-color: var(--adyen-internal-color-background-disabled);
3966
- color: var(--adyen-internal-color-label-disabled);
3967
- cursor: not-allowed;
3968
- pointer-events: none;
3969
- border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
4252
+ ._form-flow-content_1eou7_9 {
4253
+ margin: auto;
4254
+ max-width: 600px;
4255
+ min-height: calc(100% - var(--adyen-form-toolbar-height));
4256
+ padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
3970
4257
  }
3971
4258
 
3972
- .adyen-kyc-input--disabled:hover {
3973
- border-color: var(--adyen-internal-color-outline-disabled);
4259
+ @container (min-width: 399px) {
4260
+ ._form-flow-content_1eou7_9 {
4261
+ padding-left: var(--adyen-internal-spacer-100);
4262
+ padding-right: var(--adyen-internal-spacer-100);
4263
+ }
3974
4264
  }
3975
4265
 
3976
- .adyen-kyc-input--error,
3977
- .adyen-kyc-input--invalid,
3978
- .adyen-kyc-input--error:hover,
3979
- .adyen-kyc-input--invalid:hover {
3980
- border-color: var(--adyen-internal-color-outline-critical);
3981
- color: var(--adyen-internal-color-label-critical);
4266
+ @container (min-width: 599px) {
4267
+ ._form-flow-content_1eou7_9 {
4268
+ padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
4269
+ padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
4270
+ }
3982
4271
  }
3983
4272
 
3984
- .adyen-kyc-input:active,
3985
- .adyen-kyc-input:focus,
3986
- .adyen-kyc-input--focus,
3987
- .adyen-kyc-input:active:hover,
3988
- .adyen-kyc-input:focus:hover,
3989
- .adyen-kyc-input--focus:hover {
3990
- border-color: var(--adyen-internal-color-outline-tertiary-active);
3991
- outline: var(--adyen-internal-border-width-s) solid
3992
- var(--adyen-internal-color-outline-tertiary-active);
4273
+ ._form-flow-footer_1eou7_30 {
4274
+ background-color: var(--adyen-internal-color-background-primary);
4275
+ bottom: 0;
4276
+ height: var(--adyen-form-toolbar-height);
4277
+ position: sticky;
4278
+ z-index: 1;
3993
4279
  }
3994
4280
 
3995
- .adyen-kyc-input--number {
3996
- appearance: none;
3997
- margin: 0;
4281
+ @supports (backdrop-filter: blur(10px)) {
4282
+ ._form-flow-footer_1eou7_30 {
4283
+ backdrop-filter: blur(10px);
4284
+ background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
4285
+ }
3998
4286
  }
3999
4287
 
4000
- .adyen-kyc-input--number::-webkit-outer-spin-button,
4001
- .adyen-kyc-input--number::-webkit-inner-spin-button {
4002
- appearance: none;
4003
- margin: 0;
4288
+ ._form-flow-footer-border_1eou7_45 {
4289
+ border-top: 4px solid var(--adyen-internal-color-background-secondary);
4004
4290
  }
4005
4291
 
4006
- .adyen-kyc-input--date {
4007
- padding-right: var(--adyen-internal-spacer-100);
4008
- line-height: var(--adyen-internal-text-body-line-height);
4292
+ ._form-flow-actions_1eou7_49 {
4293
+ display: flex;
4294
+ gap: var(--adyen-internal-spacer-040);
4295
+ justify-content: space-between;
4296
+ padding: var(--adyen-internal-spacer-070);
4009
4297
  }
4010
4298
 
4011
- .adyen-kyc-input--textarea {
4012
- height: 60px;
4013
- line-height: var(--adyen-internal-text-body-line-height);
4299
+ ._form-flow-primary-actions_1eou7_56 {
4300
+ display: flex;
4301
+ gap: var(--adyen-internal-spacer-040);
4302
+ margin-left: auto;
4303
+ }
4304
+ ._mismatch_nyvqg_1 {
4305
+ animation: _mismatchShake_nyvqg_1 300ms;
4306
+ border-color: var(--adyen-internal-color-outline-critical) !important;
4014
4307
  }
4015
4308
 
4016
- .adyen-kyc-input__inline-validation {
4017
- height: 16px;
4018
- position: absolute;
4019
- right: 14px;
4020
- transform: translateY(-50%);
4021
- width: 16px;
4022
- top: var(--adyen-internal-spacer-080);
4309
+ @keyframes _mismatchShake_nyvqg_1 {
4310
+ 25% {
4311
+ transform: translateX(4px);
4312
+ }
4313
+ 50% {
4314
+ transform: translateX(-4px);
4315
+ }
4316
+ 75% {
4317
+ transform: translateX(4px);
4318
+ }
4319
+ }
4320
+ .adyen-kyc-radio-group {
4321
+ display: flex;
4322
+ flex-direction: column;
4023
4323
  }
4024
4324
 
4025
- .adyen-kyc-input__inline-validation--invalid {
4026
- color: var(--adyen-internal-color-label-critical);
4325
+ .adyen-kyc-radio-group--horizontal {
4326
+ flex-direction: row;
4027
4327
  }
4028
4328
 
4029
- .adyen-kyc-input__inline-validation--invalid-bottom {
4030
- top: var(--adyen-internal-spacer-040);
4329
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
4330
+ display: none;
4031
4331
  }
4032
4332
 
4033
- .adyen-kyc-input__counter {
4034
- color: var(--adyen-internal-color-label-secondary);
4035
- font-size: var(--adyen-internal-text-caption-font-size);
4036
- font-family: var(--adyen-internal-text-caption-font-family);
4037
- font-weight: var(--adyen-internal-text-caption-font-weight);
4038
- line-height: var(--adyen-internal-text-caption-line-height);
4039
- margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
4333
+ .adyen-kyc-radio-group__label {
4334
+ color: inherit;
4040
4335
  display: block;
4041
- text-align: left;
4336
+ font-size: var(--adyen-internal-text-body-font-size);
4337
+ font-weight: var(--adyen-internal-text-body-font-weight);
4338
+ line-height: var(--adyen-internal-text-body-line-height);
4339
+ overflow: visible;
4340
+ padding-bottom: var(--adyen-internal-spacer-000);
4341
+ padding-left: var(--adyen-internal-spacer-090);
4342
+ position: relative;
4042
4343
  }
4043
4344
  .adyen-kyc-input-radio {
4044
4345
  display: inline-flex;
@@ -4148,30 +4449,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4148
4449
  margin-right: var(--adyen-internal-spacer-070);
4149
4450
  vertical-align: baseline;
4150
4451
  }
4151
- .adyen-kyc-radio-group {
4152
- display: flex;
4153
- flex-direction: column;
4154
- }
4155
-
4156
- .adyen-kyc-radio-group--horizontal {
4157
- flex-direction: row;
4158
- }
4159
-
4160
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
4161
- display: none;
4162
- }
4163
-
4164
- .adyen-kyc-radio-group__label {
4165
- color: inherit;
4166
- display: block;
4167
- font-size: var(--adyen-internal-text-body-font-size);
4168
- font-weight: var(--adyen-internal-text-body-font-weight);
4169
- line-height: var(--adyen-internal-text-body-line-height);
4170
- overflow: visible;
4171
- padding-bottom: var(--adyen-internal-spacer-000);
4172
- padding-left: var(--adyen-internal-spacer-090);
4173
- position: relative;
4174
- }
4175
4452
  .adyen-kyc-address__condensed-fields {
4176
4453
  display: flex;
4177
4454
  flex-direction: column;
@@ -4253,22 +4530,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4253
4530
  including here for height consistency when no action is provided */
4254
4531
  min-height: var(--adyen-internal-tap-target);
4255
4532
  }
4256
- ._mismatch_nyvqg_1 {
4257
- animation: _mismatchShake_nyvqg_1 300ms;
4258
- border-color: var(--adyen-internal-color-outline-critical) !important;
4259
- }
4260
-
4261
- @keyframes _mismatchShake_nyvqg_1 {
4262
- 25% {
4263
- transform: translateX(4px);
4264
- }
4265
- 50% {
4266
- transform: translateX(-4px);
4267
- }
4268
- 75% {
4269
- transform: translateX(4px);
4270
- }
4271
- }
4272
4533
  ._business-financing-lei-radio_l7xhq_1 {
4273
4534
  display: grid;
4274
4535
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
@@ -4340,90 +4601,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4340
4601
  text-align: center;
4341
4602
  width: 100%;
4342
4603
  }
4343
- ._conflict-row-table_y7ii4_1 td {
4344
- padding: var(--adyen-internal-spacer-060);
4345
- height: var(--adyen-internal-spacer-050);
4346
- border-top: var(--adyen-internal-border-width-s) solid
4347
- var(--adyen-internal-color-separator-primary);
4348
- }
4349
- ._conflict-row-table_y7ii4_1 td:first-child {
4350
- padding-right: var(--adyen-internal-spacer-100);
4351
- text-wrap: nowrap;
4352
- }
4353
-
4354
- ._conflict-row-list_y7ii4_12 {
4355
- display: flex;
4356
- flex-direction: row;
4357
- border-top: var(--adyen-internal-border-width-s) solid
4358
- var(--adyen-internal-color-separator-primary);
4359
- padding: var(--adyen-internal-spacer-060);
4360
- }
4361
- ._conflict-row-list_y7ii4_12 dt {
4362
- min-width: var(--adyen-internal-spacer-140);
4363
- }
4364
-
4365
- ._conflict-row-list_y7ii4_12 dd {
4366
- display: flex;
4367
- flex-direction: column;
4368
- gap: var(--adyen-internal-spacer-060);
4369
- }
4370
-
4371
- ._conflict-row-list-option-label_y7ii4_29 {
4372
- padding-left: var(--adyen-internal-spacer-090);
4373
- }
4374
- ._data-conflicts-wrapper_c81aq_1 {
4375
- display: flex;
4376
- flex-direction: column;
4377
- gap: var(--adyen-internal-spacer-100);
4378
- }
4379
-
4380
- ._data-conflicts-header_c81aq_7 {
4381
- display: flex;
4382
- gap: var(--adyen-internal-spacer-040);
4383
- flex-direction: column;
4384
- align-items: center;
4385
- text-align: center;
4386
- }
4387
-
4388
- ._data-conflicts-table_c81aq_15 {
4389
- display: none;
4390
- border-collapse: collapse;
4391
- }
4392
-
4393
- ._data-conflicts-table_c81aq_15 th {
4394
- padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-060)
4395
- var(--adyen-internal-spacer-060) 36px; /* perfectly aligns with the radio label below */
4396
- text-align: left;
4397
- }
4398
-
4399
- ._data-conflicts-list_c81aq_26 {
4400
- display: flex;
4401
- flex-direction: column;
4402
- }
4403
-
4404
- /*
4405
- On large viewports, table is default unless `listOnly` mode is used.
4406
- In `listOnly` mode the modifier classes flip: the list stays visible
4407
- and the table is hidden. The modifiers are ordered after their base rules
4408
- so they win at equal specificity.
4409
- */
4410
- @media (min-width: 480px) {
4411
- ._data-conflicts-table_c81aq_15 {
4412
- display: table;
4413
- }
4414
-
4415
- ._data-conflicts-list_c81aq_26 {
4416
- display: none;
4417
- }
4418
-
4419
- ._data-conflicts-list-forced_c81aq_46 {
4420
- display: flex;
4421
- }
4422
-
4423
- ._data-conflicts-table-hidden_c81aq_50 {
4424
- display: none;
4425
- }
4426
- }
4427
4604
  ._tile-container_17be3_1 {
4428
4605
  width: 100%;
4429
4606
  }
@@ -4566,6 +4743,90 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4566
4743
  ._tile-group-horizontal_6rtof_32 ._tile-container_6rtof_8 {
4567
4744
  width: 100%;
4568
4745
  }
4746
+ ._conflict-row-table_y7ii4_1 td {
4747
+ padding: var(--adyen-internal-spacer-060);
4748
+ height: var(--adyen-internal-spacer-050);
4749
+ border-top: var(--adyen-internal-border-width-s) solid
4750
+ var(--adyen-internal-color-separator-primary);
4751
+ }
4752
+ ._conflict-row-table_y7ii4_1 td:first-child {
4753
+ padding-right: var(--adyen-internal-spacer-100);
4754
+ text-wrap: nowrap;
4755
+ }
4756
+
4757
+ ._conflict-row-list_y7ii4_12 {
4758
+ display: flex;
4759
+ flex-direction: row;
4760
+ border-top: var(--adyen-internal-border-width-s) solid
4761
+ var(--adyen-internal-color-separator-primary);
4762
+ padding: var(--adyen-internal-spacer-060);
4763
+ }
4764
+ ._conflict-row-list_y7ii4_12 dt {
4765
+ min-width: var(--adyen-internal-spacer-140);
4766
+ }
4767
+
4768
+ ._conflict-row-list_y7ii4_12 dd {
4769
+ display: flex;
4770
+ flex-direction: column;
4771
+ gap: var(--adyen-internal-spacer-060);
4772
+ }
4773
+
4774
+ ._conflict-row-list-option-label_y7ii4_29 {
4775
+ padding-left: var(--adyen-internal-spacer-090);
4776
+ }
4777
+ ._data-conflicts-wrapper_c81aq_1 {
4778
+ display: flex;
4779
+ flex-direction: column;
4780
+ gap: var(--adyen-internal-spacer-100);
4781
+ }
4782
+
4783
+ ._data-conflicts-header_c81aq_7 {
4784
+ display: flex;
4785
+ gap: var(--adyen-internal-spacer-040);
4786
+ flex-direction: column;
4787
+ align-items: center;
4788
+ text-align: center;
4789
+ }
4790
+
4791
+ ._data-conflicts-table_c81aq_15 {
4792
+ display: none;
4793
+ border-collapse: collapse;
4794
+ }
4795
+
4796
+ ._data-conflicts-table_c81aq_15 th {
4797
+ padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-060)
4798
+ var(--adyen-internal-spacer-060) 36px; /* perfectly aligns with the radio label below */
4799
+ text-align: left;
4800
+ }
4801
+
4802
+ ._data-conflicts-list_c81aq_26 {
4803
+ display: flex;
4804
+ flex-direction: column;
4805
+ }
4806
+
4807
+ /*
4808
+ On large viewports, table is default unless `listOnly` mode is used.
4809
+ In `listOnly` mode the modifier classes flip: the list stays visible
4810
+ and the table is hidden. The modifiers are ordered after their base rules
4811
+ so they win at equal specificity.
4812
+ */
4813
+ @media (min-width: 480px) {
4814
+ ._data-conflicts-table_c81aq_15 {
4815
+ display: table;
4816
+ }
4817
+
4818
+ ._data-conflicts-list_c81aq_26 {
4819
+ display: none;
4820
+ }
4821
+
4822
+ ._data-conflicts-list-forced_c81aq_46 {
4823
+ display: flex;
4824
+ }
4825
+
4826
+ ._data-conflicts-table-hidden_c81aq_50 {
4827
+ display: none;
4828
+ }
4829
+ }
4569
4830
  ._guidance-question_e0c6m_1 {
4570
4831
  margin-bottom: var(--adyen-internal-spacer-140);
4571
4832
  }
@@ -4574,9 +4835,9 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
4574
4835
  margin-top: var(--adyen-internal-spacer-080);
4575
4836
  }
4576
4837
  .adyen-kyc-input-group {
4577
- height: 40px;
4578
- line-height: 38px;
4579
- min-height: 38px;
4838
+ height: var(--adyen-internal-spacer-110);
4839
+ line-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
4840
+ min-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
4580
4841
  display: flex;
4581
4842
  padding: var(--adyen-internal-spacer-020);
4582
4843
  background: var(--adyen-internal-color-background-primary);