@adyen/kyc-components 4.0.0-beta.1 → 4.0.0-beta.4

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 (628) hide show
  1. package/dist/{AcceptTermsOfServiceComponent-BQ4Yct7L.js → AcceptTermsOfServiceComponent-ilX6szf9.js} +85 -82
  2. package/dist/{AccountSetupRejected-UVhxMcAe.js → AccountSetupRejected-CQjHA557.js} +6 -6
  3. package/dist/{Avatar-NEiNEcRx.js → Avatar-BfRRf9_a.js} +2 -2
  4. package/dist/{BusinessDetailsDropin-l0xfPekL.js → BusinessDetailsDropin-Dr580mIQ.js} +429 -405
  5. package/dist/{BusinessFinancingComponent-Bs-poF2d.js → BusinessFinancingComponent-CEIG-4wN.js} +3 -3
  6. package/dist/{BusinessFinancingDropin-DoRzdS4n.js → BusinessFinancingDropin-sC3QpkDx.js} +537 -489
  7. package/dist/{BusinessFinancingPage-DSlmJmOK.js → BusinessFinancingPage-BIEuNfKE.js} +3 -3
  8. package/dist/{BusinessTypeSelectionPage-Bmi_8K2g.js → BusinessTypeSelectionPage-6sF2ce3o.js} +111 -145
  9. package/dist/{CZ-BhoS6sd6.js → CZ-BiPeoA9G.js} +11 -1
  10. package/dist/{ContractViewer-R4-gfVmp.js → ContractViewer-BOxsPeO1.js} +306 -297
  11. package/dist/{CreateIndividualComponent-D3aXuYRk.js → CreateIndividualComponent-t9eDVjpb.js} +8 -8
  12. package/dist/{CreateTransferInstrumentComponent-C-ncZ-A8.js → CreateTransferInstrumentComponent-D65FAcQz.js} +7 -7
  13. package/dist/{CustomerSupport-CMFRgQNa.js → CustomerSupport-CoLWcgoS.js} +27 -32
  14. package/dist/{DebugModal-BEmhG3UP.js → DebugModal-DkICAsiu.js} +33 -239
  15. package/dist/{DecisionMakerDetailsPage-DI2Ubmef.js → DecisionMakerDetailsPage-CvmwdHqV.js} +4 -4
  16. package/dist/DecisionMakers-DthVv8_t.js +478 -0
  17. package/dist/{EmbeddedStatus-BsZsXbKc.js → EmbeddedStatus-DdGnEZzS.js} +16 -16
  18. package/dist/FormEndState-CUYkLBgX.js +59 -0
  19. package/dist/{FormFlow-Bt-mu4Wm.js → FormFlow-CNXkXUwa.js} +19 -20
  20. package/dist/{HU-v3vOxRm8.js → HU-D8vJYkDH.js} +10 -1
  21. package/dist/{IndividualOnfidoDropin-DGMCOm9M.js → IndividualOnfidoDropin-DV2fJG5W.js} +919 -895
  22. package/dist/{Introduction-DJ6qIUPC.js → Introduction-B1WXHc-7.js} +53 -57
  23. package/dist/{ProviderButton-DAsW5EVa.js → LandingLayout-BC3pp_IY.js} +93 -86
  24. package/dist/{LegalRepresentativeDetailsPage-CyHwQR_W.js → LegalRepresentativeDetailsPage-9xm-XCto.js} +4 -4
  25. package/dist/{ManageIndividualComponent-BIMCvcr2.js → ManageIndividualComponent-zCo6mUQx.js} +9 -13
  26. package/dist/{ManageTermsOfServiceComponent-CsM23jq3.js → ManageTermsOfServiceComponent-DpQXgPYk.js} +7 -8
  27. package/dist/{ManageTransferInstrumentComponent-Vut9_bRn.js → ManageTransferInstrumentComponent-BKERoin1.js} +23 -31
  28. package/dist/{OnboardingDropinComponent-BW6er2HU.js → OnboardingDropinComponent-DYdts9Sh.js} +521 -398
  29. package/dist/{Review-DWDbL9-9.js → Review-jBq7cFVv.js} +11 -11
  30. package/dist/RootBusinessDetailsPage-BfO0Xb7n.js +1848 -0
  31. package/dist/{RootIndividualDetailsPage-DCxJ3ycQ.js → RootIndividualDetailsPage-DzmHoceW.js} +4 -4
  32. package/dist/{SignPCIComponent-kHaxhkWa.js → SignPCIComponent-By4PazmA.js} +32 -38
  33. package/dist/{SingpassSelection-Dmlbiq4Z.js → SingpassSelection-BeUj9Kdy.js} +12 -15
  34. package/dist/{SoleProprietorshipPage-Bdhs90-q.js → SoleProprietorshipPage-CZPeKEEl.js} +4 -4
  35. package/dist/{SourceOfFundsPage-Bj22DAFv.js → SourceOfFundsPage-CI1qdFId.js} +508 -488
  36. package/dist/{StoreProvider-BmzY19Td.js → StoreProvider-O9jwxfG8.js} +20832 -21372
  37. package/dist/{TaskItemStatus-CB6FEOnk.js → TaskItemStatus-s7Z3DOGa.js} +24 -24
  38. package/dist/TaskStatusIndicator-BanufME0.js +69 -0
  39. package/dist/{TaxReportingDropin-jofokkei.js → TaxReportingDropin-BQqDUn9I.js} +82 -101
  40. package/dist/{TileGroup-i5Jc08ns.js → TileGroup-tu04B8GK.js} +6 -8
  41. package/dist/{TrustDetailsPage-B6HmvYUf.js → TrustDetailsPage-BQKZ_ZyU.js} +91 -80
  42. package/dist/{TrustMemberCompanyPage-D3VJOq6a.js → TrustMemberCompanyPage-C9aFr4Bm.js} +5 -5
  43. package/dist/{TrustMemberIndividualPage-1aeOYsnG.js → TrustMemberIndividualPage-Ci7hwMA_.js} +4 -4
  44. package/dist/{UnincorporatedPartnershipIndividualPage-Bt7e6ncF.js → UnincorporatedPartnershipIndividualPage-XQsgF3ou.js} +4 -4
  45. package/dist/{UnincorporatedPartnershipMemberCompanyPage-Ck5C_SEU.js → UnincorporatedPartnershipMemberCompanyPage-DFe_N3gH.js} +4 -4
  46. package/dist/{VerificationErrorAlert-DhtKOmjt.js → VerificationErrorAlert-Ci0cObw1.js} +20 -9
  47. package/dist/{ViewVerificationStatusComponent-DtKLcCGI.js → ViewVerificationStatusComponent-_qQmZFDY.js} +22 -21
  48. package/dist/adyen-business-financing.js +8 -12
  49. package/dist/adyen-individual.js +6 -4
  50. package/dist/adyen-kyc-components.js +144 -118
  51. package/dist/adyen-manage-individual.js +2 -2
  52. package/dist/adyen-manage-terms-of-service.js +3 -3
  53. package/dist/adyen-manage-transfer-instruments.js +3 -3
  54. package/dist/adyen-onboarding.js +14 -6
  55. package/dist/adyen-terms-of-service.js +18 -6
  56. package/dist/adyen-transfer-instrument.js +10 -6
  57. package/dist/adyen-verification-status.js +2 -2
  58. package/dist/bag-DpxmyXfR.js +14 -0
  59. package/dist/bg-BG-9uVrFuHv.js +23 -0
  60. package/dist/bg-BG-BY3Wa361.js +54 -0
  61. package/dist/bg-BG-BiYtb1Tz.js +55 -0
  62. package/dist/bg-BG-BvSUDgGF.js +13 -0
  63. package/dist/bg-BG-CMomhopf.js +35 -0
  64. package/dist/bg-BG-Dy6-IwuZ.js +28 -0
  65. package/dist/bg-BG-NMIts2sa.js +35 -0
  66. package/dist/{plaintext-B39yQnOr.js → bg-BG-hFblesn-.js} +4 -6
  67. package/dist/business-lines-DboUCbXw.js +135 -0
  68. package/dist/{_plugin-vue_export-helper-CgYpM5kA.js → cs-CZ-B8IPRc47.js} +4 -8
  69. package/dist/cs-CZ-BEFeaKsV.js +54 -0
  70. package/dist/cs-CZ-Csr_35T-.js +35 -0
  71. package/dist/cs-CZ-DMzortvO.js +35 -0
  72. package/dist/cs-CZ-Dbow28-o.js +28 -0
  73. package/dist/cs-CZ-Wzc382q6.js +23 -0
  74. package/dist/cs-CZ-wdftovLe.js +55 -0
  75. package/dist/cs-CZ-y4mvq4Lv.js +13 -0
  76. package/dist/da-DK-4QAKic_C.js +55 -0
  77. package/dist/da-DK-Adj8R5Qn.js +28 -0
  78. package/dist/da-DK-BTpZzEgA.js +15 -0
  79. package/dist/da-DK-CeNMXUfE.js +23 -0
  80. package/dist/da-DK-D6UK8XT9.js +54 -0
  81. package/dist/da-DK-Dm8o1giq.js +35 -0
  82. package/dist/da-DK-q2b_1elr.js +35 -0
  83. package/dist/da-DK-qgQOVjDp.js +13 -0
  84. package/dist/de-DE-B3nctkG8.js +13 -0
  85. package/dist/de-DE-BG0tKqvi.js +28 -0
  86. package/dist/de-DE-BzumFI3T.js +55 -0
  87. package/dist/de-DE-D2ByeIZs.js +35 -0
  88. package/dist/de-DE-DMFaycio.js +35 -0
  89. package/dist/de-DE-DUl6gRKv.js +54 -0
  90. package/dist/de-DE-DjOUNvp6.js +15 -0
  91. package/dist/de-DE-JI-7mvxy.js +23 -0
  92. package/dist/de-DE-pSdsxBpQ.js +13 -0
  93. package/dist/decision-makers-group-CgddXgrx.js +1944 -0
  94. package/dist/el-GR-B5j7VZ3E.js +54 -0
  95. package/dist/el-GR-Bvjk5Sw8.js +13 -0
  96. package/dist/el-GR-CGeBAkDN.js +35 -0
  97. package/dist/el-GR-CXmTklMq.js +55 -0
  98. package/dist/el-GR-CdgLZhuO.js +13 -0
  99. package/dist/el-GR-Cu9HwD-f.js +15 -0
  100. package/dist/el-GR-DGW388LZ.js +35 -0
  101. package/dist/el-GR-DerT143K.js +28 -0
  102. package/dist/el-GR-DfNOPkLq.js +23 -0
  103. package/dist/en-US-BQpgt41j.js +37 -0
  104. package/dist/en-US-BTYdAWXp.js +15 -0
  105. package/dist/en-US-Bq2Twy6x.js +54 -0
  106. package/dist/en-US-CQ3angjM.js +22 -0
  107. package/dist/en-US-CkZcSKGh.js +35 -0
  108. package/dist/en-US-DHq7VYFs.js +23 -0
  109. package/dist/en-US-DLm6gy6T.js +58 -0
  110. package/dist/en-US-DSoLr6rp.js +13 -0
  111. package/dist/en-US-SbE0c1gn.js +36 -0
  112. package/dist/es-ES-BM4U0hT3.js +28 -0
  113. package/dist/es-ES-BRfK6tX7.js +13 -0
  114. package/dist/es-ES-BhQOdKge.js +55 -0
  115. package/dist/es-ES-Cavm0szq.js +54 -0
  116. package/dist/es-ES-Cj7q7fWO.js +15 -0
  117. package/dist/es-ES-DOVPTeyf.js +23 -0
  118. package/dist/es-ES-Dy1uR2H_.js +13 -0
  119. package/dist/es-ES-WWftn3JX.js +35 -0
  120. package/dist/es-ES-pXHx3ODy.js +35 -0
  121. package/dist/et-EE-BJIsPOnh.js +23 -0
  122. package/dist/et-EE-CFlzRBEx.js +55 -0
  123. package/dist/et-EE-D5lRJbMZ.js +35 -0
  124. package/dist/et-EE-DUWZ2Vqm.js +54 -0
  125. package/dist/et-EE-Dor3enPS.js +15 -0
  126. package/dist/et-EE-OJg_PSHf.js +28 -0
  127. package/dist/et-EE-QLVnr6Vl.js +35 -0
  128. package/dist/et-EE-d9V24rcf.js +13 -0
  129. package/dist/fi-FI-B0fnAFV2.js +13 -0
  130. package/dist/fi-FI-BJ2l42Pj.js +28 -0
  131. package/dist/fi-FI-BNcnKrJ9.js +15 -0
  132. package/dist/fi-FI-D522KHGk.js +23 -0
  133. package/dist/fi-FI-D9E_KaJi.js +35 -0
  134. package/dist/fi-FI-DT351N-G.js +35 -0
  135. package/dist/fi-FI-DVa-ccaW.js +54 -0
  136. package/dist/fi-FI-Djollt2G.js +55 -0
  137. package/dist/fr-FR-BNXXNUX_.js +35 -0
  138. package/dist/fr-FR-Bn3D6mmY.js +15 -0
  139. package/dist/fr-FR-BoKzVp2q.js +13 -0
  140. package/dist/fr-FR-CY9emHgF.js +54 -0
  141. package/dist/fr-FR-Cv0k-3Xc.js +35 -0
  142. package/dist/fr-FR-DInQKkTd.js +23 -0
  143. package/dist/fr-FR-Dk6Lw2On.js +13 -0
  144. package/dist/fr-FR-g7lmxEsI.js +28 -0
  145. package/dist/fr-FR-l36qBV3a.js +55 -0
  146. package/dist/{getFieldsWithExistingData-BW8_TEQl.js → getFieldsWithExistingData-7pZnHro-.js} +3 -4
  147. package/dist/{hasDataChanged-Mu0HyZ3E.js → hasDataChanged-v0hD-nEq.js} +4 -4
  148. package/dist/hr-HR-B8AZ4eHJ.js +35 -0
  149. package/dist/hr-HR-CDUE36Dg.js +28 -0
  150. package/dist/hr-HR-CF0AHQzi.js +13 -0
  151. package/dist/hr-HR-CNzbyo9r.js +15 -0
  152. package/dist/hr-HR-CnP5sqih.js +54 -0
  153. package/dist/hr-HR-CzSrqEFA.js +35 -0
  154. package/dist/hr-HR-DTCY4iL8.js +55 -0
  155. package/dist/hr-HR-DzS44Gpv.js +23 -0
  156. package/dist/hu-HU-BSOiZA7a.js +15 -0
  157. package/dist/hu-HU-BTlpbCpc.js +54 -0
  158. package/dist/hu-HU-Bmf13NMf.js +28 -0
  159. package/dist/hu-HU-BznXPoc2.js +55 -0
  160. package/dist/hu-HU-CSPhOvLC.js +13 -0
  161. package/dist/hu-HU-DRi6Dz9U.js +35 -0
  162. package/dist/hu-HU-xCvNM5TU.js +23 -0
  163. package/dist/hu-HU-zK6nUqWr.js +35 -0
  164. package/dist/it-IT-BEWyAQUU.js +55 -0
  165. package/dist/it-IT-BH-eqIKH.js +13 -0
  166. package/dist/it-IT-BeYbInCQ.js +35 -0
  167. package/dist/it-IT-C_fNHhjE.js +35 -0
  168. package/dist/it-IT-CjEYONJg.js +23 -0
  169. package/dist/it-IT-D7G4BaP7.js +13 -0
  170. package/dist/it-IT-DYIx7myn.js +28 -0
  171. package/dist/it-IT-DvM-9LpM.js +15 -0
  172. package/dist/it-IT-GgHc0cHR.js +54 -0
  173. package/dist/ja-JP-B3yqM_FM.js +13 -0
  174. package/dist/ja-JP-BUz3qN-V.js +23 -0
  175. package/dist/ja-JP-BhS-_dIx.js +54 -0
  176. package/dist/ja-JP-C1OQ16fo.js +35 -0
  177. package/dist/ja-JP-D7oL6xGY.js +55 -0
  178. package/dist/ja-JP-DTW_hY1L.js +13 -0
  179. package/dist/ja-JP-GXkLvnQ4.js +15 -0
  180. package/dist/ja-JP-tx1DbZYD.js +28 -0
  181. package/dist/ja-JP-weDU8GLW.js +35 -0
  182. package/dist/{localizeDateString-QtCjf8Fg.js → localizeDateString-BlZ_CtJI.js} +6 -6
  183. package/dist/lt-LT-B6CJ4ULI.js +23 -0
  184. package/dist/lt-LT-BUYY0LaT.js +35 -0
  185. package/dist/lt-LT-BxScCodJ.js +28 -0
  186. package/dist/lt-LT-DNjXmQPv.js +15 -0
  187. package/dist/lt-LT-DTQGR9M0.js +54 -0
  188. package/dist/lt-LT-De7dLXxI.js +55 -0
  189. package/dist/lt-LT-Lzl_Cbw-.js +13 -0
  190. package/dist/lt-LT-_MzAcXJo.js +35 -0
  191. package/dist/lv-LV-B9js9VoA.js +35 -0
  192. package/dist/lv-LV-BQ4F1GrV.js +54 -0
  193. package/dist/lv-LV-CRhXAjn6.js +35 -0
  194. package/dist/lv-LV-ChOoZuhc.js +15 -0
  195. package/dist/lv-LV-DTtuyfHS.js +23 -0
  196. package/dist/lv-LV-De9rdme0.js +55 -0
  197. package/dist/lv-LV-F9_Fiu3w.js +28 -0
  198. package/dist/lv-LV-y00wN1pj.js +13 -0
  199. package/dist/mail-Z_IE_hkw.js +14 -0
  200. package/dist/{mapFinancialReportsToFinancialInformation-C-2jp0wg.js → mapFinancialReportsToFinancialInformation-DrS0xN6i.js} +19 -12
  201. package/dist/minus-circle-filled-BGKeHaxJ.js +17 -0
  202. package/dist/nl-NL-BHqiO21q.js +15 -0
  203. package/dist/nl-NL-CFzm75Jw.js +13 -0
  204. package/dist/nl-NL-CUcML482.js +54 -0
  205. package/dist/nl-NL-Cht7cSwD.js +28 -0
  206. package/dist/nl-NL-DLedC3mO.js +35 -0
  207. package/dist/nl-NL-Dbx0ZmI7.js +35 -0
  208. package/dist/nl-NL-DmnFXAQC.js +13 -0
  209. package/dist/nl-NL-Zcq0bXd-.js +23 -0
  210. package/dist/nl-NL-lZcJhRsP.js +55 -0
  211. package/dist/no-NO-BBCvsecq.js +54 -0
  212. package/dist/no-NO-BEIyAMmZ.js +55 -0
  213. package/dist/no-NO-BQAqVzF4.js +28 -0
  214. package/dist/no-NO-BxReX6oF.js +23 -0
  215. package/dist/no-NO-C0sfkp82.js +35 -0
  216. package/dist/no-NO-CKT9kLAH.js +15 -0
  217. package/dist/no-NO-CpVal4cV.js +35 -0
  218. package/dist/no-NO-DbvFfP96.js +13 -0
  219. package/dist/pay-by-link-plane-Pv7Babgn.js +22 -0
  220. package/dist/pl-PL--mmxopYA.js +13 -0
  221. package/dist/pl-PL-1ylK-_FE.js +35 -0
  222. package/dist/pl-PL-CqxMKpBm.js +28 -0
  223. package/dist/pl-PL-D6heiKsH.js +15 -0
  224. package/dist/pl-PL-DAPGaxWi.js +35 -0
  225. package/dist/pl-PL-DD3wVcKc.js +55 -0
  226. package/dist/pl-PL-T6uD5--R.js +23 -0
  227. package/dist/pl-PL-kGaeUP-w.js +54 -0
  228. package/dist/plus-circle-filled-Cnf1oJTm.js +17 -0
  229. package/dist/pt-PT-BVzXBFp7.js +13 -0
  230. package/dist/pt-PT-BY9rcwcF.js +35 -0
  231. package/dist/pt-PT-BkvMsoK4.js +35 -0
  232. package/dist/pt-PT-BsDCHbWN.js +55 -0
  233. package/dist/pt-PT-CBbmkr_J.js +28 -0
  234. package/dist/pt-PT-D2elvnDU.js +15 -0
  235. package/dist/pt-PT-DpDxAynk.js +13 -0
  236. package/dist/pt-PT-JVqqgvPs.js +54 -0
  237. package/dist/pt-PT-N0njcfLO.js +23 -0
  238. package/dist/{resolveEnvironment-Dx0BPNMa.js → resolveEnvironment-DvSgDDo8.js} +3 -3
  239. package/dist/ro-RO-C83h2zHZ.js +54 -0
  240. package/dist/ro-RO-CUg8-CQ8.js +55 -0
  241. package/dist/ro-RO-Cdmevo9A.js +13 -0
  242. package/dist/ro-RO-DJLWmWZ4.js +35 -0
  243. package/dist/ro-RO-DL9V1CMj.js +15 -0
  244. package/dist/ro-RO-Dfx0g3bU.js +35 -0
  245. package/dist/ro-RO-IY3AMhwm.js +28 -0
  246. package/dist/ro-RO-Ic1SzBgx.js +23 -0
  247. package/dist/ru-RU-FZb2upqh.js +13 -0
  248. package/dist/{rules-CUANHpja.js → rules-Meybz2dk.js} +45 -72
  249. package/dist/sk-SK-B7o3L57C.js +35 -0
  250. package/dist/sk-SK-BDKRZ2mM.js +28 -0
  251. package/dist/sk-SK-BSioQTMW.js +15 -0
  252. package/dist/sk-SK-CgLJIuJw.js +54 -0
  253. package/dist/sk-SK-CiD0FeLN.js +23 -0
  254. package/dist/sk-SK-Cjrkrb85.js +55 -0
  255. package/dist/sk-SK-iO863_t2.js +35 -0
  256. package/dist/sk-SK-nfeuTcY5.js +13 -0
  257. package/dist/sl-SI-BB0suyr1.js +28 -0
  258. package/dist/sl-SI-BE_ndzZ2.js +55 -0
  259. package/dist/sl-SI-BylvpF-X.js +15 -0
  260. package/dist/sl-SI-BzeVaC1Z.js +54 -0
  261. package/dist/sl-SI-C8CMAkD0.js +35 -0
  262. package/dist/sl-SI-Cth2Qa5T.js +35 -0
  263. package/dist/sl-SI-DUTZDqkP.js +13 -0
  264. package/dist/sl-SI-MZoDApq9.js +23 -0
  265. package/dist/solution-payments-DTAuLSWF.js +14 -0
  266. package/dist/style.css +1018 -1144
  267. package/dist/styles-CLV89_hH.js +1018 -1144
  268. package/dist/sv-SE-BTx2XKAp.js +13 -0
  269. package/dist/sv-SE-BryiIPVv.js +55 -0
  270. package/dist/sv-SE-Bwh0wKFk.js +35 -0
  271. package/dist/sv-SE-CVmo11gI.js +54 -0
  272. package/dist/sv-SE-DCFSf4Oj.js +23 -0
  273. package/dist/sv-SE-DYruQSzt.js +28 -0
  274. package/dist/sv-SE-Dwz1yTrB.js +15 -0
  275. package/dist/sv-SE-OPOHtqtP.js +35 -0
  276. package/dist/sv-SE-rckxD-43.js +13 -0
  277. package/dist/terminal-1-ewywjFJI.js +18 -0
  278. package/dist/types/api/companySelection/useCompanySelection.d.ts +18 -1
  279. package/dist/types/api/configurations/useScenarios.d.ts +6 -6
  280. package/dist/types/api/idNowProvider/idNowProvider.types.d.ts +1 -2
  281. package/dist/types/api/idNowProvider/useIdNowProvider.d.ts +4 -8
  282. package/dist/types/components/BankAccount/forms/BankDocument/BankDocumentRequirements.d.ts +2 -3
  283. package/dist/types/components/BankAccount/forms/BankDocument/types.d.ts +26 -24
  284. package/dist/types/components/BankAccount/forms/BankVerification/verification/widget/types.d.ts +10 -10
  285. package/dist/types/components/BankAccount/forms/PayoutDetails/types.d.ts +2 -2
  286. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +0 -306
  287. package/dist/types/components/BankAccount/pages/PayoutDetailsPage.d.ts +1 -1
  288. package/dist/types/components/Business/forms/AdditionalInformation/AdditionalInformationMultiform.d.ts +9 -0
  289. package/dist/types/components/Business/forms/AdditionalInformation/types.d.ts +2 -1
  290. package/dist/types/components/Business/forms/BasicInformation/BasicInformationMultiform.d.ts +10 -0
  291. package/dist/types/components/Business/forms/BasicInformation/types.d.ts +4 -3
  292. package/dist/types/components/Business/forms/BusinessDetails/forms.d.ts +15 -3
  293. package/dist/types/components/Business/forms/BusinessDetails/types.d.ts +5 -3
  294. package/dist/types/components/Business/forms/BusinessSelection/BusinessInformationCard/BusinessInformationCard.d.ts +3 -2
  295. package/dist/types/components/Business/forms/BusinessSelection/BusinessSelectionMultiform.d.ts +14 -0
  296. package/dist/types/components/Business/forms/BusinessSelection/types.d.ts +3 -0
  297. package/dist/types/components/Business/forms/CompanyStructure/CompanyStructureMultiform.d.ts +4 -0
  298. package/dist/types/components/Business/forms/forms.types.d.ts +14 -0
  299. package/dist/types/components/Business/forms/rules.d.ts +27 -8
  300. package/dist/types/components/Business/mapping/businessDetails/mapLegalEntityToBusinessDetailsSchema.d.ts +2 -1
  301. package/dist/types/components/Business/mapping/businessDetails/mapOrganizationTypeToCompanyType.d.ts +1 -1
  302. package/dist/types/components/Business/tasks/BusinessDetailsDropin/businessDetailsFormConfig.d.ts +1 -2
  303. package/dist/types/components/Business/tasks/BusinessDetailsDropin/businessDetailsStore.d.ts +5 -3
  304. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +4 -3
  305. package/dist/types/components/Business/tasks/BusinessDetailsDropin/utils.d.ts +0 -3
  306. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/BusinessDetailsMultiform.d.ts +18 -0
  307. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/BusinessDetailsMultiformDropin.d.ts +5 -0
  308. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/types.d.ts +2 -0
  309. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/utils.d.ts +21 -0
  310. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/validate.d.ts +22 -0
  311. package/dist/types/components/Business/utils/companyTypeMetadata.d.ts +1 -1
  312. package/dist/types/components/Business/utils/companyUtil.d.ts +3 -3
  313. package/dist/types/components/BusinessLines/pages/RootBusinessLinesPage.d.ts +5 -0
  314. package/dist/types/components/BusinessLines/tasks/BusinessLinesDropin.d.ts +5 -0
  315. package/dist/types/components/BusinessLines/tasks/BusinessLinesGettingStarted/BusinessLinesGettingStarted.d.ts +6 -0
  316. package/dist/types/components/Contract/tasks/ServiceAgreementDropin/types.d.ts +2 -2
  317. package/dist/types/components/EFP/fields/LegalFormField/types.d.ts +4 -2
  318. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +36 -336
  319. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingFinancialInformation.d.ts +0 -1
  320. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingRegisteredAddress.d.ts +1 -0
  321. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/types.d.ts +28 -19
  322. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/utils.d.ts +5 -4
  323. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/validate.d.ts +1 -0
  324. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/SOFAdditionalData/SOFFinancierModal.d.ts +1 -2
  325. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/types.d.ts +2 -2
  326. package/dist/types/components/EmbeddedDropins/BusinessFinancingComponent/utils.d.ts +2 -1
  327. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types.d.ts +3 -3
  328. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/useNavigation.d.ts +5 -5
  329. package/dist/types/components/EmbeddedDropins/ViewVerificationStatus/ViewVerificationStatusComponent.d.ts +1 -1
  330. package/dist/types/components/EmbeddedDropins/ViewVerificationStatus/content.d.ts +1 -1
  331. package/dist/types/components/Individual/fields/DecisionMakerRole/NomineeDecisionMakerRole.d.ts +6 -0
  332. package/dist/types/components/Individual/fields/DecisionMakerRole/types.d.ts +2 -2
  333. package/dist/types/components/Individual/fields/NameFields/NameFields.d.ts +0 -2
  334. package/dist/types/components/Individual/forms/Individual/PersonalDetails/types.d.ts +2 -2
  335. package/dist/types/components/Individual/forms/Individual/PersonalDetails/validate.d.ts +2 -2
  336. package/dist/types/components/Individual/forms/Individual/ProofOfRelationship/types.d.ts +8 -8
  337. package/dist/types/components/Individual/forms/Individual/ProofOfResidency/types.d.ts +18 -18
  338. package/dist/types/components/Individual/forms/Individual/rules.d.ts +1 -1
  339. package/dist/types/components/Individual/forms/Individual/types.d.ts +2 -2
  340. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/AdditionalPersonalDetails.d.ts +1 -2
  341. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/AdditionalPersonalDetails.types.d.ts +3 -2
  342. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/validate.d.ts +2 -2
  343. package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/BasicDetails.types.d.ts +2 -2
  344. package/dist/types/components/Individual/forms/IndividualOnfido/GuidanceQuestion/GuidanceQuestion.d.ts +7 -3
  345. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.d.ts +0 -1
  346. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.rules.d.ts +3 -1
  347. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts +2 -2
  348. package/dist/types/components/Individual/helpers/isOnfidoAutofillFlowEnabled.d.ts +2 -2
  349. package/dist/types/components/Individual/helpers/roleUtils.d.ts +1 -1
  350. package/dist/types/components/Individual/helpers/shouldShowMotionCapture.d.ts +3 -3
  351. package/dist/types/components/Individual/mapping/adjustOnfidoIdentificationData.d.ts +3 -0
  352. package/dist/types/components/Individual/mapping/getOnfidoIdentityTypeToApiIdentityTypeMap.d.ts +3 -0
  353. package/dist/types/components/Individual/pages/DecisionMakerDetailsPage.d.ts +1 -1
  354. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/DecisionMakerDetails.d.ts +2 -0
  355. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/DecisionMakerDetails.types.d.ts +7 -0
  356. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakersGettingStarted/DecisionMakersGettingStarted.d.ts +5 -0
  357. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakersGettingStarted/DecisionMakersModalContent.d.ts +1 -0
  358. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/IndividualOnfidoStore.d.ts +6 -0
  359. package/dist/types/components/Shared/EntityGuidanceStatus/types.d.ts +4 -4
  360. package/dist/types/components/Shared/FormFlow/FormFlow.types.d.ts +1 -1
  361. package/dist/types/components/Shared/FormNavigation/FormNavigationItem.d.ts +1 -2
  362. package/dist/types/components/Shared/Introduction/Introduction.d.ts +2 -2
  363. package/dist/types/components/Shared/Introduction/IntroductionScreen.d.ts +2 -2
  364. package/dist/types/components/Shared/Introduction/constants.d.ts +3 -3
  365. package/dist/types/components/Shared/Introduction/copy.d.ts +8 -7
  366. package/dist/types/components/Shared/Introduction/types.d.ts +11 -11
  367. package/dist/types/components/Shared/SingpassBanner/SingpassBanner.d.ts +1 -1
  368. package/dist/types/components/Shared/Summary/Summary.d.ts +0 -1
  369. package/dist/types/components/Shared/devex/DebugListener/DebugModal.d.ts +0 -1
  370. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/BusinessRegistrationNumberField.d.ts +1 -1
  371. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.d.ts +1 -1
  372. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/types.d.ts +5 -7
  373. package/dist/types/components/Shared/fields/CountryField/types.d.ts +1 -1
  374. package/dist/types/components/Shared/fields/CountryOfGoverningLawField/types.d.ts +1 -1
  375. package/dist/types/components/Shared/fields/Currency/types.d.ts +1 -1
  376. package/dist/types/components/Shared/fields/DBANameField/types.d.ts +1 -3
  377. package/dist/types/components/Shared/fields/DateOfIncorporationField/types.d.ts +1 -1
  378. package/dist/types/components/Shared/fields/EInvoicingCodeField/types.d.ts +1 -1
  379. package/dist/types/components/Shared/fields/FinancialReportingDate/types.d.ts +1 -1
  380. package/dist/types/components/Shared/fields/IdFieldTypeSelector/TaxIdNumberTypeSelector.d.ts +2 -2
  381. package/dist/types/components/Shared/fields/IdFieldTypeSelector/VatNumberTypeSelector.d.ts +2 -2
  382. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +27 -27
  383. package/dist/types/components/Shared/fields/IdFieldTypeSelector/getDefaultRegistrationNumberType.d.ts +16 -0
  384. package/dist/types/components/Shared/fields/IdFieldTypeSelector/getDefaultTaxIdNumberType.d.ts +2 -2
  385. package/dist/types/components/Shared/fields/IdFieldTypeSelector/getDefaultVatNumberType.d.ts +13 -0
  386. package/dist/types/components/Shared/fields/IdFieldTypeSelector/inferTaxIdNumberType.d.ts +2 -2
  387. package/dist/types/components/Shared/fields/LegalCompanyNameField/LegalCompanyNameField.d.ts +1 -2
  388. package/dist/types/components/Shared/fields/LegalCompanyNameField/types.d.ts +1 -1
  389. package/dist/types/components/Shared/fields/LocalizedLegalCompanyNameField/fieldConfig.d.ts +12 -0
  390. package/dist/types/components/Shared/fields/LocalizedLegalCompanyNameField/types.d.ts +5 -0
  391. package/dist/types/components/Shared/fields/NumberOfEmployees/types.d.ts +1 -1
  392. package/dist/types/components/Shared/fields/PhoneField/PhoneField.d.ts +1 -2
  393. package/dist/types/components/Shared/fields/PhoneField/types.d.ts +1 -1
  394. package/dist/types/components/Shared/fields/StateField/types.d.ts +1 -1
  395. package/dist/types/components/Shared/fields/StockExchangeMICField/types.d.ts +1 -1
  396. package/dist/types/components/Shared/fields/StockISINField/types.d.ts +1 -1
  397. package/dist/types/components/Shared/fields/StockTickerSymbol/types.d.ts +1 -1
  398. package/dist/types/components/Shared/fields/TaxInformationField/TaxInformationField.d.ts +1 -2
  399. package/dist/types/components/Shared/fields/TaxInformationField/fieldConfig.d.ts +8 -6
  400. package/dist/types/components/Shared/fields/TaxInformationField/types.d.ts +3 -7
  401. package/dist/types/components/Shared/fields/VatNumberField/VatNumberField.d.ts +1 -1
  402. package/dist/types/components/Shared/fields/VatNumberField/types.d.ts +2 -4
  403. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  404. package/dist/types/components/Shared/forms/BusinessTypeSelection/utils.d.ts +2 -2
  405. package/dist/types/components/Shared/forms/ConstitutionalDocument/types.d.ts +11 -10
  406. package/dist/types/components/Shared/forms/FinancialInformation/formatFinancialInformationSummary.d.ts +1 -1
  407. package/dist/types/components/Shared/forms/FinancialInformation/mapping/mapFinancialInformationToFinancialReport.d.ts +1 -1
  408. package/dist/types/components/Shared/forms/FinancialInformation/types.d.ts +4 -1
  409. package/dist/types/components/Shared/forms/RegistrationAddress/types.d.ts +7 -5
  410. package/dist/types/components/Shared/tasks/TaskList/TaskItemStatus.d.ts +1 -2
  411. package/dist/types/components/Shared/tasks/TaskList/TaskListItem.d.ts +1 -1
  412. package/dist/types/components/Shared/tasks/TaskList/types.d.ts +3 -4
  413. package/dist/types/components/Shared/tasks/TaskList/utils.d.ts +1 -2
  414. package/dist/types/components/Trust/forms/Trust/rules.d.ts +1 -0
  415. package/dist/types/components/Trust/forms/Trust/types.d.ts +1 -1
  416. package/dist/types/components/Trust/forms/TrustRegistrationDetails/types.d.ts +2 -2
  417. package/dist/types/components/Trust/forms/TrustRoleAndEntityType/types.d.ts +1 -2
  418. package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts +3 -3
  419. package/dist/types/components/Trust/pages/TrustDetailsPage.d.ts +1 -1
  420. package/dist/types/components/Trust/tasks/TrustMembers/CompanyTrustMemberTaskItem.d.ts +1 -1
  421. package/dist/types/components/Trust/tasks/TrustMembers/ExemptSettlorTaskItem.d.ts +1 -1
  422. package/dist/types/components/Trust/tasks/TrustMembers/RegularTrustMemberTaskItem.d.ts +1 -1
  423. package/dist/types/components/Trust/tasks/TrustMembers/RootTrusteeTaskItem.d.ts +1 -1
  424. package/dist/types/components/Trust/tasks/TrustMembers/types.d.ts +6 -6
  425. package/dist/types/components/Trust/utils/trustMemberGuidance.d.ts +7 -6
  426. package/dist/types/components/Trust/utils/trustMemberRequirements.d.ts +1 -1
  427. package/dist/types/components/UnincorporatedPartnership/hooks/useUnincorporatedPartnershipNavigation.d.ts +6 -6
  428. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipMembers/types.d.ts +5 -5
  429. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/UnincorporatedPartnershipRadioGroup.d.ts +4 -5
  430. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/UnincorporatedPartnershipRoleAndType.d.ts +1 -2
  431. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/types.d.ts +2 -2
  432. package/dist/types/components/ui/atoms/Accordion/Accordion.d.ts +1 -2
  433. package/dist/types/components/ui/atoms/Button/Button.d.ts +2 -3
  434. package/dist/types/components/ui/atoms/Button/Button.types.d.ts +3 -3
  435. package/dist/types/components/ui/atoms/Field/Field.d.ts +3 -6
  436. package/dist/types/components/ui/atoms/Field/Field.types.d.ts +9 -12
  437. package/dist/types/components/ui/atoms/FormHeader/FormHeader.d.ts +4 -6
  438. package/dist/types/components/ui/atoms/InputBase/InputBase.d.ts +4 -4
  439. package/dist/types/components/ui/atoms/List/List.d.ts +12 -0
  440. package/dist/types/components/ui/atoms/ListItem/ListItem.d.ts +16 -0
  441. package/dist/types/components/ui/atoms/Modal/MaybeModal.d.ts +1 -1
  442. package/dist/types/components/ui/atoms/RadioGroupCard/RadioGroupCard.types.d.ts +3 -3
  443. package/dist/types/components/ui/atoms/Remove/Remove.d.ts +1 -2
  444. package/dist/types/components/ui/atoms/Select/Select.d.ts +1 -2
  445. package/dist/types/components/ui/atoms/Select/Select.types.d.ts +1 -0
  446. package/dist/types/components/ui/atoms/SelectButton/SelectButton.d.ts +1 -2
  447. package/dist/types/components/ui/atoms/SelectButton/SelectButton.types.d.ts +3 -4
  448. package/dist/types/components/ui/atoms/SelectList/SelectList.d.ts +1 -2
  449. package/dist/types/components/ui/atoms/SelectList/SelectList.types.d.ts +2 -2
  450. package/dist/types/components/ui/atoms/SelectListItem/SelectListItem.types.d.ts +3 -3
  451. package/dist/types/components/ui/atoms/Svg/svgs.d.ts +18 -0
  452. package/dist/types/components/ui/atoms/TaskStatusIndicator/TaskStatusIndicator.d.ts +1 -1
  453. package/dist/types/components/ui/atoms/TextArea/TextArea.d.ts +1 -2
  454. package/dist/types/components/ui/atoms/Tile/Tile.d.ts +1 -2
  455. package/dist/types/components/ui/layout/LandingLayout/LandingLayout.d.ts +11 -0
  456. package/dist/types/components/ui/layout/StackLayout/StackLayout.d.ts +8 -0
  457. package/dist/types/components/ui/molecules/Alert/VerificationErrorAlert.d.ts +1 -1
  458. package/dist/types/components/ui/molecules/Alert/types.d.ts +1 -0
  459. package/dist/types/components/ui/molecules/Card/Card.d.ts +1 -2
  460. package/dist/types/components/ui/molecules/Card/types.d.ts +3 -3
  461. package/dist/types/components/ui/molecules/DocumentGuidance/DocumentGuidance.types.d.ts +2 -2
  462. package/dist/types/components/ui/molecules/Dropzone/Dropzone.d.ts +1 -2
  463. package/dist/types/components/ui/molecules/Dropzone/FilePicker.d.ts +2 -4
  464. package/dist/types/components/ui/molecules/EmbeddedStatus/EmbeddedStatus.d.ts +3 -3
  465. package/dist/types/components/ui/molecules/EmbeddedStatus/statusToTag.d.ts +4 -4
  466. package/dist/types/components/ui/molecules/FormEndState/FormEndState.d.ts +0 -1
  467. package/dist/types/components/ui/molecules/InputCurrency/InputCurrency.d.ts +1 -2
  468. package/dist/types/components/ui/molecules/InputDate/InputDate.d.ts +3 -3
  469. package/dist/types/components/ui/molecules/MaskedInput/MaskedInput.d.ts +2 -2
  470. package/dist/types/constants/keys.d.ts +2 -0
  471. package/dist/types/context/ExperimentContext/types.d.ts +52 -36
  472. package/dist/types/context/SettingsContext/types.d.ts +24 -24
  473. package/dist/types/core/EmbedShell/EmbedShell.d.ts +1 -0
  474. package/dist/types/core/UIElement/UIElement.d.ts +1 -0
  475. package/dist/types/core/models/api/company-types-value.d.ts +12 -11
  476. package/dist/types/core/models/api/decision-maker-type.d.ts +7 -6
  477. package/dist/types/core/models/api/entity-type.d.ts +5 -4
  478. package/dist/types/core/models/api/financialReport.d.ts +2 -2
  479. package/dist/types/core/models/api/get-scenarios.d.ts +18 -18
  480. package/dist/types/core/models/api/individual.d.ts +1 -0
  481. package/dist/types/core/models/api/legal-arrangement.d.ts +10 -2
  482. package/dist/types/core/models/api/legal-entity-association.d.ts +2 -2
  483. package/dist/types/core/models/api/legal-entity-type.d.ts +8 -7
  484. package/dist/types/core/models/api/organization.d.ts +8 -0
  485. package/dist/types/core/models/api/trust-member-type.d.ts +8 -8
  486. package/dist/types/core/models/api/trusted-fields-provider.d.ts +5 -4
  487. package/dist/types/core/models/api/unincorporated-partnership.d.ts +6 -6
  488. package/dist/types/core/models/api/verification-error.d.ts +8 -7
  489. package/dist/types/core/models/api/verification-status.d.ts +7 -6
  490. package/dist/types/core/models/api/view-verification-status.d.ts +8 -7
  491. package/dist/types/core/user-events.d.ts +1 -1
  492. package/dist/types/embeds/business-financing/AdyenBusinessFinancing.d.ts +1 -1
  493. package/dist/types/embeds/business-financing/adyen-business-financing.types.d.ts +6 -1
  494. package/dist/types/embeds/individual/adyen-individual.types.d.ts +6 -1
  495. package/dist/types/embeds/onboarding/AdyenOnboarding.d.ts +1 -0
  496. package/dist/types/embeds/onboarding/adyen-onboarding.types.d.ts +4 -1
  497. package/dist/types/embeds/terms-of-service/adyen-terms-of-service.types.d.ts +7 -1
  498. package/dist/types/embeds/transfer-instrument/AdyenTransferInstrument.d.ts +2 -1
  499. package/dist/types/embeds/transfer-instrument/adyen-transfer-instrument.types.d.ts +7 -2
  500. package/dist/types/hooks/introduction/useIntroductionScreens.d.ts +4 -4
  501. package/dist/types/hooks/singpass/useSingpassMyInfoLogin.d.ts +7 -6
  502. package/dist/types/hooks/useBusinessSetup.d.ts +11 -10
  503. package/dist/types/hooks/useDataMissingRemediations.d.ts +2 -2
  504. package/dist/types/hooks/useForm/types.d.ts +0 -2
  505. package/dist/types/hooks/useFormComposer.d.ts +1 -1
  506. package/dist/types/hooks/useLegalCompanyNameField/useLegalCompanyNameField.d.ts +31 -0
  507. package/dist/types/hooks/useLegalEntityType.d.ts +1 -1
  508. package/dist/types/hooks/useMultiForm/types.d.ts +38 -36
  509. package/dist/types/hooks/useMultiForm/useMultiForm.d.ts +1 -1
  510. package/dist/types/hooks/useScenarioConfiguration.d.ts +2 -2
  511. package/dist/types/language/Language.d.ts +1 -7
  512. package/dist/types/language/i18n.d.ts +2 -0
  513. package/dist/types/language/types.d.ts +5 -0
  514. package/dist/types/language/utils.d.ts +11 -2
  515. package/dist/types/stores/globalStore/calculateTaskStatus.d.ts +2 -2
  516. package/dist/types/stores/globalStore/determineTaskIdentifiers.d.ts +2 -2
  517. package/dist/types/stores/globalStore/get-task-status.d.ts +2 -2
  518. package/dist/types/stores/globalStore/globalStore.d.ts +7 -7
  519. package/dist/types/stores/globalStore/taskStatus.d.ts +17 -16
  520. package/dist/types/stores/globalStore/taskTypes.d.ts +37 -35
  521. package/dist/types/types/datasets/country-code.d.ts +249 -249
  522. package/dist/types/types/datasets/currency.d.ts +25 -25
  523. package/dist/types/types/datasets/province-code.d.ts +46 -46
  524. package/dist/types/types/datasets/state-code.d.ts +84 -84
  525. package/dist/types/types/errors/entity-problems.d.ts +3 -4
  526. package/dist/types/types/form-rules.d.ts +2 -2
  527. package/dist/types/utils/api/processValidationErrors.d.ts +2 -2
  528. package/dist/types/utils/birthDateUtils.d.ts +3 -3
  529. package/dist/types/utils/decisionMaker.d.ts +4 -3
  530. package/dist/types/utils/decisionMakerRoles.d.ts +4 -3
  531. package/dist/types/utils/entityAssociationUtil.d.ts +4 -5
  532. package/dist/types/utils/entityStatusUtil.d.ts +3 -3
  533. package/dist/types/utils/eventHandlers/handleKeys.d.ts +2 -2
  534. package/dist/types/utils/formUtils.d.ts +2 -2
  535. package/dist/types/utils/getDisplayErrorMessage.d.ts +2 -2
  536. package/dist/types/utils/getName.d.ts +2 -2
  537. package/dist/types/utils/makeSelectItemForRole.d.ts +2 -2
  538. package/dist/types/utils/masking/masks/businessRegistrationNumberMasks.d.ts +1 -0
  539. package/dist/types/utils/regex/patternValidators.d.ts +3 -0
  540. package/dist/types/utils/roleMetadata.d.ts +3 -3
  541. package/dist/types/utils/simulateTextChangeFromKeyboardEvent.d.ts +2 -2
  542. package/dist/types/utils/translation.d.ts +40 -0
  543. package/dist/types/utils/urlUtils.d.ts +1 -0
  544. package/dist/types/utils/validatorUtils.d.ts +2 -0
  545. package/dist/{useMultiForm-Bwx2nVhh.js → useMultiForm-BQmE_nfY.js} +158 -135
  546. package/dist/{useOnboardingStatus-Cwba-HzS.js → useOnboardingStatus-DJdV6bAG.js} +2 -2
  547. package/dist/{useTermsOfServiceStatus-C-i9mF4m.js → useTermsOfServiceStatus-BX4GiDbz.js} +2 -2
  548. package/dist/{useUpdateLegalEntity-xQlAqIqy.js → useUpdateLegalEntity-BfnvHQJj.js} +2 -2
  549. package/dist/{utils-DXv7uAh6.js → utils-1zLleVnu.js} +30 -23
  550. package/dist/{validate-CuwYJGc9.js → validate-BweJRQFE.js} +9 -3
  551. package/dist/{validate-BN5p-GhK.js → validate-Cy6vBhF2.js} +2 -2
  552. package/dist/view-verification-status-VFcBydkR.js +21 -0
  553. package/dist/zh-CN-wUb4MmTZ.js +13 -0
  554. package/dist/zh-TW-DNTXHLKa.js +13 -0
  555. package/package.json +28 -52
  556. package/dist/DecisionMakers-BKhtcs_K.js +0 -222
  557. package/dist/FormEndState-C3HCmXcw.js +0 -32
  558. package/dist/ManagePCIComponent-Blj60xLa.js +0 -33
  559. package/dist/RootBusinessDetailsPage-BTYIldSf.js +0 -42
  560. package/dist/SourceOfFunds.module-xwHIboir.js +0 -128
  561. package/dist/adyen-manage-pci.js +0 -48
  562. package/dist/adyen-sign-pci.js +0 -62
  563. package/dist/adyen-terms-of-service.vue_vue_type_script_lang-BD4hndWg.js +0 -42
  564. package/dist/adyen-transfer-instrument.vue_vue_type_script_lang-BE-ro1iH.js +0 -53
  565. package/dist/bg-BG-COTwZXwN.js +0 -2040
  566. package/dist/cs-CZ-DUlgJKVq.js +0 -2040
  567. package/dist/css-CQUoQdd2.js +0 -24
  568. package/dist/da-DK-BDzDHhVR.js +0 -2040
  569. package/dist/de-DE-B3TpRjZX.js +0 -994
  570. package/dist/de-DE-DJdgXqS_.js +0 -2040
  571. package/dist/el-GR-CFEuLvxK.js +0 -994
  572. package/dist/el-GR-D5i9BNyh.js +0 -2040
  573. package/dist/en-US-ghR-1_C2.js +0 -994
  574. package/dist/es-ES-BtWn2FOQ.js +0 -994
  575. package/dist/es-ES-VOSWszW5.js +0 -2040
  576. package/dist/et-EE-Bp4Ngsn4.js +0 -2040
  577. package/dist/fi-FI-DaujOE-a.js +0 -2040
  578. package/dist/fr-FR-BdPZxk11.js +0 -2040
  579. package/dist/fr-FR-HvIkGqJf.js +0 -994
  580. package/dist/hr-HR-BY7C7NxY.js +0 -2040
  581. package/dist/hu-HU-DHCty-Tc.js +0 -2040
  582. package/dist/it-IT-BMsuhZEQ.js +0 -2040
  583. package/dist/it-IT-CjbZahlB.js +0 -994
  584. package/dist/ja-JP-4jufT0xh.js +0 -994
  585. package/dist/ja-JP-BYDz1z2G.js +0 -2040
  586. package/dist/json-DWikzB4g.js +0 -31
  587. package/dist/lt-LT-DNJ9V9xV.js +0 -2040
  588. package/dist/lv-LV-CFJwN5wq.js +0 -2040
  589. package/dist/nl-NL-B3xjfpMi.js +0 -994
  590. package/dist/nl-NL-DibAf790.js +0 -2040
  591. package/dist/no-NO-DHCy5rXx.js +0 -2040
  592. package/dist/pl-PL-eZBNH5HH.js +0 -2040
  593. package/dist/preact/adyen-individual.js +0 -15
  594. package/dist/preact/adyen-manage-individual.js +0 -15
  595. package/dist/preact/adyen-terms-of-service.js +0 -16
  596. package/dist/preact/adyen-transfer-instrument.js +0 -16
  597. package/dist/pt-PT-BpYDD-PX.js +0 -994
  598. package/dist/pt-PT-CiN_Wmfe.js +0 -2040
  599. package/dist/ro-RO-CgyMTvLc.js +0 -2040
  600. package/dist/ru-RU-BlgIj-Q4.js +0 -994
  601. package/dist/sk-SK-B5qlQB_U.js +0 -2040
  602. package/dist/sl-SI-8PPfrGzL.js +0 -2040
  603. package/dist/sv-SE-7lcf_fB9.js +0 -994
  604. package/dist/sv-SE-ZWLw6D3j.js +0 -2040
  605. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationDisclaimer/IdVerificationDisclaimer.d.ts +0 -1
  606. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationHeader/IdVerificationHeader.d.ts +0 -1
  607. package/dist/types/components/Individual/forms/IndividualOnfido/UboQuestionnaire/RichText.d.ts +0 -5
  608. package/dist/types/embeds/individual/AdyenIndividualPreact.d.ts +0 -3
  609. package/dist/types/embeds/manage-individual/AdyenManageIndividualPreact.d.ts +0 -3
  610. package/dist/types/embeds/manage-pci/AdyenManagePci.d.ts +0 -12
  611. package/dist/types/embeds/manage-pci/adyen-manage-pci.d.ts +0 -1
  612. package/dist/types/embeds/manage-pci/adyen-manage-pci.types.d.ts +0 -39
  613. package/dist/types/embeds/sign-pci/AdyenSignPci.d.ts +0 -15
  614. package/dist/types/embeds/sign-pci/adyen-sign-pci.d.ts +0 -1
  615. package/dist/types/embeds/sign-pci/adyen-sign-pci.types.d.ts +0 -43
  616. package/dist/types/embeds/terms-of-service/AdyenTermsOfServicePreact.d.ts +0 -3
  617. package/dist/types/embeds/transfer-instrument/AdyenTransferInstrumentPreact.d.ts +0 -3
  618. package/dist/types/utils/sanitizeHtml.d.ts +0 -3
  619. package/dist/types/utils/useStateFromProp.d.ts +0 -9
  620. package/dist/useSalesChannelsSettings-BLzegVJh.js +0 -51
  621. package/dist/view-verification-status-DTkA8PtO.js +0 -20
  622. package/dist/vue/adyen-individual.js +0 -53
  623. package/dist/vue/adyen-manage-individual.js +0 -56
  624. package/dist/vue/adyen-terms-of-service.js +0 -28
  625. package/dist/vue/adyen-transfer-instrument.js +0 -30
  626. package/dist/yaml-jFdy-qnY.js +0 -22
  627. package/dist/zh-CN-xYZH718R.js +0 -994
  628. package/dist/zh-TW-DqBBNurv.js +0 -994
