@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/style.css CHANGED
@@ -502,649 +502,1006 @@
502
502
  opacity: 1;
503
503
  }
504
504
  }
505
- .adyen-kyc-u-display-flex {
506
- display: flex !important;
505
+ .adyen-kyc-accordion,
506
+ .adyen-kyc-accordion-summary {
507
+ color: var(--adyen-internal-color-label-primary);
508
+ font-size: var(--adyen-internal-text-body-font-size);
509
+ font-family: var(--adyen-internal-text-body-font-family);
510
+ line-height: var(--adyen-internal-text-body-line-height);
511
+ cursor: pointer;
507
512
  }
508
513
 
509
- .adyen-kyc-u-display-inline-flex {
510
- display: inline-flex !important;
514
+ .adyen-kyc-accordion {
515
+ background: none;
516
+ border-radius: var(--adyen-internal-border-radius-l);
517
+ margin-bottom: var(--adyen-internal-spacer-050);
511
518
  }
512
519
 
513
- .adyen-kyc-u-flex-direction-row {
514
- flex-direction: row !important;
520
+ .adyen-kyc-accordion-basic {
521
+ background-color: var(--adyen-internal-color-background-secondary);
515
522
  }
516
-
517
- .adyen-kyc-u-flex-direction-row-reverse {
518
- flex-direction: row-reverse !important;
523
+ .adyen-kyc-accordion-info {
524
+ background-color: var(--adyen-internal-color-background-highlight-weak);
519
525
  }
520
-
521
- .adyen-kyc-u-flex-direction-column {
522
- flex-direction: column !important;
526
+ .adyen-kyc-accordion-error {
527
+ background-color: var(--adyen-internal-color-background-critical-weak);
523
528
  }
524
-
525
- .adyen-kyc-u-flex-direction-column-reverse {
526
- flex-direction: column-reverse !important;
529
+ .adyen-kyc-accordion-warning {
530
+ background-color: var(--adyen-internal-color-background-warning-weak);
527
531
  }
528
-
529
- .adyen-kyc-u-flex-wrap-wrap {
530
- flex-wrap: wrap !important;
532
+ .adyen-kyc-accordion-success {
533
+ background-color: var(--adyen-internal-color-background-success-weak);
531
534
  }
532
-
533
- .adyen-kyc-u-flex-wrap-nowrap {
534
- flex-wrap: nowrap !important;
535
+ .adyen-kyc-accordion-narrow .adyen-kyc-accordion-summary {
536
+ padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-070);
535
537
  }
536
-
537
- .adyen-kyc-u-align-items-start {
538
- align-items: start !important;
538
+ .adyen-kyc-accordion-narrow .adyen-kyc-accordion-content {
539
+ padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-070)
540
+ var(--adyen-internal-spacer-060);
539
541
  }
540
-
541
- .adyen-kyc-u-align-items-flex-start {
542
- align-items: flex-start !important;
542
+ .adyen-kyc-accordion-with-icon .adyen-kyc-accordion-content {
543
+ margin-left: var(--adyen-internal-spacer-080);
543
544
  }
544
545
 
545
- .adyen-kyc-u-align-items-flex-end {
546
- align-items: flex-end !important;
546
+ .adyen-kyc-accordion-summary {
547
+ display: flex;
548
+ align-items: center;
549
+ gap: var(--adyen-internal-spacer-050);
550
+ padding: var(--adyen-internal-spacer-080);
551
+ font-weight: var(--adyen-internal-text-title-font-weight);
552
+ transition: margin 150ms ease-out;
553
+ margin-bottom: var(--adyen-internal-spacer-000);
554
+ border-radius: var(--adyen-internal-border-radius-l);
547
555
  }
548
556
 
549
- .adyen-kyc-u-align-items-center {
550
- align-items: center !important;
557
+ .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow {
558
+ cursor: pointer;
559
+ user-select: none;
560
+ height: 1em;
551
561
  }
552
562
 
553
- .adyen-kyc-u-align-items-stretch {
554
- align-items: stretch !important;
563
+ .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow-right {
564
+ margin-left: auto;
565
+ margin-right: var(--adyen-internal-spacer-050);
555
566
  }
556
567
 
557
- .adyen-kyc-u-align-items-baseline {
558
- align-items: baseline !important;
568
+ .adyen-kyc-accordion[open] .adyen-kyc-accordion-arrow {
569
+ transform: rotate(-180deg);
559
570
  }
560
-
561
- .adyen-kyc-u-align-items-end {
562
- align-items: end !important;
571
+ .adyen-kyc-accordion summary::-webkit-details-marker {
572
+ display: none;
563
573
  }
564
574
 
565
- .adyen-kyc-u-justify-content-center {
566
- justify-content: center !important;
575
+ .adyen-kyc-accordion-content {
576
+ cursor: auto;
577
+ padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-080)
578
+ var(--adyen-internal-spacer-080);
579
+ user-select: none;
580
+ display: flex;
581
+ flex-direction: column;
582
+ gap: var(--adyen-internal-spacer-040);
567
583
  }
568
584
 
569
- .adyen-kyc-u-justify-content-flex-start {
570
- justify-content: flex-start !important;
585
+ .adyen-kyc-accordion[open] summary {
586
+ margin-bottom: var(--adyen-internal-spacer-020);
587
+ user-select: auto;
571
588
  }
572
-
573
- .adyen-kyc-u-justify-content-flex-end {
574
- justify-content: flex-end !important;
589
+ .adyen-kyc-alert {
590
+ border-radius: var(--adyen-internal-border-radius-m);
591
+ padding: var(--adyen-internal-spacer-070);
592
+ word-break: break-word;
593
+ display: flex;
594
+ flex-direction: column;
595
+ gap: var(--adyen-internal-spacer-040);
596
+ text-align: left;
575
597
  }
576
-
577
- .adyen-kyc-u-justify-content-start {
578
- justify-content: start !important;
598
+ .adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
599
+ .adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
600
+ margin: 0 var(--adyen-internal-spacer-070);
579
601
  }
580
602
 
581
- .adyen-kyc-u-justify-content-end {
582
- justify-content: end !important;
603
+ .adyen-kyc-alert-basic {
604
+ background-color: var(--adyen-internal-color-background-secondary);
583
605
  }
584
606
 
585
- .adyen-kyc-u-justify-content-left {
586
- justify-content: left !important;
607
+ .adyen-kyc-alert-info {
608
+ background-color: var(--adyen-internal-color-background-highlight-weak);
587
609
  }
588
610
 
589
- .adyen-kyc-u-justify-content-right {
590
- justify-content: right !important;
611
+ .adyen-kyc-alert-error {
612
+ background-color: var(--adyen-internal-color-background-critical-weak);
591
613
  }
592
614
 
593
- .adyen-kyc-u-justify-content-space-between {
594
- justify-content: space-between !important;
615
+ .adyen-kyc-alert-warning {
616
+ background-color: var(--adyen-internal-color-background-warning-weak);
595
617
  }
596
618
 
597
- .adyen-kyc-u-justify-content-space-around {
598
- justify-content: space-around !important;
619
+ .adyen-kyc-alert-success {
620
+ background-color: var(--adyen-internal-color-background-success-weak);
599
621
  }
600
622
 
601
- .adyen-kyc-u-justify-content-space-evenly {
602
- justify-content: space-evenly !important;
623
+ .adyen-kyc-alert-header {
624
+ align-items: flex-start;
625
+ display: flex;
603
626
  }
604
627
 
605
- .adyen-kyc-u-justify-content-stretch {
606
- justify-content: stretch !important;
628
+ .adyen-kyc-alert-header-without-children {
629
+ align-items: center;
607
630
  }
608
631
 
609
- .adyen-kyc-u-flex-1 {
610
- flex: 1 !important;
632
+ .adyen-kyc-alert-icon {
633
+ line-height: var(--adyen-internal-text-body-line-height);
634
+ margin-top: var(--adyen-internal-spacer-010);
611
635
  }
612
-
613
- .adyen-kyc-u-flex-2 {
614
- flex: 2 !important;
636
+ .adyen-kyc-alert-icon-info {
637
+ color: var(--adyen-internal-color-background-highlight-strong);
615
638
  }
616
639
 
617
- .adyen-kyc-u-flex-3 {
618
- flex: 3 !important;
640
+ .adyen-kyc-alert-icon-error {
641
+ color: var(--adyen-internal-color-background-critical-strong);
619
642
  }
620
643
 
621
- .adyen-kyc-u-flex-4 {
622
- flex: 4 !important;
644
+ .adyen-kyc-alert-icon-warning {
645
+ color: var(--adyen-internal-color-background-warning-strong);
623
646
  }
624
647
 
625
- .adyen-kyc-u-margin-auto {
626
- margin: auto !important;
648
+ .adyen-kyc-alert-icon-success {
649
+ color: var(--adyen-internal-color-background-success-strong);
627
650
  }
628
651
 
629
- .adyen-kyc-u-margin-bottom-auto {
630
- margin-bottom: auto !important;
652
+ .adyen-kyc-alert-title {
653
+ flex-grow: 1;
654
+ margin-left: var(--adyen-internal-spacer-070);
631
655
  }
632
656
 
633
- .adyen-kyc-u-margin-left-auto {
634
- margin-left: auto !important;
657
+ .adyen-kyc-alert-explanation {
658
+ color: var(--adyen-internal-color-label-primary);
659
+ font-size: var(--adyen-internal-text-body-font-size);
660
+ margin: 0 var(--adyen-internal-spacer-100);
635
661
  }
636
662
 
637
- .adyen-kyc-u-margin-right-auto {
638
- margin-right: auto !important;
663
+ .adyen-kyc-alert-actions {
664
+ display: flex;
665
+ gap: var(--adyen-internal-spacer-070);
666
+ text-align: left;
639
667
  }
640
-
641
- .adyen-kyc-u-margin-top-auto {
642
- margin-top: auto !important;
668
+ /* for container queries */
669
+ .adyen-kyc-stack-layout {
670
+ display: flex;
671
+ flex-direction: column;
643
672
  }
644
673
 
645
- .adyen-kyc-u-margin-x-auto {
646
- margin-left: auto !important;
647
- margin-right: auto !important;
674
+ .adyen-kyc-stack-layout-gap-xs {
675
+ gap: var(--adyen-internal-spacer-020);
648
676
  }
649
677
 
650
- .adyen-kyc-u-margin-y-auto {
651
- margin-bottom: auto !important;
652
- margin-top: auto !important;
678
+ .adyen-kyc-stack-layout-gap-s {
679
+ gap: var(--adyen-internal-spacer-040);
653
680
  }
654
681
 
655
- .adyen-kyc-u-margin-0 {
656
- margin: var(--adyen-internal-spacer-000, 0px) !important;
682
+ .adyen-kyc-stack-layout-gap-m {
683
+ gap: var(--adyen-internal-spacer-070);
657
684
  }
658
685
 
659
- .adyen-kyc-u-margin-bottom-0 {
660
- margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
686
+ .adyen-kyc-stack-layout-gap-l {
687
+ gap: var(--adyen-internal-spacer-100);
661
688
  }
662
689
 
663
- .adyen-kyc-u-margin-left-0 {
664
- margin-left: var(--adyen-internal-spacer-000, 0px) !important;
690
+ .adyen-kyc-stack-layout-gap-xl {
691
+ gap: var(--adyen-internal-spacer-140);
665
692
  }
666
693
 
667
- .adyen-kyc-u-margin-right-0 {
668
- margin-right: var(--adyen-internal-spacer-000, 0px) !important;
694
+ .adyen-kyc-stack-layout-left {
695
+ align-items: flex-start;
669
696
  }
670
697
 
671
- .adyen-kyc-u-margin-top-0 {
672
- margin-top: var(--adyen-internal-spacer-000, 0px) !important;
698
+ .adyen-kyc-stack-layout-center {
699
+ align-items: center;
673
700
  }
674
701
 
675
- .adyen-kyc-u-margin-x-0 {
676
- margin-left: var(--adyen-internal-spacer-000, 0px) !important;
677
- margin-right: var(--adyen-internal-spacer-000, 0px) !important;
702
+ .adyen-kyc-stack-layout-right {
703
+ align-items: flex-end;
678
704
  }
679
705
 
680
- .adyen-kyc-u-margin-y-0 {
681
- margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
682
- margin-top: var(--adyen-internal-spacer-000, 0px) !important;
706
+ .adyen-kyc-stack-layout-item {
707
+ flex-grow: 1;
708
+ width: 100%;
683
709
  }
684
710
 
685
- .adyen-kyc-u-margin-2 {
686
- margin: var(--adyen-internal-spacer-010, 2px) !important;
711
+ @container main (min-width: 480px) {
712
+ .adyen-kyc-stack-layout-horizontal {
713
+ align-items: flex-start;
714
+ flex-direction: row;
715
+ }
716
+ .adyen-kyc-stack-layout-left-horizontal {
717
+ justify-content: flex-start;
718
+ }
719
+ .adyen-kyc-stack-layout-center-horizontal {
720
+ justify-content: center;
721
+ }
722
+ .adyen-kyc-stack-layout-right-horizontal {
723
+ justify-content: flex-end;
724
+ }
725
+ }/* for container queries */
726
+ .adyen-kyc-status {
727
+ align-items: center;
728
+ border-radius: var(--adyen-internal-border-radius-xl);
729
+ display: inline-flex;
730
+ padding: var(--adyen-internal-spacer-020);
687
731
  }
688
732
 
689
- .adyen-kyc-u-margin-bottom-2 {
690
- margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
733
+ .adyen-kyc-status-icon {
734
+ height: 18px;
735
+ width: 18px;
736
+ padding: 1px;
691
737
  }
692
738
 
693
- .adyen-kyc-u-margin-left-2 {
694
- margin-left: var(--adyen-internal-spacer-010, 2px) !important;
739
+ .adyen-kyc-status-icon svg {
740
+ height: 16px;
741
+ width: 16px;
695
742
  }
696
743
 
697
- .adyen-kyc-u-margin-right-2 {
698
- margin-right: var(--adyen-internal-spacer-010, 2px) !important;
744
+ .adyen-kyc-status-text {
745
+ font-size: var(--adyen-internal-text-caption-font-size);
746
+ font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
747
+ line-height: var(--adyen-internal-text-caption-line-height);
748
+ padding-left: var(--adyen-internal-spacer-020);
749
+ padding-right: var(--adyen-internal-spacer-020);
699
750
  }
700
751
 
701
- .adyen-kyc-u-margin-top-2 {
702
- margin-top: var(--adyen-internal-spacer-010, 2px) !important;
752
+ @container main (max-width: 480px) {
753
+ .adyen-kyc-status-text-responsive {
754
+ display: none;
755
+ }
703
756
  }
704
757
 
705
- .adyen-kyc-u-margin-x-2 {
706
- margin-left: var(--adyen-internal-spacer-010, 2px) !important;
707
- margin-right: var(--adyen-internal-spacer-010, 2px) !important;
758
+ .adyen-kyc-status-neutral {
759
+ background-color: var(--adyen-internal-color-background-secondary);
760
+ color: var(--adyen-internal-color-label-disabled);
761
+ fill: var(--adyen-internal-color-label-disabled);
708
762
  }
709
763
 
710
- .adyen-kyc-u-margin-y-2 {
711
- margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
712
- margin-top: var(--adyen-internal-spacer-010, 2px) !important;
764
+ .adyen-kyc-status-neutral .adyen-kyc-status-text {
765
+ color: var(--adyen-internal-color-label-secondary);
713
766
  }
714
767
 
715
- .adyen-kyc-u-margin-4 {
716
- margin: var(--adyen-internal-spacer-020, 4px) !important;
768
+ .adyen-kyc-status-error {
769
+ background-color: var(--adyen-internal-color-background-secondary);
770
+ color: var(--adyen-internal-color-label-critical);
771
+ fill: var(--adyen-internal-color-label-critical);
717
772
  }
718
773
 
719
- .adyen-kyc-u-margin-bottom-4 {
720
- margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
774
+ .adyen-kyc-status-warning {
775
+ background-color: var(--adyen-internal-color-background-warning-weak);
776
+ color: var(--adyen-internal-color-label-warning);
777
+ fill: var(--adyen-internal-color-label-warning);
721
778
  }
722
779
 
723
- .adyen-kyc-u-margin-left-4 {
724
- margin-left: var(--adyen-internal-spacer-020, 4px) !important;
780
+ .adyen-kyc-status-success {
781
+ background-color: var(--adyen-internal-color-background-success-weak);
725
782
  }
726
783
 
727
- .adyen-kyc-u-margin-right-4 {
728
- margin-right: var(--adyen-internal-spacer-020, 4px) !important;
784
+ .adyen-kyc-status-success .adyen-kyc-status-text {
785
+ color: var(--adyen-internal-color-label-primary);
729
786
  }
730
787
 
731
- .adyen-kyc-u-margin-top-4 {
732
- margin-top: var(--adyen-internal-spacer-020, 4px) !important;
788
+ .adyen-kyc-status-success .adyen-kyc-status-icon {
789
+ color: var(--adyen-internal-color-label-success);
790
+ fill: var(--adyen-internal-color-label-success);
791
+ }.adyen-kyc-header {
792
+ display: flex;
793
+ flex-direction: column;
794
+ gap: var(--adyen-internal-spacer-070);
733
795
  }
734
796
 
735
- .adyen-kyc-u-margin-x-4 {
736
- margin-left: var(--adyen-internal-spacer-020, 4px) !important;
737
- margin-right: var(--adyen-internal-spacer-020, 4px) !important;
797
+ .adyen-kyc-header-margin {
798
+ margin-bottom: var(--adyen-internal-spacer-140);
738
799
  }
739
800
 
740
- .adyen-kyc-u-margin-y-4 {
741
- margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
742
- margin-top: var(--adyen-internal-spacer-020, 4px) !important;
801
+ .adyen-kyc-header-margin-secondary {
802
+ margin-bottom: var(--adyen-internal-spacer-100);
743
803
  }
744
804
 
745
- .adyen-kyc-u-margin-6 {
746
- margin: var(--adyen-internal-spacer-030, 6px) !important;
805
+ .adyen-kyc-header-left {
806
+ align-items: flex-start;
807
+ text-align: left;
747
808
  }
748
809
 
749
- .adyen-kyc-u-margin-bottom-6 {
750
- margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
810
+ .adyen-kyc-header-center {
811
+ align-items: center;
812
+ text-align: center;
751
813
  }
752
814
 
753
- .adyen-kyc-u-margin-left-6 {
754
- margin-left: var(--adyen-internal-spacer-030, 6px) !important;
815
+ .adyen-kyc-header-right {
816
+ align-items: flex-end;
817
+ text-align: right;
755
818
  }
756
819
 
757
- .adyen-kyc-u-margin-right-6 {
758
- margin-right: var(--adyen-internal-spacer-030, 6px) !important;
820
+ .adyen-kyc-header-content {
821
+ display: flex;
822
+ flex-direction: column;
823
+ gap: var(--adyen-internal-spacer-040);
759
824
  }
760
825
 
761
- .adyen-kyc-u-margin-top-6 {
762
- margin-top: var(--adyen-internal-spacer-030, 6px) !important;
826
+ .adyen-kyc-header-actions {
827
+ max-width: 300px;
763
828
  }
764
829
 
765
- .adyen-kyc-u-margin-x-6 {
766
- margin-left: var(--adyen-internal-spacer-030, 6px) !important;
767
- margin-right: var(--adyen-internal-spacer-030, 6px) !important;
830
+ .adyen-kyc-header-title {
831
+ color: var(--adyen-internal-color-label-primary);
832
+ margin: 0;
768
833
  }
769
834
 
770
- .adyen-kyc-u-margin-y-6 {
771
- margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
772
- margin-top: var(--adyen-internal-spacer-030, 6px) !important;
835
+ .adyen-kyc-header-title-primary {
836
+ font-size: var(--adyen-internal-text-title-l-font-size);
837
+ font-family: var(--adyen-internal-text-title-l-font-family);
838
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
839
+ line-height: var(--adyen-internal-text-title-l-line-height);
773
840
  }
774
841
 
775
- .adyen-kyc-u-margin-8 {
776
- margin: var(--adyen-internal-spacer-040, 8px) !important;
842
+ .adyen-kyc-header-title-secondary {
843
+ font-size: var(--adyen-internal-text-title-font-size);
844
+ font-family: var(--adyen-internal-text-title-font-family);
845
+ font-weight: var(--adyen-internal-text-title-font-weight);
777
846
  }
778
847
 
779
- .adyen-kyc-u-margin-bottom-8 {
780
- margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
848
+ .adyen-kyc-header-description {
849
+ font-size: var(--adyen-internal-text-body-font-size);
850
+ font-family: var(--adyen-internal-text-body-font-family);
851
+ font-weight: var(--adyen-internal-text-body-font-weight);
852
+ line-height: var(--adyen-internal-text-body-line-height);
781
853
  }
782
854
 
783
- .adyen-kyc-u-margin-left-8 {
784
- margin-left: var(--adyen-internal-spacer-040, 8px) !important;
855
+ .adyen-kyc-header-description-primary {
856
+ color: var(--adyen-internal-color-label-primary);
785
857
  }
786
858
 
787
- .adyen-kyc-u-margin-right-8 {
788
- margin-right: var(--adyen-internal-spacer-040, 8px) !important;
859
+ .adyen-kyc-header-description-secondary {
860
+ color: var(--adyen-internal-color-label-secondary);
861
+ }
862
+ .adyen-kyc-u-display-flex {
863
+ display: flex !important;
789
864
  }
790
865
 
791
- .adyen-kyc-u-margin-top-8 {
792
- margin-top: var(--adyen-internal-spacer-040, 8px) !important;
866
+ .adyen-kyc-u-display-inline-flex {
867
+ display: inline-flex !important;
793
868
  }
794
869
 
795
- .adyen-kyc-u-margin-x-8 {
796
- margin-left: var(--adyen-internal-spacer-040, 8px) !important;
797
- margin-right: var(--adyen-internal-spacer-040, 8px) !important;
870
+ .adyen-kyc-u-flex-direction-row {
871
+ flex-direction: row !important;
798
872
  }
799
873
 
800
- .adyen-kyc-u-margin-y-8 {
801
- margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
802
- margin-top: var(--adyen-internal-spacer-040, 8px) !important;
874
+ .adyen-kyc-u-flex-direction-row-reverse {
875
+ flex-direction: row-reverse !important;
803
876
  }
804
877
 
805
- .adyen-kyc-u-margin-10 {
806
- margin: var(--adyen-internal-spacer-050, 10px) !important;
878
+ .adyen-kyc-u-flex-direction-column {
879
+ flex-direction: column !important;
807
880
  }
808
881
 
809
- .adyen-kyc-u-margin-bottom-10 {
810
- margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
882
+ .adyen-kyc-u-flex-direction-column-reverse {
883
+ flex-direction: column-reverse !important;
811
884
  }
812
885
 
813
- .adyen-kyc-u-margin-left-10 {
814
- margin-left: var(--adyen-internal-spacer-050, 10px) !important;
886
+ .adyen-kyc-u-flex-wrap-wrap {
887
+ flex-wrap: wrap !important;
815
888
  }
816
889
 
817
- .adyen-kyc-u-margin-right-10 {
818
- margin-right: var(--adyen-internal-spacer-050, 10px) !important;
890
+ .adyen-kyc-u-flex-wrap-nowrap {
891
+ flex-wrap: nowrap !important;
819
892
  }
820
893
 
821
- .adyen-kyc-u-margin-top-10 {
822
- margin-top: var(--adyen-internal-spacer-050, 10px) !important;
894
+ .adyen-kyc-u-align-items-start {
895
+ align-items: start !important;
823
896
  }
824
897
 
825
- .adyen-kyc-u-margin-x-10 {
826
- margin-left: var(--adyen-internal-spacer-050, 10px) !important;
827
- margin-right: var(--adyen-internal-spacer-050, 10px) !important;
898
+ .adyen-kyc-u-align-items-flex-start {
899
+ align-items: flex-start !important;
828
900
  }
829
901
 
830
- .adyen-kyc-u-margin-y-10 {
831
- margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
832
- margin-top: var(--adyen-internal-spacer-050, 10px) !important;
902
+ .adyen-kyc-u-align-items-flex-end {
903
+ align-items: flex-end !important;
833
904
  }
834
905
 
835
- .adyen-kyc-u-margin-12 {
836
- margin: var(--adyen-internal-spacer-060, 12px) !important;
906
+ .adyen-kyc-u-align-items-center {
907
+ align-items: center !important;
837
908
  }
838
909
 
839
- .adyen-kyc-u-margin-bottom-12 {
840
- margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
910
+ .adyen-kyc-u-align-items-stretch {
911
+ align-items: stretch !important;
841
912
  }
842
913
 
843
- .adyen-kyc-u-margin-left-12 {
844
- margin-left: var(--adyen-internal-spacer-060, 12px) !important;
914
+ .adyen-kyc-u-align-items-baseline {
915
+ align-items: baseline !important;
845
916
  }
846
917
 
847
- .adyen-kyc-u-margin-right-12 {
848
- margin-right: var(--adyen-internal-spacer-060, 12px) !important;
918
+ .adyen-kyc-u-align-items-end {
919
+ align-items: end !important;
849
920
  }
850
921
 
851
- .adyen-kyc-u-margin-top-12 {
852
- margin-top: var(--adyen-internal-spacer-060, 12px) !important;
922
+ .adyen-kyc-u-justify-content-center {
923
+ justify-content: center !important;
853
924
  }
854
925
 
855
- .adyen-kyc-u-margin-x-12 {
856
- margin-left: var(--adyen-internal-spacer-060, 12px) !important;
857
- margin-right: var(--adyen-internal-spacer-060, 12px) !important;
926
+ .adyen-kyc-u-justify-content-flex-start {
927
+ justify-content: flex-start !important;
858
928
  }
859
929
 
860
- .adyen-kyc-u-margin-y-12 {
861
- margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
862
- margin-top: var(--adyen-internal-spacer-060, 12px) !important;
930
+ .adyen-kyc-u-justify-content-flex-end {
931
+ justify-content: flex-end !important;
863
932
  }
864
933
 
865
- .adyen-kyc-u-margin-16 {
866
- margin: var(--adyen-internal-spacer-070, 16px) !important;
934
+ .adyen-kyc-u-justify-content-start {
935
+ justify-content: start !important;
867
936
  }
868
937
 
869
- .adyen-kyc-u-margin-bottom-16 {
870
- margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
938
+ .adyen-kyc-u-justify-content-end {
939
+ justify-content: end !important;
871
940
  }
872
941
 
873
- .adyen-kyc-u-margin-left-16 {
874
- margin-left: var(--adyen-internal-spacer-070, 16px) !important;
942
+ .adyen-kyc-u-justify-content-left {
943
+ justify-content: left !important;
875
944
  }
876
945
 
877
- .adyen-kyc-u-margin-right-16 {
878
- margin-right: var(--adyen-internal-spacer-070, 16px) !important;
946
+ .adyen-kyc-u-justify-content-right {
947
+ justify-content: right !important;
879
948
  }
880
949
 
881
- .adyen-kyc-u-margin-top-16 {
882
- margin-top: var(--adyen-internal-spacer-070, 16px) !important;
950
+ .adyen-kyc-u-justify-content-space-between {
951
+ justify-content: space-between !important;
883
952
  }
884
953
 
885
- .adyen-kyc-u-margin-x-16 {
886
- margin-left: var(--adyen-internal-spacer-070, 16px) !important;
887
- margin-right: var(--adyen-internal-spacer-070, 16px) !important;
954
+ .adyen-kyc-u-justify-content-space-around {
955
+ justify-content: space-around !important;
888
956
  }
889
957
 
890
- .adyen-kyc-u-margin-y-16 {
891
- margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
892
- margin-top: var(--adyen-internal-spacer-070, 16px) !important;
958
+ .adyen-kyc-u-justify-content-space-evenly {
959
+ justify-content: space-evenly !important;
893
960
  }
894
961
 
895
- .adyen-kyc-u-margin-20 {
896
- margin: var(--adyen-internal-spacer-080, 20px) !important;
962
+ .adyen-kyc-u-justify-content-stretch {
963
+ justify-content: stretch !important;
897
964
  }
898
965
 
899
- .adyen-kyc-u-margin-bottom-20 {
900
- margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
966
+ .adyen-kyc-u-flex-1 {
967
+ flex: 1 !important;
901
968
  }
902
969
 
903
- .adyen-kyc-u-margin-left-20 {
904
- margin-left: var(--adyen-internal-spacer-080, 20px) !important;
970
+ .adyen-kyc-u-flex-2 {
971
+ flex: 2 !important;
905
972
  }
906
973
 
907
- .adyen-kyc-u-margin-right-20 {
908
- margin-right: var(--adyen-internal-spacer-080, 20px) !important;
974
+ .adyen-kyc-u-flex-3 {
975
+ flex: 3 !important;
909
976
  }
910
977
 
911
- .adyen-kyc-u-margin-top-20 {
912
- margin-top: var(--adyen-internal-spacer-080, 20px) !important;
978
+ .adyen-kyc-u-flex-4 {
979
+ flex: 4 !important;
913
980
  }
914
981
 
915
- .adyen-kyc-u-margin-x-20 {
916
- margin-left: var(--adyen-internal-spacer-080, 20px) !important;
917
- margin-right: var(--adyen-internal-spacer-080, 20px) !important;
982
+ .adyen-kyc-u-margin-auto {
983
+ margin: auto !important;
918
984
  }
919
985
 
920
- .adyen-kyc-u-margin-y-20 {
921
- margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
922
- margin-top: var(--adyen-internal-spacer-080, 20px) !important;
986
+ .adyen-kyc-u-margin-bottom-auto {
987
+ margin-bottom: auto !important;
923
988
  }
924
989
 
925
- .adyen-kyc-u-margin-24 {
926
- margin: var(--adyen-internal-spacer-090, 24px) !important;
990
+ .adyen-kyc-u-margin-left-auto {
991
+ margin-left: auto !important;
927
992
  }
928
993
 
929
- .adyen-kyc-u-margin-bottom-24 {
930
- margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
994
+ .adyen-kyc-u-margin-right-auto {
995
+ margin-right: auto !important;
931
996
  }
932
997
 
933
- .adyen-kyc-u-margin-left-24 {
934
- margin-left: var(--adyen-internal-spacer-090, 24px) !important;
998
+ .adyen-kyc-u-margin-top-auto {
999
+ margin-top: auto !important;
935
1000
  }
936
1001
 
937
- .adyen-kyc-u-margin-right-24 {
938
- margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1002
+ .adyen-kyc-u-margin-x-auto {
1003
+ margin-left: auto !important;
1004
+ margin-right: auto !important;
939
1005
  }
940
1006
 
941
- .adyen-kyc-u-margin-top-24 {
942
- margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1007
+ .adyen-kyc-u-margin-y-auto {
1008
+ margin-bottom: auto !important;
1009
+ margin-top: auto !important;
943
1010
  }
944
1011
 
945
- .adyen-kyc-u-margin-x-24 {
946
- margin-left: var(--adyen-internal-spacer-090, 24px) !important;
947
- margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1012
+ .adyen-kyc-u-margin-0 {
1013
+ margin: var(--adyen-internal-spacer-000, 0px) !important;
948
1014
  }
949
1015
 
950
- .adyen-kyc-u-margin-y-24 {
951
- margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
952
- margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1016
+ .adyen-kyc-u-margin-bottom-0 {
1017
+ margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
953
1018
  }
954
1019
 
955
- .adyen-kyc-u-margin-32 {
956
- margin: var(--adyen-internal-spacer-100, 32px) !important;
1020
+ .adyen-kyc-u-margin-left-0 {
1021
+ margin-left: var(--adyen-internal-spacer-000, 0px) !important;
957
1022
  }
958
1023
 
959
- .adyen-kyc-u-margin-bottom-32 {
960
- margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1024
+ .adyen-kyc-u-margin-right-0 {
1025
+ margin-right: var(--adyen-internal-spacer-000, 0px) !important;
961
1026
  }
962
1027
 
963
- .adyen-kyc-u-margin-left-32 {
964
- margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1028
+ .adyen-kyc-u-margin-top-0 {
1029
+ margin-top: var(--adyen-internal-spacer-000, 0px) !important;
965
1030
  }
966
1031
 
967
- .adyen-kyc-u-margin-right-32 {
968
- margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1032
+ .adyen-kyc-u-margin-x-0 {
1033
+ margin-left: var(--adyen-internal-spacer-000, 0px) !important;
1034
+ margin-right: var(--adyen-internal-spacer-000, 0px) !important;
969
1035
  }
970
1036
 
971
- .adyen-kyc-u-margin-top-32 {
972
- margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1037
+ .adyen-kyc-u-margin-y-0 {
1038
+ margin-bottom: var(--adyen-internal-spacer-000, 0px) !important;
1039
+ margin-top: var(--adyen-internal-spacer-000, 0px) !important;
973
1040
  }
974
1041
 
975
- .adyen-kyc-u-margin-x-32 {
976
- margin-left: var(--adyen-internal-spacer-100, 32px) !important;
977
- margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1042
+ .adyen-kyc-u-margin-2 {
1043
+ margin: var(--adyen-internal-spacer-010, 2px) !important;
978
1044
  }
979
1045
 
980
- .adyen-kyc-u-margin-y-32 {
981
- margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
982
- margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1046
+ .adyen-kyc-u-margin-bottom-2 {
1047
+ margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
983
1048
  }
984
1049
 
985
- .adyen-kyc-u-margin-40 {
986
- margin: var(--adyen-internal-spacer-110, 40px) !important;
1050
+ .adyen-kyc-u-margin-left-2 {
1051
+ margin-left: var(--adyen-internal-spacer-010, 2px) !important;
987
1052
  }
988
1053
 
989
- .adyen-kyc-u-margin-bottom-40 {
990
- margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1054
+ .adyen-kyc-u-margin-right-2 {
1055
+ margin-right: var(--adyen-internal-spacer-010, 2px) !important;
991
1056
  }
992
1057
 
993
- .adyen-kyc-u-margin-left-40 {
994
- margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1058
+ .adyen-kyc-u-margin-top-2 {
1059
+ margin-top: var(--adyen-internal-spacer-010, 2px) !important;
995
1060
  }
996
1061
 
997
- .adyen-kyc-u-margin-right-40 {
998
- margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1062
+ .adyen-kyc-u-margin-x-2 {
1063
+ margin-left: var(--adyen-internal-spacer-010, 2px) !important;
1064
+ margin-right: var(--adyen-internal-spacer-010, 2px) !important;
999
1065
  }
1000
1066
 
1001
- .adyen-kyc-u-margin-top-40 {
1002
- margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1067
+ .adyen-kyc-u-margin-y-2 {
1068
+ margin-bottom: var(--adyen-internal-spacer-010, 2px) !important;
1069
+ margin-top: var(--adyen-internal-spacer-010, 2px) !important;
1003
1070
  }
1004
1071
 
1005
- .adyen-kyc-u-margin-x-40 {
1006
- margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1007
- margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1072
+ .adyen-kyc-u-margin-4 {
1073
+ margin: var(--adyen-internal-spacer-020, 4px) !important;
1008
1074
  }
1009
1075
 
1010
- .adyen-kyc-u-margin-y-40 {
1011
- margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1012
- margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1076
+ .adyen-kyc-u-margin-bottom-4 {
1077
+ margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
1013
1078
  }
1014
1079
 
1015
- .adyen-kyc-u-margin-48 {
1016
- margin: var(--adyen-internal-spacer-120, 48px) !important;
1080
+ .adyen-kyc-u-margin-left-4 {
1081
+ margin-left: var(--adyen-internal-spacer-020, 4px) !important;
1017
1082
  }
1018
1083
 
1019
- .adyen-kyc-u-margin-bottom-48 {
1020
- margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1084
+ .adyen-kyc-u-margin-right-4 {
1085
+ margin-right: var(--adyen-internal-spacer-020, 4px) !important;
1021
1086
  }
1022
1087
 
1023
- .adyen-kyc-u-margin-left-48 {
1024
- margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1088
+ .adyen-kyc-u-margin-top-4 {
1089
+ margin-top: var(--adyen-internal-spacer-020, 4px) !important;
1025
1090
  }
1026
1091
 
1027
- .adyen-kyc-u-margin-right-48 {
1028
- margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1092
+ .adyen-kyc-u-margin-x-4 {
1093
+ margin-left: var(--adyen-internal-spacer-020, 4px) !important;
1094
+ margin-right: var(--adyen-internal-spacer-020, 4px) !important;
1029
1095
  }
1030
1096
 
1031
- .adyen-kyc-u-margin-top-48 {
1032
- margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1097
+ .adyen-kyc-u-margin-y-4 {
1098
+ margin-bottom: var(--adyen-internal-spacer-020, 4px) !important;
1099
+ margin-top: var(--adyen-internal-spacer-020, 4px) !important;
1033
1100
  }
1034
1101
 
1035
- .adyen-kyc-u-margin-x-48 {
1036
- margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1037
- margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1102
+ .adyen-kyc-u-margin-6 {
1103
+ margin: var(--adyen-internal-spacer-030, 6px) !important;
1038
1104
  }
1039
1105
 
1040
- .adyen-kyc-u-margin-y-48 {
1041
- margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1042
- margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1106
+ .adyen-kyc-u-margin-bottom-6 {
1107
+ margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
1043
1108
  }
1044
1109
 
1045
- /* for container queries */
1046
- .adyen-kyc-u-width-full {
1047
- width: 100% !important;
1110
+ .adyen-kyc-u-margin-left-6 {
1111
+ margin-left: var(--adyen-internal-spacer-030, 6px) !important;
1048
1112
  }
1049
1113
 
1050
- .adyen-kyc-u-width-half {
1051
- width: 50% !important;
1114
+ .adyen-kyc-u-margin-right-6 {
1115
+ margin-right: var(--adyen-internal-spacer-030, 6px) !important;
1052
1116
  }
1053
1117
 
1054
- /* Topmost/root container class */
1055
- .adyen-kyc-ui-element-container-wrapper {
1056
- width: 100%;
1057
- overflow: auto;
1058
- /**
1059
- * main container query, used similarly to a @media query
1060
- * considering our Component can be embedded in a container of arbitrary size
1061
- * that does not necessarily match the whole window/screen size.
1062
- * Uses s and l breakpoints defined in variables.
1063
- */
1064
- container-type: inline-size;
1065
- container-name: main;
1118
+ .adyen-kyc-u-margin-top-6 {
1119
+ margin-top: var(--adyen-internal-spacer-030, 6px) !important;
1066
1120
  }
1067
1121
 
1068
- .adyen-kyc-ui-element-container-wrapper *,
1069
- .adyen-kyc-ui-element-container-wrapper *::after,
1070
- .adyen-kyc-ui-element-container-wrapper *::before {
1071
- box-sizing: border-box;
1122
+ .adyen-kyc-u-margin-x-6 {
1123
+ margin-left: var(--adyen-internal-spacer-030, 6px) !important;
1124
+ margin-right: var(--adyen-internal-spacer-030, 6px) !important;
1072
1125
  }
1073
1126
 
1074
- .adyen-kyc-ui-element-container {
1075
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
1076
- position: relative;
1077
- padding: var(--adyen-internal-spacer-100, 32px);
1078
- border-radius: var(--adyen-internal-border-radius-m, 8px);
1079
- font-family: var(--adyen-internal-text-body-font-family);
1080
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1081
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
1082
- line-height: var(--adyen-internal-text-body-line-height, 20px);
1083
- color: var(--adyen-internal-color-label-primary, #001222);
1127
+ .adyen-kyc-u-margin-y-6 {
1128
+ margin-bottom: var(--adyen-internal-spacer-030, 6px) !important;
1129
+ margin-top: var(--adyen-internal-spacer-030, 6px) !important;
1084
1130
  }
1085
- .adyen-kyc-ui-element-container p,
1086
- .adyen-kyc-ui-element-container ol,
1087
- .adyen-kyc-ui-element-container ul {
1088
- margin-bottom: 0;
1089
- margin-top: 0;
1131
+
1132
+ .adyen-kyc-u-margin-8 {
1133
+ margin: var(--adyen-internal-spacer-040, 8px) !important;
1090
1134
  }
1091
- .adyen-kyc-ui-element-container ul,
1092
- .adyen-kyc-ui-element-container ol {
1093
- padding-left: 1.5em;
1135
+
1136
+ .adyen-kyc-u-margin-bottom-8 {
1137
+ margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
1094
1138
  }
1095
- @container main (max-width: 680px) {
1096
- .adyen-kyc-ui-element-container {
1097
- padding: var(--adyen-internal-spacer-070, 16px);
1098
- }
1139
+
1140
+ .adyen-kyc-u-margin-left-8 {
1141
+ margin-left: var(--adyen-internal-spacer-040, 8px) !important;
1099
1142
  }
1100
1143
 
1101
- /*
1102
- * Compatibility later to ensure components do NOT receive extra padding
1103
- * as is the case with dropins, without breaking dropins.
1104
- * Once the Component Layout has been done `.adyen-kyc-externalComponent`
1105
- * can be safely removed everywere.
1106
- */
1107
- .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
1108
- padding: 0;
1144
+ .adyen-kyc-u-margin-right-8 {
1145
+ margin-right: var(--adyen-internal-spacer-040, 8px) !important;
1109
1146
  }
1110
1147
 
1111
- /**
1112
- * :root is needed for non-web components, while :host for web components (TODO: change on v4)
1113
- *
1114
- * This produces css like:
1115
- * --adyen-internal-text-color: var(--adyen-sdk-text-color, #000);
1116
- *
1117
- * The `internal` part matches how we use css variables in the code
1118
- * The `sdk` part is how consumers customize it from outside our code
1119
- * The $value is the fallback bare value, used when the variable was not customized
1120
- *
1121
- * The reason we have `internal` and `sdk` is because doing something like:
1122
- * --color: var(--color, #0f0) would create a loop, and the browser ignores it.
1123
- *
1124
- */
1125
- :root,
1126
- :host {
1127
- --adyen-internal-animation-easing-standard: var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1128
- --adyen-internal-animation-easing-enter: var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
1129
- --adyen-internal-animation-easing-exit: var(--adyen-sdk-animation-easing-exit, cubic-bezier(0.4, 0, 1, 1));
1130
- --adyen-internal-animation-easing-linear: var(--adyen-sdk-animation-easing-linear, linear);
1131
- --adyen-internal-animation-duration-fast: var(--adyen-sdk-animation-duration-fast, 100ms);
1132
- --adyen-internal-animation-duration-moderate: var(--adyen-sdk-animation-duration-moderate, 150ms);
1133
- --adyen-internal-animation-duration-slow: var(--adyen-sdk-animation-duration-slow, 250ms);
1134
- --adyen-internal-color-background-primary: var(--adyen-sdk-color-background-primary, #ffffff);
1135
- --adyen-internal-color-background-primary-hover: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1136
- --adyen-internal-color-background-primary-active: var(--adyen-sdk-color-background-primary-active, #ecedef);
1137
- --adyen-internal-color-background-secondary: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1138
- --adyen-internal-color-background-secondary-hover: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
1139
- --adyen-internal-color-background-secondary-active: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
1140
- --adyen-internal-color-background-tertiary: var(--adyen-sdk-color-background-tertiary, #ecedef);
1141
- --adyen-internal-color-background-tertiary-hover: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
1142
- --adyen-internal-color-background-tertiary-active: var(--adyen-sdk-color-background-tertiary-active, #dadddf);
1143
- --adyen-internal-color-background-quaternary: var(--adyen-sdk-color-background-quaternary, #c0c5ca);
1144
- --adyen-internal-color-background-quaternary-hover: var(--adyen-sdk-color-background-quaternary-hover, #b7bdc2);
1145
- --adyen-internal-color-background-quaternary-active: var(--adyen-sdk-color-background-quaternary-active, #aeb5ba);
1146
- --adyen-internal-color-background-modal: var(--adyen-sdk-color-background-modal, #ffffff);
1147
- --adyen-internal-color-background-modal-hover: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
1148
+ .adyen-kyc-u-margin-top-8 {
1149
+ margin-top: var(--adyen-internal-spacer-040, 8px) !important;
1150
+ }
1151
+
1152
+ .adyen-kyc-u-margin-x-8 {
1153
+ margin-left: var(--adyen-internal-spacer-040, 8px) !important;
1154
+ margin-right: var(--adyen-internal-spacer-040, 8px) !important;
1155
+ }
1156
+
1157
+ .adyen-kyc-u-margin-y-8 {
1158
+ margin-bottom: var(--adyen-internal-spacer-040, 8px) !important;
1159
+ margin-top: var(--adyen-internal-spacer-040, 8px) !important;
1160
+ }
1161
+
1162
+ .adyen-kyc-u-margin-10 {
1163
+ margin: var(--adyen-internal-spacer-050, 10px) !important;
1164
+ }
1165
+
1166
+ .adyen-kyc-u-margin-bottom-10 {
1167
+ margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
1168
+ }
1169
+
1170
+ .adyen-kyc-u-margin-left-10 {
1171
+ margin-left: var(--adyen-internal-spacer-050, 10px) !important;
1172
+ }
1173
+
1174
+ .adyen-kyc-u-margin-right-10 {
1175
+ margin-right: var(--adyen-internal-spacer-050, 10px) !important;
1176
+ }
1177
+
1178
+ .adyen-kyc-u-margin-top-10 {
1179
+ margin-top: var(--adyen-internal-spacer-050, 10px) !important;
1180
+ }
1181
+
1182
+ .adyen-kyc-u-margin-x-10 {
1183
+ margin-left: var(--adyen-internal-spacer-050, 10px) !important;
1184
+ margin-right: var(--adyen-internal-spacer-050, 10px) !important;
1185
+ }
1186
+
1187
+ .adyen-kyc-u-margin-y-10 {
1188
+ margin-bottom: var(--adyen-internal-spacer-050, 10px) !important;
1189
+ margin-top: var(--adyen-internal-spacer-050, 10px) !important;
1190
+ }
1191
+
1192
+ .adyen-kyc-u-margin-12 {
1193
+ margin: var(--adyen-internal-spacer-060, 12px) !important;
1194
+ }
1195
+
1196
+ .adyen-kyc-u-margin-bottom-12 {
1197
+ margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
1198
+ }
1199
+
1200
+ .adyen-kyc-u-margin-left-12 {
1201
+ margin-left: var(--adyen-internal-spacer-060, 12px) !important;
1202
+ }
1203
+
1204
+ .adyen-kyc-u-margin-right-12 {
1205
+ margin-right: var(--adyen-internal-spacer-060, 12px) !important;
1206
+ }
1207
+
1208
+ .adyen-kyc-u-margin-top-12 {
1209
+ margin-top: var(--adyen-internal-spacer-060, 12px) !important;
1210
+ }
1211
+
1212
+ .adyen-kyc-u-margin-x-12 {
1213
+ margin-left: var(--adyen-internal-spacer-060, 12px) !important;
1214
+ margin-right: var(--adyen-internal-spacer-060, 12px) !important;
1215
+ }
1216
+
1217
+ .adyen-kyc-u-margin-y-12 {
1218
+ margin-bottom: var(--adyen-internal-spacer-060, 12px) !important;
1219
+ margin-top: var(--adyen-internal-spacer-060, 12px) !important;
1220
+ }
1221
+
1222
+ .adyen-kyc-u-margin-16 {
1223
+ margin: var(--adyen-internal-spacer-070, 16px) !important;
1224
+ }
1225
+
1226
+ .adyen-kyc-u-margin-bottom-16 {
1227
+ margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
1228
+ }
1229
+
1230
+ .adyen-kyc-u-margin-left-16 {
1231
+ margin-left: var(--adyen-internal-spacer-070, 16px) !important;
1232
+ }
1233
+
1234
+ .adyen-kyc-u-margin-right-16 {
1235
+ margin-right: var(--adyen-internal-spacer-070, 16px) !important;
1236
+ }
1237
+
1238
+ .adyen-kyc-u-margin-top-16 {
1239
+ margin-top: var(--adyen-internal-spacer-070, 16px) !important;
1240
+ }
1241
+
1242
+ .adyen-kyc-u-margin-x-16 {
1243
+ margin-left: var(--adyen-internal-spacer-070, 16px) !important;
1244
+ margin-right: var(--adyen-internal-spacer-070, 16px) !important;
1245
+ }
1246
+
1247
+ .adyen-kyc-u-margin-y-16 {
1248
+ margin-bottom: var(--adyen-internal-spacer-070, 16px) !important;
1249
+ margin-top: var(--adyen-internal-spacer-070, 16px) !important;
1250
+ }
1251
+
1252
+ .adyen-kyc-u-margin-20 {
1253
+ margin: var(--adyen-internal-spacer-080, 20px) !important;
1254
+ }
1255
+
1256
+ .adyen-kyc-u-margin-bottom-20 {
1257
+ margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
1258
+ }
1259
+
1260
+ .adyen-kyc-u-margin-left-20 {
1261
+ margin-left: var(--adyen-internal-spacer-080, 20px) !important;
1262
+ }
1263
+
1264
+ .adyen-kyc-u-margin-right-20 {
1265
+ margin-right: var(--adyen-internal-spacer-080, 20px) !important;
1266
+ }
1267
+
1268
+ .adyen-kyc-u-margin-top-20 {
1269
+ margin-top: var(--adyen-internal-spacer-080, 20px) !important;
1270
+ }
1271
+
1272
+ .adyen-kyc-u-margin-x-20 {
1273
+ margin-left: var(--adyen-internal-spacer-080, 20px) !important;
1274
+ margin-right: var(--adyen-internal-spacer-080, 20px) !important;
1275
+ }
1276
+
1277
+ .adyen-kyc-u-margin-y-20 {
1278
+ margin-bottom: var(--adyen-internal-spacer-080, 20px) !important;
1279
+ margin-top: var(--adyen-internal-spacer-080, 20px) !important;
1280
+ }
1281
+
1282
+ .adyen-kyc-u-margin-24 {
1283
+ margin: var(--adyen-internal-spacer-090, 24px) !important;
1284
+ }
1285
+
1286
+ .adyen-kyc-u-margin-bottom-24 {
1287
+ margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
1288
+ }
1289
+
1290
+ .adyen-kyc-u-margin-left-24 {
1291
+ margin-left: var(--adyen-internal-spacer-090, 24px) !important;
1292
+ }
1293
+
1294
+ .adyen-kyc-u-margin-right-24 {
1295
+ margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1296
+ }
1297
+
1298
+ .adyen-kyc-u-margin-top-24 {
1299
+ margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1300
+ }
1301
+
1302
+ .adyen-kyc-u-margin-x-24 {
1303
+ margin-left: var(--adyen-internal-spacer-090, 24px) !important;
1304
+ margin-right: var(--adyen-internal-spacer-090, 24px) !important;
1305
+ }
1306
+
1307
+ .adyen-kyc-u-margin-y-24 {
1308
+ margin-bottom: var(--adyen-internal-spacer-090, 24px) !important;
1309
+ margin-top: var(--adyen-internal-spacer-090, 24px) !important;
1310
+ }
1311
+
1312
+ .adyen-kyc-u-margin-32 {
1313
+ margin: var(--adyen-internal-spacer-100, 32px) !important;
1314
+ }
1315
+
1316
+ .adyen-kyc-u-margin-bottom-32 {
1317
+ margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1318
+ }
1319
+
1320
+ .adyen-kyc-u-margin-left-32 {
1321
+ margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1322
+ }
1323
+
1324
+ .adyen-kyc-u-margin-right-32 {
1325
+ margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1326
+ }
1327
+
1328
+ .adyen-kyc-u-margin-top-32 {
1329
+ margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1330
+ }
1331
+
1332
+ .adyen-kyc-u-margin-x-32 {
1333
+ margin-left: var(--adyen-internal-spacer-100, 32px) !important;
1334
+ margin-right: var(--adyen-internal-spacer-100, 32px) !important;
1335
+ }
1336
+
1337
+ .adyen-kyc-u-margin-y-32 {
1338
+ margin-bottom: var(--adyen-internal-spacer-100, 32px) !important;
1339
+ margin-top: var(--adyen-internal-spacer-100, 32px) !important;
1340
+ }
1341
+
1342
+ .adyen-kyc-u-margin-40 {
1343
+ margin: var(--adyen-internal-spacer-110, 40px) !important;
1344
+ }
1345
+
1346
+ .adyen-kyc-u-margin-bottom-40 {
1347
+ margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1348
+ }
1349
+
1350
+ .adyen-kyc-u-margin-left-40 {
1351
+ margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1352
+ }
1353
+
1354
+ .adyen-kyc-u-margin-right-40 {
1355
+ margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1356
+ }
1357
+
1358
+ .adyen-kyc-u-margin-top-40 {
1359
+ margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1360
+ }
1361
+
1362
+ .adyen-kyc-u-margin-x-40 {
1363
+ margin-left: var(--adyen-internal-spacer-110, 40px) !important;
1364
+ margin-right: var(--adyen-internal-spacer-110, 40px) !important;
1365
+ }
1366
+
1367
+ .adyen-kyc-u-margin-y-40 {
1368
+ margin-bottom: var(--adyen-internal-spacer-110, 40px) !important;
1369
+ margin-top: var(--adyen-internal-spacer-110, 40px) !important;
1370
+ }
1371
+
1372
+ .adyen-kyc-u-margin-48 {
1373
+ margin: var(--adyen-internal-spacer-120, 48px) !important;
1374
+ }
1375
+
1376
+ .adyen-kyc-u-margin-bottom-48 {
1377
+ margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1378
+ }
1379
+
1380
+ .adyen-kyc-u-margin-left-48 {
1381
+ margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1382
+ }
1383
+
1384
+ .adyen-kyc-u-margin-right-48 {
1385
+ margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1386
+ }
1387
+
1388
+ .adyen-kyc-u-margin-top-48 {
1389
+ margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1390
+ }
1391
+
1392
+ .adyen-kyc-u-margin-x-48 {
1393
+ margin-left: var(--adyen-internal-spacer-120, 48px) !important;
1394
+ margin-right: var(--adyen-internal-spacer-120, 48px) !important;
1395
+ }
1396
+
1397
+ .adyen-kyc-u-margin-y-48 {
1398
+ margin-bottom: var(--adyen-internal-spacer-120, 48px) !important;
1399
+ margin-top: var(--adyen-internal-spacer-120, 48px) !important;
1400
+ }
1401
+
1402
+ /* for container queries */
1403
+ .adyen-kyc-u-width-full {
1404
+ width: 100% !important;
1405
+ }
1406
+
1407
+ .adyen-kyc-u-width-half {
1408
+ width: 50% !important;
1409
+ }
1410
+
1411
+ /* Topmost/root container class */
1412
+ .adyen-kyc-ui-element-container-wrapper {
1413
+ width: 100%;
1414
+ overflow: auto;
1415
+ /**
1416
+ * main container query, used similarly to a @media query
1417
+ * considering our Component can be embedded in a container of arbitrary size
1418
+ * that does not necessarily match the whole window/screen size.
1419
+ * Uses s and l breakpoints defined in variables.
1420
+ */
1421
+ container-type: inline-size;
1422
+ container-name: main;
1423
+ }
1424
+
1425
+ .adyen-kyc-ui-element-container-wrapper *,
1426
+ .adyen-kyc-ui-element-container-wrapper *::after,
1427
+ .adyen-kyc-ui-element-container-wrapper *::before {
1428
+ box-sizing: border-box;
1429
+ }
1430
+
1431
+ .adyen-kyc-ui-element-container {
1432
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
1433
+ position: relative;
1434
+ padding: var(--adyen-internal-spacer-100, 32px);
1435
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
1436
+ font-family: var(--adyen-internal-text-body-font-family);
1437
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1438
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
1439
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
1440
+ color: var(--adyen-internal-color-label-primary, #001222);
1441
+ }
1442
+ .adyen-kyc-ui-element-container p,
1443
+ .adyen-kyc-ui-element-container ol,
1444
+ .adyen-kyc-ui-element-container ul {
1445
+ margin-bottom: 0;
1446
+ margin-top: 0;
1447
+ }
1448
+ .adyen-kyc-ui-element-container ul,
1449
+ .adyen-kyc-ui-element-container ol {
1450
+ padding-left: 1.5em;
1451
+ }
1452
+ @container main (max-width: 680px) {
1453
+ .adyen-kyc-ui-element-container {
1454
+ padding: var(--adyen-internal-spacer-070, 16px);
1455
+ }
1456
+ }
1457
+
1458
+ /*
1459
+ * Compatibility later to ensure components do NOT receive extra padding
1460
+ * as is the case with dropins, without breaking dropins.
1461
+ * Once the Component Layout has been done `.adyen-kyc-externalComponent`
1462
+ * can be safely removed everywere.
1463
+ */
1464
+ .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
1465
+ padding: 0;
1466
+ }
1467
+
1468
+ /**
1469
+ * :root is needed for non-web components, while :host for web components (TODO: change on v4)
1470
+ *
1471
+ * This produces css like:
1472
+ * --adyen-internal-text-color: var(--adyen-sdk-text-color, #000);
1473
+ *
1474
+ * The `internal` part matches how we use css variables in the code
1475
+ * The `sdk` part is how consumers customize it from outside our code
1476
+ * The $value is the fallback bare value, used when the variable was not customized
1477
+ *
1478
+ * The reason we have `internal` and `sdk` is because doing something like:
1479
+ * --color: var(--color, #0f0) would create a loop, and the browser ignores it.
1480
+ *
1481
+ */
1482
+ :root,
1483
+ :host {
1484
+ --adyen-internal-animation-easing-standard: var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1485
+ --adyen-internal-animation-easing-enter: var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
1486
+ --adyen-internal-animation-easing-exit: var(--adyen-sdk-animation-easing-exit, cubic-bezier(0.4, 0, 1, 1));
1487
+ --adyen-internal-animation-easing-linear: var(--adyen-sdk-animation-easing-linear, linear);
1488
+ --adyen-internal-animation-duration-fast: var(--adyen-sdk-animation-duration-fast, 100ms);
1489
+ --adyen-internal-animation-duration-moderate: var(--adyen-sdk-animation-duration-moderate, 150ms);
1490
+ --adyen-internal-animation-duration-slow: var(--adyen-sdk-animation-duration-slow, 250ms);
1491
+ --adyen-internal-color-background-primary: var(--adyen-sdk-color-background-primary, #ffffff);
1492
+ --adyen-internal-color-background-primary-hover: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1493
+ --adyen-internal-color-background-primary-active: var(--adyen-sdk-color-background-primary-active, #ecedef);
1494
+ --adyen-internal-color-background-secondary: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1495
+ --adyen-internal-color-background-secondary-hover: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
1496
+ --adyen-internal-color-background-secondary-active: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
1497
+ --adyen-internal-color-background-tertiary: var(--adyen-sdk-color-background-tertiary, #ecedef);
1498
+ --adyen-internal-color-background-tertiary-hover: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
1499
+ --adyen-internal-color-background-tertiary-active: var(--adyen-sdk-color-background-tertiary-active, #dadddf);
1500
+ --adyen-internal-color-background-quaternary: var(--adyen-sdk-color-background-quaternary, #c0c5ca);
1501
+ --adyen-internal-color-background-quaternary-hover: var(--adyen-sdk-color-background-quaternary-hover, #b7bdc2);
1502
+ --adyen-internal-color-background-quaternary-active: var(--adyen-sdk-color-background-quaternary-active, #aeb5ba);
1503
+ --adyen-internal-color-background-modal: var(--adyen-sdk-color-background-modal, #ffffff);
1504
+ --adyen-internal-color-background-modal-hover: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
1148
1505
  --adyen-internal-color-background-modal-active: var(--adyen-sdk-color-background-modal-active, #ecedef);
1149
1506
  --adyen-internal-color-background-disabled: var(--adyen-sdk-color-background-disabled, #ecedef);
1150
1507
  --adyen-internal-color-background-selected: var(--adyen-sdk-color-background-selected, #e3effb);
@@ -1311,6 +1668,7 @@
1311
1668
  --adyen-internal-text-rich-text-caption-pre-line-height: var(--adyen-sdk-text-rich-text-caption-pre-line-height, 20px);
1312
1669
  --adyen-internal-text-rich-text-caption-table-padding: var(--adyen-sdk-text-rich-text-caption-table-padding, 8px 12px);
1313
1670
  --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1671
+ --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);
1314
1672
  --adyen-internal-text-caption-font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1315
1673
  --adyen-internal-text-caption-font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1316
1674
  --adyen-internal-text-caption-line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -1320,6 +1678,7 @@
1320
1678
  --adyen-internal-text-caption-stronger-wide-font-weight: var(--adyen-sdk-text-caption-stronger-wide-font-weight, 500);
1321
1679
  --adyen-internal-text-caption-stronger-wide-line-height: var(--adyen-sdk-text-caption-stronger-wide-line-height, 20px);
1322
1680
  --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1681
+ --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);
1323
1682
  --adyen-internal-text-body-font-size: var(--adyen-sdk-text-body-font-size, 14px);
1324
1683
  --adyen-internal-text-body-font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1325
1684
  --adyen-internal-text-body-line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -1338,6 +1697,7 @@
1338
1697
  --adyen-internal-text-subtitle-letter-spacing: var(--adyen-sdk-text-subtitle-letter-spacing, 0);
1339
1698
  --adyen-internal-text-subtitle-stronger-font-weight: var(--adyen-sdk-text-subtitle-stronger-font-weight, 600);
1340
1699
  --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1700
+ --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);
1341
1701
  --adyen-internal-text-title-font-size: var(--adyen-sdk-text-title-font-size, 16px);
1342
1702
  --adyen-internal-text-title-font-weight: var(--adyen-sdk-text-title-font-weight, 600);
1343
1703
  --adyen-internal-text-title-line-height: var(--adyen-sdk-text-title-line-height, 26px);
@@ -1345,6 +1705,7 @@
1345
1705
  --adyen-internal-text-title-mobile-font-size: var(--adyen-sdk-text-title-mobile-font-size, 16px);
1346
1706
  --adyen-internal-text-title-mobile-line-height: var(--adyen-sdk-text-title-mobile-line-height, 26px);
1347
1707
  --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);
1708
+ --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);
1348
1709
  --adyen-internal-text-title-m-font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
1349
1710
  --adyen-internal-text-title-m-font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
1350
1711
  --adyen-internal-text-title-m-line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
@@ -1352,6 +1713,7 @@
1352
1713
  --adyen-internal-text-title-m-mobile-font-size: var(--adyen-sdk-text-title-m-mobile-font-size, 18px);
1353
1714
  --adyen-internal-text-title-m-mobile-line-height: var(--adyen-sdk-text-title-m-mobile-line-height, 28px);
1354
1715
  --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);
1716
+ --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);
1355
1717
  --adyen-internal-text-title-l-font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
1356
1718
  --adyen-internal-text-title-l-font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
1357
1719
  --adyen-internal-text-title-l-line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
@@ -1370,1341 +1732,1137 @@
1370
1732
  --adyen-internal-spacer-010: var(--adyen-sdk-spacer-010, 2px);
1371
1733
  --adyen-internal-spacer-020: var(--adyen-sdk-spacer-020, 4px);
1372
1734
  --adyen-internal-spacer-030: var(--adyen-sdk-spacer-030, 6px);
1373
- --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 8px);
1374
- --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 10px);
1375
- --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 12px);
1376
- --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 16px);
1377
- --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 20px);
1378
- --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 24px);
1379
- --adyen-internal-media-query-xs-min: var(--adyen-sdk-media-query-xs-min, 0px);
1380
- --adyen-internal-media-query-xs-max: var(--adyen-sdk-media-query-xs-max, 375px);
1381
- --adyen-internal-media-query-s-min: var(--adyen-sdk-media-query-s-min, 376px);
1382
- --adyen-internal-media-query-s-max: var(--adyen-sdk-media-query-s-max, 499px);
1383
- --adyen-internal-media-query-m-min: var(--adyen-sdk-media-query-m-min, 500px);
1384
- --adyen-internal-media-query-m-max: var(--adyen-sdk-media-query-m-max, 767px);
1385
- --adyen-internal-media-query-l-min: var(--adyen-sdk-media-query-l-min, 768px);
1386
- --adyen-internal-media-query-l-max: var(--adyen-sdk-media-query-l-max, 1279px);
1387
- --adyen-internal-media-query-xl-min: var(--adyen-sdk-media-query-xl-min, 1280px);
1388
- --adyen-internal-media-query-xl-max: var(--adyen-sdk-media-query-xl-max, 1535px);
1389
- --adyen-internal-media-query-xxl: var(--adyen-sdk-media-query-xxl, 1536px);
1390
- --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));
1391
- --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));
1392
- --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));
1393
- --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));
1394
- --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));
1395
- --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));
1396
- --adyen-internal-border-radius-xs: var(--adyen-sdk-border-radius-xs, 2px);
1397
- --adyen-internal-border-radius-s: var(--adyen-sdk-border-radius-s, 4px);
1398
- --adyen-internal-border-radius-m: var(--adyen-sdk-border-radius-m, 8px);
1399
- --adyen-internal-border-radius-l: var(--adyen-sdk-border-radius-l, 12px);
1400
- --adyen-internal-border-radius-xl: var(--adyen-sdk-border-radius-xl, 24px);
1401
- --adyen-internal-border-width-s: var(--adyen-sdk-border-width-s, 1px);
1402
- --adyen-internal-border-width-m: var(--adyen-sdk-border-width-m, 2px);
1403
- --adyen-internal-border-width-l: var(--adyen-sdk-border-width-l, 3px);
1404
- --adyen-internal-border-width-attention: var(--adyen-sdk-border-width-attention, 1.5px);
1405
- --adyen-internal-z-index-global-screen: var(--adyen-sdk-z-index-global-screen, auto);
1406
- --adyen-internal-z-index-global-elevated: var(--adyen-sdk-z-index-global-elevated, 5);
1407
- --adyen-internal-z-index-global-navigation: var(--adyen-sdk-z-index-global-navigation, 10);
1408
- --adyen-internal-z-index-global-instant-interaction: var(--adyen-sdk-z-index-global-instant-interaction, 15);
1409
- --adyen-internal-z-index-local-tier-1: var(--adyen-sdk-z-index-local-tier-1, 1);
1410
- --adyen-internal-z-index-local-tier-2: var(--adyen-sdk-z-index-local-tier-2, 2);
1411
- --adyen-internal-z-index-local-tier-3: var(--adyen-sdk-z-index-local-tier-3, 3);
1412
- --adyen-internal-z-index-local-tier-4: var(--adyen-sdk-z-index-local-tier-4, 4);
1413
- /** Setting font-family by default to inherit, unless specified otherwise */
1414
- --adyen-internal-text-rich-text-code-font-family: var(
1415
- --adyen-sdk-text-rich-text-code-font-family,
1416
- inherit
1417
- );
1418
- --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, inherit);
1419
- --adyen-internal-text-caption-font-family-secondary: var(
1420
- --adyen-sdk-text-caption-font-family-secondary,
1421
- inherit
1422
- );
1423
- --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, inherit);
1424
- --adyen-internal-text-body-font-family-secondary: var(
1425
- --adyen-sdk-text-body-font-family-secondary,
1426
- inherit
1427
- );
1428
- --adyen-internal-text-subtitle-font-family: var(--adyen-sdk-text-subtitle-font-family, inherit);
1429
- --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, inherit);
1430
- --adyen-internal-text-title-font-family-secondary: var(
1431
- --adyen-sdk-text-title-font-family-secondary,
1432
- inherit
1433
- );
1434
- --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, inherit);
1435
- --adyen-internal-text-title-m-font-family-secondary: var(
1436
- --adyen-sdk-text-title-m-font-family-secondary,
1437
- inherit
1438
- );
1439
- --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, inherit);
1440
- --adyen-internal-text-title-l-font-family-secondary: var(
1441
- --adyen-sdk-text-title-l-font-family-secondary,
1442
- inherit
1443
- );
1444
- --adyen-internal-tap-target: 44px;
1445
- --adyen-internal-border-default-s: var(--adyen-internal-border-width-s) solid
1446
- var(--adyen-internal-color-outline-primary);
1447
- --adyen-internal-border-default-m: var(--adyen-internal-border-width-m) solid
1448
- var(--adyen-internal-color-outline-primary);
1449
- --adyen-internal-border-default-l: var(--adyen-internal-border-width-l) solid
1450
- var(--adyen-internal-color-outline-primary);
1451
- }
1452
-
1453
- .adyen-kyc-u-screen-reader-only {
1454
- border: 0;
1455
- clip: rect(0, 0, 0, 0);
1456
- height: 1px;
1457
- overflow: hidden;
1458
- padding: 0 !important;
1459
- position: absolute;
1460
- white-space: nowrap;
1461
- width: 1px;
1462
- }
1463
-
1464
- fieldset {
1465
- border: none;
1466
- padding: 0;
1467
- margin: 0;
1468
- }.adyen-kyc-checkbox__label {
1469
- color: var(--adyen-internal-color-label-primary, #001222);
1470
- cursor: pointer;
1471
- display: inline-block;
1472
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1473
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
1474
- line-height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1475
- padding-left: var(--adyen-internal-spacer-090, 24px);
1476
- position: relative;
1477
- user-select: none;
1478
- width: calc(100% - 32px); /* leaves space for the error icon */
1479
- }
1480
- .adyen-kyc-checkbox__helper-text {
1481
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1482
- display: block;
1483
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1484
- padding-left: var(--adyen-internal-spacer-090, 24px);
1485
- }
1486
-
1487
- .adyen-kyc-checkbox__input {
1488
- opacity: 0;
1489
- pointer-events: none;
1490
- position: absolute;
1491
- }
1492
- .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
1493
- 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));
1494
- transition: var(--adyen-internal-animation-duration-fast, 100ms) var(--adyen-internal-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1495
- transition-property: box-shadow;
1496
- }
1497
- .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
1498
- background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
1499
- }
1500
- .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
1501
- opacity: 1;
1502
- }
1503
- .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
1504
- background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
1505
- border-color: var(--adyen-internal-color-background-inverse-primary, #001222);
1506
- }
1507
- .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
1508
- background-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
1509
- border-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
1510
- }
1511
- .adyen-kyc-checkbox__input {
1512
- /* Check */
1513
- }
1514
- .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
1515
- border-bottom: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
1516
- border-right: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
1517
- content: "";
1518
- height: 7px;
1519
- left: 3px;
1520
- opacity: 0;
1521
- position: absolute;
1522
- top: 4px;
1523
- transform: rotateZ(37deg);
1524
- transform-origin: 100% 100%;
1525
- width: 5px;
1526
- z-index: 1;
1527
- }
1528
- .adyen-kyc-checkbox__input {
1529
- /* Box */
1530
- }
1531
- .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
1532
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
1533
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
1534
- border-radius: var(--adyen-internal-border-radius-s, 4px);
1535
- content: "";
1536
- height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1537
- left: 0;
1538
- position: absolute;
1539
- top: 0;
1540
- width: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1541
- z-index: 0;
1542
- }.adyen-kyc-field {
1543
- display: block;
1544
- margin-bottom: var(--adyen-internal-spacer-090, 24px);
1545
- width: 100%;
1546
- }
1547
- .adyen-kyc-field--disabled {
1548
- color: var(--adyen-internal-color-label-disabled, #8c959d);
1549
- opacity: 0.5;
1550
- pointer-events: none;
1551
- }
1552
-
1553
- .adyen-kyc-optional-label {
1554
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1555
- }
1556
-
1557
- .adyen-kyc-label__text {
1558
- color: var(--adyen-internal-color-label-primary, #001222);
1559
- display: block;
1560
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1561
- font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
1562
- transition: color 0.1s ease-out;
1563
- }
1564
-
1565
- .adyen-kyc-helper-text {
1566
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1567
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1568
- font-family: var(--adyen-internal-text-caption-font-family);
1569
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1570
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1571
- display: flex;
1572
- align-items: center;
1573
- }
1574
- .adyen-kyc-helper-text__above {
1575
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
1576
- }
1577
- .adyen-kyc-helper-text__below {
1578
- margin-top: var(--adyen-internal-spacer-020, 4px);
1579
- }
1580
- .adyen-kyc-helper-text__valid-format-check {
1581
- color: var(--adyen-internal-color-label-success, #008845);
1582
- font-size: var(--adyen-internal-text-title-font-size, 16px);
1583
- font-family: var(--adyen-internal-text-title-font-family);
1584
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
1585
- line-height: var(--adyen-internal-text-title-line-height, 26px);
1586
- display: inline-flex;
1587
- }
1588
-
1589
- .adyen-kyc-label__text--error {
1590
- color: var(--adyen-internal-color-label-critical, #dc3801);
1591
- }
1592
-
1593
- .adyen-kyc-error-text {
1594
- align-items: center;
1595
- color: var(--adyen-internal-color-label-critical, #dc3801);
1596
- display: flex;
1597
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1598
- font-family: var(--adyen-internal-text-caption-font-family);
1599
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1600
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1601
- margin-top: var(--adyen-internal-spacer-020, 4px);
1602
- position: relative;
1603
- }
1604
-
1605
- .adyen-kyc-guidance-text {
1606
- align-items: center;
1607
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1608
- display: flex;
1609
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1610
- font-family: var(--adyen-internal-text-caption-font-family);
1611
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1612
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1613
- margin-top: var(--adyen-internal-spacer-020, 4px);
1614
- position: relative;
1615
- }
1616
-
1617
- .adyen-kyc-upload-field__guidance {
1618
- display: flex;
1619
- flex-direction: column;
1620
- }
1621
- .adyen-kyc-upload-field__subtitle {
1622
- color: var(--adyen-internal-color-label-primary, #001222);
1623
- margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
1735
+ --adyen-internal-spacer-040: var(--adyen-sdk-spacer-040, 8px);
1736
+ --adyen-internal-spacer-050: var(--adyen-sdk-spacer-050, 10px);
1737
+ --adyen-internal-spacer-060: var(--adyen-sdk-spacer-060, 12px);
1738
+ --adyen-internal-spacer-070: var(--adyen-sdk-spacer-070, 16px);
1739
+ --adyen-internal-spacer-080: var(--adyen-sdk-spacer-080, 20px);
1740
+ --adyen-internal-spacer-090: var(--adyen-sdk-spacer-090, 24px);
1741
+ --adyen-internal-media-query-xs-min: var(--adyen-sdk-media-query-xs-min, 0px);
1742
+ --adyen-internal-media-query-xs-max: var(--adyen-sdk-media-query-xs-max, 375px);
1743
+ --adyen-internal-media-query-s-min: var(--adyen-sdk-media-query-s-min, 376px);
1744
+ --adyen-internal-media-query-s-max: var(--adyen-sdk-media-query-s-max, 499px);
1745
+ --adyen-internal-media-query-m-min: var(--adyen-sdk-media-query-m-min, 500px);
1746
+ --adyen-internal-media-query-m-max: var(--adyen-sdk-media-query-m-max, 767px);
1747
+ --adyen-internal-media-query-l-min: var(--adyen-sdk-media-query-l-min, 768px);
1748
+ --adyen-internal-media-query-l-max: var(--adyen-sdk-media-query-l-max, 1279px);
1749
+ --adyen-internal-media-query-xl-min: var(--adyen-sdk-media-query-xl-min, 1280px);
1750
+ --adyen-internal-media-query-xl-max: var(--adyen-sdk-media-query-xl-max, 1535px);
1751
+ --adyen-internal-media-query-xxl: var(--adyen-sdk-media-query-xxl, 1536px);
1752
+ --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));
1753
+ --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));
1754
+ --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));
1755
+ --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));
1756
+ --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));
1757
+ --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));
1758
+ --adyen-internal-border-radius-xs: var(--adyen-sdk-border-radius-xs, 2px);
1759
+ --adyen-internal-border-radius-s: var(--adyen-sdk-border-radius-s, 4px);
1760
+ --adyen-internal-border-radius-m: var(--adyen-sdk-border-radius-m, 8px);
1761
+ --adyen-internal-border-radius-l: var(--adyen-sdk-border-radius-l, 12px);
1762
+ --adyen-internal-border-radius-xl: var(--adyen-sdk-border-radius-xl, 24px);
1763
+ --adyen-internal-border-width-s: var(--adyen-sdk-border-width-s, 1px);
1764
+ --adyen-internal-border-width-m: var(--adyen-sdk-border-width-m, 2px);
1765
+ --adyen-internal-border-width-l: var(--adyen-sdk-border-width-l, 3px);
1766
+ --adyen-internal-border-width-attention: var(--adyen-sdk-border-width-attention, 1.5px);
1767
+ --adyen-internal-z-index-global-screen: var(--adyen-sdk-z-index-global-screen, auto);
1768
+ --adyen-internal-z-index-global-elevated: var(--adyen-sdk-z-index-global-elevated, 5);
1769
+ --adyen-internal-z-index-global-navigation: var(--adyen-sdk-z-index-global-navigation, 10);
1770
+ --adyen-internal-z-index-global-instant-interaction: var(--adyen-sdk-z-index-global-instant-interaction, 15);
1771
+ --adyen-internal-z-index-local-tier-1: var(--adyen-sdk-z-index-local-tier-1, 1);
1772
+ --adyen-internal-z-index-local-tier-2: var(--adyen-sdk-z-index-local-tier-2, 2);
1773
+ --adyen-internal-z-index-local-tier-3: var(--adyen-sdk-z-index-local-tier-3, 3);
1774
+ --adyen-internal-z-index-local-tier-4: var(--adyen-sdk-z-index-local-tier-4, 4);
1775
+ /** Setting font-family by default to inherit, unless specified otherwise */
1776
+ --adyen-internal-text-rich-text-code-font-family: var(
1777
+ --adyen-sdk-text-rich-text-code-font-family,
1778
+ inherit
1779
+ );
1780
+ --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, inherit);
1781
+ --adyen-internal-text-caption-font-family-secondary: var(
1782
+ --adyen-sdk-text-caption-font-family-secondary,
1783
+ inherit
1784
+ );
1785
+ --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, inherit);
1786
+ --adyen-internal-text-body-font-family-secondary: var(
1787
+ --adyen-sdk-text-body-font-family-secondary,
1788
+ inherit
1789
+ );
1790
+ --adyen-internal-text-subtitle-font-family: var(--adyen-sdk-text-subtitle-font-family, inherit);
1791
+ --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, inherit);
1792
+ --adyen-internal-text-title-font-family-secondary: var(
1793
+ --adyen-sdk-text-title-font-family-secondary,
1794
+ inherit
1795
+ );
1796
+ --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, inherit);
1797
+ --adyen-internal-text-title-m-font-family-secondary: var(
1798
+ --adyen-sdk-text-title-m-font-family-secondary,
1799
+ inherit
1800
+ );
1801
+ --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, inherit);
1802
+ --adyen-internal-text-title-l-font-family-secondary: var(
1803
+ --adyen-sdk-text-title-l-font-family-secondary,
1804
+ inherit
1805
+ );
1806
+ --adyen-internal-tap-target: 44px;
1807
+ --adyen-internal-border-default-s: var(--adyen-internal-border-width-s) solid
1808
+ var(--adyen-internal-color-outline-primary);
1809
+ --adyen-internal-border-default-m: var(--adyen-internal-border-width-m) solid
1810
+ var(--adyen-internal-color-outline-primary);
1811
+ --adyen-internal-border-default-l: var(--adyen-internal-border-width-l) solid
1812
+ var(--adyen-internal-color-outline-primary);
1624
1813
  }
1625
1814
 
1626
- .adyen-kyc-input-wrapper {
1627
- display: block;
1628
- position: relative;
1629
- margin-top: var(--adyen-internal-spacer-040, 8px);
1630
- }
1631
- .adyen-kyc-input-wrapper--block {
1632
- display: block;
1633
- }.adyen-kyc-loader-wrapper-loader {
1634
- display: none;
1635
- height: 100%;
1636
- left: 0;
1815
+ .adyen-kyc-u-screen-reader-only {
1816
+ border: 0;
1817
+ clip: rect(0, 0, 0, 0);
1818
+ height: 1px;
1819
+ overflow: hidden;
1820
+ padding: 0 !important;
1637
1821
  position: absolute;
1638
- top: 0;
1639
- width: 100%;
1640
- z-index: 1;
1822
+ white-space: nowrap;
1823
+ width: 1px;
1641
1824
  }
1642
1825
 
1643
- .adyen-kyc-loader-wrapper-loader-active {
1644
- display: block;
1645
- }
1646
- /* for container queries */
1647
- .adyen-kyc-modal {
1648
- background-color: var(--adyen-internal-color-background-modal);
1649
- border: var(--adyen-internal-spacer-000);
1650
- box-shadow: var(--adyen-internal-shadow-high);
1826
+ fieldset {
1827
+ border: none;
1828
+ padding: 0;
1829
+ margin: 0;
1830
+ }/* for container queries */
1831
+ .adyen-kyc-dropin {
1832
+ background: var(--adyen-internal-color-background-primary, #ffffff);
1651
1833
  display: flex;
1652
1834
  flex-direction: column;
1653
- height: 100vh;
1654
- height: 100dvh;
1655
- max-height: unset;
1656
- max-width: unset;
1835
+ height: 100%;
1657
1836
  overflow: hidden;
1658
- padding: var(--adyen-internal-spacer-000);
1659
- position: fixed;
1660
- width: 100vw;
1661
- width: 100dvw;
1662
- }
1663
- .adyen-kyc-modal:focus-visible {
1664
- outline: none;
1665
- }
1666
- @media (min-width: 480px) {
1667
- .adyen-kyc-modal {
1668
- transition: max-height 400ms, max-width 400ms;
1669
- }
1670
- }
1671
-
1672
- .adyen-kyc-modal-small {
1673
- border-radius: var(--adyen-internal-border-radius-l);
1674
- max-height: 80vh;
1675
- max-width: 400px;
1676
- width: 80vw;
1677
- height: fit-content;
1678
- }
1679
-
1680
- @media (min-width: 480px) {
1681
- .adyen-kyc-modal-medium {
1682
- border-radius: var(--adyen-internal-border-radius-l);
1683
- height: 90vh;
1684
- max-height: 600px;
1685
- max-width: 600px;
1686
- width: 90vw;
1687
- }
1837
+ position: relative;
1838
+ width: 100%;
1688
1839
  }
1689
-
1690
- @media (min-width: 480px) {
1691
- .adyen-kyc-modal-large {
1692
- border-radius: var(--adyen-internal-border-radius-l);
1693
- height: 90vh;
1694
- max-height: 900px;
1695
- max-width: 900px;
1696
- width: 90vw;
1697
- }
1840
+ .adyen-kyc-dropin-container {
1841
+ position: relative;
1842
+ min-height: 480px;
1843
+ transform: scale(1);
1844
+ width: 100%;
1698
1845
  }
1699
1846
 
1700
- .adyen-kyc-modal-body {
1847
+ .adyen-kyc-dropin__content {
1701
1848
  display: flex;
1849
+ flex: 1;
1702
1850
  flex-direction: column;
1703
- overflow-y: auto;
1704
- scrollbar-width: thin;
1705
- }
1706
-
1707
- .adyen-kyc-modal-body-height {
1708
- height: 100%;
1709
- }
1710
-
1711
- .adyen-kyc-modal-accessable-title {
1712
- display: none;
1713
- }
1714
-
1715
- .adyen-kyc-modal-transition-slide-in {
1716
- animation-name: adyen-kyc-slide-in;
1717
- animation-duration: 400ms;
1718
- animation-timing-function: ease-out;
1719
- }
1720
-
1721
- .adyen-kyc-modal-transition-drop-in {
1722
- animation-name: adyen-kyc-drop-in;
1723
- animation-duration: 250ms;
1724
- animation-timing-function: ease;
1725
- }
1726
-
1727
- .adyen-kyc-modal-inset {
1728
- padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
1729
- }
1730
- @media (min-width: 480px) {
1731
- .adyen-kyc-modal-inset {
1732
- padding-left: var(--adyen-internal-spacer-100);
1733
- padding-right: var(--adyen-internal-spacer-100);
1734
- }
1735
- }
1736
- @media (min-width: 680px) {
1737
- .adyen-kyc-modal-inset {
1738
- padding-left: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
1739
- padding-right: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
1740
- }
1741
- }
1742
-
1743
- .adyen-kyc-modal::backdrop {
1744
- animation-name: adyen-kyc-backdrop-dissolve;
1745
- animation-duration: 400ms;
1746
- animation-timing-function: ease;
1747
- background-color: var(--adyen-internal-color-support-overlay);
1748
- opacity: 0.5;
1749
- backdrop-filter: blur(10px);
1750
- }
1751
-
1752
- .adyen-kyc-modal-button {
1753
- position: absolute;
1754
- top: var(--adyen-internal-spacer-070);
1755
- right: var(--adyen-internal-spacer-070);
1756
- z-index: 10;
1757
- }
1758
-
1759
- @keyframes adyen-kyc-backdrop-dissolve {
1760
- 0% {
1761
- opacity: 0;
1762
- }
1763
- 100% {
1764
- opacity: 0.5;
1765
- backdrop-filter: blur(10px);
1766
- }
1767
- }
1768
- @keyframes adyen-kyc-slide-in {
1769
- 0% {
1770
- opacity: 0;
1771
- top: 64px;
1772
- }
1773
- 100% {
1774
- opacity: 1;
1775
- top: 0;
1776
- }
1851
+ height: calc(100% - 56px);
1852
+ overflow: auto;
1777
1853
  }
1778
- @keyframes adyen-kyc-drop-in {
1779
- 0% {
1780
- opacity: 0;
1781
- transform: scale(1.2);
1782
- }
1783
- 100% {
1784
- opacity: 1;
1785
- transform: scale(1);
1854
+ @container main (min-width: 680px) and (max-width: 1024px) {
1855
+ .adyen-kyc-dropin__content {
1856
+ height: calc(100% - 72px);
1786
1857
  }
1787
1858
  }
1788
- .adyen-kyc-modal-header {
1789
- align-items: center;
1859
+
1860
+ /* padding in dropins, not used in modal view */
1861
+ .adyen-kyc-dropin__content-main {
1790
1862
  display: flex;
1791
- font-size: var(--adyen-internal-text-title-font-size);
1792
- font-weight: var(--adyen-internal-text-title-font-weight);
1793
- gap: var(--adyen-internal-spacer-040);
1794
- justify-content: space-between;
1795
- padding: var(--adyen-internal-spacer-070);
1863
+ flex: 1;
1864
+ padding: var(--adyen-internal-spacer-070, 16px);
1865
+ width: 100%;
1866
+ box-sizing: border-box;
1796
1867
  }
1797
-
1798
- .adyen-kyc-modal-content {
1799
- flex-grow: 1;
1800
- overflow-y: auto;
1801
- padding: var(--adyen-internal-spacer-070);
1868
+ @container main (min-width: 680px) and (max-width: 1024px) {
1869
+ .adyen-kyc-dropin__content-main {
1870
+ padding: var(--adyen-internal-spacer-090, 24px);
1871
+ }
1872
+ }
1873
+ @container main (min-width: 1024px) {
1874
+ .adyen-kyc-dropin__content-main {
1875
+ padding: var(--adyen-internal-spacer-110, 40px);
1876
+ }
1802
1877
  }
1803
1878
 
1804
- .adyen-kyc-modal-footer {
1805
- align-items: center;
1806
- border-top: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-primary);
1807
- display: flex;
1808
- gap: var(--adyen-internal-spacer-040);
1809
- justify-content: flex-end;
1810
- padding: var(--adyen-internal-spacer-070);
1811
- }.adyen-kyc-progress-bar {
1812
- --adyen-progress-bar-size: 4px;
1813
- background-color: var(--adyen-internal-color-background-secondary);
1814
- height: var(--adyen-progress-bar-size);
1879
+ .adyen-kyc-dropin__main {
1880
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
1881
+ width: 100%;
1882
+ }.adyen-kyc-card {
1883
+ all: unset;
1884
+ display: block;
1885
+ width: 100%;
1886
+ box-sizing: border-box;
1887
+ border-radius: var(--adyen-internal-border-radius-l);
1888
+ transition: 200ms;
1889
+ border: 1px solid transparent;
1815
1890
  overflow: hidden;
1816
1891
  }
1817
1892
 
1818
- .adyen-kyc-progress-bar-rounded {
1819
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
1893
+ .adyen-kyc-card-primary {
1894
+ background-color: var(--adyen-internal-color-background-primary);
1895
+ border-color: var(--adyen-internal-color-outline-primary);
1820
1896
  }
1821
1897
 
1822
- .adyen-kyc-progress-bar-indicator {
1823
- background-color: var(--adyen-internal-color-background-inverse-primary);
1824
- text-indent: -1000%;
1825
- transition: width 400ms;
1826
- overflow: hidden;
1827
- }
1828
- /* for container queries */
1829
- .adyen-kyc-dropdown {
1830
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1831
- max-width: 100%;
1832
- width: 100%;
1898
+ .adyen-kyc-card-secondary {
1899
+ background-color: var(--adyen-internal-color-background-secondary);
1833
1900
  }
1834
1901
 
1835
- .adyen-kyc-dropdown--minimal {
1836
- max-width: 120px;
1902
+ .adyen-kyc-card-padding-small {
1903
+ padding: var(--adyen-internal-spacer-040);
1837
1904
  }
1838
1905
 
1839
- .adyen-kyc-dropdown-list {
1840
- border-radius: var(--adyen-internal-border-radius-m, 8px);
1841
- 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));
1842
- z-index: 2;
1906
+ .adyen-kyc-card-padding-medium {
1907
+ padding: var(--adyen-internal-spacer-070);
1843
1908
  }
1844
- .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
1845
- cursor: pointer;
1909
+
1910
+ .adyen-kyc-card-padding-large {
1911
+ padding: var(--adyen-internal-spacer-090);
1846
1912
  }
1847
1913
 
1848
- .adyen-kyc-dropdown-list--above {
1849
- bottom: -6px;
1914
+ .adyen-kyc-card-elevation-low {
1915
+ box-shadow: var(--adyen-internal-shadow-low);
1850
1916
  }
1851
1917
 
1852
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
1853
- margin-top: var(--adyen-internal-spacer-010, 2px);
1918
+ .adyen-kyc-card-elevation-medium {
1919
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-medium);
1854
1920
  }
1855
1921
 
1856
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
1857
- width: 200px;
1922
+ .adyen-kyc-card-elevation-high {
1923
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-high);
1858
1924
  }
1859
1925
 
1860
- .adyen-kyc-dropdown-element {
1861
- border: var(--adyen-internal-border-width-s, 1px) solid transparent;
1862
- color: var(--adyen-internal-color-label-primary, #001222);
1926
+ .adyen-kyc-card-interactive {
1863
1927
  cursor: pointer;
1864
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1865
- font-family: var(--adyen-internal-text-caption-font-family);
1866
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1867
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1868
- hyphens: auto;
1869
- outline: 0;
1870
- padding: var(--adyen-internal-spacer-040, 8px);
1871
- transition: background 0.2s ease-out, border-color 0.2s ease-out;
1872
- user-select: none;
1873
- word-break: break-word;
1874
- }
1875
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
1876
- align-items: baseline;
1877
- display: flex;
1878
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1879
- width: 100%;
1928
+ outline-offset: calc(1px + var(--adyen-internal-focus-ring-spacer));
1929
+ outline: var(--adyen-internal-focus-ring-outline) solid transparent;
1880
1930
  }
1881
1931
 
1882
- .adyen-kyc-dropdown-search-element__description {
1883
- flex: 1;
1884
- }
1885
- .adyen-kyc-dropdown-search-element__description--highlight {
1886
- font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
1887
- }
1888
- .adyen-kyc-dropdown-search-element__addresses {
1889
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1890
- display: flex;
1891
- }
1892
- .adyen-kyc-dropdown-search-element__addresses--icon {
1893
- align-items: center;
1894
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1895
- display: flex;
1896
- margin-left: var(--adyen-internal-spacer-040, 8px);
1897
- }
1898
- .adyen-kyc-dropdown-search-element__addresses--text {
1899
- display: none;
1900
- margin-left: var(--adyen-internal-spacer-020, 4px);
1932
+ .adyen-kyc-card-interactive:disabled {
1933
+ background-color: var(--adyen-internal-color-background-disabled);
1934
+ box-shadow: none;
1935
+ border-color: transparent;
1936
+ color: var(--adyen-internal-color-label-disabled);
1937
+ cursor: default;
1901
1938
  }
1902
- @container main (min-width: 1024px) {
1903
- .adyen-kyc-dropdown-search-element__addresses--text {
1904
- display: block;
1939
+
1940
+ @media (hover: hover) {
1941
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:hover:not(.adyen-kyc-card-interactive:disabled) {
1942
+ background-color: var(--adyen-internal-color-background-primary-hover);
1905
1943
  }
1906
- }
1907
1944
 
1908
- .adyen-kyc-dropdown-element:last-child {
1909
- border-bottom: 0;
1945
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:hover:not(.adyen-kyc-card-interactive:disabled) {
1946
+ background-color: var(--adyen-internal-color-background-secondary-hover);
1947
+ }
1910
1948
  }
1911
1949
 
1912
- .adyen-kyc-dropdown-element:hover,
1913
- .adyen-kyc-dropdown-element:focus,
1914
- .adyen-kyc-dropdown-element:active {
1915
- background: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
1950
+ .adyen-kyc-card-interactive:focus-visible {
1951
+ outline-color: var(--adyen-internal-focus-ring-color);
1916
1952
  }
1917
1953
 
1918
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
1919
- background: var(--adyen-internal-color-background-primary-active, #ecedef);
1954
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:active:not(.adyen-kyc-card-interactive:disabled) {
1955
+ background-color: var(--adyen-internal-color-background-primary-active);
1920
1956
  }
1921
1957
 
1922
- .adyen-kyc-dropdown-element--disabled {
1923
- cursor: not-allowed;
1924
- opacity: 0.4;
1958
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:active:not(.adyen-kyc-card-interactive:disabled) {
1959
+ background-color: var(--adyen-internal-color-background-secondary-active);
1925
1960
  }
1926
1961
 
1927
- .adyen-kyc-dropdown-element__icon svg {
1928
- border-radius: var(--adyen-internal-border-radius-s, 4px);
1929
- margin-right: var(--adyen-internal-spacer-040, 8px);
1930
- height: 26px;
1931
- max-width: 40px;
1962
+ .adyen-kyc-card-interactive.adyen-kyc-card-selected {
1963
+ pointer-events: none;
1932
1964
  }
1933
1965
 
1934
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
1935
- align-items: baseline;
1936
- flex-direction: column;
1937
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1966
+ .adyen-kyc-card-selected {
1967
+ outline-offset: -1px;
1968
+ outline: 2px solid var(--adyen-internal-color-outline-primary-active);
1938
1969
  }
1939
-
1940
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
1941
- right: 32px;
1942
- }.adyen-kyc-dropdown {
1970
+ .adyen-kyc-checkbox__label {
1971
+ color: var(--adyen-internal-color-label-primary, #001222);
1972
+ cursor: pointer;
1973
+ display: inline-block;
1974
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1975
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
1976
+ line-height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1977
+ padding-left: var(--adyen-internal-spacer-090, 24px);
1943
1978
  position: relative;
1979
+ user-select: none;
1980
+ width: calc(100% - 32px); /* leaves space for the error icon */
1981
+ }
1982
+ .adyen-kyc-checkbox__helper-text {
1983
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1984
+ display: block;
1985
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1986
+ padding-left: var(--adyen-internal-spacer-090, 24px);
1944
1987
  }
1945
1988
 
1946
- .adyen-kyc-dropdown-list {
1947
- background: var(--adyen-internal-color-background-primary, #ffffff);
1948
- display: none;
1949
- list-style: none;
1950
- margin: var(--adyen-internal-spacer-000, 0px);
1951
- margin-bottom: var(--adyen-internal-spacer-120, 48px);
1952
- overflow-y: auto;
1953
- padding: var(--adyen-internal-spacer-000, 0px);
1989
+ .adyen-kyc-checkbox__input {
1990
+ opacity: 0;
1991
+ pointer-events: none;
1954
1992
  position: absolute;
1955
- width: 100%;
1956
- z-index: 2;
1957
1993
  }
1958
- .adyen-kyc-dropdown-list__transformer {
1959
- position: relative;
1960
- padding: 0 !important;
1961
- margin: 0 !important;
1994
+ .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
1995
+ 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));
1996
+ transition: var(--adyen-internal-animation-duration-fast, 100ms) var(--adyen-internal-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1997
+ transition-property: box-shadow;
1962
1998
  }
1963
- .adyen-kyc-dropdown-list:focus {
1964
- outline: none;
1999
+ .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
2000
+ background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2001
+ }
2002
+ .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
2003
+ opacity: 1;
2004
+ }
2005
+ .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
2006
+ background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
2007
+ border-color: var(--adyen-internal-color-background-inverse-primary, #001222);
2008
+ }
2009
+ .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
2010
+ background-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
2011
+ border-color: var(--adyen-internal-color-background-inverse-primary-hover, #5c6874);
2012
+ }
2013
+ .adyen-kyc-checkbox__input {
2014
+ /* Check */
2015
+ }
2016
+ .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
2017
+ border-bottom: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
2018
+ border-right: var(--adyen-internal-border-width-m, 2px) solid var(--adyen-internal-color-background-primary, #ffffff);
2019
+ content: "";
2020
+ height: 7px;
2021
+ left: 3px;
2022
+ opacity: 0;
2023
+ position: absolute;
2024
+ top: 4px;
2025
+ transform: rotateZ(37deg);
2026
+ transform-origin: 100% 100%;
2027
+ width: 5px;
2028
+ z-index: 1;
1965
2029
  }
1966
-
1967
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2030
+ .adyen-kyc-checkbox__input {
2031
+ /* Box */
2032
+ }
2033
+ .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
2034
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
2035
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
2036
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2037
+ content: "";
2038
+ height: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
2039
+ left: 0;
2040
+ position: absolute;
2041
+ top: 0;
2042
+ width: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
2043
+ z-index: 0;
2044
+ }.adyen-kyc-field {
1968
2045
  display: block;
2046
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
2047
+ width: 100%;
1969
2048
  }
1970
-
1971
- .adyen-kyc-dropdown-element {
1972
- align-items: center;
1973
- display: flex;
2049
+ .adyen-kyc-field--disabled {
2050
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2051
+ opacity: 0.5;
2052
+ pointer-events: none;
1974
2053
  }
1975
2054
 
1976
- .adyen-kyc-dropdown-ignore-pointer-events {
1977
- pointer-events: none;
2055
+ .adyen-kyc-optional-label {
2056
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1978
2057
  }
1979
2058
 
1980
- .adyen-kyc-dropdown-handle-pointer-events {
1981
- pointer-events: auto;
1982
- }.adyen-kyc-select-input-wrapper {
1983
- align-items: center;
1984
- display: flex;
1985
- background: var(--adyen-internal-color-background-primary, #ffffff);
1986
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
1987
- border-radius: var(--adyen-internal-border-radius-m, 8px);
2059
+ .adyen-kyc-label__text {
1988
2060
  color: var(--adyen-internal-color-label-primary, #001222);
2061
+ display: block;
1989
2062
  font-size: var(--adyen-internal-text-body-font-size, 14px);
1990
- line-height: var(--adyen-internal-text-body-line-height, 20px);
1991
- min-height: 40px;
1992
- outline: 0;
1993
- 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);
1994
- text-decoration: none;
1995
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
1996
- user-select: none;
1997
- }
1998
-
1999
- .adyen-kyc-select-input-wrapper:hover {
2000
- border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
2001
- }
2002
-
2003
- .adyen-kyc-select-input__icon svg {
2004
- border-radius: var(--adyen-internal-border-radius-s, 4px);
2005
- margin-right: var(--adyen-internal-spacer-040, 8px);
2006
- height: 26px;
2007
- max-width: 40px;
2008
- }
2009
-
2010
- .adyen-kyc-select-input {
2011
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
2063
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
2064
+ transition: color 0.1s ease-out;
2012
2065
  }
2013
2066
 
2014
- .adyen-kyc-select-input--active,
2015
- .adyen-kyc-select-input--active:hover,
2016
- .adyen-kyc-select-input-wrapper:active,
2017
- .adyen-kyc-select-input-wrapper:focus {
2018
- border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
2019
- outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
2067
+ .adyen-kyc-helper-text {
2068
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2069
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2070
+ font-family: var(--adyen-internal-text-caption-font-family);
2071
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2072
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2073
+ display: flex;
2074
+ align-items: center;
2020
2075
  }
2021
-
2022
- .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
2023
- background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2024
- color: var(--adyen-internal-color-label-disabled, #8c959d);
2025
- cursor: not-allowed;
2026
- pointer-events: none;
2027
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-disabled, #dadddf);
2076
+ .adyen-kyc-helper-text__above {
2077
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
2028
2078
  }
2029
-
2030
- .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
2031
- background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2032
- color: var(--adyen-internal-color-label-disabled, #8c959d);
2033
- cursor: not-allowed;
2034
- pointer-events: none;
2079
+ .adyen-kyc-helper-text__below {
2080
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2035
2081
  }
2036
-
2037
- .adyen-kyc-select-input--readonly::after {
2038
- 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");
2082
+ .adyen-kyc-helper-text__valid-format-check {
2083
+ color: var(--adyen-internal-color-label-success, #008845);
2084
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
2085
+ font-family: var(--adyen-internal-text-title-font-family);
2086
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
2087
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
2088
+ display: inline-flex;
2039
2089
  }
2040
2090
 
2041
- .adyen-kyc-select-input--invalid {
2042
- border-color: var(--adyen-internal-color-outline-critical, #dc3801);
2091
+ .adyen-kyc-label__text--error {
2092
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2043
2093
  }
2044
2094
 
2045
- .adyen-kyc-select-input--minimal {
2046
- min-height: unset;
2047
- height: 100%;
2048
- background: var(--adyen-internal-color-background-secondary, #f4f5f6);
2049
- border: none;
2050
- border-radius: var(--adyen-internal-border-radius-s, 4px);
2095
+ .adyen-kyc-error-text {
2096
+ align-items: center;
2097
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2098
+ display: flex;
2099
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2100
+ font-family: var(--adyen-internal-text-caption-font-family);
2101
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2102
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2103
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2104
+ position: relative;
2051
2105
  }
2052
2106
 
2053
- .adyen-kyc-select-input-search {
2107
+ .adyen-kyc-guidance-text {
2054
2108
  align-items: center;
2109
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2055
2110
  display: flex;
2056
- width: 100%;
2057
- }
2058
- .adyen-kyc-select-input-search__icon {
2059
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
2060
2111
  font-size: var(--adyen-internal-text-caption-font-size, 12px);
2061
2112
  font-family: var(--adyen-internal-text-caption-font-family);
2062
2113
  font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2063
2114
  line-height: var(--adyen-internal-text-caption-line-height, 18px);
2064
- padding-right: var(--adyen-internal-spacer-040, 8px);
2065
- }
2066
- .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
2067
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
2115
+ margin-top: var(--adyen-internal-spacer-020, 4px);
2116
+ position: relative;
2068
2117
  }
2069
2118
 
2070
- .adyen-kyc-select-input-search::after {
2071
- display: none;
2119
+ .adyen-kyc-upload-field__guidance {
2120
+ display: flex;
2121
+ flex-direction: column;
2072
2122
  }
2073
-
2074
- .adyen-kyc-select-input-wrapper--filterable {
2075
- cursor: text;
2123
+ .adyen-kyc-upload-field__subtitle {
2124
+ color: var(--adyen-internal-color-label-primary, #001222);
2125
+ margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
2076
2126
  }
2077
2127
 
2078
- .adyen-kyc-select-input-wrapper--non-filterable {
2079
- cursor: pointer;
2128
+ .adyen-kyc-input-wrapper {
2129
+ display: block;
2130
+ position: relative;
2131
+ margin-top: var(--adyen-internal-spacer-040, 8px);
2080
2132
  }
2081
-
2082
- .adyen-kyc-select-input-wrapper::after {
2083
- 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");
2084
- background-position: center;
2085
- background-repeat: no-repeat;
2086
- content: "";
2087
- height: 6px;
2133
+ .adyen-kyc-input-wrapper--block {
2134
+ display: block;
2135
+ }.adyen-kyc-loader-wrapper-loader {
2136
+ display: none;
2137
+ height: 100%;
2138
+ left: 0;
2088
2139
  position: absolute;
2089
- right: 16px;
2090
- width: 8px;
2091
- }
2092
-
2093
- .adyen-kyc-select-input--list-open::after {
2094
- transform: rotate(180deg);
2140
+ top: 0;
2141
+ width: 100%;
2142
+ z-index: 1;
2095
2143
  }
2096
2144
 
2097
- .adyen-kyc-select-input--filterable {
2098
- border: 0;
2099
- caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
2100
- color: var(--adyen-internal-color-label-primary, #001222);
2101
- font-family: inherit;
2102
- font-size: var(--adyen-internal-text-body-font-size, 14px);
2103
- height: 100%;
2104
- padding: var(--adyen-internal-spacer-000, 0px);
2105
- width: 100%;
2145
+ .adyen-kyc-loader-wrapper-loader-active {
2146
+ display: block;
2106
2147
  }
2107
- .adyen-kyc-select-input--filterable::placeholder {
2108
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2109
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
2148
+ /* for container queries */
2149
+ .adyen-kyc-modal {
2150
+ background-color: var(--adyen-internal-color-background-modal);
2151
+ border: var(--adyen-internal-spacer-000);
2152
+ box-shadow: var(--adyen-internal-shadow-high);
2153
+ display: flex;
2154
+ flex-direction: column;
2155
+ height: 100vh;
2156
+ height: 100dvh;
2157
+ max-height: unset;
2158
+ max-width: unset;
2159
+ overflow: hidden;
2160
+ padding: var(--adyen-internal-spacer-000);
2161
+ position: fixed;
2162
+ width: 100vw;
2163
+ width: 100dvw;
2110
2164
  }
2111
- .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
2112
- outline: 0;
2165
+ .adyen-kyc-modal:focus-visible {
2166
+ outline: none;
2113
2167
  }
2114
-
2115
- .adyen-kyc-select-input--non-filterable {
2116
- all: unset;
2168
+ @media (min-width: 480px) {
2169
+ .adyen-kyc-modal {
2170
+ transition: max-height 400ms, max-width 400ms;
2171
+ }
2117
2172
  }
2118
2173
 
2119
- .adyen-kyc-select-input--placeholder {
2120
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2121
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
2174
+ .adyen-kyc-modal-small {
2175
+ border-radius: var(--adyen-internal-border-radius-l);
2176
+ max-height: 80vh;
2177
+ max-width: 400px;
2178
+ width: 80vw;
2179
+ height: fit-content;
2122
2180
  }
2123
2181
 
2124
- .adyen-kyc-ignore-pointer-events {
2125
- pointer-events: none;
2182
+ @media (min-width: 480px) {
2183
+ .adyen-kyc-modal-medium {
2184
+ border-radius: var(--adyen-internal-border-radius-l);
2185
+ height: 90vh;
2186
+ max-height: 600px;
2187
+ max-width: 600px;
2188
+ width: 90vw;
2189
+ }
2126
2190
  }
2127
2191
 
2128
- .adyen-kyc-handle-pointer-events {
2129
- pointer-events: auto;
2130
- }.adyen-kyc-end-state-layout {
2131
- align-items: center;
2132
- display: flex;
2133
- flex-direction: column;
2134
- flex-grow: 1;
2135
- gap: var(--adyen-internal-spacer-100);
2136
- height: 100%;
2137
- justify-content: center;
2138
- margin-left: auto;
2139
- margin-right: auto;
2140
- max-width: 600px;
2141
- width: 100%;
2192
+ @media (min-width: 480px) {
2193
+ .adyen-kyc-modal-large {
2194
+ border-radius: var(--adyen-internal-border-radius-l);
2195
+ height: 90vh;
2196
+ max-height: 900px;
2197
+ max-width: 900px;
2198
+ width: 90vw;
2199
+ }
2142
2200
  }
2143
2201
 
2144
- .adyen-kyc-end-state-layout-header {
2145
- align-items: center;
2202
+ .adyen-kyc-modal-body {
2146
2203
  display: flex;
2147
2204
  flex-direction: column;
2148
- gap: var(--adyen-internal-spacer-040);
2149
- text-align: center;
2205
+ overflow-y: auto;
2206
+ scrollbar-width: thin;
2150
2207
  }
2151
2208
 
2152
- .adyen-kyc-end-state-layout-icon {
2153
- align-items: center;
2154
- border-radius: 50%;
2155
- display: flex;
2156
- height: 64px;
2157
- justify-content: center;
2158
- width: 64px;
2209
+ .adyen-kyc-modal-body-height {
2210
+ height: 100%;
2159
2211
  }
2160
2212
 
2161
- .adyen-kyc-end-state-layout-icon svg {
2162
- height: 24px;
2163
- width: 24px;
2213
+ .adyen-kyc-modal-accessable-title {
2214
+ display: none;
2164
2215
  }
2165
2216
 
2166
- .adyen-kyc-end-state-layout-icon-success {
2167
- background-color: var(--adyen-internal-color-decorative-green);
2168
- box-shadow: var(--adyen-internal-shadow-medium);
2169
- color: var(--adyen-internal-color-label-on-color);
2217
+ .adyen-kyc-modal-transition-slide-in {
2218
+ animation-name: adyen-kyc-slide-in;
2219
+ animation-duration: 400ms;
2220
+ animation-timing-function: ease-out;
2170
2221
  }
2171
2222
 
2172
- .adyen-kyc-end-state-layout-icon-error {
2173
- background-color: var(--adyen-internal-color-background-critical-strong);
2174
- box-shadow: var(--adyen-internal-shadow-medium);
2175
- color: var(--adyen-internal-color-label-on-color);
2223
+ .adyen-kyc-modal-transition-drop-in {
2224
+ animation-name: adyen-kyc-drop-in;
2225
+ animation-duration: 250ms;
2226
+ animation-timing-function: ease;
2176
2227
  }
2177
2228
 
2178
- .adyen-kyc-end-state-layout-icon-info {
2179
- background-color: var(--adyen-internal-color-background-highlight-weak);
2180
- color: var(--adyen-internal-color-label-highlight);
2229
+ .adyen-kyc-modal-inset {
2230
+ padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
2181
2231
  }
2182
-
2183
- .adyen-kyc-end-state-layout-icon-warning {
2184
- background-color: var(--adyen-internal-color-decorative-yellow);
2185
- color: var(--adyen-internal-color-label-primary);
2232
+ @media (min-width: 480px) {
2233
+ .adyen-kyc-modal-inset {
2234
+ padding-left: var(--adyen-internal-spacer-100);
2235
+ padding-right: var(--adyen-internal-spacer-100);
2236
+ }
2186
2237
  }
2187
-
2188
- .adyen-kyc-end-state-layout-text {
2189
- align-items: center;
2190
- display: flex;
2191
- flex-direction: column;
2192
- gap: var(--adyen-internal-spacer-040);
2193
- text-align: center;
2238
+ @media (min-width: 680px) {
2239
+ .adyen-kyc-modal-inset {
2240
+ padding-left: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
2241
+ padding-right: calc(var(--adyen-internal-spacer-070) * 2 + var(--adyen-internal-tap-target));
2242
+ }
2194
2243
  }
2195
2244
 
2196
- .adyen-kyc-end-state-layout-title {
2197
- color: var(--adyen-internal-color-label-primary);
2198
- font-size: var(--adyen-internal-text-title-m-font-size);
2199
- font-weight: var(--adyen-internal-text-title-m-font-weight);
2200
- line-height: var(--adyen-internal-text-title-m-line-height);
2201
- margin: 0;
2245
+ .adyen-kyc-modal::backdrop {
2246
+ animation-name: adyen-kyc-backdrop-dissolve;
2247
+ animation-duration: 400ms;
2248
+ animation-timing-function: ease;
2249
+ background-color: var(--adyen-internal-color-support-overlay);
2250
+ opacity: 0.5;
2251
+ backdrop-filter: blur(10px);
2202
2252
  }
2203
2253
 
2204
- .adyen-kyc-end-state-layout-description {
2205
- color: var(--adyen-internal-color-label-secondary);
2206
- font-size: var(--adyen-internal-text-body-font-size);
2207
- font-weight: var(--adyen-internal-text-body-font-weight);
2208
- line-height: var(--adyen-internal-text-body-line-height);
2254
+ .adyen-kyc-modal-button {
2255
+ position: absolute;
2256
+ top: var(--adyen-internal-spacer-070);
2257
+ right: var(--adyen-internal-spacer-070);
2258
+ z-index: 10;
2209
2259
  }
2210
2260
 
2211
- .adyen-kyc-end-state-layout-action {
2261
+ @keyframes adyen-kyc-backdrop-dissolve {
2262
+ 0% {
2263
+ opacity: 0;
2264
+ }
2265
+ 100% {
2266
+ opacity: 0.5;
2267
+ backdrop-filter: blur(10px);
2268
+ }
2269
+ }
2270
+ @keyframes adyen-kyc-slide-in {
2271
+ 0% {
2272
+ opacity: 0;
2273
+ top: 64px;
2274
+ }
2275
+ 100% {
2276
+ opacity: 1;
2277
+ top: 0;
2278
+ }
2279
+ }
2280
+ @keyframes adyen-kyc-drop-in {
2281
+ 0% {
2282
+ opacity: 0;
2283
+ transform: scale(1.2);
2284
+ }
2285
+ 100% {
2286
+ opacity: 1;
2287
+ transform: scale(1);
2288
+ }
2289
+ }
2290
+ .adyen-kyc-modal-header {
2291
+ align-items: center;
2212
2292
  display: flex;
2213
- flex-direction: column;
2293
+ font-size: var(--adyen-internal-text-title-font-size);
2294
+ font-weight: var(--adyen-internal-text-title-font-weight);
2214
2295
  gap: var(--adyen-internal-spacer-040);
2215
- max-width: 320px;
2216
- width: 100%;
2217
- }
2218
- .adyen-kyc-accordion,
2219
- .adyen-kyc-accordion-summary {
2220
- color: var(--adyen-internal-color-label-primary);
2221
- font-size: var(--adyen-internal-text-body-font-size);
2222
- font-family: var(--adyen-internal-text-body-font-family);
2223
- line-height: var(--adyen-internal-text-body-line-height);
2224
- cursor: pointer;
2296
+ justify-content: space-between;
2297
+ padding: var(--adyen-internal-spacer-070);
2225
2298
  }
2226
2299
 
2227
- .adyen-kyc-accordion {
2228
- background: none;
2229
- border-radius: var(--adyen-internal-border-radius-l);
2230
- margin-bottom: var(--adyen-internal-spacer-050);
2300
+ .adyen-kyc-modal-content {
2301
+ flex-grow: 1;
2302
+ overflow-y: auto;
2303
+ padding: var(--adyen-internal-spacer-070);
2231
2304
  }
2232
2305
 
2233
- .adyen-kyc-accordion-basic {
2306
+ .adyen-kyc-modal-footer {
2307
+ align-items: center;
2308
+ border-top: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-primary);
2309
+ display: flex;
2310
+ gap: var(--adyen-internal-spacer-040);
2311
+ justify-content: flex-end;
2312
+ padding: var(--adyen-internal-spacer-070);
2313
+ }.adyen-kyc-progress-bar {
2314
+ --adyen-progress-bar-size: 4px;
2234
2315
  background-color: var(--adyen-internal-color-background-secondary);
2316
+ height: var(--adyen-progress-bar-size);
2317
+ overflow: hidden;
2235
2318
  }
2236
- .adyen-kyc-accordion-info {
2237
- background-color: var(--adyen-internal-color-background-highlight-weak);
2238
- }
2239
- .adyen-kyc-accordion-error {
2240
- background-color: var(--adyen-internal-color-background-critical-weak);
2241
- }
2242
- .adyen-kyc-accordion-warning {
2243
- background-color: var(--adyen-internal-color-background-warning-weak);
2244
- }
2245
- .adyen-kyc-accordion-success {
2246
- background-color: var(--adyen-internal-color-background-success-weak);
2247
- }
2248
- .adyen-kyc-accordion-narrow .adyen-kyc-accordion-summary {
2249
- padding: var(--adyen-internal-spacer-060) var(--adyen-internal-spacer-070);
2319
+
2320
+ .adyen-kyc-progress-bar-rounded {
2321
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
2250
2322
  }
2251
- .adyen-kyc-accordion-narrow .adyen-kyc-accordion-content {
2252
- padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-070)
2253
- var(--adyen-internal-spacer-060);
2323
+
2324
+ .adyen-kyc-progress-bar-indicator {
2325
+ background-color: var(--adyen-internal-color-background-inverse-primary);
2326
+ text-indent: -1000%;
2327
+ transition: width 400ms;
2328
+ overflow: hidden;
2254
2329
  }
2255
- .adyen-kyc-accordion-with-icon .adyen-kyc-accordion-content {
2256
- margin-left: var(--adyen-internal-spacer-080);
2330
+ /* for container queries */
2331
+ .adyen-kyc-dropdown {
2332
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2333
+ max-width: 100%;
2334
+ width: 100%;
2257
2335
  }
2258
2336
 
2259
- .adyen-kyc-accordion-summary {
2260
- display: flex;
2261
- align-items: center;
2262
- gap: var(--adyen-internal-spacer-050);
2263
- padding: var(--adyen-internal-spacer-080);
2264
- font-weight: var(--adyen-internal-text-title-font-weight);
2265
- transition: margin 150ms ease-out;
2266
- margin-bottom: var(--adyen-internal-spacer-000);
2267
- border-radius: var(--adyen-internal-border-radius-l);
2337
+ .adyen-kyc-dropdown--minimal {
2338
+ max-width: 120px;
2268
2339
  }
2269
2340
 
2270
- .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow {
2341
+ .adyen-kyc-dropdown-list {
2342
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
2343
+ 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));
2344
+ z-index: 2;
2345
+ }
2346
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
2271
2347
  cursor: pointer;
2272
- user-select: none;
2273
- height: 1em;
2274
2348
  }
2275
2349
 
2276
- .adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow-right {
2277
- margin-left: auto;
2278
- margin-right: var(--adyen-internal-spacer-050);
2350
+ .adyen-kyc-dropdown-list--above {
2351
+ bottom: -6px;
2279
2352
  }
2280
2353
 
2281
- .adyen-kyc-accordion[open] .adyen-kyc-accordion-arrow {
2282
- transform: rotate(-180deg);
2283
- }
2284
- .adyen-kyc-accordion summary::-webkit-details-marker {
2285
- display: none;
2354
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2355
+ margin-top: var(--adyen-internal-spacer-010, 2px);
2286
2356
  }
2287
2357
 
2288
- .adyen-kyc-accordion-content {
2289
- cursor: auto;
2290
- padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-080)
2291
- var(--adyen-internal-spacer-080);
2292
- user-select: none;
2293
- display: flex;
2294
- flex-direction: column;
2295
- gap: var(--adyen-internal-spacer-040);
2358
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--minimal.adyen-kyc-dropdown-list--active {
2359
+ width: 200px;
2296
2360
  }
2297
2361
 
2298
- .adyen-kyc-accordion[open] summary {
2299
- margin-bottom: var(--adyen-internal-spacer-020);
2300
- user-select: auto;
2301
- }
2302
- .adyen-kyc-alert {
2303
- border-radius: var(--adyen-internal-border-radius-m);
2304
- padding: var(--adyen-internal-spacer-070);
2362
+ .adyen-kyc-dropdown-element {
2363
+ border: var(--adyen-internal-border-width-s, 1px) solid transparent;
2364
+ color: var(--adyen-internal-color-label-primary, #001222);
2365
+ cursor: pointer;
2366
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2367
+ font-family: var(--adyen-internal-text-caption-font-family);
2368
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2369
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2370
+ hyphens: auto;
2371
+ outline: 0;
2372
+ padding: var(--adyen-internal-spacer-040, 8px);
2373
+ transition: background 0.2s ease-out, border-color 0.2s ease-out;
2374
+ user-select: none;
2305
2375
  word-break: break-word;
2306
- display: flex;
2307
- flex-direction: column;
2308
- gap: var(--adyen-internal-spacer-040);
2309
- text-align: left;
2310
2376
  }
2311
- .adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
2312
- .adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
2313
- margin: 0 var(--adyen-internal-spacer-070);
2377
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
2378
+ align-items: baseline;
2379
+ display: flex;
2380
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2381
+ width: 100%;
2314
2382
  }
2315
2383
 
2316
- .adyen-kyc-alert-basic {
2317
- background-color: var(--adyen-internal-color-background-secondary);
2384
+ .adyen-kyc-dropdown-search-element__description {
2385
+ flex: 1;
2318
2386
  }
2319
-
2320
- .adyen-kyc-alert-info {
2321
- background-color: var(--adyen-internal-color-background-highlight-weak);
2387
+ .adyen-kyc-dropdown-search-element__description--highlight {
2388
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
2322
2389
  }
2323
-
2324
- .adyen-kyc-alert-error {
2325
- background-color: var(--adyen-internal-color-background-critical-weak);
2390
+ .adyen-kyc-dropdown-search-element__addresses {
2391
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2392
+ display: flex;
2326
2393
  }
2327
-
2328
- .adyen-kyc-alert-warning {
2329
- background-color: var(--adyen-internal-color-background-warning-weak);
2394
+ .adyen-kyc-dropdown-search-element__addresses--icon {
2395
+ align-items: center;
2396
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2397
+ display: flex;
2398
+ margin-left: var(--adyen-internal-spacer-040, 8px);
2330
2399
  }
2331
-
2332
- .adyen-kyc-alert-success {
2333
- background-color: var(--adyen-internal-color-background-success-weak);
2400
+ .adyen-kyc-dropdown-search-element__addresses--text {
2401
+ display: none;
2402
+ margin-left: var(--adyen-internal-spacer-020, 4px);
2334
2403
  }
2335
-
2336
- .adyen-kyc-alert-header {
2337
- align-items: flex-start;
2338
- display: flex;
2404
+ @container main (min-width: 1024px) {
2405
+ .adyen-kyc-dropdown-search-element__addresses--text {
2406
+ display: block;
2407
+ }
2339
2408
  }
2340
2409
 
2341
- .adyen-kyc-alert-header-without-children {
2342
- align-items: center;
2410
+ .adyen-kyc-dropdown-element:last-child {
2411
+ border-bottom: 0;
2343
2412
  }
2344
2413
 
2345
- .adyen-kyc-alert-icon {
2346
- line-height: var(--adyen-internal-text-body-line-height);
2347
- margin-top: var(--adyen-internal-spacer-010);
2348
- }
2349
- .adyen-kyc-alert-icon-info {
2350
- color: var(--adyen-internal-color-background-highlight-strong);
2414
+ .adyen-kyc-dropdown-element:hover,
2415
+ .adyen-kyc-dropdown-element:focus,
2416
+ .adyen-kyc-dropdown-element:active {
2417
+ background: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2351
2418
  }
2352
2419
 
2353
- .adyen-kyc-alert-icon-error {
2354
- color: var(--adyen-internal-color-background-critical-strong);
2420
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
2421
+ background: var(--adyen-internal-color-background-primary-active, #ecedef);
2355
2422
  }
2356
2423
 
2357
- .adyen-kyc-alert-icon-warning {
2358
- color: var(--adyen-internal-color-background-warning-strong);
2424
+ .adyen-kyc-dropdown-element--disabled {
2425
+ cursor: not-allowed;
2426
+ opacity: 0.4;
2359
2427
  }
2360
2428
 
2361
- .adyen-kyc-alert-icon-success {
2362
- color: var(--adyen-internal-color-background-success-strong);
2429
+ .adyen-kyc-dropdown-element__icon svg {
2430
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2431
+ margin-right: var(--adyen-internal-spacer-040, 8px);
2432
+ height: 26px;
2433
+ max-width: 40px;
2363
2434
  }
2364
2435
 
2365
- .adyen-kyc-alert-title {
2366
- flex-grow: 1;
2367
- margin-left: var(--adyen-internal-spacer-070);
2436
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
2437
+ align-items: baseline;
2438
+ flex-direction: column;
2439
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2368
2440
  }
2369
2441
 
2370
- .adyen-kyc-alert-explanation {
2371
- color: var(--adyen-internal-color-label-primary);
2372
- font-size: var(--adyen-internal-text-body-font-size);
2373
- margin: 0 var(--adyen-internal-spacer-100);
2442
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
2443
+ right: 32px;
2444
+ }.adyen-kyc-dropdown {
2445
+ position: relative;
2374
2446
  }
2375
2447
 
2376
- .adyen-kyc-alert-actions {
2377
- display: flex;
2378
- gap: var(--adyen-internal-spacer-070);
2379
- text-align: left;
2380
- }
2381
- /* for container queries */
2382
- .adyen-kyc-form-navigation {
2448
+ .adyen-kyc-dropdown-list {
2449
+ background: var(--adyen-internal-color-background-primary, #ffffff);
2450
+ display: none;
2451
+ list-style: none;
2452
+ margin: var(--adyen-internal-spacer-000, 0px);
2453
+ margin-bottom: var(--adyen-internal-spacer-120, 48px);
2454
+ overflow-y: auto;
2455
+ padding: var(--adyen-internal-spacer-000, 0px);
2456
+ position: absolute;
2383
2457
  width: 100%;
2458
+ z-index: 2;
2384
2459
  }
2385
- @container main (max-width: 680px) {
2386
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
2387
- display: none;
2388
- }
2389
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
2390
- font-size: 0;
2391
- }
2392
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
2393
- font-size: var(--adyen-internal-text-title-font-size, 16px);
2394
- font-family: var(--adyen-internal-text-title-font-family);
2395
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
2396
- line-height: var(--adyen-internal-text-title-line-height, 26px);
2397
- padding-left: var(--adyen-internal-spacer-000, 0px);
2398
- }
2399
- }
2400
- @container main (min-width: 680px) and (max-width: 1024px) {
2401
- .adyen-kyc-form-navigation {
2402
- padding-right: var(--adyen-internal-spacer-100, 32px);
2403
- }
2404
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
2405
- display: none;
2406
- }
2460
+ .adyen-kyc-dropdown-list__transformer {
2461
+ position: relative;
2462
+ padding: 0 !important;
2463
+ margin: 0 !important;
2407
2464
  }
2408
- @container main (max-width: 680px) {
2409
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
2410
- display: none;
2411
- }
2465
+ .adyen-kyc-dropdown-list:focus {
2466
+ outline: none;
2412
2467
  }
2413
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
2414
- margin: var(--adyen-internal-spacer-040, 8px) 0 0 0;
2415
- padding: var(--adyen-internal-spacer-000, 0px);
2468
+
2469
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
2470
+ display: block;
2416
2471
  }
2417
2472
 
2418
- .adyen-kyc-form-navigation__home-button-item {
2419
- align-items: center;
2420
- display: flex;
2421
- justify-content: space-between;
2422
- list-style-type: none;
2423
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
2424
- }.adyen-kyc-form-navigation__item {
2473
+ .adyen-kyc-dropdown-element {
2425
2474
  align-items: center;
2426
- border-left: var(--adyen-internal-border-default-m);
2427
- color: var(--adyen-internal-color-label-primary, #001222);
2428
- cursor: default;
2429
2475
  display: flex;
2430
- 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);
2431
2476
  }
2432
- .adyen-kyc-form-navigation__item button {
2477
+
2478
+ .adyen-kyc-dropdown-ignore-pointer-events {
2479
+ pointer-events: none;
2480
+ }
2481
+
2482
+ .adyen-kyc-dropdown-handle-pointer-events {
2483
+ pointer-events: auto;
2484
+ }.adyen-kyc-select-input-wrapper {
2485
+ align-items: center;
2433
2486
  display: flex;
2434
- background: none;
2435
- border: none;
2487
+ background: var(--adyen-internal-color-background-primary, #ffffff);
2488
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
2489
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
2490
+ color: var(--adyen-internal-color-label-primary, #001222);
2436
2491
  font-size: var(--adyen-internal-text-body-font-size, 14px);
2437
2492
  line-height: var(--adyen-internal-text-body-line-height, 20px);
2438
- padding: var(--adyen-internal-spacer-000, 0px);
2439
- color: inherit;
2440
- text-align: left;
2493
+ min-height: 40px;
2494
+ outline: 0;
2495
+ 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);
2496
+ text-decoration: none;
2497
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2498
+ user-select: none;
2441
2499
  }
2442
- .adyen-kyc-form-navigation__item--active {
2443
- border-left: var(--adyen-internal-border-width-m, 2px) solid;
2444
- color: var(--adyen-internal-color-label-highlight, #0f75dc);
2500
+
2501
+ .adyen-kyc-select-input-wrapper:hover {
2502
+ border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
2445
2503
  }
2446
- .adyen-kyc-form-navigation__item--isnav button {
2447
- cursor: pointer;
2504
+
2505
+ .adyen-kyc-select-input__icon svg {
2506
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2507
+ margin-right: var(--adyen-internal-spacer-040, 8px);
2508
+ height: 26px;
2509
+ max-width: 40px;
2448
2510
  }
2449
2511
 
2450
- .adyen-kyc-form-navigation__item-icon {
2451
- display: flex;
2452
- margin-left: var(--adyen-internal-spacer-040, 8px);
2512
+ .adyen-kyc-select-input {
2513
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
2453
2514
  }
2454
- .adyen-kyc-form-navigation__item-icon--success {
2455
- color: var(--adyen-internal-color-label-success, #008845);
2515
+
2516
+ .adyen-kyc-select-input--active,
2517
+ .adyen-kyc-select-input--active:hover,
2518
+ .adyen-kyc-select-input-wrapper:active,
2519
+ .adyen-kyc-select-input-wrapper:focus {
2520
+ border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
2521
+ outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
2456
2522
  }
2457
- .adyen-kyc-form-navigation__item-icon--error {
2458
- color: var(--adyen-internal-color-label-critical, #dc3801);
2459
- }.adyen-contract-viewer .adyen-document-viewer {
2460
- --adv-text-color: var(--adyen-internal-color-label-primary, #001222);
2461
- --adv-text-font-weight-regular: var(--adyen-internal-text-body-font-weight, 400);
2462
- --adv-text-font-weight-semi-bold: var(--adyen-internal-text-body-stronger-font-weight, 500);
2463
- --adv-text-line-height: var(--adyen-internal-text-body-line-height, 20px);
2464
- --adv-text-font-size-medium: var(--adyen-internal-text-body-font-size, 14px);
2465
- --adv-text-font-size-small: var(--adyen-internal-text-caption-font-size, 12px);
2466
- --adv-text-font-family: var(--adyen-internal-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2467
- --adv-heading-font-size: var(--adyen-internal-text-title-l-font-size, 24px);
2468
- --adv-heading-font-weight: var(--adyen-internal-text-title-l-font-weight, 600);
2469
- --adv-heading-line-height: var(--adyen-internal-text-title-l-line-height, 34px);
2470
- --adv-heading-2-font-size: var(--adyen-internal-text-title-m-font-size, 20px);
2471
- --adv-heading-2-font-weight: var(--adyen-internal-text-title-m-font-weight, 600);
2472
- --adv-heading-2-line-height: var(--adyen-internal-text-title-m-line-height, 30px);
2473
- --adv-color-white: var(--adyen-internal-color-background-primary, #ffffff);
2474
- --adv-color-grey-10: var(--adyen-internal-color-background-secondary, #f4f5f6);
2475
- --adv-color-grey-20: var(--adyen-internal-color-background-tertiary, #ecedef);
2476
- --adv-color-black: var(--adyen-internal-color-background-inverse-primary, #001222);
2477
- --adv-color-blue: var(--adyen-internal-color-decorative-blue, #006bd7);
2478
- --adv-accordion-header-color: var(--adyen-internal-color-label-primary, #001222);
2479
- --adv-accordion-header-font-weight: var(--adyen-internal-text-title-font-weight, 600);
2480
- --adv-accordion-header-hover-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2481
- --adv-accordion-header-active-background-color: var(--adyen-internal-color-background-primary-active, #ecedef);
2482
- --adv-accordion-content-padding: 0;
2483
- --adv-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2484
- --adv-section-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2485
- --adv-table-row-changed-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2486
- --adv-icon-color: var(--adyen-internal-color-label-primary, #001222);
2487
- --adv-link-color: var(--adyen-internal-color-link-primary, #0065c9);
2488
- --adv-link-active-color: var(--adyen-internal-color-link-primary, #0065c9);
2489
- --adv-link-visited-color: var(--adyen-internal-color-link-primary-visited, #540884);
2490
- }.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)}
2491
- .adyen-kyc-tos-signed-alert:last-of-type {
2492
- margin-top: var(--adyen-internal-spacer-070);
2523
+
2524
+ .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
2525
+ background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2526
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2527
+ cursor: not-allowed;
2528
+ pointer-events: none;
2529
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-disabled, #dadddf);
2530
+ }
2531
+
2532
+ .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
2533
+ background-color: var(--adyen-internal-color-background-disabled, #ecedef);
2534
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
2535
+ cursor: not-allowed;
2536
+ pointer-events: none;
2493
2537
  }
2494
2538
 
2495
- .adyen-kyc-tos-container {
2496
- height: 100%;
2539
+ .adyen-kyc-select-input--readonly::after {
2540
+ 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");
2497
2541
  }
2498
2542
 
2499
- .adyen-kyc-tos-content {
2500
- display: flex;
2501
- padding: var(--adyen-internal-spacer-070);
2543
+ .adyen-kyc-select-input--invalid {
2544
+ border-color: var(--adyen-internal-color-outline-critical, #dc3801);
2502
2545
  }
2503
2546
 
2504
- .adyen-kyc-tos-actions {
2505
- display: flex;
2506
- justify-content: space-between;
2507
- align-items: center;
2508
- gap: var(--adyen-internal-spacer-040);
2509
- padding: var(--adyen-internal-spacer-070);
2510
-
2511
- &:has(> :only-child) {
2512
- justify-content: flex-end;
2513
- }
2547
+ .adyen-kyc-select-input--minimal {
2548
+ min-height: unset;
2549
+ height: 100%;
2550
+ background: var(--adyen-internal-color-background-secondary, #f4f5f6);
2551
+ border: none;
2552
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
2514
2553
  }
2515
- /* for container queries */
2516
- .adyen-kyc-stack-layout {
2554
+
2555
+ .adyen-kyc-select-input-search {
2556
+ align-items: center;
2517
2557
  display: flex;
2518
- flex-direction: column;
2558
+ width: 100%;
2559
+ }
2560
+ .adyen-kyc-select-input-search__icon {
2561
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2562
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2563
+ font-family: var(--adyen-internal-text-caption-font-family);
2564
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2565
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2566
+ padding-right: var(--adyen-internal-spacer-040, 8px);
2567
+ }
2568
+ .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
2569
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2519
2570
  }
2520
2571
 
2521
- .adyen-kyc-stack-layout-gap-xs {
2522
- gap: var(--adyen-internal-spacer-020);
2572
+ .adyen-kyc-select-input-search::after {
2573
+ display: none;
2523
2574
  }
2524
2575
 
2525
- .adyen-kyc-stack-layout-gap-s {
2526
- gap: var(--adyen-internal-spacer-040);
2576
+ .adyen-kyc-select-input-wrapper--filterable {
2577
+ cursor: text;
2527
2578
  }
2528
2579
 
2529
- .adyen-kyc-stack-layout-gap-m {
2530
- gap: var(--adyen-internal-spacer-070);
2580
+ .adyen-kyc-select-input-wrapper--non-filterable {
2581
+ cursor: pointer;
2531
2582
  }
2532
2583
 
2533
- .adyen-kyc-stack-layout-gap-l {
2534
- gap: var(--adyen-internal-spacer-100);
2584
+ .adyen-kyc-select-input-wrapper::after {
2585
+ 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");
2586
+ background-position: center;
2587
+ background-repeat: no-repeat;
2588
+ content: "";
2589
+ height: 6px;
2590
+ position: absolute;
2591
+ right: 16px;
2592
+ width: 8px;
2535
2593
  }
2536
2594
 
2537
- .adyen-kyc-stack-layout-gap-xl {
2538
- gap: var(--adyen-internal-spacer-140);
2595
+ .adyen-kyc-select-input--list-open::after {
2596
+ transform: rotate(180deg);
2539
2597
  }
2540
2598
 
2541
- .adyen-kyc-stack-layout-left {
2542
- align-items: flex-start;
2599
+ .adyen-kyc-select-input--filterable {
2600
+ border: 0;
2601
+ caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
2602
+ color: var(--adyen-internal-color-label-primary, #001222);
2603
+ font-family: inherit;
2604
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2605
+ height: 100%;
2606
+ padding: var(--adyen-internal-spacer-000, 0px);
2607
+ width: 100%;
2608
+ }
2609
+ .adyen-kyc-select-input--filterable::placeholder {
2610
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2611
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
2612
+ }
2613
+ .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
2614
+ outline: 0;
2543
2615
  }
2544
2616
 
2545
- .adyen-kyc-stack-layout-center {
2546
- align-items: center;
2617
+ .adyen-kyc-select-input--non-filterable {
2618
+ all: unset;
2547
2619
  }
2548
2620
 
2549
- .adyen-kyc-stack-layout-right {
2550
- align-items: flex-end;
2621
+ .adyen-kyc-select-input--placeholder {
2622
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2623
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
2551
2624
  }
2552
2625
 
2553
- .adyen-kyc-stack-layout-item {
2626
+ .adyen-kyc-ignore-pointer-events {
2627
+ pointer-events: none;
2628
+ }
2629
+
2630
+ .adyen-kyc-handle-pointer-events {
2631
+ pointer-events: auto;
2632
+ }.adyen-kyc-end-state-layout {
2633
+ align-items: center;
2634
+ display: flex;
2635
+ flex-direction: column;
2554
2636
  flex-grow: 1;
2637
+ gap: var(--adyen-internal-spacer-100);
2638
+ height: 100%;
2639
+ justify-content: center;
2640
+ margin-left: auto;
2641
+ margin-right: auto;
2642
+ max-width: 600px;
2555
2643
  width: 100%;
2556
2644
  }
2557
2645
 
2558
- @container main (min-width: 480px) {
2559
- .adyen-kyc-stack-layout-horizontal {
2560
- align-items: flex-start;
2561
- flex-direction: row;
2562
- }
2563
- .adyen-kyc-stack-layout-left-horizontal {
2564
- justify-content: flex-start;
2565
- }
2566
- .adyen-kyc-stack-layout-center-horizontal {
2567
- justify-content: center;
2568
- }
2569
- .adyen-kyc-stack-layout-right-horizontal {
2570
- justify-content: flex-end;
2571
- }
2572
- }/* for container queries */
2573
- .adyen-kyc-status {
2646
+ .adyen-kyc-end-state-layout-header {
2574
2647
  align-items: center;
2575
- border-radius: var(--adyen-internal-border-radius-xl);
2576
- display: inline-flex;
2577
- padding: var(--adyen-internal-spacer-020);
2648
+ display: flex;
2649
+ flex-direction: column;
2650
+ gap: var(--adyen-internal-spacer-040);
2651
+ text-align: center;
2578
2652
  }
2579
2653
 
2580
- .adyen-kyc-status-icon {
2581
- height: 18px;
2582
- width: 18px;
2583
- padding: 1px;
2654
+ .adyen-kyc-end-state-layout-icon {
2655
+ align-items: center;
2656
+ border-radius: 50%;
2657
+ display: flex;
2658
+ height: 64px;
2659
+ justify-content: center;
2660
+ width: 64px;
2584
2661
  }
2585
2662
 
2586
- .adyen-kyc-status-icon svg {
2587
- height: 16px;
2588
- width: 16px;
2663
+ .adyen-kyc-end-state-layout-icon svg {
2664
+ height: 24px;
2665
+ width: 24px;
2589
2666
  }
2590
2667
 
2591
- .adyen-kyc-status-text {
2592
- font-size: var(--adyen-internal-text-caption-font-size);
2593
- font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
2594
- line-height: var(--adyen-internal-text-caption-line-height);
2595
- padding-left: var(--adyen-internal-spacer-020);
2596
- padding-right: var(--adyen-internal-spacer-020);
2668
+ .adyen-kyc-end-state-layout-icon-success {
2669
+ background-color: var(--adyen-internal-color-decorative-green);
2670
+ box-shadow: var(--adyen-internal-shadow-medium);
2671
+ color: var(--adyen-internal-color-label-on-color);
2597
2672
  }
2598
2673
 
2599
- @container main (max-width: 480px) {
2600
- .adyen-kyc-status-text-responsive {
2601
- display: none;
2602
- }
2674
+ .adyen-kyc-end-state-layout-icon-error {
2675
+ background-color: var(--adyen-internal-color-background-critical-strong);
2676
+ box-shadow: var(--adyen-internal-shadow-medium);
2677
+ color: var(--adyen-internal-color-label-on-color);
2603
2678
  }
2604
2679
 
2605
- .adyen-kyc-status-neutral {
2606
- background-color: var(--adyen-internal-color-background-secondary);
2607
- color: var(--adyen-internal-color-label-disabled);
2608
- fill: var(--adyen-internal-color-label-disabled);
2680
+ .adyen-kyc-end-state-layout-icon-info {
2681
+ background-color: var(--adyen-internal-color-background-highlight-weak);
2682
+ color: var(--adyen-internal-color-label-highlight);
2609
2683
  }
2610
2684
 
2611
- .adyen-kyc-status-neutral .adyen-kyc-status-text {
2612
- color: var(--adyen-internal-color-label-secondary);
2685
+ .adyen-kyc-end-state-layout-icon-warning {
2686
+ background-color: var(--adyen-internal-color-decorative-yellow);
2687
+ color: var(--adyen-internal-color-label-primary);
2613
2688
  }
2614
2689
 
2615
- .adyen-kyc-status-error {
2616
- background-color: var(--adyen-internal-color-background-secondary);
2617
- color: var(--adyen-internal-color-label-critical);
2618
- fill: var(--adyen-internal-color-label-critical);
2690
+ .adyen-kyc-end-state-layout-text {
2691
+ align-items: center;
2692
+ display: flex;
2693
+ flex-direction: column;
2694
+ gap: var(--adyen-internal-spacer-040);
2695
+ text-align: center;
2619
2696
  }
2620
2697
 
2621
- .adyen-kyc-status-warning {
2622
- background-color: var(--adyen-internal-color-background-warning-weak);
2623
- color: var(--adyen-internal-color-label-warning);
2624
- fill: var(--adyen-internal-color-label-warning);
2698
+ .adyen-kyc-end-state-layout-title {
2699
+ color: var(--adyen-internal-color-label-primary);
2700
+ font-size: var(--adyen-internal-text-title-m-font-size);
2701
+ font-weight: var(--adyen-internal-text-title-m-font-weight);
2702
+ line-height: var(--adyen-internal-text-title-m-line-height);
2703
+ margin: 0;
2625
2704
  }
2626
2705
 
2627
- .adyen-kyc-status-success {
2628
- background-color: var(--adyen-internal-color-background-success-weak);
2706
+ .adyen-kyc-end-state-layout-description {
2707
+ color: var(--adyen-internal-color-label-secondary);
2708
+ font-size: var(--adyen-internal-text-body-font-size);
2709
+ font-weight: var(--adyen-internal-text-body-font-weight);
2710
+ line-height: var(--adyen-internal-text-body-line-height);
2711
+ }
2712
+
2713
+ .adyen-kyc-end-state-layout-action {
2714
+ display: flex;
2715
+ flex-direction: column;
2716
+ gap: var(--adyen-internal-spacer-040);
2717
+ max-width: 320px;
2718
+ width: 100%;
2719
+ }
2720
+ /* for container queries */
2721
+ .adyen-kyc-form-navigation {
2722
+ width: 100%;
2723
+ }
2724
+ @container main (max-width: 680px) {
2725
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
2726
+ display: none;
2727
+ }
2728
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
2729
+ font-size: 0;
2730
+ }
2731
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
2732
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
2733
+ font-family: var(--adyen-internal-text-title-font-family);
2734
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
2735
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
2736
+ padding-left: var(--adyen-internal-spacer-000, 0px);
2737
+ }
2738
+ }
2739
+ @container main (min-width: 680px) and (max-width: 1024px) {
2740
+ .adyen-kyc-form-navigation {
2741
+ padding-right: var(--adyen-internal-spacer-100, 32px);
2742
+ }
2743
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
2744
+ display: none;
2745
+ }
2746
+ }
2747
+ @container main (max-width: 680px) {
2748
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
2749
+ display: none;
2750
+ }
2629
2751
  }
2630
-
2631
- .adyen-kyc-status-success .adyen-kyc-status-text {
2632
- color: var(--adyen-internal-color-label-primary);
2752
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
2753
+ margin: var(--adyen-internal-spacer-040, 8px) 0 0 0;
2754
+ padding: var(--adyen-internal-spacer-000, 0px);
2633
2755
  }
2634
2756
 
2635
- .adyen-kyc-status-success .adyen-kyc-status-icon {
2636
- color: var(--adyen-internal-color-label-success);
2637
- fill: var(--adyen-internal-color-label-success);
2638
- }.adyen-kyc-header {
2757
+ .adyen-kyc-form-navigation__home-button-item {
2758
+ align-items: center;
2639
2759
  display: flex;
2640
- flex-direction: column;
2641
- gap: var(--adyen-internal-spacer-070);
2642
- }
2643
-
2644
- .adyen-kyc-header-margin {
2645
- margin-bottom: var(--adyen-internal-spacer-140);
2646
- }
2647
-
2648
- .adyen-kyc-header-margin-secondary {
2649
- margin-bottom: var(--adyen-internal-spacer-100);
2760
+ justify-content: space-between;
2761
+ list-style-type: none;
2762
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
2763
+ }.adyen-kyc-form-navigation__item {
2764
+ align-items: center;
2765
+ border-left: var(--adyen-internal-border-default-m);
2766
+ color: var(--adyen-internal-color-label-primary, #001222);
2767
+ cursor: default;
2768
+ display: flex;
2769
+ 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);
2650
2770
  }
2651
-
2652
- .adyen-kyc-header-left {
2653
- align-items: flex-start;
2771
+ .adyen-kyc-form-navigation__item button {
2772
+ display: flex;
2773
+ background: none;
2774
+ border: none;
2775
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2776
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
2777
+ padding: var(--adyen-internal-spacer-000, 0px);
2778
+ color: inherit;
2654
2779
  text-align: left;
2655
2780
  }
2656
-
2657
- .adyen-kyc-header-center {
2658
- align-items: center;
2659
- text-align: center;
2781
+ .adyen-kyc-form-navigation__item--active {
2782
+ border-left: var(--adyen-internal-border-width-m, 2px) solid;
2783
+ color: var(--adyen-internal-color-label-highlight, #0f75dc);
2660
2784
  }
2661
-
2662
- .adyen-kyc-header-right {
2663
- align-items: flex-end;
2664
- text-align: right;
2785
+ .adyen-kyc-form-navigation__item--isnav button {
2786
+ cursor: pointer;
2665
2787
  }
2666
2788
 
2667
- .adyen-kyc-header-content {
2789
+ .adyen-kyc-form-navigation__item-icon {
2668
2790
  display: flex;
2669
- flex-direction: column;
2670
- gap: var(--adyen-internal-spacer-040);
2791
+ margin-left: var(--adyen-internal-spacer-040, 8px);
2671
2792
  }
2672
-
2673
- .adyen-kyc-header-actions {
2674
- max-width: 300px;
2793
+ .adyen-kyc-form-navigation__item-icon--success {
2794
+ color: var(--adyen-internal-color-label-success, #008845);
2675
2795
  }
2676
-
2677
- .adyen-kyc-header-title {
2678
- color: var(--adyen-internal-color-label-primary);
2679
- margin: 0;
2796
+ .adyen-kyc-form-navigation__item-icon--error {
2797
+ color: var(--adyen-internal-color-label-critical, #dc3801);
2798
+ }.adyen-contract-viewer .adyen-document-viewer {
2799
+ --adv-text-color: var(--adyen-internal-color-label-primary, #001222);
2800
+ --adv-text-font-weight-regular: var(--adyen-internal-text-body-font-weight, 400);
2801
+ --adv-text-font-weight-semi-bold: var(--adyen-internal-text-body-stronger-font-weight, 500);
2802
+ --adv-text-line-height: var(--adyen-internal-text-body-line-height, 20px);
2803
+ --adv-text-font-size-medium: var(--adyen-internal-text-body-font-size, 14px);
2804
+ --adv-text-font-size-small: var(--adyen-internal-text-caption-font-size, 12px);
2805
+ --adv-text-font-family: var(--adyen-internal-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2806
+ --adv-heading-font-size: var(--adyen-internal-text-title-l-font-size, 24px);
2807
+ --adv-heading-font-weight: var(--adyen-internal-text-title-l-font-weight, 600);
2808
+ --adv-heading-line-height: var(--adyen-internal-text-title-l-line-height, 34px);
2809
+ --adv-heading-2-font-size: var(--adyen-internal-text-title-m-font-size, 20px);
2810
+ --adv-heading-2-font-weight: var(--adyen-internal-text-title-m-font-weight, 600);
2811
+ --adv-heading-2-line-height: var(--adyen-internal-text-title-m-line-height, 30px);
2812
+ --adv-color-white: var(--adyen-internal-color-background-primary, #ffffff);
2813
+ --adv-color-grey-10: var(--adyen-internal-color-background-secondary, #f4f5f6);
2814
+ --adv-color-grey-20: var(--adyen-internal-color-background-tertiary, #ecedef);
2815
+ --adv-color-black: var(--adyen-internal-color-background-inverse-primary, #001222);
2816
+ --adv-color-blue: var(--adyen-internal-color-decorative-blue, #006bd7);
2817
+ --adv-accordion-header-color: var(--adyen-internal-color-label-primary, #001222);
2818
+ --adv-accordion-header-font-weight: var(--adyen-internal-text-title-font-weight, 600);
2819
+ --adv-accordion-header-hover-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2820
+ --adv-accordion-header-active-background-color: var(--adyen-internal-color-background-primary-active, #ecedef);
2821
+ --adv-accordion-content-padding: 0;
2822
+ --adv-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2823
+ --adv-section-background-color: var(--adyen-internal-color-background-primary, #ffffff);
2824
+ --adv-table-row-changed-background-color: var(--adyen-internal-color-background-primary-hover, #f4f5f6);
2825
+ --adv-icon-color: var(--adyen-internal-color-label-primary, #001222);
2826
+ --adv-link-color: var(--adyen-internal-color-link-primary, #0065c9);
2827
+ --adv-link-active-color: var(--adyen-internal-color-link-primary, #0065c9);
2828
+ --adv-link-visited-color: var(--adyen-internal-color-link-primary-visited, #540884);
2829
+ }.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)}
2830
+ .adyen-kyc-tos-signed-alert:last-of-type {
2831
+ margin-top: var(--adyen-internal-spacer-070);
2680
2832
  }
2681
2833
 
2682
- .adyen-kyc-header-title-primary {
2683
- font-size: var(--adyen-internal-text-title-l-font-size);
2684
- font-family: var(--adyen-internal-text-title-l-font-family);
2685
- font-weight: var(--adyen-internal-text-title-l-font-weight);
2686
- line-height: var(--adyen-internal-text-title-l-line-height);
2834
+ .adyen-kyc-tos-container {
2835
+ height: 100%;
2687
2836
  }
2688
2837
 
2689
- .adyen-kyc-header-title-secondary {
2690
- font-size: var(--adyen-internal-text-title-font-size);
2691
- font-family: var(--adyen-internal-text-title-font-family);
2692
- font-weight: var(--adyen-internal-text-title-font-weight);
2693
- }
2838
+ .adyen-kyc-tos-content {
2839
+ display: flex;
2840
+ flex-direction: column;
2841
+ padding: var(--adyen-internal-spacer-070);
2694
2842
 
2695
- .adyen-kyc-header-description {
2696
- font-size: var(--adyen-internal-text-body-font-size);
2697
- font-family: var(--adyen-internal-text-body-font-family);
2698
- font-weight: var(--adyen-internal-text-body-font-weight);
2699
- line-height: var(--adyen-internal-text-body-line-height);
2843
+ @container main (min-width:480px) {
2844
+ flex-direction: row;
2845
+ }
2700
2846
  }
2701
2847
 
2702
- .adyen-kyc-header-description-primary {
2703
- color: var(--adyen-internal-color-label-primary);
2848
+ .adyen-kyc-tos-signer-field {
2849
+ width: 100%;
2850
+
2851
+ @container main (min-width: 680px) {
2852
+ width: 50%;
2853
+ }
2704
2854
  }
2705
2855
 
2706
- .adyen-kyc-header-description-secondary {
2707
- color: var(--adyen-internal-color-label-secondary);
2856
+ .adyen-kyc-tos-actions {
2857
+ display: flex;
2858
+ justify-content: space-between;
2859
+ align-items: center;
2860
+ gap: var(--adyen-internal-spacer-040);
2861
+ padding: var(--adyen-internal-spacer-070);
2862
+
2863
+ &:has(> :only-child) {
2864
+ justify-content: flex-end;
2865
+ }
2708
2866
  }
2709
2867
  .adyen-kyc-list {
2710
2868
  display: flex;
@@ -3297,7 +3455,12 @@ fieldset {
3297
3455
  padding-bottom: var(--adyen-internal-spacer-000, 0px);
3298
3456
  padding-left: var(--adyen-internal-spacer-090, 24px);
3299
3457
  position: relative;
3300
- }.adyen-kyc-business-financing-lei-radio {
3458
+ }.adyen-kyc-summary-header {
3459
+ display: flex;
3460
+ justify-content: space-between;
3461
+ align-items: center;
3462
+ }
3463
+ .adyen-kyc-business-financing-lei-radio {
3301
3464
  display: grid;
3302
3465
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3303
3466
  column-gap: var(--adyen-internal-spacer-100, 32px);
@@ -3392,136 +3555,46 @@ fieldset {
3392
3555
  }
3393
3556
 
3394
3557
  @container main (min-width: 680px) {
3395
- .adyen-kyc-document-guidance__container {
3396
- grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
3397
- }
3398
- }
3399
- .adyen-kyc-document-guidance__item {
3400
- display: flex;
3401
- flex-direction: column;
3402
- align-items: center;
3403
- margin: var(--adyen-internal-spacer-060, 12px);
3404
- }
3405
- @container main (max-width: 680px) {
3406
- .adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
3407
- margin: var(--adyen-internal-spacer-000, 0px);
3408
- }
3409
- }
3410
-
3411
- .adyen-kyc-document-guidance__item > span {
3412
- height: auto;
3413
- width: 100px;
3414
- }
3415
-
3416
- .adyen-kyc-document-guidance__description {
3417
- display: flex;
3418
- gap: var(--adyen-internal-spacer-040, 8px);
3419
- margin-top: var(--adyen-internal-spacer-010, 2px);
3420
- color: var(--adyen-internal-color-label-on-color, #ffffff);
3421
- }
3422
-
3423
- .adyen-kyc-document-guidance__description-text {
3424
- color: var(--adyen-internal-color-label-primary, #001222);
3425
- }
3426
-
3427
- .adyen-kyc-document-guidance__icon {
3428
- height: 16px;
3429
- width: 16px;
3430
- border-radius: 50%;
3431
- background-color: var(--adyen-internal-color-background-success-strong, #008845);
3432
- }
3433
- .adyen-kyc-document-guidance__icon--invalid {
3434
- background-color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3435
- }.adyen-kyc-dropzone {
3436
- border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-secondary, #c8ccd0);
3437
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3438
- display: flex;
3439
- flex-direction: column;
3440
- padding: var(--adyen-internal-spacer-080, 20px) var(--adyen-internal-spacer-090, 24px);
3441
- min-height: 70px;
3442
- transition: all 0.2s ease-out;
3443
- margin-top: var(--adyen-internal-spacer-040, 8px);
3444
- }
3445
- .adyen-kyc-dropzone--dragged {
3446
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-secondary-active, #001222);
3447
- 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));
3448
- }
3449
- .adyen-kyc-dropzone--error {
3450
- border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-critical, #dc3801);
3451
- }
3452
- .adyen-kyc-dropzone__icon {
3453
- display: flex;
3454
- align-items: center;
3455
- justify-content: center;
3456
- background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3457
- border-radius: 50%;
3458
- height: 32px;
3459
- width: 32px;
3460
- margin: var(--adyen-internal-spacer-000, 0px) auto var(--adyen-internal-spacer-060, 12px);
3461
- }
3462
- .adyen-kyc-dropzone__labels h4 {
3463
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
3464
- }
3465
- .adyen-kyc-dropzone__labels {
3466
- display: flex;
3467
- flex-direction: column;
3468
- margin-bottom: var(--adyen-internal-spacer-060, 12px);
3469
- text-align: center;
3470
- }
3471
- .adyen-kyc-dropzone__input {
3472
- display: none;
3473
- }
3474
- .adyen-kyc-dropzone__button {
3475
- text-align: center;
3476
- }
3477
- .adyen-kyc-dropzone__extras {
3478
- margin-top: var(--adyen-internal-spacer-040, 8px);
3479
- }.adyen-kyc-dropzone-file {
3480
- display: flex;
3481
- align-items: center;
3482
- justify-content: space-between;
3483
- background: var(--adyen-internal-color-background-secondary, #f4f5f6);
3484
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3485
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3486
- padding: var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-070, 16px);
3487
- width: 100%;
3488
- margin-top: var(--adyen-internal-spacer-040, 8px);
3489
- }
3490
- .adyen-kyc-dropzone-file--error {
3491
- background-color: var(--adyen-internal-color-background-critical-weak, #fff3ef);
3492
- }
3493
- .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
3494
- color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3495
- }
3496
- .adyen-kyc-dropzone-file__icon {
3497
- align-items: center;
3498
- display: flex;
3499
- margin-right: var(--adyen-internal-spacer-040, 8px);
3500
- color: var(--adyen-internal-color-background-success-strong, #008845);
3558
+ .adyen-kyc-document-guidance__container {
3559
+ grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
3560
+ }
3501
3561
  }
3502
- .adyen-kyc-dropzone-file__labels {
3503
- overflow: hidden;
3562
+ .adyen-kyc-document-guidance__item {
3504
3563
  display: flex;
3564
+ flex-direction: column;
3505
3565
  align-items: center;
3566
+ margin: var(--adyen-internal-spacer-060, 12px);
3506
3567
  }
3507
- .adyen-kyc-dropzone-file__name {
3508
- overflow: hidden;
3509
- text-overflow: ellipsis;
3510
- white-space: nowrap;
3511
- max-width: 600px;
3568
+ @container main (max-width: 680px) {
3569
+ .adyen-kyc-document-guidance__item .adyen-kyc-document-guidance__container {
3570
+ margin: var(--adyen-internal-spacer-000, 0px);
3571
+ }
3512
3572
  }
3513
- .adyen-kyc-dropzone-file__size {
3514
- margin-left: var(--adyen-internal-spacer-040, 8px);
3573
+
3574
+ .adyen-kyc-document-guidance__item > span {
3575
+ height: auto;
3576
+ width: 100px;
3515
3577
  }
3516
- .adyen-kyc-dropzone-file__error {
3517
- color: var(--adyen-internal-color-label-critical, #dc3801);
3518
- margin-top: var(--adyen-internal-spacer-020, 4px);
3578
+
3579
+ .adyen-kyc-document-guidance__description {
3580
+ display: flex;
3581
+ gap: var(--adyen-internal-spacer-040, 8px);
3582
+ margin-top: var(--adyen-internal-spacer-010, 2px);
3583
+ color: var(--adyen-internal-color-label-on-color, #ffffff);
3519
3584
  }
3520
- .adyen-kyc-dropzone-file__button {
3521
- border: 0;
3522
- padding: var(--adyen-internal-spacer-000, 0px);
3523
- }.adyen-kyc-description-field {
3524
- padding: var(--adyen-internal-spacer-080, 20px) 0;
3585
+
3586
+ .adyen-kyc-document-guidance__description-text {
3587
+ color: var(--adyen-internal-color-label-primary, #001222);
3588
+ }
3589
+
3590
+ .adyen-kyc-document-guidance__icon {
3591
+ height: 16px;
3592
+ width: 16px;
3593
+ border-radius: 50%;
3594
+ background-color: var(--adyen-internal-color-background-success-strong, #008845);
3595
+ }
3596
+ .adyen-kyc-document-guidance__icon--invalid {
3597
+ background-color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3525
3598
  }.adyen-kyc-tile-container {
3526
3599
  width: 100%;
3527
3600
  }
@@ -3655,6 +3728,96 @@ fieldset {
3655
3728
 
3656
3729
  .adyen-kyc-options {
3657
3730
  margin-top: var(--adyen-internal-spacer-080, 20px);
3731
+ }.adyen-kyc-dropzone {
3732
+ border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-secondary, #c8ccd0);
3733
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
3734
+ display: flex;
3735
+ flex-direction: column;
3736
+ padding: var(--adyen-internal-spacer-080, 20px) var(--adyen-internal-spacer-090, 24px);
3737
+ min-height: 70px;
3738
+ transition: all 0.2s ease-out;
3739
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3740
+ }
3741
+ .adyen-kyc-dropzone--dragged {
3742
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-secondary-active, #001222);
3743
+ 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));
3744
+ }
3745
+ .adyen-kyc-dropzone--error {
3746
+ border: var(--adyen-internal-border-width-s, 1px) dashed var(--adyen-internal-color-outline-critical, #dc3801);
3747
+ }
3748
+ .adyen-kyc-dropzone__icon {
3749
+ display: flex;
3750
+ align-items: center;
3751
+ justify-content: center;
3752
+ background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3753
+ border-radius: 50%;
3754
+ height: 32px;
3755
+ width: 32px;
3756
+ margin: var(--adyen-internal-spacer-000, 0px) auto var(--adyen-internal-spacer-060, 12px);
3757
+ }
3758
+ .adyen-kyc-dropzone__labels h4 {
3759
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
3760
+ }
3761
+ .adyen-kyc-dropzone__labels {
3762
+ display: flex;
3763
+ flex-direction: column;
3764
+ margin-bottom: var(--adyen-internal-spacer-060, 12px);
3765
+ text-align: center;
3766
+ }
3767
+ .adyen-kyc-dropzone__input {
3768
+ display: none;
3769
+ }
3770
+ .adyen-kyc-dropzone__button {
3771
+ text-align: center;
3772
+ }
3773
+ .adyen-kyc-dropzone__extras {
3774
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3775
+ }.adyen-kyc-dropzone-file {
3776
+ display: flex;
3777
+ align-items: center;
3778
+ justify-content: space-between;
3779
+ background: var(--adyen-internal-color-background-secondary, #f4f5f6);
3780
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
3781
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
3782
+ padding: var(--adyen-internal-spacer-060, 12px) var(--adyen-internal-spacer-070, 16px);
3783
+ width: 100%;
3784
+ margin-top: var(--adyen-internal-spacer-040, 8px);
3785
+ }
3786
+ .adyen-kyc-dropzone-file--error {
3787
+ background-color: var(--adyen-internal-color-background-critical-weak, #fff3ef);
3788
+ }
3789
+ .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
3790
+ color: var(--adyen-internal-color-background-critical-strong, #dc3801);
3791
+ }
3792
+ .adyen-kyc-dropzone-file__icon {
3793
+ align-items: center;
3794
+ display: flex;
3795
+ margin-right: var(--adyen-internal-spacer-040, 8px);
3796
+ color: var(--adyen-internal-color-background-success-strong, #008845);
3797
+ }
3798
+ .adyen-kyc-dropzone-file__labels {
3799
+ overflow: hidden;
3800
+ display: flex;
3801
+ align-items: center;
3802
+ }
3803
+ .adyen-kyc-dropzone-file__name {
3804
+ overflow: hidden;
3805
+ text-overflow: ellipsis;
3806
+ white-space: nowrap;
3807
+ max-width: 600px;
3808
+ }
3809
+ .adyen-kyc-dropzone-file__size {
3810
+ margin-left: var(--adyen-internal-spacer-040, 8px);
3811
+ }
3812
+ .adyen-kyc-dropzone-file__error {
3813
+ color: var(--adyen-internal-color-label-critical, #dc3801);
3814
+ margin-top: var(--adyen-internal-spacer-020, 4px);
3815
+ }
3816
+ .adyen-kyc-dropzone-file__button {
3817
+ border: 0;
3818
+ padding: var(--adyen-internal-spacer-000, 0px);
3819
+ }.adyen-kyc-description-field {
3820
+ padding: var(--adyen-internal-spacer-080, 20px) 0;
3658
3821
  }.adyen-kyc-landing-layout-image {
3659
3822
  margin: 0 auto;
3660
3823
  }
@@ -3896,148 +4059,60 @@ fieldset {
3896
4059
  margin: 0 var(--step-progress-internal-height);
3897
4060
  }
3898
4061
 
3899
- .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3900
- padding: 0 calc(var(--step-progress-internal-height) / 2);
3901
- margin: 0 calc(var(--step-progress-internal-height) / 2);
3902
- }/* for container queries */
3903
- .adyen-kyc-form-container {
3904
- width: 100%;
3905
- }
3906
- @container main (min-width: 680px) and (max-width: 1024px) {
3907
- .adyen-kyc-form-container {
3908
- flex: 1;
3909
- }
3910
- }
3911
-
3912
- .adyen-kyc-form-wrapper--hidden {
3913
- display: none;
3914
- }
3915
-
3916
- .adyen-kyc-dropin__sidebar-wrapper {
3917
- width: 27%;
3918
- }
3919
-
3920
- .adyen-kyc-form-with-sidebar {
3921
- display: flex;
3922
- width: 100%;
3923
- }
3924
-
3925
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3926
- flex: 1;
3927
- }
3928
-
3929
- @container main (max-width: 680px) {
3930
- .adyen-kyc-dropin__content-main,
3931
- .adyen-kyc-form-with-sidebar {
3932
- flex-direction: column;
3933
- }
3934
- }/* for container queries */
3935
- .adyen-action-bar {
3936
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
3937
- display: flex;
3938
- align-items: center;
3939
- margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
3940
- }
3941
- @container main (max-width: 680px) {
3942
- .adyen-action-bar {
3943
- flex-direction: column;
3944
- gap: var(--adyen-internal-spacer-040, 8px);
3945
- }
3946
- }
3947
- @container main (min-width: 680px) and (max-width: 1024px) {
3948
- .adyen-action-bar {
3949
- flex-flow: row-reverse;
3950
- justify-content: space-between;
3951
- }
3952
- }.adyen-kyc-card {
3953
- all: unset;
3954
- display: block;
3955
- width: 100%;
3956
- box-sizing: border-box;
3957
- border-radius: var(--adyen-internal-border-radius-l);
3958
- transition: 200ms;
3959
- border: 1px solid transparent;
3960
- overflow: hidden;
3961
- }
3962
-
3963
- .adyen-kyc-card-primary {
3964
- background-color: var(--adyen-internal-color-background-primary);
3965
- border-color: var(--adyen-internal-color-outline-primary);
3966
- }
3967
-
3968
- .adyen-kyc-card-secondary {
3969
- background-color: var(--adyen-internal-color-background-secondary);
3970
- }
3971
-
3972
- .adyen-kyc-card-padding-small {
3973
- padding: var(--adyen-internal-spacer-040);
3974
- }
3975
-
3976
- .adyen-kyc-card-padding-medium {
3977
- padding: var(--adyen-internal-spacer-070);
3978
- }
3979
-
3980
- .adyen-kyc-card-padding-large {
3981
- padding: var(--adyen-internal-spacer-090);
3982
- }
3983
-
3984
- .adyen-kyc-card-elevation-low {
3985
- box-shadow: var(--adyen-internal-shadow-low);
3986
- }
3987
-
3988
- .adyen-kyc-card-elevation-medium {
3989
- box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-medium);
3990
- }
3991
-
3992
- .adyen-kyc-card-elevation-high {
3993
- box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-high);
3994
- }
3995
-
3996
- .adyen-kyc-card-interactive {
3997
- cursor: pointer;
3998
- outline-offset: calc(1px + var(--adyen-internal-focus-ring-spacer));
3999
- outline: var(--adyen-internal-focus-ring-outline) solid transparent;
4000
- }
4001
-
4002
- .adyen-kyc-card-interactive:disabled {
4003
- background-color: var(--adyen-internal-color-background-disabled);
4004
- box-shadow: none;
4005
- border-color: transparent;
4006
- color: var(--adyen-internal-color-label-disabled);
4007
- cursor: default;
4008
- }
4009
-
4010
- @media (hover: hover) {
4011
- .adyen-kyc-card-interactive.adyen-kyc-card-primary:hover:not(.adyen-kyc-card-interactive:disabled) {
4012
- background-color: var(--adyen-internal-color-background-primary-hover);
4013
- }
4014
-
4015
- .adyen-kyc-card-interactive.adyen-kyc-card-secondary:hover:not(.adyen-kyc-card-interactive:disabled) {
4016
- background-color: var(--adyen-internal-color-background-secondary-hover);
4062
+ .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
4063
+ padding: 0 calc(var(--step-progress-internal-height) / 2);
4064
+ margin: 0 calc(var(--step-progress-internal-height) / 2);
4065
+ }/* for container queries */
4066
+ .adyen-kyc-form-container {
4067
+ width: 100%;
4068
+ }
4069
+ @container main (min-width: 680px) and (max-width: 1024px) {
4070
+ .adyen-kyc-form-container {
4071
+ flex: 1;
4017
4072
  }
4018
4073
  }
4019
4074
 
4020
- .adyen-kyc-card-interactive:focus-visible {
4021
- outline-color: var(--adyen-internal-focus-ring-color);
4075
+ .adyen-kyc-form-wrapper--hidden {
4076
+ display: none;
4022
4077
  }
4023
4078
 
4024
- .adyen-kyc-card-interactive.adyen-kyc-card-primary:active:not(.adyen-kyc-card-interactive:disabled) {
4025
- background-color: var(--adyen-internal-color-background-primary-active);
4079
+ .adyen-kyc-dropin__sidebar-wrapper {
4080
+ width: 27%;
4026
4081
  }
4027
4082
 
4028
- .adyen-kyc-card-interactive.adyen-kyc-card-secondary:active:not(.adyen-kyc-card-interactive:disabled) {
4029
- background-color: var(--adyen-internal-color-background-secondary-active);
4083
+ .adyen-kyc-form-with-sidebar {
4084
+ display: flex;
4085
+ width: 100%;
4030
4086
  }
4031
4087
 
4032
- .adyen-kyc-card-interactive.adyen-kyc-card-selected {
4033
- pointer-events: none;
4088
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
4089
+ flex: 1;
4034
4090
  }
4035
4091
 
4036
- .adyen-kyc-card-selected {
4037
- outline-offset: -1px;
4038
- outline: 2px solid var(--adyen-internal-color-outline-primary-active);
4092
+ @container main (max-width: 680px) {
4093
+ .adyen-kyc-dropin__content-main,
4094
+ .adyen-kyc-form-with-sidebar {
4095
+ flex-direction: column;
4096
+ }
4097
+ }/* for container queries */
4098
+ .adyen-action-bar {
4099
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
4100
+ display: flex;
4101
+ align-items: center;
4102
+ margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
4039
4103
  }
4040
- /* for container queries */
4104
+ @container main (max-width: 680px) {
4105
+ .adyen-action-bar {
4106
+ flex-direction: column;
4107
+ gap: var(--adyen-internal-spacer-040, 8px);
4108
+ }
4109
+ }
4110
+ @container main (min-width: 680px) and (max-width: 1024px) {
4111
+ .adyen-action-bar {
4112
+ flex-flow: row-reverse;
4113
+ justify-content: space-between;
4114
+ }
4115
+ }/* for container queries */
4041
4116
  .adyen-kyc-radio-group-card {
4042
4117
  display: flex;
4043
4118
  flex-direction: column;
@@ -4643,84 +4718,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
4643
4718
  flex: 1;
4644
4719
  overflow-x: auto;
4645
4720
  }
4646
- .adyen-kyc-detail-view-layout {
4647
- display: flex;
4648
- flex-direction: column;
4649
- margin-left: auto;
4650
- margin-right: auto;
4651
- max-width: 600px;
4652
- width: 100%;
4653
- }
4654
-
4655
- .adyen-kyc-detail-view-layout-default {
4656
- gap: var(--adyen-internal-spacer-140);
4657
- }
4658
-
4659
- .adyen-kyc-detail-view-layout-compact {
4660
- gap: var(--adyen-internal-spacer-100);
4661
- }
4662
-
4663
- .adyen-kyc-detail-view-layout-header {
4664
- display: flex;
4665
- flex-direction: column;
4666
- gap: var(--adyen-internal-spacer-040);
4667
- }
4668
-
4669
- .adyen-kyc-detail-view-layout-title {
4670
- color: var(--adyen-internal-color-label-primary);
4671
- font-size: var(--adyen-internal-text-title-l-font-size);
4672
- font-weight: var(--adyen-internal-text-title-l-font-weight);
4673
- line-height: var(--adyen-internal-text-title-l-line-height);
4674
- margin: 0;
4675
- }
4676
-
4677
- .adyen-kyc-detail-view-layout-description {
4678
- font-size: var(--adyen-internal-text-title-font-size);
4679
- font-weight: var(--adyen-internal-text-body-font-weight);
4680
- line-height: var(--adyen-internal-text-title-line-height);
4681
- }
4682
-
4683
- .adyen-kyc-detail-view-layout-align-left {
4684
- justify-content: flex-start;
4685
- text-align: left;
4686
- }
4687
-
4688
- .adyen-kyc-detail-view-layout-align-center {
4689
- justify-content: center;
4690
- text-align: center;
4691
- }
4692
-
4693
- .adyen-kyc-detail-view-layout-align-right {
4694
- justify-content: flex-end;
4695
- text-align: right;
4696
- }
4697
-
4698
- .adyen-kyc-detail-view-layout-content {
4699
- display: flex;
4700
- flex-direction: column;
4701
- gap: var(--adyen-internal-spacer-070);
4702
- }
4703
-
4704
- .adyen-kyc-detail-view-layout-actions {
4705
- display: flex;
4706
- flex-direction: column;
4707
- gap: var(--adyen-internal-spacer-040);
4708
- margin: 0 auto;
4709
- max-width: 320px;
4710
- width: 100%;
4711
- }
4712
- .adyen-kyc-manage-transfer-instrument {
4713
- padding: var(--adyen-internal-spacer-070, 16px);
4714
- width: 100%;
4715
- display: flex;
4716
- align-items: center;
4717
- flex-direction: column;
4718
- }.adyen-kyc-manage-ti-overview {
4719
- display: flex;
4720
- flex-direction: column;
4721
- align-items: center;
4722
- width: 100%;
4723
- }.adyen-task-list__container {
4721
+ .adyen-task-list__container {
4724
4722
  margin-left: auto;
4725
4723
  margin-right: auto;
4726
4724
  display: flex;
@@ -4894,69 +4892,97 @@ input.adyen-kyc-radio-group-card__radio--floating {
4894
4892
  height: 28px;
4895
4893
  width: auto;
4896
4894
  }
4897
- .adyen-kyc-verification {
4898
- display: block;
4899
- overflow: hidden;
4900
- position: relative;
4901
- }
4902
-
4903
- .adyen-kyc-verification-description {
4904
- color: var(--adyen-internal-color-label-secondary, #5c6874);
4905
- font-size: var(--adyen-internal-text-body-font-size, 14px);
4906
- line-height: var(--adyen-internal-text-body-line-height, 20px);
4907
- 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);
4908
- }/* for container queries */
4909
- .adyen-kyc-dropin {
4910
- background: var(--adyen-internal-color-background-primary, #ffffff);
4895
+ .adyen-kyc-detail-view-layout {
4911
4896
  display: flex;
4912
4897
  flex-direction: column;
4913
- height: 100%;
4914
- overflow: hidden;
4915
- position: relative;
4898
+ margin-left: auto;
4899
+ margin-right: auto;
4900
+ max-width: 600px;
4916
4901
  width: 100%;
4917
4902
  }
4918
- .adyen-kyc-dropin-container {
4919
- position: relative;
4920
- min-height: 480px;
4921
- transform: scale(1);
4922
- width: 100%;
4903
+
4904
+ .adyen-kyc-detail-view-layout-default {
4905
+ gap: var(--adyen-internal-spacer-140);
4923
4906
  }
4924
4907
 
4925
- .adyen-kyc-dropin__content {
4908
+ .adyen-kyc-detail-view-layout-compact {
4909
+ gap: var(--adyen-internal-spacer-100);
4910
+ }
4911
+
4912
+ .adyen-kyc-detail-view-layout-header {
4926
4913
  display: flex;
4927
- flex: 1;
4928
4914
  flex-direction: column;
4929
- height: calc(100% - 56px);
4930
- overflow: auto;
4915
+ gap: var(--adyen-internal-spacer-040);
4931
4916
  }
4932
- @container main (min-width: 680px) and (max-width: 1024px) {
4933
- .adyen-kyc-dropin__content {
4934
- height: calc(100% - 72px);
4935
- }
4917
+
4918
+ .adyen-kyc-detail-view-layout-title {
4919
+ color: var(--adyen-internal-color-label-primary);
4920
+ font-size: var(--adyen-internal-text-title-l-font-size);
4921
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
4922
+ line-height: var(--adyen-internal-text-title-l-line-height);
4923
+ margin: 0;
4936
4924
  }
4937
4925
 
4938
- /* padding in dropins, not used in modal view */
4939
- .adyen-kyc-dropin__content-main {
4940
- display: flex;
4941
- flex: 1;
4942
- padding: var(--adyen-internal-spacer-070, 16px);
4943
- width: 100%;
4944
- box-sizing: border-box;
4926
+ .adyen-kyc-detail-view-layout-description {
4927
+ font-size: var(--adyen-internal-text-title-font-size);
4928
+ font-weight: var(--adyen-internal-text-body-font-weight);
4929
+ line-height: var(--adyen-internal-text-title-line-height);
4945
4930
  }
4946
- @container main (min-width: 680px) and (max-width: 1024px) {
4947
- .adyen-kyc-dropin__content-main {
4948
- padding: var(--adyen-internal-spacer-090, 24px);
4949
- }
4931
+
4932
+ .adyen-kyc-detail-view-layout-align-left {
4933
+ justify-content: flex-start;
4934
+ text-align: left;
4950
4935
  }
4951
- @container main (min-width: 1024px) {
4952
- .adyen-kyc-dropin__content-main {
4953
- padding: var(--adyen-internal-spacer-110, 40px);
4954
- }
4936
+
4937
+ .adyen-kyc-detail-view-layout-align-center {
4938
+ justify-content: center;
4939
+ text-align: center;
4955
4940
  }
4956
4941
 
4957
- .adyen-kyc-dropin__main {
4958
- border-radius: var(--adyen-internal-border-radius-m, 8px);
4942
+ .adyen-kyc-detail-view-layout-align-right {
4943
+ justify-content: flex-end;
4944
+ text-align: right;
4945
+ }
4946
+
4947
+ .adyen-kyc-detail-view-layout-content {
4948
+ display: flex;
4949
+ flex-direction: column;
4950
+ gap: var(--adyen-internal-spacer-070);
4951
+ }
4952
+
4953
+ .adyen-kyc-detail-view-layout-actions {
4954
+ display: flex;
4955
+ flex-direction: column;
4956
+ gap: var(--adyen-internal-spacer-040);
4957
+ margin: 0 auto;
4958
+ max-width: 320px;
4959
+ width: 100%;
4960
+ }
4961
+ .adyen-kyc-manage-transfer-instrument {
4962
+ padding: var(--adyen-internal-spacer-070, 16px);
4963
+ width: 100%;
4964
+ display: flex;
4965
+ align-items: center;
4966
+ flex-direction: column;
4967
+ }.adyen-kyc-manage-ti-overview {
4968
+ display: flex;
4969
+ flex-direction: column;
4970
+ align-items: center;
4959
4971
  width: 100%;
4972
+ }.adyen-kyc-verification {
4973
+ display: block;
4974
+ overflow: hidden;
4975
+ position: relative;
4976
+ }
4977
+
4978
+ .adyen-kyc-verification-description {
4979
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
4980
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
4981
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
4982
+ 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);
4983
+ }.adyen-kyc-invited-decision-makers-container {
4984
+ max-width: 500px;
4985
+ margin: var(--adyen-internal-spacer-000, 0px) auto;
4960
4986
  }.adyen-kyc-tabs {
4961
4987
  display: flex;
4962
4988
  gap: 8px;
@@ -5013,6 +5039,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
5013
5039
  display: flex;
5014
5040
  flex-direction: column;
5015
5041
  height: 100%;
5042
+ color: var(--adyen-internal-color-label-primary);
5016
5043
  }
5017
5044
 
5018
5045
  .adyen-kyc-debug-header {
@@ -5572,9 +5599,11 @@ input.adyen-kyc-radio-group-card__radio--floating {
5572
5599
  padding: var(--adyen-internal-spacer-090) 0;
5573
5600
  gap: var(--adyen-internal-spacer-030);
5574
5601
  }
5575
- .adyen-kyc-financial-information-reported-value-options {
5602
+ .adyen-kyc-reported-value-options {
5576
5603
  gap: var(--adyen-internal-spacer-060, 12px);
5577
- }.adyen-kyc-reported-value {
5604
+ }
5605
+
5606
+ .adyen-kyc-reported-value {
5578
5607
  display: flex;
5579
5608
  flex-direction: column;
5580
5609
  padding: var(--adyen-internal-spacer-020, 4px) 0;
@@ -5858,6 +5887,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
5858
5887
  .adyen-kyc-source-of-funds-wrapper-description {
5859
5888
  margin-top: var(--adyen-internal-spacer-050, 10px);
5860
5889
  }
5890
+ .adyen-kyc-source-of-funds-same-as-checkbox {
5891
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
5892
+ }
5861
5893
  .adyen-kyc-source-of-funds-getting-started {
5862
5894
  text-align: center;
5863
5895
  margin: var(--adyen-internal-spacer-000, 0px) auto;