@adyen/kyc-components 4.0.0-compact.7 → 4.0.0-compact.9

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 (483) hide show
  1. package/README.md +31 -43
  2. package/dist/{AcceptTermsOfServiceComponent-BFqDontt.js → AcceptTermsOfServiceComponent-Y5aYfW8R.js} +31 -26
  3. package/dist/{AccountSetupRejected-f8rcBzZj.js → AccountSetupRejected-BBPH8zsy.js} +2 -5
  4. package/dist/{ActionBar-CijauUSe.js → ActionBar-CFMobUf9.js} +2 -2
  5. package/dist/{Address-Bj7zJ6yZ.js → Address-DaePmCRZ.js} +22 -25
  6. package/dist/{Avatar-DWU7t_0U.js → Avatar-CbD3nP3P.js} +2 -2
  7. package/dist/{BusinessFinancingComponent-_DvatBRp.js → BusinessFinancingComponent-BfmzIskz.js} +7 -7
  8. package/dist/{BusinessFinancingDropin-BuATaIOz.js → BusinessFinancingDropin-CLD8LAhP.js} +199 -160
  9. package/dist/BusinessFinancingPage-Bg-wKhhY.js +43 -0
  10. package/dist/{BusinessTypeSelectionPage-gsT7g7u8.js → BusinessTypeSelectionPage-D3EIjy_H.js} +11 -17
  11. package/dist/{Checkbox-5Sc5pzsh.js → Checkbox-DmYVTVOD.js} +2 -2
  12. package/dist/{Confirm-C0J_JwMM.js → Confirm-NubmSSR7.js} +3 -3
  13. package/dist/{ConstitutionalDocument-Bw5T0g5Q.js → ConstitutionalDocument-Djj_JCy4.js} +43 -30
  14. package/dist/{ContactDetails-CXTim9KR.js → ContactDetails-tNdzS3d4.js} +13 -10
  15. package/dist/{ContextGuidance-074d6FWy.js → ContextGuidance-Dp2PWG5c.js} +2 -3
  16. package/dist/{CountryField-DxZlK1rV.js → CountryField-C7SjQFv_.js} +4 -6
  17. package/dist/{CreateIndividualComponent-BppUrKMC.js → CreateIndividualComponent-DwOiAUaA.js} +8 -8
  18. package/dist/{CreateTransferInstrumentComponent-Cl2NOJb6.js → CreateTransferInstrumentComponent-D29rvuqv.js} +6 -6
  19. package/dist/{Currency-CIgj9KwH.js → Currency-B4udmJgX.js} +12 -18
  20. package/dist/{CustomerSupport-UenL9SqQ.js → CustomerSupport-CU3xoowB.js} +10 -11
  21. package/dist/{DebugModal-KXKodU9u.js → DebugModal-C7WSGJRZ.js} +10 -11
  22. package/dist/{DecisionMakerDetailsPage-Xwe1qYtH.js → DecisionMakerDetailsPage-C-mB9v5X.js} +10 -10
  23. package/dist/{DecisionMakers-CJDodZSl.js → DecisionMakers-AhL30Hnp.js} +114 -55
  24. package/dist/{Dropzone-kpihpy7N.js → Dropzone-B9NMiWRF.js} +4 -4
  25. package/dist/{EmbeddedStatus-BJjPDUeS.js → EmbeddedStatus-DkQk7orK.js} +3 -3
  26. package/dist/{EndStateLayout-Cx1NUGVq.js → EndStateLayout-DVisdSEd.js} +2 -2
  27. package/dist/{EntityAssociation-BtQeHZOq.js → EntityAssociation-BSnS5dP_.js} +5 -6
  28. package/dist/{EntityGuidanceStatus-DyMVy3R4.js → EntityGuidanceStatus-C2eFgLqN.js} +4 -4
  29. package/dist/{ErrorPanel-CAALFKmE.js → ErrorPanel-D4kO8XQ8.js} +11 -13
  30. package/dist/{Field-Bs7wGDqk.js → Field-CPoHG0G-.js} +3 -3
  31. package/dist/{FormNavigation-BtSvWPRY.js → FormNavigation-yD8USwyG.js} +3 -3
  32. package/dist/{Individual.rules-CP2tzjmO.js → Individual.rules-0EggSgTn.js} +16 -9
  33. package/dist/{IndividualDropin-xfXkDkrM.js → IndividualDropin-Eo9sxeBW.js} +692 -267
  34. package/dist/{InputDate-CLxqciJA.js → InputDate-BVYQZZuX.js} +2 -2
  35. package/dist/{InputText-BdCbTzL9.js → InputText-C55stM8O.js} +2 -2
  36. package/dist/{Introduction-BRWdnVv5.js → Introduction-CZ_-eIBj.js} +4 -4
  37. package/dist/{JpAddress-BSEenMj0.js → JpAddress-B3HjxunW.js} +12 -14
  38. package/dist/{LandingLayout-kl7TkBGx.js → LandingLayout-C_SbjQZA.js} +2 -3
  39. package/dist/{LegalCompanyNameField-DzAxAnD9.js → LegalCompanyNameField-DBiJbXem.js} +6 -6
  40. package/dist/{LegalRepresentativeDetailsPage--yY_D66i.js → LegalRepresentativeDetailsPage-DFKA0RAe.js} +6 -6
  41. package/dist/{Link-CXYU8cLY.js → Link-ru5UMRxt.js} +2 -2
  42. package/dist/{ListItem-HD5_HiQ2.js → ListItem-C6ALEoR-.js} +3 -3
  43. package/dist/{LoaderWrapper-C2PvjjQc.js → LoaderWrapper-BL7Hc_DC.js} +2 -2
  44. package/dist/{ManageIndividualComponent-BGaAbJjj.js → ManageIndividualComponent-CkybWipX.js} +5 -5
  45. package/dist/{ManageTermsOfServiceComponent-DFjaajE4.js → ManageTermsOfServiceComponent-Cgjagedl.js} +6 -6
  46. package/dist/{ManageTransferInstrumentComponent-Dndkwh_d.js → ManageTransferInstrumentComponent-DOpxzIzn.js} +16 -18
  47. package/dist/{MaskedInput-BSW18fxr.js → MaskedInput-1f16YE1z.js} +5 -5
  48. package/dist/{MaybeModal-xIjl3I31.js → MaybeModal-7NGTfxO6.js} +3 -3
  49. package/dist/{Modal-CZ-HuGUO.js → Modal-BMdWqd0Y.js} +15 -25
  50. package/dist/{Name-D6EhveoK.js → Name-BQWEKtu9.js} +5 -5
  51. package/dist/NewSummary-D-9PYaY6.js +60 -0
  52. package/dist/{OnboardingDropinComponent-CHtcVTHh.js → OnboardingDropinComponent-CxUcB7IU.js} +813 -121
  53. package/dist/{PayoutDetailsDropin-C2pNMAZS.js → PayoutDetailsDropin-DWqomQHU.js} +81 -190
  54. package/dist/PayoutDetailsPage-NIBSRWDA.js +55 -0
  55. package/dist/{RadioGroup-CxcIXYzs.js → RadioGroup-BuAX_NLA.js} +2 -2
  56. package/dist/{RadioGroupCard-Y214QWmQ.js → RadioGroupCard-Cbd_S6Fi.js} +2 -2
  57. package/dist/{Review-B2NCN4h_.js → Review-BjdQyMeU.js} +6 -8
  58. package/dist/{RootBusinessDetailsPage-hr5fLCIH.js → RootBusinessDetailsPage-CE9KIQRB.js} +6 -6
  59. package/dist/{RootBusinessLinesPage-DSna9haW.js → RootBusinessLinesPage-DYZETgKB.js} +129 -139
  60. package/dist/{RootIndividualDetailsPage-BItguz9n.js → RootIndividualDetailsPage-DCEHjEbR.js} +9 -10
  61. package/dist/{Select-DaCJsYNl.js → Select-seF9rM5K.js} +4 -4
  62. package/dist/{SignPCIComponent-C2YjBxQM.js → SignPCIComponent-CkaBa8MB.js} +18 -17
  63. package/dist/{SingpassSelection-B3ozCH9I.js → SingpassSelection-FctS_Rd2.js} +6 -6
  64. package/dist/{SoleProprietorshipPage-DIzzhgjr.js → SoleProprietorshipPage-BolUC48_.js} +5 -5
  65. package/dist/{SourceOfFundsPage-C3kXyE7G.js → SourceOfFundsPage-qPaoxTgM.js} +272 -103
  66. package/dist/{StepProgressIndicator-BSGlNU3K.js → StepProgressIndicator-DQIv4e4a.js} +2 -2
  67. package/dist/{StoreProvider-99-ewU62.js → StoreProvider-CBB99upB.js} +1032 -292
  68. package/dist/{StructuredList-CVMZBzwq.js → StructuredList-EKVbq_i3.js} +1 -1
  69. package/dist/{Summary-D0GcSMNn.js → Summary-C5uRwUKn.js} +28 -24
  70. package/dist/{TaxInformationField-BxQvx1zK.js → TaxInformationField-B7AVdVgf.js} +614 -634
  71. package/dist/{TaxReportingDropin-BqvAQH2c.js → TaxReportingDropin-C2dEK3ij.js} +15 -17
  72. package/dist/{TextArea-BjsWgkR-.js → TextArea-BbRKVKmP.js} +2 -2
  73. package/dist/{TileGroup-C-5-VREz.js → TileGroup-oKbh_YGv.js} +3 -3
  74. package/dist/{TrustDetailsPage-YROGiuFJ.js → TrustDetailsPage-BbQB4A5-.js} +129 -120
  75. package/dist/{TrustMemberCompanyPage-Z2EuqPEI.js → TrustMemberCompanyPage-CbRLAXBG.js} +7 -7
  76. package/dist/TrustMemberIndividualPage-BFRSkSas.js +64 -0
  77. package/dist/{TrustMemberRoleAndTypePage-BEOtdItr.js → TrustMemberRoleAndTypePage-pS7j8_f6.js} +35 -44
  78. package/dist/{TrustMembersOverview-GybHMIEU.js → TrustMembersOverview-aEVgO4Gr.js} +17 -21
  79. package/dist/{UnincorporatedPartnershipIndividualPage-BCYxSTlv.js → UnincorporatedPartnershipIndividualPage-DO7AXsP5.js} +6 -6
  80. package/dist/{UnincorporatedPartnershipMemberCompanyPage-Buez4OHl.js → UnincorporatedPartnershipMemberCompanyPage-qvOu17yc.js} +6 -6
  81. package/dist/{UnincorporatedPartnershipMemberRoleAndTypePage-Cfpe0BuU.js → UnincorporatedPartnershipMemberRoleAndTypePage-reBMcz-Y.js} +15 -16
  82. package/dist/{UnincorporatedPartnershipMembersOverview-B3Vi088r.js → UnincorporatedPartnershipMembersOverview-B5YCchZY.js} +8 -12
  83. package/dist/{VerificationErrorAlert-C6_ewC7c.js → VerificationErrorAlert-BcntIwEo.js} +23 -4
  84. package/dist/{ViewVerificationStatusComponent-DpA4jlct.js → ViewVerificationStatusComponent-CrQahS3p.js} +3 -4
  85. package/dist/adyen-business-financing.js +3 -3
  86. package/dist/adyen-individual-configuration.js +3 -3
  87. package/dist/adyen-individual-status.js +3 -3
  88. package/dist/adyen-invited-decision-maker.js +87 -17
  89. package/dist/adyen-kyc-components.js +18 -47
  90. package/dist/adyen-onboarding.js +3 -3
  91. package/dist/adyen-terms-of-service-management.js +3 -3
  92. package/dist/adyen-terms-of-service-status.js +3 -3
  93. package/dist/adyen-transfer-instrument-configuration.js +3 -3
  94. package/dist/adyen-transfer-instrument-management.js +3 -3
  95. package/dist/adyen-verification-status.js +3 -3
  96. package/dist/{bafinUtils-CIGv_BK8.js → bafinUtils-B1LygAFl.js} +14 -2
  97. package/dist/{commonValidators-DTt6he7v.js → commonValidators-CInBRB1V.js} +2 -2
  98. package/dist/{da-DK-JHZnsI59.js → da-DK-BfsYpvel.js} +18 -3
  99. package/dist/{da-DK-CGWvmdkq.js → da-DK-CLdNh9JT.js} +1 -2
  100. package/dist/{da-DK-gnPgzwrG.js → da-DK-CM1onr3w.js} +3 -1
  101. package/dist/{da-DK-Cd5IQPv3.js → da-DK-CMVthpSr.js} +2 -2
  102. package/dist/da-DK-Cv6XUSoW.js +13 -0
  103. package/dist/da-DK-D9FgPh5e.js +13 -0
  104. package/dist/{da-DK-h8DYQ_Iq.js → da-DK-mUuPR2YO.js} +2 -2
  105. package/dist/{de-DE-C9NH2zMh.js → de-DE-B5TOuf7l.js} +2 -2
  106. package/dist/{de-DE-DHDJhahG.js → de-DE-BT5g7ZXC.js} +1 -2
  107. package/dist/de-DE-BplDsJEb.js +13 -0
  108. package/dist/{de-DE-D3lLuF8z.js → de-DE-CA4mYLwp.js} +3 -1
  109. package/dist/{de-DE-VGGEkxUT.js → de-DE-CEsDXBn-.js} +18 -3
  110. package/dist/de-DE-Cg_RNIr-.js +13 -0
  111. package/dist/{de-DE-LQE_LFFL.js → de-DE-CwT6O212.js} +2 -2
  112. package/dist/{dropinUtils--st1YpV6.js → dropinUtils-D44Paj5u.js} +30 -16
  113. package/dist/{en-US-h0JneJJl.js → en-US--1W760fR.js} +2 -2
  114. package/dist/{en-US-CjjPhkB5.js → en-US-B-qSAb-7.js} +2 -1
  115. package/dist/en-US-B6tiYqel.js +13 -0
  116. package/dist/en-US-CfazE4ht.js +13 -0
  117. package/dist/{en-US-DoiQhi0j.js → en-US-CgakND3H.js} +1 -2
  118. package/dist/{en-US-D1sB335h.js → en-US-DIlZD5Wh.js} +16 -1
  119. package/dist/{en-US-DYP6rAvA.js → en-US-G607HIyo.js} +2 -2
  120. package/dist/{en-US-B96dpVon.js → en-US-fDACdKtT.js} +3 -1
  121. package/dist/{en-US.instructions-Ddr7AO05.js → en-US.instructions-CfIM2SRF.js} +1 -2
  122. package/dist/{es-ES-CxnsKEh4.js → es-ES-4FS7NoE7.js} +1 -2
  123. package/dist/{es-ES-CXDJLKAI.js → es-ES-BBcx4tvi.js} +3 -1
  124. package/dist/{es-ES-Bn9_0wK0.js → es-ES-BWFP5itn.js} +18 -3
  125. package/dist/es-ES-BZiC4JWr.js +13 -0
  126. package/dist/{es-ES-DdGmXdxO.js → es-ES-Bh8k9Zx8.js} +2 -2
  127. package/dist/es-ES-DRsix_Xn.js +13 -0
  128. package/dist/{es-ES-DK-7qtDf.js → es-ES-Wcpc6fm1.js} +2 -2
  129. package/dist/{fi-FI-fArobrt5.js → fi-FI-BKu826v5.js} +3 -1
  130. package/dist/fi-FI-BftTiz0c.js +13 -0
  131. package/dist/fi-FI-CEH4BfU3.js +13 -0
  132. package/dist/{fi-FI-PVFqd5Ra.js → fi-FI-DenK0WPz.js} +18 -3
  133. package/dist/{fi-FI-CIYa9SyS.js → fi-FI-DhUeTfn1.js} +2 -2
  134. package/dist/{fi-FI-57-xkioo.js → fi-FI-XpnJRPgt.js} +1 -2
  135. package/dist/{formUtils-C_sWWLS3.js → formUtils-BEcbGHkz.js} +3 -18
  136. package/dist/{fr-FR-mJK4hjwD.js → fr-FR-BmTswZU5.js} +18 -3
  137. package/dist/fr-FR-C6jxjXAI.js +13 -0
  138. package/dist/{fr-FR-CiwkAb3E.js → fr-FR-C7iSS-OS.js} +3 -1
  139. package/dist/{fr-FR-l5z31r7i.js → fr-FR-CocDMzBc.js} +2 -2
  140. package/dist/{fr-FR-B2je0smB.js → fr-FR-DodNoPid.js} +2 -2
  141. package/dist/fr-FR-NxOktkWc.js +13 -0
  142. package/dist/{fr-FR-BxiX8Zfi.js → fr-FR-TqAhPvzz.js} +1 -2
  143. package/dist/{getName-CnZDw7kV.js → getName-CdgtxRvu.js} +2 -2
  144. package/dist/{getProblemsForEntity-D8qEVVOM.js → getProblemsForEntity-DFP6N3co.js} +2 -2
  145. package/dist/{iframeWidget-DqeucjDU.js → iframeWidget-B0fieiAe.js} +4 -4
  146. package/dist/{isEmpty-CUuXL9Na.js → isEmpty-3U9fSQsY.js} +2 -2
  147. package/dist/{it-IT-BAvmkEF8.js → it-IT-B4bk2Xev.js} +2 -2
  148. package/dist/{it-IT-DIbH-udG.js → it-IT-CUrn0j1I.js} +3 -1
  149. package/dist/it-IT-CXlaZNIj.js +13 -0
  150. package/dist/{it-IT-Dhwa9Ecj.js → it-IT-CZ4aDoVQ.js} +2 -2
  151. package/dist/{it-IT-masgjk9F.js → it-IT-D-jYXj6V.js} +1 -2
  152. package/dist/{it-IT-BTWkWSJq.js → it-IT-DJe5OflH.js} +18 -3
  153. package/dist/it-IT-OppZz3gW.js +13 -0
  154. package/dist/{ja-JP-vv3-YsHU.js → ja-JP-8yMqZqF2.js} +1 -2
  155. package/dist/ja-JP-A6ArIIZ8.js +13 -0
  156. package/dist/{ja-JP-Bc4U0S8-.js → ja-JP-BpeNsNhn.js} +3 -3
  157. package/dist/{ja-JP-bz7ekGnF.js → ja-JP-CbP1sVFP.js} +4 -2
  158. package/dist/ja-JP-CethQRoG.js +13 -0
  159. package/dist/{ja-JP-g6VOUGXZ.js → ja-JP-DK55NCZY.js} +1 -2
  160. package/dist/{ja-JP-CceCDXLB.js → ja-JP-GGV_-V6p.js} +18 -3
  161. package/dist/{ja-JP-Bv3ru9Xq.js → ja-JP-GX3l4yqn.js} +17 -17
  162. package/dist/{japanSupportUtils-CGWcXGP2.js → japanSupportUtils-CaeglTl1.js} +2 -2
  163. package/dist/{localizeDateString-D6tFShQu.js → localizeDateString-D2nDwdFu.js} +2 -2
  164. package/dist/{mapExistingFile-BM9f5AeG.js → mapExistingFile-BigOdLU3.js} +4 -4
  165. package/dist/mapJpAddressSchemaToAddressLocalizations-DUoJIoRm.js +54 -0
  166. package/dist/{mapLegalEntityToIndividualSchema-DVKTWyvx.js → mapLegalEntityToIndividualSchema-UVUkctdQ.js} +43 -45
  167. package/dist/{mapTransferInstrumentToPayoutAccount--gtugk3J.js → mapTransferInstrumentToPayoutAccount-qpUP3sTf.js} +2 -2
  168. package/dist/{nl-NL-CTf7zH4M.js → nl-NL-4Mv4rnYy.js} +18 -3
  169. package/dist/{nl-NL-B0fvINJj.js → nl-NL-B2Uku0lw.js} +2 -2
  170. package/dist/nl-NL-BwWFlBOs.js +13 -0
  171. package/dist/nl-NL-CYFznuWn.js +13 -0
  172. package/dist/{nl-NL-DV4NqPVW.js → nl-NL-J7XpCpQm.js} +2 -2
  173. package/dist/{nl-NL-D1b5RUJ0.js → nl-NL-Jhr-ICkK.js} +1 -2
  174. package/dist/{nl-NL-NlkjOSYi.js → nl-NL-Lo8OF_nj.js} +3 -1
  175. package/dist/{no-NO-Crlsj6HG.js → no-NO-6chPsZZE.js} +3 -1
  176. package/dist/{no-NO-Dkh4SWbB.js → no-NO-BH6DId3q.js} +1 -2
  177. package/dist/no-NO-BsEie1We.js +13 -0
  178. package/dist/{no-NO-RfTK9KAV.js → no-NO-ByCZ3mhz.js} +18 -3
  179. package/dist/{no-NO-B9618F4_.js → no-NO-CtDyNTm6.js} +2 -2
  180. package/dist/{no-NO-Jw7Gae-a.js → no-NO-DjOcJWnC.js} +2 -2
  181. package/dist/no-NO-JWsSd7iY.js +13 -0
  182. package/dist/{patternValidators-vYKnE5-t.js → patternValidators-BkY5yvNa.js} +2 -2
  183. package/dist/{process-field-configurations-Dl2Isz78.js → process-field-configurations-BnIbMyYt.js} +5 -5
  184. package/dist/{pt-BR-BRdIEO2O.js → pt-BR-4Iozxvfr.js} +1 -2
  185. package/dist/pt-BR-BJOww8U1.js +13 -0
  186. package/dist/{pt-BR-BaTE6BB_.js → pt-BR-BKdT0Bpl.js} +2 -2
  187. package/dist/pt-BR-C-YbDjn-.js +13 -0
  188. package/dist/{pt-BR-zuqB_CBf.js → pt-BR-D4BTdo_w.js} +2 -2
  189. package/dist/{pt-BR-BfxgHKY4.js → pt-BR-DRBFUW-X.js} +3 -1
  190. package/dist/{pt-BR-BbFJsIVX.js → pt-BR-DRz5cG4o.js} +18 -3
  191. package/dist/{resolveEnvironment-B_JokQ0n.js → resolveEnvironment-C5RkjL5E.js} +5 -5
  192. package/dist/{roleMetadata-eM6T7GeQ.js → roleMetadata-C8VLzyMj.js} +3 -3
  193. package/dist/sl-SI-BfO3xEJx.js +13 -0
  194. package/dist/sl-SI-CJH14wbj.js +13 -0
  195. package/dist/{sl-SI-59OQIZ3f.js → sl-SI-C_4ajjU4.js} +2 -2
  196. package/dist/{sl-SI-D8dDckrW.js → sl-SI-DKSu25rO.js} +18 -3
  197. package/dist/{sl-SI-C-C-KJCX.js → sl-SI-UFngWs5n.js} +3 -1
  198. package/dist/{sl-SI-CvUzNn9Z.js → sl-SI-Y9h1ht45.js} +1 -2
  199. package/dist/style.css +1868 -1836
  200. package/dist/styles-CLV89_hH.js +1868 -1836
  201. package/dist/{sv-SE-D_Efxy3s.js → sv-SE-Blw4s8bC.js} +2 -2
  202. package/dist/sv-SE-CMLKzwtj.js +13 -0
  203. package/dist/{sv-SE-DGpvVvWj.js → sv-SE-Co7Nkd06.js} +18 -3
  204. package/dist/{sv-SE-BHfydid5.js → sv-SE-Cr0s35EH.js} +3 -1
  205. package/dist/{sv-SE-BsLkPEzn.js → sv-SE-DFSm22oQ.js} +1 -2
  206. package/dist/{sv-SE-CQWBP7n1.js → sv-SE-DKnUr7xo.js} +2 -2
  207. package/dist/sv-SE-ZsucW_Uj.js +13 -0
  208. package/dist/{isNewEntity-7Vw_eQBr.js → trusted-fields-provider-BgfIoSNJ.js} +6 -3
  209. package/dist/types/api/companyDataSet/companyDataset.types.d.ts +5 -0
  210. package/dist/types/api/companyDataSet/handleCompanyDataset.d.ts +6 -3
  211. package/dist/types/api/companySearch/companySearch.types.d.ts +8 -0
  212. package/dist/types/api/companySearch/useCompanySearch.d.ts +9 -3
  213. package/dist/types/api/companySelection/companySelection.types.d.ts +3 -3
  214. package/dist/types/api/companySelection/useCompanySelection.d.ts +1 -1
  215. package/dist/types/api/documentValidation/useDocumentValidate.d.ts +1 -0
  216. package/dist/types/api/invitations/invitations.types.d.ts +14 -0
  217. package/dist/types/api/invitations/useCreateInvitation.d.ts +14 -0
  218. package/dist/types/api/invitations/useInvitationStatuses.d.ts +8 -0
  219. package/dist/types/api/invitedEntity/useInvitedEntityAssociationData.d.ts +9 -0
  220. package/dist/types/api/legalEntity/useUpdateLegalEntity.d.ts +4 -4
  221. package/dist/types/api/queryKeys.d.ts +4 -1
  222. package/dist/types/api/toggles/useToggles.d.ts +9 -0
  223. package/dist/types/components/Apps/tasks/TaskList/types.d.ts +2 -2
  224. package/dist/types/components/BankAccount/fields/BankAccountNumber/BankAccountNumber.d.ts +1 -1
  225. package/dist/types/components/BankAccount/fields/BankCode/BankCode.d.ts +1 -1
  226. package/dist/types/components/BankAccount/fields/BranchCode/BranchCode.d.ts +1 -1
  227. package/dist/types/components/BankAccount/fields/Iban/Iban.d.ts +1 -1
  228. package/dist/types/components/BankAccount/forms/PayoutDetails/rules.d.ts +1 -1
  229. package/dist/types/components/BankAccount/forms/PayoutDetails/types.d.ts +2 -0
  230. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +2 -2
  231. package/dist/types/components/BankAccount/pages/PayoutDetailsPage.d.ts +0 -1
  232. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/utils.d.ts +1 -1
  233. package/dist/types/components/Business/forms/AdditionalInformation/VerifiedBusinessCard/VerifiedBusinessCard.d.ts +2 -2
  234. package/dist/types/components/Business/forms/AdditionalInformation/utils.d.ts +2 -2
  235. package/dist/types/components/Business/forms/BusinessDetails/forms.d.ts +2 -2
  236. package/dist/types/components/Business/forms/BusinessSelection/BusinessInformationCard/BusinessInformationCard.d.ts +7 -7
  237. package/dist/types/components/Business/forms/FinancialInformation/FinancialInformation.d.ts +1 -1
  238. package/dist/types/components/Business/forms/FinancialInformation/mapping/mapFinancialInformationToFinancialReport.d.ts +1 -1
  239. package/dist/types/components/Business/forms/FinancialInformation/types.d.ts +7 -17
  240. package/dist/types/components/Business/forms/rules.d.ts +10 -8
  241. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +14 -1
  242. package/dist/types/components/Business/tasks/BusinessDetailsDropin/utils.d.ts +1 -6
  243. package/dist/types/components/Business/tasks/BusinessDetailsDropin/validate.d.ts +2 -1
  244. package/dist/types/components/Business/utils/applyVerifiedBusinessData.d.ts +1 -1
  245. package/dist/types/components/Business/utils/companyUtil.d.ts +1 -1
  246. package/dist/types/components/Business/utils/formatDataForSummary.d.ts +6 -0
  247. package/dist/types/components/Business/utils/submit.d.ts +2 -0
  248. package/dist/types/components/Business/utils/useCompanySearchExperiments.d.ts +5 -0
  249. package/dist/types/components/BusinessLines/fields/SctaField/types.d.ts +1 -1
  250. package/dist/types/components/BusinessLines/forms/SalesChannelsForm/types.d.ts +1 -1
  251. package/dist/types/components/BusinessLines/tasks/utils.d.ts +4 -4
  252. package/dist/types/components/Contract/tasks/PciDropin/PciDropin.d.ts +1 -1
  253. package/dist/types/components/EFP/fields/NaceCodeField/types.d.ts +1 -1
  254. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +2783 -2783
  255. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingFinancialInformation.d.ts +1 -1
  256. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingSummary.d.ts +14 -0
  257. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/types.d.ts +5 -7
  258. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/utils.d.ts +8 -9
  259. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/validate.d.ts +1 -1
  260. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/types.d.ts +11 -0
  261. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/utils.d.ts +15 -0
  262. package/dist/types/components/EmbeddedDropins/BusinessFinancingComponent/utils.d.ts +1 -2
  263. package/dist/types/components/EmbeddedDropins/CreateIndividualComponent/CreateIndividualComponent.d.ts +2 -2
  264. package/dist/types/components/Individual/fields/DriversLicense/DriversLicense.d.ts +1 -1
  265. package/dist/types/components/Individual/fields/DriversLicense/DriversLicense.types.d.ts +1 -0
  266. package/dist/types/components/Individual/fields/IdentityNumber/IdentityNumber.d.ts +1 -1
  267. package/dist/types/components/Individual/forms/AdditionalPersonalDetails/AdditionalPersonalDetails.types.d.ts +2 -2
  268. package/dist/types/components/Individual/forms/AdditionalPersonalDetails/validate.d.ts +5 -4
  269. package/dist/types/components/Individual/forms/DataConflictsModal/ConflictRow.d.ts +2 -2
  270. package/dist/types/components/Individual/forms/DataConflictsModal/DataConflictsModal.d.ts +6 -6
  271. package/dist/types/components/Individual/forms/IdDocumentUpload/types.d.ts +2 -2
  272. package/dist/types/components/Individual/forms/IdVerificationMethod/{individualOnfidoConflictsSchema.d.ts → individualConflictsSchema.d.ts} +12 -12
  273. package/dist/types/components/Individual/forms/IdVerificationMethod/mapExtractionResultToSchema.d.ts +2 -2
  274. package/dist/types/components/Individual/forms/IdVerificationMethod/validateExtractionResult.d.ts +2 -2
  275. package/dist/types/components/Individual/forms/Individual.d.ts +12 -7
  276. package/dist/types/components/Individual/forms/Individual.rules.d.ts +6 -5
  277. package/dist/types/components/Individual/forms/Individual.types.d.ts +15 -5
  278. package/dist/types/components/Individual/forms/InviteDetails/InviteDetails.d.ts +4 -0
  279. package/dist/types/components/Individual/forms/InviteDetails/InviteDetails.types.d.ts +13 -0
  280. package/dist/types/components/Individual/forms/InviteDetails/validate.d.ts +3 -0
  281. package/dist/types/components/Individual/forms/form-ids.d.ts +2 -2
  282. package/dist/types/components/Individual/helpers/bafinUtils.d.ts +2 -2
  283. package/dist/types/components/Individual/helpers/mandateIdVerificationForMotionCapture.d.ts +2 -2
  284. package/dist/types/components/Individual/helpers/roleUtils.d.ts +2 -2
  285. package/dist/types/components/Individual/mapping/individualKeyMappings.d.ts +6 -6
  286. package/dist/types/components/Individual/mapping/mapApiDocumentToIndividualDocuments.d.ts +2 -2
  287. package/dist/types/components/Individual/mapping/mapIndividualDocumentToApiDocument.d.ts +2 -2
  288. package/dist/types/components/Individual/mapping/mapIndividualSchemaToLegalEntity.d.ts +2 -2
  289. package/dist/types/components/Individual/mapping/mapLegalEntityToIndividualSchema.d.ts +2 -2
  290. package/dist/types/components/Individual/pages/DecisionMakerDetailsPage.d.ts +2 -2
  291. package/dist/types/components/Individual/pages/LegalRepresentativeDetailsPage.d.ts +2 -2
  292. package/dist/types/components/Individual/pages/RootIndividualDetailsPage.d.ts +2 -2
  293. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/utils.d.ts +3 -3
  294. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerListItem/DecisionMakerListItem.d.ts +8 -0
  295. package/dist/types/components/Individual/tasks/DecisionMakers/InvitedDecisionMaker/InvitedDecisionMakerGettingStarted/InvitedDecisionMakerGettingStarted.d.ts +4 -0
  296. package/dist/types/components/Individual/tasks/DecisionMakers/InvitedDecisionMaker/InvitedDecisionMakerSubmitSuccess/InvitedDecisionMakerSubmitSuccess.d.ts +1 -0
  297. package/dist/types/components/Individual/tasks/IndividualDropin/IndividualDropin.d.ts +2 -2
  298. package/dist/types/components/Individual/tasks/IndividualDropin/individualFormConfig.d.ts +3 -3
  299. package/dist/types/components/Shared/FormFlow/FormFlow.d.ts +1 -1
  300. package/dist/types/components/Shared/FormFlow/FormFlow.types.d.ts +2 -0
  301. package/dist/types/components/Shared/FormNavigation/types.d.ts +2 -2
  302. package/dist/types/components/Shared/FormWrapper/FormWrapper.d.ts +2 -2
  303. package/dist/types/components/Shared/NewSummary/NewSummary.d.ts +14 -0
  304. package/dist/types/components/Shared/Summary/Summary.d.ts +1 -0
  305. package/dist/types/components/Shared/TaskVerificationStatus/TaskVerificationStatus.d.ts +1 -1
  306. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/BusinessRegistrationNumberField.d.ts +1 -1
  307. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.d.ts +0 -2
  308. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/types.d.ts +3 -1
  309. package/dist/types/components/Shared/fields/Currency/fieldConfig.d.ts +3 -0
  310. package/dist/types/components/Shared/fields/Currency/types.d.ts +1 -1
  311. package/dist/types/components/Shared/fields/EInvoicingCodeField/EInvoicingCodeField.d.ts +1 -1
  312. package/dist/types/components/Shared/fields/EInvoicingCodeField/types.d.ts +1 -1
  313. package/dist/types/components/Shared/fields/FinancialReportingDate/fieldConfig.d.ts +3 -0
  314. package/dist/types/components/Shared/fields/IdFieldTypeSelector/CompanyRegistrationNumberTypeSelector.d.ts +2 -2
  315. package/dist/types/components/Shared/fields/IdFieldTypeSelector/VatNumberTypeSelector.d.ts +2 -2
  316. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +5 -244
  317. package/dist/types/components/Shared/fields/IndustryCodeField/types.d.ts +1 -1
  318. package/dist/types/components/Shared/fields/LocalizedLegalCompanyNameField/fieldConfig.d.ts +4 -4
  319. package/dist/types/components/Shared/fields/NumberOfEmployees/fieldConfig.d.ts +3 -0
  320. package/dist/types/components/Shared/fields/PhoneField/PhoneField.d.ts +1 -1
  321. package/dist/types/components/Shared/fields/PhoneField/types.d.ts +2 -0
  322. package/dist/types/components/Shared/fields/ReportedValueOptionField/ReportedValueOptionField.d.ts +3 -0
  323. package/dist/types/components/Shared/fields/ReportedValueOptionField/fieldConfig.d.ts +5 -0
  324. package/dist/types/components/Shared/fields/ReportedValueOptionField/types.d.ts +10 -0
  325. package/dist/types/components/Shared/fields/StockExchangeMICField/StockExchangeMICField.d.ts +1 -1
  326. package/dist/types/components/Shared/fields/StockExchangeMICField/types.d.ts +1 -1
  327. package/dist/types/components/Shared/fields/StockISINField/StockISINField.d.ts +1 -1
  328. package/dist/types/components/Shared/fields/StockISINField/types.d.ts +1 -1
  329. package/dist/types/components/Shared/fields/StockTickerSymbol/StockTickerSymbolField.d.ts +1 -1
  330. package/dist/types/components/Shared/fields/StockTickerSymbol/types.d.ts +1 -1
  331. package/dist/types/components/Shared/fields/TaxInformationField/TaxIdNumberTypeSelector/TaxIdNumberTypeSelector.d.ts +17 -0
  332. package/dist/types/components/Shared/fields/{IdFieldTypeSelector → TaxInformationField/TaxIdNumberTypeSelector}/getDefaultTaxIdNumberType.d.ts +5 -5
  333. package/dist/types/components/Shared/fields/{IdFieldTypeSelector → TaxInformationField/TaxIdNumberTypeSelector}/inferTaxIdNumberType.d.ts +5 -5
  334. package/dist/types/components/Shared/fields/TaxInformationField/TaxInformationField.d.ts +1 -1
  335. package/dist/types/components/Shared/fields/TaxInformationField/fieldConfig.d.ts +2 -3
  336. package/dist/types/components/Shared/fields/TaxInformationField/taxIdNumberTypes.d.ts +232 -0
  337. package/dist/types/components/Shared/fields/TaxInformationField/types.d.ts +9 -1
  338. package/dist/types/components/Shared/fields/TaxInformationField/utils.d.ts +13 -0
  339. package/dist/types/components/Shared/fields/VatNumberField/VatNumberField.d.ts +1 -1
  340. package/dist/types/components/Shared/fields/VatNumberField/types.d.ts +1 -1
  341. package/dist/types/components/Shared/forms/Address/localized/jp/mapJpAddressSummary.d.ts +5 -0
  342. package/dist/types/components/Shared/forms/Address/types.d.ts +5 -5
  343. package/dist/types/components/Shared/forms/Address/utils.d.ts +6 -1
  344. package/dist/types/components/Shared/forms/Address/validate.d.ts +4 -4
  345. package/dist/types/components/Shared/forms/BusinessTypeSelection/types.d.ts +6 -6
  346. package/dist/types/components/Shared/forms/DocumentUpload/types.d.ts +2 -2
  347. package/dist/types/components/Shared/forms/RegistrationAddress/types.d.ts +2 -2
  348. package/dist/types/components/Trust/forms/Trust/rules.d.ts +5 -4
  349. package/dist/types/components/Trust/pages/TrustMemberIndividualPage.d.ts +2 -2
  350. package/dist/types/components/Trust/tasks/TrustDropin/TrustMultiformDropin.d.ts +1 -1
  351. package/dist/types/components/Trust/utils/trustMemberGuidance.d.ts +2 -2
  352. package/dist/types/components/UnincorporatedPartnership/pages/UnincorporatedPartnershipIndividualPage.d.ts +2 -2
  353. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipMembers/types.d.ts +2 -2
  354. package/dist/types/components/ui/atoms/Icon/Icon.d.ts +1 -1
  355. package/dist/types/components/ui/atoms/RadioGroup/RadioGroup.d.ts +2 -2
  356. package/dist/types/components/ui/atoms/Select/Select.d.ts +1 -1
  357. package/dist/types/components/ui/atoms/Svg/Svg.d.ts +1 -4
  358. package/dist/types/components/ui/atoms/Svg/svgs.d.ts +0 -4
  359. package/dist/types/components/ui/molecules/Dropzone/FilePicker.d.ts +2 -2
  360. package/dist/types/components/ui/molecules/Dropzone/types.d.ts +2 -2
  361. package/dist/types/context/ExperimentContext/ExperimentsContextProvider.d.ts +1 -1
  362. package/dist/types/context/ExperimentContext/types.d.ts +9 -7
  363. package/dist/types/context/FormRouterContext/FormRouterContext.d.ts +4 -0
  364. package/dist/types/context/FormRouterContext/useFormRouterContext.d.ts +3 -0
  365. package/dist/types/context/StateContext/types.d.ts +2 -2
  366. package/dist/types/core/models/api/financialReport.d.ts +7 -1
  367. package/dist/types/core/models/api/legal-entity.d.ts +1 -6
  368. package/dist/types/core/models/api/organization.d.ts +1 -1
  369. package/dist/types/core/user-events.d.ts +1 -1
  370. package/dist/types/embeds/business-financing/adyen-business-financing.types.d.ts +5 -0
  371. package/dist/types/embeds/individual-configuration/adyen-individual-configuration.types.d.ts +7 -2
  372. package/dist/types/embeds/individual-status/adyen-individual-status.types.d.ts +5 -0
  373. package/dist/types/embeds/invited-decision-maker/adyen-invited-decision-maker.types.d.ts +5 -0
  374. package/dist/types/embeds/onboarding/adyen-onboarding.types.d.ts +5 -0
  375. package/dist/types/embeds/terms-of-service-management/adyen-terms-of-service-management.types.d.ts +5 -0
  376. package/dist/types/embeds/terms-of-service-status/adyen-terms-of-service-status.types.d.ts +5 -0
  377. package/dist/types/embeds/transfer-instrument-configuration/adyen-transfer-instrument-configuration.types.d.ts +5 -0
  378. package/dist/types/embeds/transfer-instrument-management/adyen-transfer-instrument-management.types.d.ts +5 -0
  379. package/dist/types/embeds/verification-status/adyen-verification-status.types.d.ts +5 -0
  380. package/dist/types/hooks/useForm/types.d.ts +3 -6
  381. package/dist/types/hooks/useUboQuestionnaire.d.ts +1 -1
  382. package/dist/types/language/types.d.ts +3 -15
  383. package/dist/types/language/utils.d.ts +6 -5
  384. package/dist/types/stores/formState.d.ts +2 -2
  385. package/dist/types/stores/globalStore/get-task-status.d.ts +6 -0
  386. package/dist/types/types/errors/error-message.d.ts +2 -2
  387. package/dist/types/types/errors/remediation.d.ts +2 -2
  388. package/dist/types/types/form-configuration.d.ts +2 -2
  389. package/dist/types/types/form.d.ts +2 -2
  390. package/dist/types/utils/decisionMaker.d.ts +2 -2
  391. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  392. package/dist/types/utils/fieldConfigurations.d.ts +6 -6
  393. package/dist/types/utils/formUtils.d.ts +5 -6
  394. package/dist/types/utils/getDisplayErrorMessage.d.ts +2 -2
  395. package/dist/types/utils/getFieldsWithExistingData.d.ts +2 -2
  396. package/dist/types/utils/not.d.ts +12 -0
  397. package/dist/types/utils/roleMetadata.d.ts +4 -4
  398. package/dist/types/utils/textTransformation/toFullWidth.d.ts +2 -3
  399. package/dist/types/utils/validatorUtils.d.ts +1 -0
  400. package/dist/types-CQ2p58-6.js +36 -0
  401. package/dist/{types-C8io4KaH.js → types-CcxS0801.js} +2 -2
  402. package/dist/{types-DwXc_yI8.js → types-DcouFF7I.js} +2 -2
  403. package/dist/{types-B7GElie6.js → types-_ugkpUNx.js} +11 -9
  404. package/dist/{types-BQL9Lsg4.js → types-vXKpLHZM.js} +2 -2
  405. package/dist/{Image-CAucF9wz.js → unincorporated-partnership-QawJyhxx.js} +8 -7
  406. package/dist/{useAssociatedLegalEntity-ETDoz1H2.js → useAssociatedLegalEntity-DXp9udzH.js} +2 -2
  407. package/dist/{useBusinessDetailsData-FrL0b9Ni.js → useBusinessDetailsData-CgfVRRNG.js} +1090 -917
  408. package/dist/{useCreateLegalEntity-DrcLoNYT.js → useCreateLegalEntity-C5daQcez.js} +2 -2
  409. package/dist/{useForm-DqUW2TbW.js → useForm-BQDytQRR.js} +3 -3
  410. package/dist/{useFormContext-CkuaJPUI.js → useFormContext-CX6rQNws.js} +9 -8
  411. package/dist/{FormWrapper-B3N3YosC.js → useGlobalData-xVRfhIqc.js} +66 -11
  412. package/dist/{useMultiForm-Dm2IEMH9.js → useMultiForm-DRZSxmEa.js} +12 -6
  413. package/dist/{useOnboardingStatus-H7Xqe2GC.js → useOnboardingStatus-C6X8CPF2.js} +2 -2
  414. package/dist/{useScenarios-CibP5LVa.js → useScenarios-C5uruC52.js} +2 -2
  415. package/dist/{useTermsOfServiceStatus-Dg_nBQgt.js → useTermsOfServiceStatus-CABu0vXO.js} +2 -2
  416. package/dist/{useToastContext-D643iewp.js → useToastContext-C2BAjZxO.js} +2 -2
  417. package/dist/{useUnincorporatedPartnershipMembers-BM9dNg4i.js → useUnincorporatedPartnershipMembers-Duhfzca2.js} +5 -5
  418. package/dist/{useUpdateBusinessLines-BuW6Vnof.js → useUpdateBusinessLines-CFgADcSW.js} +5 -5
  419. package/dist/{useUpdateLegalEntity-tRw1V_Mt.js → useUpdateLegalEntity-vK1vTzAB.js} +3 -3
  420. package/dist/{utils-D9h2Aq2w.js → utils-Bh3VtXaW.js} +55 -22
  421. package/dist/{utils-BnolcW6V.js → utils-Bo1WrnnM.js} +6 -6
  422. package/dist/{utils-BasWTkqk.js → utils-BvFIL5qs.js} +22 -2
  423. package/dist/{utils-b_KUV0wb.js → utils-HUgTKRia.js} +2 -2
  424. package/dist/{utils-PkTZS9uf.js → utils-nUjUW0ze.js} +2 -2
  425. package/dist/{validate-K0fmvoFj.js → validate-CDGLD3wC.js} +24 -12
  426. package/dist/{validate-CtxacqMv.js → validate-DDCTmBf4.js} +5 -5
  427. package/dist/{validationError-DdlWONz2.js → validationError-DmAD3_AN.js} +3 -3
  428. package/package.json +35 -53
  429. package/dist/Accordion-B2vSnESS.js +0 -88
  430. package/dist/Alert-CFmX9yNV.js +0 -169
  431. package/dist/BusinessFinancingPage-Bpu78Ynn.js +0 -43
  432. package/dist/DropinLayout-CBP_cHLC.js +0 -17
  433. package/dist/Header-vslG1ugE.js +0 -83
  434. package/dist/TaskVerificationStatus-DZIw2ztV.js +0 -129
  435. package/dist/TrustMemberIndividualPage-DmNp3D89.js +0 -64
  436. package/dist/accountHolderUtils-Btu9mMnM.js +0 -66
  437. package/dist/company-types-value-D_mKv5PT.js +0 -23
  438. package/dist/da-DK-DvZ431fC.js +0 -13
  439. package/dist/da-DK-DzcTI92X.js +0 -13
  440. package/dist/datasetUtil-BHQp0-xL.js +0 -58
  441. package/dist/de-DE-0uSzhWg5.js +0 -13
  442. package/dist/de-DE-dPfrbCii.js +0 -13
  443. package/dist/en-US-CozY33On.js +0 -13
  444. package/dist/en-US-cVpRgdC8.js +0 -13
  445. package/dist/es-ES--IvNed_Q.js +0 -13
  446. package/dist/es-ES-B7dt4cn7.js +0 -13
  447. package/dist/fi-FI-BUixKfXH.js +0 -13
  448. package/dist/fi-FI-REMsyTSr.js +0 -13
  449. package/dist/filterProblemsByTaskForms-Cz7iQtms.js +0 -30
  450. package/dist/fr-FR-BM-qNLci.js +0 -13
  451. package/dist/fr-FR-CvHWmim-.js +0 -13
  452. package/dist/getTrustedFields-C5-mXl-l.js +0 -64
  453. package/dist/it-IT-BeX7-OcD.js +0 -13
  454. package/dist/it-IT-D63gRTDc.js +0 -13
  455. package/dist/ja-JP-B3wVYIJU.js +0 -151
  456. package/dist/ja-JP-DL0IjTzn.js +0 -13
  457. package/dist/mapJpAddressSchemaToAddressLocalizations-Cu4hdrYE.js +0 -162
  458. package/dist/nl-NL-CM5U8ODq.js +0 -13
  459. package/dist/nl-NL-KQ6bciOb.js +0 -13
  460. package/dist/no-NO-BQL_M1pn.js +0 -13
  461. package/dist/no-NO-Ds3VioxT.js +0 -13
  462. package/dist/pt-BR-AZ3roErF.js +0 -13
  463. package/dist/pt-BR-Ct4s4jXV.js +0 -13
  464. package/dist/sl-SI-C0wSbuau.js +0 -13
  465. package/dist/sl-SI-hxwQIw_i.js +0 -13
  466. package/dist/sv-SE-0PQ-U1u6.js +0 -13
  467. package/dist/sv-SE-DtKjf4Go.js +0 -13
  468. package/dist/types/components/Business/forms/FinancialInformation/formatFinancialInformationSummary.d.ts +0 -4
  469. package/dist/types/components/Shared/fields/IdFieldTypeSelector/TaxIdNumberTypeSelector.d.ts +0 -23
  470. package/dist/unincorporated-partnership-MeN1dp53.js +0 -97
  471. package/dist/useBusinessLines-C5NQ5pE8.js +0 -29
  472. package/dist/useCanSeeIntroduction-BdZJ7k-_.js +0 -48
  473. package/dist/useDataMissingRemediations-Zgtpw7uZ.js +0 -41
  474. package/dist/useDataset-Cap5ZjTr.js +0 -76
  475. package/dist/useDeleteTransferInstrument-B2wRj-qL.js +0 -32
  476. package/dist/useGlobalData-5Z6W3or1.js +0 -68
  477. package/dist/useNavigate-CI0N-POy.js +0 -265
  478. package/dist/usePciQuestionnaireList-BF7TPjbQ.js +0 -29
  479. package/dist/useSalesChannels-DYGRfKeh.js +0 -65
  480. package/dist/useSetting-CbBaitp6.js +0 -19
  481. package/dist/useTaskStatus-1OZ2clnm.js +0 -51
  482. package/dist/useTrustMembers-BTCDIu6B.js +0 -163
  483. /package/dist/types/components/{Business/forms/FinancialInformation → Shared/fields/ReportedValueOptionField}/ReportedValue.d.ts +0 -0