package/dist/style.css CHANGED
@@ -14,7 +14,7 @@
14
14
  .adyen-kyc-loader {
15
15
  animation: adyen-kyc-rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
16
16
  border-radius: 50%;
17
- border: var(--adyen-kyc-border-default-l);
17
+ border: var(--adyen-sdk-border-default-l);
18
18
  border-top-color: var(--adyen-sdk-color-outline-inverse-primary);
19
19
  height: 43px;
20
20
  width: 43px;
@@ -105,7 +105,7 @@
105
105
  transform: scale(0.95);
106
106
  }
107
107
  .adyen-kyc-button:focus-visible {
108
- outline-color: var(--adyen-sdk-color-label-primary, #00112c);
108
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
109
109
  }
110
110
  .adyen-kyc-button[disabled] {
111
111
  pointer-events: none;
@@ -135,95 +135,95 @@
135
135
  }
136
136
 
137
137
  .adyen-kyc-button-variant-primary {
138
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
138
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
139
139
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
140
140
  fill: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
141
141
  }
142
142
  @media (hover: hover) {
143
143
  .adyen-kyc-button-variant-primary:hover {
144
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
145
- color: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
146
- fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
144
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
145
+ color: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
146
+ fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
147
147
  }
148
148
  }
149
149
  .adyen-kyc-button-variant-primary[disabled] {
150
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
151
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
152
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
150
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
151
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
152
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
153
153
  }
154
154
 
155
155
  .adyen-kyc-button-variant-secondary {
156
156
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
157
- color: var(--adyen-sdk-color-label-primary, #00112c);
158
- fill: var(--adyen-sdk-color-label-primary, #00112c);
159
- border: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
157
+ color: var(--adyen-sdk-color-label-primary, #001222);
158
+ fill: var(--adyen-sdk-color-label-primary, #001222);
159
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
160
160
  }
161
161
  @media (hover: hover) {
162
162
  .adyen-kyc-button-variant-secondary:hover {
163
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
164
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
165
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
166
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
163
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
164
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
165
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
166
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
167
167
  }
168
168
  }
169
169
  .adyen-kyc-button-variant-secondary[disabled] {
170
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
171
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
170
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
171
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
172
172
  }
173
173
 
174
174
  .adyen-kyc-button-variant-tertiary {
175
175
  background-color: transparent;
176
- color: var(--adyen-sdk-color-label-primary, #00112c);
177
- fill: var(--adyen-sdk-color-label-primary, #00112c);
176
+ color: var(--adyen-sdk-color-label-primary, #001222);
177
+ fill: var(--adyen-sdk-color-label-primary, #001222);
178
178
  }
179
179
  @media (hover: hover) {
180
180
  .adyen-kyc-button-variant-tertiary:hover {
181
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
182
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
183
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
181
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
182
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
183
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
184
184
  }
185
185
  }
186
186
  .adyen-kyc-button-variant-tertiary[disabled] {
187
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
188
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
189
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
187
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
188
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
189
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
190
190
  }
191
191
 
192
192
  .adyen-kyc-button-variant-critical {
193
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
193
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
194
194
  color: var(--adyen-sdk-color-label-on-color, #ffffff);
195
195
  fill: var(--adyen-sdk-color-label-on-color, #ffffff);
196
196
  }
197
197
  @media (hover: hover) {
198
198
  .adyen-kyc-button-variant-critical:hover {
199
- background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c72727);
199
+ background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c13101);
200
200
  }
201
201
  }
202
202
  .adyen-kyc-button-variant-critical[disabled] {
203
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
204
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
205
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
203
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
204
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
205
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
206
206
  }
207
207
 
208
208
  .adyen-kyc-button-variant-link {
209
209
  background-color: transparent;
210
- color: var(--adyen-sdk-color-label-primary, #00112c);
211
- fill: var(--adyen-sdk-color-label-primary, #00112c);
210
+ color: var(--adyen-sdk-color-label-primary, #001222);
211
+ fill: var(--adyen-sdk-color-label-primary, #001222);
212
212
  padding: var(--adyen-sdk-spacer-000, 0px);
213
213
  text-decoration: underline;
214
214
  }
215
215
  @media (hover: hover) {
216
216
  .adyen-kyc-button-variant-link:hover {
217
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
218
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
217
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
218
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
219
219
  text-decoration: none;
220
220
  }
221
221
  }
222
222
 
223
223
  .adyen-kyc-button-variant-surface {
224
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
225
- color: var(--adyen-sdk-color-label-primary, #00112c);
226
- fill: var(--adyen-sdk-color-label-primary, #00112c);
224
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
225
+ color: var(--adyen-sdk-color-label-primary, #001222);
226
+ fill: var(--adyen-sdk-color-label-primary, #001222);
227
227
  }
228
228
  @supports (backdrop-filter: blur(10px)) {
229
229
  .adyen-kyc-button-variant-surface {
@@ -234,8 +234,8 @@
234
234
  @media (hover: hover) {
235
235
  .adyen-kyc-button-variant-surface:hover {
236
236
  background-color: #eeeff1;
237
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
238
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
237
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
238
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
239
239
  }
240
240
  @supports (backdrop-filter: blur(10px)) {
241
241
  .adyen-kyc-button-variant-surface:hover {
@@ -245,8 +245,8 @@
245
245
  }
246
246
  .adyen-kyc-button-variant-surface[disabled] {
247
247
  background-color: #f7f7f8;
248
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
249
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
248
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
249
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
250
250
  }
251
251
 
252
252
  .adyen-kyc-button-spinner {
@@ -268,11 +268,8 @@
268
268
  opacity: 1;
269
269
  transform: scale(1);
270
270
  }
271
- }/**
272
- /* @deprecated - do not use this
273
- */
274
- .adyen-kyc-checkbox__label {
275
- color: var(--adyen-sdk-color-label-primary, #00112c);
271
+ }.adyen-kyc-checkbox__label {
272
+ color: var(--adyen-sdk-color-label-primary, #001222);
276
273
  cursor: pointer;
277
274
  display: inline-block;
278
275
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -284,7 +281,7 @@
284
281
  width: calc(100% - 32px); /* leaves space for the error icon */
285
282
  }
286
283
  .adyen-kyc-checkbox__helper-text {
287
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
284
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
288
285
  display: block;
289
286
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
290
287
  padding-left: var(--adyen-sdk-spacer-090, 24px);
@@ -294,27 +291,28 @@
294
291
  opacity: 0;
295
292
  pointer-events: none;
296
293
  position: absolute;
297
- /* Check */
298
- /* Box */
299
294
  }
300
295
  .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
301
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
296
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
302
297
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
303
298
  transition-property: box-shadow;
304
299
  }
305
300
  .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
306
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
301
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
307
302
  }
308
303
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
309
304
  opacity: 1;
310
305
  }
311
306
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
312
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
313
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
307
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
308
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
314
309
  }
315
310
  .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
316
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
317
- border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
311
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
312
+ border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
313
+ }
314
+ .adyen-kyc-checkbox__input {
315
+ /* Check */
318
316
  }
319
317
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
320
318
  border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
@@ -330,9 +328,12 @@
330
328
  width: 5px;
331
329
  z-index: 1;
332
330
  }
331
+ .adyen-kyc-checkbox__input {
332
+ /* Box */
333
+ }
333
334
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
334
335
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
335
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
336
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
336
337
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
337
338
  content: "";
338
339
  height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
@@ -346,22 +347,18 @@
346
347
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
347
348
  width: 100%;
348
349
  }
349
-
350
- .adyen-kyc-label {
351
- display: block;
352
- }
353
- .adyen-kyc-label--disabled {
354
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
350
+ .adyen-kyc-field--disabled {
351
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
355
352
  opacity: 0.5;
356
353
  pointer-events: none;
357
354
  }
358
355
 
359
356
  .adyen-kyc-optional-label {
360
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
357
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
361
358
  }
362
359
 
363
360
  .adyen-kyc-label__text {
364
- color: var(--adyen-sdk-color-label-primary, #00112c);
361
+ color: var(--adyen-sdk-color-label-primary, #001222);
365
362
  display: block;
366
363
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
367
364
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
@@ -369,7 +366,7 @@
369
366
  }
370
367
 
371
368
  .adyen-kyc-helper-text {
372
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
369
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
373
370
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
374
371
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
375
372
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -384,7 +381,7 @@
384
381
  margin-top: var(--adyen-sdk-spacer-020, 4px);
385
382
  }
386
383
  .adyen-kyc-helper-text__valid-format-check {
387
- color: var(--adyen-sdk-color-label-success, #07893c);
384
+ color: var(--adyen-sdk-color-label-success, #008845);
388
385
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
389
386
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
390
387
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -393,16 +390,12 @@
393
390
  }
394
391
 
395
392
  .adyen-kyc-label__text--error {
396
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
397
- }
398
-
399
- .adyen-kyc-label--focused .adyen-kyc-label__text {
400
- color: var(--adyen-sdk-color-label-primary, #00112c);
393
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
401
394
  }
402
395
 
403
396
  .adyen-kyc-error-text {
404
397
  align-items: center;
405
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
398
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
406
399
  display: flex;
407
400
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
408
401
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -414,7 +407,7 @@
414
407
 
415
408
  .adyen-kyc-guidance-text {
416
409
  align-items: center;
417
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
410
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
418
411
  display: flex;
419
412
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
420
413
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -429,7 +422,7 @@
429
422
  flex-direction: column;
430
423
  }
431
424
  .adyen-kyc-upload-field__subtitle {
432
- color: var(--adyen-sdk-color-label-primary, #00112c);
425
+ color: var(--adyen-sdk-color-label-primary, #001222);
433
426
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
434
427
  }
435
428
 
@@ -440,15 +433,6 @@
440
433
  }
441
434
  .adyen-kyc-input-wrapper--block {
442
435
  display: block;
443
- }.adyen-kyc-screen-reader-only {
444
- border: 0;
445
- clip: rect(0, 0, 0, 0);
446
- height: 1px;
447
- overflow: hidden;
448
- padding: 0 !important;
449
- position: absolute;
450
- white-space: nowrap;
451
- width: 1px;
452
436
  }.adyen-kyc-loader-wrapper-loader {
453
437
  display: none;
454
438
  height: 100%;
@@ -465,13 +449,13 @@
465
449
  .adyen-kyc-toast {
466
450
  align-items: center;
467
451
  animation: adyen-kyc-present-toast 400ms var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
468
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
452
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
469
453
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
470
- border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
454
+ border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
471
455
  bottom: var(--adyen-sdk-spacer-070, 16px);
472
- box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06));
456
+ box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
473
457
  display: flex;
474
- fill: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
458
+ fill: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
475
459
  gap: var(--adyen-sdk-spacer-040, 8px);
476
460
  justify-content: flex-start;
477
461
  left: 50%;
@@ -494,13 +478,13 @@
494
478
  }
495
479
 
496
480
  .adyen-kyc-toast-image-success {
497
- color: var(--adyen-sdk-color-decorative-green, #09ab4b);
498
- fill: var(--adyen-sdk-color-decorative-green, #09ab4b);
481
+ color: var(--adyen-sdk-color-decorative-green, #00d16a);
482
+ fill: var(--adyen-sdk-color-decorative-green, #00d16a);
499
483
  }
500
484
 
501
485
  .adyen-kyc-toast-image-error {
502
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
503
- fill: var(--adyen-sdk-color-label-critical, #e22d2d);
486
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
487
+ fill: var(--adyen-sdk-color-label-critical, #dc3801);
504
488
  }
505
489
 
506
490
  .adyen-kyc-toast-label {
@@ -521,11 +505,11 @@
521
505
  gap: var(--adyen-sdk-spacer-040, 8px);
522
506
  }
523
507
  .adyen-kyc-toast-actions button:focus-visible {
524
- outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9ea6b1);
508
+ outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9da5ac);
525
509
  }
526
510
 
527
511
  .adyen-kyc-toast-action-close {
528
- border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
512
+ border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
529
513
  padding-left: var(--adyen-sdk-spacer-040, 8px);
530
514
  }
531
515
 
@@ -542,7 +526,7 @@
542
526
  .adyen-kyc-modal {
543
527
  background-color: var(--adyen-sdk-color-background-modal, #ffffff);
544
528
  border: var(--adyen-sdk-spacer-000, 0px);
545
- box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06));
529
+ box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
546
530
  display: flex;
547
531
  flex-direction: column;
548
532
  overflow: hidden;
@@ -646,7 +630,7 @@
646
630
  animation-name: adyen-kyc-backdrop-dissolve;
647
631
  animation-duration: 400ms;
648
632
  animation-timing-function: ease;
649
- background-color: var(--adyen-sdk-color-support-overlay, #00112c);
633
+ background-color: var(--adyen-sdk-color-support-overlay, #001222);
650
634
  opacity: 0.5;
651
635
  backdrop-filter: blur(10px);
652
636
  }
@@ -705,15 +689,12 @@
705
689
 
706
690
  .adyen-kyc-modal-footer {
707
691
  align-items: center;
708
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
692
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
709
693
  display: flex;
710
694
  gap: var(--adyen-sdk-spacer-040, 8px);
711
695
  justify-content: flex-end;
712
696
  padding: var(--adyen-sdk-spacer-070, 16px);
713
- }/**
714
- /* @deprecated - do not use this
715
- */
716
- /* for container queries */
697
+ }/* for container queries */
717
698
  .adyen-kyc-dropdown {
718
699
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
719
700
  max-width: 100%;
@@ -726,7 +707,7 @@
726
707
 
727
708
  .adyen-kyc-dropdown-list {
728
709
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
729
- box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
710
+ box-shadow: 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));
730
711
  z-index: 2;
731
712
  }
732
713
  .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
@@ -747,7 +728,7 @@
747
728
 
748
729
  .adyen-kyc-dropdown-element {
749
730
  border: var(--adyen-sdk-border-width-s, 1px) solid transparent;
750
- color: var(--adyen-sdk-color-label-primary, #00112c);
731
+ color: var(--adyen-sdk-color-label-primary, #001222);
751
732
  cursor: pointer;
752
733
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
753
734
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -774,12 +755,12 @@
774
755
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
775
756
  }
776
757
  .adyen-kyc-dropdown-search-element__addresses {
777
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
758
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
778
759
  display: flex;
779
760
  }
780
761
  .adyen-kyc-dropdown-search-element__addresses--icon {
781
762
  align-items: center;
782
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
763
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
783
764
  display: flex;
784
765
  margin-left: var(--adyen-sdk-spacer-040, 8px);
785
766
  }
@@ -800,11 +781,11 @@
800
781
  .adyen-kyc-dropdown-element:hover,
801
782
  .adyen-kyc-dropdown-element:focus,
802
783
  .adyen-kyc-dropdown-element:active {
803
- background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
784
+ background: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
804
785
  }
805
786
 
806
787
  .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
807
- background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
788
+ background: var(--adyen-sdk-color-background-primary-active, #ecedef);
808
789
  }
809
790
 
810
791
  .adyen-kyc-dropdown-element--disabled {
@@ -827,10 +808,7 @@
827
808
 
828
809
  .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
829
810
  right: 32px;
830
- }/**
831
- /* @deprecated - do not use this
832
- */
833
- .adyen-kyc-dropdown {
811
+ }.adyen-kyc-dropdown {
834
812
  position: relative;
835
813
  }
836
814
 
@@ -870,16 +848,13 @@
870
848
 
871
849
  .adyen-kyc-dropdown-handle-pointer-events {
872
850
  pointer-events: auto;
873
- }/**
874
- /* @deprecated - do not use this
875
- */
876
- .adyen-kyc-select-input-wrapper {
851
+ }.adyen-kyc-select-input-wrapper {
877
852
  align-items: center;
878
853
  display: flex;
879
854
  background: var(--adyen-sdk-color-background-primary, #ffffff);
880
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
855
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
881
856
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
882
- color: var(--adyen-sdk-color-label-primary, #00112c);
857
+ color: var(--adyen-sdk-color-label-primary, #001222);
883
858
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
884
859
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
885
860
  min-height: 40px;
@@ -891,7 +866,7 @@
891
866
  }
892
867
 
893
868
  .adyen-kyc-select-input-wrapper:hover {
894
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
869
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
895
870
  }
896
871
 
897
872
  .adyen-kyc-select-input__icon svg {
@@ -909,21 +884,21 @@
909
884
  .adyen-kyc-select-input--active:hover,
910
885
  .adyen-kyc-select-input-wrapper:active,
911
886
  .adyen-kyc-select-input-wrapper:focus {
912
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
913
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
887
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
888
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
914
889
  }
915
890
 
916
891
  .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
917
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
918
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
892
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
893
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
919
894
  cursor: not-allowed;
920
895
  pointer-events: none;
921
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
896
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
922
897
  }
923
898
 
924
899
  .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
925
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
926
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
900
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
901
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
927
902
  cursor: not-allowed;
928
903
  pointer-events: none;
929
904
  }
@@ -933,13 +908,13 @@
933
908
  }
934
909
 
935
910
  .adyen-kyc-select-input--invalid {
936
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
911
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
937
912
  }
938
913
 
939
914
  .adyen-kyc-select-input--minimal {
940
915
  min-height: unset;
941
916
  height: 100%;
942
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
917
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
943
918
  border: none;
944
919
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
945
920
  }
@@ -950,7 +925,7 @@
950
925
  width: 100%;
951
926
  }
952
927
  .adyen-kyc-select-input-search__icon {
953
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
928
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
954
929
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
955
930
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
956
931
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -958,7 +933,7 @@
958
933
  padding-right: var(--adyen-sdk-spacer-040, 8px);
959
934
  }
960
935
  .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
961
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
936
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
962
937
  }
963
938
 
964
939
  .adyen-kyc-select-input-search::after {
@@ -990,8 +965,8 @@
990
965
 
991
966
  .adyen-kyc-select-input--filterable {
992
967
  border: 0;
993
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
994
- color: var(--adyen-sdk-color-label-primary, #00112c);
968
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
969
+ color: var(--adyen-sdk-color-label-primary, #001222);
995
970
  font-family: inherit;
996
971
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
997
972
  height: 100%;
@@ -999,7 +974,7 @@
999
974
  width: 100%;
1000
975
  }
1001
976
  .adyen-kyc-select-input--filterable::placeholder {
1002
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
977
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1003
978
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1004
979
  }
1005
980
  .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
@@ -1011,7 +986,7 @@
1011
986
  }
1012
987
 
1013
988
  .adyen-kyc-select-input--placeholder {
1014
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
989
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1015
990
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1016
991
  }
1017
992
 
@@ -1021,12 +996,9 @@
1021
996
 
1022
997
  .adyen-kyc-handle-pointer-events {
1023
998
  pointer-events: auto;
1024
- }/**
1025
- /* @deprecated - do not use this
1026
- */
1027
- /* for container queries */
999
+ }/* for container queries */
1028
1000
  .adyen-kyc-typography {
1029
- color: var(--adyen-sdk-color-label-primary, #00112c);
1001
+ color: var(--adyen-sdk-color-label-primary, #001222);
1030
1002
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1031
1003
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1032
1004
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1110,34 +1082,34 @@
1110
1082
  }
1111
1083
  }
1112
1084
  .adyen-kyc-typography--primary {
1113
- color: var(--adyen-sdk-color-label-primary, #00112c);
1085
+ color: var(--adyen-sdk-color-label-primary, #001222);
1114
1086
  }
1115
1087
  .adyen-kyc-typography--secondary {
1116
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1088
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1117
1089
  }
1118
1090
  .adyen-kyc-typography--tertiary {
1119
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1091
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1120
1092
  }
1121
1093
  .adyen-kyc-typography--disabled {
1122
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1094
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1123
1095
  }
1124
1096
  .adyen-kyc-typography--success {
1125
- color: var(--adyen-sdk-color-label-success, #07893c);
1097
+ color: var(--adyen-sdk-color-label-success, #008845);
1126
1098
  }
1127
1099
  .adyen-kyc-typography--warning {
1128
- color: var(--adyen-sdk-color-label-warning, #b06300);
1100
+ color: var(--adyen-sdk-color-label-warning, #ab6600);
1129
1101
  }
1130
1102
  .adyen-kyc-typography--critical {
1131
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1103
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1132
1104
  }
1133
1105
  .adyen-kyc-typography--highlight {
1134
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1106
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1135
1107
  }
1136
1108
  .adyen-kyc-typography--inverse-primary {
1137
1109
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
1138
1110
  }
1139
1111
  .adyen-kyc-typography--inverse-secondary {
1140
- color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
1112
+ color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
1141
1113
  }.adyen-kyc-spacer {
1142
1114
  flex: 1;
1143
1115
  }.adyen-kyc-progress-bar {
@@ -1163,14 +1135,14 @@
1163
1135
  }
1164
1136
 
1165
1137
  .adyen-kyc-progress-step {
1166
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
1138
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
1167
1139
  display: flex;
1168
1140
  flex: 1;
1169
1141
  height: var(--step-progress-internal-height);
1170
1142
  }
1171
1143
 
1172
1144
  .adyen-kyc-progress-step-active {
1173
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1145
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1174
1146
  }
1175
1147
 
1176
1148
  .adyen-kyc-progress-bar-circles li {
@@ -1430,13 +1402,10 @@
1430
1402
  justify-content: space-between;
1431
1403
  list-style-type: none;
1432
1404
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1433
- }/**
1434
- /* @deprecated - do not use this
1435
- */
1436
- .adyen-kyc-form-navigation__item {
1405
+ }.adyen-kyc-form-navigation__item {
1437
1406
  align-items: center;
1438
- border-left: var(--adyen-kyc-border-default-m);
1439
- color: var(--adyen-sdk-color-label-primary, #00112c);
1407
+ border-left: var(--adyen-sdk-border-default-m);
1408
+ color: var(--adyen-sdk-color-label-primary, #001222);
1440
1409
  cursor: default;
1441
1410
  display: flex;
1442
1411
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-040, 8px);
@@ -1453,7 +1422,7 @@
1453
1422
  }
1454
1423
  .adyen-kyc-form-navigation__item--active {
1455
1424
  border-left: var(--adyen-sdk-border-width-m, 2px) solid;
1456
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1425
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1457
1426
  }
1458
1427
  .adyen-kyc-form-navigation__item--isnav button {
1459
1428
  cursor: pointer;
@@ -1464,117 +1433,90 @@
1464
1433
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1465
1434
  }
1466
1435
  .adyen-kyc-form-navigation__item-icon--success {
1467
- color: var(--adyen-sdk-color-label-success, #07893c);
1436
+ color: var(--adyen-sdk-color-label-success, #008845);
1468
1437
  }
1469
1438
  .adyen-kyc-form-navigation__item-icon--error {
1470
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1471
- }/**
1472
- /* @deprecated - do not use this
1473
- */
1474
- /* for container queries */
1475
- .adyen-kyc-summary {
1476
- color: var(--adyen-sdk-color-label-primary, #00112c);
1477
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1478
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1479
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1480
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
1481
- }
1482
- .adyen-kyc-summary__heading {
1483
- font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
1484
- font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
1485
- line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
1486
- margin-bottom: var(--adyen-sdk-spacer-090, 24px);
1487
- }
1488
- .adyen-kyc-summary-section {
1489
- margin-bottom: var(--adyen-sdk-spacer-090, 24px);
1490
- }
1491
- @container main (min-width: 1024px) {
1492
- .adyen-kyc-summary-section {
1493
- padding-left: var(--adyen-sdk-spacer-120, 48px);
1494
- }
1495
- }
1496
- .adyen-kyc-summary-section__header {
1497
- display: flex;
1498
- align-items: baseline;
1499
- justify-content: space-between;
1500
- }
1501
- .adyen-kyc-summary-section__heading {
1502
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1503
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
1439
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1440
+ }.adyen-kyc-form-header {
1441
+ margin-bottom: var(--adyen-sdk-spacer-120);
1442
+ }
1443
+ .adyen-kyc-heading {
1444
+ font-size: var(--adyen-sdk-text-title-l-font-size);
1445
+ font-family: var(--adyen-sdk-text-tile-l-font-family);
1446
+ font-weight: var(--adyen-sdk-text-title-l-font-weight);
1447
+ line-height: var(--adyen-sdk-text-title-l-line-height);
1448
+ margin-bottom: var(--adyen-sdk-spacer-040);
1449
+ color: var(--adyen-sdk-color-label-primary);
1504
1450
  }
1505
- .adyen-kyc-summary-section__content {
1506
- padding: var(--adyen-sdk-spacer-000, 0px);
1507
- margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-100, 32px);
1451
+
1452
+ .adyen-kyc-description {
1453
+ color: var(--adyen-sdk-color-label-secondary);
1454
+ font-size: var(--adyen-sdk-text-title-font-size);
1455
+ font-family: var(--adyen-sdk-text-title-font-family);
1456
+ font-weight: var(--adyen-sdk-text-title-font-weight);
1457
+ line-height: var(--adyen-sdk-text-title-line-height);
1458
+ text-align: left;
1508
1459
  }
1509
- .adyen-kyc-summary-section__field {
1460
+ .adyen-kyc-list {
1510
1461
  display: flex;
1511
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1512
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
1462
+ flex-direction: column;
1463
+ gap: var(--adyen-sdk-spacer-040, 8px);
1464
+ width: 100%;
1513
1465
  }
1514
- @container main (max-width: 680px) {
1515
- .adyen-kyc-summary-section__field {
1516
- flex-direction: column;
1517
- }
1466
+
1467
+ .adyen-kyc-list-header {
1468
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1469
+ font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
1470
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
1518
1471
  }
1519
- .adyen-kyc-summary-section__field:last-child {
1520
- margin-bottom: var(--adyen-sdk-spacer-000, 0px);
1472
+
1473
+ .adyen-kyc-list-footer {
1474
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1475
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1476
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1477
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
1521
1478
  }
1522
- .adyen-kyc-summary-section__label, .adyen-kyc-summary-section__data {
1523
- display: flex;
1524
- flex: 1;
1479
+
1480
+ .adyen-kyc-list-items {
1481
+ list-style: none;
1482
+ margin: 0 !important;
1525
1483
  }
1526
- .adyen-kyc-summary-section__label {
1527
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1484
+
1485
+ .adyen-kyc-list-items-plain {
1486
+ padding: 0 !important;
1528
1487
  }
1529
- .adyen-kyc-summary-section__data {
1530
- margin: var(--adyen-sdk-spacer-000, 0px);
1488
+
1489
+ .adyen-kyc-list-items-grouped-primary {
1490
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1491
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1492
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
1531
1493
  }
1532
- @container main (max-width: 680px) {
1533
- .adyen-kyc-summary-section__data {
1534
- margin-top: var(--adyen-sdk-spacer-010, 2px);
1535
- }
1494
+
1495
+ .adyen-kyc-list-items-grouped-secondary {
1496
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1497
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
1536
1498
  }
1537
- .adyen-kyc-summary-section__list ul {
1538
- padding-left: var(--adyen-sdk-spacer-080, 20px);
1539
- margin-top: var(--adyen-sdk-spacer-060, 12px);
1499
+
1500
+ .adyen-kyc-list-items-padding-none {
1501
+ padding: var(--adyen-sdk-spacer-000, 0px) !important;
1540
1502
  }
1541
- .adyen-kyc-summary__provider-logo {
1542
- height: 28px;
1543
- width: 100px;
1503
+
1504
+ .adyen-kyc-list-items-padding-small {
1505
+ padding: var(--adyen-sdk-spacer-040, 8px) !important;
1544
1506
  }
1545
- .adyen-kyc-summary__legal-caption {
1546
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1547
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1548
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1549
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1550
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
1551
- }.adyen-kyc-divider {
1552
- background-color: var(--adyen-sdk-color-separator-primary);
1553
- border: none;
1554
- height: var(--adyen-sdk-border-width-s);
1555
- margin-block-end: 0;
1556
- margin-block-start: 0;
1557
- width: 100%;
1507
+
1508
+ .adyen-kyc-list-items-padding-medium {
1509
+ padding: var(--adyen-sdk-spacer-070, 16px) !important;
1558
1510
  }
1559
- /**
1560
- /* @deprecated - do not use this
1561
- */
1562
- .adyen-kyc-form-header {
1563
- margin-bottom: var(--adyen-sdk-spacer-120, 48px);
1511
+
1512
+ .adyen-kyc-list-items-padding-large {
1513
+ padding: var(--adyen-sdk-spacer-090, 24px) !important;
1564
1514
  }
1565
- .adyen-kyc-form-header__heading {
1566
- font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
1567
- font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
1568
- line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
1515
+
1516
+ .adyen-kyc-list-item-row-separator:not(:last-child) {
1517
+ border-bottom: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1569
1518
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
1570
- color: var(--adyen-sdk-color-label-primary, #00112c);
1571
- }
1572
- .adyen-kyc-form-header__description {
1573
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1574
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
1575
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1576
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
1577
- line-height: var(--adyen-sdk-text-title-line-height, 26px);
1519
+ padding-bottom: var(--adyen-sdk-spacer-040, 8px);
1578
1520
  }.adyen-kyc-error-panel {
1579
1521
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
1580
1522
  }/* for container queries */
@@ -1674,19 +1616,19 @@
1674
1616
  }
1675
1617
 
1676
1618
  .adyen-kyc-document-guidance__description-text {
1677
- color: var(--adyen-sdk-color-label-primary, #00112c);
1619
+ color: var(--adyen-sdk-color-label-primary, #001222);
1678
1620
  }
1679
1621
 
1680
1622
  .adyen-kyc-document-guidance__icon {
1681
1623
  height: 16px;
1682
1624
  width: 16px;
1683
1625
  border-radius: 50%;
1684
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
1626
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
1685
1627
  }
1686
1628
  .adyen-kyc-document-guidance__icon--invalid {
1687
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1629
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1688
1630
  }.adyen-kyc-dropzone {
1689
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c9cdd3);
1631
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c8ccd0);
1690
1632
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1691
1633
  display: flex;
1692
1634
  flex-direction: column;
@@ -1696,31 +1638,31 @@
1696
1638
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1697
1639
  }
1698
1640
  .adyen-kyc-dropzone--dragged {
1699
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
1700
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
1641
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #001222);
1642
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
1701
1643
  }
1702
1644
  .adyen-kyc-dropzone--error {
1703
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
1645
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #dc3801);
1704
1646
  }
1705
1647
  .adyen-kyc-dropzone__icon {
1706
1648
  display: flex;
1707
1649
  align-items: center;
1708
1650
  justify-content: center;
1709
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1651
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1710
1652
  border-radius: 50%;
1711
1653
  height: 32px;
1712
1654
  width: 32px;
1713
1655
  margin: var(--adyen-sdk-spacer-000, 0px) auto var(--adyen-sdk-spacer-060, 12px);
1714
1656
  }
1657
+ .adyen-kyc-dropzone__labels h4 {
1658
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1659
+ }
1715
1660
  .adyen-kyc-dropzone__labels {
1716
1661
  display: flex;
1717
1662
  flex-direction: column;
1718
1663
  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
1719
1664
  text-align: center;
1720
1665
  }
1721
- .adyen-kyc-dropzone__labels h4 {
1722
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1723
- }
1724
1666
  .adyen-kyc-dropzone__input {
1725
1667
  display: none;
1726
1668
  }
@@ -1733,7 +1675,7 @@
1733
1675
  display: flex;
1734
1676
  align-items: center;
1735
1677
  justify-content: space-between;
1736
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1678
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1737
1679
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1738
1680
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1739
1681
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
@@ -1741,16 +1683,16 @@
1741
1683
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1742
1684
  }
1743
1685
  .adyen-kyc-dropzone-file--error {
1744
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
1686
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
1745
1687
  }
1746
1688
  .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
1747
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1689
+ color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1748
1690
  }
1749
1691
  .adyen-kyc-dropzone-file__icon {
1750
1692
  align-items: center;
1751
1693
  display: flex;
1752
1694
  margin-right: var(--adyen-sdk-spacer-040, 8px);
1753
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
1695
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
1754
1696
  }
1755
1697
  .adyen-kyc-dropzone-file__labels {
1756
1698
  overflow: hidden;
@@ -1767,7 +1709,7 @@
1767
1709
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1768
1710
  }
1769
1711
  .adyen-kyc-dropzone-file__error {
1770
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1712
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1771
1713
  margin-top: var(--adyen-sdk-spacer-020, 4px);
1772
1714
  }
1773
1715
  .adyen-kyc-dropzone-file__button {
@@ -1853,7 +1795,7 @@
1853
1795
  }
1854
1796
  }.adyen-kyc-input--mismatch {
1855
1797
  animation: mismatchShake 300ms;
1856
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
1798
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
1857
1799
  }
1858
1800
 
1859
1801
  @keyframes mismatchShake {
@@ -1866,10 +1808,7 @@
1866
1808
  75% {
1867
1809
  transform: translateX(4px);
1868
1810
  }
1869
- }/**
1870
- /* @deprecated - do not use this
1871
- */
1872
- /* for container queries */
1811
+ }/* for container queries */
1873
1812
  .adyen-kyc-field-wrapper {
1874
1813
  display: flex;
1875
1814
  flex-wrap: wrap;
@@ -1879,27 +1818,15 @@
1879
1818
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1880
1819
  }
1881
1820
 
1882
- .adyen-kyc-field--col-70 {
1883
- width: calc(70% - 8px);
1884
- }
1885
- .adyen-kyc-field--col-50 {
1886
- width: calc(50% - 8px);
1887
- }
1888
- .adyen-kyc-field--col-30 {
1889
- width: calc(30% - 8px);
1890
- }
1891
-
1892
1821
  .adyen-kyc-input {
1893
1822
  height: 40px;
1894
- line-height: 40px;
1895
- min-height: 40px;
1896
- padding-bottom: var(--adyen-sdk-spacer-000, 0px);
1897
- padding-top: var(--adyen-sdk-spacer-000, 0px);
1823
+ line-height: 38px;
1824
+ min-height: 38px;
1898
1825
  background: var(--adyen-sdk-color-background-primary, #ffffff);
1899
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1826
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1900
1827
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1901
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1902
- color: var(--adyen-sdk-color-label-primary, #00112c);
1828
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1829
+ color: var(--adyen-sdk-color-label-primary, #001222);
1903
1830
  display: block;
1904
1831
  font-family: inherit;
1905
1832
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -1910,32 +1837,32 @@
1910
1837
  width: 100%;
1911
1838
  }
1912
1839
  .adyen-kyc-input::placeholder {
1913
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1840
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1914
1841
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1915
1842
  }
1916
1843
  .adyen-kyc-input:hover {
1917
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
1844
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
1918
1845
  }
1919
1846
  .adyen-kyc-input:required {
1920
1847
  box-shadow: none;
1921
1848
  }
1922
1849
  .adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
1923
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1924
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1850
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1851
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1925
1852
  cursor: not-allowed;
1926
1853
  pointer-events: none;
1927
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
1854
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
1928
1855
  }
1929
1856
  .adyen-kyc-input--disabled:hover {
1930
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1857
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1931
1858
  }
1932
1859
  .adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
1933
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
1934
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1860
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
1861
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1935
1862
  }
1936
1863
  .adyen-kyc-input:active, .adyen-kyc-input:focus, .adyen-kyc-input--focus, .adyen-kyc-input:active:hover, .adyen-kyc-input:focus:hover, .adyen-kyc-input--focus:hover {
1937
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1938
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1864
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
1865
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
1939
1866
  }
1940
1867
  .adyen-kyc-input--number {
1941
1868
  appearance: none;
@@ -1948,6 +1875,7 @@
1948
1875
  }
1949
1876
  .adyen-kyc-input--date {
1950
1877
  padding-right: var(--adyen-sdk-spacer-100, 32px);
1878
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
1951
1879
  }
1952
1880
  .adyen-kyc-input--textarea {
1953
1881
  height: 60px;
@@ -1962,17 +1890,17 @@
1962
1890
  top: var(--adyen-sdk-spacer-080, 20px);
1963
1891
  }
1964
1892
  .adyen-kyc-input__inline-validation--valid {
1965
- color: var(--adyen-sdk-color-label-success, #07893c);
1893
+ color: var(--adyen-sdk-color-label-success, #008845);
1966
1894
  display: none;
1967
1895
  }
1968
1896
  .adyen-kyc-input__inline-validation--invalid {
1969
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1897
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1970
1898
  }
1971
1899
  .adyen-kyc-input__inline-validation--invalid-bottom {
1972
1900
  top: var(--adyen-sdk-spacer-040, 8px);
1973
1901
  }
1974
1902
  .adyen-kyc-input__counter {
1975
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1903
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1976
1904
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1977
1905
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1978
1906
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1983,7 +1911,7 @@
1983
1911
  }
1984
1912
 
1985
1913
  @container main (max-width: 680px) {
1986
- [class*=adyen-kyc-field--col-] {
1914
+ .adyen-kyc-u-width-half {
1987
1915
  width: 100%;
1988
1916
  }
1989
1917
  }
@@ -2036,7 +1964,7 @@
2036
1964
  }
2037
1965
  }
2038
1966
  .adyen-kyc-field-verification-methods .adyen-kyc-radio-card {
2039
- width: 50%;
1967
+ flex: 1;
2040
1968
  }
2041
1969
  .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__icon {
2042
1970
  display: none;
@@ -2058,7 +1986,7 @@
2058
1986
  }
2059
1987
  .adyen-kyc-field-verification-methods__footer {
2060
1988
  align-items: center;
2061
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1989
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2062
1990
  display: flex;
2063
1991
  gap: var(--adyen-sdk-spacer-020, 4px);
2064
1992
  justify-content: end;
@@ -2112,26 +2040,26 @@
2112
2040
  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
2113
2041
  }
2114
2042
  .adyen-kyc-link:focus-visible {
2115
- color: var(--adyen-sdk-color-link-primary, #00112c);
2116
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2117
- outline-color: var(--adyen-sdk-color-link-primary, #00112c);
2043
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2044
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2045
+ outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
2118
2046
  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
2119
2047
  text-decoration: none;
2120
2048
  }
2121
2049
 
2122
2050
  .adyen-kyc-link-default {
2123
- color: var(--adyen-sdk-color-link-primary, #00112c);
2051
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2124
2052
  }
2125
2053
  @media (hover: hover) {
2126
2054
  .adyen-kyc-link-default:hover {
2127
- color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2128
- fill: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2055
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2056
+ fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2129
2057
  text-decoration: none;
2130
2058
  }
2131
2059
  }
2132
2060
  .adyen-kyc-link-default:active {
2133
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2134
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2061
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2062
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2135
2063
  text-decoration: none;
2136
2064
  }
2137
2065
 
@@ -2140,14 +2068,14 @@
2140
2068
  }
2141
2069
  @media (hover: hover) {
2142
2070
  .adyen-kyc-link-inline:hover {
2143
- color: var(--adyen-sdk-color-link-primary, #00112c);
2144
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2071
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2072
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2145
2073
  text-decoration: none;
2146
2074
  }
2147
2075
  }
2148
2076
  .adyen-kyc-link-inline:active {
2149
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2150
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2077
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2078
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2151
2079
  text-decoration: none;
2152
2080
  }/* for container queries */
2153
2081
  .adyen-kyc-radio-group-card {
@@ -2168,7 +2096,7 @@
2168
2096
  }
2169
2097
  }
2170
2098
  .adyen-kyc-radio-group-card__subtitle {
2171
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2099
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2172
2100
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2173
2101
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2174
2102
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2191,16 +2119,8 @@ input.adyen-kyc-radio-group-card__radio--floating {
2191
2119
  position: absolute;
2192
2120
  right: var(--adyen-sdk-spacer-070, 16px);
2193
2121
  top: var(--adyen-sdk-spacer-070, 16px);
2194
- }/**
2195
- /* @deprecated - do not use this
2196
- */
2197
- .adyen-kyc-radio-card {
2198
- color: var(--adyen-sdk-color-label-primary, #00112c);
2199
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2200
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
2201
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2202
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
2203
- border: var(--adyen-kyc-border-default-s);
2122
+ }.adyen-kyc-radio-card {
2123
+ border: var(--adyen-sdk-border-default-s);
2204
2124
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2205
2125
  cursor: pointer;
2206
2126
  display: block;
@@ -2222,14 +2142,14 @@ input.adyen-kyc-radio-group-card__radio--floating {
2222
2142
  width: 18px;
2223
2143
  }
2224
2144
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
2225
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2145
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2226
2146
  }
2227
2147
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
2228
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2148
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2229
2149
  }
2230
2150
 
2231
2151
  .adyen-kyc-radio-card__body {
2232
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2152
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2233
2153
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2234
2154
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2235
2155
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2239,10 +2159,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2239
2159
 
2240
2160
  .adyen-kyc-radio-card__footer {
2241
2161
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
2242
- }/**
2243
- /* @deprecated - do not use this
2244
- */
2245
- .adyen-kyc-input-radio {
2162
+ }.adyen-kyc-input-radio {
2246
2163
  display: inline-flex;
2247
2164
  vertical-align: baseline;
2248
2165
  }
@@ -2250,7 +2167,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2250
2167
  .adyen-kyc-input-radio__input {
2251
2168
  appearance: none;
2252
2169
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2253
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2170
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2254
2171
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2255
2172
  cursor: pointer;
2256
2173
  display: inline-block;
@@ -2284,35 +2201,35 @@ input.adyen-kyc-radio-group-card__radio--floating {
2284
2201
  width: 6px;
2285
2202
  }
2286
2203
  .adyen-kyc-input-radio__input:checked {
2287
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2288
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2204
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
2205
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2289
2206
  }
2290
2207
  .adyen-kyc-input-radio__input:checked::before {
2291
2208
  opacity: 1;
2292
2209
  transform: scale(1);
2293
2210
  }
2294
2211
  .adyen-kyc-input-radio__input:checked:hover {
2295
- border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
2296
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
2212
+ border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6c7782);
2213
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
2297
2214
  }
2298
2215
  .adyen-kyc-input-radio__input:checked:disabled:hover {
2299
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2300
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2216
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2217
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2301
2218
  }
2302
2219
  .adyen-kyc-input-radio__input:checked:disabled::before {
2303
- background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2220
+ background-color: var(--adyen-sdk-color-outline-tertiary, #8c959d);
2304
2221
  }
2305
2222
  .adyen-kyc-input-radio__input:hover {
2306
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
2223
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2307
2224
  }
2308
2225
  .adyen-kyc-input-radio__input:focus {
2309
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
2226
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
2310
2227
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2311
2228
  transition-property: box-shadow;
2312
2229
  }
2313
2230
  .adyen-kyc-input-radio__input:disabled {
2314
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2315
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2231
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2232
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2316
2233
  cursor: not-allowed;
2317
2234
  }
2318
2235
 
@@ -2351,10 +2268,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
2351
2268
  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
2352
2269
  padding-left: var(--adyen-sdk-spacer-090, 24px);
2353
2270
  position: relative;
2354
- }
2355
-
2356
- .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
2357
- color: inherit;
2358
2271
  }.adyen-kyc-financial-information-reported-value-options {
2359
2272
  gap: var(--adyen-sdk-spacer-060, 12px);
2360
2273
  }.adyen-kyc-reported-value {
@@ -2365,7 +2278,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2365
2278
 
2366
2279
  .adyen-kyc-reported-value-input {
2367
2280
  margin: var(--adyen-sdk-spacer-060, 12px) 0;
2368
- }.adyen-kyc-additional-information {
2281
+ }.adyen-kyc-additional-information__content {
2369
2282
  display: flex;
2370
2283
  flex-direction: column;
2371
2284
  gap: var(--adyen-sdk-spacer-120, 48px);
@@ -2376,17 +2289,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
2376
2289
  flex-direction: column;
2377
2290
  gap: var(--adyen-sdk-spacer-050, 10px);
2378
2291
  }
2379
- .adyen-kyc-additional-information fieldset {
2380
- border: none;
2381
- padding: 0;
2382
- margin: 0;
2383
- }
2384
2292
  .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
2385
2293
  flex-direction: column;
2386
2294
  }
2387
- .adyen-kyc-additional-information .adyen-kyc-form-header {
2388
- margin: 0 !important;
2389
- }
2390
2295
  .adyen-kyc-additional-information .adyen-kyc__address {
2391
2296
  margin-bottom: 0 !important;
2392
2297
  }.adyen-kyc-field--dbaName {
@@ -2424,7 +2329,7 @@ fieldset {
2424
2329
 
2425
2330
  .adyen-kyc-search-address--below {
2426
2331
  align-items: start;
2427
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2332
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2428
2333
  display: flex;
2429
2334
  justify-content: space-between;
2430
2335
  }
@@ -2436,14 +2341,14 @@ fieldset {
2436
2341
  }
2437
2342
  .adyen-kyc-search-address--below-location .adyen-kyc-icon {
2438
2343
  display: flex;
2439
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2344
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2440
2345
  margin-right: var(--adyen-sdk-spacer-020, 4px);
2441
2346
  }.adyen-kyc-search-address-field-hide {
2442
2347
  display: none;
2443
2348
  }.adyen-kyc-verified-business-card {
2444
2349
  display: flex;
2445
2350
  flex-direction: column;
2446
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2351
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2447
2352
  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
2448
2353
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2449
2354
  }
@@ -2469,16 +2374,16 @@ fieldset {
2469
2374
  flex-direction: row;
2470
2375
  justify-content: flex-start;
2471
2376
  text-decoration: underline;
2472
- }/**
2473
- /* @deprecated - do not use this
2474
- */
2377
+ }.adyen-kyc-divider {
2378
+ background-color: var(--adyen-sdk-color-separator-primary);
2379
+ border: none;
2380
+ height: var(--adyen-sdk-border-width-s);
2381
+ margin-block-end: 0;
2382
+ margin-block-start: 0;
2383
+ width: 100%;
2384
+ }
2475
2385
  /* for container queries */
2476
2386
  .adyen-kyc-structured-list {
2477
- color: var(--adyen-sdk-color-label-primary, #00112c);
2478
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2479
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
2480
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2481
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
2482
2387
  margin: var(--adyen-sdk-spacer-000, 0px);
2483
2388
  }
2484
2389
  .adyen-kyc-structured-list-section-field {
@@ -2499,7 +2404,7 @@ fieldset {
2499
2404
  flex: 1;
2500
2405
  }
2501
2406
  .adyen-kyc-structured-list-section-label {
2502
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2407
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2503
2408
  }
2504
2409
  .adyen-kyc-structured-list-section-data {
2505
2410
  margin: var(--adyen-sdk-spacer-000, 0px);
@@ -2526,8 +2431,12 @@ fieldset {
2526
2431
  border: none;
2527
2432
  padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
2528
2433
  margin: 0;
2529
- }.adyen-kyc-business-selection--loading {
2530
- min-height: 228px;
2434
+ }.adyen-kyc-business-selection {
2435
+ height: 100%;
2436
+ width: 100%;
2437
+ }
2438
+ .adyen-kyc-business-selection--loading {
2439
+ min-height: 50vh;
2531
2440
  display: flex;
2532
2441
  flex-direction: column;
2533
2442
  align-items: center;
@@ -2546,7 +2455,7 @@ fieldset {
2546
2455
  text-wrap: nowrap;
2547
2456
  }.adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
2548
2457
  margin-top: -1px;
2549
- border-top: var(--adyen-kyc-border-default-s);
2458
+ border-top: var(--adyen-sdk-border-default-s);
2550
2459
  }
2551
2460
  .adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):first-of-type {
2552
2461
  border-bottom-left-radius: 0;
@@ -2601,22 +2510,19 @@ fieldset {
2601
2510
  min-height: 228px;
2602
2511
  justify-content: center;
2603
2512
  align-items: center;
2604
- }/**
2605
- /* @deprecated - do not use this
2606
- */
2607
- .adyen-kyc-card {
2513
+ }.adyen-kyc-card {
2608
2514
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2609
- border: var(--adyen-kyc-border-default-s);
2515
+ border: var(--adyen-sdk-border-default-s);
2610
2516
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2611
2517
  display: block;
2612
2518
  outline: none;
2613
2519
  }
2614
2520
  .adyen-kyc-card--secondary {
2615
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2521
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2616
2522
  }
2617
2523
 
2618
2524
  .adyen-kyc-card.adyen-kyc-card--stateful {
2619
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2525
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2620
2526
  cursor: pointer;
2621
2527
  transition-duration: 0.2s;
2622
2528
  transition-property: border-color, box-shadow;
@@ -2624,36 +2530,36 @@ fieldset {
2624
2530
  position: relative;
2625
2531
  }
2626
2532
  .adyen-kyc-card.adyen-kyc-card--stateful:hover {
2627
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
2533
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
2628
2534
  z-index: 1;
2629
2535
  }
2630
2536
  .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
2631
2537
  z-index: 2;
2632
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2538
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2633
2539
  }
2634
2540
  .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
2635
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
2541
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
2636
2542
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2637
2543
  transition-property: box-shadow;
2638
2544
  }
2639
2545
 
2640
2546
  .adyen-kyc-card.adyen-kyc-card--active {
2641
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2547
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2642
2548
  cursor: pointer;
2643
2549
  transition-duration: 0.2s;
2644
2550
  transition-property: border-color, box-shadow;
2645
2551
  transition-timing-function: ease;
2646
2552
  }
2647
2553
  .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
2648
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
2554
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
2649
2555
  }
2650
2556
  .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
2651
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2557
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2652
2558
  }
2653
2559
 
2654
2560
  .adyen-kyc-card.adyen-kyc-card--disabled {
2655
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2656
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
2561
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2562
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
2657
2563
  cursor: not-allowed;
2658
2564
  }
2659
2565
 
@@ -2748,28 +2654,28 @@ fieldset {
2748
2654
  position: relative !important;
2749
2655
  }
2750
2656
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
2751
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2657
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2752
2658
  }
2753
2659
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
2754
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2660
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2755
2661
  }
2756
2662
  .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
2757
- background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #283750) !important;
2663
+ background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #273746) !important;
2758
2664
  }
2759
2665
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
2760
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2666
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2761
2667
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2762
2668
  }
2763
2669
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
2764
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c) !important;
2670
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874) !important;
2765
2671
  }
2766
2672
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
2767
2673
  border-bottom-style: none !important;
2768
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2674
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2769
2675
  }
2770
2676
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
2771
2677
  background: none !important;
2772
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2678
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2773
2679
  text-decoration: underline !important;
2774
2680
  }
2775
2681
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
@@ -2779,40 +2685,35 @@ fieldset {
2779
2685
  height: auto !important;
2780
2686
  }
2781
2687
 
2782
- /* stylelint-enable selector-class-pattern *//**
2783
- /* @deprecated - do not use this
2784
- */
2785
- .adyen-kyc-input-group {
2688
+ /* stylelint-enable selector-class-pattern */.adyen-kyc-input-group {
2786
2689
  height: 40px;
2787
- line-height: 40px;
2788
- min-height: 40px;
2789
- padding-bottom: var(--adyen-sdk-spacer-000, 0px);
2790
- padding-top: var(--adyen-sdk-spacer-000, 0px);
2690
+ line-height: 38px;
2691
+ min-height: 38px;
2791
2692
  display: flex;
2792
2693
  padding: var(--adyen-sdk-spacer-020, 4px);
2793
2694
  background: var(--adyen-sdk-color-background-primary, #ffffff);
2794
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2695
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2795
2696
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2796
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
2797
- color: var(--adyen-sdk-color-label-primary, #00112c);
2697
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
2698
+ color: var(--adyen-sdk-color-label-primary, #001222);
2798
2699
  font-family: inherit;
2799
2700
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2800
2701
  outline: none;
2801
2702
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2802
2703
  }
2803
2704
  .adyen-kyc-input-group:hover {
2804
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
2705
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
2805
2706
  }
2806
2707
  .adyen-kyc-input-group--invalid {
2807
2708
  padding-right: var(--adyen-sdk-spacer-120, 48px);
2808
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
2709
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
2809
2710
  }
2810
2711
  .adyen-kyc-input-group--focused {
2811
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2812
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2712
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2713
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
2813
2714
  }
2814
2715
  .adyen-kyc-input-group--focused:hover {
2815
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2716
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2816
2717
  }
2817
2718
  .adyen-kyc-input-group .adyen-kyc-input {
2818
2719
  line-height: normal;
@@ -2840,553 +2741,514 @@ fieldset {
2840
2741
  display: grid;
2841
2742
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
2842
2743
  column-gap: var(--adyen-sdk-spacer-100, 32px);
2843
- }/**
2844
- /* @deprecated - do not use this
2845
- */
2846
- .adyen-kyc-u-display-flex {
2847
- display: flex !important;
2744
+ }/* for container queries */
2745
+ .adyen-kyc-summary {
2746
+ display: flex;
2747
+ flex-direction: column;
2848
2748
  }
2849
2749
 
2850
- .adyen-kyc-u-display-inline-flex {
2851
- display: inline-flex !important;
2750
+ .adyen-kyc-summary-content {
2751
+ display: flex;
2752
+ flex-direction: column;
2753
+ gap: var(--adyen-sdk-spacer-070, 16px);
2852
2754
  }
2853
2755
 
2854
- .adyen-kyc-u-flex-direction-row {
2855
- flex-direction: row !important;
2756
+ .adyen-kyc-summary-list {
2757
+ display: flex;
2758
+ flex-direction: column;
2759
+ gap: var(--adyen-sdk-spacer-070, 16px);
2760
+ padding-bottom: var(--adyen-sdk-spacer-070, 16px);
2761
+ padding-top: var(--adyen-sdk-spacer-070, 16px);
2856
2762
  }
2857
-
2858
- .adyen-kyc-u-flex-direction-row-reverse {
2859
- flex-direction: row-reverse !important;
2763
+ @container main (min-width: 680px) {
2764
+ .adyen-kyc-summary-list {
2765
+ gap: var(--adyen-sdk-spacer-040, 8px);
2766
+ }
2860
2767
  }
2861
2768
 
2862
- .adyen-kyc-u-flex-direction-column {
2863
- flex-direction: column !important;
2769
+ .adyen-kyc-summary-list-header {
2770
+ display: flex;
2771
+ align-items: center;
2864
2772
  }
2865
2773
 
2866
- .adyen-kyc-u-flex-direction-column-reverse {
2867
- flex-direction: column-reverse !important;
2774
+ .adyen-kyc-summary-list-header-title {
2775
+ color: var(--adyen-sdk-color-label-primary, #001222);
2776
+ flex-grow: 1;
2777
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
2778
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
2779
+ line-height: var(--adyen-sdk-text-title-line-height, 26px);
2780
+ margin: 0;
2868
2781
  }
2869
2782
 
2870
- .adyen-kyc-u-flex-wrap-wrap {
2871
- flex-wrap: wrap !important;
2783
+ .adyen-kyc-summary-list-item {
2784
+ display: flex;
2785
+ flex-direction: column;
2786
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
2787
+ gap: var(--adyen-sdk-spacer-010, 2px);
2872
2788
  }
2873
-
2874
- .adyen-kyc-u-flex-wrap-nowrap {
2875
- flex-wrap: nowrap !important;
2789
+ @container main (min-width: 680px) {
2790
+ .adyen-kyc-summary-list-item {
2791
+ flex-direction: row;
2792
+ gap: var(--adyen-sdk-spacer-040, 8px);
2793
+ }
2876
2794
  }
2877
2795
 
2878
- .adyen-kyc-u-align-items-start {
2879
- align-items: start !important;
2796
+ .adyen-kyc-summary-list-item-key {
2797
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2798
+ flex: 1;
2799
+ margin: 0;
2880
2800
  }
2881
-
2882
- .adyen-kyc-u-align-items-flex-start {
2883
- align-items: flex-start !important;
2801
+ @container main (min-width: 680px) {
2802
+ .adyen-kyc-summary-list-item-key {
2803
+ max-width: 40%;
2804
+ }
2884
2805
  }
2885
2806
 
2886
- .adyen-kyc-u-align-items-flex-end {
2887
- align-items: flex-end !important;
2807
+ .adyen-kyc-summary-list-item-value {
2808
+ flex: 1;
2809
+ margin: 0;
2810
+ text-align: left;
2888
2811
  }
2889
2812
 
2890
- .adyen-kyc-u-align-items-center {
2891
- align-items: center !important;
2892
- }
2813
+ .adyen-kyc-summary-content-legal-caption {
2814
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2815
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2816
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
2817
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
2818
+ padding-left: var(--adyen-sdk-spacer-070, 16px);
2819
+ padding-right: var(--adyen-sdk-spacer-070, 16px);
2820
+ }
2821
+ @media (prefers-contrast: more) or (prefers-reduced-transparency) {
2822
+ .adyen-kyc-summary-content-legal-caption {
2823
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2824
+ }
2825
+ }
2826
+
2827
+ .adyen-kyc-summary-content-list {
2828
+ list-style-type: disc;
2829
+ }
2893
2830
 
2831
+ .adyen-kyc-summary-content-logo {
2832
+ height: 28px;
2833
+ width: 100px;
2834
+ }.adyen-kyc-u-width-full {
2835
+ width: 100% !important;
2836
+ }
2837
+ .adyen-kyc-u-width-half {
2838
+ width: 50% !important;
2839
+ }
2840
+ .adyen-kyc-u-display-flex {
2841
+ display: flex !important;
2842
+ }
2843
+ .adyen-kyc-u-display-inline-flex {
2844
+ display: inline-flex !important;
2845
+ }
2846
+ .adyen-kyc-u-flex-direction-row {
2847
+ flex-direction: row !important;
2848
+ }
2849
+ .adyen-kyc-u-flex-direction-row-reverse {
2850
+ flex-direction: row-reverse !important;
2851
+ }
2852
+ .adyen-kyc-u-flex-direction-column {
2853
+ flex-direction: column !important;
2854
+ }
2855
+ .adyen-kyc-u-flex-direction-column-reverse {
2856
+ flex-direction: column-reverse !important;
2857
+ }
2858
+ .adyen-kyc-u-flex-wrap-wrap {
2859
+ flex-wrap: wrap !important;
2860
+ }
2861
+ .adyen-kyc-u-flex-wrap-nowrap {
2862
+ flex-wrap: nowrap !important;
2863
+ }
2864
+ .adyen-kyc-u-align-items-start {
2865
+ align-items: start !important;
2866
+ }
2867
+ .adyen-kyc-u-align-items-flex-start {
2868
+ align-items: flex-start !important;
2869
+ }
2870
+ .adyen-kyc-u-align-items-flex-end {
2871
+ align-items: flex-end !important;
2872
+ }
2873
+ .adyen-kyc-u-align-items-center {
2874
+ align-items: center !important;
2875
+ }
2894
2876
  .adyen-kyc-u-align-items-stretch {
2895
2877
  align-items: stretch !important;
2896
2878
  }
2897
-
2898
2879
  .adyen-kyc-u-align-items-baseline {
2899
2880
  align-items: baseline !important;
2900
2881
  }
2901
-
2902
2882
  .adyen-kyc-u-align-items-end {
2903
2883
  align-items: end !important;
2904
2884
  }
2905
-
2906
2885
  .adyen-kyc-u-justify-content-center {
2907
2886
  justify-content: center !important;
2908
2887
  }
2909
-
2910
2888
  .adyen-kyc-u-justify-content-flex-start {
2911
2889
  justify-content: flex-start !important;
2912
2890
  }
2913
-
2914
2891
  .adyen-kyc-u-justify-content-flex-end {
2915
2892
  justify-content: flex-end !important;
2916
2893
  }
2917
-
2918
2894
  .adyen-kyc-u-justify-content-start {
2919
2895
  justify-content: start !important;
2920
2896
  }
2921
-
2922
2897
  .adyen-kyc-u-justify-content-end {
2923
2898
  justify-content: end !important;
2924
2899
  }
2925
-
2926
2900
  .adyen-kyc-u-justify-content-left {
2927
2901
  justify-content: left !important;
2928
2902
  }
2929
-
2930
2903
  .adyen-kyc-u-justify-content-right {
2931
2904
  justify-content: right !important;
2932
2905
  }
2933
-
2934
2906
  .adyen-kyc-u-justify-content-space-between {
2935
2907
  justify-content: space-between !important;
2936
2908
  }
2937
-
2938
2909
  .adyen-kyc-u-justify-content-space-around {
2939
2910
  justify-content: space-around !important;
2940
2911
  }
2941
-
2942
2912
  .adyen-kyc-u-justify-content-space-evenly {
2943
2913
  justify-content: space-evenly !important;
2944
2914
  }
2945
-
2946
2915
  .adyen-kyc-u-justify-content-stretch {
2947
2916
  justify-content: stretch !important;
2948
2917
  }
2949
-
2950
2918
  .adyen-kyc-u-flex-1 {
2951
2919
  flex: 1 !important;
2952
2920
  }
2953
-
2954
2921
  .adyen-kyc-u-flex-2 {
2955
2922
  flex: 2 !important;
2956
2923
  }
2957
-
2958
2924
  .adyen-kyc-u-flex-3 {
2959
2925
  flex: 3 !important;
2960
2926
  }
2961
-
2962
2927
  .adyen-kyc-u-flex-4 {
2963
2928
  flex: 4 !important;
2964
2929
  }
2965
-
2966
- .adyen-kyc-u-width-full {
2967
- width: 100% !important;
2968
- }
2969
-
2970
2930
  .adyen-kyc-u-margin-auto {
2971
2931
  margin: auto !important;
2972
2932
  }
2973
-
2974
2933
  .adyen-kyc-u-margin-bottom-auto {
2975
2934
  margin-bottom: auto !important;
2976
2935
  }
2977
-
2978
2936
  .adyen-kyc-u-margin-left-auto {
2979
2937
  margin-left: auto !important;
2980
2938
  }
2981
-
2982
2939
  .adyen-kyc-u-margin-right-auto {
2983
2940
  margin-right: auto !important;
2984
2941
  }
2985
-
2986
2942
  .adyen-kyc-u-margin-top-auto {
2987
2943
  margin-top: auto !important;
2988
2944
  }
2989
-
2990
2945
  .adyen-kyc-u-margin-x-auto {
2991
2946
  margin-left: auto !important;
2992
2947
  margin-right: auto !important;
2993
2948
  }
2994
-
2995
2949
  .adyen-kyc-u-margin-y-auto {
2996
2950
  margin-bottom: auto !important;
2997
2951
  margin-top: auto !important;
2998
2952
  }
2999
-
3000
2953
  .adyen-kyc-u-margin-0 {
3001
2954
  margin: var(--adyen-sdk-spacer-000, 0px) !important;
3002
2955
  }
3003
-
3004
2956
  .adyen-kyc-u-margin-bottom-0 {
3005
2957
  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
3006
2958
  }
3007
-
3008
2959
  .adyen-kyc-u-margin-left-0 {
3009
2960
  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
3010
2961
  }
3011
-
3012
2962
  .adyen-kyc-u-margin-right-0 {
3013
2963
  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
3014
2964
  }
3015
-
3016
2965
  .adyen-kyc-u-margin-top-0 {
3017
2966
  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
3018
2967
  }
3019
-
3020
2968
  .adyen-kyc-u-margin-x-0 {
3021
2969
  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
3022
2970
  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
3023
2971
  }
3024
-
3025
2972
  .adyen-kyc-u-margin-y-0 {
3026
2973
  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
3027
2974
  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
3028
2975
  }
3029
-
3030
2976
  .adyen-kyc-u-margin-2 {
3031
2977
  margin: var(--adyen-sdk-spacer-010, 2px) !important;
3032
2978
  }
3033
-
3034
2979
  .adyen-kyc-u-margin-bottom-2 {
3035
2980
  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
3036
2981
  }
3037
-
3038
2982
  .adyen-kyc-u-margin-left-2 {
3039
2983
  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
3040
2984
  }
3041
-
3042
2985
  .adyen-kyc-u-margin-right-2 {
3043
2986
  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
3044
2987
  }
3045
-
3046
2988
  .adyen-kyc-u-margin-top-2 {
3047
2989
  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
3048
2990
  }
3049
-
3050
2991
  .adyen-kyc-u-margin-x-2 {
3051
2992
  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
3052
2993
  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
3053
2994
  }
3054
-
3055
2995
  .adyen-kyc-u-margin-y-2 {
3056
2996
  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
3057
2997
  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
3058
2998
  }
3059
-
3060
2999
  .adyen-kyc-u-margin-4 {
3061
3000
  margin: var(--adyen-sdk-spacer-020, 4px) !important;
3062
3001
  }
3063
-
3064
3002
  .adyen-kyc-u-margin-bottom-4 {
3065
3003
  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
3066
3004
  }
3067
-
3068
3005
  .adyen-kyc-u-margin-left-4 {
3069
3006
  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
3070
3007
  }
3071
-
3072
3008
  .adyen-kyc-u-margin-right-4 {
3073
3009
  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
3074
3010
  }
3075
-
3076
3011
  .adyen-kyc-u-margin-top-4 {
3077
3012
  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
3078
3013
  }
3079
-
3080
3014
  .adyen-kyc-u-margin-x-4 {
3081
3015
  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
3082
3016
  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
3083
3017
  }
3084
-
3085
3018
  .adyen-kyc-u-margin-y-4 {
3086
3019
  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
3087
3020
  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
3088
3021
  }
3089
-
3090
3022
  .adyen-kyc-u-margin-6 {
3091
3023
  margin: var(--adyen-sdk-spacer-030, 6px) !important;
3092
3024
  }
3093
-
3094
3025
  .adyen-kyc-u-margin-bottom-6 {
3095
3026
  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
3096
3027
  }
3097
-
3098
3028
  .adyen-kyc-u-margin-left-6 {
3099
3029
  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
3100
3030
  }
3101
-
3102
3031
  .adyen-kyc-u-margin-right-6 {
3103
3032
  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
3104
3033
  }
3105
-
3106
3034
  .adyen-kyc-u-margin-top-6 {
3107
3035
  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
3108
3036
  }
3109
-
3110
3037
  .adyen-kyc-u-margin-x-6 {
3111
3038
  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
3112
3039
  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
3113
3040
  }
3114
-
3115
3041
  .adyen-kyc-u-margin-y-6 {
3116
3042
  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
3117
3043
  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
3118
3044
  }
3119
-
3120
3045
  .adyen-kyc-u-margin-8 {
3121
3046
  margin: var(--adyen-sdk-spacer-040, 8px) !important;
3122
3047
  }
3123
-
3124
3048
  .adyen-kyc-u-margin-bottom-8 {
3125
3049
  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
3126
3050
  }
3127
-
3128
3051
  .adyen-kyc-u-margin-left-8 {
3129
3052
  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
3130
3053
  }
3131
-
3132
3054
  .adyen-kyc-u-margin-right-8 {
3133
3055
  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
3134
3056
  }
3135
-
3136
3057
  .adyen-kyc-u-margin-top-8 {
3137
3058
  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
3138
3059
  }
3139
-
3140
3060
  .adyen-kyc-u-margin-x-8 {
3141
3061
  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
3142
3062
  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
3143
3063
  }
3144
-
3145
3064
  .adyen-kyc-u-margin-y-8 {
3146
3065
  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
3147
3066
  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
3148
3067
  }
3149
-
3150
3068
  .adyen-kyc-u-margin-10 {
3151
3069
  margin: var(--adyen-sdk-spacer-050, 10px) !important;
3152
3070
  }
3153
-
3154
3071
  .adyen-kyc-u-margin-bottom-10 {
3155
3072
  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
3156
3073
  }
3157
-
3158
3074
  .adyen-kyc-u-margin-left-10 {
3159
3075
  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
3160
3076
  }
3161
-
3162
3077
  .adyen-kyc-u-margin-right-10 {
3163
3078
  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
3164
3079
  }
3165
-
3166
3080
  .adyen-kyc-u-margin-top-10 {
3167
3081
  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
3168
3082
  }
3169
-
3170
3083
  .adyen-kyc-u-margin-x-10 {
3171
3084
  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
3172
3085
  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
3173
3086
  }
3174
-
3175
3087
  .adyen-kyc-u-margin-y-10 {
3176
3088
  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
3177
3089
  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
3178
3090
  }
3179
-
3180
3091
  .adyen-kyc-u-margin-12 {
3181
3092
  margin: var(--adyen-sdk-spacer-060, 12px) !important;
3182
3093
  }
3183
-
3184
3094
  .adyen-kyc-u-margin-bottom-12 {
3185
3095
  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
3186
3096
  }
3187
-
3188
3097
  .adyen-kyc-u-margin-left-12 {
3189
3098
  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
3190
3099
  }
3191
-
3192
3100
  .adyen-kyc-u-margin-right-12 {
3193
3101
  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
3194
3102
  }
3195
-
3196
3103
  .adyen-kyc-u-margin-top-12 {
3197
3104
  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
3198
3105
  }
3199
-
3200
3106
  .adyen-kyc-u-margin-x-12 {
3201
3107
  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
3202
3108
  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
3203
3109
  }
3204
-
3205
3110
  .adyen-kyc-u-margin-y-12 {
3206
3111
  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
3207
3112
  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
3208
3113
  }
3209
-
3210
3114
  .adyen-kyc-u-margin-16 {
3211
3115
  margin: var(--adyen-sdk-spacer-070, 16px) !important;
3212
3116
  }
3213
-
3214
3117
  .adyen-kyc-u-margin-bottom-16 {
3215
3118
  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
3216
3119
  }
3217
-
3218
3120
  .adyen-kyc-u-margin-left-16 {
3219
3121
  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
3220
3122
  }
3221
-
3222
3123
  .adyen-kyc-u-margin-right-16 {
3223
3124
  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
3224
3125
  }
3225
-
3226
3126
  .adyen-kyc-u-margin-top-16 {
3227
3127
  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
3228
3128
  }
3229
-
3230
3129
  .adyen-kyc-u-margin-x-16 {
3231
3130
  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
3232
3131
  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
3233
3132
  }
3234
-
3235
3133
  .adyen-kyc-u-margin-y-16 {
3236
3134
  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
3237
3135
  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
3238
3136
  }
3239
-
3240
3137
  .adyen-kyc-u-margin-20 {
3241
3138
  margin: var(--adyen-sdk-spacer-080, 20px) !important;
3242
3139
  }
3243
-
3244
3140
  .adyen-kyc-u-margin-bottom-20 {
3245
3141
  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
3246
3142
  }
3247
-
3248
3143
  .adyen-kyc-u-margin-left-20 {
3249
3144
  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
3250
3145
  }
3251
-
3252
3146
  .adyen-kyc-u-margin-right-20 {
3253
3147
  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
3254
3148
  }
3255
-
3256
3149
  .adyen-kyc-u-margin-top-20 {
3257
3150
  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
3258
3151
  }
3259
-
3260
3152
  .adyen-kyc-u-margin-x-20 {
3261
3153
  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
3262
3154
  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
3263
3155
  }
3264
-
3265
3156
  .adyen-kyc-u-margin-y-20 {
3266
3157
  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
3267
3158
  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
3268
3159
  }
3269
-
3270
3160
  .adyen-kyc-u-margin-24 {
3271
3161
  margin: var(--adyen-sdk-spacer-090, 24px) !important;
3272
3162
  }
3273
-
3274
3163
  .adyen-kyc-u-margin-bottom-24 {
3275
3164
  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
3276
3165
  }
3277
-
3278
3166
  .adyen-kyc-u-margin-left-24 {
3279
3167
  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
3280
3168
  }
3281
-
3282
3169
  .adyen-kyc-u-margin-right-24 {
3283
3170
  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
3284
3171
  }
3285
-
3286
3172
  .adyen-kyc-u-margin-top-24 {
3287
3173
  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
3288
3174
  }
3289
-
3290
3175
  .adyen-kyc-u-margin-x-24 {
3291
3176
  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
3292
3177
  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
3293
3178
  }
3294
-
3295
3179
  .adyen-kyc-u-margin-y-24 {
3296
3180
  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
3297
3181
  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
3298
3182
  }
3299
-
3300
3183
  .adyen-kyc-u-margin-32 {
3301
3184
  margin: var(--adyen-sdk-spacer-100, 32px) !important;
3302
3185
  }
3303
-
3304
3186
  .adyen-kyc-u-margin-bottom-32 {
3305
3187
  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
3306
3188
  }
3307
-
3308
3189
  .adyen-kyc-u-margin-left-32 {
3309
3190
  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
3310
3191
  }
3311
-
3312
3192
  .adyen-kyc-u-margin-right-32 {
3313
3193
  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
3314
3194
  }
3315
-
3316
3195
  .adyen-kyc-u-margin-top-32 {
3317
3196
  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
3318
3197
  }
3319
-
3320
3198
  .adyen-kyc-u-margin-x-32 {
3321
3199
  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
3322
3200
  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
3323
3201
  }
3324
-
3325
3202
  .adyen-kyc-u-margin-y-32 {
3326
3203
  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
3327
3204
  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
3328
3205
  }
3329
-
3330
3206
  .adyen-kyc-u-margin-40 {
3331
3207
  margin: var(--adyen-sdk-spacer-110, 40px) !important;
3332
3208
  }
3333
-
3334
3209
  .adyen-kyc-u-margin-bottom-40 {
3335
3210
  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
3336
3211
  }
3337
-
3338
3212
  .adyen-kyc-u-margin-left-40 {
3339
3213
  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
3340
3214
  }
3341
-
3342
3215
  .adyen-kyc-u-margin-right-40 {
3343
3216
  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
3344
3217
  }
3345
-
3346
3218
  .adyen-kyc-u-margin-top-40 {
3347
3219
  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
3348
3220
  }
3349
-
3350
3221
  .adyen-kyc-u-margin-x-40 {
3351
3222
  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
3352
3223
  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
3353
3224
  }
3354
-
3355
3225
  .adyen-kyc-u-margin-y-40 {
3356
3226
  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
3357
3227
  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
3358
3228
  }
3359
-
3360
3229
  .adyen-kyc-u-margin-48 {
3361
3230
  margin: var(--adyen-sdk-spacer-120, 48px) !important;
3362
3231
  }
3363
-
3364
3232
  .adyen-kyc-u-margin-bottom-48 {
3365
3233
  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
3366
3234
  }
3367
-
3368
3235
  .adyen-kyc-u-margin-left-48 {
3369
3236
  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
3370
3237
  }
3371
-
3372
3238
  .adyen-kyc-u-margin-right-48 {
3373
3239
  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
3374
3240
  }
3375
-
3376
3241
  .adyen-kyc-u-margin-top-48 {
3377
3242
  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
3378
3243
  }
3379
-
3380
3244
  .adyen-kyc-u-margin-x-48 {
3381
3245
  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
3382
3246
  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
3383
3247
  }
3384
-
3385
3248
  .adyen-kyc-u-margin-y-48 {
3386
3249
  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
3387
3250
  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
3388
3251
  }
3389
-
3390
3252
  /* for container queries */
3391
3253
  /* Topmost/root container class */
3392
3254
  .adyen-kyc-ui-element-container-wrapper {
@@ -3400,13 +3262,11 @@ fieldset {
3400
3262
  container-type: inline-size;
3401
3263
  container-name: main;
3402
3264
  }
3403
-
3404
3265
  .adyen-kyc-ui-element-container-wrapper *,
3405
3266
  .adyen-kyc-ui-element-container-wrapper *::after,
3406
3267
  .adyen-kyc-ui-element-container-wrapper *::before {
3407
3268
  box-sizing: border-box;
3408
3269
  }
3409
-
3410
3270
  .adyen-kyc-ui-element-container {
3411
3271
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3412
3272
  position: relative;
@@ -3416,12 +3276,12 @@ fieldset {
3416
3276
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3417
3277
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3418
3278
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3419
- color: var(--adyen-sdk-color-label-primary, #00112c);
3279
+ color: var(--adyen-sdk-color-label-primary, #001222);
3420
3280
  }
3421
3281
  .adyen-kyc-ui-element-container p,
3422
3282
  .adyen-kyc-ui-element-container ol,
3423
3283
  .adyen-kyc-ui-element-container ul {
3424
- margin-bottom: 1em;
3284
+ margin-bottom: 0;
3425
3285
  margin-top: 0;
3426
3286
  }
3427
3287
  .adyen-kyc-ui-element-container ul,
@@ -3433,7 +3293,6 @@ fieldset {
3433
3293
  padding: var(--adyen-sdk-spacer-070, 16px);
3434
3294
  }
3435
3295
  }
3436
-
3437
3296
  /*
3438
3297
  * Compatibility later to ensure components do NOT receive extra padding
3439
3298
  * as is the case with dropins, without breaking dropins.
@@ -3443,7 +3302,6 @@ fieldset {
3443
3302
  .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
3444
3303
  padding: 0;
3445
3304
  }
3446
-
3447
3305
  /*
3448
3306
  * The default layer is our base styling, that can and will be overriden by
3449
3307
  * any "unlayered" consumer-provided styling.
@@ -3455,7 +3313,8 @@ fieldset {
3455
3313
  */
3456
3314
  @layer default;
3457
3315
  @layer default {
3458
- :root {
3316
+ :root,
3317
+ :host {
3459
3318
  --adyen-sdk-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
3460
3319
  --adyen-sdk-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
3461
3320
  --adyen-sdk-animation-easing-exit: cubic-bezier(0.4, 0, 1, 1);
@@ -3464,160 +3323,168 @@ fieldset {
3464
3323
  --adyen-sdk-animation-duration-moderate: 150ms;
3465
3324
  --adyen-sdk-animation-duration-slow: 250ms;
3466
3325
  --adyen-sdk-color-background-primary: #ffffff;
3467
- --adyen-sdk-color-background-primary-hover: #f7f7f8;
3468
- --adyen-sdk-color-background-primary-active: #eeeff1;
3469
- --adyen-sdk-color-background-secondary: #f7f7f8;
3470
- --adyen-sdk-color-background-secondary-hover: #eeeff1;
3471
- --adyen-sdk-color-background-secondary-active: #e3e5e9;
3472
- --adyen-sdk-color-background-tertiary: #eeeff1;
3473
- --adyen-sdk-color-background-tertiary-hover: #e3e5e9;
3474
- --adyen-sdk-color-background-tertiary-active: #dbdee2;
3475
- --adyen-sdk-color-background-quaternary: #c0c5cc;
3476
- --adyen-sdk-color-background-quaternary-hover: #b8bdc6;
3477
- --adyen-sdk-color-background-quaternary-active: #afb5bf;
3326
+ --adyen-sdk-color-background-primary-hover: #f4f5f6;
3327
+ --adyen-sdk-color-background-primary-active: #ecedef;
3328
+ --adyen-sdk-color-background-secondary: #f4f5f6;
3329
+ --adyen-sdk-color-background-secondary-hover: #ecedef;
3330
+ --adyen-sdk-color-background-secondary-active: #e2e5e7;
3331
+ --adyen-sdk-color-background-tertiary: #ecedef;
3332
+ --adyen-sdk-color-background-tertiary-hover: #e2e5e7;
3333
+ --adyen-sdk-color-background-tertiary-active: #dadddf;
3334
+ --adyen-sdk-color-background-quaternary: #c0c5ca;
3335
+ --adyen-sdk-color-background-quaternary-hover: #b7bdc2;
3336
+ --adyen-sdk-color-background-quaternary-active: #aeb5ba;
3478
3337
  --adyen-sdk-color-background-modal: #ffffff;
3479
- --adyen-sdk-color-background-modal-hover: #f7f7f8;
3480
- --adyen-sdk-color-background-modal-active: #eeeff1;
3481
- --adyen-sdk-color-background-disabled: #eeeff1;
3482
- --adyen-sdk-color-background-selected: #e3f0ff;
3483
- --adyen-sdk-color-background-critical-weak: #fef4f4;
3484
- --adyen-sdk-color-background-critical-strong: #e22d2d;
3485
- --adyen-sdk-color-background-critical-strong-hover: #c72727;
3486
- --adyen-sdk-color-background-critical-strong-active: #791818;
3487
- --adyen-sdk-color-background-warning-weak: #fff5e9;
3488
- --adyen-sdk-color-background-warning-strong: #dd7d00;
3489
- --adyen-sdk-color-background-success-weak: #edfaf3;
3490
- --adyen-sdk-color-background-success-strong: #07893c;
3491
- --adyen-sdk-color-background-highlight-weak: #f2f8ff;
3492
- --adyen-sdk-color-background-highlight-strong: #0070f5;
3493
- --adyen-sdk-color-background-inverse-primary: #00112c;
3494
- --adyen-sdk-color-background-inverse-primary-hover: #5c687c;
3495
- --adyen-sdk-color-background-inverse-primary-active: #6d7789;
3496
- --adyen-sdk-color-background-inverse-secondary: #1a2a44;
3497
- --adyen-sdk-color-background-inverse-secondary-hover: #283750;
3498
- --adyen-sdk-color-background-inverse-secondary-active: #37455d;
3499
- --adyen-sdk-color-background-inverse-disabled: #283750;
3500
- --adyen-sdk-color-background-inverse-critical-weak: #611313;
3501
- --adyen-sdk-color-background-inverse-critical-strong: #f99c9c;
3502
- --adyen-sdk-color-background-inverse-critical-strong-hover: #fbbdbd;
3503
- --adyen-sdk-color-background-inverse-critical-strong-active: #fddfdf;
3338
+ --adyen-sdk-color-background-modal-hover: #f4f5f6;
3339
+ --adyen-sdk-color-background-modal-active: #ecedef;
3340
+ --adyen-sdk-color-background-disabled: #ecedef;
3341
+ --adyen-sdk-color-background-selected: #e3effb;
3342
+ --adyen-sdk-color-background-spotlight: #ffe379;
3343
+ --adyen-sdk-color-background-critical-weak: #fff3ef;
3344
+ --adyen-sdk-color-background-critical-strong: #dc3801;
3345
+ --adyen-sdk-color-background-critical-strong-hover: #c13101;
3346
+ --adyen-sdk-color-background-critical-strong-active: #751e00;
3347
+ --adyen-sdk-color-background-warning-weak: #fff4e5;
3348
+ --adyen-sdk-color-background-warning-strong: #d77f00;
3349
+ --adyen-sdk-color-background-success-weak: #e4faef;
3350
+ --adyen-sdk-color-background-success-strong: #008845;
3351
+ --adyen-sdk-color-background-highlight-weak: #f0f6fd;
3352
+ --adyen-sdk-color-background-highlight-strong: #0f75dc;
3353
+ --adyen-sdk-color-background-inverse-primary: #001222;
3354
+ --adyen-sdk-color-background-inverse-primary-hover: #5c6874;
3355
+ --adyen-sdk-color-background-inverse-primary-active: #6c7782;
3356
+ --adyen-sdk-color-background-inverse-secondary: #1a2b3b;
3357
+ --adyen-sdk-color-background-inverse-secondary-hover: #273746;
3358
+ --adyen-sdk-color-background-inverse-secondary-active: #364553;
3359
+ --adyen-sdk-color-background-inverse-disabled: #273746;
3360
+ --adyen-sdk-color-background-inverse-critical-weak: #5c1800;
3361
+ --adyen-sdk-color-background-inverse-critical-strong: #ff9a78;
3362
+ --adyen-sdk-color-background-inverse-critical-strong-hover: #ffbda6;
3363
+ --adyen-sdk-color-background-inverse-critical-strong-active: #ffded3;
3504
3364
  --adyen-sdk-color-background-always-light: #ffffff;
3505
- --adyen-sdk-color-background-always-light-hover: #f7f7f8;
3506
- --adyen-sdk-color-background-always-light-active: #eeeff1;
3507
- --adyen-sdk-color-background-always-light-disabled: #eeeff1;
3508
- --adyen-sdk-color-background-always-light-selected: #e3f0ff;
3509
- --adyen-sdk-color-background-always-dark: #00112c;
3510
- --adyen-sdk-color-background-always-dark-hover: #5c687c;
3511
- --adyen-sdk-color-background-always-dark-active: #8d95a3;
3512
- --adyen-sdk-color-background-always-dark-disabled: #eeeff1;
3513
- --adyen-sdk-color-background-always-dark-selected: #002f68;
3514
- --adyen-sdk-color-background-always-dark-primary: #00112c;
3515
- --adyen-sdk-color-background-always-dark-primary-hover: #14243e;
3516
- --adyen-sdk-color-background-always-dark-primary-active: #22314a;
3517
- --adyen-sdk-color-background-always-dark-primary-disabled: #eeeff1;
3518
- --adyen-sdk-color-background-always-dark-primary-selected: #002f68;
3519
- --adyen-sdk-color-background-always-dark-secondary: #22314a;
3520
- --adyen-sdk-color-background-always-dark-secondary-hover: #37455d;
3521
- --adyen-sdk-color-background-always-dark-secondary-active: #455368;
3522
- --adyen-sdk-color-background-always-dark-secondary-disabled: #eeeff1;
3523
- --adyen-sdk-color-background-always-dark-secondary-selected: #002f68;
3524
- --adyen-sdk-color-background-always-dark-tertiary: #2f3e56;
3525
- --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c62;
3526
- --adyen-sdk-color-background-always-dark-tertiary-active: #455368;
3527
- --adyen-sdk-color-background-always-dark-tertiary-disabled: #eeeff1;
3528
- --adyen-sdk-color-background-always-dark-tertiary-selected: #002f68;
3529
- --adyen-sdk-color-label-primary: #00112c;
3530
- --adyen-sdk-color-label-primary-hover: #5c687c;
3531
- --adyen-sdk-color-label-primary-active: #6d7789;
3532
- --adyen-sdk-color-label-secondary: #5c687c;
3533
- --adyen-sdk-color-label-tertiary: #8d95a3;
3534
- --adyen-sdk-color-label-disabled: #8d95a3;
3535
- --adyen-sdk-color-label-critical: #e22d2d;
3536
- --adyen-sdk-color-label-critical-hover: #c72727;
3537
- --adyen-sdk-color-label-critical-active: #791818;
3538
- --adyen-sdk-color-label-warning: #b06300;
3539
- --adyen-sdk-color-label-highlight: #0070f5;
3540
- --adyen-sdk-color-label-success: #07893c;
3365
+ --adyen-sdk-color-background-always-light-hover: #f4f5f6;
3366
+ --adyen-sdk-color-background-always-light-active: #ecedef;
3367
+ --adyen-sdk-color-background-always-light-disabled: #ecedef;
3368
+ --adyen-sdk-color-background-always-light-selected: #e3effb;
3369
+ --adyen-sdk-color-background-always-dark: #001222;
3370
+ --adyen-sdk-color-background-always-dark-hover: #5c6874;
3371
+ --adyen-sdk-color-background-always-dark-active: #8c959d;
3372
+ --adyen-sdk-color-background-always-dark-disabled: #ecedef;
3373
+ --adyen-sdk-color-background-always-dark-selected: #00305f;
3374
+ --adyen-sdk-color-background-always-dark-primary: #001222;
3375
+ --adyen-sdk-color-background-always-dark-primary-hover: #132434;
3376
+ --adyen-sdk-color-background-always-dark-primary-active: #213140;
3377
+ --adyen-sdk-color-background-always-dark-primary-disabled: #ecedef;
3378
+ --adyen-sdk-color-background-always-dark-primary-selected: #00305f;
3379
+ --adyen-sdk-color-background-always-dark-secondary: #213140;
3380
+ --adyen-sdk-color-background-always-dark-secondary-hover: #364553;
3381
+ --adyen-sdk-color-background-always-dark-secondary-active: #455460;
3382
+ --adyen-sdk-color-background-always-dark-secondary-disabled: #ecedef;
3383
+ --adyen-sdk-color-background-always-dark-secondary-selected: #00305f;
3384
+ --adyen-sdk-color-background-always-dark-tertiary: #2f3e4d;
3385
+ --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c5a;
3386
+ --adyen-sdk-color-background-always-dark-tertiary-active: #455460;
3387
+ --adyen-sdk-color-background-always-dark-tertiary-disabled: #ecedef;
3388
+ --adyen-sdk-color-background-always-dark-tertiary-selected: #00305f;
3389
+ --adyen-sdk-color-label-primary: #001222;
3390
+ --adyen-sdk-color-label-primary-hover: #5c6874;
3391
+ --adyen-sdk-color-label-primary-active: #6c7782;
3392
+ --adyen-sdk-color-label-secondary: #5c6874;
3393
+ --adyen-sdk-color-label-tertiary: #8c959d;
3394
+ --adyen-sdk-color-label-disabled: #8c959d;
3395
+ --adyen-sdk-color-label-critical: #dc3801;
3396
+ --adyen-sdk-color-label-critical-hover: #c13101;
3397
+ --adyen-sdk-color-label-critical-active: #751e00;
3398
+ --adyen-sdk-color-label-warning: #ab6600;
3399
+ --adyen-sdk-color-label-highlight: #0f75dc;
3400
+ --adyen-sdk-color-label-success: #008845;
3541
3401
  --adyen-sdk-color-label-on-color: #ffffff;
3542
3402
  --adyen-sdk-color-label-inverse-primary: #ffffff;
3543
- --adyen-sdk-color-label-inverse-primary-hover: #f7f7f8;
3544
- --adyen-sdk-color-label-inverse-primary-active: #eeeff1;
3545
- --adyen-sdk-color-label-inverse-secondary: #9ea6b1;
3546
- --adyen-sdk-color-label-inverse-disabled: #747f8f;
3547
- --adyen-sdk-color-label-inverse-critical: #f99c9c;
3548
- --adyen-sdk-color-label-inverse-critical-hover: #fbbdbd;
3549
- --adyen-sdk-color-label-inverse-critical-active: #fddfdf;
3550
- --adyen-sdk-color-label-on-background-critical-weak: #c72727;
3551
- --adyen-sdk-color-label-on-background-warning-weak: #9b5700;
3552
- --adyen-sdk-color-label-on-background-success-weak: #067934;
3553
- --adyen-sdk-color-label-on-background-highlight-weak: #0063d7;
3403
+ --adyen-sdk-color-label-inverse-primary-hover: #f4f5f6;
3404
+ --adyen-sdk-color-label-inverse-primary-active: #ecedef;
3405
+ --adyen-sdk-color-label-inverse-secondary: #9da5ac;
3406
+ --adyen-sdk-color-label-inverse-disabled: #737e88;
3407
+ --adyen-sdk-color-label-inverse-critical: #ff9a78;
3408
+ --adyen-sdk-color-label-inverse-critical-hover: #ffbda6;
3409
+ --adyen-sdk-color-label-inverse-critical-active: #ffded3;
3410
+ --adyen-sdk-color-label-on-background-critical-weak: #c13101;
3411
+ --adyen-sdk-color-label-on-background-warning-weak: #955900;
3412
+ --adyen-sdk-color-label-on-background-success-weak: #00773c;
3413
+ --adyen-sdk-color-label-on-background-highlight-weak: #0065c9;
3554
3414
  --adyen-sdk-color-label-always-light: #ffffff;
3555
- --adyen-sdk-color-label-always-light-primary: #eeeff1;
3556
- --adyen-sdk-color-label-always-light-primary-hover: #c9cdd3;
3557
- --adyen-sdk-color-label-always-light-primary-active: #9ea6b1;
3558
- --adyen-sdk-color-label-always-light-secondary: #a7adb8;
3559
- --adyen-sdk-color-label-always-light-secondary-hover: #9ea6b1;
3560
- --adyen-sdk-color-label-always-light-secondary-active: #747f8f;
3561
- --adyen-sdk-color-label-always-light-tertiary: #848e9c;
3562
- --adyen-sdk-color-label-always-light-tertiary-hover: #747f8f;
3563
- --adyen-sdk-color-label-always-light-tertiary-active: #556276;
3564
- --adyen-sdk-color-label-always-dark: #00112c;
3565
- --adyen-sdk-color-link-primary: #00112c;
3566
- --adyen-sdk-color-link-primary-hover: #5c687c;
3567
- --adyen-sdk-color-link-primary-active: #6d7789;
3568
- --adyen-sdk-color-link-primary-disabled: #8d95a3;
3569
- --adyen-sdk-color-outline-primary: #dbdee2;
3570
- --adyen-sdk-color-outline-primary-hover: #c9cdd3;
3571
- --adyen-sdk-color-outline-primary-active: #00112c;
3572
- --adyen-sdk-color-outline-secondary: #c9cdd3;
3573
- --adyen-sdk-color-outline-secondary-hover: #b8bdc6;
3574
- --adyen-sdk-color-outline-secondary-active: #00112c;
3575
- --adyen-sdk-color-outline-tertiary: #8d95a3;
3576
- --adyen-sdk-color-outline-tertiary-hover: #6d7789;
3577
- --adyen-sdk-color-outline-tertiary-active: #00112c;
3578
- --adyen-sdk-color-outline-disabled: #dbdee2;
3579
- --adyen-sdk-color-outline-selected: #00112c;
3580
- --adyen-sdk-color-outline-critical: #e22d2d;
3581
- --adyen-sdk-color-outline-critical-hover: #c72727;
3582
- --adyen-sdk-color-outline-critical-active: #791818;
3583
- --adyen-sdk-color-outline-success: #07893c;
3584
- --adyen-sdk-color-outline-success-hover: #067934;
3585
- --adyen-sdk-color-outline-success-active: #04481f;
3586
- --adyen-sdk-color-outline-inverse-primary: #2f3e56;
3587
- --adyen-sdk-color-outline-inverse-primary-hover: #6d7789;
3588
- --adyen-sdk-color-outline-inverse-primary-active: #9ea6b1;
3589
- --adyen-sdk-color-outline-inverse-disabled: #455368;
3590
- --adyen-sdk-color-outline-inverse-critical: #f99c9c;
3591
- --adyen-sdk-color-outline-inverse-critical-hover: #fbbdbd;
3592
- --adyen-sdk-color-outline-inverse-critical-active: #fddfdf;
3593
- --adyen-sdk-color-separator-primary: #dbdee2;
3594
- --adyen-sdk-color-separator-secondary: #c9cdd3;
3595
- --adyen-sdk-color-separator-inverse-primary: #2f3e56;
3596
- --adyen-sdk-color-separator-inverse-secondary: #5c687c;
3597
- --adyen-sdk-color-decorative-green: #09ab4b;
3598
- --adyen-sdk-color-decorative-blue: #0070f5;
3599
- --adyen-sdk-color-decorative-yellow: #f7bc00;
3600
- --adyen-sdk-color-decorative-orange: #dd7d00;
3601
- --adyen-sdk-color-decorative-red: #e22d2d;
3602
- --adyen-sdk-color-decorative-grey: #c0c5cc;
3603
- --adyen-sdk-color-support-overlay: #00112c;
3604
- --adyen-sdk-color-support-shadow: #00112c;
3415
+ --adyen-sdk-color-label-always-light-primary: #ecedef;
3416
+ --adyen-sdk-color-label-always-light-primary-hover: #c8ccd0;
3417
+ --adyen-sdk-color-label-always-light-primary-active: #959da5;
3418
+ --adyen-sdk-color-label-always-light-secondary: #a6adb3;
3419
+ --adyen-sdk-color-label-always-light-secondary-hover: #959da5;
3420
+ --adyen-sdk-color-label-always-light-secondary-active: #737e88;
3421
+ --adyen-sdk-color-label-always-light-tertiary: #848d96;
3422
+ --adyen-sdk-color-label-always-light-tertiary-hover: #737e88;
3423
+ --adyen-sdk-color-label-always-light-tertiary-active: #54616d;
3424
+ --adyen-sdk-color-label-always-dark: #001222;
3425
+ --adyen-sdk-color-link-primary: #0065c9;
3426
+ --adyen-sdk-color-link-primary-hover: #0f75dc;
3427
+ --adyen-sdk-color-link-primary-active: #0f75dc;
3428
+ --adyen-sdk-color-link-primary-disabled: #8c959d;
3429
+ --adyen-sdk-color-link-primary-visited: #540884;
3430
+ --adyen-sdk-color-link-primary-visited-hover: #710ab3;
3431
+ --adyen-sdk-color-link-primary-visited-active: #710ab3;
3432
+ --adyen-sdk-color-link-quiet: #001222;
3433
+ --adyen-sdk-color-link-quiet-hover: #5c6874;
3434
+ --adyen-sdk-color-link-quiet-active: #5c6874;
3435
+ --adyen-sdk-color-link-quiet-disabled: #8c959d;
3436
+ --adyen-sdk-color-outline-primary: #dadddf;
3437
+ --adyen-sdk-color-outline-primary-hover: #c8ccd0;
3438
+ --adyen-sdk-color-outline-primary-active: #001222;
3439
+ --adyen-sdk-color-outline-secondary: #c8ccd0;
3440
+ --adyen-sdk-color-outline-secondary-hover: #b7bdc2;
3441
+ --adyen-sdk-color-outline-secondary-active: #001222;
3442
+ --adyen-sdk-color-outline-tertiary: #8c959d;
3443
+ --adyen-sdk-color-outline-tertiary-hover: #6c7782;
3444
+ --adyen-sdk-color-outline-tertiary-active: #001222;
3445
+ --adyen-sdk-color-outline-disabled: #dadddf;
3446
+ --adyen-sdk-color-outline-selected: #001222;
3447
+ --adyen-sdk-color-outline-critical: #dc3801;
3448
+ --adyen-sdk-color-outline-critical-hover: #c13101;
3449
+ --adyen-sdk-color-outline-critical-active: #751e00;
3450
+ --adyen-sdk-color-outline-success: #008845;
3451
+ --adyen-sdk-color-outline-success-hover: #00773c;
3452
+ --adyen-sdk-color-outline-success-active: #004724;
3453
+ --adyen-sdk-color-outline-inverse-primary: #2f3e4d;
3454
+ --adyen-sdk-color-outline-inverse-primary-hover: #6c7782;
3455
+ --adyen-sdk-color-outline-inverse-primary-active: #9da5ac;
3456
+ --adyen-sdk-color-outline-inverse-disabled: #455460;
3457
+ --adyen-sdk-color-outline-inverse-critical: #ff9a78;
3458
+ --adyen-sdk-color-outline-inverse-critical-hover: #ffbda6;
3459
+ --adyen-sdk-color-outline-inverse-critical-active: #ffded3;
3460
+ --adyen-sdk-color-separator-primary: #dadddf;
3461
+ --adyen-sdk-color-separator-secondary: #c8ccd0;
3462
+ --adyen-sdk-color-separator-inverse-primary: #2f3e4d;
3463
+ --adyen-sdk-color-separator-inverse-secondary: #5c6874;
3464
+ --adyen-sdk-color-decorative-green: #00d16a;
3465
+ --adyen-sdk-color-decorative-blue: #006bd7;
3466
+ --adyen-sdk-color-decorative-yellow: #f9c500;
3467
+ --adyen-sdk-color-decorative-orange: #f99300;
3468
+ --adyen-sdk-color-decorative-red: #f73f01;
3469
+ --adyen-sdk-color-decorative-grey: #848d96;
3470
+ --adyen-sdk-color-support-overlay: #001222;
3471
+ --adyen-sdk-color-support-shadow: #001222;
3605
3472
  --adyen-sdk-text-font-variant-numeric: normal;
3606
3473
  --adyen-sdk-text-rich-text-heading-margin: 32px 0 10px 0;
3607
3474
  --adyen-sdk-text-rich-text-heading-font-weight: 700;
3608
3475
  --adyen-sdk-text-rich-text-paragraph-margin: 0 0 8px 0;
3609
3476
  --adyen-sdk-text-rich-text-list-padding-left: 20px;
3610
3477
  --adyen-sdk-text-rich-text-list-margin: 0 0 4px 0;
3611
- --adyen-sdk-text-rich-text-code-background-color: #f7f7f8;
3478
+ --adyen-sdk-text-rich-text-code-background-color: #f4f5f6;
3612
3479
  --adyen-sdk-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
3613
3480
  --adyen-sdk-text-rich-text-code-font-weight: 500;
3614
3481
  --adyen-sdk-text-rich-text-pre-margin: 16px 0 16px 0;
3615
3482
  --adyen-sdk-text-rich-text-pre-padding: 10px 16px;
3616
3483
  --adyen-sdk-text-rich-text-pre-line-height: 24px;
3617
- --adyen-sdk-text-rich-text-mark-background-color: #f2f8ff;
3484
+ --adyen-sdk-text-rich-text-mark-background-color: #f0f6fd;
3618
3485
  --adyen-sdk-text-rich-text-blockquote-font-weight: 500;
3619
3486
  --adyen-sdk-text-rich-text-blockquote-margin: 16px 0 16px 16px;
3620
- --adyen-sdk-text-rich-text-table-border: 1px solid #dbdee2;
3487
+ --adyen-sdk-text-rich-text-table-border: 1px solid #dadddf;
3621
3488
  --adyen-sdk-text-rich-text-table-line-height: 20px;
3622
3489
  --adyen-sdk-text-rich-text-table-margin: 16px 0 16px 0;
3623
3490
  --adyen-sdk-text-rich-text-table-padding: 10px 16px;
@@ -3678,7 +3545,7 @@ fieldset {
3678
3545
  --adyen-sdk-text-title-l-letter-spacing: 0;
3679
3546
  --adyen-sdk-text-title-l-mobile-font-size: 20px;
3680
3547
  --adyen-sdk-text-title-l-mobile-line-height: 30px;
3681
- --adyen-sdk-focus-ring-color: rgba(0, 112, 245, 0.8);
3548
+ --adyen-sdk-focus-ring-color: rgba(15, 117, 220, 0.8);
3682
3549
  --adyen-sdk-focus-ring-spacer: 1px;
3683
3550
  --adyen-sdk-focus-ring-outline: 3px;
3684
3551
  --adyen-sdk-spacer-100: 32px;
@@ -3707,12 +3574,12 @@ fieldset {
3707
3574
  --adyen-sdk-media-query-xl-min: 1280px;
3708
3575
  --adyen-sdk-media-query-xl-max: 1535px;
3709
3576
  --adyen-sdk-media-query-xxl: 1536px;
3710
- --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
3711
- --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
3712
- --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
3713
- --adyen-sdk-shadow-low-border: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02), 0px 0px 0px 1px rgba(0, 17, 44, 0.06);
3714
- --adyen-sdk-shadow-medium-border: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06);
3715
- --adyen-sdk-shadow-high-border: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06), 0px 0px 0px 1px rgba(0, 17, 44, 0.06);
3577
+ --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02);
3578
+ --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04);
3579
+ --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06);
3580
+ --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);
3581
+ --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);
3582
+ --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);
3716
3583
  --adyen-sdk-border-radius-xs: 2px;
3717
3584
  --adyen-sdk-border-radius-s: 4px;
3718
3585
  --adyen-sdk-border-radius-m: 8px;
@@ -3732,13 +3599,24 @@ fieldset {
3732
3599
  --adyen-sdk-z-index-local-tier-4: 4;
3733
3600
  }
3734
3601
  }
3735
- :root {
3736
- --adyen-kyc-border-default-s: var(--adyen-sdk-border-width-s) solid
3602
+ :root,
3603
+ :host {
3604
+ --adyen-sdk-border-default-s: var(--adyen-sdk-border-width-s) solid
3737
3605
  var(--adyen-sdk-color-outline-primary);
3738
- --adyen-kyc-border-default-m: var(--adyen-sdk-border-width-m) solid
3606
+ --adyen-sdk-border-default-m: var(--adyen-sdk-border-width-m) solid
3739
3607
  var(--adyen-sdk-color-outline-primary);
3740
- --adyen-kyc-border-default-l: var(--adyen-sdk-border-width-l) solid
3608
+ --adyen-sdk-border-default-l: var(--adyen-sdk-border-width-l) solid
3741
3609
  var(--adyen-sdk-color-outline-primary);
3610
+ }
3611
+ .adyen-kyc-u-screen-reader-only {
3612
+ border: 0;
3613
+ clip: rect(0, 0, 0, 0);
3614
+ height: 1px;
3615
+ overflow: hidden;
3616
+ padding: 0 !important;
3617
+ position: absolute;
3618
+ white-space: nowrap;
3619
+ width: 1px;
3742
3620
  }.adyen-kyc-outlined-icon {
3743
3621
  width: 1.75em;
3744
3622
  height: 1.75em;
@@ -3752,68 +3630,68 @@ fieldset {
3752
3630
  outline: 0.5em solid var(--adyen-skd-color-background-success-weak);
3753
3631
  }
3754
3632
  .adyen-contract-viewer .adyen-document-viewer {
3755
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3756
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3633
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #001222);
3634
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
3757
3635
  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3758
3636
  --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3637
+ --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3638
+ --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3639
+ --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3640
+ --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #ecedef);
3759
3641
  --adv-accordion-content-padding: 0;
3760
- }.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-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)}
3761
- /**
3762
- /* @deprecated - do not use this
3763
- */
3764
- .adyen-form-end-state {
3765
- color: var(--adyen-sdk-color-label-primary, #00112c);
3766
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3767
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3768
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3769
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3642
+ --adv-icon-color: var(--adyen-sdk-color-label-primary, #001222);
3643
+ --adv-link-color: var(--adyen-sdk-color-link-primary, #0065c9);
3644
+ }.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)}
3645
+ .adyen-kyc-form-end-state {
3770
3646
  display: grid;
3771
3647
  place-items: center;
3772
3648
  word-break: break-word;
3773
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3774
- }
3775
- .adyen-form-end-state--without-icon .adyen-form-end-state__title {
3776
- margin-top: 0;
3649
+ margin-bottom: var(--adyen-sdk-spacer-020);
3777
3650
  }
3778
3651
 
3779
- .adyen-form-end-state__icon {
3780
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3781
- margin-top: var(--adyen-sdk-spacer-010, 2px);
3652
+ .adyen-kyc-end-state-icon {
3653
+ line-height: var(--adyen-sdk-text-body-line-height);
3654
+ margin-top: var(--adyen-sdk-spacer-010);
3782
3655
  }
3783
- .adyen-form-end-state__icon--info {
3784
- color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3656
+
3657
+ .adyen-kyc-icon-info {
3658
+ color: var(--adyen-sdk-color-background-highlight-strong);
3785
3659
  }
3786
- .adyen-form-end-state__icon--error {
3787
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
3660
+
3661
+ .adyen-kyc-icon-error {
3662
+ color: var(--adyen-sdk-color-background-critical-strong);
3788
3663
  }
3789
- .adyen-form-end-state__icon--warning {
3790
- color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
3664
+
3665
+ .adyen-kyc-icon-warning {
3666
+ color: var(--adyen-sdk-color-background-warning-strong);
3791
3667
  }
3792
- .adyen-form-end-state__icon--success {
3793
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
3668
+
3669
+ .adyen-kyc-icon-success {
3670
+ color: var(--adyen-sdk-color-background-success-strong);
3794
3671
  }
3795
3672
 
3796
- .adyen-form-end-state__title {
3797
- font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
3798
- font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
3799
- line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
3800
- margin-top: var(--adyen-sdk-spacer-060, 12px);
3801
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3673
+ .adyen-kyc-title {
3674
+ font-size: var(--adyen-sdk-text-title-m-font-size);
3675
+ font-weight: var(--adyen-sdk-text-title-m-font-weight);
3676
+ line-height: var(--adyen-sdk-text-title-m-line-height);
3677
+ margin-top: var(--adyen-sdk-spacer-060);
3678
+ margin-bottom: var(--adyen-sdk-spacer-020);
3802
3679
  text-align: center;
3803
3680
  }
3804
3681
 
3805
- .adyen-form-end-state__description {
3806
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3807
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3808
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3682
+ .adyen-kyc-end-state-description {
3683
+ color: var(--adyen-sdk-color-label-secondary);
3684
+ font-size: var(--adyen-sdk-text-body-font-size);
3685
+ margin-bottom: var(--adyen-sdk-spacer-070);
3809
3686
  text-align: center;
3810
3687
  }
3811
3688
 
3812
- .adyen-form-end-state__actions {
3689
+ .adyen-kyc-end-state-actions {
3813
3690
  display: flex;
3814
- gap: var(--adyen-sdk-spacer-070, 16px);
3691
+ gap: var(--adyen-sdk-spacer-070);
3815
3692
  text-align: left;
3816
- }.adyen-kyc-adyen-kyc-signed-alert:last-of-type {
3693
+ }
3694
+ .adyen-kyc-adyen-kyc-signed-alert:last-of-type {
3817
3695
  margin-top: var(--adyen-sdk-spacer-070);
3818
3696
  }
3819
3697
 
@@ -3839,6 +3717,7 @@ fieldset {
3839
3717
  }
3840
3718
  .adyen-kyc-form-flow {
3841
3719
  container-type: inline-size;
3720
+ width: 100%;
3842
3721
  min-height: 100%;
3843
3722
  overflow: auto;
3844
3723
  }
@@ -3876,7 +3755,7 @@ fieldset {
3876
3755
  }
3877
3756
 
3878
3757
  .adyen-kyc-form-flow-footer-border {
3879
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3758
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3880
3759
  }
3881
3760
 
3882
3761
  .adyen-kyc-form-flow-actions {
@@ -3896,6 +3775,12 @@ fieldset {
3896
3775
  .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title-l,
3897
3776
  .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--body {
3898
3777
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3778
+ text-align: center;
3779
+ }
3780
+ .adyen-kyc__high-exposure-company .adyen-kyc-typography--secondary,
3781
+ .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--secondary,
3782
+ .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--secondary {
3783
+ text-align: left;
3899
3784
  }
3900
3785
  .adyen-kyc__high-exposure-company .adyen-kyc-typography--title,
3901
3786
  .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title,
@@ -3918,45 +3803,95 @@ fieldset {
3918
3803
  }
3919
3804
  .adyen-kyc-high-exposure-financials .adyen-kyc-helper-text__above {
3920
3805
  height: var(--adyen-sdk-spacer-120, 48px);
3921
- }.adyen-kyc-provider-button {
3922
- align-items: center;
3806
+ }
3807
+
3808
+ .adyen-kyc-high-exposure-structured-address {
3809
+ padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px);
3810
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3811
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3812
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3813
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3814
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3815
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3816
+ }/* for container queries */
3817
+ .adyen-kyc-stack-layout {
3818
+ align-items: flex-start;
3923
3819
  display: flex;
3924
- gap: var(--adyen-sdk-spacer-060);
3925
- justify-content: center;
3926
- max-height: var(--adyen-sdk-text-body-line-height);
3927
- overflow: visible;
3820
+ flex-direction: column;
3821
+ width: 100%;
3928
3822
  }
3929
3823
 
3930
- .adyen-kyc-provider-button-display-name {
3931
- display: none;
3824
+ .adyen-kyc-stack-layout-gap-xs {
3825
+ gap: var(--adyen-sdk-spacer-020);
3932
3826
  }
3933
3827
 
3934
- .adyen-kyc-provider-button svg {
3935
- display: block;
3936
- height: 28px;
3937
- width: auto;
3828
+ .adyen-kyc-stack-layout-gap-s {
3829
+ gap: var(--adyen-sdk-spacer-040);
3938
3830
  }
3939
- /**
3940
- /* @deprecated - do not use this
3941
- */
3942
- .adyen-kyc-tile-container {
3943
- width: 100%;
3831
+
3832
+ .adyen-kyc-stack-layout-gap-m {
3833
+ gap: var(--adyen-sdk-spacer-070);
3944
3834
  }
3945
3835
 
3946
- .adyen-kyc-tile {
3947
- border: var(--adyen-kyc-border-default-s);
3948
- display: flex;
3949
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3950
- outline: none;
3951
- padding: var(--adyen-sdk-spacer-070, 16px);
3952
- cursor: pointer;
3953
- flex-direction: column;
3836
+ .adyen-kyc-stack-layout-gap-l {
3837
+ gap: var(--adyen-sdk-spacer-100);
3838
+ }
3839
+
3840
+ .adyen-kyc-stack-layout-gap-xl {
3841
+ gap: var(--adyen-sdk-spacer-140);
3842
+ }
3843
+
3844
+ @container main (min-width: 480px) {
3845
+ .adyen-kyc-stack-layout-horizontal {
3846
+ flex-direction: row;
3847
+ }
3848
+ .adyen-kyc-stack-layout-horizontal > * {
3849
+ flex-grow: 1;
3850
+ }
3851
+ }.adyen-kyc-landing-layout-image {
3852
+ margin: 0 auto;
3853
+ }
3854
+
3855
+ .adyen-kyc-landing-layout-image svg,
3856
+ .adyen-kyc-landing-layout-image span {
3857
+ width: 100%;
3858
+ height: 100%;
3859
+ }
3860
+
3861
+ .adyen-kyc-landing-layout-actions {
3862
+ text-align: center;
3863
+ max-width: 320px;
3864
+ width: 100%;
3865
+ margin: 0 auto;
3866
+ }
3867
+
3868
+ .adyen-kyc-landing-layout-disclaimer {
3869
+ text-align: center;
3870
+ margin-top: var(--adyen-sdk-spacer-040);
3871
+ }
3872
+
3873
+ .adyen-kyc-landing-layout-center {
3874
+ text-align: center;
3875
+ width: 100%;
3876
+ }
3877
+ .adyen-kyc-tile-container {
3878
+ width: 100%;
3879
+ }
3880
+
3881
+ .adyen-kyc-tile {
3882
+ border: var(--adyen-sdk-border-default-s);
3883
+ display: flex;
3884
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3885
+ outline: none;
3886
+ padding: var(--adyen-sdk-spacer-070, 16px);
3887
+ cursor: pointer;
3888
+ flex-direction: column;
3954
3889
  align-items: center;
3955
3890
  text-align: center;
3956
3891
  height: 100%;
3957
3892
  }
3958
3893
  .adyen-kyc-tile-icon {
3959
- background: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3894
+ background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3960
3895
  width: var(--adyen-sdk-spacer-110, 40px);
3961
3896
  height: var(--adyen-sdk-spacer-110, 40px);
3962
3897
  display: flex;
@@ -3966,19 +3901,19 @@ fieldset {
3966
3901
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3967
3902
  }
3968
3903
  .adyen-kyc-tile svg {
3969
- color: var(--adyen-sdk-color-label-primary, #00112c);
3904
+ color: var(--adyen-sdk-color-label-primary, #001222);
3970
3905
  max-width: var(--adyen-sdk-spacer-070, 16px);
3971
3906
  max-height: var(--adyen-sdk-spacer-070, 16px);
3972
3907
  }
3973
3908
  .adyen-kyc-tile-title {
3974
- color: var(--adyen-sdk-color-link-primary, #00112c);
3909
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
3975
3910
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3976
3911
  }
3977
3912
  .adyen-kyc-tile:hover {
3978
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3913
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3979
3914
  }
3980
3915
  .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3981
- background: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
3916
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3982
3917
  }
3983
3918
  .adyen-kyc-tile-checkbox {
3984
3919
  border: 0;
@@ -3998,18 +3933,18 @@ fieldset {
3998
3933
  }
3999
3934
 
4000
3935
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
4001
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #00112c) inset;
4002
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3936
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3937
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
4003
3938
  }
4004
3939
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
4005
- background: var(--adyen-sdk-color-label-primary, #00112c);
3940
+ background: var(--adyen-sdk-color-label-primary, #001222);
4006
3941
  }
4007
3942
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
4008
- color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3943
+ color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4009
3944
  }
4010
3945
 
4011
3946
  .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
4012
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
3947
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
4013
3948
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4014
3949
  transition-property: box-shadow;
4015
3950
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -4025,10 +3960,7 @@ fieldset {
4025
3960
  }
4026
3961
  .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-label {
4027
3962
  margin-left: var(--adyen-sdk-spacer-070, 16px);
4028
- }/**
4029
- /* @deprecated - do not use this
4030
- */
4031
- .adyen-kyc-tile-group {
3963
+ }.adyen-kyc-tile-group {
4032
3964
  gap: var(--adyen-sdk-spacer-040, 8px);
4033
3965
  display: flex;
4034
3966
  flex-wrap: wrap;
@@ -4045,7 +3977,7 @@ fieldset {
4045
3977
  display: flex;
4046
3978
  justify-content: center;
4047
3979
  align-items: center;
4048
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3980
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4049
3981
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
4050
3982
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4051
3983
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -4064,10 +3996,16 @@ fieldset {
4064
3996
  }
4065
3997
  .adyen-kyc-tile-group-horizontal .adyen-kyc-tile-container {
4066
3998
  width: 100%;
3999
+ }.adyen-kyc-guidance-question {
4000
+ margin-bottom: var(--adyen-sdk-spacer-140, 64px);
4001
+ }
4002
+
4003
+ .adyen-kyc-options {
4004
+ margin-top: var(--adyen-sdk-spacer-080, 20px);
4067
4005
  }.adyen-kyc-conflict-row-table td {
4068
4006
  padding: var(--adyen-sdk-spacer-060, 12px);
4069
4007
  height: var(--adyen-sdk-spacer-050, 10px);
4070
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4008
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
4071
4009
  }
4072
4010
  .adyen-kyc-conflict-row-table td:first-child {
4073
4011
  padding-right: var(--adyen-sdk-spacer-100, 32px);
@@ -4077,7 +4015,7 @@ fieldset {
4077
4015
  .adyen-kyc-conflict-row-list {
4078
4016
  display: flex;
4079
4017
  flex-direction: row;
4080
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4018
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
4081
4019
  padding: var(--adyen-sdk-spacer-060, 12px);
4082
4020
  }
4083
4021
  .adyen-kyc-conflict-row-list dt {
@@ -4128,97 +4066,27 @@ fieldset {
4128
4066
  .adyen-kyc-data-conflicts-list {
4129
4067
  display: none;
4130
4068
  }
4131
- }.adyen-kyc-verification-disclaimer {
4132
- text-align: center;
4133
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4134
4069
  }/* for container queries */
4135
- .adyen-kyc-verification-header {
4136
- text-align: center;
4137
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4138
- width: 370px;
4139
- }
4140
- @container main (min-width: 1024px) {
4141
- .adyen-kyc-verification-header {
4142
- width: 464px;
4143
- }
4144
- }
4145
-
4146
- .adyen-kyc-verification-header-image {
4147
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4148
- width: 180px;
4149
- height: 142px;
4150
- }
4151
-
4152
- .adyen-kyc-verification-header-content {
4153
- text-align: center;
4154
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4155
- }/* for container queries */
4156
- .adyen-kyc-verify-onfido-container {
4157
- display: flex;
4158
- flex-direction: column;
4159
- align-items: center;
4160
- }
4161
- @container main (min-width: 1024px) {
4162
- .adyen-kyc-verify-onfido-container {
4163
- width: 528px;
4164
- }
4070
+ .adyen-kyc-verification-header-image svg {
4071
+ max-width: 180px;
4165
4072
  }
4166
4073
 
4167
4074
  .adyen-kyc-verify-onfido-error {
4168
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4169
- }
4170
-
4171
- .adyen-kyc-verify-onfido-header {
4172
- text-align: center;
4173
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4174
- width: 370px;
4175
- }
4176
- @container main (min-width: 1024px) {
4177
- .adyen-kyc-verify-onfido-header {
4178
- width: 464px;
4179
- }
4180
- }
4181
- .adyen-kyc-verify-onfido-header-image {
4182
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4183
- width: 180px;
4184
- height: 142px;
4185
- }
4186
-
4187
- .adyen-kyc-verify-onfido-content {
4188
- width: 350px;
4189
- display: flex;
4190
- flex-direction: column;
4191
- gap: var(--adyen-sdk-spacer-040, 8px);
4192
- align-items: center;
4193
- }
4194
-
4195
- .adyen-kyc-verify-onfido-body {
4196
- text-align: center;
4197
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4075
+ width: 100%;
4198
4076
  }/* for container queries */
4199
4077
  .adyen-kyc-uploaded-document {
4200
- color: var(--adyen-sdk-color-label-primary, #00112c);
4078
+ color: var(--adyen-sdk-color-label-primary, #001222);
4201
4079
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4202
4080
  display: flex;
4203
4081
  gap: var(--adyen-sdk-spacer-040, 8px);
4204
4082
  justify-content: space-between;
4205
- border: var(--adyen-kyc-border-default-s);
4083
+ border: var(--adyen-sdk-border-default-s);
4206
4084
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
4207
4085
  padding: var(--adyen-sdk-spacer-070, 16px);
4208
- width: 370px;
4086
+ width: 100%;
4209
4087
  vertical-align: middle;
4210
4088
  margin-top: var(--adyen-sdk-spacer-040, 8px);
4211
- }
4212
- @container main (min-width: 1024px) {
4213
- .adyen-kyc-uploaded-document {
4214
- width: 464px;
4215
- }
4216
- }.adyen-kyc-guidance-question {
4217
- margin-bottom: var(--adyen-sdk-spacer-140, 64px);
4218
- }
4219
-
4220
- .adyen-kyc-options {
4221
- margin-top: var(--adyen-sdk-spacer-080, 20px);
4089
+ text-align: left;
4222
4090
  }.adyen-kyc-avatar {
4223
4091
  align-items: center;
4224
4092
  display: flex;
@@ -4326,35 +4194,33 @@ fieldset {
4326
4194
  display: flex;
4327
4195
  justify-content: space-between;
4328
4196
  align-items: center;
4329
- gap: var(--adyen-sdk-spacer-070, 16px);
4330
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4197
+ gap: var(--adyen-sdk-spacer-070);
4198
+ background-color: var(--adyen-sdk-color-background-primary);
4331
4199
  width: 100%;
4332
4200
  min-width: 250px;
4333
4201
  max-width: 650px;
4334
4202
  cursor: pointer;
4335
4203
  /* html button default styling removal */
4336
4204
  border: none;
4337
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
4205
+ border-radius: var(--adyen-sdk-border-radius-m);
4338
4206
  text-align: left;
4339
- padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-080, 20px);
4207
+ padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4340
4208
  }
4341
-
4342
4209
  .adyen-kyc-embedded-status-loading {
4343
4210
  cursor: default;
4344
4211
  }
4345
-
4346
4212
  .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4347
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4213
+ background-color: var(--adyen-sdk-color-background-primary);
4348
4214
  border: none;
4349
4215
  }
4350
4216
 
4351
4217
  .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4352
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4218
+ background-color: var(--adyen-sdk-color-background-secondary);
4353
4219
  transition: background-color 0.2s;
4354
4220
  }
4355
- .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) .adyen-kyc-embedded-status-action-indicator {
4356
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4357
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4221
+ .adyen-kyc-embedded-status-action-indicator {
4222
+ background-color: var(--adyen-sdk-color-background-secondary);
4223
+ color: var(--adyen-sdk-color-label-secondary);
4358
4224
  }
4359
4225
 
4360
4226
  .adyen-kyc-embedded-status-avatar {
@@ -4363,16 +4229,16 @@ fieldset {
4363
4229
  align-items: center;
4364
4230
  width: 40px;
4365
4231
  height: 40px;
4366
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
4367
- color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
4368
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4232
+ border-radius: var(--adyen-sdk-border-radius-m);
4233
+ color: var(--adyen-sdk-color-label-inverse-primary);
4234
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
4369
4235
  }
4370
4236
 
4371
4237
  .adyen-kyc-embedded-status-action-indicator {
4372
- border: var(--adyen-kyc-border-default-s);
4373
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
4374
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4375
- padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-050, 10px);
4238
+ border: var(--adyen-sdk-border-default-s);
4239
+ border-radius: var(--adyen-sdk-border-radius-m);
4240
+ background-color: var(--adyen-sdk-color-background-primary);
4241
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4376
4242
  }
4377
4243
 
4378
4244
  .adyen-kyc-embedded-status-info {
@@ -4380,31 +4246,7 @@ fieldset {
4380
4246
  flex-direction: column;
4381
4247
  flex: 1;
4382
4248
  overflow-x: auto;
4383
- }.adyen-kyc-manage-transfer-instrument {
4384
- padding: var(--adyen-sdk-spacer-070, 16px);
4385
- width: 100%;
4386
- display: flex;
4387
- align-items: center;
4388
- flex-direction: column;
4389
- }.adyen-kyc-manage-ti-overview {
4390
- display: flex;
4391
- flex-direction: column;
4392
- align-items: center;
4393
- width: 100%;
4394
- }.adyen-kyc-manage-ti-overview-item-summary {
4395
- margin: var(--adyen-sdk-spacer-060, 12px);
4396
- }
4397
- .adyen-kyc-manage-ti-overview-item-summary__header {
4398
- margin-left: var(--adyen-sdk-spacer-060, 12px);
4399
- }
4400
- .adyen-kyc-manage-ti-overview-item-summary__error {
4401
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4402
4249
  }
4403
- .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
4404
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4405
- }/**
4406
- /* @deprecated - do not use this
4407
- */
4408
4250
  /* for container queries */
4409
4251
  .adyen-kyc-status {
4410
4252
  border: 0;
@@ -4417,15 +4259,15 @@ fieldset {
4417
4259
  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4418
4260
  }
4419
4261
  .adyen-kyc-status--finished {
4420
- color: var(--adyen-sdk-color-label-success, #07893c);
4262
+ color: var(--adyen-sdk-color-label-success, #008845);
4421
4263
  }
4422
4264
  .adyen-kyc-status--download {
4423
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4265
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4424
4266
  cursor: pointer;
4425
4267
  }
4426
4268
  .adyen-kyc-status--error {
4427
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4428
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
4269
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4270
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
4429
4271
  }
4430
4272
  .adyen-kyc-status__icon {
4431
4273
  align-self: center;
@@ -4443,20 +4285,20 @@ fieldset {
4443
4285
  font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
4444
4286
  }
4445
4287
  .adyen-kyc-status__icon--error .adyen-kyc-icon {
4446
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4288
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4447
4289
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4448
4290
  }
4449
4291
  .adyen-kyc-status__icon--finished {
4450
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
4292
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
4451
4293
  }
4452
4294
  .adyen-kyc-status__icon--download {
4453
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
4295
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
4454
4296
  }
4455
4297
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
4456
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4298
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
4457
4299
  }
4458
4300
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
4459
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4301
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
4460
4302
  }
4461
4303
  .adyen-kyc-status__icon--large {
4462
4304
  height: 24px;
@@ -4470,9 +4312,24 @@ fieldset {
4470
4312
  .adyen-kyc-status__text {
4471
4313
  display: none;
4472
4314
  }
4473
- }/**
4474
- /* @deprecated - do not use this
4475
- */
4315
+ }.adyen-kyc-provider-button {
4316
+ align-items: center;
4317
+ display: flex;
4318
+ gap: var(--adyen-sdk-spacer-060);
4319
+ justify-content: center;
4320
+ max-height: var(--adyen-sdk-text-body-line-height);
4321
+ overflow: visible;
4322
+ }
4323
+
4324
+ .adyen-kyc-provider-button-display-name {
4325
+ display: none;
4326
+ }
4327
+
4328
+ .adyen-kyc-provider-button svg {
4329
+ display: block;
4330
+ height: 28px;
4331
+ width: auto;
4332
+ }
4476
4333
  .adyen-task-list__container {
4477
4334
  margin-left: auto;
4478
4335
  margin-right: auto;
@@ -4483,7 +4340,7 @@ fieldset {
4483
4340
 
4484
4341
  .adyen-kyc-card.adyen-kyc-add-payout {
4485
4342
  align-items: center;
4486
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4343
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4487
4344
  display: flex;
4488
4345
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4489
4346
  justify-content: center;
@@ -4530,7 +4387,7 @@ fieldset {
4530
4387
  .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4531
4388
  width: 100%;
4532
4389
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4533
- color: var(--adyen-sdk-color-label-primary, #00112c);
4390
+ color: var(--adyen-sdk-color-label-primary, #001222);
4534
4391
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4535
4392
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4536
4393
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -4552,10 +4409,7 @@ fieldset {
4552
4409
  .adyen-task-list__description {
4553
4410
  display: flex;
4554
4411
  align-items: center;
4555
- }/**
4556
- /* @deprecated - do not use this
4557
- */
4558
- /* for container queries */
4412
+ }/* for container queries */
4559
4413
  .adyen-task-item {
4560
4414
  gap: var(--adyen-sdk-spacer-100, 32px);
4561
4415
  }
@@ -4591,7 +4445,7 @@ fieldset {
4591
4445
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4592
4446
  }
4593
4447
  .adyen-task-item__title {
4594
- color: var(--adyen-sdk-color-label-primary, #00112c);
4448
+ color: var(--adyen-sdk-color-label-primary, #001222);
4595
4449
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4596
4450
  }
4597
4451
  .adyen-task-item-alert {
@@ -4614,10 +4468,7 @@ fieldset {
4614
4468
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4615
4469
  margin-right: var(--adyen-sdk-spacer-040, 8px);
4616
4470
  padding-top: 1px;
4617
- }/**
4618
- /* @deprecated - do not use this
4619
- */
4620
- /* for container queries */
4471
+ }/* for container queries */
4621
4472
  .adyen-task-list-group {
4622
4473
  align-items: flex-start;
4623
4474
  background: var(--adyen-sdk-color-background-primary, #ffffff);
@@ -4632,16 +4483,13 @@ fieldset {
4632
4483
  }
4633
4484
  .adyen-task-list-group > .adyen-kyc-card__body {
4634
4485
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
4635
- }/**
4636
- /* @deprecated - do not use this
4637
- */
4638
- /* for container queries */
4486
+ }.adyen-kyc-business-lines {
4487
+ flex-direction: column;
4488
+ width: 100%;
4489
+ max-width: 520px;
4490
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
4491
+ }/* for container queries */
4639
4492
  .adyen-kyc-dropin {
4640
- color: var(--adyen-sdk-color-label-primary, #00112c);
4641
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4642
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4643
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4644
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4645
4493
  background: var(--adyen-sdk-color-background-primary, #ffffff);
4646
4494
  display: flex;
4647
4495
  flex-direction: column;
@@ -4695,17 +4543,7 @@ fieldset {
4695
4543
  }.adyen-kyc-settlor-exemption-reasons-list {
4696
4544
  list-style-position: inside;
4697
4545
  padding: 0;
4698
- }/**
4699
- /* @deprecated - do not use this
4700
- */
4701
- .adyen-kyc-trust-members {
4702
- color: var(--adyen-sdk-color-label-primary, #00112c);
4703
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4704
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4705
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4706
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4707
- }
4708
- .adyen-kyc-trust-members__box {
4546
+ }.adyen-kyc-trust-members__box {
4709
4547
  display: flex;
4710
4548
  flex-direction: column;
4711
4549
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
@@ -4716,7 +4554,7 @@ fieldset {
4716
4554
  width: fit-content;
4717
4555
  }
4718
4556
  .adyen-kyc-trust-members__add {
4719
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4557
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4720
4558
  width: 100%;
4721
4559
  }
4722
4560
  .adyen-kyc-trust-members__add .adyen-kyc-icon {
@@ -4724,7 +4562,7 @@ fieldset {
4724
4562
  }
4725
4563
  .adyen-kyc-trust-members__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
4726
4564
  background-color: transparent;
4727
- border: var(--adyen-kyc-border-default-s);
4565
+ border: var(--adyen-sdk-border-default-s);
4728
4566
  border-top: 0;
4729
4567
  border-top-left-radius: 0;
4730
4568
  border-top-right-radius: 0;
@@ -4732,17 +4570,7 @@ fieldset {
4732
4570
  height: 48px;
4733
4571
  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
4734
4572
  padding-top: var(--adyen-sdk-spacer-020, 4px);
4735
- }/**
4736
- /* @deprecated - do not use this
4737
- */
4738
- .adyen-kyc-entity-status {
4739
- color: var(--adyen-sdk-color-label-primary, #00112c);
4740
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4741
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4742
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4743
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4744
- }
4745
- .adyen-kyc-entity-status__container {
4573
+ }.adyen-kyc-entity-status__container {
4746
4574
  display: flex;
4747
4575
  flex-direction: row;
4748
4576
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
@@ -4764,16 +4592,16 @@ fieldset {
4764
4592
  }
4765
4593
  .adyen-kyc-entity-status__icon--satisfied {
4766
4594
  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
4767
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
4595
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
4768
4596
  }
4769
4597
  .adyen-kyc-entity-status__icon--empty {
4770
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4598
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4771
4599
  }
4772
4600
  .adyen-kyc-entity-status__legend {
4773
4601
  display: flex;
4774
4602
  padding-bottom: var(--adyen-sdk-spacer-090, 24px);
4775
4603
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
4776
- border-bottom: var(--adyen-kyc-border-default-s);
4604
+ border-bottom: var(--adyen-sdk-border-default-s);
4777
4605
  }
4778
4606
  .adyen-kyc-entity-status__legend--rule {
4779
4607
  display: flex;
@@ -4782,15 +4610,7 @@ fieldset {
4782
4610
  }
4783
4611
  .adyen-kyc-entity-status--text {
4784
4612
  margin-top: var(--adyen-sdk-spacer-020, 4px);
4785
- }/**
4786
- /* @deprecated - do not use this
4787
- */
4788
- .adyen-kyc-entity-association {
4789
- color: var(--adyen-sdk-color-label-primary, #00112c);
4790
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4791
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4792
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4793
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4613
+ }.adyen-kyc-entity-association {
4794
4614
  display: flex;
4795
4615
  flex-direction: column;
4796
4616
  margin: var(--adyen-sdk-spacer-000, 0px);
@@ -4825,7 +4645,7 @@ fieldset {
4825
4645
  }
4826
4646
  .adyen-kyc-entity-association__more-actions-toggle {
4827
4647
  border-radius: 50%;
4828
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4648
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4829
4649
  font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
4830
4650
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4831
4651
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -4840,7 +4660,7 @@ fieldset {
4840
4660
  margin: var(--adyen-sdk-spacer-000, 0px);
4841
4661
  }
4842
4662
  .adyen-kyc-entity-association__more-actions-toggle:hover {
4843
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4663
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4844
4664
  }
4845
4665
  .adyen-kyc-entity-association__remove {
4846
4666
  display: flex;
@@ -4855,7 +4675,7 @@ fieldset {
4855
4675
  padding: var(--adyen-sdk-spacer-040, 8px);
4856
4676
  }.adyen-kyc-actions-menu {
4857
4677
  background: var(--adyen-sdk-color-background-secondary);
4858
- border: var(--adyen-kyc-border-default-s);
4678
+ border: var(--adyen-sdk-border-default-s);
4859
4679
  border-radius: var(--adyen-sdk-border-radius-l);
4860
4680
  box-shadow: var(--adyen-sdk-shadow-medium);
4861
4681
  display: flex;
@@ -4909,82 +4729,97 @@ fieldset {
4909
4729
  }
4910
4730
  .adyen-kyc-entity-association .adyen-kyc-alert .adyen-kyc-alert-header {
4911
4731
  align-items: center;
4912
- }/**
4913
- /* @deprecated - do not use this
4914
- */
4915
- .adyen-kyc-verification {
4916
- color: var(--adyen-sdk-color-label-primary, #00112c);
4917
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4918
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4919
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4920
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4732
+ }.adyen-kyc-manage-transfer-instrument {
4733
+ padding: var(--adyen-sdk-spacer-070, 16px);
4734
+ width: 100%;
4735
+ display: flex;
4736
+ align-items: center;
4737
+ flex-direction: column;
4738
+ }.adyen-kyc-manage-ti-overview {
4739
+ display: flex;
4740
+ flex-direction: column;
4741
+ align-items: center;
4742
+ width: 100%;
4743
+ }.adyen-kyc-manage-ti-overview-item-summary {
4744
+ margin: var(--adyen-sdk-spacer-060, 12px);
4745
+ }
4746
+ .adyen-kyc-manage-ti-overview-item-summary__header {
4747
+ margin-left: var(--adyen-sdk-spacer-060, 12px);
4748
+ }
4749
+ .adyen-kyc-manage-ti-overview-item-summary__error {
4750
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4751
+ }
4752
+ .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
4753
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4754
+ }.adyen-kyc-verification {
4921
4755
  display: block;
4922
4756
  overflow: hidden;
4923
4757
  position: relative;
4924
4758
  }
4925
4759
 
4926
4760
  .adyen-kyc-verification-description {
4927
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4761
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4928
4762
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4929
4763
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
4930
4764
  margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);
4765
+ }.adyen-kyc-tabs {
4766
+ display: flex;
4767
+ gap: 8px;
4931
4768
  }.adyen-kyc-debug-modal {
4932
4769
  display: flex;
4933
4770
  flex-direction: column;
4934
4771
  height: 100%;
4935
4772
  }
4936
4773
 
4937
- .adyen-kyc-debug-modal__header {
4774
+ .adyen-kyc-debug-header {
4938
4775
  width: 100%;
4939
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
4940
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
4941
- padding: var(--adyen-sdk-spacer-070, 16px);
4776
+ font-size: var(--adyen-sdk-text-title-font-size);
4777
+ font-weight: var(--adyen-sdk-text-title-font-weight);
4778
+ padding: var(--adyen-sdk-spacer-070);
4942
4779
  }
4943
4780
 
4944
- .adyen-kyc-debug-modal__header-tabs {
4781
+ .adyen-kyc-header-tabs {
4945
4782
  display: flex;
4946
4783
  gap: 8px;
4947
4784
  }
4948
4785
 
4949
- .adyen-kyc-debug-modal__footer {
4950
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
4786
+ .adyen-kyc-footer {
4787
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary);
4951
4788
  width: 100%;
4952
4789
  display: flex;
4953
4790
  align-items: center;
4954
4791
  justify-content: space-between;
4955
- padding: var(--adyen-sdk-spacer-070, 16px);
4792
+ padding: var(--adyen-sdk-spacer-070);
4956
4793
  }
4957
- .adyen-kyc-debug-modal__footer--copy-status {
4794
+ .adyen-kyc-footer-copy-status {
4958
4795
  margin-left: 1em;
4959
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
4960
- outline: 1px solid var(--adyen-sdk-color-background-success-strong, #07893c);
4961
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
4796
+ color: var(--adyen-sdk-color-background-success-strong);
4797
+ outline: 1px solid var(--adyen-sdk-color-background-success-strong);
4798
+ background-color: var(--adyen-sdk-color-background-success-weak);
4962
4799
  border-radius: 5px;
4963
4800
  padding: 0.5em;
4964
4801
  }
4965
4802
 
4966
- .adyen-kyc-debug-modal__table-key {
4803
+ .adyen-kyc-table-key {
4967
4804
  margin-right: 1em;
4968
4805
  }
4969
4806
 
4970
- .adyen-kyc-debug-modal__content {
4807
+ .adyen-kyc-content {
4971
4808
  display: flex;
4972
4809
  flex-direction: column;
4973
4810
  flex-grow: 1;
4974
4811
  gap: 24px;
4975
4812
  overflow-y: auto;
4976
- padding: var(--adyen-sdk-spacer-070, 16px);
4813
+ padding: var(--adyen-sdk-spacer-070);
4977
4814
  }
4978
4815
 
4979
- .adyen-kyc-debug-modal__meta {
4816
+ .adyen-kyc-meta {
4980
4817
  display: flex;
4981
4818
  flex-direction: column;
4982
4819
  gap: 4px;
4983
4820
  margin: 0 1em;
4984
- }.adyen-kyc-tabs {
4985
- display: flex;
4986
- gap: 8px;
4987
- }.adyen-kyc-header th {
4821
+ }
4822
+ .adyen-kyc-header th {
4988
4823
  text-align: start;
4989
4824
  }
4990
4825
 
@@ -5000,12 +4835,12 @@ fieldset {
5000
4835
  padding: 4px;
5001
4836
  }
5002
4837
  .adyen-kyc-table tbody tr:nth-child(odd) {
5003
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4838
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5004
4839
  }
5005
4840
  .adyen-kyc-table tbody tr:nth-child(even) {
5006
4841
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
5007
4842
  }.adyen-kyc-introduction {
5008
- color: var(--adyen-sdk-color-label-primary, #00112c);
4843
+ color: var(--adyen-sdk-color-label-primary, #001222);
5009
4844
  display: flex;
5010
4845
  flex-direction: column;
5011
4846
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -5018,7 +4853,7 @@ fieldset {
5018
4853
  text-align: right;
5019
4854
  }
5020
4855
  .adyen-kyc-introduction__number {
5021
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4856
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5022
4857
  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5023
4858
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5024
4859
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -5123,17 +4958,37 @@ fieldset {
5123
4958
 
5124
4959
  .adyen-kyc-singpass-logo-container {
5125
4960
  width: 92px;
5126
- }/**
5127
- /* @deprecated - do not use this
5128
- */
5129
- /* for container queries */
5130
- .adyen-kyc-decision-makers {
5131
- color: var(--adyen-sdk-color-label-primary, #00112c);
5132
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5133
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
5134
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5135
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4961
+ }.adyen-kyc-in-task-status {
4962
+ width: 148px;
4963
+ height: 26px;
4964
+ display: flex;
4965
+ justify-content: center;
4966
+ align-items: center;
4967
+ margin: 0 auto 8px;
4968
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
4969
+ padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4970
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
4971
+ }
4972
+ .adyen-kyc-in-task-status-indicator {
4973
+ width: var(--adyen-sdk-spacer-060, 12px);
4974
+ height: var(--adyen-sdk-spacer-060, 12px);
4975
+ border-radius: 50%;
4976
+ margin-right: var(--adyen-sdk-spacer-020, 4px);
4977
+ }
4978
+ .adyen-kyc-in-task-status-indicator-success {
4979
+ background-color: var(--adyen-sdk-color-decorative-green, #00d16a);
4980
+ }
4981
+ .adyen-kyc-in-task-status-indicator-error {
4982
+ background-color: var(--adyen-sdk-color-decorative-red, #f73f01);
4983
+ }
4984
+ .adyen-kyc-in-task-status-indicator-warning {
4985
+ background-color: var(--adyen-sdk-color-decorative-orange, #f99300);
5136
4986
  }
4987
+ .adyen-kyc-in-task-status-label {
4988
+ font-size: var(--adyen-sdk-spacer-060, 12px);
4989
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
4990
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4991
+ }/* for container queries */
5137
4992
  @container main (min-width: 680px) and (max-width: 1024px) {
5138
4993
  .adyen-kyc-decision-makers__container {
5139
4994
  display: flex;
@@ -5170,48 +5025,142 @@ fieldset {
5170
5025
  }
5171
5026
  .adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
5172
5027
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
5173
- }/**
5174
- /* @deprecated - do not use this
5175
- */
5176
- .adyen-kyc-in-task-status {
5177
- width: 148px;
5178
- height: 26px;
5179
- display: flex;
5180
- justify-content: center;
5028
+ }.adyen-kyc-list-item {
5181
5029
  align-items: center;
5182
- margin: 0 auto 8px;
5183
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5184
- padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
5185
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
5030
+ background-color: transparent;
5031
+ border: none;
5032
+ display: flex;
5033
+ gap: var(--adyen-sdk-spacer-040, 8px);
5034
+ overflow: hidden;
5035
+ text-align: left;
5036
+ width: 100%;
5186
5037
  }
5187
- .adyen-kyc-in-task-status-indicator {
5188
- width: var(--adyen-sdk-spacer-060, 12px);
5189
- height: var(--adyen-sdk-spacer-060, 12px);
5190
- border-radius: 50%;
5191
- margin-right: var(--adyen-sdk-spacer-020, 4px);
5038
+
5039
+ .adyen-kyc-list-item-interactive {
5040
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
5041
+ cursor: pointer;
5042
+ outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
5043
+ outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
5044
+ padding: var(--adyen-sdk-spacer-040, 8px);
5045
+ transition: var(--adyen-sdk-animation-duration-slow, 250ms);
5192
5046
  }
5193
- .adyen-kyc-in-task-status-indicator-success {
5194
- background-color: var(--adyen-sdk-color-decorative-green, #09ab4b);
5047
+ @media (hover: hover) {
5048
+ .adyen-kyc-list-item-interactive:hover {
5049
+ background-color: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
5050
+ }
5195
5051
  }
5196
- .adyen-kyc-in-task-status-indicator-error {
5197
- background-color: var(--adyen-sdk-color-decorative-red, #e22d2d);
5052
+ .adyen-kyc-list-item-interactive:active {
5053
+ background-color: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
5198
5054
  }
5199
- .adyen-kyc-in-task-status-indicator-warning {
5200
- background-color: var(--adyen-sdk-color-decorative-orange, #dd7d00);
5055
+ .adyen-kyc-list-item-interactive:focus-visible {
5056
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
5201
5057
  }
5202
- .adyen-kyc-in-task-status-label {
5203
- font-size: var(--adyen-sdk-spacer-060, 12px);
5204
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
5205
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
5206
- }/**
5207
- /* @deprecated - do not use this
5208
- */
5209
- .adyen-kyc-source-of-funds {
5210
- color: var(--adyen-sdk-color-label-primary, #00112c);
5058
+ .adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
5059
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
5060
+ pointer-events: none;
5061
+ }
5062
+
5063
+ .adyen-kyc-list-item-text {
5064
+ display: flex;
5065
+ flex-direction: column;
5066
+ flex-grow: 1;
5067
+ gap: var(--adyen-sdk-spacer-010, 2px);
5068
+ padding-left: var(--adyen-sdk-spacer-040, 8px);
5069
+ padding-right: var(--adyen-sdk-spacer-040, 8px);
5070
+ }
5071
+
5072
+ .adyen-kyc-list-item-title {
5073
+ color: var(--adyen-sdk-color-label-primary, #001222);
5211
5074
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5212
5075
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
5213
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5076
+ font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
5214
5077
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
5078
+ margin: 0;
5079
+ }
5080
+
5081
+ .adyen-kyc-list-item-description {
5082
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
5083
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5084
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5085
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
5086
+ }
5087
+
5088
+ .adyen-kyc-list-item-disclosure {
5089
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5090
+ height: 16px;
5091
+ width: 16px;
5092
+ }
5093
+
5094
+ .adyen-kyc-list-item-accessory {
5095
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5096
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5097
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5098
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5099
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
5100
+ overflow: hidden;
5101
+ text-overflow: ellipsis;
5102
+ white-space: nowrap;
5103
+ }.adyen-kyc-decision-maker-details-actions {
5104
+ text-align: center;
5105
+ max-width: 320px;
5106
+ width: 100%;
5107
+ margin: 0 auto;
5108
+ }.adyen-kyc-decision-makers-getting-started {
5109
+ max-width: 450px;
5110
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
5111
+ }.adyen-kyc-tax-reporting-dropin {
5112
+ display: flex;
5113
+ flex-direction: column;
5114
+ align-items: center;
5115
+ }
5116
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-text-center {
5117
+ text-align: center;
5118
+ }
5119
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-radio-caption {
5120
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px);
5121
+ }
5122
+ .adyen-kyc-tax-reporting-dropin-getting-started {
5123
+ text-align: center;
5124
+ max-width: 520px;
5125
+ }
5126
+ .adyen-kyc-tax-reporting-dropin-form-container {
5127
+ max-width: 520px;
5128
+ }
5129
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle {
5130
+ text-align: center;
5131
+ margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-140, 64px) 0;
5132
+ }
5133
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle a {
5134
+ color: var(--adyen-sdk-color-label-primary, #001222);
5135
+ }
5136
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary {
5137
+ text-align: left;
5138
+ margin: var(--adyen-sdk-spacer-140, 64px) 0 var(--adyen-sdk-spacer-100, 32px) 0;
5139
+ }
5140
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card {
5141
+ border: none;
5142
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5143
+ }
5144
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--header {
5145
+ padding: var(--adyen-sdk-spacer-070, 16px);
5146
+ }
5147
+ .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--body {
5148
+ margin: 0 var(--adyen-sdk-spacer-070, 16px);
5149
+ padding: var(--adyen-sdk-spacer-070, 16px) 0;
5150
+ border-top: var(--adyen-sdk-border-default-s);
5151
+ }/* for container queries */
5152
+ .adyen-kyc-business-details {
5153
+ min-height: 480px;
5154
+ }
5155
+ @container main (min-width: 680px) and (max-width: 1024px) {
5156
+ .adyen-kyc-business-details .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
5157
+ margin-left: 0;
5158
+ }
5159
+ }
5160
+ .adyen-kyc-business-details--hide,
5161
+ .adyen-kyc-business-details [class*="--hide"] {
5162
+ display: none;
5163
+ }.adyen-kyc-source-of-funds {
5215
5164
  display: flex;
5216
5165
  flex-direction: column;
5217
5166
  width: 100%;
@@ -5235,16 +5184,6 @@ fieldset {
5235
5184
  text-align: center;
5236
5185
  margin: var(--adyen-sdk-spacer-000, 0px) auto;
5237
5186
  }
5238
- .adyen-kyc-source-of-funds-getting-started-icon {
5239
- display: flex;
5240
- justify-content: center;
5241
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5242
- }
5243
- .adyen-kyc-source-of-funds-getting-started-icon > svg {
5244
- max-width: 224px;
5245
- height: 224px;
5246
- display: block;
5247
- }
5248
5187
  .adyen-kyc-source-of-funds-getting-started-heading {
5249
5188
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
5250
5189
  }
@@ -5264,7 +5203,7 @@ fieldset {
5264
5203
  }
5265
5204
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card {
5266
5205
  border: none;
5267
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5206
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5268
5207
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
5269
5208
  }
5270
5209
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
@@ -5298,7 +5237,7 @@ fieldset {
5298
5237
  padding: var(--adyen-sdk-spacer-040, 8px);
5299
5238
  }
5300
5239
  .adyen-kyc-source-of-funds-third-party-funding-financier-group:hover {
5301
- background-color: var(--adyen-sdk-color-background-always-light-hover, #f7f7f8);
5240
+ background-color: var(--adyen-sdk-color-background-always-light-hover, #f4f5f6);
5302
5241
  }
5303
5242
  .adyen-kyc-source-of-funds-third-party-funding-name-avatar-group {
5304
5243
  display: flex;
@@ -5343,7 +5282,7 @@ fieldset {
5343
5282
  }
5344
5283
  .adyen-kyc-source-of-funds-upload-modal-content-requirements-container {
5345
5284
  padding: var(--adyen-sdk-spacer-070, 16px);
5346
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5285
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5347
5286
  text-align: left;
5348
5287
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
5349
5288
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
@@ -5356,69 +5295,4 @@ fieldset {
5356
5295
  display: flex;
5357
5296
  flex-direction: column;
5358
5297
  gap: var(--adyen-sdk-spacer-100, 32px);
5359
- }/**
5360
- /* @deprecated - do not use this
5361
- */
5362
- .adyen-kyc-tax-reporting-dropin {
5363
- display: flex;
5364
- flex-direction: column;
5365
- align-items: center;
5366
- }
5367
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-text-center {
5368
- text-align: center;
5369
- }
5370
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-radio-caption {
5371
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
5372
- }
5373
- .adyen-kyc-tax-reporting-dropin-getting-started {
5374
- text-align: center;
5375
- max-width: 520px;
5376
- }
5377
- .adyen-kyc-tax-reporting-dropin-form-container {
5378
- max-width: 520px;
5379
- }
5380
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle {
5381
- text-align: center;
5382
- margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-140, 64px) 0;
5383
- }
5384
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle a {
5385
- color: var(--adyen-sdk-color-label-primary, #00112c);
5386
- }
5387
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary {
5388
- text-align: left;
5389
- margin: var(--adyen-sdk-spacer-140, 64px) 0 var(--adyen-sdk-spacer-100, 32px) 0;
5390
- }
5391
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card {
5392
- border: none;
5393
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5394
- }
5395
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--header {
5396
- padding: var(--adyen-sdk-spacer-070, 16px);
5397
- }
5398
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--body {
5399
- margin: 0 var(--adyen-sdk-spacer-070, 16px);
5400
- padding: var(--adyen-sdk-spacer-070, 16px) 0;
5401
- border-top: var(--adyen-kyc-border-default-s);
5402
- }.adyen-kyc-business-details {
5403
- min-height: 480px;
5404
- }
5405
- .adyen-kyc-business-details--hide,
5406
- .adyen-kyc-business-details [class*="--hide"] {
5407
- display: none;
5408
- }
5409
- .adyen-kyc-business-details .adyen-kyc-form-header {
5410
- margin: 0 0 var(--adyen-sdk-spacer-120, 48px);
5411
- }
5412
- .adyen-kyc-business-details .adyen-kyc-form-header__heading {
5413
- font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
5414
- font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5415
- font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
5416
- line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
5417
- color: var(--adyen-sdk-color-label-primary, #00112c);
5418
- }
5419
- .adyen-kyc-business-details .adyen-kyc-form-header__description {
5420
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
5421
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5422
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
5423
- color: var(--adyen-sdk-color-label-primary, #00112c);
5424
5298
  }