@adyen/kyc-components 3.80.0 → 3.81.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (297) hide show
  1. package/dist/{AcceptTermsOfServiceComponent-DKDi6iRX.js → AcceptTermsOfServiceComponent-DUZ8m-El.js} +46 -45
  2. package/dist/{AccountSetupRejected-P-8-WKZp.js → AccountSetupRejected-DSGGI8JF.js} +2 -2
  3. package/dist/{Avatar-Bsc58neS.js → Avatar-DY9KPxi_.js} +1 -1
  4. package/dist/{BusinessDetailsDropin-CL-7UQcT.js → BusinessDetailsDropin-CCW1NBK5.js} +36 -63
  5. package/dist/{BusinessFinancingComponent-D1XrIsPc.js → BusinessFinancingComponent-Dn4d85NX.js} +3 -3
  6. package/dist/{BusinessFinancingDropin-DQ56QSPj.js → BusinessFinancingDropin-BpRf2LTA.js} +76 -78
  7. package/dist/{BusinessFinancingPage-B6M7ESoA.js → BusinessFinancingPage-t8vqkZMT.js} +3 -3
  8. package/dist/{BusinessTypeSelectionPage-CFignJ19.js → BusinessTypeSelectionPage-Bk3GHlFq.js} +4 -4
  9. package/dist/{ContractViewer-DiT_8GRM.js → ContractViewer-B2LwC3wV.js} +4 -11
  10. package/dist/{CreateIndividualComponent-DkX98cSx.js → CreateIndividualComponent-DcHuBu_q.js} +3 -3
  11. package/dist/{CreateTransferInstrumentComponent-SaPgQY2J.js → CreateTransferInstrumentComponent-_ZekKCzs.js} +2 -2
  12. package/dist/{CustomerSupport-XD8NZGtZ.js → CustomerSupport-BMHMLSZ9.js} +5 -5
  13. package/dist/{DebugModal-Dx55VMz1.js → DebugModal-CxVACxM4.js} +4 -4
  14. package/dist/{DecisionMakerDetailsPage-3fUQSm8D.js → DecisionMakerDetailsPage-R_PPht3A.js} +3 -3
  15. package/dist/{DecisionMakers-DHeZux6T.js → DecisionMakers-Bxdj0aIF.js} +29 -39
  16. package/dist/DetailViewLayout-Z9cuUp4X.js +65 -0
  17. package/dist/{EmbeddedStatus-BXBTxeW1.js → EmbeddedStatus-CDIMc5D0.js} +2 -2
  18. package/dist/EndStateLayout-ChS903yq.js +71 -0
  19. package/dist/{FormFlow-Urrg9vMm.js → FormFlow-gcCKgNQt.js} +2 -2
  20. package/dist/{IndividualOnfidoDropin-VYVSjf_C.js → IndividualOnfidoDropin-JrEsqyDz.js} +443 -247
  21. package/dist/{Introduction-DZCNLnIC.js → Introduction-DTjWG0SY.js} +3 -3
  22. package/dist/{LegalRepresentativeDetailsPage-zEJCKboy.js → LegalRepresentativeDetailsPage-BAVFc1rZ.js} +3 -3
  23. package/dist/{ManageIndividualComponent-BPI2aesr.js → ManageIndividualComponent-BHsbHn8F.js} +3 -3
  24. package/dist/{ManageTermsOfServiceComponent-BzkhmJMD.js → ManageTermsOfServiceComponent-Dl1Rs8mi.js} +3 -3
  25. package/dist/{ManageTransferInstrumentComponent-nlmjHqMN.js → ManageTransferInstrumentComponent-D1ntoR1k.js} +16 -42
  26. package/dist/{OnboardingDropinComponent-DkkC-O2y.js → OnboardingDropinComponent-Dvq5Ocum.js} +49 -37
  27. package/dist/{Review-CrcnPOYr.js → Review-Mn0Fnm2U.js} +3 -3
  28. package/dist/{RootBusinessDetailsPage-DHv2mk_-.js → RootBusinessDetailsPage-DoCCJDUa.js} +17 -17
  29. package/dist/{RootIndividualDetailsPage-D6AiPFI0.js → RootIndividualDetailsPage-C5WnGiHW.js} +3 -3
  30. package/dist/{SignPCIComponent-B3UDh5F8.js → SignPCIComponent-BGnCTWk_.js} +87 -85
  31. package/dist/{SingpassSelection-DDoYQM_e.js → SingpassSelection-BqY3v7Hq.js} +1 -1
  32. package/dist/{SoleProprietorshipPage-CKWYdVS_.js → SoleProprietorshipPage-VL2n0omM.js} +3 -3
  33. package/dist/{SourceOfFundsPage-D0kJCtH3.js → SourceOfFundsPage-BsHdnsPV.js} +11 -11
  34. package/dist/{StoreProvider-nqVR_kWS.js → StoreProvider-Fbl3I9L7.js} +3232 -2959
  35. package/dist/{TaskItemStatus-o-rpFU9k.js → TaskItemStatus-CC4mw_PB.js} +1 -1
  36. package/dist/{TaskStatusIndicator-6bpYVt4Z.js → TaskStatusIndicator-B7G7gqRt.js} +1 -1
  37. package/dist/{TaxReportingDropin-wcsNHxqr.js → TaxReportingDropin-C8Z2k6kC.js} +8 -8
  38. package/dist/{TileGroup-BrD32_Y0.js → TileGroup-B7_1rrEe.js} +1 -1
  39. package/dist/{TrustDetailsPage-DBoP1d57.js → TrustDetailsPage-q8pyPH40.js} +5 -5
  40. package/dist/{TrustMemberCompanyPage-CH47pq1l.js → TrustMemberCompanyPage-BT4dvwuF.js} +4 -4
  41. package/dist/{TrustMemberIndividualPage-g6tCyoZp.js → TrustMemberIndividualPage-CwxurDZs.js} +3 -3
  42. package/dist/{UnincorporatedPartnershipIndividualPage-BANlV7bn.js → UnincorporatedPartnershipIndividualPage-2Z7Ljh7Y.js} +3 -3
  43. package/dist/{UnincorporatedPartnershipMemberCompanyPage-BSrxjjH_.js → UnincorporatedPartnershipMemberCompanyPage-DD7ihKcb.js} +3 -3
  44. package/dist/{VerificationErrorAlert-w9MIQ2hH.js → VerificationErrorAlert-Cbls8Urj.js} +2 -2
  45. package/dist/{ViewVerificationStatusComponent-DAx2BfA6.js → ViewVerificationStatusComponent-BZbgVCiJ.js} +3 -3
  46. package/dist/adyen-business-financing.js +2 -2
  47. package/dist/adyen-individual.js +2 -2
  48. package/dist/adyen-kyc-components.js +14 -14
  49. package/dist/adyen-manage-individual.js +2 -2
  50. package/dist/adyen-manage-terms-of-service.js +2 -2
  51. package/dist/adyen-manage-transfer-instruments.js +2 -2
  52. package/dist/adyen-onboarding.js +2 -2
  53. package/dist/adyen-terms-of-service.js +2 -2
  54. package/dist/adyen-transfer-instrument.js +2 -2
  55. package/dist/adyen-verification-status.js +2 -2
  56. package/dist/bg-BG-9uVrFuHv.js +23 -0
  57. package/dist/bg-BG-B0-ZcjR0.js +22 -0
  58. package/dist/bg-BG-BYkC3yKf.js +58 -0
  59. package/dist/bg-BG-CMomhopf.js +35 -0
  60. package/dist/bg-BG-Dlzl9Szn.js +36 -0
  61. package/dist/bg-BG-NMIts2sa.js +35 -0
  62. package/dist/bg-BG-hFblesn-.js +15 -0
  63. package/dist/cs-CZ-B8IPRc47.js +15 -0
  64. package/dist/cs-CZ-BkyFDlAU.js +36 -0
  65. package/dist/cs-CZ-Csr_35T-.js +35 -0
  66. package/dist/cs-CZ-DMzortvO.js +35 -0
  67. package/dist/cs-CZ-Dk1ePReM.js +22 -0
  68. package/dist/cs-CZ-Wzc382q6.js +23 -0
  69. package/dist/cs-CZ-zTkICtXj.js +58 -0
  70. package/dist/da-DK-B5KNtXL8.js +36 -0
  71. package/dist/da-DK-BTpZzEgA.js +15 -0
  72. package/dist/da-DK-CeNMXUfE.js +23 -0
  73. package/dist/da-DK-D0N1TVVU.js +58 -0
  74. package/dist/da-DK-DStNe471.js +22 -0
  75. package/dist/da-DK-Dm8o1giq.js +35 -0
  76. package/dist/da-DK-q2b_1elr.js +35 -0
  77. package/dist/de-DE-BA9tcpNQ.js +36 -0
  78. package/dist/de-DE-CGoBPCPv.js +22 -0
  79. package/dist/de-DE-D2ByeIZs.js +35 -0
  80. package/dist/de-DE-DMFaycio.js +35 -0
  81. package/dist/de-DE-DjOUNvp6.js +15 -0
  82. package/dist/de-DE-Dtuu-nE7.js +58 -0
  83. package/dist/de-DE-JI-7mvxy.js +23 -0
  84. package/dist/el-GR-B69zcWyB.js +22 -0
  85. package/dist/el-GR-CGeBAkDN.js +35 -0
  86. package/dist/el-GR-Cu9HwD-f.js +15 -0
  87. package/dist/el-GR-DGW388LZ.js +35 -0
  88. package/dist/el-GR-DIhHT2q_.js +36 -0
  89. package/dist/el-GR-DaO38A1s.js +58 -0
  90. package/dist/el-GR-DfNOPkLq.js +23 -0
  91. package/dist/en-US-546hB2Wn.js +60 -0
  92. package/dist/en-US-BQpgt41j.js +37 -0
  93. package/dist/en-US-BTYdAWXp.js +15 -0
  94. package/dist/en-US-DHq7VYFs.js +23 -0
  95. package/dist/en-US-DX4NHkX-.js +38 -0
  96. package/dist/en-US-SbE0c1gn.js +36 -0
  97. package/dist/es-ES-BsQpwaPN.js +58 -0
  98. package/dist/es-ES-CKMfS8Yy.js +22 -0
  99. package/dist/es-ES-Cj7q7fWO.js +15 -0
  100. package/dist/es-ES-DOVPTeyf.js +23 -0
  101. package/dist/es-ES-RXwbiHjS.js +36 -0
  102. package/dist/es-ES-WWftn3JX.js +35 -0
  103. package/dist/es-ES-pXHx3ODy.js +35 -0
  104. package/dist/et-EE-BJIsPOnh.js +23 -0
  105. package/dist/et-EE-D5lRJbMZ.js +35 -0
  106. package/dist/et-EE-DF_GqBgK.js +58 -0
  107. package/dist/et-EE-Dor3enPS.js +15 -0
  108. package/dist/et-EE-Dw-aPF7J.js +22 -0
  109. package/dist/et-EE-QLVnr6Vl.js +35 -0
  110. package/dist/et-EE-ZssIqWkO.js +36 -0
  111. package/dist/fi-FI-BJ9RzrL3.js +58 -0
  112. package/dist/fi-FI-BNcnKrJ9.js +15 -0
  113. package/dist/fi-FI-D522KHGk.js +23 -0
  114. package/dist/fi-FI-D9E_KaJi.js +35 -0
  115. package/dist/fi-FI-DT351N-G.js +35 -0
  116. package/dist/fi-FI-DmiggQEL.js +36 -0
  117. package/dist/fi-FI-REYOX46I.js +22 -0
  118. package/dist/fr-FR-BNXXNUX_.js +35 -0
  119. package/dist/fr-FR-Bn3D6mmY.js +15 -0
  120. package/dist/fr-FR-CNR5-s9g.js +58 -0
  121. package/dist/fr-FR-Cv0k-3Xc.js +35 -0
  122. package/dist/fr-FR-D9qaP6nx.js +22 -0
  123. package/dist/fr-FR-DInQKkTd.js +23 -0
  124. package/dist/fr-FR-N5wYE2BZ.js +36 -0
  125. package/dist/{getFieldsWithExistingData-D1vVVeaf.js → getFieldsWithExistingData-BjmOzrhP.js} +1 -1
  126. package/dist/{hasDataChanged-DIVMD4Rh.js → hasDataChanged-f49kid1W.js} +2 -2
  127. package/dist/hr-HR-5iwKtfgh.js +36 -0
  128. package/dist/hr-HR-B8AZ4eHJ.js +35 -0
  129. package/dist/hr-HR-CNzbyo9r.js +15 -0
  130. package/dist/hr-HR-CbxEvbrE.js +22 -0
  131. package/dist/hr-HR-CjA4MWAU.js +58 -0
  132. package/dist/hr-HR-CzSrqEFA.js +35 -0
  133. package/dist/hr-HR-DzS44Gpv.js +23 -0
  134. package/dist/hu-HU-Aq1LsWah.js +36 -0
  135. package/dist/hu-HU-BSOiZA7a.js +15 -0
  136. package/dist/hu-HU-D0C6UfXB.js +22 -0
  137. package/dist/hu-HU-DRi6Dz9U.js +35 -0
  138. package/dist/hu-HU-NhwFr6o-.js +58 -0
  139. package/dist/hu-HU-xCvNM5TU.js +23 -0
  140. package/dist/hu-HU-zK6nUqWr.js +35 -0
  141. package/dist/{LandingLayout-CddoBOJ4.js → isIdNowModalOpen-C3cyeMaK.js} +11 -2
  142. package/dist/it-IT-8DEagvb2.js +36 -0
  143. package/dist/it-IT-BV9K87FK.js +58 -0
  144. package/dist/it-IT-BeYbInCQ.js +35 -0
  145. package/dist/it-IT-Biduphjt.js +22 -0
  146. package/dist/it-IT-C_fNHhjE.js +35 -0
  147. package/dist/it-IT-CjEYONJg.js +23 -0
  148. package/dist/it-IT-DvM-9LpM.js +15 -0
  149. package/dist/ja-JP-B2txEVPx.js +22 -0
  150. package/dist/ja-JP-BGAJQs1g.js +36 -0
  151. package/dist/ja-JP-BUz3qN-V.js +23 -0
  152. package/dist/ja-JP-C1OQ16fo.js +35 -0
  153. package/dist/ja-JP-DXcP0ojZ.js +58 -0
  154. package/dist/ja-JP-GXkLvnQ4.js +15 -0
  155. package/dist/ja-JP-weDU8GLW.js +35 -0
  156. package/dist/{localizeDateString-DLWgJuND.js → localizeDateString-aA76e6GH.js} +1 -1
  157. package/dist/lt-LT-B6CJ4ULI.js +23 -0
  158. package/dist/lt-LT-BUYY0LaT.js +35 -0
  159. package/dist/lt-LT-C_YMgjp9.js +22 -0
  160. package/dist/lt-LT-DNjXmQPv.js +15 -0
  161. package/dist/lt-LT-HZOWQKZT.js +36 -0
  162. package/dist/lt-LT-_MzAcXJo.js +35 -0
  163. package/dist/lt-LT-tXTApHm2.js +58 -0
  164. package/dist/lv-LV-B3sT3_cw.js +22 -0
  165. package/dist/lv-LV-B9js9VoA.js +35 -0
  166. package/dist/lv-LV-CRhXAjn6.js +35 -0
  167. package/dist/lv-LV-ChOoZuhc.js +15 -0
  168. package/dist/lv-LV-DSaQNC67.js +58 -0
  169. package/dist/lv-LV-DTtuyfHS.js +23 -0
  170. package/dist/lv-LV-F-Z4lDCV.js +36 -0
  171. package/dist/{mapFinancialReportsToFinancialInformation-anU-0sl0.js → mapFinancialReportsToFinancialInformation-Dx35AZ1B.js} +2 -2
  172. package/dist/mapScriptLocalization-H2Re3k5X.js +35 -0
  173. package/dist/nl-NL-BHqiO21q.js +15 -0
  174. package/dist/nl-NL-C-xUU2N3.js +36 -0
  175. package/dist/nl-NL-DLedC3mO.js +35 -0
  176. package/dist/nl-NL-Dbx0ZmI7.js +35 -0
  177. package/dist/nl-NL-DywVQ9km.js +58 -0
  178. package/dist/nl-NL-G1wVnmzT.js +22 -0
  179. package/dist/nl-NL-Zcq0bXd-.js +23 -0
  180. package/dist/no-NO-47ncaBZY.js +36 -0
  181. package/dist/no-NO-B8oxqfNI.js +58 -0
  182. package/dist/no-NO-BTtAuqCb.js +22 -0
  183. package/dist/no-NO-BxReX6oF.js +23 -0
  184. package/dist/no-NO-C0sfkp82.js +35 -0
  185. package/dist/no-NO-CKT9kLAH.js +15 -0
  186. package/dist/no-NO-CpVal4cV.js +35 -0
  187. package/dist/pl-PL--qPaNyJD.js +22 -0
  188. package/dist/pl-PL-1ylK-_FE.js +35 -0
  189. package/dist/pl-PL-C89s21hn.js +58 -0
  190. package/dist/pl-PL-CZLzkboH.js +36 -0
  191. package/dist/pl-PL-D6heiKsH.js +15 -0
  192. package/dist/pl-PL-DAPGaxWi.js +35 -0
  193. package/dist/pl-PL-T6uD5--R.js +23 -0
  194. package/dist/pt-PT-BY9rcwcF.js +35 -0
  195. package/dist/pt-PT-BkvMsoK4.js +35 -0
  196. package/dist/pt-PT-BvK00TeI.js +58 -0
  197. package/dist/pt-PT-CN4ws8N7.js +36 -0
  198. package/dist/pt-PT-D2elvnDU.js +15 -0
  199. package/dist/pt-PT-Dk48OVtf.js +22 -0
  200. package/dist/pt-PT-N0njcfLO.js +23 -0
  201. package/dist/{resolveEnvironment-BOHs0YoH.js → resolveEnvironment-zIeibPQJ.js} +3 -3
  202. package/dist/ro-RO-BLuOjrS0.js +22 -0
  203. package/dist/ro-RO-CpGd9emB.js +58 -0
  204. package/dist/ro-RO-DJLWmWZ4.js +35 -0
  205. package/dist/ro-RO-DL9V1CMj.js +15 -0
  206. package/dist/ro-RO-Dfx0g3bU.js +35 -0
  207. package/dist/ro-RO-Ic1SzBgx.js +23 -0
  208. package/dist/ro-RO-RylOvc5g.js +36 -0
  209. package/dist/{rules-DF6nIpnn.js → rules-DMMZWi5Q.js} +2 -2
  210. package/dist/sk-SK-B7o3L57C.js +35 -0
  211. package/dist/sk-SK-BSioQTMW.js +15 -0
  212. package/dist/sk-SK-BfJKbtGy.js +36 -0
  213. package/dist/sk-SK-C1Ky2nl_.js +22 -0
  214. package/dist/sk-SK-CiD0FeLN.js +23 -0
  215. package/dist/sk-SK-DlX5KvBV.js +58 -0
  216. package/dist/sk-SK-iO863_t2.js +35 -0
  217. package/dist/sl-SI-BB7iVcFI.js +22 -0
  218. package/dist/sl-SI-BylvpF-X.js +15 -0
  219. package/dist/sl-SI-C8CMAkD0.js +35 -0
  220. package/dist/sl-SI-Cth2Qa5T.js +35 -0
  221. package/dist/sl-SI-DklUFzaY.js +36 -0
  222. package/dist/sl-SI-MZoDApq9.js +23 -0
  223. package/dist/sl-SI-NI2OJAvm.js +58 -0
  224. package/dist/style.css +737 -489
  225. package/dist/styles-CLV89_hH.js +737 -489
  226. package/dist/sv-SE-Bwh0wKFk.js +35 -0
  227. package/dist/sv-SE-CAZpDX9G.js +58 -0
  228. package/dist/sv-SE-DCFSf4Oj.js +23 -0
  229. package/dist/sv-SE-DbI-1JqN.js +22 -0
  230. package/dist/sv-SE-Dwz1yTrB.js +15 -0
  231. package/dist/sv-SE-OPOHtqtP.js +35 -0
  232. package/dist/sv-SE-qduyDIzY.js +36 -0
  233. package/dist/types/api/idNowProvider/useIdNowProvider.d.ts +9 -5
  234. package/dist/types/components/Business/forms/BusinessDetails/forms.d.ts +1 -1
  235. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +29 -32
  236. package/dist/types/components/EmbeddedDropins/ManageTransferInstrumentComponent/ManageTransferInstrumentOverviewItemModal/ManageTransferInstrumentOverviewItemModal.d.ts +0 -1
  237. package/dist/types/components/Individual/fields/NameFields/types.d.ts +4 -18
  238. package/dist/types/components/Individual/forms/IndividualOnfido/IdNowVerificationModal/IdNowVerificationModal.d.ts +4 -0
  239. package/dist/types/components/Individual/forms/IndividualOnfido/IdNowVerificationModal/isIdNowModalOpen.d.ts +16 -0
  240. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/validateExtractionResult.d.ts +12 -0
  241. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts +3 -1
  242. package/dist/types/components/Individual/helpers/shouldShowMotionCapture.d.ts +2 -2
  243. package/dist/types/components/Individual/pages/DecisionMakerDetailsPage.d.ts +2 -1
  244. package/dist/types/components/Shared/fields/LocalizedLegalCompanyNameField/fieldConfig.d.ts +4 -5
  245. package/dist/types/components/Shared/fields/LocalizedLegalCompanyNameField/types.d.ts +4 -5
  246. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  247. package/dist/types/components/ui/atoms/Modal/MaybeModal.d.ts +1 -1
  248. package/dist/types/components/ui/layout/DetailViewLayout/DetailViewLayout.d.ts +12 -0
  249. package/dist/types/components/ui/layout/EndStateLayout/EndStateLayout.d.ts +13 -0
  250. package/dist/types/components/ui/layout/LandingLayout/LandingLayout.d.ts +7 -2
  251. package/dist/types/core/models/api/individual.d.ts +5 -10
  252. package/dist/types/core/models/api/legal-arrangement.d.ts +0 -8
  253. package/dist/types/core/models/api/organization.d.ts +4 -8
  254. package/dist/types/core/models/api/scriptLocalization.d.ts +9 -0
  255. package/dist/types/hooks/useMultiForm/types.d.ts +4 -4
  256. package/dist/types/language/types.d.ts +2 -0
  257. package/dist/types/types/localizedScriptSchema.d.ts +22 -0
  258. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  259. package/dist/types/utils/getName.d.ts +1 -0
  260. package/dist/types/utils/mapScriptLocalization.d.ts +55 -0
  261. package/dist/{useMultiForm-CD30RFXS.js → useMultiForm-BOVByA_E.js} +6 -3
  262. package/dist/{useOnboardingStatus-_s90wk5C.js → useOnboardingStatus-BNwuglKy.js} +1 -1
  263. package/dist/{useTermsOfServiceStatus-DCkVaRvN.js → useTermsOfServiceStatus-lCNo2Bdd.js} +1 -1
  264. package/dist/{useUpdateLegalEntity-xfJlMkrb.js → useUpdateLegalEntity-CcUHqJyo.js} +2 -2
  265. package/dist/{utils-CusOxwr8.js → utils-Jk_zHwaz.js} +4 -4
  266. package/dist/{validate-Dnz1cwsS.js → validate-DUUyXWgS.js} +1 -1
  267. package/dist/{validate-C3WaahoD.js → validate-gCfuQFAB.js} +1 -1
  268. package/package.json +4 -4
  269. package/dist/FormEndState-D_8_v1NU.js +0 -59
  270. package/dist/bg-BG-HpLj_LOM.js +0 -16
  271. package/dist/cs-CZ-CQ_M3lEp.js +0 -16
  272. package/dist/da-DK-k4JW3iVF.js +0 -16
  273. package/dist/de-DE-C7mjtS5w.js +0 -16
  274. package/dist/el-GR-CEQrkYHW.js +0 -16
  275. package/dist/en-US-DDagIr01.js +0 -16
  276. package/dist/es-ES-DB1c74Kv.js +0 -16
  277. package/dist/et-EE-xIegUSuv.js +0 -16
  278. package/dist/fi-FI-NCxneAqU.js +0 -16
  279. package/dist/fr-FR-daiUnUwo.js +0 -16
  280. package/dist/hr-HR-BAUywqDj.js +0 -16
  281. package/dist/hu-HU-3GQojIHR.js +0 -16
  282. package/dist/it-IT-pDWPFHEh.js +0 -16
  283. package/dist/ja-JP-scPXJ93L.js +0 -16
  284. package/dist/lt-LT-BcGNy8Ti.js +0 -16
  285. package/dist/lv-LV-CBD07r1Y.js +0 -16
  286. package/dist/nl-NL-BxJUDHMK.js +0 -16
  287. package/dist/no-NO-Drup6Jyy.js +0 -16
  288. package/dist/pl-PL-BXv8Mmzb.js +0 -16
  289. package/dist/pt-PT-D8nU-UM2.js +0 -16
  290. package/dist/ro-RO-CG33OwqS.js +0 -16
  291. package/dist/sk-SK-DV_xkO69.js +0 -16
  292. package/dist/sl-SI-B5yeoadY.js +0 -16
  293. package/dist/sv-SE-CfxyR53r.js +0 -16
  294. package/dist/types/components/Individual/mapping/mapLocalization.d.ts +0 -3
  295. package/dist/types/components/ui/atoms/OutlinedIcon/OutlinedIcon.d.ts +0 -5
  296. package/dist/types/components/ui/molecules/FormEndState/FormEndState.d.ts +0 -2
  297. package/dist/types/components/ui/molecules/FormEndState/types.d.ts +0 -8