package/dist/styles-CLV89_hH.js CHANGED
@@ -511,649 +511,1006 @@ const css = `/* for container queries */
511
511
  opacity: 1;
512
512
  }
513
513
  }
514
- .adyen-kyc-u-display-flex {
515
- display: flex !important;
514
+ .adyen-kyc-accordion,
515
+ .adyen-kyc-accordion-summary {
516
+ color: var(--adyen-internal-color-label-primary);
517
+ font-size: var(--adyen-internal-text-body-font-size);
518
+ font-family: var(--adyen-internal-text-body-font-family);
519
+ line-height: var(--adyen-internal-text-body-line-height);
520
+ cursor: pointer;
516
521
  }
517
522
 
518
- .adyen-kyc-u-display-inline-flex {
519
- display: inline-flex !important;
523
+ .adyen-kyc-accordion {
524
+ background: none;
525
+ border-radius: var(--adyen-internal-border-radius-l);
526
+ margin-bottom: var(--adyen-internal-spacer-050);
520
527
  }
521
528
 
522
- .adyen-kyc-u-flex-direction-row {
523
- flex-direction: row !important;
529
+ .adyen-kyc-accordion-basic {
530
+ background-color: var(--adyen-internal-color-background-secondary);
524
531
  }
525
-
526
- .adyen-kyc-u-flex-direction-row-reverse {
527
- flex-direction: row-reverse !important;
532
+ .adyen-kyc-accordion-info {
533
+ background-color: var(--adyen-internal-color-background-highlight-weak);
528
534
  }
529
-
530
- .adyen-kyc-u-flex-direction-column {
531
- flex-direction: column !important;
535
+ .adyen-kyc-accordion-error {
536
+ background-color: var(--adyen-internal-color-background-critical-weak);
532
537
  }
533
-
534
- .adyen-kyc-u-flex-direction-column-reverse {
535
- flex-direction: column-reverse !important;
538
+ .adyen-kyc-accordion-warning {
539
+ background-color: var(--adyen-internal-color-background-warning-weak);
536
540
  }
537
-
538
- .adyen-kyc-u-flex-wrap-wrap {
539
- flex-wrap: wrap !important;
541
+ .adyen-kyc-accordion-success {
542
+ background-color: var(--adyen-internal-color-background-success-weak);
540
543
  }
541
-
542
- .adyen-kyc-u-flex-wrap-nowrap {
543
- flex-wrap: nowrap !important;
544
+ .adyen-kyc-accordion-narrow .adyen-kyc-accordion-summary {
545
+ padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-070);
544
546
  }
545
-
546
- .adyen-kyc-u-align-items-start {
547
- align-items: start !important;
547
+ .adyen-kyc-accordion-narrow .adyen-kyc-accordion-content {
548
+ padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-070)
549
+ var(--adyen-internal-spacer-060);
548
550
  }
549
-
550
- .adyen-kyc-u-align-items-flex-start {
551
- align-items: flex-start !important;
551
+ .adyen-kyc-accordion-with-icon .adyen-kyc-accordion-content {
552
+ margin-left: var(--adyen-internal-spacer-080);
552
553
  }
553
554
 
554
- .adyen-kyc-u-align-items-flex-end {
555
- align-items: flex-end !important;
555
+ .adyen-kyc-accordion-summary {
556
+ display: flex;
557
+ align-items: center;
558
+ gap: var(--adyen-internal-spacer-050);
559
+ padding: var(--adyen-internal-spacer-080);
560
+ font-weight: var(--adyen-internal-text-title-font-weight);
561
+ transition: margin 150ms ease-out;
562
+ margin-bottom: var(--adyen-internal-spacer-000);
563
+ border-radius: var(--adyen-internal-border-radius-l);
556
564
  }
557
565
 
558
- .adyen-kyc-u-align-items-center {
559
- align-items: center !important;
566
+ .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow {
567
+ cursor: pointer;
568
+ user-select: none;
569
+ height: 1em;
560
570
  }
561
571
 
562
- .adyen-kyc-u-align-items-stretch {
563
- align-items: stretch !important;
572
+ .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow-right {
573
+ margin-left: auto;
574
+ margin-right: var(--adyen-internal-spacer-050);
564
575
  }
565
576
 
566
- .adyen-kyc-u-align-items-baseline {
567
- align-items: baseline !important;
577
+ .adyen-kyc-accordion[open] .adyen-kyc-accordion-arrow {
578
+ transform: rotate(-180deg);
568
579
  }
569
-
570
- .adyen-kyc-u-align-items-end {
571
- align-items: end !important;
580
+ .adyen-kyc-accordion summary::-webkit-details-marker {
581
+ display: none;
572
582
  }
573
583
 
574
- .adyen-kyc-u-justify-content-center {
575
- justify-content: center !important;
584
+ .adyen-kyc-accordion-content {
585
+ cursor: auto;
586
+ padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-080)
587
+ var(--adyen-internal-spacer-080);
588
+ user-select: none;
589
+ display: flex;
590
+ flex-direction: column;
591
+ gap: var(--adyen-internal-spacer-040);
576
592
  }
577
593
 
578
- .adyen-kyc-u-justify-content-flex-start {
579
- justify-content: flex-start !important;
594
+ .adyen-kyc-accordion[open] summary {
595
+ margin-bottom: var(--adyen-internal-spacer-020);
596
+ user-select: auto;
580
597
  }
581
-
582
- .adyen-kyc-u-justify-content-flex-end {
583
- justify-content: flex-end !important;
598
+ .adyen-kyc-alert {
599
+ border-radius: var(--adyen-internal-border-radius-m);
600
+ padding: var(--adyen-internal-spacer-070);
601
+ word-break: break-word;
602
+ display: flex;
603
+ flex-direction: column;
604
+ gap: var(--adyen-internal-spacer-040);
605
+ text-align: left;
584
606
  }
585
-
586
- .adyen-kyc-u-justify-content-start {
587
- justify-content: start !important;
607
+ .adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
608
+ .adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
609
+ margin: 0 var(--adyen-internal-spacer-070);
588
610
  }
589
611
 
590
- .adyen-kyc-u-justify-content-end {
591
- justify-content: end !important;
612
+ .adyen-kyc-alert-basic {
613
+ background-color: var(--adyen-internal-color-background-secondary);
592
614
  }
593
615
 
594
- .adyen-kyc-u-justify-content-left {
595
- justify-content: left !important;
616
+ .adyen-kyc-alert-info {
617
+ background-color: var(--adyen-internal-color-background-highlight-weak);
596
618
  }
597
619
 
598
- .adyen-kyc-u-justify-content-right {
599
- justify-content: right !important;
620
+ .adyen-kyc-alert-error {
621
+ background-color: var(--adyen-internal-color-background-critical-weak);
600
622
  }
601
623
 
602
- .adyen-kyc-u-justify-content-space-between {
603
- justify-content: space-between !important;
624
+ .adyen-kyc-alert-warning {
625
+ background-color: var(--adyen-internal-color-background-warning-weak);
604
626
  }
605
627
 
606
- .adyen-kyc-u-justify-content-space-around {
607
- justify-content: space-around !important;
628
+ .adyen-kyc-alert-success {
629
+ background-color: var(--adyen-internal-color-background-success-weak);
608
630
  }
609
631
 
610
- .adyen-kyc-u-justify-content-space-evenly {
611
- justify-content: space-evenly !important;
632
+ .adyen-kyc-alert-header {
633
+ align-items: flex-start;
634
+ display: flex;
612
635
  }
613
636
 
614
- .adyen-kyc-u-justify-content-stretch {
615
- justify-content: stretch !important;
637
+ .adyen-kyc-alert-header-without-children {
638
+ align-items: center;
616
639
  }
617
640
 
618
- .adyen-kyc-u-flex-1 {
619
- flex: 1 !important;
641
+ .adyen-kyc-alert-icon {
642
+ line-height: var(--adyen-internal-text-body-line-height);
643
+ margin-top: var(--adyen-internal-spacer-010);
620
644
  }
621
-
622
- .adyen-kyc-u-flex-2 {
623
- flex: 2 !important;
645
+ .adyen-kyc-alert-icon-info {
646
+ color: var(--adyen-internal-color-background-highlight-strong);
624
647
  }
625
648
 
626
- .adyen-kyc-u-flex-3 {
627
- flex: 3 !important;
649
+ .adyen-kyc-alert-icon-error {
650
+ color: var(--adyen-internal-color-background-critical-strong);
628
651
  }
629
652
 
630
- .adyen-kyc-u-flex-4 {
631
- flex: 4 !important;
653
+ .adyen-kyc-alert-icon-warning {
654
+ color: var(--adyen-internal-color-background-warning-strong);
632
655
  }
633
656
 
634
- .adyen-kyc-u-margin-auto {
635
- margin: auto !important;
657
+ .adyen-kyc-alert-icon-success {
658
+ color: var(--adyen-internal-color-background-success-strong);
636
659
  }
637
660
 
638
- .adyen-kyc-u-margin-bottom-auto {
639
- margin-bottom: auto !important;
661
+ .adyen-kyc-alert-title {
662
+ flex-grow: 1;
663
+ margin-left: var(--adyen-internal-spacer-070);
640
664
  }
641
665
 
642
- .adyen-kyc-u-margin-left-auto {
643
- margin-left: auto !important;
666
+ .adyen-kyc-alert-explanation {
667
+ color: var(--adyen-internal-color-label-primary);
668
+ font-size: var(--adyen-internal-text-body-font-size);
669
+ margin: 0 var(--adyen-internal-spacer-100);
644
670
  }
645
671
 
646
- .adyen-kyc-u-margin-right-auto {
647
- margin-right: auto !important;
672
+ .adyen-kyc-alert-actions {
673
+ display: flex;
674
+ gap: var(--adyen-internal-spacer-070);
675
+ text-align: left;
648
676
  }
649
-
650
- .adyen-kyc-u-margin-top-auto {
651
- margin-top: auto !important;
677
+ /* for container queries */
678
+ .adyen-kyc-stack-layout {
679
+ display: flex;
680
+ flex-direction: column;
652
681
  }
653
682
 
654
- .adyen-kyc-u-margin-x-auto {
655
- margin-left: auto !important;
656
- margin-right: auto !important;
683
+ .adyen-kyc-stack-layout-gap-xs {
684
+ gap: var(--adyen-internal-spacer-020);
657
685
  }
658
686
 
659
- .adyen-kyc-u-margin-y-auto {
660
- margin-bottom: auto !important;
661
- margin-top: auto !important;
687
+ .adyen-kyc-stack-layout-gap-s {
688
+ gap: var(--adyen-internal-spacer-040);
662
689
  }
663
690
 
664
- .adyen-kyc-u-margin-0 {
665
- margin: var(--adyen-internal-spacer-000, 0px) !important;
691
+ .adyen-kyc-stack-layout-gap-m {
692
+ gap: var(--adyen-internal-spacer-070);
666
693
  }
667
694
 
668
- .adyen-kyc-u-margin-bottom-0 {
669
- margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
695
+ .adyen-kyc-stack-layout-gap-l {
696
+ gap: var(--adyen-internal-spacer-100);
670
697
  }
671
698
 
672
- .adyen-kyc-u-margin-left-0 {
673
- margin-left: var(--adyen-internal-spacer-000, 0px) !important;
699
+ .adyen-kyc-stack-layout-gap-xl {
700
+ gap: var(--adyen-internal-spacer-140);
674
701
  }
675
702
 
676
- .adyen-kyc-u-margin-right-0 {
677
- margin-right: var(--adyen-internal-spacer-000, 0px) !important;
703
+ .adyen-kyc-stack-layout-left {
704
+ align-items: flex-start;
678
705
  }
679
706
 
680
- .adyen-kyc-u-margin-top-0 {
681
- margin-top: var(--adyen-internal-spacer-000, 0px) !important;
707
+ .adyen-kyc-stack-layout-center {
708
+ align-items: center;
682
709
  }
683
710
 
684
- .adyen-kyc-u-margin-x-0 {
685
- margin-left: var(--adyen-internal-spacer-000, 0px) !important;
686
- margin-right: var(--adyen-internal-spacer-000, 0px) !important;
711
+ .adyen-kyc-stack-layout-right {
712
+ align-items: flex-end;
687
713
  }
688
714
 
689
- .adyen-kyc-u-margin-y-0 {
690
- margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
691
- margin-top: var(--adyen-internal-spacer-000, 0px) !important;
715
+ .adyen-kyc-stack-layout-item {
716
+ flex-grow: 1;
717
+ width: 100%;
692
718
  }
693
719
 
694
- .adyen-kyc-u-margin-2 {
695
- margin: var(--adyen-internal-spacer-010, 2px) !important;
720
+ @container main (min-width: 480px) {
721
+ .adyen-kyc-stack-layout-horizontal {
722
+ align-items: flex-start;
723
+ flex-direction: row;
724
+ }
725
+ .adyen-kyc-stack-layout-left-horizontal {
726
+ justify-content: flex-start;
727
+ }
728
+ .adyen-kyc-stack-layout-center-horizontal {
729
+ justify-content: center;
730
+ }
731
+ .adyen-kyc-stack-layout-right-horizontal {
732
+ justify-content: flex-end;
733
+ }
734
+ }/* for container queries */
735
+ .adyen-kyc-status {
736
+ align-items: center;
737
+ border-radius: var(--adyen-internal-border-radius-xl);
738
+ display: inline-flex;
739
+ padding: var(--adyen-internal-spacer-020);
696
740
  }
697
741
 
698
- .adyen-kyc-u-margin-bottom-2 {
699
- margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
742
+ .adyen-kyc-status-icon {
743
+ height: 18px;
744
+ width: 18px;
745
+ padding: 1px;
700
746
  }
701
747
 
702
- .adyen-kyc-u-margin-left-2 {
703
- margin-left: var(--adyen-internal-spacer-010, 2px) !important;
748
+ .adyen-kyc-status-icon svg {
749
+ height: 16px;
750
+ width: 16px;
704
751
  }
705
752
 
706
- .adyen-kyc-u-margin-right-2 {
707
- margin-right: var(--adyen-internal-spacer-010, 2px) !important;
753
+ .adyen-kyc-status-text {
754
+ font-size: var(--adyen-internal-text-caption-font-size);
755
+ font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
756
+ line-height: var(--adyen-internal-text-caption-line-height);
757
+ padding-left: var(--adyen-internal-spacer-020);
758
+ padding-right: var(--adyen-internal-spacer-020);
708
759
  }
709
760
 
710
- .adyen-kyc-u-margin-top-2 {
711
- margin-top: var(--adyen-internal-spacer-010, 2px) !important;
761
+ @container main (max-width: 480px) {
762
+ .adyen-kyc-status-text-responsive {
763
+ display: none;
764
+ }
712
765
  }
713
766
 
714
- .adyen-kyc-u-margin-x-2 {
715
- margin-left: var(--adyen-internal-spacer-010, 2px) !important;
716
- margin-right: var(--adyen-internal-spacer-010, 2px) !important;
767
+ .adyen-kyc-status-neutral {
768
+ background-color: var(--adyen-internal-color-background-secondary);
769
+ color: var(--adyen-internal-color-label-disabled);
770
+ fill: var(--adyen-internal-color-label-disabled);
717
771
  }
718
772
 
719
- .adyen-kyc-u-margin-y-2 {
720
- margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
721
- margin-top: var(--adyen-internal-spacer-010, 2px) !important;
773
+ .adyen-kyc-status-neutral .adyen-kyc-status-text {
774
+ color: var(--adyen-internal-color-label-secondary);
722
775
  }
723
776
 
724
- .adyen-kyc-u-margin-4 {
725
- margin: var(--adyen-internal-spacer-020, 4px) !important;
777
+ .adyen-kyc-status-error {
778
+ background-color: var(--adyen-internal-color-background-secondary);
779
+ color: var(--adyen-internal-color-label-critical);
780
+ fill: var(--adyen-internal-color-label-critical);
726
781
  }
727
782
 
728
- .adyen-kyc-u-margin-bottom-4 {
729
- margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
783
+ .adyen-kyc-status-warning {
784
+ background-color: var(--adyen-internal-color-background-warning-weak);
785
+ color: var(--adyen-internal-color-label-warning);
786
+ fill: var(--adyen-internal-color-label-warning);
730
787
  }
731
788
 
732
- .adyen-kyc-u-margin-left-4 {
733
- margin-left: var(--adyen-internal-spacer-020, 4px) !important;
789
+ .adyen-kyc-status-success {
790
+ background-color: var(--adyen-internal-color-background-success-weak);
734
791
  }
735
792
 
736
- .adyen-kyc-u-margin-right-4 {
737
- margin-right: var(--adyen-internal-spacer-020, 4px) !important;
793
+ .adyen-kyc-status-success .adyen-kyc-status-text {
794
+ color: var(--adyen-internal-color-label-primary);
738
795
  }
739
796
 
740
- .adyen-kyc-u-margin-top-4 {
741
- margin-top: var(--adyen-internal-spacer-020, 4px) !important;
797
+ .adyen-kyc-status-success .adyen-kyc-status-icon {
798
+ color: var(--adyen-internal-color-label-success);
799
+ fill: var(--adyen-internal-color-label-success);
800
+ }.adyen-kyc-header {
801
+ display: flex;
802
+ flex-direction: column;
803
+ gap: var(--adyen-internal-spacer-070);
742
804
  }
743
805
 
744
- .adyen-kyc-u-margin-x-4 {
745
- margin-left: var(--adyen-internal-spacer-020, 4px) !important;
746
- margin-right: var(--adyen-internal-spacer-020, 4px) !important;
806
+ .adyen-kyc-header-margin {
807
+ margin-bottom: var(--adyen-internal-spacer-140);
747
808
  }
748
809
 
749
- .adyen-kyc-u-margin-y-4 {
750
- margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
751
- margin-top: var(--adyen-internal-spacer-020, 4px) !important;
810
+ .adyen-kyc-header-margin-secondary {
811
+ margin-bottom: var(--adyen-internal-spacer-100);
752
812
  }
753
813
 
754
- .adyen-kyc-u-margin-6 {
755
- margin: var(--adyen-internal-spacer-030, 6px) !important;
814
+ .adyen-kyc-header-left {
815
+ align-items: flex-start;
816
+ text-align: left;
756
817
  }
757
818
 
758
- .adyen-kyc-u-margin-bottom-6 {
759
- margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
819
+ .adyen-kyc-header-center {
820
+ align-items: center;
821
+ text-align: center;
760
822
  }
761
823
 
762
- .adyen-kyc-u-margin-left-6 {
763
- margin-left: var(--adyen-internal-spacer-030, 6px) !important;
824
+ .adyen-kyc-header-right {
825
+ align-items: flex-end;
826
+ text-align: right;
764
827
  }
765
828
 
766
- .adyen-kyc-u-margin-right-6 {
767
- margin-right: var(--adyen-internal-spacer-030, 6px) !important;
829
+ .adyen-kyc-header-content {
830
+ display: flex;
831
+ flex-direction: column;
832
+ gap: var(--adyen-internal-spacer-040);
768
833
  }
769
834
 
770
- .adyen-kyc-u-margin-top-6 {
771
- margin-top: var(--adyen-internal-spacer-030, 6px) !important;
835
+ .adyen-kyc-header-actions {
836
+ max-width: 300px;
772
837
  }
773
838
 
774
- .adyen-kyc-u-margin-x-6 {
775
- margin-left: var(--adyen-internal-spacer-030, 6px) !important;
776
- margin-right: var(--adyen-internal-spacer-030, 6px) !important;
839
+ .adyen-kyc-header-title {
840
+ color: var(--adyen-internal-color-label-primary);
841
+ margin: 0;
777
842
  }
778
843
 
779
- .adyen-kyc-u-margin-y-6 {
780
- margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
781
- margin-top: var(--adyen-internal-spacer-030, 6px) !important;
844
+ .adyen-kyc-header-title-primary {
845
+ font-size: var(--adyen-internal-text-title-l-font-size);
846
+ font-family: var(--adyen-internal-text-title-l-font-family);
847
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
848
+ line-height: var(--adyen-internal-text-title-l-line-height);
782
849
  }
783
850
 
784
- .adyen-kyc-u-margin-8 {
785
- margin: var(--adyen-internal-spacer-040, 8px) !important;
851
+ .adyen-kyc-header-title-secondary {
852
+ font-size: var(--adyen-internal-text-title-font-size);
853
+ font-family: var(--adyen-internal-text-title-font-family);
854
+ font-weight: var(--adyen-internal-text-title-font-weight);
786
855
  }
787
856
 
788
- .adyen-kyc-u-margin-bottom-8 {
789
- margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
857
+ .adyen-kyc-header-description {
858
+ font-size: var(--adyen-internal-text-body-font-size);
859
+ font-family: var(--adyen-internal-text-body-font-family);
860
+ font-weight: var(--adyen-internal-text-body-font-weight);
861
+ line-height: var(--adyen-internal-text-body-line-height);
790
862
  }
791
863
 
792
- .adyen-kyc-u-margin-left-8 {
793
- margin-left: var(--adyen-internal-spacer-040, 8px) !important;
864
+ .adyen-kyc-header-description-primary {
865
+ color: var(--adyen-internal-color-label-primary);
794
866
  }
795
867
 
796
- .adyen-kyc-u-margin-right-8 {
797
- margin-right: var(--adyen-internal-spacer-040, 8px) !important;
868
+ .adyen-kyc-header-description-secondary {
869
+ color: var(--adyen-internal-color-label-secondary);
870
+ }
871
+ .adyen-kyc-u-display-flex {
872
+ display: flex !important;
798
873
  }
799
874
 
800
- .adyen-kyc-u-margin-top-8 {
801
- margin-top: var(--adyen-internal-spacer-040, 8px) !important;
875
+ .adyen-kyc-u-display-inline-flex {
876
+ display: inline-flex !important;
802
877
  }
803
878
 
804
- .adyen-kyc-u-margin-x-8 {
805
- margin-left: var(--adyen-internal-spacer-040, 8px) !important;
806
- margin-right: var(--adyen-internal-spacer-040, 8px) !important;
879
+ .adyen-kyc-u-flex-direction-row {
880
+ flex-direction: row !important;
807
881
  }
808
882
 
809
- .adyen-kyc-u-margin-y-8 {
810
- margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
811
- margin-top: var(--adyen-internal-spacer-040, 8px) !important;
883
+ .adyen-kyc-u-flex-direction-row-reverse {
884
+ flex-direction: row-reverse !important;
812
885
  }
813
886
 
814
- .adyen-kyc-u-margin-10 {
815
- margin: var(--adyen-internal-spacer-050, 10px) !important;
887
+ .adyen-kyc-u-flex-direction-column {
888
+ flex-direction: column !important;
816
889
  }
817
890
 
818
- .adyen-kyc-u-margin-bottom-10 {
819
- margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
891
+ .adyen-kyc-u-flex-direction-column-reverse {
892
+ flex-direction: column-reverse !important;
820
893
  }
821
894
 
822
- .adyen-kyc-u-margin-left-10 {
823
- margin-left: var(--adyen-internal-spacer-050, 10px) !important;
895
+ .adyen-kyc-u-flex-wrap-wrap {
896
+ flex-wrap: wrap !important;
824
897
  }
825
898
 
826
- .adyen-kyc-u-margin-right-10 {
827
- margin-right: var(--adyen-internal-spacer-050, 10px) !important;
899
+ .adyen-kyc-u-flex-wrap-nowrap {
900
+ flex-wrap: nowrap !important;
828
901
  }
829
902
 
830
- .adyen-kyc-u-margin-top-10 {
831
- margin-top: var(--adyen-internal-spacer-050, 10px) !important;
903
+ .adyen-kyc-u-align-items-start {
904
+ align-items: start !important;
832
905
  }
833
906
 
834
- .adyen-kyc-u-margin-x-10 {
835
- margin-left: var(--adyen-internal-spacer-050, 10px) !important;
836
- margin-right: var(--adyen-internal-spacer-050, 10px) !important;
907
+ .adyen-kyc-u-align-items-flex-start {
908
+ align-items: flex-start !important;
837
909
  }
838
910
 
839
- .adyen-kyc-u-margin-y-10 {
840
- margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
841
- margin-top: var(--adyen-internal-spacer-050, 10px) !important;
911
+ .adyen-kyc-u-align-items-flex-end {
912
+ align-items: flex-end !important;
842
913
  }
843
914
 
844
- .adyen-kyc-u-margin-12 {
845
- margin: var(--adyen-internal-spacer-060, 12px) !important;
915
+ .adyen-kyc-u-align-items-center {
916
+ align-items: center !important;
846
917
  }
847
918
 
848
- .adyen-kyc-u-margin-bottom-12 {
849
- margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
919
+ .adyen-kyc-u-align-items-stretch {
920
+ align-items: stretch !important;
850
921
  }
851
922
 
852
- .adyen-kyc-u-margin-left-12 {
853
- margin-left: var(--adyen-internal-spacer-060, 12px) !important;
923
+ .adyen-kyc-u-align-items-baseline {
924
+ align-items: baseline !important;
854
925
  }
855
926
 
856
- .adyen-kyc-u-margin-right-12 {
857
- margin-right: var(--adyen-internal-spacer-060, 12px) !important;
927
+ .adyen-kyc-u-align-items-end {
928
+ align-items: end !important;
858
929
  }
859
930
 
860
- .adyen-kyc-u-margin-top-12 {
861
- margin-top: var(--adyen-internal-spacer-060, 12px) !important;
931
+ .adyen-kyc-u-justify-content-center {
932
+ justify-content: center !important;
862
933
  }
863
934
 
864
- .adyen-kyc-u-margin-x-12 {
865
- margin-left: var(--adyen-internal-spacer-060, 12px) !important;
866
- margin-right: var(--adyen-internal-spacer-060, 12px) !important;
935
+ .adyen-kyc-u-justify-content-flex-start {
936
+ justify-content: flex-start !important;
867
937
  }
868
938
 
869
- .adyen-kyc-u-margin-y-12 {
870
- margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
871
- margin-top: var(--adyen-internal-spacer-060, 12px) !important;
939
+ .adyen-kyc-u-justify-content-flex-end {
940
+ justify-content: flex-end !important;
872
941
  }
873
942
 
874
- .adyen-kyc-u-margin-16 {
875
- margin: var(--adyen-internal-spacer-070, 16px) !important;
943
+ .adyen-kyc-u-justify-content-start {
944
+ justify-content: start !important;
876
945
  }
877
946
 
878
- .adyen-kyc-u-margin-bottom-16 {
879
- margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
947
+ .adyen-kyc-u-justify-content-end {
948
+ justify-content: end !important;
880
949
  }
881
950
 
882
- .adyen-kyc-u-margin-left-16 {
883
- margin-left: var(--adyen-internal-spacer-070, 16px) !important;
951
+ .adyen-kyc-u-justify-content-left {
952
+ justify-content: left !important;
884
953
  }
885
954
 
886
- .adyen-kyc-u-margin-right-16 {
887
- margin-right: var(--adyen-internal-spacer-070, 16px) !important;
955
+ .adyen-kyc-u-justify-content-right {
956
+ justify-content: right !important;
888
957
  }
889
958
 
890
- .adyen-kyc-u-margin-top-16 {
891
- margin-top: var(--adyen-internal-spacer-070, 16px) !important;
959
+ .adyen-kyc-u-justify-content-space-between {
960
+ justify-content: space-between !important;
892
961
  }
893
962
 
894
- .adyen-kyc-u-margin-x-16 {
895
- margin-left: var(--adyen-internal-spacer-070, 16px) !important;
896
- margin-right: var(--adyen-internal-spacer-070, 16px) !important;
963
+ .adyen-kyc-u-justify-content-space-around {
964
+ justify-content: space-around !important;
897
965
  }
898
966
 
899
- .adyen-kyc-u-margin-y-16 {
900
- margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
901
- margin-top: var(--adyen-internal-spacer-070, 16px) !important;
967
+ .adyen-kyc-u-justify-content-space-evenly {
968
+ justify-content: space-evenly !important;
902
969
  }
903
970
 
904
- .adyen-kyc-u-margin-20 {
905
- margin: var(--adyen-internal-spacer-080, 20px) !important;
971
+ .adyen-kyc-u-justify-content-stretch {
972
+ justify-content: stretch !important;
906
973
  }
907
974
 
908
- .adyen-kyc-u-margin-bottom-20 {
909
- margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
975
+ .adyen-kyc-u-flex-1 {
976
+ flex: 1 !important;
910
977
  }
911
978
 
912
- .adyen-kyc-u-margin-left-20 {
913
- margin-left: var(--adyen-internal-spacer-080, 20px) !important;
979
+ .adyen-kyc-u-flex-2 {
980
+ flex: 2 !important;
914
981
  }
915
982
 
916
- .adyen-kyc-u-margin-right-20 {
917
- margin-right: var(--adyen-internal-spacer-080, 20px) !important;
983
+ .adyen-kyc-u-flex-3 {
984
+ flex: 3 !important;
918
985
  }
919
986
 
920
- .adyen-kyc-u-margin-top-20 {
921
- margin-top: var(--adyen-internal-spacer-080, 20px) !important;
987
+ .adyen-kyc-u-flex-4 {
988
+ flex: 4 !important;
922
989
  }
923
990
 
924
- .adyen-kyc-u-margin-x-20 {
925
- margin-left: var(--adyen-internal-spacer-080, 20px) !important;
926
- margin-right: var(--adyen-internal-spacer-080, 20px) !important;
991
+ .adyen-kyc-u-margin-auto {
992
+ margin: auto !important;
927
993
  }
928
994
 
929
- .adyen-kyc-u-margin-y-20 {
930
- margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
931
- margin-top: var(--adyen-internal-spacer-080, 20px) !important;
995
+ .adyen-kyc-u-margin-bottom-auto {
996
+ margin-bottom: auto !important;
932
997
  }
933
998
 
934
- .adyen-kyc-u-margin-24 {
935
- margin: var(--adyen-internal-spacer-090, 24px) !important;
999
+ .adyen-kyc-u-margin-left-auto {
1000
+ margin-left: auto !important;
936
1001
  }
937
1002
 
938
- .adyen-kyc-u-margin-bottom-24 {
939
- margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
1003
+ .adyen-kyc-u-margin-right-auto {
1004
+ margin-right: auto !important;
940
1005
  }
941
1006
 
942
- .adyen-kyc-u-margin-left-24 {
943
- margin-left: var(--adyen-internal-spacer-090, 24px) !important;
1007
+ .adyen-kyc-u-margin-top-auto {
1008
+ margin-top: auto !important;
944
1009
  }
945
1010
 
946
- .adyen-kyc-u-margin-right-24 {
947
- margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1011
+ .adyen-kyc-u-margin-x-auto {
1012
+ margin-left: auto !important;
1013
+ margin-right: auto !important;
948
1014
  }
949
1015
 
950
- .adyen-kyc-u-margin-top-24 {
951
- margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1016
+ .adyen-kyc-u-margin-y-auto {
1017
+ margin-bottom: auto !important;
1018
+ margin-top: auto !important;
952
1019
  }
953
1020
 
954
- .adyen-kyc-u-margin-x-24 {
955
- margin-left: var(--adyen-internal-spacer-090, 24px) !important;
956
- margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1021
+ .adyen-kyc-u-margin-0 {
1022
+ margin: var(--adyen-internal-spacer-000, 0px) !important;
957
1023
  }
958
1024
 
959
- .adyen-kyc-u-margin-y-24 {
960
- margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
961
- margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1025
+ .adyen-kyc-u-margin-bottom-0 {
1026
+ margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
962
1027
  }
963
1028
 
964
- .adyen-kyc-u-margin-32 {
965
- margin: var(--adyen-internal-spacer-100, 32px) !important;
1029
+ .adyen-kyc-u-margin-left-0 {
1030
+ margin-left: var(--adyen-internal-spacer-000, 0px) !important;
966
1031
  }
967
1032
 
968
- .adyen-kyc-u-margin-bottom-32 {
969
- margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1033
+ .adyen-kyc-u-margin-right-0 {
1034
+ margin-right: var(--adyen-internal-spacer-000, 0px) !important;
970
1035
  }
971
1036
 
972
- .adyen-kyc-u-margin-left-32 {
973
- margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1037
+ .adyen-kyc-u-margin-top-0 {
1038
+ margin-top: var(--adyen-internal-spacer-000, 0px) !important;
974
1039
  }
975
1040
 
976
- .adyen-kyc-u-margin-right-32 {
977
- margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1041
+ .adyen-kyc-u-margin-x-0 {
1042
+ margin-left: var(--adyen-internal-spacer-000, 0px) !important;
1043
+ margin-right: var(--adyen-internal-spacer-000, 0px) !important;
978
1044
  }
979
1045
 
980
- .adyen-kyc-u-margin-top-32 {
981
- margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1046
+ .adyen-kyc-u-margin-y-0 {
1047
+ margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
1048
+ margin-top: var(--adyen-internal-spacer-000, 0px) !important;
982
1049
  }
983
1050
 
984
- .adyen-kyc-u-margin-x-32 {
985
- margin-left: var(--adyen-internal-spacer-100, 32px) !important;
986
- margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1051
+ .adyen-kyc-u-margin-2 {
1052
+ margin: var(--adyen-internal-spacer-010, 2px) !important;
987
1053
  }
988
1054
 
989
- .adyen-kyc-u-margin-y-32 {
990
- margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
991
- margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1055
+ .adyen-kyc-u-margin-bottom-2 {
1056
+ margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
992
1057
  }
993
1058
 
994
- .adyen-kyc-u-margin-40 {
995
- margin: var(--adyen-internal-spacer-110, 40px) !important;
1059
+ .adyen-kyc-u-margin-left-2 {
1060
+ margin-left: var(--adyen-internal-spacer-010, 2px) !important;
996
1061
  }
997
1062
 
998
- .adyen-kyc-u-margin-bottom-40 {
999
- margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1063
+ .adyen-kyc-u-margin-right-2 {
1064
+ margin-right: var(--adyen-internal-spacer-010, 2px) !important;
1000
1065
  }
1001
1066
 
1002
- .adyen-kyc-u-margin-left-40 {
1003
- margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1067
+ .adyen-kyc-u-margin-top-2 {
1068
+ margin-top: var(--adyen-internal-spacer-010, 2px) !important;
1004
1069
  }
1005
1070
 
1006
- .adyen-kyc-u-margin-right-40 {
1007
- margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1071
+ .adyen-kyc-u-margin-x-2 {
1072
+ margin-left: var(--adyen-internal-spacer-010, 2px) !important;
1073
+ margin-right: var(--adyen-internal-spacer-010, 2px) !important;
1008
1074
  }
1009
1075
 
1010
- .adyen-kyc-u-margin-top-40 {
1011
- margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1076
+ .adyen-kyc-u-margin-y-2 {
1077
+ margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
1078
+ margin-top: var(--adyen-internal-spacer-010, 2px) !important;
1012
1079
  }
1013
1080
 
1014
- .adyen-kyc-u-margin-x-40 {
1015
- margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1016
- margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1081
+ .adyen-kyc-u-margin-4 {
1082
+ margin: var(--adyen-internal-spacer-020, 4px) !important;
1017
1083
  }
1018
1084
 
1019
- .adyen-kyc-u-margin-y-40 {
1020
- margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1021
- margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1085
+ .adyen-kyc-u-margin-bottom-4 {
1086
+ margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
1022
1087
  }
1023
1088
 
1024
- .adyen-kyc-u-margin-48 {
1025
- margin: var(--adyen-internal-spacer-120, 48px) !important;
1089
+ .adyen-kyc-u-margin-left-4 {
1090
+ margin-left: var(--adyen-internal-spacer-020, 4px) !important;
1026
1091
  }
1027
1092
 
1028
- .adyen-kyc-u-margin-bottom-48 {
1029
- margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1093
+ .adyen-kyc-u-margin-right-4 {
1094
+ margin-right: var(--adyen-internal-spacer-020, 4px) !important;
1030
1095
  }
1031
1096
 
1032
- .adyen-kyc-u-margin-left-48 {
1033
- margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1097
+ .adyen-kyc-u-margin-top-4 {
1098
+ margin-top: var(--adyen-internal-spacer-020, 4px) !important;
1034
1099
  }
1035
1100
 
1036
- .adyen-kyc-u-margin-right-48 {
1037
- margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1101
+ .adyen-kyc-u-margin-x-4 {
1102
+ margin-left: var(--adyen-internal-spacer-020, 4px) !important;
1103
+ margin-right: var(--adyen-internal-spacer-020, 4px) !important;
1038
1104
  }
1039
1105
 
1040
- .adyen-kyc-u-margin-top-48 {
1041
- margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1106
+ .adyen-kyc-u-margin-y-4 {
1107
+ margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
1108
+ margin-top: var(--adyen-internal-spacer-020, 4px) !important;
1042
1109
  }
1043
1110
 
1044
- .adyen-kyc-u-margin-x-48 {
1045
- margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1046
- margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1111
+ .adyen-kyc-u-margin-6 {
1112
+ margin: var(--adyen-internal-spacer-030, 6px) !important;
1047
1113
  }
1048
1114
 
1049
- .adyen-kyc-u-margin-y-48 {
1050
- margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1051
- margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1115
+ .adyen-kyc-u-margin-bottom-6 {
1116
+ margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
1052
1117
  }
1053
1118
 
1054
- /* for container queries */
1055
- .adyen-kyc-u-width-full {
1056
- width: 100% !important;
1119
+ .adyen-kyc-u-margin-left-6 {
1120
+ margin-left: var(--adyen-internal-spacer-030, 6px) !important;
1057
1121
  }
1058
1122
 
1059
- .adyen-kyc-u-width-half {
1060
- width: 50% !important;
1123
+ .adyen-kyc-u-margin-right-6 {
1124
+ margin-right: var(--adyen-internal-spacer-030, 6px) !important;
1061
1125
  }
1062
1126
 
1063
- /* Topmost/root container class */
1064
- .adyen-kyc-ui-element-container-wrapper {
1065
- width: 100%;
1066
- overflow: auto;
1067
- /**
1068
- * main container query, used similarly to a @media query
1069
- * considering our Component can be embedded in a container of arbitrary size
1070
- * that does not necessarily match the whole window/screen size.
1071
- * Uses s and l breakpoints defined in variables.
1072
- */
1073
- container-type: inline-size;
1074
- container-name: main;
1127
+ .adyen-kyc-u-margin-top-6 {
1128
+ margin-top: var(--adyen-internal-spacer-030, 6px) !important;
1075
1129
  }
1076
1130
 
1077
- .adyen-kyc-ui-element-container-wrapper *,
1078
- .adyen-kyc-ui-element-container-wrapper *::after,
1079
- .adyen-kyc-ui-element-container-wrapper *::before {
1080
- box-sizing: border-box;
1131
+ .adyen-kyc-u-margin-x-6 {
1132
+ margin-left: var(--adyen-internal-spacer-030, 6px) !important;
1133
+ margin-right: var(--adyen-internal-spacer-030, 6px) !important;
1081
1134
  }
1082
1135
 
1083
- .adyen-kyc-ui-element-container {
1084
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
1085
- position: relative;
1086
- padding: var(--adyen-internal-spacer-100, 32px);
1087
- border-radius: var(--adyen-internal-border-radius-m, 8px);
1088
- font-family: var(--adyen-internal-text-body-font-family);
1089
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1090
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
1091
- line-height: var(--adyen-internal-text-body-line-height, 20px);
1092
- color: var(--adyen-internal-color-label-primary, #001222);
1136
+ .adyen-kyc-u-margin-y-6 {
1137
+ margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
1138
+ margin-top: var(--adyen-internal-spacer-030, 6px) !important;
1093
1139
  }
1094
- .adyen-kyc-ui-element-container p,
1095
- .adyen-kyc-ui-element-container ol,
1096
- .adyen-kyc-ui-element-container ul {
1097
- margin-bottom: 0;
1098
- margin-top: 0;
1140
+
1141
+ .adyen-kyc-u-margin-8 {
1142
+ margin: var(--adyen-internal-spacer-040, 8px) !important;
1099
1143
  }
1100
- .adyen-kyc-ui-element-container ul,
1101
- .adyen-kyc-ui-element-container ol {
1102
- padding-left: 1.5em;
1144
+
1145
+ .adyen-kyc-u-margin-bottom-8 {
1146
+ margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
1103
1147
  }
1104
- @container main (max-width: 680px) {
1105
- .adyen-kyc-ui-element-container {
1106
- padding: var(--adyen-internal-spacer-070, 16px);
1107
- }
1148
+
1149
+ .adyen-kyc-u-margin-left-8 {
1150
+ margin-left: var(--adyen-internal-spacer-040, 8px) !important;
1108
1151
  }
1109
1152
 
1110
- /*
1111
- * Compatibility later to ensure components do NOT receive extra padding
1112
- * as is the case with dropins, without breaking dropins.
1113
- * Once the Component Layout has been done \`.adyen-kyc-externalComponent\`
1114
- * can be safely removed everywere.
1115
- */
1116
- .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
1117
- padding: 0;
1153
+ .adyen-kyc-u-margin-right-8 {
1154
+ margin-right: var(--adyen-internal-spacer-040, 8px) !important;
1118
1155
  }
1119
1156
 
1120
- /**
1121
- * :root is needed for non-web components, while :host for web components (TODO: change on v4)
1122
- *
1123
- * This produces css like:
1124
- * --adyen-internal-text-color: var(--adyen-sdk-text-color, #000);
1125
- *
1126
- * The \`internal\` part matches how we use css variables in the code
1127
- * The \`sdk\` part is how consumers customize it from outside our code
1128
- * The $value is the fallback bare value, used when the variable was not customized
1129
- *
1130
- * The reason we have \`internal\` and \`sdk\` is because doing something like:
1131
- * --color: var(--color, #0f0) would create a loop, and the browser ignores it.
1132
- *
1133
- */
1134
- :root,
1135
- :host {
1136
- --adyen-internal-animation-easing-standard: var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1137
- --adyen-internal-animation-easing-enter: var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
1138
- --adyen-internal-animation-easing-exit: var(--adyen-sdk-animation-easing-exit, cubic-bezier(0.4, 0, 1, 1));
1139
- --adyen-internal-animation-easing-linear: var(--adyen-sdk-animation-easing-linear, linear);
1140
- --adyen-internal-animation-duration-fast: var(--adyen-sdk-animation-duration-fast, 100ms);
1141
- --adyen-internal-animation-duration-moderate: var(--adyen-sdk-animation-duration-moderate, 150ms);
1142
- --adyen-internal-animation-duration-slow: var(--adyen-sdk-animation-duration-slow, 250ms);
1143
- --adyen-internal-color-background-primary: var(--adyen-sdk-color-background-primary, #ffffff);
1144
- --adyen-internal-color-background-primary-hover: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1145
- --adyen-internal-color-background-primary-active: var(--adyen-sdk-color-background-primary-active, #ecedef);
1146
- --adyen-internal-color-background-secondary: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1147
- --adyen-internal-color-background-secondary-hover: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
1148
- --adyen-internal-color-background-secondary-active: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
1149
- --adyen-internal-color-background-tertiary: var(--adyen-sdk-color-background-tertiary, #ecedef);
1150
- --adyen-internal-color-background-tertiary-hover: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
1151
- --adyen-internal-color-background-tertiary-active: var(--adyen-sdk-color-background-tertiary-active, #dadddf);
1152
- --adyen-internal-color-background-quaternary: var(--adyen-sdk-color-background-quaternary, #c0c5ca);
1153
- --adyen-internal-color-background-quaternary-hover: var(--adyen-sdk-color-background-quaternary-hover, #b7bdc2);
1154
- --adyen-internal-color-background-quaternary-active: var(--adyen-sdk-color-background-quaternary-active, #aeb5ba);
1155
- --adyen-internal-color-background-modal: var(--adyen-sdk-color-background-modal, #ffffff);
1156
- --adyen-internal-color-background-modal-hover: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
1157
+ .adyen-kyc-u-margin-top-8 {
1158
+ margin-top: var(--adyen-internal-spacer-040, 8px) !important;
1159
+ }
1160
+
1161
+ .adyen-kyc-u-margin-x-8 {
1162
+ margin-left: var(--adyen-internal-spacer-040, 8px) !important;
1163
+ margin-right: var(--adyen-internal-spacer-040, 8px) !important;
1164
+ }
1165
+
1166
+ .adyen-kyc-u-margin-y-8 {
1167
+ margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
1168
+ margin-top: var(--adyen-internal-spacer-040, 8px) !important;
1169
+ }
1170
+
1171
+ .adyen-kyc-u-margin-10 {
1172
+ margin: var(--adyen-internal-spacer-050, 10px) !important;
1173
+ }
1174
+
1175
+ .adyen-kyc-u-margin-bottom-10 {
1176
+ margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
1177
+ }
1178
+
1179
+ .adyen-kyc-u-margin-left-10 {
1180
+ margin-left: var(--adyen-internal-spacer-050, 10px) !important;
1181
+ }
1182
+
1183
+ .adyen-kyc-u-margin-right-10 {
1184
+ margin-right: var(--adyen-internal-spacer-050, 10px) !important;
1185
+ }
1186
+
1187
+ .adyen-kyc-u-margin-top-10 {
1188
+ margin-top: var(--adyen-internal-spacer-050, 10px) !important;
1189
+ }
1190
+
1191
+ .adyen-kyc-u-margin-x-10 {
1192
+ margin-left: var(--adyen-internal-spacer-050, 10px) !important;
1193
+ margin-right: var(--adyen-internal-spacer-050, 10px) !important;
1194
+ }
1195
+
1196
+ .adyen-kyc-u-margin-y-10 {
1197
+ margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
1198
+ margin-top: var(--adyen-internal-spacer-050, 10px) !important;
1199
+ }
1200
+
1201
+ .adyen-kyc-u-margin-12 {
1202
+ margin: var(--adyen-internal-spacer-060, 12px) !important;
1203
+ }
1204
+
1205
+ .adyen-kyc-u-margin-bottom-12 {
1206
+ margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
1207
+ }
1208
+
1209
+ .adyen-kyc-u-margin-left-12 {
1210
+ margin-left: var(--adyen-internal-spacer-060, 12px) !important;
1211
+ }
1212
+
1213
+ .adyen-kyc-u-margin-right-12 {
1214
+ margin-right: var(--adyen-internal-spacer-060, 12px) !important;
1215
+ }
1216
+
1217
+ .adyen-kyc-u-margin-top-12 {
1218
+ margin-top: var(--adyen-internal-spacer-060, 12px) !important;
1219
+ }
1220
+
1221
+ .adyen-kyc-u-margin-x-12 {
1222
+ margin-left: var(--adyen-internal-spacer-060, 12px) !important;
1223
+ margin-right: var(--adyen-internal-spacer-060, 12px) !important;
1224
+ }
1225
+
1226
+ .adyen-kyc-u-margin-y-12 {
1227
+ margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
1228
+ margin-top: var(--adyen-internal-spacer-060, 12px) !important;
1229
+ }
1230
+
1231
+ .adyen-kyc-u-margin-16 {
1232
+ margin: var(--adyen-internal-spacer-070, 16px) !important;
1233
+ }
1234
+
1235
+ .adyen-kyc-u-margin-bottom-16 {
1236
+ margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
1237
+ }
1238
+
1239
+ .adyen-kyc-u-margin-left-16 {
1240
+ margin-left: var(--adyen-internal-spacer-070, 16px) !important;
1241
+ }
1242
+
1243
+ .adyen-kyc-u-margin-right-16 {
1244
+ margin-right: var(--adyen-internal-spacer-070, 16px) !important;
1245
+ }
1246
+
1247
+ .adyen-kyc-u-margin-top-16 {
1248
+ margin-top: var(--adyen-internal-spacer-070, 16px) !important;
1249
+ }
1250
+
1251
+ .adyen-kyc-u-margin-x-16 {
1252
+ margin-left: var(--adyen-internal-spacer-070, 16px) !important;
1253
+ margin-right: var(--adyen-internal-spacer-070, 16px) !important;
1254
+ }
1255
+
1256
+ .adyen-kyc-u-margin-y-16 {
1257
+ margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
1258
+ margin-top: var(--adyen-internal-spacer-070, 16px) !important;
1259
+ }
1260
+
1261
+ .adyen-kyc-u-margin-20 {
1262
+ margin: var(--adyen-internal-spacer-080, 20px) !important;
1263
+ }
1264
+
1265
+ .adyen-kyc-u-margin-bottom-20 {
1266
+ margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
1267
+ }
1268
+
1269
+ .adyen-kyc-u-margin-left-20 {
1270
+ margin-left: var(--adyen-internal-spacer-080, 20px) !important;
1271
+ }
1272
+
1273
+ .adyen-kyc-u-margin-right-20 {
1274
+ margin-right: var(--adyen-internal-spacer-080, 20px) !important;
1275
+ }
1276
+
1277
+ .adyen-kyc-u-margin-top-20 {
1278
+ margin-top: var(--adyen-internal-spacer-080, 20px) !important;
1279
+ }
1280
+
1281
+ .adyen-kyc-u-margin-x-20 {
1282
+ margin-left: var(--adyen-internal-spacer-080, 20px) !important;
1283
+ margin-right: var(--adyen-internal-spacer-080, 20px) !important;
1284
+ }
1285
+
1286
+ .adyen-kyc-u-margin-y-20 {
1287
+ margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
1288
+ margin-top: var(--adyen-internal-spacer-080, 20px) !important;
1289
+ }
1290
+
1291
+ .adyen-kyc-u-margin-24 {
1292
+ margin: var(--adyen-internal-spacer-090, 24px) !important;
1293
+ }
1294
+
1295
+ .adyen-kyc-u-margin-bottom-24 {
1296
+ margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
1297
+ }
1298
+
1299
+ .adyen-kyc-u-margin-left-24 {
1300
+ margin-left: var(--adyen-internal-spacer-090, 24px) !important;
1301
+ }
1302
+
1303
+ .adyen-kyc-u-margin-right-24 {
1304
+ margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1305
+ }
1306
+
1307
+ .adyen-kyc-u-margin-top-24 {
1308
+ margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1309
+ }
1310
+
1311
+ .adyen-kyc-u-margin-x-24 {
1312
+ margin-left: var(--adyen-internal-spacer-090, 24px) !important;
1313
+ margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1314
+ }
1315
+
1316
+ .adyen-kyc-u-margin-y-24 {
1317
+ margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
1318
+ margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1319
+ }
1320
+
1321
+ .adyen-kyc-u-margin-32 {
1322
+ margin: var(--adyen-internal-spacer-100, 32px) !important;
1323
+ }
1324
+
1325
+ .adyen-kyc-u-margin-bottom-32 {
1326
+ margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1327
+ }
1328
+
1329
+ .adyen-kyc-u-margin-left-32 {
1330
+ margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1331
+ }
1332
+
1333
+ .adyen-kyc-u-margin-right-32 {
1334
+ margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1335
+ }
1336
+
1337
+ .adyen-kyc-u-margin-top-32 {
1338
+ margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1339
+ }
1340
+
1341
+ .adyen-kyc-u-margin-x-32 {
1342
+ margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1343
+ margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1344
+ }
1345
+
1346
+ .adyen-kyc-u-margin-y-32 {
1347
+ margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1348
+ margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1349
+ }
1350
+
1351
+ .adyen-kyc-u-margin-40 {
1352
+ margin: var(--adyen-internal-spacer-110, 40px) !important;
1353
+ }
1354
+
1355
+ .adyen-kyc-u-margin-bottom-40 {
1356
+ margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1357
+ }
1358
+
1359
+ .adyen-kyc-u-margin-left-40 {
1360
+ margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1361
+ }
1362
+
1363
+ .adyen-kyc-u-margin-right-40 {
1364
+ margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1365
+ }
1366
+
1367
+ .adyen-kyc-u-margin-top-40 {
1368
+ margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1369
+ }
1370
+
1371
+ .adyen-kyc-u-margin-x-40 {
1372
+ margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1373
+ margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1374
+ }
1375
+
1376
+ .adyen-kyc-u-margin-y-40 {
1377
+ margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1378
+ margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1379
+ }
1380
+
1381
+ .adyen-kyc-u-margin-48 {
1382
+ margin: var(--adyen-internal-spacer-120, 48px) !important;
1383
+ }
1384
+
1385
+ .adyen-kyc-u-margin-bottom-48 {
1386
+ margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1387
+ }
1388
+
1389
+ .adyen-kyc-u-margin-left-48 {
1390
+ margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1391
+ }
1392
+
1393
+ .adyen-kyc-u-margin-right-48 {
1394
+ margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1395
+ }
1396
+
1397
+ .adyen-kyc-u-margin-top-48 {
1398
+ margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1399
+ }
1400
+
1401
+ .adyen-kyc-u-margin-x-48 {
1402
+ margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1403
+ margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1404
+ }
1405
+
1406
+ .adyen-kyc-u-margin-y-48 {
1407
+ margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1408
+ margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1409
+ }
1410
+
1411
+ /* for container queries */
1412
+ .adyen-kyc-u-width-full {
1413
+ width: 100% !important;
1414
+ }
1415
+
1416
+ .adyen-kyc-u-width-half {
1417
+ width: 50% !important;
1418
+ }
1419
+
1420
+ /* Topmost/root container class */
1421
+ .adyen-kyc-ui-element-container-wrapper {
1422
+ width: 100%;
1423
+ overflow: auto;
1424
+ /**
1425
+ * main container query, used similarly to a @media query
1426
+ * considering our Component can be embedded in a container of arbitrary size
1427
+ * that does not necessarily match the whole window/screen size.
1428
+ * Uses s and l breakpoints defined in variables.
1429
+ */
1430
+ container-type: inline-size;
1431
+ container-name: main;
1432
+ }
1433
+
1434
+ .adyen-kyc-ui-element-container-wrapper *,
1435
+ .adyen-kyc-ui-element-container-wrapper *::after,
1436
+ .adyen-kyc-ui-element-container-wrapper *::before {
1437
+ box-sizing: border-box;
1438
+ }
1439
+
1440
+ .adyen-kyc-ui-element-container {
1441
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
1442
+ position: relative;
1443
+ padding: var(--adyen-internal-spacer-100, 32px);
1444
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
1445
+ font-family: var(--adyen-internal-text-body-font-family);
1446
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1447
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
1448
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
1449
+ color: var(--adyen-internal-color-label-primary, #001222);
1450
+ }
1451
+ .adyen-kyc-ui-element-container p,
1452
+ .adyen-kyc-ui-element-container ol,
1453
+ .adyen-kyc-ui-element-container ul {
1454
+ margin-bottom: 0;
1455
+ margin-top: 0;
1456
+ }
1457
+ .adyen-kyc-ui-element-container ul,
1458
+ .adyen-kyc-ui-element-container ol {
1459
+ padding-left: 1.5em;
1460
+ }
1461
+ @container main (max-width: 680px) {
1462
+ .adyen-kyc-ui-element-container {
1463
+ padding: var(--adyen-internal-spacer-070, 16px);
1464
+ }
1465
+ }
1466
+
1467
+ /*
1468
+ * Compatibility later to ensure components do NOT receive extra padding
1469
+ * as is the case with dropins, without breaking dropins.
1470
+ * Once the Component Layout has been done \`.adyen-kyc-externalComponent\`
1471
+ * can be safely removed everywere.
1472
+ */
1473
+ .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
1474
+ padding: 0;
1475
+ }
1476
+
1477
+ /**
1478
+ * :root is needed for non-web components, while :host for web components (TODO: change on v4)
1479
+ *
1480
+ * This produces css like:
1481
+ * --adyen-internal-text-color: var(--adyen-sdk-text-color, #000);
1482
+ *
1483
+ * The \`internal\` part matches how we use css variables in the code
1484
+ * The \`sdk\` part is how consumers customize it from outside our code
1485
+ * The $value is the fallback bare value, used when the variable was not customized
1486
+ *
1487
+ * The reason we have \`internal\` and \`sdk\` is because doing something like:
1488
+ * --color: var(--color, #0f0) would create a loop, and the browser ignores it.
1489
+ *
1490
+ */
1491
+ :root,
1492
+ :host {
1493
+ --adyen-internal-animation-easing-standard: var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1494
+ --adyen-internal-animation-easing-enter: var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
1495
+ --adyen-internal-animation-easing-exit: var(--adyen-sdk-animation-easing-exit, cubic-bezier(0.4, 0, 1, 1));
1496
+ --adyen-internal-animation-easing-linear: var(--adyen-sdk-animation-easing-linear, linear);
1497
+ --adyen-internal-animation-duration-fast: var(--adyen-sdk-animation-duration-fast, 100ms);
1498
+ --adyen-internal-animation-duration-moderate: var(--adyen-sdk-animation-duration-moderate, 150ms);
1499
+ --adyen-internal-animation-duration-slow: var(--adyen-sdk-animation-duration-slow, 250ms);
1500
+ --adyen-internal-color-background-primary: var(--adyen-sdk-color-background-primary, #ffffff);
1501
+ --adyen-internal-color-background-primary-hover: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1502
+ --adyen-internal-color-background-primary-active: var(--adyen-sdk-color-background-primary-active, #ecedef);
1503
+ --adyen-internal-color-background-secondary: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1504
+ --adyen-internal-color-background-secondary-hover: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
1505
+ --adyen-internal-color-background-secondary-active: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
1506
+ --adyen-internal-color-background-tertiary: var(--adyen-sdk-color-background-tertiary, #ecedef);
1507
+ --adyen-internal-color-background-tertiary-hover: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
1508
+ --adyen-internal-color-background-tertiary-active: var(--adyen-sdk-color-background-tertiary-active, #dadddf);
1509
+ --adyen-internal-color-background-quaternary: var(--adyen-sdk-color-background-quaternary, #c0c5ca);
1510
+ --adyen-internal-color-background-quaternary-hover: var(--adyen-sdk-color-background-quaternary-hover, #b7bdc2);
1511
+ --adyen-internal-color-background-quaternary-active: var(--adyen-sdk-color-background-quaternary-active, #aeb5ba);
1512
+ --adyen-internal-color-background-modal: var(--adyen-sdk-color-background-modal, #ffffff);
1513
+ --adyen-internal-color-background-modal-hover: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
1157
1514
  --adyen-internal-color-background-modal-active: var(--adyen-sdk-color-background-modal-active, #ecedef);
1158
1515
  --adyen-internal-color-background-disabled: var(--adyen-sdk-color-background-disabled, #ecedef);
1159
1516
  --adyen-internal-color-background-selected: var(--adyen-sdk-color-background-selected, #e3effb);
@@ -1320,6 +1677,7 @@ const css = `/* for container queries */
1320
1677
  --adyen-internal-text-rich-text-caption-pre-line-height: var(--adyen-sdk-text-rich-text-caption-pre-line-height, 20px);
1321
1678
  --adyen-internal-text-rich-text-caption-table-padding: var(--adyen-sdk-text-rich-text-caption-table-padding, 8px 12px);
1322
1679
  --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1680
+ --adyen-internal-text-caption-font-family-secondary: var(--adyen-sdk-text-caption-font-family-secondary, 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
1323
1681
  --adyen-internal-text-caption-font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1324
1682
  --adyen-internal-text-caption-font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1325
1683
  --adyen-internal-text-caption-line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -1329,6 +1687,7 @@ const css = `/* for container queries */
1329
1687
  --adyen-internal-text-caption-stronger-wide-font-weight: var(--adyen-sdk-text-caption-stronger-wide-font-weight, 500);
1330
1688
  --adyen-internal-text-caption-stronger-wide-line-height: var(--adyen-sdk-text-caption-stronger-wide-line-height, 20px);
1331
1689
  --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1690
+ --adyen-internal-text-body-font-family-secondary: var(--adyen-sdk-text-body-font-family-secondary, 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
1332
1691
  --adyen-internal-text-body-font-size: var(--adyen-sdk-text-body-font-size, 14px);
1333
1692
  --adyen-internal-text-body-font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1334
1693
  --adyen-internal-text-body-line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -1347,6 +1706,7 @@ const css = `/* for container queries */
1347
1706
  --adyen-internal-text-subtitle-letter-spacing: var(--adyen-sdk-text-subtitle-letter-spacing, 0);
1348
1707
  --adyen-internal-text-subtitle-stronger-font-weight: var(--adyen-sdk-text-subtitle-stronger-font-weight, 600);
1349
1708
  --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1709
+ --adyen-internal-text-title-font-family-secondary: var(--adyen-sdk-text-title-font-family-secondary, 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
1350
1710
  --adyen-internal-text-title-font-size: var(--adyen-sdk-text-title-font-size, 16px);
1351
1711
  --adyen-internal-text-title-font-weight: var(--adyen-sdk-text-title-font-weight, 600);
1352
1712
  --adyen-internal-text-title-line-height: var(--adyen-sdk-text-title-line-height, 26px);
@@ -1354,6 +1714,7 @@ const css = `/* for container queries */
1354
1714
  --adyen-internal-text-title-mobile-font-size: var(--adyen-sdk-text-title-mobile-font-size, 16px);
1355
1715
  --adyen-internal-text-title-mobile-line-height: var(--adyen-sdk-text-title-mobile-line-height, 26px);
1356
1716
  --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1717
+ --adyen-internal-text-title-m-font-family-secondary: var(--adyen-sdk-text-title-m-font-family-secondary, 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
1357
1718
  --adyen-internal-text-title-m-font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
1358
1719
  --adyen-internal-text-title-m-font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
1359
1720
  --adyen-internal-text-title-m-line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
@@ -1361,6 +1722,7 @@ const css = `/* for container queries */
1361
1722
  --adyen-internal-text-title-m-mobile-font-size: var(--adyen-sdk-text-title-m-mobile-font-size, 18px);
1362
1723
  --adyen-internal-text-title-m-mobile-line-height: var(--adyen-sdk-text-title-m-mobile-line-height, 28px);
1363
1724
  --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1725
+ --adyen-internal-text-title-l-font-family-secondary: var(--adyen-sdk-text-title-l-font-family-secondary, 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
1364
1726
  --adyen-internal-text-title-l-font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
1365
1727
  --adyen-internal-text-title-l-font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
1366
1728
  --adyen-internal-text-title-l-line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
@@ -1379,1341 +1741,1137 @@ const css = `/* for container queries */
1379
1741
  --adyen-internal-spacer-010: var(--adyen-sdk-spacer-010, 2px);
1380
1742
  --adyen-internal-spacer-020: var(--adyen-sdk-spacer-020, 4px);
1381
1743
  --adyen-internal-spacer-030: var(--adyen-sdk-spacer-030, 6px);
1382
- --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 8px);
1383
- --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 10px);
1384
- --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 12px);
1385
- --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 16px);
1386
- --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 20px);
1387
- --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 24px);
1388
- --adyen-internal-media-query-xs-min: var(--adyen-sdk-media-query-xs-min, 0px);
1389
- --adyen-internal-media-query-xs-max: var(--adyen-sdk-media-query-xs-max, 375px);
1390
- --adyen-internal-media-query-s-min: var(--adyen-sdk-media-query-s-min, 376px);
1391
- --adyen-internal-media-query-s-max: var(--adyen-sdk-media-query-s-max, 499px);
1392
- --adyen-internal-media-query-m-min: var(--adyen-sdk-media-query-m-min, 500px);
1393
- --adyen-internal-media-query-m-max: var(--adyen-sdk-media-query-m-max, 767px);
1394
- --adyen-internal-media-query-l-min: var(--adyen-sdk-media-query-l-min, 768px);
1395
- --adyen-internal-media-query-l-max: var(--adyen-sdk-media-query-l-max, 1279px);
1396
- --adyen-internal-media-query-xl-min: var(--adyen-sdk-media-query-xl-min, 1280px);
1397
- --adyen-internal-media-query-xl-max: var(--adyen-sdk-media-query-xl-max, 1535px);
1398
- --adyen-internal-media-query-xxl: var(--adyen-sdk-media-query-xxl, 1536px);
1399
- --adyen-internal-shadow-low: var(--adyen-sdk-shadow-low, 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02));
1400
- --adyen-internal-shadow-medium: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
1401
- --adyen-internal-shadow-high: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
1402
- --adyen-internal-shadow-low-border: var(--adyen-sdk-shadow-low-border, 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1403
- --adyen-internal-shadow-medium-border: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1404
- --adyen-internal-shadow-high-border: var(--adyen-sdk-shadow-high-border, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1405
- --adyen-internal-border-radius-xs: var(--adyen-sdk-border-radius-xs, 2px);
1406
- --adyen-internal-border-radius-s: var(--adyen-sdk-border-radius-s, 4px);
1407
- --adyen-internal-border-radius-m: var(--adyen-sdk-border-radius-m, 8px);
1408
- --adyen-internal-border-radius-l: var(--adyen-sdk-border-radius-l, 12px);
1409
- --adyen-internal-border-radius-xl: var(--adyen-sdk-border-radius-xl, 24px);
1410
- --adyen-internal-border-width-s: var(--adyen-sdk-border-width-s, 1px);
1411
- --adyen-internal-border-width-m: var(--adyen-sdk-border-width-m, 2px);
1412
- --adyen-internal-border-width-l: var(--adyen-sdk-border-width-l, 3px);
1413
- --adyen-internal-border-width-attention: var(--adyen-sdk-border-width-attention, 1.5px);
1414
- --adyen-internal-z-index-global-screen: var(--adyen-sdk-z-index-global-screen, auto);
1415
- --adyen-internal-z-index-global-elevated: var(--adyen-sdk-z-index-global-elevated, 5);
1416
- --adyen-internal-z-index-global-navigation: var(--adyen-sdk-z-index-global-navigation, 10);
1417
- --adyen-internal-z-index-global-instant-interaction: var(--adyen-sdk-z-index-global-instant-interaction, 15);
1418
- --adyen-internal-z-index-local-tier-1: var(--adyen-sdk-z-index-local-tier-1, 1);
1419
- --adyen-internal-z-index-local-tier-2: var(--adyen-sdk-z-index-local-tier-2, 2);
1420
- --adyen-internal-z-index-local-tier-3: var(--adyen-sdk-z-index-local-tier-3, 3);
1421
- --adyen-internal-z-index-local-tier-4: var(--adyen-sdk-z-index-local-tier-4, 4);
1422
- /** Setting font-family by default to inherit, unless specified otherwise */
1423
- --adyen-internal-text-rich-text-code-font-family: var(
1424
- --adyen-sdk-text-rich-text-code-font-family,
1425
- inherit
1426
- );
1427
- --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, inherit);
1428
- --adyen-internal-text-caption-font-family-secondary: var(
1429
- --adyen-sdk-text-caption-font-family-secondary,
1430
- inherit
1431
- );
1432
- --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, inherit);
1433
- --adyen-internal-text-body-font-family-secondary: var(
1434
- --adyen-sdk-text-body-font-family-secondary,
1435
- inherit
1436
- );
1437
- --adyen-internal-text-subtitle-font-family: var(--adyen-sdk-text-subtitle-font-family, inherit);
1438
- --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, inherit);
1439
- --adyen-internal-text-title-font-family-secondary: var(
1440
- --adyen-sdk-text-title-font-family-secondary,
1441
- inherit
1442
- );
1443
- --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, inherit);
1444
- --adyen-internal-text-title-m-font-family-secondary: var(
1445
- --adyen-sdk-text-title-m-font-family-secondary,
1446
- inherit
1447
- );
1448
- --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, inherit);
1449
- --adyen-internal-text-title-l-font-family-secondary: var(
1450
- --adyen-sdk-text-title-l-font-family-secondary,
1451
- inherit
1452
- );
1453
- --adyen-internal-tap-target: 44px;
1454
- --adyen-internal-border-default-s: var(--adyen-internal-border-width-s) solid
1455
- var(--adyen-internal-color-outline-primary);
1456
- --adyen-internal-border-default-m: var(--adyen-internal-border-width-m) solid
1457
- var(--adyen-internal-color-outline-primary);
1458
- --adyen-internal-border-default-l: var(--adyen-internal-border-width-l) solid
1459
- var(--adyen-internal-color-outline-primary);
1460
- }
1461
-
1462
- .adyen-kyc-u-screen-reader-only {
1463
- border: 0;
1464
- clip: rect(0, 0, 0, 0);
1465
- height: 1px;
1466
- overflow: hidden;
1467
- padding: 0 !important;
1468
- position: absolute;
1469
- white-space: nowrap;
1470
- width: 1px;
1471
- }
1472
-
1473
- fieldset {
1474
- border: none;
1475
- padding: 0;
1476
- margin: 0;
1477
- }.adyen-kyc-checkbox__label {
1478
- color: var(--adyen-internal-color-label-primary, #001222);
1479
- cursor: pointer;
1480
- display: inline-block;
1481
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1482
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
1483
- line-height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1484
- padding-left: var(--adyen-internal-spacer-090, 24px);
1485
- position: relative;
1486
- user-select: none;
1487
- width: calc(100% - 32px); /* leaves space for the error icon */
1488
- }
1489
- .adyen-kyc-checkbox__helper-text {
1490
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1491
- display: block;
1492
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1493
- padding-left: var(--adyen-internal-spacer-090, 24px);
1494
- }
1495
-
1496
- .adyen-kyc-checkbox__input {
1497
- opacity: 0;
1498
- pointer-events: none;
1499
- position: absolute;
1500
- }
1501
- .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
1502
- box-shadow: 0 0 0 var(--adyen-internal-focus-ring-spacer, 1px) var(--adyen-internal-color-background-primary, #ffffff), 0 0 0 var(--adyen-internal-focus-ring-outline, 3px) var(--adyen-internal-focus-ring-color, rgba(15, 117, 220, 0.8));
1503
- transition: var(--adyen-internal-animation-duration-fast, 100ms) var(--adyen-internal-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1504
- transition-property: box-shadow;
1505
- }
1506
- .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
1507
- background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
1508
- }
1509
- .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
1510
- opacity: 1;
1511
- }
1512
- .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
1513
- background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
1514
- border-color: var(--adyen-internal-color-background-inverse-primary, #001222);
1515
- }
1516
- .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
1517
- background-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
1518
- border-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
1519
- }
1520
- .adyen-kyc-checkbox__input {
1521
- /* Check */
1522
- }
1523
- .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
1524
- border-bottom: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
1525
- border-right: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
1526
- content: "";
1527
- height: 7px;
1528
- left: 3px;
1529
- opacity: 0;
1530
- position: absolute;
1531
- top: 4px;
1532
- transform: rotateZ(37deg);
1533
- transform-origin: 100% 100%;
1534
- width: 5px;
1535
- z-index: 1;
1536
- }
1537
- .adyen-kyc-checkbox__input {
1538
- /* Box */
1539
- }
1540
- .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
1541
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
1542
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
1543
- border-radius: var(--adyen-internal-border-radius-s, 4px);
1544
- content: "";
1545
- height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1546
- left: 0;
1547
- position: absolute;
1548
- top: 0;
1549
- width: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1550
- z-index: 0;
1551
- }.adyen-kyc-field {
1552
- display: block;
1553
- margin-bottom: var(--adyen-internal-spacer-090, 24px);
1554
- width: 100%;
1555
- }
1556
- .adyen-kyc-field--disabled {
1557
- color: var(--adyen-internal-color-label-disabled, #8c959d);
1558
- opacity: 0.5;
1559
- pointer-events: none;
1560
- }
1561
-
1562
- .adyen-kyc-optional-label {
1563
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1564
- }
1565
-
1566
- .adyen-kyc-label__text {
1567
- color: var(--adyen-internal-color-label-primary, #001222);
1568
- display: block;
1569
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1570
- font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
1571
- transition: color 0.1s ease-out;
1572
- }
1573
-
1574
- .adyen-kyc-helper-text {
1575
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1576
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1577
- font-family: var(--adyen-internal-text-caption-font-family);
1578
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1579
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1580
- display: flex;
1581
- align-items: center;
1582
- }
1583
- .adyen-kyc-helper-text__above {
1584
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
1585
- }
1586
- .adyen-kyc-helper-text__below {
1587
- margin-top: var(--adyen-internal-spacer-020, 4px);
1588
- }
1589
- .adyen-kyc-helper-text__valid-format-check {
1590
- color: var(--adyen-internal-color-label-success, #008845);
1591
- font-size: var(--adyen-internal-text-title-font-size, 16px);
1592
- font-family: var(--adyen-internal-text-title-font-family);
1593
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
1594
- line-height: var(--adyen-internal-text-title-line-height, 26px);
1595
- display: inline-flex;
1596
- }
1597
-
1598
- .adyen-kyc-label__text--error {
1599
- color: var(--adyen-internal-color-label-critical, #dc3801);
1600
- }
1601
-
1602
- .adyen-kyc-error-text {
1603
- align-items: center;
1604
- color: var(--adyen-internal-color-label-critical, #dc3801);
1605
- display: flex;
1606
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1607
- font-family: var(--adyen-internal-text-caption-font-family);
1608
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1609
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1610
- margin-top: var(--adyen-internal-spacer-020, 4px);
1611
- position: relative;
1612
- }
1613
-
1614
- .adyen-kyc-guidance-text {
1615
- align-items: center;
1616
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1617
- display: flex;
1618
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1619
- font-family: var(--adyen-internal-text-caption-font-family);
1620
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1621
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1622
- margin-top: var(--adyen-internal-spacer-020, 4px);
1623
- position: relative;
1624
- }
1625
-
1626
- .adyen-kyc-upload-field__guidance {
1627
- display: flex;
1628
- flex-direction: column;
1629
- }
1630
- .adyen-kyc-upload-field__subtitle {
1631
- color: var(--adyen-internal-color-label-primary, #001222);
1632
- margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
1744
+ --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 8px);
1745
+ --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 10px);
1746
+ --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 12px);
1747
+ --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 16px);
1748
+ --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 20px);
1749
+ --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 24px);
1750
+ --adyen-internal-media-query-xs-min: var(--adyen-sdk-media-query-xs-min, 0px);
1751
+ --adyen-internal-media-query-xs-max: var(--adyen-sdk-media-query-xs-max, 375px);
1752
+ --adyen-internal-media-query-s-min: var(--adyen-sdk-media-query-s-min, 376px);
1753
+ --adyen-internal-media-query-s-max: var(--adyen-sdk-media-query-s-max, 499px);
1754
+ --adyen-internal-media-query-m-min: var(--adyen-sdk-media-query-m-min, 500px);
1755
+ --adyen-internal-media-query-m-max: var(--adyen-sdk-media-query-m-max, 767px);
1756
+ --adyen-internal-media-query-l-min: var(--adyen-sdk-media-query-l-min, 768px);
1757
+ --adyen-internal-media-query-l-max: var(--adyen-sdk-media-query-l-max, 1279px);
1758
+ --adyen-internal-media-query-xl-min: var(--adyen-sdk-media-query-xl-min, 1280px);
1759
+ --adyen-internal-media-query-xl-max: var(--adyen-sdk-media-query-xl-max, 1535px);
1760
+ --adyen-internal-media-query-xxl: var(--adyen-sdk-media-query-xxl, 1536px);
1761
+ --adyen-internal-shadow-low: var(--adyen-sdk-shadow-low, 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02));
1762
+ --adyen-internal-shadow-medium: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
1763
+ --adyen-internal-shadow-high: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
1764
+ --adyen-internal-shadow-low-border: var(--adyen-sdk-shadow-low-border, 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1765
+ --adyen-internal-shadow-medium-border: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1766
+ --adyen-internal-shadow-high-border: var(--adyen-sdk-shadow-high-border, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1767
+ --adyen-internal-border-radius-xs: var(--adyen-sdk-border-radius-xs, 2px);
1768
+ --adyen-internal-border-radius-s: var(--adyen-sdk-border-radius-s, 4px);
1769
+ --adyen-internal-border-radius-m: var(--adyen-sdk-border-radius-m, 8px);
1770
+ --adyen-internal-border-radius-l: var(--adyen-sdk-border-radius-l, 12px);
1771
+ --adyen-internal-border-radius-xl: var(--adyen-sdk-border-radius-xl, 24px);
1772
+ --adyen-internal-border-width-s: var(--adyen-sdk-border-width-s, 1px);
1773
+ --adyen-internal-border-width-m: var(--adyen-sdk-border-width-m, 2px);
1774
+ --adyen-internal-border-width-l: var(--adyen-sdk-border-width-l, 3px);
1775
+ --adyen-internal-border-width-attention: var(--adyen-sdk-border-width-attention, 1.5px);
1776
+ --adyen-internal-z-index-global-screen: var(--adyen-sdk-z-index-global-screen, auto);
1777
+ --adyen-internal-z-index-global-elevated: var(--adyen-sdk-z-index-global-elevated, 5);
1778
+ --adyen-internal-z-index-global-navigation: var(--adyen-sdk-z-index-global-navigation, 10);
1779
+ --adyen-internal-z-index-global-instant-interaction: var(--adyen-sdk-z-index-global-instant-interaction, 15);
1780
+ --adyen-internal-z-index-local-tier-1: var(--adyen-sdk-z-index-local-tier-1, 1);
1781
+ --adyen-internal-z-index-local-tier-2: var(--adyen-sdk-z-index-local-tier-2, 2);
1782
+ --adyen-internal-z-index-local-tier-3: var(--adyen-sdk-z-index-local-tier-3, 3);
1783
+ --adyen-internal-z-index-local-tier-4: var(--adyen-sdk-z-index-local-tier-4, 4);
1784
+ /** Setting font-family by default to inherit, unless specified otherwise */
1785
+ --adyen-internal-text-rich-text-code-font-family: var(
1786
+ --adyen-sdk-text-rich-text-code-font-family,
1787
+ inherit
1788
+ );
1789
+ --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, inherit);
1790
+ --adyen-internal-text-caption-font-family-secondary: var(
1791
+ --adyen-sdk-text-caption-font-family-secondary,
1792
+ inherit
1793
+ );
1794
+ --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, inherit);
1795
+ --adyen-internal-text-body-font-family-secondary: var(
1796
+ --adyen-sdk-text-body-font-family-secondary,
1797
+ inherit
1798
+ );
1799
+ --adyen-internal-text-subtitle-font-family: var(--adyen-sdk-text-subtitle-font-family, inherit);
1800
+ --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, inherit);
1801
+ --adyen-internal-text-title-font-family-secondary: var(
1802
+ --adyen-sdk-text-title-font-family-secondary,
1803
+ inherit
1804
+ );
1805
+ --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, inherit);
1806
+ --adyen-internal-text-title-m-font-family-secondary: var(
1807
+ --adyen-sdk-text-title-m-font-family-secondary,
1808
+ inherit
1809
+ );
1810
+ --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, inherit);
1811
+ --adyen-internal-text-title-l-font-family-secondary: var(
1812
+ --adyen-sdk-text-title-l-font-family-secondary,
1813
+ inherit
1814
+ );
1815
+ --adyen-internal-tap-target: 44px;
1816
+ --adyen-internal-border-default-s: var(--adyen-internal-border-width-s) solid
1817
+ var(--adyen-internal-color-outline-primary);
1818
+ --adyen-internal-border-default-m: var(--adyen-internal-border-width-m) solid
1819
+ var(--adyen-internal-color-outline-primary);
1820
+ --adyen-internal-border-default-l: var(--adyen-internal-border-width-l) solid
1821
+ var(--adyen-internal-color-outline-primary);
1633
1822
  }
1634
1823
 
1635
- .adyen-kyc-input-wrapper {
1636
- display: block;
1637
- position: relative;
1638
- margin-top: var(--adyen-internal-spacer-040, 8px);
1639
- }
1640
- .adyen-kyc-input-wrapper--block {
1641
- display: block;
1642
- }.adyen-kyc-loader-wrapper-loader {
1643
- display: none;
1644
- height: 100%;
1645
- left: 0;
1824
+ .adyen-kyc-u-screen-reader-only {
1825
+ border: 0;
1826
+ clip: rect(0, 0, 0, 0);
1827
+ height: 1px;
1828
+ overflow: hidden;
1829
+ padding: 0 !important;
1646
1830
  position: absolute;
1647
- top: 0;
1648
- width: 100%;
1649
- z-index: 1;
1831
+ white-space: nowrap;
1832
+ width: 1px;
1650
1833
  }
1651
1834
 
1652
- .adyen-kyc-loader-wrapper-loader-active {
1653
- display: block;
1654
- }
1655
- /* for container queries */
1656
- .adyen-kyc-modal {
1657
- background-color: var(--adyen-internal-color-background-modal);
1658
- border: var(--adyen-internal-spacer-000);
1659
- box-shadow: var(--adyen-internal-shadow-high);
1835
+ fieldset {
1836
+ border: none;
1837
+ padding: 0;
1838
+ margin: 0;
1839
+ }/* for container queries */
1840
+ .adyen-kyc-dropin {
1841
+ background: var(--adyen-internal-color-background-primary, #ffffff);
1660
1842
  display: flex;
1661
1843
  flex-direction: column;
1662
- height: 100vh;
1663
- height: 100dvh;
1664
- max-height: unset;
1665
- max-width: unset;
1844
+ height: 100%;
1666
1845
  overflow: hidden;
1667
- padding: var(--adyen-internal-spacer-000);
1668
- position: fixed;
1669
- width: 100vw;
1670
- width: 100dvw;
1671
- }
1672
- .adyen-kyc-modal:focus-visible {
1673
- outline: none;
1674
- }
1675
- @media (min-width: 480px) {
1676
- .adyen-kyc-modal {
1677
- transition: max-height 400ms, max-width 400ms;
1678
- }
1679
- }
1680
-
1681
- .adyen-kyc-modal-small {
1682
- border-radius: var(--adyen-internal-border-radius-l);
1683
- max-height: 80vh;
1684
- max-width: 400px;
1685
- width: 80vw;
1686
- height: fit-content;
1687
- }
1688
-
1689
- @media (min-width: 480px) {
1690
- .adyen-kyc-modal-medium {
1691
- border-radius: var(--adyen-internal-border-radius-l);
1692
- height: 90vh;
1693
- max-height: 600px;
1694
- max-width: 600px;
1695
- width: 90vw;
1696
- }
1846
+ position: relative;
1847
+ width: 100%;
1697
1848
  }
1698
-
1699
- @media (min-width: 480px) {
1700
- .adyen-kyc-modal-large {
1701
- border-radius: var(--adyen-internal-border-radius-l);
1702
- height: 90vh;
1703
- max-height: 900px;
1704
- max-width: 900px;
1705
- width: 90vw;
1706
- }
1849
+ .adyen-kyc-dropin-container {
1850
+ position: relative;
1851
+ min-height: 480px;
1852
+ transform: scale(1);
1853
+ width: 100%;
1707
1854
  }
1708
1855
 
1709
- .adyen-kyc-modal-body {
1856
+ .adyen-kyc-dropin__content {
1710
1857
  display: flex;
1858
+ flex: 1;
1711
1859
  flex-direction: column;
1712
- overflow-y: auto;
1713
- scrollbar-width: thin;
1714
- }
1715
-
1716
- .adyen-kyc-modal-body-height {
1717
- height: 100%;
1718
- }
1719
-
1720
- .adyen-kyc-modal-accessable-title {
1721
- display: none;
1722
- }
1723
-
1724
- .adyen-kyc-modal-transition-slide-in {
1725
- animation-name: adyen-kyc-slide-in;
1726
- animation-duration: 400ms;
1727
- animation-timing-function: ease-out;
1728
- }
1729
-
1730
- .adyen-kyc-modal-transition-drop-in {
1731
- animation-name: adyen-kyc-drop-in;
1732
- animation-duration: 250ms;
1733
- animation-timing-function: ease;
1734
- }
1735
-
1736
- .adyen-kyc-modal-inset {
1737
- padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
1738
- }
1739
- @media (min-width: 480px) {
1740
- .adyen-kyc-modal-inset {
1741
- padding-left: var(--adyen-internal-spacer-100);
1742
- padding-right: var(--adyen-internal-spacer-100);
1743
- }
1744
- }
1745
- @media (min-width: 680px) {
1746
- .adyen-kyc-modal-inset {
1747
- padding-left: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
1748
- padding-right: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
1749
- }
1750
- }
1751
-
1752
- .adyen-kyc-modal::backdrop {
1753
- animation-name: adyen-kyc-backdrop-dissolve;
1754
- animation-duration: 400ms;
1755
- animation-timing-function: ease;
1756
- background-color: var(--adyen-internal-color-support-overlay);
1757
- opacity: 0.5;
1758
- backdrop-filter: blur(10px);
1759
- }
1760
-
1761
- .adyen-kyc-modal-button {
1762
- position: absolute;
1763
- top: var(--adyen-internal-spacer-070);
1764
- right: var(--adyen-internal-spacer-070);
1765
- z-index: 10;
1766
- }
1767
-
1768
- @keyframes adyen-kyc-backdrop-dissolve {
1769
- 0% {
1770
- opacity: 0;
1771
- }
1772
- 100% {
1773
- opacity: 0.5;
1774
- backdrop-filter: blur(10px);
1775
- }
1776
- }
1777
- @keyframes adyen-kyc-slide-in {
1778
- 0% {
1779
- opacity: 0;
1780
- top: 64px;
1781
- }
1782
- 100% {
1783
- opacity: 1;
1784
- top: 0;
1785
- }
1860
+ height: calc(100% - 56px);
1861
+ overflow: auto;
1786
1862
  }
1787
- @keyframes adyen-kyc-drop-in {
1788
- 0% {
1789
- opacity: 0;
1790
- transform: scale(1.2);
1791
- }
1792
- 100% {
1793
- opacity: 1;
1794
- transform: scale(1);
1863
+ @container main (min-width: 680px) and (max-width: 1024px) {
1864
+ .adyen-kyc-dropin__content {
1865
+ height: calc(100% - 72px);
1795
1866
  }
1796
1867
  }
1797
- .adyen-kyc-modal-header {
1798
- align-items: center;
1868
+
1869
+ /* padding in dropins, not used in modal view */
1870
+ .adyen-kyc-dropin__content-main {
1799
1871
  display: flex;
1800
- font-size: var(--adyen-internal-text-title-font-size);
1801
- font-weight: var(--adyen-internal-text-title-font-weight);
1802
- gap: var(--adyen-internal-spacer-040);
1803
- justify-content: space-between;
1804
- padding: var(--adyen-internal-spacer-070);
1872
+ flex: 1;
1873
+ padding: var(--adyen-internal-spacer-070, 16px);
1874
+ width: 100%;
1875
+ box-sizing: border-box;
1805
1876
  }
1806
-
1807
- .adyen-kyc-modal-content {
1808
- flex-grow: 1;
1809
- overflow-y: auto;
1810
- padding: var(--adyen-internal-spacer-070);
1877
+ @container main (min-width: 680px) and (max-width: 1024px) {
1878
+ .adyen-kyc-dropin__content-main {
1879
+ padding: var(--adyen-internal-spacer-090, 24px);
1880
+ }
1881
+ }
1882
+ @container main (min-width: 1024px) {
1883
+ .adyen-kyc-dropin__content-main {
1884
+ padding: var(--adyen-internal-spacer-110, 40px);
1885
+ }
1811
1886
  }
1812
1887
 
1813
- .adyen-kyc-modal-footer {
1814
- align-items: center;
1815
- border-top: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-primary);
1816
- display: flex;
1817
- gap: var(--adyen-internal-spacer-040);
1818
- justify-content: flex-end;
1819
- padding: var(--adyen-internal-spacer-070);
1820
- }.adyen-kyc-progress-bar {
1821
- --adyen-progress-bar-size: 4px;
1822
- background-color: var(--adyen-internal-color-background-secondary);
1823
- height: var(--adyen-progress-bar-size);
1888
+ .adyen-kyc-dropin__main {
1889
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
1890
+ width: 100%;
1891
+ }.adyen-kyc-card {
1892
+ all: unset;
1893
+ display: block;
1894
+ width: 100%;
1895
+ box-sizing: border-box;
1896
+ border-radius: var(--adyen-internal-border-radius-l);
1897
+ transition: 200ms;
1898
+ border: 1px solid transparent;
1824
1899
  overflow: hidden;
1825
1900
  }
1826
1901
 
1827
- .adyen-kyc-progress-bar-rounded {
1828
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
1902
+ .adyen-kyc-card-primary {
1903
+ background-color: var(--adyen-internal-color-background-primary);
1904
+ border-color: var(--adyen-internal-color-outline-primary);
1829
1905
  }
1830
1906
 
1831
- .adyen-kyc-progress-bar-indicator {
1832
- background-color: var(--adyen-internal-color-background-inverse-primary);
1833
- text-indent: -1000%;
1834
- transition: width 400ms;
1835
- overflow: hidden;
1836
- }
1837
- /* for container queries */
1838
- .adyen-kyc-dropdown {
1839
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1840
- max-width: 100%;
1841
- width: 100%;
1907
+ .adyen-kyc-card-secondary {
1908
+ background-color: var(--adyen-internal-color-background-secondary);
1842
1909
  }
1843
1910
 
1844
- .adyen-kyc-dropdown--minimal {
1845
- max-width: 120px;
1911
+ .adyen-kyc-card-padding-small {
1912
+ padding: var(--adyen-internal-spacer-040);
1846
1913
  }
1847
1914
 
1848
- .adyen-kyc-dropdown-list {
1849
- border-radius: var(--adyen-internal-border-radius-m, 8px);
1850
- box-shadow: var(--adyen-internal-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
1851
- z-index: 2;
1915
+ .adyen-kyc-card-padding-medium {
1916
+ padding: var(--adyen-internal-spacer-070);
1852
1917
  }
1853
- .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
1854
- cursor: pointer;
1918
+
1919
+ .adyen-kyc-card-padding-large {
1920
+ padding: var(--adyen-internal-spacer-090);
1855
1921
  }
1856
1922
 
1857
- .adyen-kyc-dropdown-list--above {
1858
- bottom: -6px;
1923
+ .adyen-kyc-card-elevation-low {
1924
+ box-shadow: var(--adyen-internal-shadow-low);
1859
1925
  }
1860
1926
 
1861
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
1862
- margin-top: var(--adyen-internal-spacer-010, 2px);
1927
+ .adyen-kyc-card-elevation-medium {
1928
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-medium);
1863
1929
  }
1864
1930
 
1865
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
1866
- width: 200px;
1931
+ .adyen-kyc-card-elevation-high {
1932
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-high);
1867
1933
  }
1868
1934
 
1869
- .adyen-kyc-dropdown-element {
1870
- border: var(--adyen-internal-border-width-s, 1px) solid transparent;
1871
- color: var(--adyen-internal-color-label-primary, #001222);
1935
+ .adyen-kyc-card-interactive {
1872
1936
  cursor: pointer;
1873
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1874
- font-family: var(--adyen-internal-text-caption-font-family);
1875
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1876
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1877
- hyphens: auto;
1878
- outline: 0;
1879
- padding: var(--adyen-internal-spacer-040, 8px);
1880
- transition: background 0.2s ease-out, border-color 0.2s ease-out;
1881
- user-select: none;
1882
- word-break: break-word;
1883
- }
1884
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
1885
- align-items: baseline;
1886
- display: flex;
1887
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1888
- width: 100%;
1937
+ outline-offset: calc(1px + var(--adyen-internal-focus-ring-spacer));
1938
+ outline: var(--adyen-internal-focus-ring-outline) solid transparent;
1889
1939
  }
1890
1940
 
1891
- .adyen-kyc-dropdown-search-element__description {
1892
- flex: 1;
1893
- }
1894
- .adyen-kyc-dropdown-search-element__description--highlight {
1895
- font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
1896
- }
1897
- .adyen-kyc-dropdown-search-element__addresses {
1898
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1899
- display: flex;
1900
- }
1901
- .adyen-kyc-dropdown-search-element__addresses--icon {
1902
- align-items: center;
1903
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1904
- display: flex;
1905
- margin-left: var(--adyen-internal-spacer-040, 8px);
1906
- }
1907
- .adyen-kyc-dropdown-search-element__addresses--text {
1908
- display: none;
1909
- margin-left: var(--adyen-internal-spacer-020, 4px);
1941
+ .adyen-kyc-card-interactive:disabled {
1942
+ background-color: var(--adyen-internal-color-background-disabled);
1943
+ box-shadow: none;
1944
+ border-color: transparent;
1945
+ color: var(--adyen-internal-color-label-disabled);
1946
+ cursor: default;
1910
1947
  }
1911
- @container main (min-width: 1024px) {
1912
- .adyen-kyc-dropdown-search-element__addresses--text {
1913
- display: block;
1948
+
1949
+ @media (hover: hover) {
1950
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:hover:not(.adyen-kyc-card-interactive:disabled) {
1951
+ background-color: var(--adyen-internal-color-background-primary-hover);
1914
1952
  }
1915
- }
1916
1953
 
1917
- .adyen-kyc-dropdown-element:last-child {
1918
- border-bottom: 0;
1954
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:hover:not(.adyen-kyc-card-interactive:disabled) {
1955
+ background-color: var(--adyen-internal-color-background-secondary-hover);
1956
+ }
1919
1957
  }
1920
1958
 
1921
- .adyen-kyc-dropdown-element:hover,
1922
- .adyen-kyc-dropdown-element:focus,
1923
- .adyen-kyc-dropdown-element:active {
1924
- background: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
1959
+ .adyen-kyc-card-interactive:focus-visible {
1960
+ outline-color: var(--adyen-internal-focus-ring-color);
1925
1961
  }
1926
1962
 
1927
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
1928
- background: var(--adyen-internal-color-background-primary-active, #ecedef);
1963
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:active:not(.adyen-kyc-card-interactive:disabled) {
1964
+ background-color: var(--adyen-internal-color-background-primary-active);
1929
1965
  }
1930
1966
 
1931
- .adyen-kyc-dropdown-element--disabled {
1932
- cursor: not-allowed;
1933
- opacity: 0.4;
1967
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:active:not(.adyen-kyc-card-interactive:disabled) {
1968
+ background-color: var(--adyen-internal-color-background-secondary-active);
1934
1969
  }
1935
1970
 
1936
- .adyen-kyc-dropdown-element__icon svg {
1937
- border-radius: var(--adyen-internal-border-radius-s, 4px);
1938
- margin-right: var(--adyen-internal-spacer-040, 8px);
1939
- height: 26px;
1940
- max-width: 40px;
1971
+ .adyen-kyc-card-interactive.adyen-kyc-card-selected {
1972
+ pointer-events: none;
1941
1973
  }
1942
1974
 
1943
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
1944
- align-items: baseline;
1945
- flex-direction: column;
1946
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1975
+ .adyen-kyc-card-selected {
1976
+ outline-offset: -1px;
1977
+ outline: 2px solid var(--adyen-internal-color-outline-primary-active);
1947
1978
  }
1948
-
1949
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
1950
- right: 32px;
1951
- }.adyen-kyc-dropdown {
1979
+ .adyen-kyc-checkbox__label {
1980
+ color: var(--adyen-internal-color-label-primary, #001222);
1981
+ cursor: pointer;
1982
+ display: inline-block;
1983
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1984
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
1985
+ line-height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1986
+ padding-left: var(--adyen-internal-spacer-090, 24px);
1952
1987
  position: relative;
1988
+ user-select: none;
1989
+ width: calc(100% - 32px); /* leaves space for the error icon */
1990
+ }
1991
+ .adyen-kyc-checkbox__helper-text {
1992
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1993
+ display: block;
1994
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1995
+ padding-left: var(--adyen-internal-spacer-090, 24px);
1953
1996
  }
1954
1997
 
1955
- .adyen-kyc-dropdown-list {
1956
- background: var(--adyen-internal-color-background-primary, #ffffff);
1957
- display: none;
1958
- list-style: none;
1959
- margin: var(--adyen-internal-spacer-000, 0px);
1960
- margin-bottom: var(--adyen-internal-spacer-120, 48px);
1961
- overflow-y: auto;
1962
- padding: var(--adyen-internal-spacer-000, 0px);
1998
+ .adyen-kyc-checkbox__input {
1999
+ opacity: 0;
2000
+ pointer-events: none;
1963
2001
  position: absolute;
1964
- width: 100%;
1965
- z-index: 2;
1966
2002
  }
1967
- .adyen-kyc-dropdown-list__transformer {
1968
- position: relative;
1969
- padding: 0 !important;
1970
- margin: 0 !important;
2003
+ .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
2004
+ box-shadow: 0 0 0 var(--adyen-internal-focus-ring-spacer, 1px) var(--adyen-internal-color-background-primary, #ffffff), 0 0 0 var(--adyen-internal-focus-ring-outline, 3px) var(--adyen-internal-focus-ring-color, rgba(15, 117, 220, 0.8));
2005
+ transition: var(--adyen-internal-animation-duration-fast, 100ms) var(--adyen-internal-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2006
+ transition-property: box-shadow;
1971
2007
  }
1972
- .adyen-kyc-dropdown-list:focus {
1973
- outline: none;
2008
+ .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
2009
+ background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2010
+ }
2011
+ .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
2012
+ opacity: 1;
2013
+ }
2014
+ .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
2015
+ background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
2016
+ border-color: var(--adyen-internal-color-background-inverse-primary, #001222);
2017
+ }
2018
+ .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
2019
+ background-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
2020
+ border-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
2021
+ }
2022
+ .adyen-kyc-checkbox__input {
2023
+ /* Check */
2024
+ }
2025
+ .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
2026
+ border-bottom: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
2027
+ border-right: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
2028
+ content: "";
2029
+ height: 7px;
2030
+ left: 3px;
2031
+ opacity: 0;
2032
+ position: absolute;
2033
+ top: 4px;
2034
+ transform: rotateZ(37deg);
2035
+ transform-origin: 100% 100%;
2036
+ width: 5px;
2037
+ z-index: 1;
1974
2038
  }
1975
-
1976
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2039
+ .adyen-kyc-checkbox__input {
2040
+ /* Box */
2041
+ }
2042
+ .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
2043
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
2044
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
2045
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2046
+ content: "";
2047
+ height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
2048
+ left: 0;
2049
+ position: absolute;
2050
+ top: 0;
2051
+ width: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
2052
+ z-index: 0;
2053
+ }.adyen-kyc-field {
1977
2054
  display: block;
2055
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
2056
+ width: 100%;
1978
2057
  }
1979
-
1980
- .adyen-kyc-dropdown-element {
1981
- align-items: center;
1982
- display: flex;
2058
+ .adyen-kyc-field--disabled {
2059
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2060
+ opacity: 0.5;
2061
+ pointer-events: none;
1983
2062
  }
1984
2063
 
1985
- .adyen-kyc-dropdown-ignore-pointer-events {
1986
- pointer-events: none;
2064
+ .adyen-kyc-optional-label {
2065
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1987
2066
  }
1988
2067
 
1989
- .adyen-kyc-dropdown-handle-pointer-events {
1990
- pointer-events: auto;
1991
- }.adyen-kyc-select-input-wrapper {
1992
- align-items: center;
1993
- display: flex;
1994
- background: var(--adyen-internal-color-background-primary, #ffffff);
1995
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
1996
- border-radius: var(--adyen-internal-border-radius-m, 8px);
2068
+ .adyen-kyc-label__text {
1997
2069
  color: var(--adyen-internal-color-label-primary, #001222);
2070
+ display: block;
1998
2071
  font-size: var(--adyen-internal-text-body-font-size, 14px);
1999
- line-height: var(--adyen-internal-text-body-line-height, 20px);
2000
- min-height: 40px;
2001
- outline: 0;
2002
- padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-090, 24px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-060, 12px);
2003
- text-decoration: none;
2004
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2005
- user-select: none;
2006
- }
2007
-
2008
- .adyen-kyc-select-input-wrapper:hover {
2009
- border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
2010
- }
2011
-
2012
- .adyen-kyc-select-input__icon svg {
2013
- border-radius: var(--adyen-internal-border-radius-s, 4px);
2014
- margin-right: var(--adyen-internal-spacer-040, 8px);
2015
- height: 26px;
2016
- max-width: 40px;
2017
- }
2018
-
2019
- .adyen-kyc-select-input {
2020
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
2072
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
2073
+ transition: color 0.1s ease-out;
2021
2074
  }
2022
2075
 
2023
- .adyen-kyc-select-input--active,
2024
- .adyen-kyc-select-input--active:hover,
2025
- .adyen-kyc-select-input-wrapper:active,
2026
- .adyen-kyc-select-input-wrapper:focus {
2027
- border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
2028
- outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
2076
+ .adyen-kyc-helper-text {
2077
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2078
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2079
+ font-family: var(--adyen-internal-text-caption-font-family);
2080
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2081
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2082
+ display: flex;
2083
+ align-items: center;
2029
2084
  }
2030
-
2031
- .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
2032
- background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2033
- color: var(--adyen-internal-color-label-disabled, #8c959d);
2034
- cursor: not-allowed;
2035
- pointer-events: none;
2036
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-disabled, #dadddf);
2085
+ .adyen-kyc-helper-text__above {
2086
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
2037
2087
  }
2038
-
2039
- .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
2040
- background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2041
- color: var(--adyen-internal-color-label-disabled, #8c959d);
2042
- cursor: not-allowed;
2043
- pointer-events: none;
2088
+ .adyen-kyc-helper-text__below {
2089
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2044
2090
  }
2045
-
2046
- .adyen-kyc-select-input--readonly::after {
2047
- 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");
2091
+ .adyen-kyc-helper-text__valid-format-check {
2092
+ color: var(--adyen-internal-color-label-success, #008845);
2093
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
2094
+ font-family: var(--adyen-internal-text-title-font-family);
2095
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
2096
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
2097
+ display: inline-flex;
2048
2098
  }
2049
2099
 
2050
- .adyen-kyc-select-input--invalid {
2051
- border-color: var(--adyen-internal-color-outline-critical, #dc3801);
2100
+ .adyen-kyc-label__text--error {
2101
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2052
2102
  }
2053
2103
 
2054
- .adyen-kyc-select-input--minimal {
2055
- min-height: unset;
2056
- height: 100%;
2057
- background: var(--adyen-internal-color-background-secondary, #f4f5f6);
2058
- border: none;
2059
- border-radius: var(--adyen-internal-border-radius-s, 4px);
2104
+ .adyen-kyc-error-text {
2105
+ align-items: center;
2106
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2107
+ display: flex;
2108
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2109
+ font-family: var(--adyen-internal-text-caption-font-family);
2110
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2111
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2112
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2113
+ position: relative;
2060
2114
  }
2061
2115
 
2062
- .adyen-kyc-select-input-search {
2116
+ .adyen-kyc-guidance-text {
2063
2117
  align-items: center;
2118
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2064
2119
  display: flex;
2065
- width: 100%;
2066
- }
2067
- .adyen-kyc-select-input-search__icon {
2068
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
2069
2120
  font-size: var(--adyen-internal-text-caption-font-size, 12px);
2070
2121
  font-family: var(--adyen-internal-text-caption-font-family);
2071
2122
  font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2072
2123
  line-height: var(--adyen-internal-text-caption-line-height, 18px);
2073
- padding-right: var(--adyen-internal-spacer-040, 8px);
2074
- }
2075
- .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
2076
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
2124
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2125
+ position: relative;
2077
2126
  }
2078
2127
 
2079
- .adyen-kyc-select-input-search::after {
2080
- display: none;
2128
+ .adyen-kyc-upload-field__guidance {
2129
+ display: flex;
2130
+ flex-direction: column;
2081
2131
  }
2082
-
2083
- .adyen-kyc-select-input-wrapper--filterable {
2084
- cursor: text;
2132
+ .adyen-kyc-upload-field__subtitle {
2133
+ color: var(--adyen-internal-color-label-primary, #001222);
2134
+ margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
2085
2135
  }
2086
2136
 
2087
- .adyen-kyc-select-input-wrapper--non-filterable {
2088
- cursor: pointer;
2137
+ .adyen-kyc-input-wrapper {
2138
+ display: block;
2139
+ position: relative;
2140
+ margin-top: var(--adyen-internal-spacer-040, 8px);
2089
2141
  }
2090
-
2091
- .adyen-kyc-select-input-wrapper::after {
2092
- 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");
2093
- background-position: center;
2094
- background-repeat: no-repeat;
2095
- content: "";
2096
- height: 6px;
2142
+ .adyen-kyc-input-wrapper--block {
2143
+ display: block;
2144
+ }.adyen-kyc-loader-wrapper-loader {
2145
+ display: none;
2146
+ height: 100%;
2147
+ left: 0;
2097
2148
  position: absolute;
2098
- right: 16px;
2099
- width: 8px;
2100
- }
2101
-
2102
- .adyen-kyc-select-input--list-open::after {
2103
- transform: rotate(180deg);
2149
+ top: 0;
2150
+ width: 100%;
2151
+ z-index: 1;
2104
2152
  }
2105
2153
 
2106
- .adyen-kyc-select-input--filterable {
2107
- border: 0;
2108
- caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
2109
- color: var(--adyen-internal-color-label-primary, #001222);
2110
- font-family: inherit;
2111
- font-size: var(--adyen-internal-text-body-font-size, 14px);
2112
- height: 100%;
2113
- padding: var(--adyen-internal-spacer-000, 0px);
2114
- width: 100%;
2154
+ .adyen-kyc-loader-wrapper-loader-active {
2155
+ display: block;
2115
2156
  }
2116
- .adyen-kyc-select-input--filterable::placeholder {
2117
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2118
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
2157
+ /* for container queries */
2158
+ .adyen-kyc-modal {
2159
+ background-color: var(--adyen-internal-color-background-modal);
2160
+ border: var(--adyen-internal-spacer-000);
2161
+ box-shadow: var(--adyen-internal-shadow-high);
2162
+ display: flex;
2163
+ flex-direction: column;
2164
+ height: 100vh;
2165
+ height: 100dvh;
2166
+ max-height: unset;
2167
+ max-width: unset;
2168
+ overflow: hidden;
2169
+ padding: var(--adyen-internal-spacer-000);
2170
+ position: fixed;
2171
+ width: 100vw;
2172
+ width: 100dvw;
2119
2173
  }
2120
- .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
2121
- outline: 0;
2174
+ .adyen-kyc-modal:focus-visible {
2175
+ outline: none;
2122
2176
  }
2123
-
2124
- .adyen-kyc-select-input--non-filterable {
2125
- all: unset;
2177
+ @media (min-width: 480px) {
2178
+ .adyen-kyc-modal {
2179
+ transition: max-height 400ms, max-width 400ms;
2180
+ }
2126
2181
  }
2127
2182
 
2128
- .adyen-kyc-select-input--placeholder {
2129
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2130
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
2183
+ .adyen-kyc-modal-small {
2184
+ border-radius: var(--adyen-internal-border-radius-l);
2185
+ max-height: 80vh;
2186
+ max-width: 400px;
2187
+ width: 80vw;
2188
+ height: fit-content;
2131
2189
  }
2132
2190
 
2133
- .adyen-kyc-ignore-pointer-events {
2134
- pointer-events: none;
2191
+ @media (min-width: 480px) {
2192
+ .adyen-kyc-modal-medium {
2193
+ border-radius: var(--adyen-internal-border-radius-l);
2194
+ height: 90vh;
2195
+ max-height: 600px;
2196
+ max-width: 600px;
2197
+ width: 90vw;
2198
+ }
2135
2199
  }
2136
2200
 
2137
- .adyen-kyc-handle-pointer-events {
2138
- pointer-events: auto;
2139
- }.adyen-kyc-end-state-layout {
2140
- align-items: center;
2141
- display: flex;
2142
- flex-direction: column;
2143
- flex-grow: 1;
2144
- gap: var(--adyen-internal-spacer-100);
2145
- height: 100%;
2146
- justify-content: center;
2147
- margin-left: auto;
2148
- margin-right: auto;
2149
- max-width: 600px;
2150
- width: 100%;
2201
+ @media (min-width: 480px) {
2202
+ .adyen-kyc-modal-large {
2203
+ border-radius: var(--adyen-internal-border-radius-l);
2204
+ height: 90vh;
2205
+ max-height: 900px;
2206
+ max-width: 900px;
2207
+ width: 90vw;
2208
+ }
2151
2209
  }
2152
2210
 
2153
- .adyen-kyc-end-state-layout-header {
2154
- align-items: center;
2211
+ .adyen-kyc-modal-body {
2155
2212
  display: flex;
2156
2213
  flex-direction: column;
2157
- gap: var(--adyen-internal-spacer-040);
2158
- text-align: center;
2214
+ overflow-y: auto;
2215
+ scrollbar-width: thin;
2159
2216
  }
2160
2217
 
2161
- .adyen-kyc-end-state-layout-icon {
2162
- align-items: center;
2163
- border-radius: 50%;
2164
- display: flex;
2165
- height: 64px;
2166
- justify-content: center;
2167
- width: 64px;
2218
+ .adyen-kyc-modal-body-height {
2219
+ height: 100%;
2168
2220
  }
2169
2221
 
2170
- .adyen-kyc-end-state-layout-icon svg {
2171
- height: 24px;
2172
- width: 24px;
2222
+ .adyen-kyc-modal-accessable-title {
2223
+ display: none;
2173
2224
  }
2174
2225
 
2175
- .adyen-kyc-end-state-layout-icon-success {
2176
- background-color: var(--adyen-internal-color-decorative-green);
2177
- box-shadow: var(--adyen-internal-shadow-medium);
2178
- color: var(--adyen-internal-color-label-on-color);
2226
+ .adyen-kyc-modal-transition-slide-in {
2227
+ animation-name: adyen-kyc-slide-in;
2228
+ animation-duration: 400ms;
2229
+ animation-timing-function: ease-out;
2179
2230
  }
2180
2231
 
2181
- .adyen-kyc-end-state-layout-icon-error {
2182
- background-color: var(--adyen-internal-color-background-critical-strong);
2183
- box-shadow: var(--adyen-internal-shadow-medium);
2184
- color: var(--adyen-internal-color-label-on-color);
2232
+ .adyen-kyc-modal-transition-drop-in {
2233
+ animation-name: adyen-kyc-drop-in;
2234
+ animation-duration: 250ms;
2235
+ animation-timing-function: ease;
2185
2236
  }
2186
2237
 
2187
- .adyen-kyc-end-state-layout-icon-info {
2188
- background-color: var(--adyen-internal-color-background-highlight-weak);
2189
- color: var(--adyen-internal-color-label-highlight);
2238
+ .adyen-kyc-modal-inset {
2239
+ padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
2190
2240
  }
2191
-
2192
- .adyen-kyc-end-state-layout-icon-warning {
2193
- background-color: var(--adyen-internal-color-decorative-yellow);
2194
- color: var(--adyen-internal-color-label-primary);
2241
+ @media (min-width: 480px) {
2242
+ .adyen-kyc-modal-inset {
2243
+ padding-left: var(--adyen-internal-spacer-100);
2244
+ padding-right: var(--adyen-internal-spacer-100);
2245
+ }
2195
2246
  }
2196
-
2197
- .adyen-kyc-end-state-layout-text {
2198
- align-items: center;
2199
- display: flex;
2200
- flex-direction: column;
2201
- gap: var(--adyen-internal-spacer-040);
2202
- text-align: center;
2247
+ @media (min-width: 680px) {
2248
+ .adyen-kyc-modal-inset {
2249
+ padding-left: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
2250
+ padding-right: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
2251
+ }
2203
2252
  }
2204
2253
 
2205
- .adyen-kyc-end-state-layout-title {
2206
- color: var(--adyen-internal-color-label-primary);
2207
- font-size: var(--adyen-internal-text-title-m-font-size);
2208
- font-weight: var(--adyen-internal-text-title-m-font-weight);
2209
- line-height: var(--adyen-internal-text-title-m-line-height);
2210
- margin: 0;
2254
+ .adyen-kyc-modal::backdrop {
2255
+ animation-name: adyen-kyc-backdrop-dissolve;
2256
+ animation-duration: 400ms;
2257
+ animation-timing-function: ease;
2258
+ background-color: var(--adyen-internal-color-support-overlay);
2259
+ opacity: 0.5;
2260
+ backdrop-filter: blur(10px);
2211
2261
  }
2212
2262
 
2213
- .adyen-kyc-end-state-layout-description {
2214
- color: var(--adyen-internal-color-label-secondary);
2215
- font-size: var(--adyen-internal-text-body-font-size);
2216
- font-weight: var(--adyen-internal-text-body-font-weight);
2217
- line-height: var(--adyen-internal-text-body-line-height);
2263
+ .adyen-kyc-modal-button {
2264
+ position: absolute;
2265
+ top: var(--adyen-internal-spacer-070);
2266
+ right: var(--adyen-internal-spacer-070);
2267
+ z-index: 10;
2218
2268
  }
2219
2269
 
2220
- .adyen-kyc-end-state-layout-action {
2270
+ @keyframes adyen-kyc-backdrop-dissolve {
2271
+ 0% {
2272
+ opacity: 0;
2273
+ }
2274
+ 100% {
2275
+ opacity: 0.5;
2276
+ backdrop-filter: blur(10px);
2277
+ }
2278
+ }
2279
+ @keyframes adyen-kyc-slide-in {
2280
+ 0% {
2281
+ opacity: 0;
2282
+ top: 64px;
2283
+ }
2284
+ 100% {
2285
+ opacity: 1;
2286
+ top: 0;
2287
+ }
2288
+ }
2289
+ @keyframes adyen-kyc-drop-in {
2290
+ 0% {
2291
+ opacity: 0;
2292
+ transform: scale(1.2);
2293
+ }
2294
+ 100% {
2295
+ opacity: 1;
2296
+ transform: scale(1);
2297
+ }
2298
+ }
2299
+ .adyen-kyc-modal-header {
2300
+ align-items: center;
2221
2301
  display: flex;
2222
- flex-direction: column;
2302
+ font-size: var(--adyen-internal-text-title-font-size);
2303
+ font-weight: var(--adyen-internal-text-title-font-weight);
2223
2304
  gap: var(--adyen-internal-spacer-040);
2224
- max-width: 320px;
2225
- width: 100%;
2226
- }
2227
- .adyen-kyc-accordion,
2228
- .adyen-kyc-accordion-summary {
2229
- color: var(--adyen-internal-color-label-primary);
2230
- font-size: var(--adyen-internal-text-body-font-size);
2231
- font-family: var(--adyen-internal-text-body-font-family);
2232
- line-height: var(--adyen-internal-text-body-line-height);
2233
- cursor: pointer;
2305
+ justify-content: space-between;
2306
+ padding: var(--adyen-internal-spacer-070);
2234
2307
  }
2235
2308
 
2236
- .adyen-kyc-accordion {
2237
- background: none;
2238
- border-radius: var(--adyen-internal-border-radius-l);
2239
- margin-bottom: var(--adyen-internal-spacer-050);
2309
+ .adyen-kyc-modal-content {
2310
+ flex-grow: 1;
2311
+ overflow-y: auto;
2312
+ padding: var(--adyen-internal-spacer-070);
2240
2313
  }
2241
2314
 
2242
- .adyen-kyc-accordion-basic {
2315
+ .adyen-kyc-modal-footer {
2316
+ align-items: center;
2317
+ border-top: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-primary);
2318
+ display: flex;
2319
+ gap: var(--adyen-internal-spacer-040);
2320
+ justify-content: flex-end;
2321
+ padding: var(--adyen-internal-spacer-070);
2322
+ }.adyen-kyc-progress-bar {
2323
+ --adyen-progress-bar-size: 4px;
2243
2324
  background-color: var(--adyen-internal-color-background-secondary);
2325
+ height: var(--adyen-progress-bar-size);
2326
+ overflow: hidden;
2244
2327
  }
2245
- .adyen-kyc-accordion-info {
2246
- background-color: var(--adyen-internal-color-background-highlight-weak);
2247
- }
2248
- .adyen-kyc-accordion-error {
2249
- background-color: var(--adyen-internal-color-background-critical-weak);
2250
- }
2251
- .adyen-kyc-accordion-warning {
2252
- background-color: var(--adyen-internal-color-background-warning-weak);
2253
- }
2254
- .adyen-kyc-accordion-success {
2255
- background-color: var(--adyen-internal-color-background-success-weak);
2256
- }
2257
- .adyen-kyc-accordion-narrow .adyen-kyc-accordion-summary {
2258
- padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-070);
2328
+
2329
+ .adyen-kyc-progress-bar-rounded {
2330
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
2259
2331
  }
2260
- .adyen-kyc-accordion-narrow .adyen-kyc-accordion-content {
2261
- padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-070)
2262
- var(--adyen-internal-spacer-060);
2332
+
2333
+ .adyen-kyc-progress-bar-indicator {
2334
+ background-color: var(--adyen-internal-color-background-inverse-primary);
2335
+ text-indent: -1000%;
2336
+ transition: width 400ms;
2337
+ overflow: hidden;
2263
2338
  }
2264
- .adyen-kyc-accordion-with-icon .adyen-kyc-accordion-content {
2265
- margin-left: var(--adyen-internal-spacer-080);
2339
+ /* for container queries */
2340
+ .adyen-kyc-dropdown {
2341
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2342
+ max-width: 100%;
2343
+ width: 100%;
2266
2344
  }
2267
2345
 
2268
- .adyen-kyc-accordion-summary {
2269
- display: flex;
2270
- align-items: center;
2271
- gap: var(--adyen-internal-spacer-050);
2272
- padding: var(--adyen-internal-spacer-080);
2273
- font-weight: var(--adyen-internal-text-title-font-weight);
2274
- transition: margin 150ms ease-out;
2275
- margin-bottom: var(--adyen-internal-spacer-000);
2276
- border-radius: var(--adyen-internal-border-radius-l);
2346
+ .adyen-kyc-dropdown--minimal {
2347
+ max-width: 120px;
2277
2348
  }
2278
2349
 
2279
- .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow {
2350
+ .adyen-kyc-dropdown-list {
2351
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
2352
+ box-shadow: var(--adyen-internal-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
2353
+ z-index: 2;
2354
+ }
2355
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
2280
2356
  cursor: pointer;
2281
- user-select: none;
2282
- height: 1em;
2283
2357
  }
2284
2358
 
2285
- .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow-right {
2286
- margin-left: auto;
2287
- margin-right: var(--adyen-internal-spacer-050);
2359
+ .adyen-kyc-dropdown-list--above {
2360
+ bottom: -6px;
2288
2361
  }
2289
2362
 
2290
- .adyen-kyc-accordion[open] .adyen-kyc-accordion-arrow {
2291
- transform: rotate(-180deg);
2292
- }
2293
- .adyen-kyc-accordion summary::-webkit-details-marker {
2294
- display: none;
2363
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2364
+ margin-top: var(--adyen-internal-spacer-010, 2px);
2295
2365
  }
2296
2366
 
2297
- .adyen-kyc-accordion-content {
2298
- cursor: auto;
2299
- padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-080)
2300
- var(--adyen-internal-spacer-080);
2301
- user-select: none;
2302
- display: flex;
2303
- flex-direction: column;
2304
- gap: var(--adyen-internal-spacer-040);
2367
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
2368
+ width: 200px;
2305
2369
  }
2306
2370
 
2307
- .adyen-kyc-accordion[open] summary {
2308
- margin-bottom: var(--adyen-internal-spacer-020);
2309
- user-select: auto;
2310
- }
2311
- .adyen-kyc-alert {
2312
- border-radius: var(--adyen-internal-border-radius-m);
2313
- padding: var(--adyen-internal-spacer-070);
2371
+ .adyen-kyc-dropdown-element {
2372
+ border: var(--adyen-internal-border-width-s, 1px) solid transparent;
2373
+ color: var(--adyen-internal-color-label-primary, #001222);
2374
+ cursor: pointer;
2375
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2376
+ font-family: var(--adyen-internal-text-caption-font-family);
2377
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2378
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2379
+ hyphens: auto;
2380
+ outline: 0;
2381
+ padding: var(--adyen-internal-spacer-040, 8px);
2382
+ transition: background 0.2s ease-out, border-color 0.2s ease-out;
2383
+ user-select: none;
2314
2384
  word-break: break-word;
2315
- display: flex;
2316
- flex-direction: column;
2317
- gap: var(--adyen-internal-spacer-040);
2318
- text-align: left;
2319
2385
  }
2320
- .adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
2321
- .adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
2322
- margin: 0 var(--adyen-internal-spacer-070);
2386
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
2387
+ align-items: baseline;
2388
+ display: flex;
2389
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2390
+ width: 100%;
2323
2391
  }
2324
2392
 
2325
- .adyen-kyc-alert-basic {
2326
- background-color: var(--adyen-internal-color-background-secondary);
2393
+ .adyen-kyc-dropdown-search-element__description {
2394
+ flex: 1;
2327
2395
  }
2328
-
2329
- .adyen-kyc-alert-info {
2330
- background-color: var(--adyen-internal-color-background-highlight-weak);
2396
+ .adyen-kyc-dropdown-search-element__description--highlight {
2397
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
2331
2398
  }
2332
-
2333
- .adyen-kyc-alert-error {
2334
- background-color: var(--adyen-internal-color-background-critical-weak);
2399
+ .adyen-kyc-dropdown-search-element__addresses {
2400
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2401
+ display: flex;
2335
2402
  }
2336
-
2337
- .adyen-kyc-alert-warning {
2338
- background-color: var(--adyen-internal-color-background-warning-weak);
2403
+ .adyen-kyc-dropdown-search-element__addresses--icon {
2404
+ align-items: center;
2405
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2406
+ display: flex;
2407
+ margin-left: var(--adyen-internal-spacer-040, 8px);
2339
2408
  }
2340
-
2341
- .adyen-kyc-alert-success {
2342
- background-color: var(--adyen-internal-color-background-success-weak);
2409
+ .adyen-kyc-dropdown-search-element__addresses--text {
2410
+ display: none;
2411
+ margin-left: var(--adyen-internal-spacer-020, 4px);
2343
2412
  }
2344
-
2345
- .adyen-kyc-alert-header {
2346
- align-items: flex-start;
2347
- display: flex;
2413
+ @container main (min-width: 1024px) {
2414
+ .adyen-kyc-dropdown-search-element__addresses--text {
2415
+ display: block;
2416
+ }
2348
2417
  }
2349
2418
 
2350
- .adyen-kyc-alert-header-without-children {
2351
- align-items: center;
2419
+ .adyen-kyc-dropdown-element:last-child {
2420
+ border-bottom: 0;
2352
2421
  }
2353
2422
 
2354
- .adyen-kyc-alert-icon {
2355
- line-height: var(--adyen-internal-text-body-line-height);
2356
- margin-top: var(--adyen-internal-spacer-010);
2357
- }
2358
- .adyen-kyc-alert-icon-info {
2359
- color: var(--adyen-internal-color-background-highlight-strong);
2423
+ .adyen-kyc-dropdown-element:hover,
2424
+ .adyen-kyc-dropdown-element:focus,
2425
+ .adyen-kyc-dropdown-element:active {
2426
+ background: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2360
2427
  }
2361
2428
 
2362
- .adyen-kyc-alert-icon-error {
2363
- color: var(--adyen-internal-color-background-critical-strong);
2429
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
2430
+ background: var(--adyen-internal-color-background-primary-active, #ecedef);
2364
2431
  }
2365
2432
 
2366
- .adyen-kyc-alert-icon-warning {
2367
- color: var(--adyen-internal-color-background-warning-strong);
2433
+ .adyen-kyc-dropdown-element--disabled {
2434
+ cursor: not-allowed;
2435
+ opacity: 0.4;
2368
2436
  }
2369
2437
 
2370
- .adyen-kyc-alert-icon-success {
2371
- color: var(--adyen-internal-color-background-success-strong);
2438
+ .adyen-kyc-dropdown-element__icon svg {
2439
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2440
+ margin-right: var(--adyen-internal-spacer-040, 8px);
2441
+ height: 26px;
2442
+ max-width: 40px;
2372
2443
  }
2373
2444
 
2374
- .adyen-kyc-alert-title {
2375
- flex-grow: 1;
2376
- margin-left: var(--adyen-internal-spacer-070);
2445
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
2446
+ align-items: baseline;
2447
+ flex-direction: column;
2448
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2377
2449
  }
2378
2450
 
2379
- .adyen-kyc-alert-explanation {
2380
- color: var(--adyen-internal-color-label-primary);
2381
- font-size: var(--adyen-internal-text-body-font-size);
2382
- margin: 0 var(--adyen-internal-spacer-100);
2451
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
2452
+ right: 32px;
2453
+ }.adyen-kyc-dropdown {
2454
+ position: relative;
2383
2455
  }
2384
2456
 
2385
- .adyen-kyc-alert-actions {
2386
- display: flex;
2387
- gap: var(--adyen-internal-spacer-070);
2388
- text-align: left;
2389
- }
2390
- /* for container queries */
2391
- .adyen-kyc-form-navigation {
2457
+ .adyen-kyc-dropdown-list {
2458
+ background: var(--adyen-internal-color-background-primary, #ffffff);
2459
+ display: none;
2460
+ list-style: none;
2461
+ margin: var(--adyen-internal-spacer-000, 0px);
2462
+ margin-bottom: var(--adyen-internal-spacer-120, 48px);
2463
+ overflow-y: auto;
2464
+ padding: var(--adyen-internal-spacer-000, 0px);
2465
+ position: absolute;
2392
2466
  width: 100%;
2467
+ z-index: 2;
2393
2468
  }
2394
- @container main (max-width: 680px) {
2395
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
2396
- display: none;
2397
- }
2398
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
2399
- font-size: 0;
2400
- }
2401
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
2402
- font-size: var(--adyen-internal-text-title-font-size, 16px);
2403
- font-family: var(--adyen-internal-text-title-font-family);
2404
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
2405
- line-height: var(--adyen-internal-text-title-line-height, 26px);
2406
- padding-left: var(--adyen-internal-spacer-000, 0px);
2407
- }
2408
- }
2409
- @container main (min-width: 680px) and (max-width: 1024px) {
2410
- .adyen-kyc-form-navigation {
2411
- padding-right: var(--adyen-internal-spacer-100, 32px);
2412
- }
2413
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
2414
- display: none;
2415
- }
2469
+ .adyen-kyc-dropdown-list__transformer {
2470
+ position: relative;
2471
+ padding: 0 !important;
2472
+ margin: 0 !important;
2416
2473
  }
2417
- @container main (max-width: 680px) {
2418
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
2419
- display: none;
2420
- }
2474
+ .adyen-kyc-dropdown-list:focus {
2475
+ outline: none;
2421
2476
  }
2422
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
2423
- margin: var(--adyen-internal-spacer-040, 8px) 0 0 0;
2424
- padding: var(--adyen-internal-spacer-000, 0px);
2477
+
2478
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2479
+ display: block;
2425
2480
  }
2426
2481
 
2427
- .adyen-kyc-form-navigation__home-button-item {
2428
- align-items: center;
2429
- display: flex;
2430
- justify-content: space-between;
2431
- list-style-type: none;
2432
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
2433
- }.adyen-kyc-form-navigation__item {
2482
+ .adyen-kyc-dropdown-element {
2434
2483
  align-items: center;
2435
- border-left: var(--adyen-internal-border-default-m);
2436
- color: var(--adyen-internal-color-label-primary, #001222);
2437
- cursor: default;
2438
2484
  display: flex;
2439
- padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-040, 8px);
2440
2485
  }
2441
- .adyen-kyc-form-navigation__item button {
2486
+
2487
+ .adyen-kyc-dropdown-ignore-pointer-events {
2488
+ pointer-events: none;
2489
+ }
2490
+
2491
+ .adyen-kyc-dropdown-handle-pointer-events {
2492
+ pointer-events: auto;
2493
+ }.adyen-kyc-select-input-wrapper {
2494
+ align-items: center;
2442
2495
  display: flex;
2443
- background: none;
2444
- border: none;
2496
+ background: var(--adyen-internal-color-background-primary, #ffffff);
2497
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
2498
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
2499
+ color: var(--adyen-internal-color-label-primary, #001222);
2445
2500
  font-size: var(--adyen-internal-text-body-font-size, 14px);
2446
2501
  line-height: var(--adyen-internal-text-body-line-height, 20px);
2447
- padding: var(--adyen-internal-spacer-000, 0px);
2448
- color: inherit;
2449
- text-align: left;
2502
+ min-height: 40px;
2503
+ outline: 0;
2504
+ padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-090, 24px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-060, 12px);
2505
+ text-decoration: none;
2506
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2507
+ user-select: none;
2450
2508
  }
2451
- .adyen-kyc-form-navigation__item--active {
2452
- border-left: var(--adyen-internal-border-width-m, 2px) solid;
2453
- color: var(--adyen-internal-color-label-highlight, #0f75dc);
2509
+
2510
+ .adyen-kyc-select-input-wrapper:hover {
2511
+ border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
2454
2512
  }
2455
- .adyen-kyc-form-navigation__item--isnav button {
2456
- cursor: pointer;
2513
+
2514
+ .adyen-kyc-select-input__icon svg {
2515
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2516
+ margin-right: var(--adyen-internal-spacer-040, 8px);
2517
+ height: 26px;
2518
+ max-width: 40px;
2457
2519
  }
2458
2520
 
2459
- .adyen-kyc-form-navigation__item-icon {
2460
- display: flex;
2461
- margin-left: var(--adyen-internal-spacer-040, 8px);
2521
+ .adyen-kyc-select-input {
2522
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
2462
2523
  }
2463
- .adyen-kyc-form-navigation__item-icon--success {
2464
- color: var(--adyen-internal-color-label-success, #008845);
2524
+
2525
+ .adyen-kyc-select-input--active,
2526
+ .adyen-kyc-select-input--active:hover,
2527
+ .adyen-kyc-select-input-wrapper:active,
2528
+ .adyen-kyc-select-input-wrapper:focus {
2529
+ border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
2530
+ outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
2465
2531
  }
2466
- .adyen-kyc-form-navigation__item-icon--error {
2467
- color: var(--adyen-internal-color-label-critical, #dc3801);
2468
- }.adyen-contract-viewer .adyen-document-viewer {
2469
- --adv-text-color: var(--adyen-internal-color-label-primary, #001222);
2470
- --adv-text-font-weight-regular: var(--adyen-internal-text-body-font-weight, 400);
2471
- --adv-text-font-weight-semi-bold: var(--adyen-internal-text-body-stronger-font-weight, 500);
2472
- --adv-text-line-height: var(--adyen-internal-text-body-line-height, 20px);
2473
- --adv-text-font-size-medium: var(--adyen-internal-text-body-font-size, 14px);
2474
- --adv-text-font-size-small: var(--adyen-internal-text-caption-font-size, 12px);
2475
- --adv-text-font-family: var(--adyen-internal-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2476
- --adv-heading-font-size: var(--adyen-internal-text-title-l-font-size, 24px);
2477
- --adv-heading-font-weight: var(--adyen-internal-text-title-l-font-weight, 600);
2478
- --adv-heading-line-height: var(--adyen-internal-text-title-l-line-height, 34px);
2479
- --adv-heading-2-font-size: var(--adyen-internal-text-title-m-font-size, 20px);
2480
- --adv-heading-2-font-weight: var(--adyen-internal-text-title-m-font-weight, 600);
2481
- --adv-heading-2-line-height: var(--adyen-internal-text-title-m-line-height, 30px);
2482
- --adv-color-white: var(--adyen-internal-color-background-primary, #ffffff);
2483
- --adv-color-grey-10: var(--adyen-internal-color-background-secondary, #f4f5f6);
2484
- --adv-color-grey-20: var(--adyen-internal-color-background-tertiary, #ecedef);
2485
- --adv-color-black: var(--adyen-internal-color-background-inverse-primary, #001222);
2486
- --adv-color-blue: var(--adyen-internal-color-decorative-blue, #006bd7);
2487
- --adv-accordion-header-color: var(--adyen-internal-color-label-primary, #001222);
2488
- --adv-accordion-header-font-weight: var(--adyen-internal-text-title-font-weight, 600);
2489
- --adv-accordion-header-hover-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2490
- --adv-accordion-header-active-background-color: var(--adyen-internal-color-background-primary-active, #ecedef);
2491
- --adv-accordion-content-padding: 0;
2492
- --adv-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2493
- --adv-section-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2494
- --adv-table-row-changed-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2495
- --adv-icon-color: var(--adyen-internal-color-label-primary, #001222);
2496
- --adv-link-color: var(--adyen-internal-color-link-primary, #0065c9);
2497
- --adv-link-active-color: var(--adyen-internal-color-link-primary, #0065c9);
2498
- --adv-link-visited-color: var(--adyen-internal-color-link-primary-visited, #540884);
2499
- }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-bigskip{height:var(--adv-text-font-size-medium)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.adv-heading{display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);margin:0;padding:0;text-align:var(--adv-heading-text-align)}.adv-heading--2{font-size:var(--adv-heading-2-font-size);font-weight:var(--adv-heading-2-font-weight);line-height:var(--adv-heading-2-line-height)}.adv-link{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.adv-link{background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;padding:0;text-decoration:var(--adv-link-text-decoration);text-overflow:ellipsis;vertical-align:baseline}.adv-link:hover{text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:active{color:var(--adv-link-active-color)}.adv-link:focus{outline:var(--adv-link-focus-outline);text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:visited{color:var(--adv-link-visited-color)}.adv-list{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.adv-list{display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list--no-markers{list-style:var(--adv-list-no-markers-list-style);padding:var(--adv-list-no-markers-padding)}.adv-list--no-markers .adv-list__item{padding-left:0}.adv-list__item{padding:var(--adv-list-item-padding)}.adv-list__item--no-marker{list-style:var(--adv-list-no-markers-list-style)}.adv-list--nested{list-style-type:circle;padding:var(--adv-list-nested-padding)}.adv-list--ordered{list-style-type:decimal}.adv-paragraph{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.adv-paragraph{margin-bottom:0;margin-top:0}.adv-paragraph:not(:first-child){margin-top:var(--adv-spacing-16)}.adv-section-box{background-color:var(--adv-section-background-color);border-radius:var(--adv-section-border-radius);margin:var(--adv-section-margin);padding:var(--adv-section-padding)}.adv-accordion__item{border-bottom:var(--adv-accordion-item-border-width) solid var(--adv-accordion-between-items-border-color);border-top:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);position:relative}.adv-accordion__item:last-child{border-bottom-color:var(--adv-accordion-item-border-color)}.adv-accordion__item--open{overflow:visible}.adv-accordion__header{color:var(--adv-accordion-header-color);cursor:pointer;display:flex;padding:var(--adv-accordion-header-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__header:hover{background-color:var(--adv-accordion-header-hover-background-color)}.adv-accordion__header:active{background-color:var(--adv-accordion-header-active-background-color)}.adv-accordion__header:focus{box-shadow:0 0 0 var(--adv-focus-ring-distance) var(--adv-focus-ring-background-color),0 0 0 var(--adv-focus-ring-width) var(--adv-focus-ring-color);transition:var(--adv-focus-ring-transition-duration) var(--adv-focus-ring-timing-function);transition-property:box-shadow;outline:none}.adv-accordion__title-wrapper{flex:1}.adv-accordion__title{color:var(--adv-accordion-title-color);font-weight:var(--adv-accordion-header-font-weight)}.adv-accordion__toggle{line-height:1;margin:var(--adv-accordion-toggle-margin);padding:var(--adv-accordion-toggle-padding);width:var(--adv-accordion-toggle-width)}.adv-accordion__content{box-sizing:border-box;margin:var(--adv-accordion-content-margin);overflow-x:auto;overflow-y:hidden;padding:var(--adv-accordion-content-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__item>.adv-accordion__content{margin:var(--adv-accordion-content-closed-margin)}.adv-accordion__item--open>.adv-accordion__content{margin:var(--adv-accordion-content-margin)}.adv-accordion--max-height-transition .adv-accordion__item>.adv-accordion__content{max-height:0;transition-duration:var(--adv-accordion-css-animated-transition-duration);transition-property:var(--adv-accordion-css-animated-transition-property)}.adv-accordion--max-height-transition .adv-accordion__item--open>.adv-accordion__content{max-height:var(--adv-accordion-css-animated-max-height)}.adv-collapsible-container{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.adv-collapsible-container{overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-icon{display:inline-block;fill:var(--adv-icon-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:relative;speak:none;text-transform:none;vertical-align:baseline}.adv-table{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-table *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.adv-table{border:var(--adv-table-border);border-collapse:collapse;border-spacing:0;line-height:var(--adv-table-line-height);margin:var(--adv-table-margin);padding:var(--adv-table-padding);text-align:left;width:var(--adv-table-width)}.adv-table--condensed .adv-table__cell{font-size:var(--adv-table-condensed-font-size);padding:var(--adv-table-condensed-cell-padding)}.adv-table__row{vertical-align:var(--adv-table-vertical-align);border-bottom:var(--adv-table-row-border)}.adv-table__row--changed{background-color:var(--adv-table-row-changed-background-color)}.adv-table__body{vertical-align:var(--adv-table-vertical-align)}.adv-table__body .adv-table__row:hover{background-color:var(--adv-table-row-changed-background-color)}.adv-table__cell{border-left:var(--adv-border-width) solid transparent;border-right:var(--adv-border-width) solid transparent;overflow:auto;padding:var(--adv-table-cell-padding);text-align:var(--adv-table-cell-text-align);vertical-align:inherit}.adv-table__cell:first-child,.adv-table__cell--first-column{padding-left:var(--adv-table-first-column-padding-left)}
2500
- .adyen-kyc-tos-signed-alert:last-of-type {
2501
- margin-top: var(--adyen-internal-spacer-070);
2532
+
2533
+ .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
2534
+ background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2535
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2536
+ cursor: not-allowed;
2537
+ pointer-events: none;
2538
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-disabled, #dadddf);
2539
+ }
2540
+
2541
+ .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
2542
+ background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2543
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2544
+ cursor: not-allowed;
2545
+ pointer-events: none;
2502
2546
  }
2503
2547
 
2504
- .adyen-kyc-tos-container {
2505
- height: 100%;
2548
+ .adyen-kyc-select-input--readonly::after {
2549
+ 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");
2506
2550
  }
2507
2551
 
2508
- .adyen-kyc-tos-content {
2509
- display: flex;
2510
- padding: var(--adyen-internal-spacer-070);
2552
+ .adyen-kyc-select-input--invalid {
2553
+ border-color: var(--adyen-internal-color-outline-critical, #dc3801);
2511
2554
  }
2512
2555
 
2513
- .adyen-kyc-tos-actions {
2514
- display: flex;
2515
- justify-content: space-between;
2516
- align-items: center;
2517
- gap: var(--adyen-internal-spacer-040);
2518
- padding: var(--adyen-internal-spacer-070);
2519
-
2520
- &:has(> :only-child) {
2521
- justify-content: flex-end;
2522
- }
2556
+ .adyen-kyc-select-input--minimal {
2557
+ min-height: unset;
2558
+ height: 100%;
2559
+ background: var(--adyen-internal-color-background-secondary, #f4f5f6);
2560
+ border: none;
2561
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2523
2562
  }
2524
- /* for container queries */
2525
- .adyen-kyc-stack-layout {
2563
+
2564
+ .adyen-kyc-select-input-search {
2565
+ align-items: center;
2526
2566
  display: flex;
2527
- flex-direction: column;
2567
+ width: 100%;
2568
+ }
2569
+ .adyen-kyc-select-input-search__icon {
2570
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2571
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2572
+ font-family: var(--adyen-internal-text-caption-font-family);
2573
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2574
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2575
+ padding-right: var(--adyen-internal-spacer-040, 8px);
2576
+ }
2577
+ .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
2578
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2528
2579
  }
2529
2580
 
2530
- .adyen-kyc-stack-layout-gap-xs {
2531
- gap: var(--adyen-internal-spacer-020);
2581
+ .adyen-kyc-select-input-search::after {
2582
+ display: none;
2532
2583
  }
2533
2584
 
2534
- .adyen-kyc-stack-layout-gap-s {
2535
- gap: var(--adyen-internal-spacer-040);
2585
+ .adyen-kyc-select-input-wrapper--filterable {
2586
+ cursor: text;
2536
2587
  }
2537
2588
 
2538
- .adyen-kyc-stack-layout-gap-m {
2539
- gap: var(--adyen-internal-spacer-070);
2589
+ .adyen-kyc-select-input-wrapper--non-filterable {
2590
+ cursor: pointer;
2540
2591
  }
2541
2592
 
2542
- .adyen-kyc-stack-layout-gap-l {
2543
- gap: var(--adyen-internal-spacer-100);
2593
+ .adyen-kyc-select-input-wrapper::after {
2594
+ 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");
2595
+ background-position: center;
2596
+ background-repeat: no-repeat;
2597
+ content: "";
2598
+ height: 6px;
2599
+ position: absolute;
2600
+ right: 16px;
2601
+ width: 8px;
2544
2602
  }
2545
2603
 
2546
- .adyen-kyc-stack-layout-gap-xl {
2547
- gap: var(--adyen-internal-spacer-140);
2604
+ .adyen-kyc-select-input--list-open::after {
2605
+ transform: rotate(180deg);
2548
2606
  }
2549
2607
 
2550
- .adyen-kyc-stack-layout-left {
2551
- align-items: flex-start;
2608
+ .adyen-kyc-select-input--filterable {
2609
+ border: 0;
2610
+ caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
2611
+ color: var(--adyen-internal-color-label-primary, #001222);
2612
+ font-family: inherit;
2613
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2614
+ height: 100%;
2615
+ padding: var(--adyen-internal-spacer-000, 0px);
2616
+ width: 100%;
2617
+ }
2618
+ .adyen-kyc-select-input--filterable::placeholder {
2619
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2620
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
2621
+ }
2622
+ .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
2623
+ outline: 0;
2552
2624
  }
2553
2625
 
2554
- .adyen-kyc-stack-layout-center {
2555
- align-items: center;
2626
+ .adyen-kyc-select-input--non-filterable {
2627
+ all: unset;
2556
2628
  }
2557
2629
 
2558
- .adyen-kyc-stack-layout-right {
2559
- align-items: flex-end;
2630
+ .adyen-kyc-select-input--placeholder {
2631
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2632
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
2560
2633
  }
2561
2634
 
2562
- .adyen-kyc-stack-layout-item {
2635
+ .adyen-kyc-ignore-pointer-events {
2636
+ pointer-events: none;
2637
+ }
2638
+
2639
+ .adyen-kyc-handle-pointer-events {
2640
+ pointer-events: auto;
2641
+ }.adyen-kyc-end-state-layout {
2642
+ align-items: center;
2643
+ display: flex;
2644
+ flex-direction: column;
2563
2645
  flex-grow: 1;
2646
+ gap: var(--adyen-internal-spacer-100);
2647
+ height: 100%;
2648
+ justify-content: center;
2649
+ margin-left: auto;
2650
+ margin-right: auto;
2651
+ max-width: 600px;
2564
2652
  width: 100%;
2565
2653
  }
2566
2654
 
2567
- @container main (min-width: 480px) {
2568
- .adyen-kyc-stack-layout-horizontal {
2569
- align-items: flex-start;
2570
- flex-direction: row;
2571
- }
2572
- .adyen-kyc-stack-layout-left-horizontal {
2573
- justify-content: flex-start;
2574
- }
2575
- .adyen-kyc-stack-layout-center-horizontal {
2576
- justify-content: center;
2577
- }
2578
- .adyen-kyc-stack-layout-right-horizontal {
2579
- justify-content: flex-end;
2580
- }
2581
- }/* for container queries */
2582
- .adyen-kyc-status {
2655
+ .adyen-kyc-end-state-layout-header {
2583
2656
  align-items: center;
2584
- border-radius: var(--adyen-internal-border-radius-xl);
2585
- display: inline-flex;
2586
- padding: var(--adyen-internal-spacer-020);
2657
+ display: flex;
2658
+ flex-direction: column;
2659
+ gap: var(--adyen-internal-spacer-040);
2660
+ text-align: center;
2587
2661
  }
2588
2662
 
2589
- .adyen-kyc-status-icon {
2590
- height: 18px;
2591
- width: 18px;
2592
- padding: 1px;
2663
+ .adyen-kyc-end-state-layout-icon {
2664
+ align-items: center;
2665
+ border-radius: 50%;
2666
+ display: flex;
2667
+ height: 64px;
2668
+ justify-content: center;
2669
+ width: 64px;
2593
2670
  }
2594
2671
 
2595
- .adyen-kyc-status-icon svg {
2596
- height: 16px;
2597
- width: 16px;
2672
+ .adyen-kyc-end-state-layout-icon svg {
2673
+ height: 24px;
2674
+ width: 24px;
2598
2675
  }
2599
2676
 
2600
- .adyen-kyc-status-text {
2601
- font-size: var(--adyen-internal-text-caption-font-size);
2602
- font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
2603
- line-height: var(--adyen-internal-text-caption-line-height);
2604
- padding-left: var(--adyen-internal-spacer-020);
2605
- padding-right: var(--adyen-internal-spacer-020);
2677
+ .adyen-kyc-end-state-layout-icon-success {
2678
+ background-color: var(--adyen-internal-color-decorative-green);
2679
+ box-shadow: var(--adyen-internal-shadow-medium);
2680
+ color: var(--adyen-internal-color-label-on-color);
2606
2681
  }
2607
2682
 
2608
- @container main (max-width: 480px) {
2609
- .adyen-kyc-status-text-responsive {
2610
- display: none;
2611
- }
2683
+ .adyen-kyc-end-state-layout-icon-error {
2684
+ background-color: var(--adyen-internal-color-background-critical-strong);
2685
+ box-shadow: var(--adyen-internal-shadow-medium);
2686
+ color: var(--adyen-internal-color-label-on-color);
2612
2687
  }
2613
2688
 
2614
- .adyen-kyc-status-neutral {
2615
- background-color: var(--adyen-internal-color-background-secondary);
2616
- color: var(--adyen-internal-color-label-disabled);
2617
- fill: var(--adyen-internal-color-label-disabled);
2689
+ .adyen-kyc-end-state-layout-icon-info {
2690
+ background-color: var(--adyen-internal-color-background-highlight-weak);
2691
+ color: var(--adyen-internal-color-label-highlight);
2618
2692
  }
2619
2693
 
2620
- .adyen-kyc-status-neutral .adyen-kyc-status-text {
2621
- color: var(--adyen-internal-color-label-secondary);
2694
+ .adyen-kyc-end-state-layout-icon-warning {
2695
+ background-color: var(--adyen-internal-color-decorative-yellow);
2696
+ color: var(--adyen-internal-color-label-primary);
2622
2697
  }
2623
2698
 
2624
- .adyen-kyc-status-error {
2625
- background-color: var(--adyen-internal-color-background-secondary);
2626
- color: var(--adyen-internal-color-label-critical);
2627
- fill: var(--adyen-internal-color-label-critical);
2699
+ .adyen-kyc-end-state-layout-text {
2700
+ align-items: center;
2701
+ display: flex;
2702
+ flex-direction: column;
2703
+ gap: var(--adyen-internal-spacer-040);
2704
+ text-align: center;
2628
2705
  }
2629
2706
 
2630
- .adyen-kyc-status-warning {
2631
- background-color: var(--adyen-internal-color-background-warning-weak);
2632
- color: var(--adyen-internal-color-label-warning);
2633
- fill: var(--adyen-internal-color-label-warning);
2707
+ .adyen-kyc-end-state-layout-title {
2708
+ color: var(--adyen-internal-color-label-primary);
2709
+ font-size: var(--adyen-internal-text-title-m-font-size);
2710
+ font-weight: var(--adyen-internal-text-title-m-font-weight);
2711
+ line-height: var(--adyen-internal-text-title-m-line-height);
2712
+ margin: 0;
2634
2713
  }
2635
2714
 
2636
- .adyen-kyc-status-success {
2637
- background-color: var(--adyen-internal-color-background-success-weak);
2715
+ .adyen-kyc-end-state-layout-description {
2716
+ color: var(--adyen-internal-color-label-secondary);
2717
+ font-size: var(--adyen-internal-text-body-font-size);
2718
+ font-weight: var(--adyen-internal-text-body-font-weight);
2719
+ line-height: var(--adyen-internal-text-body-line-height);
2720
+ }
2721
+
2722
+ .adyen-kyc-end-state-layout-action {
2723
+ display: flex;
2724
+ flex-direction: column;
2725
+ gap: var(--adyen-internal-spacer-040);
2726
+ max-width: 320px;
2727
+ width: 100%;
2728
+ }
2729
+ /* for container queries */
2730
+ .adyen-kyc-form-navigation {
2731
+ width: 100%;
2732
+ }
2733
+ @container main (max-width: 680px) {
2734
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
2735
+ display: none;
2736
+ }
2737
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
2738
+ font-size: 0;
2739
+ }
2740
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
2741
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
2742
+ font-family: var(--adyen-internal-text-title-font-family);
2743
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
2744
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
2745
+ padding-left: var(--adyen-internal-spacer-000, 0px);
2746
+ }
2747
+ }
2748
+ @container main (min-width: 680px) and (max-width: 1024px) {
2749
+ .adyen-kyc-form-navigation {
2750
+ padding-right: var(--adyen-internal-spacer-100, 32px);
2751
+ }
2752
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
2753
+ display: none;
2754
+ }
2755
+ }
2756
+ @container main (max-width: 680px) {
2757
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
2758
+ display: none;
2759
+ }
2638
2760
  }
2639
-
2640
- .adyen-kyc-status-success .adyen-kyc-status-text {
2641
- color: var(--adyen-internal-color-label-primary);
2761
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
2762
+ margin: var(--adyen-internal-spacer-040, 8px) 0 0 0;
2763
+ padding: var(--adyen-internal-spacer-000, 0px);
2642
2764
  }
2643
2765
 
2644
- .adyen-kyc-status-success .adyen-kyc-status-icon {
2645
- color: var(--adyen-internal-color-label-success);
2646
- fill: var(--adyen-internal-color-label-success);
2647
- }.adyen-kyc-header {
2766
+ .adyen-kyc-form-navigation__home-button-item {
2767
+ align-items: center;
2648
2768
  display: flex;
2649
- flex-direction: column;
2650
- gap: var(--adyen-internal-spacer-070);
2651
- }
2652
-
2653
- .adyen-kyc-header-margin {
2654
- margin-bottom: var(--adyen-internal-spacer-140);
2655
- }
2656
-
2657
- .adyen-kyc-header-margin-secondary {
2658
- margin-bottom: var(--adyen-internal-spacer-100);
2769
+ justify-content: space-between;
2770
+ list-style-type: none;
2771
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
2772
+ }.adyen-kyc-form-navigation__item {
2773
+ align-items: center;
2774
+ border-left: var(--adyen-internal-border-default-m);
2775
+ color: var(--adyen-internal-color-label-primary, #001222);
2776
+ cursor: default;
2777
+ display: flex;
2778
+ padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-040, 8px);
2659
2779
  }
2660
-
2661
- .adyen-kyc-header-left {
2662
- align-items: flex-start;
2780
+ .adyen-kyc-form-navigation__item button {
2781
+ display: flex;
2782
+ background: none;
2783
+ border: none;
2784
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2785
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
2786
+ padding: var(--adyen-internal-spacer-000, 0px);
2787
+ color: inherit;
2663
2788
  text-align: left;
2664
2789
  }
2665
-
2666
- .adyen-kyc-header-center {
2667
- align-items: center;
2668
- text-align: center;
2790
+ .adyen-kyc-form-navigation__item--active {
2791
+ border-left: var(--adyen-internal-border-width-m, 2px) solid;
2792
+ color: var(--adyen-internal-color-label-highlight, #0f75dc);
2669
2793
  }
2670
-
2671
- .adyen-kyc-header-right {
2672
- align-items: flex-end;
2673
- text-align: right;
2794
+ .adyen-kyc-form-navigation__item--isnav button {
2795
+ cursor: pointer;
2674
2796
  }
2675
2797
 
2676
- .adyen-kyc-header-content {
2798
+ .adyen-kyc-form-navigation__item-icon {
2677
2799
  display: flex;
2678
- flex-direction: column;
2679
- gap: var(--adyen-internal-spacer-040);
2800
+ margin-left: var(--adyen-internal-spacer-040, 8px);
2680
2801
  }
2681
-
2682
- .adyen-kyc-header-actions {
2683
- max-width: 300px;
2802
+ .adyen-kyc-form-navigation__item-icon--success {
2803
+ color: var(--adyen-internal-color-label-success, #008845);
2684
2804
  }
2685
-
2686
- .adyen-kyc-header-title {
2687
- color: var(--adyen-internal-color-label-primary);
2688
- margin: 0;
2805
+ .adyen-kyc-form-navigation__item-icon--error {
2806
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2807
+ }.adyen-contract-viewer .adyen-document-viewer {
2808
+ --adv-text-color: var(--adyen-internal-color-label-primary, #001222);
2809
+ --adv-text-font-weight-regular: var(--adyen-internal-text-body-font-weight, 400);
2810
+ --adv-text-font-weight-semi-bold: var(--adyen-internal-text-body-stronger-font-weight, 500);
2811
+ --adv-text-line-height: var(--adyen-internal-text-body-line-height, 20px);
2812
+ --adv-text-font-size-medium: var(--adyen-internal-text-body-font-size, 14px);
2813
+ --adv-text-font-size-small: var(--adyen-internal-text-caption-font-size, 12px);
2814
+ --adv-text-font-family: var(--adyen-internal-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2815
+ --adv-heading-font-size: var(--adyen-internal-text-title-l-font-size, 24px);
2816
+ --adv-heading-font-weight: var(--adyen-internal-text-title-l-font-weight, 600);
2817
+ --adv-heading-line-height: var(--adyen-internal-text-title-l-line-height, 34px);
2818
+ --adv-heading-2-font-size: var(--adyen-internal-text-title-m-font-size, 20px);
2819
+ --adv-heading-2-font-weight: var(--adyen-internal-text-title-m-font-weight, 600);
2820
+ --adv-heading-2-line-height: var(--adyen-internal-text-title-m-line-height, 30px);
2821
+ --adv-color-white: var(--adyen-internal-color-background-primary, #ffffff);
2822
+ --adv-color-grey-10: var(--adyen-internal-color-background-secondary, #f4f5f6);
2823
+ --adv-color-grey-20: var(--adyen-internal-color-background-tertiary, #ecedef);
2824
+ --adv-color-black: var(--adyen-internal-color-background-inverse-primary, #001222);
2825
+ --adv-color-blue: var(--adyen-internal-color-decorative-blue, #006bd7);
2826
+ --adv-accordion-header-color: var(--adyen-internal-color-label-primary, #001222);
2827
+ --adv-accordion-header-font-weight: var(--adyen-internal-text-title-font-weight, 600);
2828
+ --adv-accordion-header-hover-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2829
+ --adv-accordion-header-active-background-color: var(--adyen-internal-color-background-primary-active, #ecedef);
2830
+ --adv-accordion-content-padding: 0;
2831
+ --adv-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2832
+ --adv-section-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2833
+ --adv-table-row-changed-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2834
+ --adv-icon-color: var(--adyen-internal-color-label-primary, #001222);
2835
+ --adv-link-color: var(--adyen-internal-color-link-primary, #0065c9);
2836
+ --adv-link-active-color: var(--adyen-internal-color-link-primary, #0065c9);
2837
+ --adv-link-visited-color: var(--adyen-internal-color-link-primary-visited, #540884);
2838
+ }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-bigskip{height:var(--adv-text-font-size-medium)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.adv-heading{display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);margin:0;padding:0;text-align:var(--adv-heading-text-align)}.adv-heading--2{font-size:var(--adv-heading-2-font-size);font-weight:var(--adv-heading-2-font-weight);line-height:var(--adv-heading-2-line-height)}.adv-link{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.adv-link{background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;padding:0;text-decoration:var(--adv-link-text-decoration);text-overflow:ellipsis;vertical-align:baseline}.adv-link:hover{text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:active{color:var(--adv-link-active-color)}.adv-link:focus{outline:var(--adv-link-focus-outline);text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:visited{color:var(--adv-link-visited-color)}.adv-list{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.adv-list{display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list--no-markers{list-style:var(--adv-list-no-markers-list-style);padding:var(--adv-list-no-markers-padding)}.adv-list--no-markers .adv-list__item{padding-left:0}.adv-list__item{padding:var(--adv-list-item-padding)}.adv-list__item--no-marker{list-style:var(--adv-list-no-markers-list-style)}.adv-list--nested{list-style-type:circle;padding:var(--adv-list-nested-padding)}.adv-list--ordered{list-style-type:decimal}.adv-paragraph{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.adv-paragraph{margin-bottom:0;margin-top:0}.adv-paragraph:not(:first-child){margin-top:var(--adv-spacing-16)}.adv-section-box{background-color:var(--adv-section-background-color);border-radius:var(--adv-section-border-radius);margin:var(--adv-section-margin);padding:var(--adv-section-padding)}.adv-accordion__item{border-bottom:var(--adv-accordion-item-border-width) solid var(--adv-accordion-between-items-border-color);border-top:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);position:relative}.adv-accordion__item:last-child{border-bottom-color:var(--adv-accordion-item-border-color)}.adv-accordion__item--open{overflow:visible}.adv-accordion__header{color:var(--adv-accordion-header-color);cursor:pointer;display:flex;padding:var(--adv-accordion-header-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__header:hover{background-color:var(--adv-accordion-header-hover-background-color)}.adv-accordion__header:active{background-color:var(--adv-accordion-header-active-background-color)}.adv-accordion__header:focus{box-shadow:0 0 0 var(--adv-focus-ring-distance) var(--adv-focus-ring-background-color),0 0 0 var(--adv-focus-ring-width) var(--adv-focus-ring-color);transition:var(--adv-focus-ring-transition-duration) var(--adv-focus-ring-timing-function);transition-property:box-shadow;outline:none}.adv-accordion__title-wrapper{flex:1}.adv-accordion__title{color:var(--adv-accordion-title-color);font-weight:var(--adv-accordion-header-font-weight)}.adv-accordion__toggle{line-height:1;margin:var(--adv-accordion-toggle-margin);padding:var(--adv-accordion-toggle-padding);width:var(--adv-accordion-toggle-width)}.adv-accordion__content{box-sizing:border-box;margin:var(--adv-accordion-content-margin);overflow-x:auto;overflow-y:hidden;padding:var(--adv-accordion-content-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__item>.adv-accordion__content{margin:var(--adv-accordion-content-closed-margin)}.adv-accordion__item--open>.adv-accordion__content{margin:var(--adv-accordion-content-margin)}.adv-accordion--max-height-transition .adv-accordion__item>.adv-accordion__content{max-height:0;transition-duration:var(--adv-accordion-css-animated-transition-duration);transition-property:var(--adv-accordion-css-animated-transition-property)}.adv-accordion--max-height-transition .adv-accordion__item--open>.adv-accordion__content{max-height:var(--adv-accordion-css-animated-max-height)}.adv-collapsible-container{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.adv-collapsible-container{overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-icon{display:inline-block;fill:var(--adv-icon-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:relative;speak:none;text-transform:none;vertical-align:baseline}.adv-table{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-table *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.adv-table{border:var(--adv-table-border);border-collapse:collapse;border-spacing:0;line-height:var(--adv-table-line-height);margin:var(--adv-table-margin);padding:var(--adv-table-padding);text-align:left;width:var(--adv-table-width)}.adv-table--condensed .adv-table__cell{font-size:var(--adv-table-condensed-font-size);padding:var(--adv-table-condensed-cell-padding)}.adv-table__row{vertical-align:var(--adv-table-vertical-align);border-bottom:var(--adv-table-row-border)}.adv-table__row--changed{background-color:var(--adv-table-row-changed-background-color)}.adv-table__body{vertical-align:var(--adv-table-vertical-align)}.adv-table__body .adv-table__row:hover{background-color:var(--adv-table-row-changed-background-color)}.adv-table__cell{border-left:var(--adv-border-width) solid transparent;border-right:var(--adv-border-width) solid transparent;overflow:auto;padding:var(--adv-table-cell-padding);text-align:var(--adv-table-cell-text-align);vertical-align:inherit}.adv-table__cell:first-child,.adv-table__cell--first-column{padding-left:var(--adv-table-first-column-padding-left)}
2839
+ .adyen-kyc-tos-signed-alert:last-of-type {
2840
+ margin-top: var(--adyen-internal-spacer-070);
2689
2841
  }
2690
2842
 
2691
- .adyen-kyc-header-title-primary {
2692
- font-size: var(--adyen-internal-text-title-l-font-size);
2693
- font-family: var(--adyen-internal-text-title-l-font-family);
2694
- font-weight: var(--adyen-internal-text-title-l-font-weight);
2695
- line-height: var(--adyen-internal-text-title-l-line-height);
2843
+ .adyen-kyc-tos-container {
2844
+ height: 100%;
2696
2845
  }
2697
2846
 
2698
- .adyen-kyc-header-title-secondary {
2699
- font-size: var(--adyen-internal-text-title-font-size);
2700
- font-family: var(--adyen-internal-text-title-font-family);
2701
- font-weight: var(--adyen-internal-text-title-font-weight);
2702
- }
2847
+ .adyen-kyc-tos-content {
2848
+ display: flex;
2849
+ flex-direction: column;
2850
+ padding: var(--adyen-internal-spacer-070);
2703
2851
 
2704
- .adyen-kyc-header-description {
2705
- font-size: var(--adyen-internal-text-body-font-size);
2706
- font-family: var(--adyen-internal-text-body-font-family);
2707
- font-weight: var(--adyen-internal-text-body-font-weight);
2708
- line-height: var(--adyen-internal-text-body-line-height);
2852
+ @container main (min-width:480px) {
2853
+ flex-direction: row;
2854
+ }
2709
2855
  }
2710
2856
 
2711
- .adyen-kyc-header-description-primary {
2712
- color: var(--adyen-internal-color-label-primary);
2857
+ .adyen-kyc-tos-signer-field {
2858
+ width: 100%;
2859
+
2860
+ @container main (min-width: 680px) {
2861
+ width: 50%;
2862
+ }
2713
2863
  }
2714
2864
 
2715
- .adyen-kyc-header-description-secondary {
2716
- color: var(--adyen-internal-color-label-secondary);
2865
+ .adyen-kyc-tos-actions {
2866
+ display: flex;
2867
+ justify-content: space-between;
2868
+ align-items: center;
2869
+ gap: var(--adyen-internal-spacer-040);
2870
+ padding: var(--adyen-internal-spacer-070);
2871
+
2872
+ &:has(> :only-child) {
2873
+ justify-content: flex-end;
2874
+ }
2717
2875
  }
2718
2876
  .adyen-kyc-list {
2719
2877
  display: flex;
@@ -3306,7 +3464,12 @@ fieldset {
3306
3464
  padding-bottom: var(--adyen-internal-spacer-000, 0px);
3307
3465
  padding-left: var(--adyen-internal-spacer-090, 24px);
3308
3466
  position: relative;
3309
- }.adyen-kyc-business-financing-lei-radio {
3467
+ }.adyen-kyc-summary-header {
3468
+ display: flex;
3469
+ justify-content: space-between;
3470
+ align-items: center;
3471
+ }
3472
+ .adyen-kyc-business-financing-lei-radio {
3310
3473
  display: grid;
3311
3474
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3312
3475
  column-gap: var(--adyen-internal-spacer-100, 32px);
@@ -3401,136 +3564,46 @@ fieldset {
3401
3564
  }
3402
3565
 
3403
3566
  @container main (min-width: 680px) {
3404
- .adyen-kyc-document-guidance__container {
3405
- grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
3406
- }
3407
- }
3408
- .adyen-kyc-document-guidance__item {
3409
- display: flex;
3410
- flex-direction: column;
3411
- align-items: center;
3412
- margin: var(--adyen-internal-spacer-060, 12px);
3413
- }
3414
- @container main (max-width: 680px) {
3415
- .adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
3416
- margin: var(--adyen-internal-spacer-000, 0px);
3417
- }
3418
- }
3419
-
3420
- .adyen-kyc-document-guidance__item > span {
3421
- height: auto;
3422
- width: 100px;
3423
- }
3424
-
3425
- .adyen-kyc-document-guidance__description {
3426
- display: flex;
3427
- gap: var(--adyen-internal-spacer-040, 8px);
3428
- margin-top: var(--adyen-internal-spacer-010, 2px);
3429
- color: var(--adyen-internal-color-label-on-color, #ffffff);
3430
- }
3431
-
3432
- .adyen-kyc-document-guidance__description-text {
3433
- color: var(--adyen-internal-color-label-primary, #001222);
3434
- }
3435
-
3436
- .adyen-kyc-document-guidance__icon {
3437
- height: 16px;
3438
- width: 16px;
3439
- border-radius: 50%;
3440
- background-color: var(--adyen-internal-color-background-success-strong, #008845);
3441
- }
3442
- .adyen-kyc-document-guidance__icon--invalid {
3443
- background-color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3444
- }.adyen-kyc-dropzone {
3445
- border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-secondary, #c8ccd0);
3446
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3447
- display: flex;
3448
- flex-direction: column;
3449
- padding: var(--adyen-internal-spacer-080, 20px) var(--adyen-internal-spacer-090, 24px);
3450
- min-height: 70px;
3451
- transition: all 0.2s ease-out;
3452
- margin-top: var(--adyen-internal-spacer-040, 8px);
3453
- }
3454
- .adyen-kyc-dropzone--dragged {
3455
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-secondary-active, #001222);
3456
- box-shadow: var(--adyen-internal-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
3457
- }
3458
- .adyen-kyc-dropzone--error {
3459
- border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-critical, #dc3801);
3460
- }
3461
- .adyen-kyc-dropzone__icon {
3462
- display: flex;
3463
- align-items: center;
3464
- justify-content: center;
3465
- background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3466
- border-radius: 50%;
3467
- height: 32px;
3468
- width: 32px;
3469
- margin: var(--adyen-internal-spacer-000, 0px) auto var(--adyen-internal-spacer-060, 12px);
3470
- }
3471
- .adyen-kyc-dropzone__labels h4 {
3472
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
3473
- }
3474
- .adyen-kyc-dropzone__labels {
3475
- display: flex;
3476
- flex-direction: column;
3477
- margin-bottom: var(--adyen-internal-spacer-060, 12px);
3478
- text-align: center;
3479
- }
3480
- .adyen-kyc-dropzone__input {
3481
- display: none;
3482
- }
3483
- .adyen-kyc-dropzone__button {
3484
- text-align: center;
3485
- }
3486
- .adyen-kyc-dropzone__extras {
3487
- margin-top: var(--adyen-internal-spacer-040, 8px);
3488
- }.adyen-kyc-dropzone-file {
3489
- display: flex;
3490
- align-items: center;
3491
- justify-content: space-between;
3492
- background: var(--adyen-internal-color-background-secondary, #f4f5f6);
3493
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3494
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3495
- padding: var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-070, 16px);
3496
- width: 100%;
3497
- margin-top: var(--adyen-internal-spacer-040, 8px);
3498
- }
3499
- .adyen-kyc-dropzone-file--error {
3500
- background-color: var(--adyen-internal-color-background-critical-weak, #fff3ef);
3501
- }
3502
- .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
3503
- color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3504
- }
3505
- .adyen-kyc-dropzone-file__icon {
3506
- align-items: center;
3507
- display: flex;
3508
- margin-right: var(--adyen-internal-spacer-040, 8px);
3509
- color: var(--adyen-internal-color-background-success-strong, #008845);
3567
+ .adyen-kyc-document-guidance__container {
3568
+ grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
3569
+ }
3510
3570
  }
3511
- .adyen-kyc-dropzone-file__labels {
3512
- overflow: hidden;
3571
+ .adyen-kyc-document-guidance__item {
3513
3572
  display: flex;
3573
+ flex-direction: column;
3514
3574
  align-items: center;
3575
+ margin: var(--adyen-internal-spacer-060, 12px);
3515
3576
  }
3516
- .adyen-kyc-dropzone-file__name {
3517
- overflow: hidden;
3518
- text-overflow: ellipsis;
3519
- white-space: nowrap;
3520
- max-width: 600px;
3577
+ @container main (max-width: 680px) {
3578
+ .adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
3579
+ margin: var(--adyen-internal-spacer-000, 0px);
3580
+ }
3521
3581
  }
3522
- .adyen-kyc-dropzone-file__size {
3523
- margin-left: var(--adyen-internal-spacer-040, 8px);
3582
+
3583
+ .adyen-kyc-document-guidance__item > span {
3584
+ height: auto;
3585
+ width: 100px;
3524
3586
  }
3525
- .adyen-kyc-dropzone-file__error {
3526
- color: var(--adyen-internal-color-label-critical, #dc3801);
3527
- margin-top: var(--adyen-internal-spacer-020, 4px);
3587
+
3588
+ .adyen-kyc-document-guidance__description {
3589
+ display: flex;
3590
+ gap: var(--adyen-internal-spacer-040, 8px);
3591
+ margin-top: var(--adyen-internal-spacer-010, 2px);
3592
+ color: var(--adyen-internal-color-label-on-color, #ffffff);
3528
3593
  }
3529
- .adyen-kyc-dropzone-file__button {
3530
- border: 0;
3531
- padding: var(--adyen-internal-spacer-000, 0px);
3532
- }.adyen-kyc-description-field {
3533
- padding: var(--adyen-internal-spacer-080, 20px) 0;
3594
+
3595
+ .adyen-kyc-document-guidance__description-text {
3596
+ color: var(--adyen-internal-color-label-primary, #001222);
3597
+ }
3598
+
3599
+ .adyen-kyc-document-guidance__icon {
3600
+ height: 16px;
3601
+ width: 16px;
3602
+ border-radius: 50%;
3603
+ background-color: var(--adyen-internal-color-background-success-strong, #008845);
3604
+ }
3605
+ .adyen-kyc-document-guidance__icon--invalid {
3606
+ background-color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3534
3607
  }.adyen-kyc-tile-container {
3535
3608
  width: 100%;
3536
3609
  }
@@ -3664,6 +3737,96 @@ fieldset {
3664
3737
 
3665
3738
  .adyen-kyc-options {
3666
3739
  margin-top: var(--adyen-internal-spacer-080, 20px);
3740
+ }.adyen-kyc-dropzone {
3741
+ border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-secondary, #c8ccd0);
3742
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
3743
+ display: flex;
3744
+ flex-direction: column;
3745
+ padding: var(--adyen-internal-spacer-080, 20px) var(--adyen-internal-spacer-090, 24px);
3746
+ min-height: 70px;
3747
+ transition: all 0.2s ease-out;
3748
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3749
+ }
3750
+ .adyen-kyc-dropzone--dragged {
3751
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-secondary-active, #001222);
3752
+ box-shadow: var(--adyen-internal-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
3753
+ }
3754
+ .adyen-kyc-dropzone--error {
3755
+ border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-critical, #dc3801);
3756
+ }
3757
+ .adyen-kyc-dropzone__icon {
3758
+ display: flex;
3759
+ align-items: center;
3760
+ justify-content: center;
3761
+ background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3762
+ border-radius: 50%;
3763
+ height: 32px;
3764
+ width: 32px;
3765
+ margin: var(--adyen-internal-spacer-000, 0px) auto var(--adyen-internal-spacer-060, 12px);
3766
+ }
3767
+ .adyen-kyc-dropzone__labels h4 {
3768
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
3769
+ }
3770
+ .adyen-kyc-dropzone__labels {
3771
+ display: flex;
3772
+ flex-direction: column;
3773
+ margin-bottom: var(--adyen-internal-spacer-060, 12px);
3774
+ text-align: center;
3775
+ }
3776
+ .adyen-kyc-dropzone__input {
3777
+ display: none;
3778
+ }
3779
+ .adyen-kyc-dropzone__button {
3780
+ text-align: center;
3781
+ }
3782
+ .adyen-kyc-dropzone__extras {
3783
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3784
+ }.adyen-kyc-dropzone-file {
3785
+ display: flex;
3786
+ align-items: center;
3787
+ justify-content: space-between;
3788
+ background: var(--adyen-internal-color-background-secondary, #f4f5f6);
3789
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
3790
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
3791
+ padding: var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-070, 16px);
3792
+ width: 100%;
3793
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3794
+ }
3795
+ .adyen-kyc-dropzone-file--error {
3796
+ background-color: var(--adyen-internal-color-background-critical-weak, #fff3ef);
3797
+ }
3798
+ .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
3799
+ color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3800
+ }
3801
+ .adyen-kyc-dropzone-file__icon {
3802
+ align-items: center;
3803
+ display: flex;
3804
+ margin-right: var(--adyen-internal-spacer-040, 8px);
3805
+ color: var(--adyen-internal-color-background-success-strong, #008845);
3806
+ }
3807
+ .adyen-kyc-dropzone-file__labels {
3808
+ overflow: hidden;
3809
+ display: flex;
3810
+ align-items: center;
3811
+ }
3812
+ .adyen-kyc-dropzone-file__name {
3813
+ overflow: hidden;
3814
+ text-overflow: ellipsis;
3815
+ white-space: nowrap;
3816
+ max-width: 600px;
3817
+ }
3818
+ .adyen-kyc-dropzone-file__size {
3819
+ margin-left: var(--adyen-internal-spacer-040, 8px);
3820
+ }
3821
+ .adyen-kyc-dropzone-file__error {
3822
+ color: var(--adyen-internal-color-label-critical, #dc3801);
3823
+ margin-top: var(--adyen-internal-spacer-020, 4px);
3824
+ }
3825
+ .adyen-kyc-dropzone-file__button {
3826
+ border: 0;
3827
+ padding: var(--adyen-internal-spacer-000, 0px);
3828
+ }.adyen-kyc-description-field {
3829
+ padding: var(--adyen-internal-spacer-080, 20px) 0;
3667
3830
  }.adyen-kyc-landing-layout-image {
3668
3831
  margin: 0 auto;
3669
3832
  }
@@ -3905,148 +4068,60 @@ fieldset {
3905
4068
  margin: 0 var(--step-progress-internal-height);
3906
4069
  }
3907
4070
 
3908
- .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3909
- padding: 0 calc(var(--step-progress-internal-height) / 2);
3910
- margin: 0 calc(var(--step-progress-internal-height) / 2);
3911
- }/* for container queries */
3912
- .adyen-kyc-form-container {
3913
- width: 100%;
3914
- }
3915
- @container main (min-width: 680px) and (max-width: 1024px) {
3916
- .adyen-kyc-form-container {
3917
- flex: 1;
3918
- }
3919
- }
3920
-
3921
- .adyen-kyc-form-wrapper--hidden {
3922
- display: none;
3923
- }
3924
-
3925
- .adyen-kyc-dropin__sidebar-wrapper {
3926
- width: 27%;
3927
- }
3928
-
3929
- .adyen-kyc-form-with-sidebar {
3930
- display: flex;
3931
- width: 100%;
3932
- }
3933
-
3934
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3935
- flex: 1;
3936
- }
3937
-
3938
- @container main (max-width: 680px) {
3939
- .adyen-kyc-dropin__content-main,
3940
- .adyen-kyc-form-with-sidebar {
3941
- flex-direction: column;
3942
- }
3943
- }/* for container queries */
3944
- .adyen-action-bar {
3945
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
3946
- display: flex;
3947
- align-items: center;
3948
- margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
3949
- }
3950
- @container main (max-width: 680px) {
3951
- .adyen-action-bar {
3952
- flex-direction: column;
3953
- gap: var(--adyen-internal-spacer-040, 8px);
3954
- }
3955
- }
3956
- @container main (min-width: 680px) and (max-width: 1024px) {
3957
- .adyen-action-bar {
3958
- flex-flow: row-reverse;
3959
- justify-content: space-between;
3960
- }
3961
- }.adyen-kyc-card {
3962
- all: unset;
3963
- display: block;
3964
- width: 100%;
3965
- box-sizing: border-box;
3966
- border-radius: var(--adyen-internal-border-radius-l);
3967
- transition: 200ms;
3968
- border: 1px solid transparent;
3969
- overflow: hidden;
3970
- }
3971
-
3972
- .adyen-kyc-card-primary {
3973
- background-color: var(--adyen-internal-color-background-primary);
3974
- border-color: var(--adyen-internal-color-outline-primary);
3975
- }
3976
-
3977
- .adyen-kyc-card-secondary {
3978
- background-color: var(--adyen-internal-color-background-secondary);
3979
- }
3980
-
3981
- .adyen-kyc-card-padding-small {
3982
- padding: var(--adyen-internal-spacer-040);
3983
- }
3984
-
3985
- .adyen-kyc-card-padding-medium {
3986
- padding: var(--adyen-internal-spacer-070);
3987
- }
3988
-
3989
- .adyen-kyc-card-padding-large {
3990
- padding: var(--adyen-internal-spacer-090);
3991
- }
3992
-
3993
- .adyen-kyc-card-elevation-low {
3994
- box-shadow: var(--adyen-internal-shadow-low);
3995
- }
3996
-
3997
- .adyen-kyc-card-elevation-medium {
3998
- box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-medium);
3999
- }
4000
-
4001
- .adyen-kyc-card-elevation-high {
4002
- box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-high);
4003
- }
4004
-
4005
- .adyen-kyc-card-interactive {
4006
- cursor: pointer;
4007
- outline-offset: calc(1px + var(--adyen-internal-focus-ring-spacer));
4008
- outline: var(--adyen-internal-focus-ring-outline) solid transparent;
4009
- }
4010
-
4011
- .adyen-kyc-card-interactive:disabled {
4012
- background-color: var(--adyen-internal-color-background-disabled);
4013
- box-shadow: none;
4014
- border-color: transparent;
4015
- color: var(--adyen-internal-color-label-disabled);
4016
- cursor: default;
4017
- }
4018
-
4019
- @media (hover: hover) {
4020
- .adyen-kyc-card-interactive.adyen-kyc-card-primary:hover:not(.adyen-kyc-card-interactive:disabled) {
4021
- background-color: var(--adyen-internal-color-background-primary-hover);
4022
- }
4023
-
4024
- .adyen-kyc-card-interactive.adyen-kyc-card-secondary:hover:not(.adyen-kyc-card-interactive:disabled) {
4025
- background-color: var(--adyen-internal-color-background-secondary-hover);
4071
+ .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
4072
+ padding: 0 calc(var(--step-progress-internal-height) / 2);
4073
+ margin: 0 calc(var(--step-progress-internal-height) / 2);
4074
+ }/* for container queries */
4075
+ .adyen-kyc-form-container {
4076
+ width: 100%;
4077
+ }
4078
+ @container main (min-width: 680px) and (max-width: 1024px) {
4079
+ .adyen-kyc-form-container {
4080
+ flex: 1;
4026
4081
  }
4027
4082
  }
4028
4083
 
4029
- .adyen-kyc-card-interactive:focus-visible {
4030
- outline-color: var(--adyen-internal-focus-ring-color);
4084
+ .adyen-kyc-form-wrapper--hidden {
4085
+ display: none;
4031
4086
  }
4032
4087
 
4033
- .adyen-kyc-card-interactive.adyen-kyc-card-primary:active:not(.adyen-kyc-card-interactive:disabled) {
4034
- background-color: var(--adyen-internal-color-background-primary-active);
4088
+ .adyen-kyc-dropin__sidebar-wrapper {
4089
+ width: 27%;
4035
4090
  }
4036
4091
 
4037
- .adyen-kyc-card-interactive.adyen-kyc-card-secondary:active:not(.adyen-kyc-card-interactive:disabled) {
4038
- background-color: var(--adyen-internal-color-background-secondary-active);
4092
+ .adyen-kyc-form-with-sidebar {
4093
+ display: flex;
4094
+ width: 100%;
4039
4095
  }
4040
4096
 
4041
- .adyen-kyc-card-interactive.adyen-kyc-card-selected {
4042
- pointer-events: none;
4097
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
4098
+ flex: 1;
4043
4099
  }
4044
4100
 
4045
- .adyen-kyc-card-selected {
4046
- outline-offset: -1px;
4047
- outline: 2px solid var(--adyen-internal-color-outline-primary-active);
4101
+ @container main (max-width: 680px) {
4102
+ .adyen-kyc-dropin__content-main,
4103
+ .adyen-kyc-form-with-sidebar {
4104
+ flex-direction: column;
4105
+ }
4106
+ }/* for container queries */
4107
+ .adyen-action-bar {
4108
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
4109
+ display: flex;
4110
+ align-items: center;
4111
+ margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
4048
4112
  }
4049
- /* for container queries */
4113
+ @container main (max-width: 680px) {
4114
+ .adyen-action-bar {
4115
+ flex-direction: column;
4116
+ gap: var(--adyen-internal-spacer-040, 8px);
4117
+ }
4118
+ }
4119
+ @container main (min-width: 680px) and (max-width: 1024px) {
4120
+ .adyen-action-bar {
4121
+ flex-flow: row-reverse;
4122
+ justify-content: space-between;
4123
+ }
4124
+ }/* for container queries */
4050
4125
  .adyen-kyc-radio-group-card {
4051
4126
  display: flex;
4052
4127
  flex-direction: column;
@@ -4652,84 +4727,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
4652
4727
  flex: 1;
4653
4728
  overflow-x: auto;
4654
4729
  }
4655
- .adyen-kyc-detail-view-layout {
4656
- display: flex;
4657
- flex-direction: column;
4658
- margin-left: auto;
4659
- margin-right: auto;
4660
- max-width: 600px;
4661
- width: 100%;
4662
- }
4663
-
4664
- .adyen-kyc-detail-view-layout-default {
4665
- gap: var(--adyen-internal-spacer-140);
4666
- }
4667
-
4668
- .adyen-kyc-detail-view-layout-compact {
4669
- gap: var(--adyen-internal-spacer-100);
4670
- }
4671
-
4672
- .adyen-kyc-detail-view-layout-header {
4673
- display: flex;
4674
- flex-direction: column;
4675
- gap: var(--adyen-internal-spacer-040);
4676
- }
4677
-
4678
- .adyen-kyc-detail-view-layout-title {
4679
- color: var(--adyen-internal-color-label-primary);
4680
- font-size: var(--adyen-internal-text-title-l-font-size);
4681
- font-weight: var(--adyen-internal-text-title-l-font-weight);
4682
- line-height: var(--adyen-internal-text-title-l-line-height);
4683
- margin: 0;
4684
- }
4685
-
4686
- .adyen-kyc-detail-view-layout-description {
4687
- font-size: var(--adyen-internal-text-title-font-size);
4688
- font-weight: var(--adyen-internal-text-body-font-weight);
4689
- line-height: var(--adyen-internal-text-title-line-height);
4690
- }
4691
-
4692
- .adyen-kyc-detail-view-layout-align-left {
4693
- justify-content: flex-start;
4694
- text-align: left;
4695
- }
4696
-
4697
- .adyen-kyc-detail-view-layout-align-center {
4698
- justify-content: center;
4699
- text-align: center;
4700
- }
4701
-
4702
- .adyen-kyc-detail-view-layout-align-right {
4703
- justify-content: flex-end;
4704
- text-align: right;
4705
- }
4706
-
4707
- .adyen-kyc-detail-view-layout-content {
4708
- display: flex;
4709
- flex-direction: column;
4710
- gap: var(--adyen-internal-spacer-070);
4711
- }
4712
-
4713
- .adyen-kyc-detail-view-layout-actions {
4714
- display: flex;
4715
- flex-direction: column;
4716
- gap: var(--adyen-internal-spacer-040);
4717
- margin: 0 auto;
4718
- max-width: 320px;
4719
- width: 100%;
4720
- }
4721
- .adyen-kyc-manage-transfer-instrument {
4722
- padding: var(--adyen-internal-spacer-070, 16px);
4723
- width: 100%;
4724
- display: flex;
4725
- align-items: center;
4726
- flex-direction: column;
4727
- }.adyen-kyc-manage-ti-overview {
4728
- display: flex;
4729
- flex-direction: column;
4730
- align-items: center;
4731
- width: 100%;
4732
- }.adyen-task-list__container {
4730
+ .adyen-task-list__container {
4733
4731
  margin-left: auto;
4734
4732
  margin-right: auto;
4735
4733
  display: flex;
@@ -4903,69 +4901,97 @@ input.adyen-kyc-radio-group-card__radio--floating {
4903
4901
  height: 28px;
4904
4902
  width: auto;
4905
4903
  }
4906
- .adyen-kyc-verification {
4907
- display: block;
4908
- overflow: hidden;
4909
- position: relative;
4910
- }
4911
-
4912
- .adyen-kyc-verification-description {
4913
- color: var(--adyen-internal-color-label-secondary, #5c6874);
4914
- font-size: var(--adyen-internal-text-body-font-size, 14px);
4915
- line-height: var(--adyen-internal-text-body-line-height, 20px);
4916
- margin: var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-000, 0px);
4917
- }/* for container queries */
4918
- .adyen-kyc-dropin {
4919
- background: var(--adyen-internal-color-background-primary, #ffffff);
4904
+ .adyen-kyc-detail-view-layout {
4920
4905
  display: flex;
4921
4906
  flex-direction: column;
4922
- height: 100%;
4923
- overflow: hidden;
4924
- position: relative;
4907
+ margin-left: auto;
4908
+ margin-right: auto;
4909
+ max-width: 600px;
4925
4910
  width: 100%;
4926
4911
  }
4927
- .adyen-kyc-dropin-container {
4928
- position: relative;
4929
- min-height: 480px;
4930
- transform: scale(1);
4931
- width: 100%;
4912
+
4913
+ .adyen-kyc-detail-view-layout-default {
4914
+ gap: var(--adyen-internal-spacer-140);
4932
4915
  }
4933
4916
 
4934
- .adyen-kyc-dropin__content {
4917
+ .adyen-kyc-detail-view-layout-compact {
4918
+ gap: var(--adyen-internal-spacer-100);
4919
+ }
4920
+
4921
+ .adyen-kyc-detail-view-layout-header {
4935
4922
  display: flex;
4936
- flex: 1;
4937
4923
  flex-direction: column;
4938
- height: calc(100% - 56px);
4939
- overflow: auto;
4924
+ gap: var(--adyen-internal-spacer-040);
4940
4925
  }
4941
- @container main (min-width: 680px) and (max-width: 1024px) {
4942
- .adyen-kyc-dropin__content {
4943
- height: calc(100% - 72px);
4944
- }
4926
+
4927
+ .adyen-kyc-detail-view-layout-title {
4928
+ color: var(--adyen-internal-color-label-primary);
4929
+ font-size: var(--adyen-internal-text-title-l-font-size);
4930
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
4931
+ line-height: var(--adyen-internal-text-title-l-line-height);
4932
+ margin: 0;
4945
4933
  }
4946
4934
 
4947
- /* padding in dropins, not used in modal view */
4948
- .adyen-kyc-dropin__content-main {
4949
- display: flex;
4950
- flex: 1;
4951
- padding: var(--adyen-internal-spacer-070, 16px);
4952
- width: 100%;
4953
- box-sizing: border-box;
4935
+ .adyen-kyc-detail-view-layout-description {
4936
+ font-size: var(--adyen-internal-text-title-font-size);
4937
+ font-weight: var(--adyen-internal-text-body-font-weight);
4938
+ line-height: var(--adyen-internal-text-title-line-height);
4954
4939
  }
4955
- @container main (min-width: 680px) and (max-width: 1024px) {
4956
- .adyen-kyc-dropin__content-main {
4957
- padding: var(--adyen-internal-spacer-090, 24px);
4958
- }
4940
+
4941
+ .adyen-kyc-detail-view-layout-align-left {
4942
+ justify-content: flex-start;
4943
+ text-align: left;
4959
4944
  }
4960
- @container main (min-width: 1024px) {
4961
- .adyen-kyc-dropin__content-main {
4962
- padding: var(--adyen-internal-spacer-110, 40px);
4963
- }
4945
+
4946
+ .adyen-kyc-detail-view-layout-align-center {
4947
+ justify-content: center;
4948
+ text-align: center;
4964
4949
  }
4965
4950
 
4966
- .adyen-kyc-dropin__main {
4967
- border-radius: var(--adyen-internal-border-radius-m, 8px);
4951
+ .adyen-kyc-detail-view-layout-align-right {
4952
+ justify-content: flex-end;
4953
+ text-align: right;
4954
+ }
4955
+
4956
+ .adyen-kyc-detail-view-layout-content {
4957
+ display: flex;
4958
+ flex-direction: column;
4959
+ gap: var(--adyen-internal-spacer-070);
4960
+ }
4961
+
4962
+ .adyen-kyc-detail-view-layout-actions {
4963
+ display: flex;
4964
+ flex-direction: column;
4965
+ gap: var(--adyen-internal-spacer-040);
4966
+ margin: 0 auto;
4967
+ max-width: 320px;
4968
+ width: 100%;
4969
+ }
4970
+ .adyen-kyc-manage-transfer-instrument {
4971
+ padding: var(--adyen-internal-spacer-070, 16px);
4972
+ width: 100%;
4973
+ display: flex;
4974
+ align-items: center;
4975
+ flex-direction: column;
4976
+ }.adyen-kyc-manage-ti-overview {
4977
+ display: flex;
4978
+ flex-direction: column;
4979
+ align-items: center;
4968
4980
  width: 100%;
4981
+ }.adyen-kyc-verification {
4982
+ display: block;
4983
+ overflow: hidden;
4984
+ position: relative;
4985
+ }
4986
+
4987
+ .adyen-kyc-verification-description {
4988
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
4989
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
4990
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
4991
+ margin: var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-000, 0px);
4992
+ }.adyen-kyc-invited-decision-makers-container {
4993
+ max-width: 500px;
4994
+ margin: var(--adyen-internal-spacer-000, 0px) auto;
4969
4995
  }.adyen-kyc-tabs {
4970
4996
  display: flex;
4971
4997
  gap: 8px;
@@ -5022,6 +5048,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
5022
5048
  display: flex;
5023
5049
  flex-direction: column;
5024
5050
  height: 100%;
5051
+ color: var(--adyen-internal-color-label-primary);
5025
5052
  }
5026
5053
 
5027
5054
  .adyen-kyc-debug-header {
@@ -5581,9 +5608,11 @@ input.adyen-kyc-radio-group-card__radio--floating {
5581
5608
  padding: var(--adyen-internal-spacer-090) 0;
5582
5609
  gap: var(--adyen-internal-spacer-030);
5583
5610
  }
5584
- .adyen-kyc-financial-information-reported-value-options {
5611
+ .adyen-kyc-reported-value-options {
5585
5612
  gap: var(--adyen-internal-spacer-060, 12px);
5586
- }.adyen-kyc-reported-value {
5613
+ }
5614
+
5615
+ .adyen-kyc-reported-value {
5587
5616
  display: flex;
5588
5617
  flex-direction: column;
5589
5618
  padding: var(--adyen-internal-spacer-020, 4px) 0;
@@ -5867,6 +5896,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
5867
5896
  .adyen-kyc-source-of-funds-wrapper-description {
5868
5897
  margin-top: var(--adyen-internal-spacer-050, 10px);
5869
5898
  }
5899
+ .adyen-kyc-source-of-funds-same-as-checkbox {
5900
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
5901
+ }
5870
5902
  .adyen-kyc-source-of-funds-getting-started {
5871
5903
  text-align: center;
5872
5904
  margin: var(--adyen-internal-spacer-000, 0px) auto;