@@ -114,7 +114,7 @@ const css = `.adyen-kyc-loader-wrapper {
114
114
  transform: scale(0.95);
115
115
  }
116
116
  .adyen-kyc-button:focus-visible {
117
- outline-color: var(--adyen-sdk-color-label-primary, #00112c);
117
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
118
118
  }
119
119
  .adyen-kyc-button[disabled] {
120
120
  pointer-events: none;
@@ -144,95 +144,95 @@ const css = `.adyen-kyc-loader-wrapper {
144
144
  }
145
145
 
146
146
  .adyen-kyc-button-variant-primary {
147
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
147
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
148
148
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
149
149
  fill: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
150
150
  }
151
151
  @media (hover: hover) {
152
152
  .adyen-kyc-button-variant-primary:hover {
153
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
154
- color: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
155
- fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
153
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
154
+ color: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
155
+ fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
156
156
  }
157
157
  }
158
158
  .adyen-kyc-button-variant-primary[disabled] {
159
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
160
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
161
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
159
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
160
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
161
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
162
162
  }
163
163
 
164
164
  .adyen-kyc-button-variant-secondary {
165
165
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
166
- color: var(--adyen-sdk-color-label-primary, #00112c);
167
- fill: var(--adyen-sdk-color-label-primary, #00112c);
168
- border: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
166
+ color: var(--adyen-sdk-color-label-primary, #001222);
167
+ fill: var(--adyen-sdk-color-label-primary, #001222);
168
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
169
169
  }
170
170
  @media (hover: hover) {
171
171
  .adyen-kyc-button-variant-secondary:hover {
172
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
173
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
174
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
175
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
172
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
173
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
174
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
175
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
176
176
  }
177
177
  }
178
178
  .adyen-kyc-button-variant-secondary[disabled] {
179
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
180
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
179
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
180
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
181
181
  }
182
182
 
183
183
  .adyen-kyc-button-variant-tertiary {
184
184
  background-color: transparent;
185
- color: var(--adyen-sdk-color-label-primary, #00112c);
186
- fill: var(--adyen-sdk-color-label-primary, #00112c);
185
+ color: var(--adyen-sdk-color-label-primary, #001222);
186
+ fill: var(--adyen-sdk-color-label-primary, #001222);
187
187
  }
188
188
  @media (hover: hover) {
189
189
  .adyen-kyc-button-variant-tertiary:hover {
190
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
191
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
192
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
190
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
191
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
192
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
193
193
  }
194
194
  }
195
195
  .adyen-kyc-button-variant-tertiary[disabled] {
196
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
197
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
198
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
196
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
197
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
198
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
199
199
  }
200
200
 
201
201
  .adyen-kyc-button-variant-critical {
202
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
202
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
203
203
  color: var(--adyen-sdk-color-label-on-color, #ffffff);
204
204
  fill: var(--adyen-sdk-color-label-on-color, #ffffff);
205
205
  }
206
206
  @media (hover: hover) {
207
207
  .adyen-kyc-button-variant-critical:hover {
208
- background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c72727);
208
+ background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c13101);
209
209
  }
210
210
  }
211
211
  .adyen-kyc-button-variant-critical[disabled] {
212
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
213
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
214
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
212
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
213
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
214
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
215
215
  }
216
216
 
217
217
  .adyen-kyc-button-variant-link {
218
218
  background-color: transparent;
219
- color: var(--adyen-sdk-color-label-primary, #00112c);
220
- fill: var(--adyen-sdk-color-label-primary, #00112c);
219
+ color: var(--adyen-sdk-color-label-primary, #001222);
220
+ fill: var(--adyen-sdk-color-label-primary, #001222);
221
221
  padding: var(--adyen-sdk-spacer-000, 0px);
222
222
  text-decoration: underline;
223
223
  }
224
224
  @media (hover: hover) {
225
225
  .adyen-kyc-button-variant-link:hover {
226
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
227
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
226
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
227
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
228
228
  text-decoration: none;
229
229
  }
230
230
  }
231
231
 
232
232
  .adyen-kyc-button-variant-surface {
233
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
234
- color: var(--adyen-sdk-color-label-primary, #00112c);
235
- fill: var(--adyen-sdk-color-label-primary, #00112c);
233
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
234
+ color: var(--adyen-sdk-color-label-primary, #001222);
235
+ fill: var(--adyen-sdk-color-label-primary, #001222);
236
236
  }
237
237
  @supports (backdrop-filter: blur(10px)) {
238
238
  .adyen-kyc-button-variant-surface {
@@ -243,8 +243,8 @@ const css = `.adyen-kyc-loader-wrapper {
243
243
  @media (hover: hover) {
244
244
  .adyen-kyc-button-variant-surface:hover {
245
245
  background-color: #eeeff1;
246
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
247
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
246
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
247
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
248
248
  }
249
249
  @supports (backdrop-filter: blur(10px)) {
250
250
  .adyen-kyc-button-variant-surface:hover {
@@ -254,8 +254,8 @@ const css = `.adyen-kyc-loader-wrapper {
254
254
  }
255
255
  .adyen-kyc-button-variant-surface[disabled] {
256
256
  background-color: #f7f7f8;
257
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
258
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
257
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
258
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
259
259
  }
260
260
 
261
261
  .adyen-kyc-button-spinner {
@@ -278,7 +278,7 @@ const css = `.adyen-kyc-loader-wrapper {
278
278
  transform: scale(1);
279
279
  }
280
280
  }.adyen-kyc-checkbox__label {
281
- color: var(--adyen-sdk-color-label-primary, #00112c);
281
+ color: var(--adyen-sdk-color-label-primary, #001222);
282
282
  cursor: pointer;
283
283
  display: inline-block;
284
284
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -290,7 +290,7 @@ const css = `.adyen-kyc-loader-wrapper {
290
290
  width: calc(100% - 32px); /* leaves space for the error icon */
291
291
  }
292
292
  .adyen-kyc-checkbox__helper-text {
293
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
293
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
294
294
  display: block;
295
295
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
296
296
  padding-left: var(--adyen-sdk-spacer-090, 24px);
@@ -300,27 +300,28 @@ const css = `.adyen-kyc-loader-wrapper {
300
300
  opacity: 0;
301
301
  pointer-events: none;
302
302
  position: absolute;
303
- /* Check */
304
- /* Box */
305
303
  }
306
304
  .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
307
- 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));
305
+ 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));
308
306
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
309
307
  transition-property: box-shadow;
310
308
  }
311
309
  .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
312
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
310
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
313
311
  }
314
312
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
315
313
  opacity: 1;
316
314
  }
317
315
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
318
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
319
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
316
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
317
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
320
318
  }
321
319
  .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
322
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
323
- border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
320
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
321
+ border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
322
+ }
323
+ .adyen-kyc-checkbox__input {
324
+ /* Check */
324
325
  }
325
326
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
326
327
  border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
@@ -336,9 +337,12 @@ const css = `.adyen-kyc-loader-wrapper {
336
337
  width: 5px;
337
338
  z-index: 1;
338
339
  }
340
+ .adyen-kyc-checkbox__input {
341
+ /* Box */
342
+ }
339
343
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
340
344
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
341
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
345
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
342
346
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
343
347
  content: "";
344
348
  height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
@@ -353,17 +357,17 @@ const css = `.adyen-kyc-loader-wrapper {
353
357
  width: 100%;
354
358
  }
355
359
  .adyen-kyc-field--disabled {
356
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
360
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
357
361
  opacity: 0.5;
358
362
  pointer-events: none;
359
363
  }
360
364
 
361
365
  .adyen-kyc-optional-label {
362
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
366
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
363
367
  }
364
368
 
365
369
  .adyen-kyc-label__text {
366
- color: var(--adyen-sdk-color-label-primary, #00112c);
370
+ color: var(--adyen-sdk-color-label-primary, #001222);
367
371
  display: block;
368
372
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
369
373
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
@@ -371,7 +375,7 @@ const css = `.adyen-kyc-loader-wrapper {
371
375
  }
372
376
 
373
377
  .adyen-kyc-helper-text {
374
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
378
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
375
379
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
376
380
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
377
381
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -386,7 +390,7 @@ const css = `.adyen-kyc-loader-wrapper {
386
390
  margin-top: var(--adyen-sdk-spacer-020, 4px);
387
391
  }
388
392
  .adyen-kyc-helper-text__valid-format-check {
389
- color: var(--adyen-sdk-color-label-success, #07893c);
393
+ color: var(--adyen-sdk-color-label-success, #008845);
390
394
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
391
395
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
392
396
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -395,12 +399,12 @@ const css = `.adyen-kyc-loader-wrapper {
395
399
  }
396
400
 
397
401
  .adyen-kyc-label__text--error {
398
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
402
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
399
403
  }
400
404
 
401
405
  .adyen-kyc-error-text {
402
406
  align-items: center;
403
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
407
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
404
408
  display: flex;
405
409
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
406
410
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -412,7 +416,7 @@ const css = `.adyen-kyc-loader-wrapper {
412
416
 
413
417
  .adyen-kyc-guidance-text {
414
418
  align-items: center;
415
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
419
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
416
420
  display: flex;
417
421
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
418
422
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -427,7 +431,7 @@ const css = `.adyen-kyc-loader-wrapper {
427
431
  flex-direction: column;
428
432
  }
429
433
  .adyen-kyc-upload-field__subtitle {
430
- color: var(--adyen-sdk-color-label-primary, #00112c);
434
+ color: var(--adyen-sdk-color-label-primary, #001222);
431
435
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
432
436
  }
433
437
 
@@ -454,13 +458,13 @@ const css = `.adyen-kyc-loader-wrapper {
454
458
  .adyen-kyc-toast {
455
459
  align-items: center;
456
460
  animation: adyen-kyc-present-toast 400ms var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
457
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
461
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
458
462
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
459
- border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
463
+ border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
460
464
  bottom: var(--adyen-sdk-spacer-070, 16px);
461
- 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));
465
+ 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));
462
466
  display: flex;
463
- fill: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
467
+ fill: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
464
468
  gap: var(--adyen-sdk-spacer-040, 8px);
465
469
  justify-content: flex-start;
466
470
  left: 50%;
@@ -483,13 +487,13 @@ const css = `.adyen-kyc-loader-wrapper {
483
487
  }
484
488
 
485
489
  .adyen-kyc-toast-image-success {
486
- color: var(--adyen-sdk-color-decorative-green, #09ab4b);
487
- fill: var(--adyen-sdk-color-decorative-green, #09ab4b);
490
+ color: var(--adyen-sdk-color-decorative-green, #00d16a);
491
+ fill: var(--adyen-sdk-color-decorative-green, #00d16a);
488
492
  }
489
493
 
490
494
  .adyen-kyc-toast-image-error {
491
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
492
- fill: var(--adyen-sdk-color-label-critical, #e22d2d);
495
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
496
+ fill: var(--adyen-sdk-color-label-critical, #dc3801);
493
497
  }
494
498
 
495
499
  .adyen-kyc-toast-label {
@@ -510,11 +514,11 @@ const css = `.adyen-kyc-loader-wrapper {
510
514
  gap: var(--adyen-sdk-spacer-040, 8px);
511
515
  }
512
516
  .adyen-kyc-toast-actions button:focus-visible {
513
- outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9ea6b1);
517
+ outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9da5ac);
514
518
  }
515
519
 
516
520
  .adyen-kyc-toast-action-close {
517
- border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
521
+ border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
518
522
  padding-left: var(--adyen-sdk-spacer-040, 8px);
519
523
  }
520
524
 
@@ -531,7 +535,7 @@ const css = `.adyen-kyc-loader-wrapper {
531
535
  .adyen-kyc-modal {
532
536
  background-color: var(--adyen-sdk-color-background-modal, #ffffff);
533
537
  border: var(--adyen-sdk-spacer-000, 0px);
534
- 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));
538
+ 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));
535
539
  display: flex;
536
540
  flex-direction: column;
537
541
  overflow: hidden;
@@ -635,7 +639,7 @@ const css = `.adyen-kyc-loader-wrapper {
635
639
  animation-name: adyen-kyc-backdrop-dissolve;
636
640
  animation-duration: 400ms;
637
641
  animation-timing-function: ease;
638
- background-color: var(--adyen-sdk-color-support-overlay, #00112c);
642
+ background-color: var(--adyen-sdk-color-support-overlay, #001222);
639
643
  opacity: 0.5;
640
644
  backdrop-filter: blur(10px);
641
645
  }
@@ -694,7 +698,7 @@ const css = `.adyen-kyc-loader-wrapper {
694
698
 
695
699
  .adyen-kyc-modal-footer {
696
700
  align-items: center;
697
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
701
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
698
702
  display: flex;
699
703
  gap: var(--adyen-sdk-spacer-040, 8px);
700
704
  justify-content: flex-end;
@@ -712,7 +716,7 @@ const css = `.adyen-kyc-loader-wrapper {
712
716
 
713
717
  .adyen-kyc-dropdown-list {
714
718
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
715
- 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));
719
+ 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));
716
720
  z-index: 2;
717
721
  }
718
722
  .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
@@ -733,7 +737,7 @@ const css = `.adyen-kyc-loader-wrapper {
733
737
 
734
738
  .adyen-kyc-dropdown-element {
735
739
  border: var(--adyen-sdk-border-width-s, 1px) solid transparent;
736
- color: var(--adyen-sdk-color-label-primary, #00112c);
740
+ color: var(--adyen-sdk-color-label-primary, #001222);
737
741
  cursor: pointer;
738
742
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
739
743
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -760,12 +764,12 @@ const css = `.adyen-kyc-loader-wrapper {
760
764
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
761
765
  }
762
766
  .adyen-kyc-dropdown-search-element__addresses {
763
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
767
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
764
768
  display: flex;
765
769
  }
766
770
  .adyen-kyc-dropdown-search-element__addresses--icon {
767
771
  align-items: center;
768
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
772
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
769
773
  display: flex;
770
774
  margin-left: var(--adyen-sdk-spacer-040, 8px);
771
775
  }
@@ -786,11 +790,11 @@ const css = `.adyen-kyc-loader-wrapper {
786
790
  .adyen-kyc-dropdown-element:hover,
787
791
  .adyen-kyc-dropdown-element:focus,
788
792
  .adyen-kyc-dropdown-element:active {
789
- background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
793
+ background: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
790
794
  }
791
795
 
792
796
  .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
793
- background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
797
+ background: var(--adyen-sdk-color-background-primary-active, #ecedef);
794
798
  }
795
799
 
796
800
  .adyen-kyc-dropdown-element--disabled {
@@ -857,9 +861,9 @@ const css = `.adyen-kyc-loader-wrapper {
857
861
  align-items: center;
858
862
  display: flex;
859
863
  background: var(--adyen-sdk-color-background-primary, #ffffff);
860
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
864
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
861
865
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
862
- color: var(--adyen-sdk-color-label-primary, #00112c);
866
+ color: var(--adyen-sdk-color-label-primary, #001222);
863
867
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
864
868
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
865
869
  min-height: 40px;
@@ -871,7 +875,7 @@ const css = `.adyen-kyc-loader-wrapper {
871
875
  }
872
876
 
873
877
  .adyen-kyc-select-input-wrapper:hover {
874
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
878
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
875
879
  }
876
880
 
877
881
  .adyen-kyc-select-input__icon svg {
@@ -889,21 +893,21 @@ const css = `.adyen-kyc-loader-wrapper {
889
893
  .adyen-kyc-select-input--active:hover,
890
894
  .adyen-kyc-select-input-wrapper:active,
891
895
  .adyen-kyc-select-input-wrapper:focus {
892
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
893
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
896
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
897
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
894
898
  }
895
899
 
896
900
  .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
897
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
898
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
901
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
902
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
899
903
  cursor: not-allowed;
900
904
  pointer-events: none;
901
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
905
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
902
906
  }
903
907
 
904
908
  .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
905
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
906
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
909
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
910
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
907
911
  cursor: not-allowed;
908
912
  pointer-events: none;
909
913
  }
@@ -913,13 +917,13 @@ const css = `.adyen-kyc-loader-wrapper {
913
917
  }
914
918
 
915
919
  .adyen-kyc-select-input--invalid {
916
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
920
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
917
921
  }
918
922
 
919
923
  .adyen-kyc-select-input--minimal {
920
924
  min-height: unset;
921
925
  height: 100%;
922
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
926
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
923
927
  border: none;
924
928
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
925
929
  }
@@ -930,7 +934,7 @@ const css = `.adyen-kyc-loader-wrapper {
930
934
  width: 100%;
931
935
  }
932
936
  .adyen-kyc-select-input-search__icon {
933
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
937
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
934
938
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
935
939
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
936
940
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -938,7 +942,7 @@ const css = `.adyen-kyc-loader-wrapper {
938
942
  padding-right: var(--adyen-sdk-spacer-040, 8px);
939
943
  }
940
944
  .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
941
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
945
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
942
946
  }
943
947
 
944
948
  .adyen-kyc-select-input-search::after {
@@ -970,8 +974,8 @@ const css = `.adyen-kyc-loader-wrapper {
970
974
 
971
975
  .adyen-kyc-select-input--filterable {
972
976
  border: 0;
973
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
974
- color: var(--adyen-sdk-color-label-primary, #00112c);
977
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
978
+ color: var(--adyen-sdk-color-label-primary, #001222);
975
979
  font-family: inherit;
976
980
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
977
981
  height: 100%;
@@ -979,7 +983,7 @@ const css = `.adyen-kyc-loader-wrapper {
979
983
  width: 100%;
980
984
  }
981
985
  .adyen-kyc-select-input--filterable::placeholder {
982
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
986
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
983
987
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
984
988
  }
985
989
  .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
@@ -991,7 +995,7 @@ const css = `.adyen-kyc-loader-wrapper {
991
995
  }
992
996
 
993
997
  .adyen-kyc-select-input--placeholder {
994
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
998
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
995
999
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
996
1000
  }
997
1001
 
@@ -1003,7 +1007,7 @@ const css = `.adyen-kyc-loader-wrapper {
1003
1007
  pointer-events: auto;
1004
1008
  }/* for container queries */
1005
1009
  .adyen-kyc-typography {
1006
- color: var(--adyen-sdk-color-label-primary, #00112c);
1010
+ color: var(--adyen-sdk-color-label-primary, #001222);
1007
1011
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1008
1012
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1009
1013
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1087,34 +1091,34 @@ const css = `.adyen-kyc-loader-wrapper {
1087
1091
  }
1088
1092
  }
1089
1093
  .adyen-kyc-typography--primary {
1090
- color: var(--adyen-sdk-color-label-primary, #00112c);
1094
+ color: var(--adyen-sdk-color-label-primary, #001222);
1091
1095
  }
1092
1096
  .adyen-kyc-typography--secondary {
1093
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1097
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1094
1098
  }
1095
1099
  .adyen-kyc-typography--tertiary {
1096
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1100
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1097
1101
  }
1098
1102
  .adyen-kyc-typography--disabled {
1099
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1103
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1100
1104
  }
1101
1105
  .adyen-kyc-typography--success {
1102
- color: var(--adyen-sdk-color-label-success, #07893c);
1106
+ color: var(--adyen-sdk-color-label-success, #008845);
1103
1107
  }
1104
1108
  .adyen-kyc-typography--warning {
1105
- color: var(--adyen-sdk-color-label-warning, #b06300);
1109
+ color: var(--adyen-sdk-color-label-warning, #ab6600);
1106
1110
  }
1107
1111
  .adyen-kyc-typography--critical {
1108
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1112
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1109
1113
  }
1110
1114
  .adyen-kyc-typography--highlight {
1111
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1115
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1112
1116
  }
1113
1117
  .adyen-kyc-typography--inverse-primary {
1114
1118
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
1115
1119
  }
1116
1120
  .adyen-kyc-typography--inverse-secondary {
1117
- color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
1121
+ color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
1118
1122
  }.adyen-kyc-spacer {
1119
1123
  flex: 1;
1120
1124
  }.adyen-kyc-progress-bar {
@@ -1140,14 +1144,14 @@ const css = `.adyen-kyc-loader-wrapper {
1140
1144
  }
1141
1145
 
1142
1146
  .adyen-kyc-progress-step {
1143
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
1147
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
1144
1148
  display: flex;
1145
1149
  flex: 1;
1146
1150
  height: var(--step-progress-internal-height);
1147
1151
  }
1148
1152
 
1149
1153
  .adyen-kyc-progress-step-active {
1150
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1154
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1151
1155
  }
1152
1156
 
1153
1157
  .adyen-kyc-progress-bar-circles li {
@@ -1410,7 +1414,7 @@ const css = `.adyen-kyc-loader-wrapper {
1410
1414
  }.adyen-kyc-form-navigation__item {
1411
1415
  align-items: center;
1412
1416
  border-left: var(--adyen-sdk-border-default-m);
1413
- color: var(--adyen-sdk-color-label-primary, #00112c);
1417
+ color: var(--adyen-sdk-color-label-primary, #001222);
1414
1418
  cursor: default;
1415
1419
  display: flex;
1416
1420
  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);
@@ -1427,7 +1431,7 @@ const css = `.adyen-kyc-loader-wrapper {
1427
1431
  }
1428
1432
  .adyen-kyc-form-navigation__item--active {
1429
1433
  border-left: var(--adyen-sdk-border-width-m, 2px) solid;
1430
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1434
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1431
1435
  }
1432
1436
  .adyen-kyc-form-navigation__item--isnav button {
1433
1437
  cursor: pointer;
@@ -1438,10 +1442,10 @@ const css = `.adyen-kyc-loader-wrapper {
1438
1442
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1439
1443
  }
1440
1444
  .adyen-kyc-form-navigation__item-icon--success {
1441
- color: var(--adyen-sdk-color-label-success, #07893c);
1445
+ color: var(--adyen-sdk-color-label-success, #008845);
1442
1446
  }
1443
1447
  .adyen-kyc-form-navigation__item-icon--error {
1444
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1448
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1445
1449
  }.adyen-kyc-form-header {
1446
1450
  margin-bottom: var(--adyen-sdk-spacer-120);
1447
1451
  }
@@ -1470,13 +1474,13 @@ const css = `.adyen-kyc-loader-wrapper {
1470
1474
  }
1471
1475
 
1472
1476
  .adyen-kyc-list-header {
1473
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1477
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1474
1478
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
1475
1479
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
1476
1480
  }
1477
1481
 
1478
1482
  .adyen-kyc-list-footer {
1479
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1483
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1480
1484
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1481
1485
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1482
1486
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -1493,12 +1497,12 @@ const css = `.adyen-kyc-loader-wrapper {
1493
1497
 
1494
1498
  .adyen-kyc-list-items-grouped-primary {
1495
1499
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1496
- border: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1500
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1497
1501
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
1498
1502
  }
1499
1503
 
1500
1504
  .adyen-kyc-list-items-grouped-secondary {
1501
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1505
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1502
1506
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
1503
1507
  }
1504
1508
 
@@ -1519,7 +1523,7 @@ const css = `.adyen-kyc-loader-wrapper {
1519
1523
  }
1520
1524
 
1521
1525
  .adyen-kyc-list-item-row-separator:not(:last-child) {
1522
- border-bottom: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1526
+ border-bottom: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1523
1527
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
1524
1528
  padding-bottom: var(--adyen-sdk-spacer-040, 8px);
1525
1529
  }.adyen-kyc-error-panel {
@@ -1621,19 +1625,19 @@ const css = `.adyen-kyc-loader-wrapper {
1621
1625
  }
1622
1626
 
1623
1627
  .adyen-kyc-document-guidance__description-text {
1624
- color: var(--adyen-sdk-color-label-primary, #00112c);
1628
+ color: var(--adyen-sdk-color-label-primary, #001222);
1625
1629
  }
1626
1630
 
1627
1631
  .adyen-kyc-document-guidance__icon {
1628
1632
  height: 16px;
1629
1633
  width: 16px;
1630
1634
  border-radius: 50%;
1631
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
1635
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
1632
1636
  }
1633
1637
  .adyen-kyc-document-guidance__icon--invalid {
1634
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1638
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1635
1639
  }.adyen-kyc-dropzone {
1636
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c9cdd3);
1640
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c8ccd0);
1637
1641
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1638
1642
  display: flex;
1639
1643
  flex-direction: column;
@@ -1643,31 +1647,31 @@ const css = `.adyen-kyc-loader-wrapper {
1643
1647
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1644
1648
  }
1645
1649
  .adyen-kyc-dropzone--dragged {
1646
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
1647
- 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));
1650
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #001222);
1651
+ 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));
1648
1652
  }
1649
1653
  .adyen-kyc-dropzone--error {
1650
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
1654
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #dc3801);
1651
1655
  }
1652
1656
  .adyen-kyc-dropzone__icon {
1653
1657
  display: flex;
1654
1658
  align-items: center;
1655
1659
  justify-content: center;
1656
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1660
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1657
1661
  border-radius: 50%;
1658
1662
  height: 32px;
1659
1663
  width: 32px;
1660
1664
  margin: var(--adyen-sdk-spacer-000, 0px) auto var(--adyen-sdk-spacer-060, 12px);
1661
1665
  }
1666
+ .adyen-kyc-dropzone__labels h4 {
1667
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1668
+ }
1662
1669
  .adyen-kyc-dropzone__labels {
1663
1670
  display: flex;
1664
1671
  flex-direction: column;
1665
1672
  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
1666
1673
  text-align: center;
1667
1674
  }
1668
- .adyen-kyc-dropzone__labels h4 {
1669
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1670
- }
1671
1675
  .adyen-kyc-dropzone__input {
1672
1676
  display: none;
1673
1677
  }
@@ -1680,7 +1684,7 @@ const css = `.adyen-kyc-loader-wrapper {
1680
1684
  display: flex;
1681
1685
  align-items: center;
1682
1686
  justify-content: space-between;
1683
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1687
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1684
1688
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1685
1689
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1686
1690
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
@@ -1688,16 +1692,16 @@ const css = `.adyen-kyc-loader-wrapper {
1688
1692
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1689
1693
  }
1690
1694
  .adyen-kyc-dropzone-file--error {
1691
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
1695
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
1692
1696
  }
1693
1697
  .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
1694
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1698
+ color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1695
1699
  }
1696
1700
  .adyen-kyc-dropzone-file__icon {
1697
1701
  align-items: center;
1698
1702
  display: flex;
1699
1703
  margin-right: var(--adyen-sdk-spacer-040, 8px);
1700
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
1704
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
1701
1705
  }
1702
1706
  .adyen-kyc-dropzone-file__labels {
1703
1707
  overflow: hidden;
@@ -1714,7 +1718,7 @@ const css = `.adyen-kyc-loader-wrapper {
1714
1718
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1715
1719
  }
1716
1720
  .adyen-kyc-dropzone-file__error {
1717
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1721
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1718
1722
  margin-top: var(--adyen-sdk-spacer-020, 4px);
1719
1723
  }
1720
1724
  .adyen-kyc-dropzone-file__button {
@@ -1800,7 +1804,7 @@ const css = `.adyen-kyc-loader-wrapper {
1800
1804
  }
1801
1805
  }.adyen-kyc-input--mismatch {
1802
1806
  animation: mismatchShake 300ms;
1803
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
1807
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
1804
1808
  }
1805
1809
 
1806
1810
  @keyframes mismatchShake {
@@ -1828,10 +1832,10 @@ const css = `.adyen-kyc-loader-wrapper {
1828
1832
  line-height: 38px;
1829
1833
  min-height: 38px;
1830
1834
  background: var(--adyen-sdk-color-background-primary, #ffffff);
1831
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1835
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1832
1836
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1833
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1834
- color: var(--adyen-sdk-color-label-primary, #00112c);
1837
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1838
+ color: var(--adyen-sdk-color-label-primary, #001222);
1835
1839
  display: block;
1836
1840
  font-family: inherit;
1837
1841
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -1842,32 +1846,32 @@ const css = `.adyen-kyc-loader-wrapper {
1842
1846
  width: 100%;
1843
1847
  }
1844
1848
  .adyen-kyc-input::placeholder {
1845
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1849
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1846
1850
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1847
1851
  }
1848
1852
  .adyen-kyc-input:hover {
1849
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
1853
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
1850
1854
  }
1851
1855
  .adyen-kyc-input:required {
1852
1856
  box-shadow: none;
1853
1857
  }
1854
1858
  .adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
1855
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1856
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1859
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1860
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1857
1861
  cursor: not-allowed;
1858
1862
  pointer-events: none;
1859
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
1863
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
1860
1864
  }
1861
1865
  .adyen-kyc-input--disabled:hover {
1862
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1866
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1863
1867
  }
1864
1868
  .adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
1865
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
1866
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1869
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
1870
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1867
1871
  }
1868
1872
  .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 {
1869
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1870
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1873
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
1874
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
1871
1875
  }
1872
1876
  .adyen-kyc-input--number {
1873
1877
  appearance: none;
@@ -1895,17 +1899,17 @@ const css = `.adyen-kyc-loader-wrapper {
1895
1899
  top: var(--adyen-sdk-spacer-080, 20px);
1896
1900
  }
1897
1901
  .adyen-kyc-input__inline-validation--valid {
1898
- color: var(--adyen-sdk-color-label-success, #07893c);
1902
+ color: var(--adyen-sdk-color-label-success, #008845);
1899
1903
  display: none;
1900
1904
  }
1901
1905
  .adyen-kyc-input__inline-validation--invalid {
1902
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1906
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1903
1907
  }
1904
1908
  .adyen-kyc-input__inline-validation--invalid-bottom {
1905
1909
  top: var(--adyen-sdk-spacer-040, 8px);
1906
1910
  }
1907
1911
  .adyen-kyc-input__counter {
1908
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1912
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1909
1913
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1910
1914
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1911
1915
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1991,7 +1995,7 @@ const css = `.adyen-kyc-loader-wrapper {
1991
1995
  }
1992
1996
  .adyen-kyc-field-verification-methods__footer {
1993
1997
  align-items: center;
1994
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1998
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1995
1999
  display: flex;
1996
2000
  gap: var(--adyen-sdk-spacer-020, 4px);
1997
2001
  justify-content: end;
@@ -2045,26 +2049,26 @@ const css = `.adyen-kyc-loader-wrapper {
2045
2049
  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
2046
2050
  }
2047
2051
  .adyen-kyc-link:focus-visible {
2048
- color: var(--adyen-sdk-color-link-primary, #00112c);
2049
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2050
- outline-color: var(--adyen-sdk-color-link-primary, #00112c);
2052
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2053
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2054
+ outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
2051
2055
  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
2052
2056
  text-decoration: none;
2053
2057
  }
2054
2058
 
2055
2059
  .adyen-kyc-link-default {
2056
- color: var(--adyen-sdk-color-link-primary, #00112c);
2060
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2057
2061
  }
2058
2062
  @media (hover: hover) {
2059
2063
  .adyen-kyc-link-default:hover {
2060
- color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2061
- fill: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2064
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2065
+ fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2062
2066
  text-decoration: none;
2063
2067
  }
2064
2068
  }
2065
2069
  .adyen-kyc-link-default:active {
2066
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2067
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2070
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2071
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2068
2072
  text-decoration: none;
2069
2073
  }
2070
2074
 
@@ -2073,14 +2077,14 @@ const css = `.adyen-kyc-loader-wrapper {
2073
2077
  }
2074
2078
  @media (hover: hover) {
2075
2079
  .adyen-kyc-link-inline:hover {
2076
- color: var(--adyen-sdk-color-link-primary, #00112c);
2077
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2080
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2081
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2078
2082
  text-decoration: none;
2079
2083
  }
2080
2084
  }
2081
2085
  .adyen-kyc-link-inline:active {
2082
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2083
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2086
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2087
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2084
2088
  text-decoration: none;
2085
2089
  }/* for container queries */
2086
2090
  .adyen-kyc-radio-group-card {
@@ -2101,7 +2105,7 @@ const css = `.adyen-kyc-loader-wrapper {
2101
2105
  }
2102
2106
  }
2103
2107
  .adyen-kyc-radio-group-card__subtitle {
2104
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2108
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2105
2109
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2106
2110
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2107
2111
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2147,14 +2151,14 @@ input.adyen-kyc-radio-group-card__radio--floating {
2147
2151
  width: 18px;
2148
2152
  }
2149
2153
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
2150
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2154
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2151
2155
  }
2152
2156
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
2153
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2157
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2154
2158
  }
2155
2159
 
2156
2160
  .adyen-kyc-radio-card__body {
2157
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2161
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2158
2162
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2159
2163
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2160
2164
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2172,7 +2176,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2172
2176
  .adyen-kyc-input-radio__input {
2173
2177
  appearance: none;
2174
2178
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2175
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2179
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2176
2180
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2177
2181
  cursor: pointer;
2178
2182
  display: inline-block;
@@ -2206,35 +2210,35 @@ input.adyen-kyc-radio-group-card__radio--floating {
2206
2210
  width: 6px;
2207
2211
  }
2208
2212
  .adyen-kyc-input-radio__input:checked {
2209
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2210
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2213
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
2214
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2211
2215
  }
2212
2216
  .adyen-kyc-input-radio__input:checked::before {
2213
2217
  opacity: 1;
2214
2218
  transform: scale(1);
2215
2219
  }
2216
2220
  .adyen-kyc-input-radio__input:checked:hover {
2217
- border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
2218
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
2221
+ border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6c7782);
2222
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
2219
2223
  }
2220
2224
  .adyen-kyc-input-radio__input:checked:disabled:hover {
2221
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2222
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2225
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2226
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2223
2227
  }
2224
2228
  .adyen-kyc-input-radio__input:checked:disabled::before {
2225
- background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2229
+ background-color: var(--adyen-sdk-color-outline-tertiary, #8c959d);
2226
2230
  }
2227
2231
  .adyen-kyc-input-radio__input:hover {
2228
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
2232
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2229
2233
  }
2230
2234
  .adyen-kyc-input-radio__input:focus {
2231
- 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));
2235
+ 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));
2232
2236
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2233
2237
  transition-property: box-shadow;
2234
2238
  }
2235
2239
  .adyen-kyc-input-radio__input:disabled {
2236
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2237
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2240
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2241
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2238
2242
  cursor: not-allowed;
2239
2243
  }
2240
2244
 
@@ -2334,7 +2338,7 @@ fieldset {
2334
2338
 
2335
2339
  .adyen-kyc-search-address--below {
2336
2340
  align-items: start;
2337
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2341
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2338
2342
  display: flex;
2339
2343
  justify-content: space-between;
2340
2344
  }
@@ -2346,14 +2350,14 @@ fieldset {
2346
2350
  }
2347
2351
  .adyen-kyc-search-address--below-location .adyen-kyc-icon {
2348
2352
  display: flex;
2349
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2353
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2350
2354
  margin-right: var(--adyen-sdk-spacer-020, 4px);
2351
2355
  }.adyen-kyc-search-address-field-hide {
2352
2356
  display: none;
2353
2357
  }.adyen-kyc-verified-business-card {
2354
2358
  display: flex;
2355
2359
  flex-direction: column;
2356
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2360
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2357
2361
  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
2358
2362
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2359
2363
  }
@@ -2409,7 +2413,7 @@ fieldset {
2409
2413
  flex: 1;
2410
2414
  }
2411
2415
  .adyen-kyc-structured-list-section-label {
2412
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2416
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2413
2417
  }
2414
2418
  .adyen-kyc-structured-list-section-data {
2415
2419
  margin: var(--adyen-sdk-spacer-000, 0px);
@@ -2523,11 +2527,11 @@ fieldset {
2523
2527
  outline: none;
2524
2528
  }
2525
2529
  .adyen-kyc-card--secondary {
2526
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2530
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2527
2531
  }
2528
2532
 
2529
2533
  .adyen-kyc-card.adyen-kyc-card--stateful {
2530
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2534
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2531
2535
  cursor: pointer;
2532
2536
  transition-duration: 0.2s;
2533
2537
  transition-property: border-color, box-shadow;
@@ -2535,36 +2539,36 @@ fieldset {
2535
2539
  position: relative;
2536
2540
  }
2537
2541
  .adyen-kyc-card.adyen-kyc-card--stateful:hover {
2538
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
2542
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
2539
2543
  z-index: 1;
2540
2544
  }
2541
2545
  .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
2542
2546
  z-index: 2;
2543
- 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));
2547
+ 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));
2544
2548
  }
2545
2549
  .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
2546
- 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));
2550
+ 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));
2547
2551
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2548
2552
  transition-property: box-shadow;
2549
2553
  }
2550
2554
 
2551
2555
  .adyen-kyc-card.adyen-kyc-card--active {
2552
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2556
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2553
2557
  cursor: pointer;
2554
2558
  transition-duration: 0.2s;
2555
2559
  transition-property: border-color, box-shadow;
2556
2560
  transition-timing-function: ease;
2557
2561
  }
2558
2562
  .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
2559
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
2563
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
2560
2564
  }
2561
2565
  .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
2562
- 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));
2566
+ 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));
2563
2567
  }
2564
2568
 
2565
2569
  .adyen-kyc-card.adyen-kyc-card--disabled {
2566
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2567
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
2570
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2571
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
2568
2572
  cursor: not-allowed;
2569
2573
  }
2570
2574
 
@@ -2659,28 +2663,28 @@ fieldset {
2659
2663
  position: relative !important;
2660
2664
  }
2661
2665
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
2662
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2666
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2663
2667
  }
2664
2668
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
2665
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2669
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2666
2670
  }
2667
2671
  .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
2668
- background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #283750) !important;
2672
+ background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #273746) !important;
2669
2673
  }
2670
2674
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
2671
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2675
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2672
2676
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2673
2677
  }
2674
2678
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
2675
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c) !important;
2679
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874) !important;
2676
2680
  }
2677
2681
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
2678
2682
  border-bottom-style: none !important;
2679
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2683
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2680
2684
  }
2681
2685
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
2682
2686
  background: none !important;
2683
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2687
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2684
2688
  text-decoration: underline !important;
2685
2689
  }
2686
2690
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
@@ -2697,28 +2701,28 @@ fieldset {
2697
2701
  display: flex;
2698
2702
  padding: var(--adyen-sdk-spacer-020, 4px);
2699
2703
  background: var(--adyen-sdk-color-background-primary, #ffffff);
2700
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2704
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2701
2705
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2702
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
2703
- color: var(--adyen-sdk-color-label-primary, #00112c);
2706
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
2707
+ color: var(--adyen-sdk-color-label-primary, #001222);
2704
2708
  font-family: inherit;
2705
2709
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2706
2710
  outline: none;
2707
2711
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2708
2712
  }
2709
2713
  .adyen-kyc-input-group:hover {
2710
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
2714
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
2711
2715
  }
2712
2716
  .adyen-kyc-input-group--invalid {
2713
2717
  padding-right: var(--adyen-sdk-spacer-120, 48px);
2714
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
2718
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
2715
2719
  }
2716
2720
  .adyen-kyc-input-group--focused {
2717
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2718
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2721
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2722
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
2719
2723
  }
2720
2724
  .adyen-kyc-input-group--focused:hover {
2721
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2725
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2722
2726
  }
2723
2727
  .adyen-kyc-input-group .adyen-kyc-input {
2724
2728
  line-height: normal;
@@ -2777,7 +2781,7 @@ fieldset {
2777
2781
  }
2778
2782
 
2779
2783
  .adyen-kyc-summary-list-header-title {
2780
- color: var(--adyen-sdk-color-label-primary, #00112c);
2784
+ color: var(--adyen-sdk-color-label-primary, #001222);
2781
2785
  flex-grow: 1;
2782
2786
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
2783
2787
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -2799,7 +2803,7 @@ fieldset {
2799
2803
  }
2800
2804
 
2801
2805
  .adyen-kyc-summary-list-item-key {
2802
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2806
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2803
2807
  flex: 1;
2804
2808
  margin: 0;
2805
2809
  }
@@ -2816,7 +2820,7 @@ fieldset {
2816
2820
  }
2817
2821
 
2818
2822
  .adyen-kyc-summary-content-legal-caption {
2819
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2823
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2820
2824
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2821
2825
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
2822
2826
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -2825,7 +2829,7 @@ fieldset {
2825
2829
  }
2826
2830
  @media (prefers-contrast: more) or (prefers-reduced-transparency) {
2827
2831
  .adyen-kyc-summary-content-legal-caption {
2828
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2832
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2829
2833
  }
2830
2834
  }
2831
2835
 
@@ -2836,425 +2840,555 @@ fieldset {
2836
2840
  .adyen-kyc-summary-content-logo {
2837
2841
  height: 28px;
2838
2842
  width: 100px;
2839
- }.adyen-kyc-u-width-full {
2840
- width: 100% !important;
2841
- }
2842
- .adyen-kyc-u-width-half {
2843
- width: 50% !important;
2844
- }
2845
- .adyen-kyc-u-display-flex {
2843
+ }.adyen-kyc-u-display-flex {
2846
2844
  display: flex !important;
2847
2845
  }
2846
+
2848
2847
  .adyen-kyc-u-display-inline-flex {
2849
2848
  display: inline-flex !important;
2850
2849
  }
2850
+
2851
2851
  .adyen-kyc-u-flex-direction-row {
2852
2852
  flex-direction: row !important;
2853
2853
  }
2854
+
2854
2855
  .adyen-kyc-u-flex-direction-row-reverse {
2855
2856
  flex-direction: row-reverse !important;
2856
2857
  }
2858
+
2857
2859
  .adyen-kyc-u-flex-direction-column {
2858
2860
  flex-direction: column !important;
2859
2861
  }
2862
+
2860
2863
  .adyen-kyc-u-flex-direction-column-reverse {
2861
2864
  flex-direction: column-reverse !important;
2862
2865
  }
2866
+
2863
2867
  .adyen-kyc-u-flex-wrap-wrap {
2864
2868
  flex-wrap: wrap !important;
2865
2869
  }
2870
+
2866
2871
  .adyen-kyc-u-flex-wrap-nowrap {
2867
2872
  flex-wrap: nowrap !important;
2868
2873
  }
2874
+
2869
2875
  .adyen-kyc-u-align-items-start {
2870
2876
  align-items: start !important;
2871
2877
  }
2878
+
2872
2879
  .adyen-kyc-u-align-items-flex-start {
2873
2880
  align-items: flex-start !important;
2874
2881
  }
2882
+
2875
2883
  .adyen-kyc-u-align-items-flex-end {
2876
2884
  align-items: flex-end !important;
2877
2885
  }
2886
+
2878
2887
  .adyen-kyc-u-align-items-center {
2879
2888
  align-items: center !important;
2880
2889
  }
2890
+
2881
2891
  .adyen-kyc-u-align-items-stretch {
2882
2892
  align-items: stretch !important;
2883
2893
  }
2894
+
2884
2895
  .adyen-kyc-u-align-items-baseline {
2885
2896
  align-items: baseline !important;
2886
2897
  }
2898
+
2887
2899
  .adyen-kyc-u-align-items-end {
2888
2900
  align-items: end !important;
2889
2901
  }
2902
+
2890
2903
  .adyen-kyc-u-justify-content-center {
2891
2904
  justify-content: center !important;
2892
2905
  }
2906
+
2893
2907
  .adyen-kyc-u-justify-content-flex-start {
2894
2908
  justify-content: flex-start !important;
2895
2909
  }
2910
+
2896
2911
  .adyen-kyc-u-justify-content-flex-end {
2897
2912
  justify-content: flex-end !important;
2898
2913
  }
2914
+
2899
2915
  .adyen-kyc-u-justify-content-start {
2900
2916
  justify-content: start !important;
2901
2917
  }
2918
+
2902
2919
  .adyen-kyc-u-justify-content-end {
2903
2920
  justify-content: end !important;
2904
2921
  }
2922
+
2905
2923
  .adyen-kyc-u-justify-content-left {
2906
2924
  justify-content: left !important;
2907
2925
  }
2926
+
2908
2927
  .adyen-kyc-u-justify-content-right {
2909
2928
  justify-content: right !important;
2910
2929
  }
2930
+
2911
2931
  .adyen-kyc-u-justify-content-space-between {
2912
2932
  justify-content: space-between !important;
2913
2933
  }
2934
+
2914
2935
  .adyen-kyc-u-justify-content-space-around {
2915
2936
  justify-content: space-around !important;
2916
2937
  }
2938
+
2917
2939
  .adyen-kyc-u-justify-content-space-evenly {
2918
2940
  justify-content: space-evenly !important;
2919
2941
  }
2942
+
2920
2943
  .adyen-kyc-u-justify-content-stretch {
2921
2944
  justify-content: stretch !important;
2922
2945
  }
2946
+
2923
2947
  .adyen-kyc-u-flex-1 {
2924
2948
  flex: 1 !important;
2925
2949
  }
2950
+
2926
2951
  .adyen-kyc-u-flex-2 {
2927
2952
  flex: 2 !important;
2928
2953
  }
2954
+
2929
2955
  .adyen-kyc-u-flex-3 {
2930
2956
  flex: 3 !important;
2931
2957
  }
2958
+
2932
2959
  .adyen-kyc-u-flex-4 {
2933
2960
  flex: 4 !important;
2934
2961
  }
2962
+
2935
2963
  .adyen-kyc-u-margin-auto {
2936
2964
  margin: auto !important;
2937
2965
  }
2966
+
2938
2967
  .adyen-kyc-u-margin-bottom-auto {
2939
2968
  margin-bottom: auto !important;
2940
2969
  }
2970
+
2941
2971
  .adyen-kyc-u-margin-left-auto {
2942
2972
  margin-left: auto !important;
2943
2973
  }
2974
+
2944
2975
  .adyen-kyc-u-margin-right-auto {
2945
2976
  margin-right: auto !important;
2946
2977
  }
2978
+
2947
2979
  .adyen-kyc-u-margin-top-auto {
2948
2980
  margin-top: auto !important;
2949
2981
  }
2982
+
2950
2983
  .adyen-kyc-u-margin-x-auto {
2951
2984
  margin-left: auto !important;
2952
2985
  margin-right: auto !important;
2953
2986
  }
2987
+
2954
2988
  .adyen-kyc-u-margin-y-auto {
2955
2989
  margin-bottom: auto !important;
2956
2990
  margin-top: auto !important;
2957
2991
  }
2992
+
2958
2993
  .adyen-kyc-u-margin-0 {
2959
2994
  margin: var(--adyen-sdk-spacer-000, 0px) !important;
2960
2995
  }
2996
+
2961
2997
  .adyen-kyc-u-margin-bottom-0 {
2962
2998
  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
2963
2999
  }
3000
+
2964
3001
  .adyen-kyc-u-margin-left-0 {
2965
3002
  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
2966
3003
  }
3004
+
2967
3005
  .adyen-kyc-u-margin-right-0 {
2968
3006
  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
2969
3007
  }
3008
+
2970
3009
  .adyen-kyc-u-margin-top-0 {
2971
3010
  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
2972
3011
  }
3012
+
2973
3013
  .adyen-kyc-u-margin-x-0 {
2974
3014
  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
2975
3015
  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
2976
3016
  }
3017
+
2977
3018
  .adyen-kyc-u-margin-y-0 {
2978
3019
  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
2979
3020
  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
2980
3021
  }
3022
+
2981
3023
  .adyen-kyc-u-margin-2 {
2982
3024
  margin: var(--adyen-sdk-spacer-010, 2px) !important;
2983
3025
  }
3026
+
2984
3027
  .adyen-kyc-u-margin-bottom-2 {
2985
3028
  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
2986
3029
  }
3030
+
2987
3031
  .adyen-kyc-u-margin-left-2 {
2988
3032
  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
2989
3033
  }
3034
+
2990
3035
  .adyen-kyc-u-margin-right-2 {
2991
3036
  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
2992
3037
  }
3038
+
2993
3039
  .adyen-kyc-u-margin-top-2 {
2994
3040
  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
2995
3041
  }
3042
+
2996
3043
  .adyen-kyc-u-margin-x-2 {
2997
3044
  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
2998
3045
  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
2999
3046
  }
3047
+
3000
3048
  .adyen-kyc-u-margin-y-2 {
3001
3049
  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
3002
3050
  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
3003
3051
  }
3052
+
3004
3053
  .adyen-kyc-u-margin-4 {
3005
3054
  margin: var(--adyen-sdk-spacer-020, 4px) !important;
3006
3055
  }
3056
+
3007
3057
  .adyen-kyc-u-margin-bottom-4 {
3008
3058
  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
3009
3059
  }
3060
+
3010
3061
  .adyen-kyc-u-margin-left-4 {
3011
3062
  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
3012
3063
  }
3064
+
3013
3065
  .adyen-kyc-u-margin-right-4 {
3014
3066
  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
3015
3067
  }
3068
+
3016
3069
  .adyen-kyc-u-margin-top-4 {
3017
3070
  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
3018
3071
  }
3072
+
3019
3073
  .adyen-kyc-u-margin-x-4 {
3020
3074
  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
3021
3075
  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
3022
3076
  }
3077
+
3023
3078
  .adyen-kyc-u-margin-y-4 {
3024
3079
  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
3025
3080
  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
3026
3081
  }
3082
+
3027
3083
  .adyen-kyc-u-margin-6 {
3028
3084
  margin: var(--adyen-sdk-spacer-030, 6px) !important;
3029
3085
  }
3086
+
3030
3087
  .adyen-kyc-u-margin-bottom-6 {
3031
3088
  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
3032
3089
  }
3090
+
3033
3091
  .adyen-kyc-u-margin-left-6 {
3034
3092
  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
3035
3093
  }
3094
+
3036
3095
  .adyen-kyc-u-margin-right-6 {
3037
3096
  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
3038
3097
  }
3098
+
3039
3099
  .adyen-kyc-u-margin-top-6 {
3040
3100
  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
3041
3101
  }
3102
+
3042
3103
  .adyen-kyc-u-margin-x-6 {
3043
3104
  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
3044
3105
  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
3045
3106
  }
3107
+
3046
3108
  .adyen-kyc-u-margin-y-6 {
3047
3109
  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
3048
3110
  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
3049
3111
  }
3112
+
3050
3113
  .adyen-kyc-u-margin-8 {
3051
3114
  margin: var(--adyen-sdk-spacer-040, 8px) !important;
3052
3115
  }
3116
+
3053
3117
  .adyen-kyc-u-margin-bottom-8 {
3054
3118
  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
3055
3119
  }
3120
+
3056
3121
  .adyen-kyc-u-margin-left-8 {
3057
3122
  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
3058
3123
  }
3124
+
3059
3125
  .adyen-kyc-u-margin-right-8 {
3060
3126
  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
3061
3127
  }
3128
+
3062
3129
  .adyen-kyc-u-margin-top-8 {
3063
3130
  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
3064
3131
  }
3132
+
3065
3133
  .adyen-kyc-u-margin-x-8 {
3066
3134
  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
3067
3135
  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
3068
3136
  }
3137
+
3069
3138
  .adyen-kyc-u-margin-y-8 {
3070
3139
  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
3071
3140
  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
3072
3141
  }
3142
+
3073
3143
  .adyen-kyc-u-margin-10 {
3074
3144
  margin: var(--adyen-sdk-spacer-050, 10px) !important;
3075
3145
  }
3146
+
3076
3147
  .adyen-kyc-u-margin-bottom-10 {
3077
3148
  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
3078
3149
  }
3150
+
3079
3151
  .adyen-kyc-u-margin-left-10 {
3080
3152
  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
3081
3153
  }
3154
+
3082
3155
  .adyen-kyc-u-margin-right-10 {
3083
3156
  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
3084
3157
  }
3158
+
3085
3159
  .adyen-kyc-u-margin-top-10 {
3086
3160
  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
3087
3161
  }
3162
+
3088
3163
  .adyen-kyc-u-margin-x-10 {
3089
3164
  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
3090
3165
  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
3091
3166
  }
3167
+
3092
3168
  .adyen-kyc-u-margin-y-10 {
3093
3169
  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
3094
3170
  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
3095
3171
  }
3172
+
3096
3173
  .adyen-kyc-u-margin-12 {
3097
3174
  margin: var(--adyen-sdk-spacer-060, 12px) !important;
3098
3175
  }
3176
+
3099
3177
  .adyen-kyc-u-margin-bottom-12 {
3100
3178
  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
3101
3179
  }
3180
+
3102
3181
  .adyen-kyc-u-margin-left-12 {
3103
3182
  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
3104
3183
  }
3184
+
3105
3185
  .adyen-kyc-u-margin-right-12 {
3106
3186
  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
3107
3187
  }
3188
+
3108
3189
  .adyen-kyc-u-margin-top-12 {
3109
3190
  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
3110
3191
  }
3192
+
3111
3193
  .adyen-kyc-u-margin-x-12 {
3112
3194
  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
3113
3195
  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
3114
3196
  }
3197
+
3115
3198
  .adyen-kyc-u-margin-y-12 {
3116
3199
  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
3117
3200
  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
3118
3201
  }
3202
+
3119
3203
  .adyen-kyc-u-margin-16 {
3120
3204
  margin: var(--adyen-sdk-spacer-070, 16px) !important;
3121
3205
  }
3206
+
3122
3207
  .adyen-kyc-u-margin-bottom-16 {
3123
3208
  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
3124
3209
  }
3210
+
3125
3211
  .adyen-kyc-u-margin-left-16 {
3126
3212
  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
3127
3213
  }
3214
+
3128
3215
  .adyen-kyc-u-margin-right-16 {
3129
3216
  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
3130
3217
  }
3218
+
3131
3219
  .adyen-kyc-u-margin-top-16 {
3132
3220
  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
3133
3221
  }
3222
+
3134
3223
  .adyen-kyc-u-margin-x-16 {
3135
3224
  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
3136
3225
  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
3137
3226
  }
3227
+
3138
3228
  .adyen-kyc-u-margin-y-16 {
3139
3229
  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
3140
3230
  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
3141
3231
  }
3232
+
3142
3233
  .adyen-kyc-u-margin-20 {
3143
3234
  margin: var(--adyen-sdk-spacer-080, 20px) !important;
3144
3235
  }
3236
+
3145
3237
  .adyen-kyc-u-margin-bottom-20 {
3146
3238
  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
3147
3239
  }
3240
+
3148
3241
  .adyen-kyc-u-margin-left-20 {
3149
3242
  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
3150
3243
  }
3244
+
3151
3245
  .adyen-kyc-u-margin-right-20 {
3152
3246
  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
3153
3247
  }
3248
+
3154
3249
  .adyen-kyc-u-margin-top-20 {
3155
3250
  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
3156
3251
  }
3252
+
3157
3253
  .adyen-kyc-u-margin-x-20 {
3158
3254
  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
3159
3255
  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
3160
3256
  }
3257
+
3161
3258
  .adyen-kyc-u-margin-y-20 {
3162
3259
  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
3163
3260
  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
3164
3261
  }
3262
+
3165
3263
  .adyen-kyc-u-margin-24 {
3166
3264
  margin: var(--adyen-sdk-spacer-090, 24px) !important;
3167
3265
  }
3266
+
3168
3267
  .adyen-kyc-u-margin-bottom-24 {
3169
3268
  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
3170
3269
  }
3270
+
3171
3271
  .adyen-kyc-u-margin-left-24 {
3172
3272
  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
3173
3273
  }
3274
+
3174
3275
  .adyen-kyc-u-margin-right-24 {
3175
3276
  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
3176
3277
  }
3278
+
3177
3279
  .adyen-kyc-u-margin-top-24 {
3178
3280
  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
3179
3281
  }
3282
+
3180
3283
  .adyen-kyc-u-margin-x-24 {
3181
3284
  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
3182
3285
  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
3183
3286
  }
3287
+
3184
3288
  .adyen-kyc-u-margin-y-24 {
3185
3289
  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
3186
3290
  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
3187
3291
  }
3292
+
3188
3293
  .adyen-kyc-u-margin-32 {
3189
3294
  margin: var(--adyen-sdk-spacer-100, 32px) !important;
3190
3295
  }
3296
+
3191
3297
  .adyen-kyc-u-margin-bottom-32 {
3192
3298
  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
3193
3299
  }
3300
+
3194
3301
  .adyen-kyc-u-margin-left-32 {
3195
3302
  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
3196
3303
  }
3304
+
3197
3305
  .adyen-kyc-u-margin-right-32 {
3198
3306
  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
3199
3307
  }
3308
+
3200
3309
  .adyen-kyc-u-margin-top-32 {
3201
3310
  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
3202
3311
  }
3312
+
3203
3313
  .adyen-kyc-u-margin-x-32 {
3204
3314
  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
3205
3315
  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
3206
3316
  }
3317
+
3207
3318
  .adyen-kyc-u-margin-y-32 {
3208
3319
  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
3209
3320
  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
3210
3321
  }
3322
+
3211
3323
  .adyen-kyc-u-margin-40 {
3212
3324
  margin: var(--adyen-sdk-spacer-110, 40px) !important;
3213
3325
  }
3326
+
3214
3327
  .adyen-kyc-u-margin-bottom-40 {
3215
3328
  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
3216
3329
  }
3330
+
3217
3331
  .adyen-kyc-u-margin-left-40 {
3218
3332
  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
3219
3333
  }
3334
+
3220
3335
  .adyen-kyc-u-margin-right-40 {
3221
3336
  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
3222
3337
  }
3338
+
3223
3339
  .adyen-kyc-u-margin-top-40 {
3224
3340
  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
3225
3341
  }
3342
+
3226
3343
  .adyen-kyc-u-margin-x-40 {
3227
3344
  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
3228
3345
  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
3229
3346
  }
3347
+
3230
3348
  .adyen-kyc-u-margin-y-40 {
3231
3349
  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
3232
3350
  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
3233
3351
  }
3352
+
3234
3353
  .adyen-kyc-u-margin-48 {
3235
3354
  margin: var(--adyen-sdk-spacer-120, 48px) !important;
3236
3355
  }
3356
+
3237
3357
  .adyen-kyc-u-margin-bottom-48 {
3238
3358
  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
3239
3359
  }
3360
+
3240
3361
  .adyen-kyc-u-margin-left-48 {
3241
3362
  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
3242
3363
  }
3364
+
3243
3365
  .adyen-kyc-u-margin-right-48 {
3244
3366
  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
3245
3367
  }
3368
+
3246
3369
  .adyen-kyc-u-margin-top-48 {
3247
3370
  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
3248
3371
  }
3372
+
3249
3373
  .adyen-kyc-u-margin-x-48 {
3250
3374
  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
3251
3375
  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
3252
3376
  }
3377
+
3253
3378
  .adyen-kyc-u-margin-y-48 {
3254
3379
  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
3255
3380
  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
3256
3381
  }
3382
+
3257
3383
  /* for container queries */
3384
+ .adyen-kyc-u-width-full {
3385
+ width: 100% !important;
3386
+ }
3387
+
3388
+ .adyen-kyc-u-width-half {
3389
+ width: 50% !important;
3390
+ }
3391
+
3258
3392
  /* Topmost/root container class */
3259
3393
  .adyen-kyc-ui-element-container-wrapper {
3260
3394
  width: 100%;
@@ -3267,11 +3401,13 @@ fieldset {
3267
3401
  container-type: inline-size;
3268
3402
  container-name: main;
3269
3403
  }
3404
+
3270
3405
  .adyen-kyc-ui-element-container-wrapper *,
3271
3406
  .adyen-kyc-ui-element-container-wrapper *::after,
3272
3407
  .adyen-kyc-ui-element-container-wrapper *::before {
3273
3408
  box-sizing: border-box;
3274
3409
  }
3410
+
3275
3411
  .adyen-kyc-ui-element-container {
3276
3412
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3277
3413
  position: relative;
@@ -3281,7 +3417,7 @@ fieldset {
3281
3417
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3282
3418
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3283
3419
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3284
- color: var(--adyen-sdk-color-label-primary, #00112c);
3420
+ color: var(--adyen-sdk-color-label-primary, #001222);
3285
3421
  }
3286
3422
  .adyen-kyc-ui-element-container p,
3287
3423
  .adyen-kyc-ui-element-container ol,
@@ -3298,6 +3434,7 @@ fieldset {
3298
3434
  padding: var(--adyen-sdk-spacer-070, 16px);
3299
3435
  }
3300
3436
  }
3437
+
3301
3438
  /*
3302
3439
  * Compatibility later to ensure components do NOT receive extra padding
3303
3440
  * as is the case with dropins, without breaking dropins.
@@ -3307,6 +3444,7 @@ fieldset {
3307
3444
  .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
3308
3445
  padding: 0;
3309
3446
  }
3447
+
3310
3448
  /*
3311
3449
  * The default layer is our base styling, that can and will be overriden by
3312
3450
  * any "unlayered" consumer-provided styling.
@@ -3328,160 +3466,168 @@ fieldset {
3328
3466
  --adyen-sdk-animation-duration-moderate: 150ms;
3329
3467
  --adyen-sdk-animation-duration-slow: 250ms;
3330
3468
  --adyen-sdk-color-background-primary: #ffffff;
3331
- --adyen-sdk-color-background-primary-hover: #f7f7f8;
3332
- --adyen-sdk-color-background-primary-active: #eeeff1;
3333
- --adyen-sdk-color-background-secondary: #f7f7f8;
3334
- --adyen-sdk-color-background-secondary-hover: #eeeff1;
3335
- --adyen-sdk-color-background-secondary-active: #e3e5e9;
3336
- --adyen-sdk-color-background-tertiary: #eeeff1;
3337
- --adyen-sdk-color-background-tertiary-hover: #e3e5e9;
3338
- --adyen-sdk-color-background-tertiary-active: #dbdee2;
3339
- --adyen-sdk-color-background-quaternary: #c0c5cc;
3340
- --adyen-sdk-color-background-quaternary-hover: #b8bdc6;
3341
- --adyen-sdk-color-background-quaternary-active: #afb5bf;
3469
+ --adyen-sdk-color-background-primary-hover: #f4f5f6;
3470
+ --adyen-sdk-color-background-primary-active: #ecedef;
3471
+ --adyen-sdk-color-background-secondary: #f4f5f6;
3472
+ --adyen-sdk-color-background-secondary-hover: #ecedef;
3473
+ --adyen-sdk-color-background-secondary-active: #e2e5e7;
3474
+ --adyen-sdk-color-background-tertiary: #ecedef;
3475
+ --adyen-sdk-color-background-tertiary-hover: #e2e5e7;
3476
+ --adyen-sdk-color-background-tertiary-active: #dadddf;
3477
+ --adyen-sdk-color-background-quaternary: #c0c5ca;
3478
+ --adyen-sdk-color-background-quaternary-hover: #b7bdc2;
3479
+ --adyen-sdk-color-background-quaternary-active: #aeb5ba;
3342
3480
  --adyen-sdk-color-background-modal: #ffffff;
3343
- --adyen-sdk-color-background-modal-hover: #f7f7f8;
3344
- --adyen-sdk-color-background-modal-active: #eeeff1;
3345
- --adyen-sdk-color-background-disabled: #eeeff1;
3346
- --adyen-sdk-color-background-selected: #e3f0ff;
3347
- --adyen-sdk-color-background-critical-weak: #fef4f4;
3348
- --adyen-sdk-color-background-critical-strong: #e22d2d;
3349
- --adyen-sdk-color-background-critical-strong-hover: #c72727;
3350
- --adyen-sdk-color-background-critical-strong-active: #791818;
3351
- --adyen-sdk-color-background-warning-weak: #fff5e9;
3352
- --adyen-sdk-color-background-warning-strong: #dd7d00;
3353
- --adyen-sdk-color-background-success-weak: #edfaf3;
3354
- --adyen-sdk-color-background-success-strong: #07893c;
3355
- --adyen-sdk-color-background-highlight-weak: #f2f8ff;
3356
- --adyen-sdk-color-background-highlight-strong: #0070f5;
3357
- --adyen-sdk-color-background-inverse-primary: #00112c;
3358
- --adyen-sdk-color-background-inverse-primary-hover: #5c687c;
3359
- --adyen-sdk-color-background-inverse-primary-active: #6d7789;
3360
- --adyen-sdk-color-background-inverse-secondary: #1a2a44;
3361
- --adyen-sdk-color-background-inverse-secondary-hover: #283750;
3362
- --adyen-sdk-color-background-inverse-secondary-active: #37455d;
3363
- --adyen-sdk-color-background-inverse-disabled: #283750;
3364
- --adyen-sdk-color-background-inverse-critical-weak: #611313;
3365
- --adyen-sdk-color-background-inverse-critical-strong: #f99c9c;
3366
- --adyen-sdk-color-background-inverse-critical-strong-hover: #fbbdbd;
3367
- --adyen-sdk-color-background-inverse-critical-strong-active: #fddfdf;
3481
+ --adyen-sdk-color-background-modal-hover: #f4f5f6;
3482
+ --adyen-sdk-color-background-modal-active: #ecedef;
3483
+ --adyen-sdk-color-background-disabled: #ecedef;
3484
+ --adyen-sdk-color-background-selected: #e3effb;
3485
+ --adyen-sdk-color-background-spotlight: #ffe379;
3486
+ --adyen-sdk-color-background-critical-weak: #fff3ef;
3487
+ --adyen-sdk-color-background-critical-strong: #dc3801;
3488
+ --adyen-sdk-color-background-critical-strong-hover: #c13101;
3489
+ --adyen-sdk-color-background-critical-strong-active: #751e00;
3490
+ --adyen-sdk-color-background-warning-weak: #fff4e5;
3491
+ --adyen-sdk-color-background-warning-strong: #d77f00;
3492
+ --adyen-sdk-color-background-success-weak: #e4faef;
3493
+ --adyen-sdk-color-background-success-strong: #008845;
3494
+ --adyen-sdk-color-background-highlight-weak: #f0f6fd;
3495
+ --adyen-sdk-color-background-highlight-strong: #0f75dc;
3496
+ --adyen-sdk-color-background-inverse-primary: #001222;
3497
+ --adyen-sdk-color-background-inverse-primary-hover: #5c6874;
3498
+ --adyen-sdk-color-background-inverse-primary-active: #6c7782;
3499
+ --adyen-sdk-color-background-inverse-secondary: #1a2b3b;
3500
+ --adyen-sdk-color-background-inverse-secondary-hover: #273746;
3501
+ --adyen-sdk-color-background-inverse-secondary-active: #364553;
3502
+ --adyen-sdk-color-background-inverse-disabled: #273746;
3503
+ --adyen-sdk-color-background-inverse-critical-weak: #5c1800;
3504
+ --adyen-sdk-color-background-inverse-critical-strong: #ff9a78;
3505
+ --adyen-sdk-color-background-inverse-critical-strong-hover: #ffbda6;
3506
+ --adyen-sdk-color-background-inverse-critical-strong-active: #ffded3;
3368
3507
  --adyen-sdk-color-background-always-light: #ffffff;
3369
- --adyen-sdk-color-background-always-light-hover: #f7f7f8;
3370
- --adyen-sdk-color-background-always-light-active: #eeeff1;
3371
- --adyen-sdk-color-background-always-light-disabled: #eeeff1;
3372
- --adyen-sdk-color-background-always-light-selected: #e3f0ff;
3373
- --adyen-sdk-color-background-always-dark: #00112c;
3374
- --adyen-sdk-color-background-always-dark-hover: #5c687c;
3375
- --adyen-sdk-color-background-always-dark-active: #8d95a3;
3376
- --adyen-sdk-color-background-always-dark-disabled: #eeeff1;
3377
- --adyen-sdk-color-background-always-dark-selected: #002f68;
3378
- --adyen-sdk-color-background-always-dark-primary: #00112c;
3379
- --adyen-sdk-color-background-always-dark-primary-hover: #14243e;
3380
- --adyen-sdk-color-background-always-dark-primary-active: #22314a;
3381
- --adyen-sdk-color-background-always-dark-primary-disabled: #eeeff1;
3382
- --adyen-sdk-color-background-always-dark-primary-selected: #002f68;
3383
- --adyen-sdk-color-background-always-dark-secondary: #22314a;
3384
- --adyen-sdk-color-background-always-dark-secondary-hover: #37455d;
3385
- --adyen-sdk-color-background-always-dark-secondary-active: #455368;
3386
- --adyen-sdk-color-background-always-dark-secondary-disabled: #eeeff1;
3387
- --adyen-sdk-color-background-always-dark-secondary-selected: #002f68;
3388
- --adyen-sdk-color-background-always-dark-tertiary: #2f3e56;
3389
- --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c62;
3390
- --adyen-sdk-color-background-always-dark-tertiary-active: #455368;
3391
- --adyen-sdk-color-background-always-dark-tertiary-disabled: #eeeff1;
3392
- --adyen-sdk-color-background-always-dark-tertiary-selected: #002f68;
3393
- --adyen-sdk-color-label-primary: #00112c;
3394
- --adyen-sdk-color-label-primary-hover: #5c687c;
3395
- --adyen-sdk-color-label-primary-active: #6d7789;
3396
- --adyen-sdk-color-label-secondary: #5c687c;
3397
- --adyen-sdk-color-label-tertiary: #8d95a3;
3398
- --adyen-sdk-color-label-disabled: #8d95a3;
3399
- --adyen-sdk-color-label-critical: #e22d2d;
3400
- --adyen-sdk-color-label-critical-hover: #c72727;
3401
- --adyen-sdk-color-label-critical-active: #791818;
3402
- --adyen-sdk-color-label-warning: #b06300;
3403
- --adyen-sdk-color-label-highlight: #0070f5;
3404
- --adyen-sdk-color-label-success: #07893c;
3508
+ --adyen-sdk-color-background-always-light-hover: #f4f5f6;
3509
+ --adyen-sdk-color-background-always-light-active: #ecedef;
3510
+ --adyen-sdk-color-background-always-light-disabled: #ecedef;
3511
+ --adyen-sdk-color-background-always-light-selected: #e3effb;
3512
+ --adyen-sdk-color-background-always-dark: #001222;
3513
+ --adyen-sdk-color-background-always-dark-hover: #5c6874;
3514
+ --adyen-sdk-color-background-always-dark-active: #8c959d;
3515
+ --adyen-sdk-color-background-always-dark-disabled: #ecedef;
3516
+ --adyen-sdk-color-background-always-dark-selected: #00305f;
3517
+ --adyen-sdk-color-background-always-dark-primary: #001222;
3518
+ --adyen-sdk-color-background-always-dark-primary-hover: #132434;
3519
+ --adyen-sdk-color-background-always-dark-primary-active: #213140;
3520
+ --adyen-sdk-color-background-always-dark-primary-disabled: #ecedef;
3521
+ --adyen-sdk-color-background-always-dark-primary-selected: #00305f;
3522
+ --adyen-sdk-color-background-always-dark-secondary: #213140;
3523
+ --adyen-sdk-color-background-always-dark-secondary-hover: #364553;
3524
+ --adyen-sdk-color-background-always-dark-secondary-active: #455460;
3525
+ --adyen-sdk-color-background-always-dark-secondary-disabled: #ecedef;
3526
+ --adyen-sdk-color-background-always-dark-secondary-selected: #00305f;
3527
+ --adyen-sdk-color-background-always-dark-tertiary: #2f3e4d;
3528
+ --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c5a;
3529
+ --adyen-sdk-color-background-always-dark-tertiary-active: #455460;
3530
+ --adyen-sdk-color-background-always-dark-tertiary-disabled: #ecedef;
3531
+ --adyen-sdk-color-background-always-dark-tertiary-selected: #00305f;
3532
+ --adyen-sdk-color-label-primary: #001222;
3533
+ --adyen-sdk-color-label-primary-hover: #5c6874;
3534
+ --adyen-sdk-color-label-primary-active: #6c7782;
3535
+ --adyen-sdk-color-label-secondary: #5c6874;
3536
+ --adyen-sdk-color-label-tertiary: #8c959d;
3537
+ --adyen-sdk-color-label-disabled: #8c959d;
3538
+ --adyen-sdk-color-label-critical: #dc3801;
3539
+ --adyen-sdk-color-label-critical-hover: #c13101;
3540
+ --adyen-sdk-color-label-critical-active: #751e00;
3541
+ --adyen-sdk-color-label-warning: #ab6600;
3542
+ --adyen-sdk-color-label-highlight: #0f75dc;
3543
+ --adyen-sdk-color-label-success: #008845;
3405
3544
  --adyen-sdk-color-label-on-color: #ffffff;
3406
3545
  --adyen-sdk-color-label-inverse-primary: #ffffff;
3407
- --adyen-sdk-color-label-inverse-primary-hover: #f7f7f8;
3408
- --adyen-sdk-color-label-inverse-primary-active: #eeeff1;
3409
- --adyen-sdk-color-label-inverse-secondary: #9ea6b1;
3410
- --adyen-sdk-color-label-inverse-disabled: #747f8f;
3411
- --adyen-sdk-color-label-inverse-critical: #f99c9c;
3412
- --adyen-sdk-color-label-inverse-critical-hover: #fbbdbd;
3413
- --adyen-sdk-color-label-inverse-critical-active: #fddfdf;
3414
- --adyen-sdk-color-label-on-background-critical-weak: #c72727;
3415
- --adyen-sdk-color-label-on-background-warning-weak: #9b5700;
3416
- --adyen-sdk-color-label-on-background-success-weak: #067934;
3417
- --adyen-sdk-color-label-on-background-highlight-weak: #0063d7;
3546
+ --adyen-sdk-color-label-inverse-primary-hover: #f4f5f6;
3547
+ --adyen-sdk-color-label-inverse-primary-active: #ecedef;
3548
+ --adyen-sdk-color-label-inverse-secondary: #9da5ac;
3549
+ --adyen-sdk-color-label-inverse-disabled: #737e88;
3550
+ --adyen-sdk-color-label-inverse-critical: #ff9a78;
3551
+ --adyen-sdk-color-label-inverse-critical-hover: #ffbda6;
3552
+ --adyen-sdk-color-label-inverse-critical-active: #ffded3;
3553
+ --adyen-sdk-color-label-on-background-critical-weak: #c13101;
3554
+ --adyen-sdk-color-label-on-background-warning-weak: #955900;
3555
+ --adyen-sdk-color-label-on-background-success-weak: #00773c;
3556
+ --adyen-sdk-color-label-on-background-highlight-weak: #0065c9;
3418
3557
  --adyen-sdk-color-label-always-light: #ffffff;
3419
- --adyen-sdk-color-label-always-light-primary: #eeeff1;
3420
- --adyen-sdk-color-label-always-light-primary-hover: #c9cdd3;
3421
- --adyen-sdk-color-label-always-light-primary-active: #9ea6b1;
3422
- --adyen-sdk-color-label-always-light-secondary: #a7adb8;
3423
- --adyen-sdk-color-label-always-light-secondary-hover: #9ea6b1;
3424
- --adyen-sdk-color-label-always-light-secondary-active: #747f8f;
3425
- --adyen-sdk-color-label-always-light-tertiary: #848e9c;
3426
- --adyen-sdk-color-label-always-light-tertiary-hover: #747f8f;
3427
- --adyen-sdk-color-label-always-light-tertiary-active: #556276;
3428
- --adyen-sdk-color-label-always-dark: #00112c;
3429
- --adyen-sdk-color-link-primary: #00112c;
3430
- --adyen-sdk-color-link-primary-hover: #5c687c;
3431
- --adyen-sdk-color-link-primary-active: #6d7789;
3432
- --adyen-sdk-color-link-primary-disabled: #8d95a3;
3433
- --adyen-sdk-color-outline-primary: #dbdee2;
3434
- --adyen-sdk-color-outline-primary-hover: #c9cdd3;
3435
- --adyen-sdk-color-outline-primary-active: #00112c;
3436
- --adyen-sdk-color-outline-secondary: #c9cdd3;
3437
- --adyen-sdk-color-outline-secondary-hover: #b8bdc6;
3438
- --adyen-sdk-color-outline-secondary-active: #00112c;
3439
- --adyen-sdk-color-outline-tertiary: #8d95a3;
3440
- --adyen-sdk-color-outline-tertiary-hover: #6d7789;
3441
- --adyen-sdk-color-outline-tertiary-active: #00112c;
3442
- --adyen-sdk-color-outline-disabled: #dbdee2;
3443
- --adyen-sdk-color-outline-selected: #00112c;
3444
- --adyen-sdk-color-outline-critical: #e22d2d;
3445
- --adyen-sdk-color-outline-critical-hover: #c72727;
3446
- --adyen-sdk-color-outline-critical-active: #791818;
3447
- --adyen-sdk-color-outline-success: #07893c;
3448
- --adyen-sdk-color-outline-success-hover: #067934;
3449
- --adyen-sdk-color-outline-success-active: #04481f;
3450
- --adyen-sdk-color-outline-inverse-primary: #2f3e56;
3451
- --adyen-sdk-color-outline-inverse-primary-hover: #6d7789;
3452
- --adyen-sdk-color-outline-inverse-primary-active: #9ea6b1;
3453
- --adyen-sdk-color-outline-inverse-disabled: #455368;
3454
- --adyen-sdk-color-outline-inverse-critical: #f99c9c;
3455
- --adyen-sdk-color-outline-inverse-critical-hover: #fbbdbd;
3456
- --adyen-sdk-color-outline-inverse-critical-active: #fddfdf;
3457
- --adyen-sdk-color-separator-primary: #dbdee2;
3458
- --adyen-sdk-color-separator-secondary: #c9cdd3;
3459
- --adyen-sdk-color-separator-inverse-primary: #2f3e56;
3460
- --adyen-sdk-color-separator-inverse-secondary: #5c687c;
3461
- --adyen-sdk-color-decorative-green: #09ab4b;
3462
- --adyen-sdk-color-decorative-blue: #0070f5;
3463
- --adyen-sdk-color-decorative-yellow: #f7bc00;
3464
- --adyen-sdk-color-decorative-orange: #dd7d00;
3465
- --adyen-sdk-color-decorative-red: #e22d2d;
3466
- --adyen-sdk-color-decorative-grey: #c0c5cc;
3467
- --adyen-sdk-color-support-overlay: #00112c;
3468
- --adyen-sdk-color-support-shadow: #00112c;
3558
+ --adyen-sdk-color-label-always-light-primary: #ecedef;
3559
+ --adyen-sdk-color-label-always-light-primary-hover: #c8ccd0;
3560
+ --adyen-sdk-color-label-always-light-primary-active: #959da5;
3561
+ --adyen-sdk-color-label-always-light-secondary: #a6adb3;
3562
+ --adyen-sdk-color-label-always-light-secondary-hover: #959da5;
3563
+ --adyen-sdk-color-label-always-light-secondary-active: #737e88;
3564
+ --adyen-sdk-color-label-always-light-tertiary: #848d96;
3565
+ --adyen-sdk-color-label-always-light-tertiary-hover: #737e88;
3566
+ --adyen-sdk-color-label-always-light-tertiary-active: #54616d;
3567
+ --adyen-sdk-color-label-always-dark: #001222;
3568
+ --adyen-sdk-color-link-primary: #0065c9;
3569
+ --adyen-sdk-color-link-primary-hover: #0f75dc;
3570
+ --adyen-sdk-color-link-primary-active: #0f75dc;
3571
+ --adyen-sdk-color-link-primary-disabled: #8c959d;
3572
+ --adyen-sdk-color-link-primary-visited: #540884;
3573
+ --adyen-sdk-color-link-primary-visited-hover: #710ab3;
3574
+ --adyen-sdk-color-link-primary-visited-active: #710ab3;
3575
+ --adyen-sdk-color-link-quiet: #001222;
3576
+ --adyen-sdk-color-link-quiet-hover: #5c6874;
3577
+ --adyen-sdk-color-link-quiet-active: #5c6874;
3578
+ --adyen-sdk-color-link-quiet-disabled: #8c959d;
3579
+ --adyen-sdk-color-outline-primary: #dadddf;
3580
+ --adyen-sdk-color-outline-primary-hover: #c8ccd0;
3581
+ --adyen-sdk-color-outline-primary-active: #001222;
3582
+ --adyen-sdk-color-outline-secondary: #c8ccd0;
3583
+ --adyen-sdk-color-outline-secondary-hover: #b7bdc2;
3584
+ --adyen-sdk-color-outline-secondary-active: #001222;
3585
+ --adyen-sdk-color-outline-tertiary: #8c959d;
3586
+ --adyen-sdk-color-outline-tertiary-hover: #6c7782;
3587
+ --adyen-sdk-color-outline-tertiary-active: #001222;
3588
+ --adyen-sdk-color-outline-disabled: #dadddf;
3589
+ --adyen-sdk-color-outline-selected: #001222;
3590
+ --adyen-sdk-color-outline-critical: #dc3801;
3591
+ --adyen-sdk-color-outline-critical-hover: #c13101;
3592
+ --adyen-sdk-color-outline-critical-active: #751e00;
3593
+ --adyen-sdk-color-outline-success: #008845;
3594
+ --adyen-sdk-color-outline-success-hover: #00773c;
3595
+ --adyen-sdk-color-outline-success-active: #004724;
3596
+ --adyen-sdk-color-outline-inverse-primary: #2f3e4d;
3597
+ --adyen-sdk-color-outline-inverse-primary-hover: #6c7782;
3598
+ --adyen-sdk-color-outline-inverse-primary-active: #9da5ac;
3599
+ --adyen-sdk-color-outline-inverse-disabled: #455460;
3600
+ --adyen-sdk-color-outline-inverse-critical: #ff9a78;
3601
+ --adyen-sdk-color-outline-inverse-critical-hover: #ffbda6;
3602
+ --adyen-sdk-color-outline-inverse-critical-active: #ffded3;
3603
+ --adyen-sdk-color-separator-primary: #dadddf;
3604
+ --adyen-sdk-color-separator-secondary: #c8ccd0;
3605
+ --adyen-sdk-color-separator-inverse-primary: #2f3e4d;
3606
+ --adyen-sdk-color-separator-inverse-secondary: #5c6874;
3607
+ --adyen-sdk-color-decorative-green: #00d16a;
3608
+ --adyen-sdk-color-decorative-blue: #006bd7;
3609
+ --adyen-sdk-color-decorative-yellow: #f9c500;
3610
+ --adyen-sdk-color-decorative-orange: #f99300;
3611
+ --adyen-sdk-color-decorative-red: #f73f01;
3612
+ --adyen-sdk-color-decorative-grey: #848d96;
3613
+ --adyen-sdk-color-support-overlay: #001222;
3614
+ --adyen-sdk-color-support-shadow: #001222;
3469
3615
  --adyen-sdk-text-font-variant-numeric: normal;
3470
3616
  --adyen-sdk-text-rich-text-heading-margin: 32px 0 10px 0;
3471
3617
  --adyen-sdk-text-rich-text-heading-font-weight: 700;
3472
3618
  --adyen-sdk-text-rich-text-paragraph-margin: 0 0 8px 0;
3473
3619
  --adyen-sdk-text-rich-text-list-padding-left: 20px;
3474
3620
  --adyen-sdk-text-rich-text-list-margin: 0 0 4px 0;
3475
- --adyen-sdk-text-rich-text-code-background-color: #f7f7f8;
3621
+ --adyen-sdk-text-rich-text-code-background-color: #f4f5f6;
3476
3622
  --adyen-sdk-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
3477
3623
  --adyen-sdk-text-rich-text-code-font-weight: 500;
3478
3624
  --adyen-sdk-text-rich-text-pre-margin: 16px 0 16px 0;
3479
3625
  --adyen-sdk-text-rich-text-pre-padding: 10px 16px;
3480
3626
  --adyen-sdk-text-rich-text-pre-line-height: 24px;
3481
- --adyen-sdk-text-rich-text-mark-background-color: #f2f8ff;
3627
+ --adyen-sdk-text-rich-text-mark-background-color: #f0f6fd;
3482
3628
  --adyen-sdk-text-rich-text-blockquote-font-weight: 500;
3483
3629
  --adyen-sdk-text-rich-text-blockquote-margin: 16px 0 16px 16px;
3484
- --adyen-sdk-text-rich-text-table-border: 1px solid #dbdee2;
3630
+ --adyen-sdk-text-rich-text-table-border: 1px solid #dadddf;
3485
3631
  --adyen-sdk-text-rich-text-table-line-height: 20px;
3486
3632
  --adyen-sdk-text-rich-text-table-margin: 16px 0 16px 0;
3487
3633
  --adyen-sdk-text-rich-text-table-padding: 10px 16px;
@@ -3542,7 +3688,7 @@ fieldset {
3542
3688
  --adyen-sdk-text-title-l-letter-spacing: 0;
3543
3689
  --adyen-sdk-text-title-l-mobile-font-size: 20px;
3544
3690
  --adyen-sdk-text-title-l-mobile-line-height: 30px;
3545
- --adyen-sdk-focus-ring-color: rgba(0, 112, 245, 0.8);
3691
+ --adyen-sdk-focus-ring-color: rgba(15, 117, 220, 0.8);
3546
3692
  --adyen-sdk-focus-ring-spacer: 1px;
3547
3693
  --adyen-sdk-focus-ring-outline: 3px;
3548
3694
  --adyen-sdk-spacer-100: 32px;
@@ -3571,12 +3717,12 @@ fieldset {
3571
3717
  --adyen-sdk-media-query-xl-min: 1280px;
3572
3718
  --adyen-sdk-media-query-xl-max: 1535px;
3573
3719
  --adyen-sdk-media-query-xxl: 1536px;
3574
- --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
3575
- --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
3576
- --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
3577
- --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);
3578
- --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);
3579
- --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);
3720
+ --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02);
3721
+ --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04);
3722
+ --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06);
3723
+ --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);
3724
+ --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);
3725
+ --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);
3580
3726
  --adyen-sdk-border-radius-xs: 2px;
3581
3727
  --adyen-sdk-border-radius-s: 4px;
3582
3728
  --adyen-sdk-border-radius-m: 8px;
@@ -3605,6 +3751,7 @@ fieldset {
3605
3751
  --adyen-sdk-border-default-l: var(--adyen-sdk-border-width-l) solid
3606
3752
  var(--adyen-sdk-color-outline-primary);
3607
3753
  }
3754
+
3608
3755
  .adyen-kyc-u-screen-reader-only {
3609
3756
  border: 0;
3610
3757
  clip: rect(0, 0, 0, 0);
@@ -3614,80 +3761,108 @@ fieldset {
3614
3761
  position: absolute;
3615
3762
  white-space: nowrap;
3616
3763
  width: 1px;
3617
- }.adyen-kyc-outlined-icon {
3618
- width: 1.75em;
3619
- height: 1.75em;
3620
- border-radius: 50%;
3764
+ }.adyen-kyc-end-state-layout {
3765
+ align-items: center;
3766
+ display: flex;
3767
+ flex-direction: column;
3768
+ flex-grow: 1;
3769
+ gap: var(--adyen-sdk-spacer-100);
3770
+ height: 100%;
3771
+ justify-content: center;
3772
+ margin-left: auto;
3773
+ margin-right: auto;
3774
+ max-width: 600px;
3775
+ width: 100%;
3776
+ }
3777
+
3778
+ .adyen-kyc-end-state-layout-header {
3779
+ align-items: center;
3621
3780
  display: flex;
3781
+ flex-direction: column;
3782
+ gap: var(--adyen-sdk-spacer-040);
3783
+ text-align: center;
3784
+ }
3785
+
3786
+ .adyen-kyc-end-state-layout-icon {
3622
3787
  align-items: center;
3788
+ border-radius: 50%;
3789
+ display: flex;
3790
+ height: 64px;
3623
3791
  justify-content: center;
3624
- line-height: 1;
3625
- color: var(--adyen-skd-color-label-on-color);
3626
- background-color: var(--adyen-skd-color-background-success-strong);
3627
- outline: 0.5em solid var(--adyen-skd-color-background-success-weak);
3792
+ width: 64px;
3628
3793
  }
3629
- .adyen-contract-viewer .adyen-document-viewer {
3630
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3631
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3632
- --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3633
- --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3634
- --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3635
- --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
3636
- --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
3637
- --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #eeeff1);
3638
- --adv-accordion-content-padding: 0;
3639
- --adv-icon-color: var(--adyen-sdk-color-label-primary, #00112c);
3640
- --adv-link-color: var(--adyen-sdk-color-link-primary, #00112c);
3641
- }.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)}
3642
- .adyen-kyc-form-end-state {
3643
- display: grid;
3644
- place-items: center;
3645
- word-break: break-word;
3646
- margin-bottom: var(--adyen-sdk-spacer-020);
3794
+
3795
+ .adyen-kyc-end-state-layout-icon svg {
3796
+ height: 24px;
3797
+ width: 24px;
3647
3798
  }
3648
3799
 
3649
- .adyen-kyc-end-state-icon {
3650
- line-height: var(--adyen-sdk-text-body-line-height);
3651
- margin-top: var(--adyen-sdk-spacer-010);
3800
+ .adyen-kyc-end-state-layout-icon-success {
3801
+ background-color: var(--adyen-sdk-color-decorative-green);
3802
+ box-shadow: var(--adyen-sdk-shadow-medium);
3803
+ color: var(--adyen-sdk-color-label-on-color);
3652
3804
  }
3653
3805
 
3654
- .adyen-kyc-icon-info {
3655
- color: var(--adyen-sdk-color-background-highlight-strong);
3806
+ .adyen-kyc-end-state-layout-icon-error {
3807
+ background-color: var(--adyen-sdk-color-background-critical-strong);
3808
+ box-shadow: var(--adyen-sdk-shadow-medium);
3809
+ color: var(--adyen-sdk-color-label-on-color);
3656
3810
  }
3657
3811
 
3658
- .adyen-kyc-icon-error {
3659
- color: var(--adyen-sdk-color-background-critical-strong);
3812
+ .adyen-kyc-end-state-layout-icon-info {
3813
+ background-color: var(--adyen-sdk-color-background-highlight-weak);
3814
+ color: var(--adyen-sdk-color-label-highlight);
3660
3815
  }
3661
3816
 
3662
- .adyen-kyc-icon-warning {
3663
- color: var(--adyen-sdk-color-background-warning-strong);
3817
+ .adyen-kyc-end-state-layout-icon-warning {
3818
+ background-color: var(--adyen-sdk-color-decorative-yellow);
3819
+ color: var(--adyen-sdk-color-label-primary);
3664
3820
  }
3665
3821
 
3666
- .adyen-kyc-icon-success {
3667
- color: var(--adyen-sdk-color-background-success-strong);
3822
+ .adyen-kyc-end-state-layout-text {
3823
+ align-items: center;
3824
+ display: flex;
3825
+ flex-direction: column;
3826
+ gap: var(--adyen-sdk-spacer-040);
3827
+ text-align: center;
3668
3828
  }
3669
3829
 
3670
- .adyen-kyc-title {
3830
+ .adyen-kyc-end-state-layout-title {
3831
+ color: var(--adyen-sdk-color-label-primary);
3671
3832
  font-size: var(--adyen-sdk-text-title-m-font-size);
3672
3833
  font-weight: var(--adyen-sdk-text-title-m-font-weight);
3673
3834
  line-height: var(--adyen-sdk-text-title-m-line-height);
3674
- margin-top: var(--adyen-sdk-spacer-060);
3675
- margin-bottom: var(--adyen-sdk-spacer-020);
3676
- text-align: center;
3835
+ margin: 0;
3677
3836
  }
3678
3837
 
3679
- .adyen-kyc-end-state-description {
3838
+ .adyen-kyc-end-state-layout-description {
3680
3839
  color: var(--adyen-sdk-color-label-secondary);
3681
3840
  font-size: var(--adyen-sdk-text-body-font-size);
3682
- margin-bottom: var(--adyen-sdk-spacer-070);
3683
- text-align: center;
3841
+ font-weight: var(--adyen-sdk-text-body-font-weight);
3842
+ line-height: var(--adyen-sdk-text-body-line-height);
3684
3843
  }
3685
3844
 
3686
- .adyen-kyc-end-state-actions {
3845
+ .adyen-kyc-end-state-layout-action {
3846
+ align-items: center;
3687
3847
  display: flex;
3688
- gap: var(--adyen-sdk-spacer-070);
3689
- text-align: left;
3848
+ flex-direction: column;
3849
+ gap: var(--adyen-sdk-spacer-040);
3850
+ max-width: 320px;
3851
+ width: 100%;
3690
3852
  }
3853
+ .adyen-contract-viewer .adyen-document-viewer {
3854
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #001222);
3855
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
3856
+ --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3857
+ --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3858
+ --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3859
+ --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3860
+ --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3861
+ --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #ecedef);
3862
+ --adv-accordion-content-padding: 0;
3863
+ --adv-icon-color: var(--adyen-sdk-color-label-primary, #001222);
3864
+ --adv-link-color: var(--adyen-sdk-color-link-primary, #0065c9);
3865
+ }.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)}
3691
3866
  .adyen-kyc-adyen-kyc-signed-alert:last-of-type {
3692
3867
  margin-top: var(--adyen-sdk-spacer-070);
3693
3868
  }
@@ -3752,7 +3927,7 @@ fieldset {
3752
3927
  }
3753
3928
 
3754
3929
  .adyen-kyc-form-flow-footer-border {
3755
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3930
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3756
3931
  }
3757
3932
 
3758
3933
  .adyen-kyc-form-flow-actions {
@@ -3805,9 +3980,9 @@ fieldset {
3805
3980
  .adyen-kyc-high-exposure-structured-address {
3806
3981
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px);
3807
3982
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3808
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3983
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3809
3984
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
3810
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3985
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3811
3986
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3812
3987
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3813
3988
  }/* for container queries */
@@ -3862,6 +4037,14 @@ fieldset {
3862
4037
  margin: 0 auto;
3863
4038
  }
3864
4039
 
4040
+ .adyen-kyc-landing-layout-errors {
4041
+ text-align: center;
4042
+ width: 100%;
4043
+ margin: 0 auto;
4044
+ display: flex;
4045
+ justify-content: center;
4046
+ }
4047
+
3865
4048
  .adyen-kyc-landing-layout-disclaimer {
3866
4049
  text-align: center;
3867
4050
  margin-top: var(--adyen-sdk-spacer-040);
@@ -3888,7 +4071,7 @@ fieldset {
3888
4071
  height: 100%;
3889
4072
  }
3890
4073
  .adyen-kyc-tile-icon {
3891
- background: var(--adyen-sdk-color-background-tertiary, #eeeff1);
4074
+ background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3892
4075
  width: var(--adyen-sdk-spacer-110, 40px);
3893
4076
  height: var(--adyen-sdk-spacer-110, 40px);
3894
4077
  display: flex;
@@ -3898,19 +4081,19 @@ fieldset {
3898
4081
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3899
4082
  }
3900
4083
  .adyen-kyc-tile svg {
3901
- color: var(--adyen-sdk-color-label-primary, #00112c);
4084
+ color: var(--adyen-sdk-color-label-primary, #001222);
3902
4085
  max-width: var(--adyen-sdk-spacer-070, 16px);
3903
4086
  max-height: var(--adyen-sdk-spacer-070, 16px);
3904
4087
  }
3905
4088
  .adyen-kyc-tile-title {
3906
- color: var(--adyen-sdk-color-link-primary, #00112c);
4089
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
3907
4090
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3908
4091
  }
3909
4092
  .adyen-kyc-tile:hover {
3910
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
4093
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3911
4094
  }
3912
4095
  .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3913
- background: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
4096
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3914
4097
  }
3915
4098
  .adyen-kyc-tile-checkbox {
3916
4099
  border: 0;
@@ -3930,18 +4113,18 @@ fieldset {
3930
4113
  }
3931
4114
 
3932
4115
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3933
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #00112c) inset;
3934
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
4116
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
4117
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3935
4118
  }
3936
4119
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3937
- background: var(--adyen-sdk-color-label-primary, #00112c);
4120
+ background: var(--adyen-sdk-color-label-primary, #001222);
3938
4121
  }
3939
4122
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3940
- color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4123
+ color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3941
4124
  }
3942
4125
 
3943
4126
  .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3944
- 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));
4127
+ 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));
3945
4128
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3946
4129
  transition-property: box-shadow;
3947
4130
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -3974,7 +4157,7 @@ fieldset {
3974
4157
  display: flex;
3975
4158
  justify-content: center;
3976
4159
  align-items: center;
3977
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4160
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
3978
4161
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3979
4162
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3980
4163
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -3999,10 +4182,29 @@ fieldset {
3999
4182
 
4000
4183
  .adyen-kyc-options {
4001
4184
  margin-top: var(--adyen-sdk-spacer-080, 20px);
4185
+ }.adyen-kyc-idnow-header {
4186
+ width: 100%;
4187
+ padding: var(--adyen-sdk-spacer-130) var(--adyen-sdk-spacer-080);
4188
+ height: 100%;
4189
+ }
4190
+
4191
+ .adyen-kyc-idnow-verification-header-iframe-container {
4192
+ height: 100%;
4193
+ padding: var(--adyen-sdk-spacer-030);
4194
+ }
4195
+
4196
+ .adyen-kyc-idnow-verification-header-iframe {
4197
+ width: 100%;
4198
+ border: 0 transparent;
4199
+ height: 100%;
4200
+ }
4201
+
4202
+ .adyen-kyc-idnow-verification-header-image svg {
4203
+ max-width: 180px;
4002
4204
  }.adyen-kyc-conflict-row-table td {
4003
4205
  padding: var(--adyen-sdk-spacer-060, 12px);
4004
4206
  height: var(--adyen-sdk-spacer-050, 10px);
4005
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4207
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
4006
4208
  }
4007
4209
  .adyen-kyc-conflict-row-table td:first-child {
4008
4210
  padding-right: var(--adyen-sdk-spacer-100, 32px);
@@ -4012,7 +4214,7 @@ fieldset {
4012
4214
  .adyen-kyc-conflict-row-list {
4013
4215
  display: flex;
4014
4216
  flex-direction: row;
4015
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4217
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
4016
4218
  padding: var(--adyen-sdk-spacer-060, 12px);
4017
4219
  }
4018
4220
  .adyen-kyc-conflict-row-list dt {
@@ -4066,13 +4268,9 @@ fieldset {
4066
4268
  }/* for container queries */
4067
4269
  .adyen-kyc-verification-header-image svg {
4068
4270
  max-width: 180px;
4069
- }
4070
-
4071
- .adyen-kyc-verify-onfido-error {
4072
- width: 100%;
4073
4271
  }/* for container queries */
4074
4272
  .adyen-kyc-uploaded-document {
4075
- color: var(--adyen-sdk-color-label-primary, #00112c);
4273
+ color: var(--adyen-sdk-color-label-primary, #001222);
4076
4274
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4077
4275
  display: flex;
4078
4276
  gap: var(--adyen-sdk-spacer-040, 8px);
@@ -4256,15 +4454,15 @@ fieldset {
4256
4454
  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4257
4455
  }
4258
4456
  .adyen-kyc-status--finished {
4259
- color: var(--adyen-sdk-color-label-success, #07893c);
4457
+ color: var(--adyen-sdk-color-label-success, #008845);
4260
4458
  }
4261
4459
  .adyen-kyc-status--download {
4262
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4460
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4263
4461
  cursor: pointer;
4264
4462
  }
4265
4463
  .adyen-kyc-status--error {
4266
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4267
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
4464
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4465
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
4268
4466
  }
4269
4467
  .adyen-kyc-status__icon {
4270
4468
  align-self: center;
@@ -4282,20 +4480,20 @@ fieldset {
4282
4480
  font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
4283
4481
  }
4284
4482
  .adyen-kyc-status__icon--error .adyen-kyc-icon {
4285
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4483
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4286
4484
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4287
4485
  }
4288
4486
  .adyen-kyc-status__icon--finished {
4289
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
4487
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
4290
4488
  }
4291
4489
  .adyen-kyc-status__icon--download {
4292
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
4490
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
4293
4491
  }
4294
4492
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
4295
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4493
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
4296
4494
  }
4297
4495
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
4298
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4496
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
4299
4497
  }
4300
4498
  .adyen-kyc-status__icon--large {
4301
4499
  height: 24px;
@@ -4337,7 +4535,7 @@ fieldset {
4337
4535
 
4338
4536
  .adyen-kyc-card.adyen-kyc-add-payout {
4339
4537
  align-items: center;
4340
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4538
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4341
4539
  display: flex;
4342
4540
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4343
4541
  justify-content: center;
@@ -4384,7 +4582,7 @@ fieldset {
4384
4582
  .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4385
4583
  width: 100%;
4386
4584
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4387
- color: var(--adyen-sdk-color-label-primary, #00112c);
4585
+ color: var(--adyen-sdk-color-label-primary, #001222);
4388
4586
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4389
4587
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4390
4588
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -4442,7 +4640,7 @@ fieldset {
4442
4640
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4443
4641
  }
4444
4642
  .adyen-task-item__title {
4445
- color: var(--adyen-sdk-color-label-primary, #00112c);
4643
+ color: var(--adyen-sdk-color-label-primary, #001222);
4446
4644
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4447
4645
  }
4448
4646
  .adyen-task-item-alert {
@@ -4551,7 +4749,7 @@ fieldset {
4551
4749
  width: fit-content;
4552
4750
  }
4553
4751
  .adyen-kyc-trust-members__add {
4554
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4752
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4555
4753
  width: 100%;
4556
4754
  }
4557
4755
  .adyen-kyc-trust-members__add .adyen-kyc-icon {
@@ -4589,10 +4787,10 @@ fieldset {
4589
4787
  }
4590
4788
  .adyen-kyc-entity-status__icon--satisfied {
4591
4789
  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
4592
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
4790
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
4593
4791
  }
4594
4792
  .adyen-kyc-entity-status__icon--empty {
4595
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4793
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4596
4794
  }
4597
4795
  .adyen-kyc-entity-status__legend {
4598
4796
  display: flex;
@@ -4642,7 +4840,7 @@ fieldset {
4642
4840
  }
4643
4841
  .adyen-kyc-entity-association__more-actions-toggle {
4644
4842
  border-radius: 50%;
4645
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4843
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4646
4844
  font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
4647
4845
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4648
4846
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -4657,7 +4855,7 @@ fieldset {
4657
4855
  margin: var(--adyen-sdk-spacer-000, 0px);
4658
4856
  }
4659
4857
  .adyen-kyc-entity-association__more-actions-toggle:hover {
4660
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4858
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4661
4859
  }
4662
4860
  .adyen-kyc-entity-association__remove {
4663
4861
  display: flex;
@@ -4726,7 +4924,73 @@ fieldset {
4726
4924
  }
4727
4925
  .adyen-kyc-entity-association .adyen-kyc-alert .adyen-kyc-alert-header {
4728
4926
  align-items: center;
4729
- }.adyen-kyc-manage-transfer-instrument {
4927
+ }.adyen-kyc-detail-view-layout {
4928
+ display: flex;
4929
+ flex-direction: column;
4930
+ margin-left: auto;
4931
+ margin-right: auto;
4932
+ max-width: 600px;
4933
+ width: 100%;
4934
+ }
4935
+
4936
+ .adyen-kyc-detail-view-layout-default {
4937
+ gap: var(--adyen-sdk-spacer-140);
4938
+ }
4939
+
4940
+ .adyen-kyc-detail-view-layout-compact {
4941
+ gap: var(--adyen-sdk-spacer-100);
4942
+ }
4943
+
4944
+ .adyen-kyc-detail-view-layout-header {
4945
+ display: flex;
4946
+ flex-direction: column;
4947
+ gap: var(--adyen-sdk-spacer-040);
4948
+ }
4949
+
4950
+ .adyen-kyc-detail-view-layout-title {
4951
+ color: var(--adyen-sdk-color-label-primary);
4952
+ font-size: var(--adyen-sdk-text-title-l-font-size);
4953
+ font-weight: var(--adyen-sdk-text-title-l-font-weight);
4954
+ line-height: var(--adyen-sdk-text-title-l-line-height);
4955
+ margin: 0;
4956
+ }
4957
+
4958
+ .adyen-kyc-detail-view-layout-description {
4959
+ font-size: var(--adyen-sdk-text-title-font-size);
4960
+ font-weight: var(--adyen-sdk-text-body-font-weight);
4961
+ line-height: var(--adyen-sdk-text-title-line-height);
4962
+ }
4963
+
4964
+ .adyen-kyc-detail-view-layout-align-left {
4965
+ justify-content: flex-start;
4966
+ text-align: left;
4967
+ }
4968
+
4969
+ .adyen-kyc-detail-view-layout-align-center {
4970
+ justify-content: center;
4971
+ text-align: center;
4972
+ }
4973
+
4974
+ .adyen-kyc-detail-view-layout-align-right {
4975
+ justify-content: flex-end;
4976
+ text-align: right;
4977
+ }
4978
+
4979
+ .adyen-kyc-detail-view-layout-content {
4980
+ display: flex;
4981
+ flex-direction: column;
4982
+ gap: var(--adyen-sdk-spacer-070);
4983
+ }
4984
+
4985
+ .adyen-kyc-detail-view-layout-actions {
4986
+ display: flex;
4987
+ flex-direction: column;
4988
+ gap: var(--adyen-sdk-spacer-040);
4989
+ margin: 0 auto;
4990
+ max-width: 320px;
4991
+ width: 100%;
4992
+ }
4993
+ .adyen-kyc-manage-transfer-instrument {
4730
4994
  padding: var(--adyen-sdk-spacer-070, 16px);
4731
4995
  width: 100%;
4732
4996
  display: flex;
@@ -4737,17 +5001,6 @@ fieldset {
4737
5001
  flex-direction: column;
4738
5002
  align-items: center;
4739
5003
  width: 100%;
4740
- }.adyen-kyc-manage-ti-overview-item-summary {
4741
- margin: var(--adyen-sdk-spacer-060, 12px);
4742
- }
4743
- .adyen-kyc-manage-ti-overview-item-summary__header {
4744
- margin-left: var(--adyen-sdk-spacer-060, 12px);
4745
- }
4746
- .adyen-kyc-manage-ti-overview-item-summary__error {
4747
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4748
- }
4749
- .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
4750
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4751
5004
  }.adyen-kyc-verification {
4752
5005
  display: block;
4753
5006
  overflow: hidden;
@@ -4755,7 +5008,7 @@ fieldset {
4755
5008
  }
4756
5009
 
4757
5010
  .adyen-kyc-verification-description {
4758
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
5011
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4759
5012
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4760
5013
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
4761
5014
  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);
@@ -4832,12 +5085,12 @@ fieldset {
4832
5085
  padding: 4px;
4833
5086
  }
4834
5087
  .adyen-kyc-table tbody tr:nth-child(odd) {
4835
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5088
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4836
5089
  }
4837
5090
  .adyen-kyc-table tbody tr:nth-child(even) {
4838
5091
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4839
5092
  }.adyen-kyc-introduction {
4840
- color: var(--adyen-sdk-color-label-primary, #00112c);
5093
+ color: var(--adyen-sdk-color-label-primary, #001222);
4841
5094
  display: flex;
4842
5095
  flex-direction: column;
4843
5096
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -4850,7 +5103,7 @@ fieldset {
4850
5103
  text-align: right;
4851
5104
  }
4852
5105
  .adyen-kyc-introduction__number {
4853
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
5106
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4854
5107
  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
4855
5108
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
4856
5109
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -4962,7 +5215,7 @@ fieldset {
4962
5215
  justify-content: center;
4963
5216
  align-items: center;
4964
5217
  margin: 0 auto 8px;
4965
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5218
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
4966
5219
  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4967
5220
  border-radius: var(--adyen-sdk-border-radius-xl, 24px);
4968
5221
  }
@@ -4973,18 +5226,18 @@ fieldset {
4973
5226
  margin-right: var(--adyen-sdk-spacer-020, 4px);
4974
5227
  }
4975
5228
  .adyen-kyc-in-task-status-indicator-success {
4976
- background-color: var(--adyen-sdk-color-decorative-green, #09ab4b);
5229
+ background-color: var(--adyen-sdk-color-decorative-green, #00d16a);
4977
5230
  }
4978
5231
  .adyen-kyc-in-task-status-indicator-error {
4979
- background-color: var(--adyen-sdk-color-decorative-red, #e22d2d);
5232
+ background-color: var(--adyen-sdk-color-decorative-red, #f73f01);
4980
5233
  }
4981
5234
  .adyen-kyc-in-task-status-indicator-warning {
4982
- background-color: var(--adyen-sdk-color-decorative-orange, #dd7d00);
5235
+ background-color: var(--adyen-sdk-color-decorative-orange, #f99300);
4983
5236
  }
4984
5237
  .adyen-kyc-in-task-status-label {
4985
5238
  font-size: var(--adyen-sdk-spacer-060, 12px);
4986
5239
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
4987
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
5240
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4988
5241
  }/* for container queries */
4989
5242
  @container main (min-width: 680px) and (max-width: 1024px) {
4990
5243
  .adyen-kyc-decision-makers__container {
@@ -5043,17 +5296,17 @@ fieldset {
5043
5296
  }
5044
5297
  @media (hover: hover) {
5045
5298
  .adyen-kyc-list-item-interactive:hover {
5046
- background-color: var(--adyen-sdk-color-background-secondary-hover, #eeeff1);
5299
+ background-color: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
5047
5300
  }
5048
5301
  }
5049
5302
  .adyen-kyc-list-item-interactive:active {
5050
- background-color: var(--adyen-sdk-color-background-secondary-active, #e3e5e9);
5303
+ background-color: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
5051
5304
  }
5052
5305
  .adyen-kyc-list-item-interactive:focus-visible {
5053
- outline-color: var(--adyen-sdk-color-label-primary, #00112c);
5306
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
5054
5307
  }
5055
5308
  .adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
5056
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
5309
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
5057
5310
  pointer-events: none;
5058
5311
  }
5059
5312
 
@@ -5067,7 +5320,7 @@ fieldset {
5067
5320
  }
5068
5321
 
5069
5322
  .adyen-kyc-list-item-title {
5070
- color: var(--adyen-sdk-color-label-primary, #00112c);
5323
+ color: var(--adyen-sdk-color-label-primary, #001222);
5071
5324
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5072
5325
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
5073
5326
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
@@ -5076,20 +5329,20 @@ fieldset {
5076
5329
  }
5077
5330
 
5078
5331
  .adyen-kyc-list-item-description {
5079
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
5332
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
5080
5333
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5081
5334
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5082
5335
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
5083
5336
  }
5084
5337
 
5085
5338
  .adyen-kyc-list-item-disclosure {
5086
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
5339
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5087
5340
  height: 16px;
5088
5341
  width: 16px;
5089
5342
  }
5090
5343
 
5091
5344
  .adyen-kyc-list-item-accessory {
5092
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
5345
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5093
5346
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5094
5347
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5095
5348
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -5097,11 +5350,6 @@ fieldset {
5097
5350
  overflow: hidden;
5098
5351
  text-overflow: ellipsis;
5099
5352
  white-space: nowrap;
5100
- }.adyen-kyc-decision-maker-details-actions {
5101
- text-align: center;
5102
- max-width: 320px;
5103
- width: 100%;
5104
- margin: 0 auto;
5105
5353
  }.adyen-kyc-decision-makers-getting-started {
5106
5354
  max-width: 450px;
5107
5355
  margin: var(--adyen-sdk-spacer-000, 0px) auto;
@@ -5128,7 +5376,7 @@ fieldset {
5128
5376
  margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-140, 64px) 0;
5129
5377
  }
5130
5378
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle a {
5131
- color: var(--adyen-sdk-color-label-primary, #00112c);
5379
+ color: var(--adyen-sdk-color-label-primary, #001222);
5132
5380
  }
5133
5381
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary {
5134
5382
  text-align: left;
@@ -5136,7 +5384,7 @@ fieldset {
5136
5384
  }
5137
5385
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card {
5138
5386
  border: none;
5139
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5387
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5140
5388
  }
5141
5389
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--header {
5142
5390
  padding: var(--adyen-sdk-spacer-070, 16px);
@@ -5200,7 +5448,7 @@ fieldset {
5200
5448
  }
5201
5449
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card {
5202
5450
  border: none;
5203
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5451
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5204
5452
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
5205
5453
  }
5206
5454
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
@@ -5234,7 +5482,7 @@ fieldset {
5234
5482
  padding: var(--adyen-sdk-spacer-040, 8px);
5235
5483
  }
5236
5484
  .adyen-kyc-source-of-funds-third-party-funding-financier-group:hover {
5237
- background-color: var(--adyen-sdk-color-background-always-light-hover, #f7f7f8);
5485
+ background-color: var(--adyen-sdk-color-background-always-light-hover, #f4f5f6);
5238
5486
  }
5239
5487
  .adyen-kyc-source-of-funds-third-party-funding-name-avatar-group {
5240
5488
  display: flex;
@@ -5279,7 +5527,7 @@ fieldset {
5279
5527
  }
5280
5528
  .adyen-kyc-source-of-funds-upload-modal-content-requirements-container {
5281
5529
  padding: var(--adyen-sdk-spacer-070, 16px);
5282
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5530
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5283
5531
  text-align: left;
5284
5532
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
5285
5533
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);