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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (442) hide show
  1. package/dist/{AcceptTermsOfServiceComponent-i222mdxX.js → AcceptTermsOfServiceComponent-ilX6szf9.js} +42 -43
  2. package/dist/{AccountSetupRejected-DHph9lFl.js → AccountSetupRejected-CQjHA557.js} +3 -3
  3. package/dist/{Avatar-vCjWXfC7.js → Avatar-BfRRf9_a.js} +2 -2
  4. package/dist/{BusinessDetailsDropin-DQcfiSR8.js → BusinessDetailsDropin-Dr580mIQ.js} +122 -144
  5. package/dist/{BusinessFinancingComponent-DC3jzBrq.js → BusinessFinancingComponent-CEIG-4wN.js} +3 -3
  6. package/dist/{BusinessFinancingDropin-D2lMEbNh.js → BusinessFinancingDropin-sC3QpkDx.js} +409 -258
  7. package/dist/{BusinessFinancingPage-BPD2cSDR.js → BusinessFinancingPage-BIEuNfKE.js} +3 -3
  8. package/dist/{BusinessTypeSelectionPage-Cdp8joPJ.js → BusinessTypeSelectionPage-6sF2ce3o.js} +35 -64
  9. package/dist/{ContractViewer-B0bZ14Ts.js → ContractViewer-BOxsPeO1.js} +4 -4
  10. package/dist/{CreateIndividualComponent-D9wnexv4.js → CreateIndividualComponent-t9eDVjpb.js} +4 -4
  11. package/dist/{CreateTransferInstrumentComponent-COzPdQjC.js → CreateTransferInstrumentComponent-D65FAcQz.js} +5 -5
  12. package/dist/{CustomerSupport-NGBoBg3N.js → CustomerSupport-CoLWcgoS.js} +5 -5
  13. package/dist/{DebugModal-I2U6TjGT.js → DebugModal-DkICAsiu.js} +7 -221
  14. package/dist/{DecisionMakerDetailsPage-BN-H1sJF.js → DecisionMakerDetailsPage-CvmwdHqV.js} +4 -4
  15. package/dist/{DecisionMakers-CZ5-IRtU.js → DecisionMakers-DthVv8_t.js} +160 -9
  16. package/dist/{EmbeddedStatus-Blr0seRl.js → EmbeddedStatus-DdGnEZzS.js} +13 -13
  17. package/dist/{FormEndState-JB6QFSet.js → FormEndState-CUYkLBgX.js} +3 -3
  18. package/dist/{FormFlow-DjvdNEiV.js → FormFlow-CNXkXUwa.js} +3 -3
  19. package/dist/{IndividualOnfidoDropin-DHhyO2ai.js → IndividualOnfidoDropin-DV2fJG5W.js} +254 -223
  20. package/dist/{Introduction-erRXgreE.js → Introduction-B1WXHc-7.js} +24 -26
  21. package/dist/{ProviderButton-B58n0cRC.js → LandingLayout-BC3pp_IY.js} +91 -83
  22. package/dist/{LegalRepresentativeDetailsPage-rS5K4657.js → LegalRepresentativeDetailsPage-9xm-XCto.js} +4 -4
  23. package/dist/{ManageIndividualComponent-BEzE5lkX.js → ManageIndividualComponent-zCo6mUQx.js} +6 -6
  24. package/dist/{ManageTermsOfServiceComponent-BWkwy6YC.js → ManageTermsOfServiceComponent-DpQXgPYk.js} +4 -4
  25. package/dist/{ManageTransferInstrumentComponent-B8kRNftW.js → ManageTransferInstrumentComponent-BKERoin1.js} +6 -6
  26. package/dist/{OnboardingDropinComponent-DBW5N3Dr.js → OnboardingDropinComponent-DYdts9Sh.js} +330 -169
  27. package/dist/{Review-O6Al47Cu.js → Review-jBq7cFVv.js} +3 -3
  28. package/dist/RootBusinessDetailsPage-BfO0Xb7n.js +1848 -0
  29. package/dist/{RootIndividualDetailsPage-CiXgSJsV.js → RootIndividualDetailsPage-DzmHoceW.js} +4 -4
  30. package/dist/{SignPCIComponent-cqRNhGdl.js → SignPCIComponent-By4PazmA.js} +20 -24
  31. package/dist/{SingpassSelection-BWEJ3Yi-.js → SingpassSelection-BeUj9Kdy.js} +8 -8
  32. package/dist/{SoleProprietorshipPage-CRcJSpn9.js → SoleProprietorshipPage-CZPeKEEl.js} +4 -4
  33. package/dist/{SourceOfFundsPage-BxLGXTHb.js → SourceOfFundsPage-CI1qdFId.js} +18 -17
  34. package/dist/{StoreProvider-ClKLaHzy.js → StoreProvider-O9jwxfG8.js} +5192 -4367
  35. package/dist/{TaskItemStatus-DrTIwCTx.js → TaskItemStatus-s7Z3DOGa.js} +12 -12
  36. package/dist/{TaskStatusIndicator-CTtKjo0m.js → TaskStatusIndicator-BanufME0.js} +5 -5
  37. package/dist/{TaxReportingDropin-DFZ2ehfk.js → TaxReportingDropin-BQqDUn9I.js} +8 -8
  38. package/dist/{TileGroup-BtE472I1.js → TileGroup-tu04B8GK.js} +2 -2
  39. package/dist/{TrustDetailsPage-CGiiTbfR.js → TrustDetailsPage-BQKZ_ZyU.js} +28 -15
  40. package/dist/{TrustMemberCompanyPage-oLNhg0hg.js → TrustMemberCompanyPage-C9aFr4Bm.js} +5 -5
  41. package/dist/{TrustMemberIndividualPage-Bgsis586.js → TrustMemberIndividualPage-Ci7hwMA_.js} +4 -4
  42. package/dist/{UnincorporatedPartnershipIndividualPage-DPE3grqL.js → UnincorporatedPartnershipIndividualPage-XQsgF3ou.js} +4 -4
  43. package/dist/{UnincorporatedPartnershipMemberCompanyPage-HUnc9g0g.js → UnincorporatedPartnershipMemberCompanyPage-DFe_N3gH.js} +4 -4
  44. package/dist/{VerificationErrorAlert-BBdJmGJu.js → VerificationErrorAlert-Ci0cObw1.js} +13 -4
  45. package/dist/{ViewVerificationStatusComponent-DDtXG_pM.js → ViewVerificationStatusComponent-_qQmZFDY.js} +14 -12
  46. package/dist/adyen-business-financing.js +2 -2
  47. package/dist/adyen-individual.js +2 -2
  48. package/dist/adyen-kyc-components.js +31 -22
  49. package/dist/adyen-manage-individual.js +2 -2
  50. package/dist/adyen-manage-terms-of-service.js +3 -3
  51. package/dist/adyen-manage-transfer-instruments.js +3 -3
  52. package/dist/adyen-onboarding.js +3 -3
  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/bag-DpxmyXfR.js +14 -0
  57. package/dist/bg-BG-9uVrFuHv.js +23 -0
  58. package/dist/bg-BG-BiYtb1Tz.js +55 -0
  59. package/dist/bg-BG-CMomhopf.js +35 -0
  60. package/dist/bg-BG-Dy6-IwuZ.js +28 -0
  61. package/dist/bg-BG-NMIts2sa.js +35 -0
  62. package/dist/{plaintext-9WNCwUtz.js → bg-BG-hFblesn-.js} +4 -6
  63. package/dist/business-lines-DboUCbXw.js +135 -0
  64. package/dist/{_plugin-vue_export-helper-CgYpM5kA.js → cs-CZ-B8IPRc47.js} +4 -8
  65. package/dist/cs-CZ-Csr_35T-.js +35 -0
  66. package/dist/cs-CZ-DMzortvO.js +35 -0
  67. package/dist/cs-CZ-Dbow28-o.js +28 -0
  68. package/dist/cs-CZ-Wzc382q6.js +23 -0
  69. package/dist/cs-CZ-wdftovLe.js +55 -0
  70. package/dist/da-DK-4QAKic_C.js +55 -0
  71. package/dist/da-DK-Adj8R5Qn.js +28 -0
  72. package/dist/da-DK-BTpZzEgA.js +15 -0
  73. package/dist/da-DK-CeNMXUfE.js +23 -0
  74. package/dist/da-DK-Dm8o1giq.js +35 -0
  75. package/dist/da-DK-q2b_1elr.js +35 -0
  76. package/dist/de-DE-BG0tKqvi.js +28 -0
  77. package/dist/de-DE-BzumFI3T.js +55 -0
  78. package/dist/de-DE-D2ByeIZs.js +35 -0
  79. package/dist/de-DE-DMFaycio.js +35 -0
  80. package/dist/de-DE-DjOUNvp6.js +15 -0
  81. package/dist/de-DE-JI-7mvxy.js +23 -0
  82. package/dist/el-GR-CGeBAkDN.js +35 -0
  83. package/dist/el-GR-CXmTklMq.js +55 -0
  84. package/dist/el-GR-Cu9HwD-f.js +15 -0
  85. package/dist/el-GR-DGW388LZ.js +35 -0
  86. package/dist/el-GR-DerT143K.js +28 -0
  87. package/dist/el-GR-DfNOPkLq.js +23 -0
  88. package/dist/en-US-BQpgt41j.js +37 -0
  89. package/dist/en-US-BTYdAWXp.js +15 -0
  90. package/dist/en-US-CQ3angjM.js +22 -0
  91. package/dist/en-US-CkZcSKGh.js +35 -0
  92. package/dist/en-US-DHq7VYFs.js +23 -0
  93. package/dist/en-US-DLm6gy6T.js +58 -0
  94. package/dist/en-US-SbE0c1gn.js +36 -0
  95. package/dist/es-ES-BM4U0hT3.js +28 -0
  96. package/dist/es-ES-BhQOdKge.js +55 -0
  97. package/dist/es-ES-Cj7q7fWO.js +15 -0
  98. package/dist/es-ES-DOVPTeyf.js +23 -0
  99. package/dist/es-ES-WWftn3JX.js +35 -0
  100. package/dist/es-ES-pXHx3ODy.js +35 -0
  101. package/dist/et-EE-BJIsPOnh.js +23 -0
  102. package/dist/et-EE-CFlzRBEx.js +55 -0
  103. package/dist/et-EE-D5lRJbMZ.js +35 -0
  104. package/dist/et-EE-Dor3enPS.js +15 -0
  105. package/dist/et-EE-OJg_PSHf.js +28 -0
  106. package/dist/et-EE-QLVnr6Vl.js +35 -0
  107. package/dist/fi-FI-BJ2l42Pj.js +28 -0
  108. package/dist/fi-FI-BNcnKrJ9.js +15 -0
  109. package/dist/fi-FI-D522KHGk.js +23 -0
  110. package/dist/fi-FI-D9E_KaJi.js +35 -0
  111. package/dist/fi-FI-DT351N-G.js +35 -0
  112. package/dist/fi-FI-Djollt2G.js +55 -0
  113. package/dist/fr-FR-BNXXNUX_.js +35 -0
  114. package/dist/fr-FR-Bn3D6mmY.js +15 -0
  115. package/dist/fr-FR-Cv0k-3Xc.js +35 -0
  116. package/dist/fr-FR-DInQKkTd.js +23 -0
  117. package/dist/fr-FR-g7lmxEsI.js +28 -0
  118. package/dist/fr-FR-l36qBV3a.js +55 -0
  119. package/dist/{getFieldsWithExistingData-BY--eXBQ.js → getFieldsWithExistingData-7pZnHro-.js} +2 -2
  120. package/dist/{hasDataChanged-CwfuS4et.js → hasDataChanged-v0hD-nEq.js} +2 -2
  121. package/dist/hr-HR-B8AZ4eHJ.js +35 -0
  122. package/dist/hr-HR-CDUE36Dg.js +28 -0
  123. package/dist/hr-HR-CNzbyo9r.js +15 -0
  124. package/dist/hr-HR-CzSrqEFA.js +35 -0
  125. package/dist/hr-HR-DTCY4iL8.js +55 -0
  126. package/dist/hr-HR-DzS44Gpv.js +23 -0
  127. package/dist/hu-HU-BSOiZA7a.js +15 -0
  128. package/dist/hu-HU-Bmf13NMf.js +28 -0
  129. package/dist/hu-HU-BznXPoc2.js +55 -0
  130. package/dist/hu-HU-DRi6Dz9U.js +35 -0
  131. package/dist/hu-HU-xCvNM5TU.js +23 -0
  132. package/dist/hu-HU-zK6nUqWr.js +35 -0
  133. package/dist/it-IT-BEWyAQUU.js +55 -0
  134. package/dist/it-IT-BeYbInCQ.js +35 -0
  135. package/dist/it-IT-C_fNHhjE.js +35 -0
  136. package/dist/it-IT-CjEYONJg.js +23 -0
  137. package/dist/it-IT-DYIx7myn.js +28 -0
  138. package/dist/it-IT-DvM-9LpM.js +15 -0
  139. package/dist/ja-JP-BUz3qN-V.js +23 -0
  140. package/dist/ja-JP-C1OQ16fo.js +35 -0
  141. package/dist/ja-JP-D7oL6xGY.js +55 -0
  142. package/dist/ja-JP-GXkLvnQ4.js +15 -0
  143. package/dist/ja-JP-tx1DbZYD.js +28 -0
  144. package/dist/ja-JP-weDU8GLW.js +35 -0
  145. package/dist/{localizeDateString-CKCBXzSn.js → localizeDateString-BlZ_CtJI.js} +2 -2
  146. package/dist/lt-LT-B6CJ4ULI.js +23 -0
  147. package/dist/lt-LT-BUYY0LaT.js +35 -0
  148. package/dist/lt-LT-BxScCodJ.js +28 -0
  149. package/dist/lt-LT-DNjXmQPv.js +15 -0
  150. package/dist/lt-LT-De7dLXxI.js +55 -0
  151. package/dist/lt-LT-_MzAcXJo.js +35 -0
  152. package/dist/lv-LV-B9js9VoA.js +35 -0
  153. package/dist/lv-LV-CRhXAjn6.js +35 -0
  154. package/dist/lv-LV-ChOoZuhc.js +15 -0
  155. package/dist/lv-LV-DTtuyfHS.js +23 -0
  156. package/dist/lv-LV-De9rdme0.js +55 -0
  157. package/dist/lv-LV-F9_Fiu3w.js +28 -0
  158. package/dist/mail-Z_IE_hkw.js +14 -0
  159. package/dist/{mapFinancialReportsToFinancialInformation-D_6u_bSS.js → mapFinancialReportsToFinancialInformation-DrS0xN6i.js} +2 -2
  160. package/dist/nl-NL-BHqiO21q.js +15 -0
  161. package/dist/nl-NL-Cht7cSwD.js +28 -0
  162. package/dist/nl-NL-DLedC3mO.js +35 -0
  163. package/dist/nl-NL-Dbx0ZmI7.js +35 -0
  164. package/dist/nl-NL-Zcq0bXd-.js +23 -0
  165. package/dist/nl-NL-lZcJhRsP.js +55 -0
  166. package/dist/no-NO-BEIyAMmZ.js +55 -0
  167. package/dist/no-NO-BQAqVzF4.js +28 -0
  168. package/dist/no-NO-BxReX6oF.js +23 -0
  169. package/dist/no-NO-C0sfkp82.js +35 -0
  170. package/dist/no-NO-CKT9kLAH.js +15 -0
  171. package/dist/no-NO-CpVal4cV.js +35 -0
  172. package/dist/pay-by-link-plane-Pv7Babgn.js +22 -0
  173. package/dist/pl-PL-1ylK-_FE.js +35 -0
  174. package/dist/pl-PL-CqxMKpBm.js +28 -0
  175. package/dist/pl-PL-D6heiKsH.js +15 -0
  176. package/dist/pl-PL-DAPGaxWi.js +35 -0
  177. package/dist/pl-PL-DD3wVcKc.js +55 -0
  178. package/dist/pl-PL-T6uD5--R.js +23 -0
  179. package/dist/pt-PT-BY9rcwcF.js +35 -0
  180. package/dist/pt-PT-BkvMsoK4.js +35 -0
  181. package/dist/pt-PT-BsDCHbWN.js +55 -0
  182. package/dist/pt-PT-CBbmkr_J.js +28 -0
  183. package/dist/pt-PT-D2elvnDU.js +15 -0
  184. package/dist/pt-PT-N0njcfLO.js +23 -0
  185. package/dist/{resolveEnvironment-DQH1ab0S.js → resolveEnvironment-DvSgDDo8.js} +3 -3
  186. package/dist/ro-RO-CUg8-CQ8.js +55 -0
  187. package/dist/ro-RO-DJLWmWZ4.js +35 -0
  188. package/dist/ro-RO-DL9V1CMj.js +15 -0
  189. package/dist/ro-RO-Dfx0g3bU.js +35 -0
  190. package/dist/ro-RO-IY3AMhwm.js +28 -0
  191. package/dist/ro-RO-Ic1SzBgx.js +23 -0
  192. package/dist/{rules-CCnLDGvk.js → rules-Meybz2dk.js} +13 -13
  193. package/dist/sk-SK-B7o3L57C.js +35 -0
  194. package/dist/sk-SK-BDKRZ2mM.js +28 -0
  195. package/dist/sk-SK-BSioQTMW.js +15 -0
  196. package/dist/sk-SK-CiD0FeLN.js +23 -0
  197. package/dist/sk-SK-Cjrkrb85.js +55 -0
  198. package/dist/sk-SK-iO863_t2.js +35 -0
  199. package/dist/sl-SI-BB0suyr1.js +28 -0
  200. package/dist/sl-SI-BE_ndzZ2.js +55 -0
  201. package/dist/sl-SI-BylvpF-X.js +15 -0
  202. package/dist/sl-SI-C8CMAkD0.js +35 -0
  203. package/dist/sl-SI-Cth2Qa5T.js +35 -0
  204. package/dist/sl-SI-MZoDApq9.js +23 -0
  205. package/dist/solution-payments-DTAuLSWF.js +14 -0
  206. package/dist/style.css +690 -628
  207. package/dist/styles-CLV89_hH.js +690 -628
  208. package/dist/sv-SE-BryiIPVv.js +55 -0
  209. package/dist/sv-SE-Bwh0wKFk.js +35 -0
  210. package/dist/sv-SE-DCFSf4Oj.js +23 -0
  211. package/dist/sv-SE-DYruQSzt.js +28 -0
  212. package/dist/sv-SE-Dwz1yTrB.js +15 -0
  213. package/dist/sv-SE-OPOHtqtP.js +35 -0
  214. package/dist/terminal-1-ewywjFJI.js +18 -0
  215. package/dist/types/api/idNowProvider/idNowProvider.types.d.ts +1 -2
  216. package/dist/types/api/idNowProvider/useIdNowProvider.d.ts +4 -8
  217. package/dist/types/components/BankAccount/forms/BankDocument/BankDocumentRequirements.d.ts +2 -3
  218. package/dist/types/components/BankAccount/forms/BankDocument/types.d.ts +25 -24
  219. package/dist/types/components/BankAccount/forms/BankVerification/verification/widget/types.d.ts +10 -10
  220. package/dist/types/components/BankAccount/forms/PayoutDetails/types.d.ts +2 -2
  221. package/dist/types/components/BankAccount/pages/PayoutDetailsPage.d.ts +1 -1
  222. package/dist/types/components/Business/forms/AdditionalInformation/AdditionalInformationMultiform.d.ts +9 -0
  223. package/dist/types/components/Business/forms/BasicInformation/BasicInformationMultiform.d.ts +10 -0
  224. package/dist/types/components/Business/forms/BasicInformation/types.d.ts +2 -2
  225. package/dist/types/components/Business/forms/BusinessDetails/forms.d.ts +14 -2
  226. package/dist/types/components/Business/forms/BusinessDetails/types.d.ts +5 -3
  227. package/dist/types/components/Business/forms/BusinessSelection/BusinessInformationCard/BusinessInformationCard.d.ts +3 -2
  228. package/dist/types/components/Business/forms/BusinessSelection/BusinessSelectionMultiform.d.ts +14 -0
  229. package/dist/types/components/Business/forms/BusinessSelection/types.d.ts +3 -0
  230. package/dist/types/components/Business/forms/CompanyStructure/CompanyStructureMultiform.d.ts +4 -0
  231. package/dist/types/components/Business/forms/forms.types.d.ts +14 -0
  232. package/dist/types/components/Business/forms/rules.d.ts +26 -8
  233. package/dist/types/components/Business/mapping/businessDetails/mapLegalEntityToBusinessDetailsSchema.d.ts +2 -1
  234. package/dist/types/components/Business/mapping/businessDetails/mapOrganizationTypeToCompanyType.d.ts +1 -1
  235. package/dist/types/components/Business/tasks/BusinessDetailsDropin/businessDetailsStore.d.ts +5 -3
  236. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +4 -3
  237. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/BusinessDetailsMultiform.d.ts +18 -0
  238. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/BusinessDetailsMultiformDropin.d.ts +5 -0
  239. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/types.d.ts +2 -0
  240. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/utils.d.ts +21 -0
  241. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/validate.d.ts +22 -0
  242. package/dist/types/components/Business/utils/companyTypeMetadata.d.ts +1 -1
  243. package/dist/types/components/Business/utils/companyUtil.d.ts +3 -3
  244. package/dist/types/components/BusinessLines/pages/RootBusinessLinesPage.d.ts +5 -0
  245. package/dist/types/components/BusinessLines/tasks/BusinessLinesDropin.d.ts +5 -0
  246. package/dist/types/components/BusinessLines/tasks/BusinessLinesGettingStarted/BusinessLinesGettingStarted.d.ts +6 -0
  247. package/dist/types/components/Contract/tasks/ServiceAgreementDropin/types.d.ts +2 -2
  248. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +31 -29
  249. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingFinancialInformation.d.ts +0 -1
  250. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingRegisteredAddress.d.ts +1 -0
  251. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/types.d.ts +28 -19
  252. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/utils.d.ts +3 -2
  253. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/validate.d.ts +1 -0
  254. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/types.d.ts +2 -2
  255. package/dist/types/components/EmbeddedDropins/BusinessFinancingComponent/utils.d.ts +2 -1
  256. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types.d.ts +3 -3
  257. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/useNavigation.d.ts +5 -5
  258. package/dist/types/components/EmbeddedDropins/ViewVerificationStatus/ViewVerificationStatusComponent.d.ts +1 -1
  259. package/dist/types/components/EmbeddedDropins/ViewVerificationStatus/content.d.ts +1 -1
  260. package/dist/types/components/Individual/fields/DecisionMakerRole/NomineeDecisionMakerRole.d.ts +6 -0
  261. package/dist/types/components/Individual/fields/DecisionMakerRole/types.d.ts +2 -2
  262. package/dist/types/components/Individual/forms/Individual/PersonalDetails/types.d.ts +2 -2
  263. package/dist/types/components/Individual/forms/Individual/PersonalDetails/validate.d.ts +2 -2
  264. package/dist/types/components/Individual/forms/Individual/ProofOfRelationship/types.d.ts +8 -8
  265. package/dist/types/components/Individual/forms/Individual/ProofOfResidency/types.d.ts +18 -18
  266. package/dist/types/components/Individual/forms/Individual/rules.d.ts +1 -1
  267. package/dist/types/components/Individual/forms/Individual/types.d.ts +2 -2
  268. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/AdditionalPersonalDetails.types.d.ts +3 -2
  269. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/validate.d.ts +2 -2
  270. package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/BasicDetails.types.d.ts +2 -2
  271. package/dist/types/components/Individual/forms/IndividualOnfido/GuidanceQuestion/GuidanceQuestion.d.ts +4 -4
  272. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.rules.d.ts +3 -1
  273. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts +2 -2
  274. package/dist/types/components/Individual/helpers/isOnfidoAutofillFlowEnabled.d.ts +2 -2
  275. package/dist/types/components/Individual/helpers/roleUtils.d.ts +1 -1
  276. package/dist/types/components/Individual/helpers/shouldShowMotionCapture.d.ts +3 -3
  277. package/dist/types/components/Individual/pages/DecisionMakerDetailsPage.d.ts +1 -1
  278. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/DecisionMakerDetails.d.ts +2 -0
  279. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/DecisionMakerDetails.types.d.ts +7 -0
  280. package/dist/types/components/Shared/EntityGuidanceStatus/types.d.ts +4 -4
  281. package/dist/types/components/Shared/FormFlow/FormFlow.types.d.ts +1 -1
  282. package/dist/types/components/Shared/Introduction/Introduction.d.ts +2 -2
  283. package/dist/types/components/Shared/Introduction/IntroductionScreen.d.ts +2 -2
  284. package/dist/types/components/Shared/Introduction/constants.d.ts +3 -3
  285. package/dist/types/components/Shared/Introduction/copy.d.ts +6 -5
  286. package/dist/types/components/Shared/Introduction/types.d.ts +11 -11
  287. package/dist/types/components/Shared/SingpassBanner/SingpassBanner.d.ts +1 -1
  288. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.d.ts +1 -1
  289. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/types.d.ts +2 -2
  290. package/dist/types/components/Shared/fields/IdFieldTypeSelector/TaxIdNumberTypeSelector.d.ts +2 -2
  291. package/dist/types/components/Shared/fields/IdFieldTypeSelector/VatNumberTypeSelector.d.ts +2 -2
  292. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +27 -27
  293. package/dist/types/components/Shared/fields/IdFieldTypeSelector/getDefaultRegistrationNumberType.d.ts +2 -2
  294. package/dist/types/components/Shared/fields/IdFieldTypeSelector/getDefaultTaxIdNumberType.d.ts +2 -2
  295. package/dist/types/components/Shared/fields/IdFieldTypeSelector/inferTaxIdNumberType.d.ts +2 -2
  296. package/dist/types/components/Shared/fields/TaxInformationField/TaxInformationField.d.ts +1 -1
  297. package/dist/types/components/Shared/fields/TaxInformationField/fieldConfig.d.ts +3 -3
  298. package/dist/types/components/Shared/fields/TaxInformationField/types.d.ts +2 -6
  299. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  300. package/dist/types/components/Shared/forms/BusinessTypeSelection/utils.d.ts +2 -2
  301. package/dist/types/components/Shared/forms/ConstitutionalDocument/types.d.ts +11 -10
  302. package/dist/types/components/Shared/forms/FinancialInformation/types.d.ts +3 -0
  303. package/dist/types/components/Shared/forms/RegistrationAddress/types.d.ts +7 -5
  304. package/dist/types/components/Shared/tasks/TaskList/TaskListItem.d.ts +1 -1
  305. package/dist/types/components/Shared/tasks/TaskList/types.d.ts +3 -4
  306. package/dist/types/components/Shared/tasks/TaskList/utils.d.ts +1 -2
  307. package/dist/types/components/Trust/forms/Trust/rules.d.ts +1 -0
  308. package/dist/types/components/Trust/forms/Trust/types.d.ts +1 -1
  309. package/dist/types/components/Trust/forms/TrustRegistrationDetails/types.d.ts +2 -2
  310. package/dist/types/components/Trust/forms/TrustRoleAndEntityType/types.d.ts +1 -2
  311. package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts +3 -3
  312. package/dist/types/components/Trust/pages/TrustDetailsPage.d.ts +1 -1
  313. package/dist/types/components/Trust/tasks/TrustMembers/CompanyTrustMemberTaskItem.d.ts +1 -1
  314. package/dist/types/components/Trust/tasks/TrustMembers/ExemptSettlorTaskItem.d.ts +1 -1
  315. package/dist/types/components/Trust/tasks/TrustMembers/RegularTrustMemberTaskItem.d.ts +1 -1
  316. package/dist/types/components/Trust/tasks/TrustMembers/RootTrusteeTaskItem.d.ts +1 -1
  317. package/dist/types/components/Trust/tasks/TrustMembers/types.d.ts +6 -6
  318. package/dist/types/components/Trust/utils/trustMemberGuidance.d.ts +7 -6
  319. package/dist/types/components/Trust/utils/trustMemberRequirements.d.ts +1 -1
  320. package/dist/types/components/UnincorporatedPartnership/hooks/useUnincorporatedPartnershipNavigation.d.ts +6 -6
  321. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipMembers/types.d.ts +5 -5
  322. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/UnincorporatedPartnershipRadioGroup.d.ts +2 -2
  323. package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/types.d.ts +2 -2
  324. package/dist/types/components/ui/atoms/ListItem/ListItem.d.ts +16 -0
  325. package/dist/types/components/ui/atoms/Svg/svgs.d.ts +12 -0
  326. package/dist/types/components/ui/atoms/TaskStatusIndicator/TaskStatusIndicator.d.ts +1 -1
  327. package/dist/types/components/ui/layout/LandingLayout/LandingLayout.d.ts +3 -2
  328. package/dist/types/components/ui/molecules/Alert/VerificationErrorAlert.d.ts +1 -1
  329. package/dist/types/components/ui/molecules/Alert/types.d.ts +1 -0
  330. package/dist/types/components/ui/molecules/EmbeddedStatus/EmbeddedStatus.d.ts +1 -1
  331. package/dist/types/components/ui/molecules/EmbeddedStatus/statusToTag.d.ts +2 -2
  332. package/dist/types/context/ExperimentContext/types.d.ts +46 -38
  333. package/dist/types/context/SettingsContext/types.d.ts +24 -24
  334. package/dist/types/core/models/api/company-types-value.d.ts +12 -11
  335. package/dist/types/core/models/api/decision-maker-type.d.ts +7 -6
  336. package/dist/types/core/models/api/entity-type.d.ts +5 -4
  337. package/dist/types/core/models/api/get-scenarios.d.ts +18 -18
  338. package/dist/types/core/models/api/individual.d.ts +1 -0
  339. package/dist/types/core/models/api/legal-entity-association.d.ts +2 -2
  340. package/dist/types/core/models/api/legal-entity-type.d.ts +8 -7
  341. package/dist/types/core/models/api/trust-member-type.d.ts +8 -8
  342. package/dist/types/core/models/api/trusted-fields-provider.d.ts +5 -4
  343. package/dist/types/core/models/api/unincorporated-partnership.d.ts +6 -6
  344. package/dist/types/core/models/api/verification-error.d.ts +8 -7
  345. package/dist/types/core/models/api/verification-status.d.ts +7 -6
  346. package/dist/types/core/models/api/view-verification-status.d.ts +8 -7
  347. package/dist/types/hooks/introduction/useIntroductionScreens.d.ts +4 -4
  348. package/dist/types/hooks/singpass/useSingpassMyInfoLogin.d.ts +7 -6
  349. package/dist/types/hooks/useBusinessSetup.d.ts +11 -10
  350. package/dist/types/hooks/useDataMissingRemediations.d.ts +2 -2
  351. package/dist/types/hooks/useFormComposer.d.ts +1 -1
  352. package/dist/types/hooks/useLegalCompanyNameField/useLegalCompanyNameField.d.ts +6 -3
  353. package/dist/types/hooks/useLegalEntityType.d.ts +1 -1
  354. package/dist/types/hooks/useMultiForm/types.d.ts +2 -2
  355. package/dist/types/hooks/useScenarioConfiguration.d.ts +2 -2
  356. package/dist/types/language/types.d.ts +2 -0
  357. package/dist/types/stores/globalStore/calculateTaskStatus.d.ts +2 -2
  358. package/dist/types/stores/globalStore/determineTaskIdentifiers.d.ts +2 -2
  359. package/dist/types/stores/globalStore/get-task-status.d.ts +2 -2
  360. package/dist/types/stores/globalStore/globalStore.d.ts +7 -7
  361. package/dist/types/stores/globalStore/taskStatus.d.ts +17 -16
  362. package/dist/types/stores/globalStore/taskTypes.d.ts +37 -35
  363. package/dist/types/types/datasets/currency.d.ts +25 -25
  364. package/dist/types/types/datasets/province-code.d.ts +46 -46
  365. package/dist/types/types/datasets/state-code.d.ts +84 -84
  366. package/dist/types/types/errors/entity-problems.d.ts +3 -4
  367. package/dist/types/types/form-rules.d.ts +2 -2
  368. package/dist/types/utils/api/processValidationErrors.d.ts +2 -2
  369. package/dist/types/utils/birthDateUtils.d.ts +3 -3
  370. package/dist/types/utils/decisionMaker.d.ts +4 -3
  371. package/dist/types/utils/decisionMakerRoles.d.ts +4 -3
  372. package/dist/types/utils/entityAssociationUtil.d.ts +3 -3
  373. package/dist/types/utils/entityStatusUtil.d.ts +3 -3
  374. package/dist/types/utils/formUtils.d.ts +2 -2
  375. package/dist/types/utils/regex/patternValidators.d.ts +1 -0
  376. package/dist/types/utils/roleMetadata.d.ts +3 -3
  377. package/dist/types/utils/translation.d.ts +40 -0
  378. package/dist/{useMultiForm-KQwxav4F.js → useMultiForm-BQmE_nfY.js} +2 -2
  379. package/dist/{useOnboardingStatus-BMyj9Pwn.js → useOnboardingStatus-DJdV6bAG.js} +2 -2
  380. package/dist/{useTermsOfServiceStatus-CBHKWYSb.js → useTermsOfServiceStatus-BX4GiDbz.js} +2 -2
  381. package/dist/{useUpdateLegalEntity-D8dw9Oc3.js → useUpdateLegalEntity-BfnvHQJj.js} +2 -2
  382. package/dist/{utils-CL9qlD-O.js → utils-1zLleVnu.js} +17 -17
  383. package/dist/{validate-CuwYJGc9.js → validate-BweJRQFE.js} +9 -3
  384. package/dist/{validate-CeF0YKvL.js → validate-Cy6vBhF2.js} +2 -2
  385. package/dist/view-verification-status-VFcBydkR.js +21 -0
  386. package/package.json +7 -32
  387. package/dist/LandingLayout-B45lEjOv.js +0 -84
  388. package/dist/ManagePCIComponent-BgdGfAuT.js +0 -33
  389. package/dist/RootBusinessDetailsPage-q_6wAcer.js +0 -42
  390. package/dist/adyen-manage-pci.js +0 -48
  391. package/dist/adyen-sign-pci.js +0 -55
  392. package/dist/adyen-terms-of-service.vue_vue_type_script_lang-BD4hndWg.js +0 -42
  393. package/dist/adyen-transfer-instrument.vue_vue_type_script_lang-DQBzahGy.js +0 -57
  394. package/dist/bg-BG-HpLj_LOM.js +0 -16
  395. package/dist/cs-CZ-CQ_M3lEp.js +0 -16
  396. package/dist/css-BJGWcW8A.js +0 -24
  397. package/dist/da-DK-k4JW3iVF.js +0 -16
  398. package/dist/de-DE-C7mjtS5w.js +0 -16
  399. package/dist/el-GR-CEQrkYHW.js +0 -16
  400. package/dist/en-US-DDagIr01.js +0 -16
  401. package/dist/es-ES-DB1c74Kv.js +0 -16
  402. package/dist/et-EE-xIegUSuv.js +0 -16
  403. package/dist/fi-FI-NCxneAqU.js +0 -16
  404. package/dist/fr-FR-daiUnUwo.js +0 -16
  405. package/dist/hr-HR-BAUywqDj.js +0 -16
  406. package/dist/hu-HU-3GQojIHR.js +0 -16
  407. package/dist/it-IT-pDWPFHEh.js +0 -16
  408. package/dist/ja-JP-scPXJ93L.js +0 -16
  409. package/dist/json-Dk6RRAV8.js +0 -31
  410. package/dist/lt-LT-BcGNy8Ti.js +0 -16
  411. package/dist/lv-LV-CBD07r1Y.js +0 -16
  412. package/dist/nl-NL-BxJUDHMK.js +0 -16
  413. package/dist/no-NO-Drup6Jyy.js +0 -16
  414. package/dist/pl-PL-BXv8Mmzb.js +0 -16
  415. package/dist/preact/adyen-individual.js +0 -15
  416. package/dist/preact/adyen-manage-individual.js +0 -15
  417. package/dist/preact/adyen-terms-of-service.js +0 -16
  418. package/dist/preact/adyen-transfer-instrument.js +0 -16
  419. package/dist/pt-PT-D8nU-UM2.js +0 -16
  420. package/dist/ro-RO-CG33OwqS.js +0 -16
  421. package/dist/sk-SK-DV_xkO69.js +0 -16
  422. package/dist/sl-SI-B5yeoadY.js +0 -16
  423. package/dist/sv-SE-CfxyR53r.js +0 -16
  424. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationDisclaimer/IdVerificationDisclaimer.d.ts +0 -1
  425. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationHeader/IdVerificationHeader.d.ts +0 -1
  426. package/dist/types/embeds/individual/AdyenIndividualPreact.d.ts +0 -3
  427. package/dist/types/embeds/manage-individual/AdyenManageIndividualPreact.d.ts +0 -3
  428. package/dist/types/embeds/manage-pci/AdyenManagePci.d.ts +0 -12
  429. package/dist/types/embeds/manage-pci/adyen-manage-pci.d.ts +0 -1
  430. package/dist/types/embeds/manage-pci/adyen-manage-pci.types.d.ts +0 -39
  431. package/dist/types/embeds/sign-pci/AdyenSignPci.d.ts +0 -14
  432. package/dist/types/embeds/sign-pci/adyen-sign-pci.d.ts +0 -1
  433. package/dist/types/embeds/sign-pci/adyen-sign-pci.types.d.ts +0 -45
  434. package/dist/types/embeds/terms-of-service/AdyenTermsOfServicePreact.d.ts +0 -3
  435. package/dist/types/embeds/transfer-instrument/AdyenTransferInstrumentPreact.d.ts +0 -3
  436. package/dist/useSalesChannelsSettings-43TfSoxc.js +0 -51
  437. package/dist/view-verification-status-DTkA8PtO.js +0 -20
  438. package/dist/vue/adyen-individual.js +0 -53
  439. package/dist/vue/adyen-manage-individual.js +0 -56
  440. package/dist/vue/adyen-terms-of-service.js +0 -28
  441. package/dist/vue/adyen-transfer-instrument.js +0 -31
  442. package/dist/yaml-CBkrSAtc.js +0 -22
package/dist/style.css CHANGED
@@ -14,7 +14,7 @@
14
14
  .adyen-kyc-loader {
15
15
  animation: adyen-kyc-rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
16
16
  border-radius: 50%;
17
- border: var(--adyen-kyc-border-default-l);
17
+ border: var(--adyen-sdk-border-default-l);
18
18
  border-top-color: var(--adyen-sdk-color-outline-inverse-primary);
19
19
  height: 43px;
20
20
  width: 43px;
@@ -105,7 +105,7 @@
105
105
  transform: scale(0.95);
106
106
  }
107
107
  .adyen-kyc-button:focus-visible {
108
- outline-color: var(--adyen-sdk-color-label-primary, #00112c);
108
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
109
109
  }
110
110
  .adyen-kyc-button[disabled] {
111
111
  pointer-events: none;
@@ -135,95 +135,95 @@
135
135
  }
136
136
 
137
137
  .adyen-kyc-button-variant-primary {
138
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
138
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
139
139
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
140
140
  fill: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
141
141
  }
142
142
  @media (hover: hover) {
143
143
  .adyen-kyc-button-variant-primary:hover {
144
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
145
- color: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
146
- fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f7f7f8);
144
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
145
+ color: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
146
+ fill: var(--adyen-sdk-color-label-inverse-primary-hover, #f4f5f6);
147
147
  }
148
148
  }
149
149
  .adyen-kyc-button-variant-primary[disabled] {
150
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
151
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
152
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
150
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
151
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
152
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
153
153
  }
154
154
 
155
155
  .adyen-kyc-button-variant-secondary {
156
156
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
157
- color: var(--adyen-sdk-color-label-primary, #00112c);
158
- fill: var(--adyen-sdk-color-label-primary, #00112c);
159
- border: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
157
+ color: var(--adyen-sdk-color-label-primary, #001222);
158
+ fill: var(--adyen-sdk-color-label-primary, #001222);
159
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
160
160
  }
161
161
  @media (hover: hover) {
162
162
  .adyen-kyc-button-variant-secondary:hover {
163
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
164
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
165
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
166
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
163
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
164
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
165
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
166
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
167
167
  }
168
168
  }
169
169
  .adyen-kyc-button-variant-secondary[disabled] {
170
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
171
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
170
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
171
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
172
172
  }
173
173
 
174
174
  .adyen-kyc-button-variant-tertiary {
175
175
  background-color: transparent;
176
- color: var(--adyen-sdk-color-label-primary, #00112c);
177
- fill: var(--adyen-sdk-color-label-primary, #00112c);
176
+ color: var(--adyen-sdk-color-label-primary, #001222);
177
+ fill: var(--adyen-sdk-color-label-primary, #001222);
178
178
  }
179
179
  @media (hover: hover) {
180
180
  .adyen-kyc-button-variant-tertiary:hover {
181
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
182
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
183
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
181
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
182
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
183
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
184
184
  }
185
185
  }
186
186
  .adyen-kyc-button-variant-tertiary[disabled] {
187
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
188
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
189
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
187
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
188
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
189
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
190
190
  }
191
191
 
192
192
  .adyen-kyc-button-variant-critical {
193
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
193
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
194
194
  color: var(--adyen-sdk-color-label-on-color, #ffffff);
195
195
  fill: var(--adyen-sdk-color-label-on-color, #ffffff);
196
196
  }
197
197
  @media (hover: hover) {
198
198
  .adyen-kyc-button-variant-critical:hover {
199
- background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c72727);
199
+ background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c13101);
200
200
  }
201
201
  }
202
202
  .adyen-kyc-button-variant-critical[disabled] {
203
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
204
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
205
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
203
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
204
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
205
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
206
206
  }
207
207
 
208
208
  .adyen-kyc-button-variant-link {
209
209
  background-color: transparent;
210
- color: var(--adyen-sdk-color-label-primary, #00112c);
211
- fill: var(--adyen-sdk-color-label-primary, #00112c);
210
+ color: var(--adyen-sdk-color-label-primary, #001222);
211
+ fill: var(--adyen-sdk-color-label-primary, #001222);
212
212
  padding: var(--adyen-sdk-spacer-000, 0px);
213
213
  text-decoration: underline;
214
214
  }
215
215
  @media (hover: hover) {
216
216
  .adyen-kyc-button-variant-link:hover {
217
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
218
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
217
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
218
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
219
219
  text-decoration: none;
220
220
  }
221
221
  }
222
222
 
223
223
  .adyen-kyc-button-variant-surface {
224
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
225
- color: var(--adyen-sdk-color-label-primary, #00112c);
226
- fill: var(--adyen-sdk-color-label-primary, #00112c);
224
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
225
+ color: var(--adyen-sdk-color-label-primary, #001222);
226
+ fill: var(--adyen-sdk-color-label-primary, #001222);
227
227
  }
228
228
  @supports (backdrop-filter: blur(10px)) {
229
229
  .adyen-kyc-button-variant-surface {
@@ -234,8 +234,8 @@
234
234
  @media (hover: hover) {
235
235
  .adyen-kyc-button-variant-surface:hover {
236
236
  background-color: #eeeff1;
237
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
238
- fill: var(--adyen-sdk-color-label-primary-hover, #5c687c);
237
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
238
+ fill: var(--adyen-sdk-color-label-primary-hover, #5c6874);
239
239
  }
240
240
  @supports (backdrop-filter: blur(10px)) {
241
241
  .adyen-kyc-button-variant-surface:hover {
@@ -245,8 +245,8 @@
245
245
  }
246
246
  .adyen-kyc-button-variant-surface[disabled] {
247
247
  background-color: #f7f7f8;
248
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
249
- fill: var(--adyen-sdk-color-label-disabled, #8d95a3);
248
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
249
+ fill: var(--adyen-sdk-color-label-disabled, #8c959d);
250
250
  }
251
251
 
252
252
  .adyen-kyc-button-spinner {
@@ -269,7 +269,7 @@
269
269
  transform: scale(1);
270
270
  }
271
271
  }.adyen-kyc-checkbox__label {
272
- color: var(--adyen-sdk-color-label-primary, #00112c);
272
+ color: var(--adyen-sdk-color-label-primary, #001222);
273
273
  cursor: pointer;
274
274
  display: inline-block;
275
275
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -281,7 +281,7 @@
281
281
  width: calc(100% - 32px); /* leaves space for the error icon */
282
282
  }
283
283
  .adyen-kyc-checkbox__helper-text {
284
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
284
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
285
285
  display: block;
286
286
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
287
287
  padding-left: var(--adyen-sdk-spacer-090, 24px);
@@ -291,27 +291,28 @@
291
291
  opacity: 0;
292
292
  pointer-events: none;
293
293
  position: absolute;
294
- /* Check */
295
- /* Box */
296
294
  }
297
295
  .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
298
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
296
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
299
297
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
300
298
  transition-property: box-shadow;
301
299
  }
302
300
  .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
303
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
301
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
304
302
  }
305
303
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
306
304
  opacity: 1;
307
305
  }
308
306
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
309
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
310
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
307
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
308
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
311
309
  }
312
310
  .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
313
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
314
- border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
311
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
312
+ border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
313
+ }
314
+ .adyen-kyc-checkbox__input {
315
+ /* Check */
315
316
  }
316
317
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
317
318
  border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
@@ -327,9 +328,12 @@
327
328
  width: 5px;
328
329
  z-index: 1;
329
330
  }
331
+ .adyen-kyc-checkbox__input {
332
+ /* Box */
333
+ }
330
334
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
331
335
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
332
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
336
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
333
337
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
334
338
  content: "";
335
339
  height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
@@ -344,17 +348,17 @@
344
348
  width: 100%;
345
349
  }
346
350
  .adyen-kyc-field--disabled {
347
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
351
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
348
352
  opacity: 0.5;
349
353
  pointer-events: none;
350
354
  }
351
355
 
352
356
  .adyen-kyc-optional-label {
353
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
357
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
354
358
  }
355
359
 
356
360
  .adyen-kyc-label__text {
357
- color: var(--adyen-sdk-color-label-primary, #00112c);
361
+ color: var(--adyen-sdk-color-label-primary, #001222);
358
362
  display: block;
359
363
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
360
364
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
@@ -362,7 +366,7 @@
362
366
  }
363
367
 
364
368
  .adyen-kyc-helper-text {
365
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
369
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
366
370
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
367
371
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
368
372
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -377,7 +381,7 @@
377
381
  margin-top: var(--adyen-sdk-spacer-020, 4px);
378
382
  }
379
383
  .adyen-kyc-helper-text__valid-format-check {
380
- color: var(--adyen-sdk-color-label-success, #07893c);
384
+ color: var(--adyen-sdk-color-label-success, #008845);
381
385
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
382
386
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
383
387
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -386,12 +390,12 @@
386
390
  }
387
391
 
388
392
  .adyen-kyc-label__text--error {
389
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
393
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
390
394
  }
391
395
 
392
396
  .adyen-kyc-error-text {
393
397
  align-items: center;
394
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
398
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
395
399
  display: flex;
396
400
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
397
401
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -403,7 +407,7 @@
403
407
 
404
408
  .adyen-kyc-guidance-text {
405
409
  align-items: center;
406
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
410
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
407
411
  display: flex;
408
412
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
409
413
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -418,7 +422,7 @@
418
422
  flex-direction: column;
419
423
  }
420
424
  .adyen-kyc-upload-field__subtitle {
421
- color: var(--adyen-sdk-color-label-primary, #00112c);
425
+ color: var(--adyen-sdk-color-label-primary, #001222);
422
426
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
423
427
  }
424
428
 
@@ -445,13 +449,13 @@
445
449
  .adyen-kyc-toast {
446
450
  align-items: center;
447
451
  animation: adyen-kyc-present-toast 400ms var(--adyen-sdk-animation-easing-enter, cubic-bezier(0.12, 0.6, 0.4, 0.95));
448
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
452
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
449
453
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
450
- border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
454
+ border-top: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
451
455
  bottom: var(--adyen-sdk-spacer-070, 16px);
452
- box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06));
456
+ box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
453
457
  display: flex;
454
- fill: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
458
+ fill: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
455
459
  gap: var(--adyen-sdk-spacer-040, 8px);
456
460
  justify-content: flex-start;
457
461
  left: 50%;
@@ -474,13 +478,13 @@
474
478
  }
475
479
 
476
480
  .adyen-kyc-toast-image-success {
477
- color: var(--adyen-sdk-color-decorative-green, #09ab4b);
478
- fill: var(--adyen-sdk-color-decorative-green, #09ab4b);
481
+ color: var(--adyen-sdk-color-decorative-green, #00d16a);
482
+ fill: var(--adyen-sdk-color-decorative-green, #00d16a);
479
483
  }
480
484
 
481
485
  .adyen-kyc-toast-image-error {
482
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
483
- fill: var(--adyen-sdk-color-label-critical, #e22d2d);
486
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
487
+ fill: var(--adyen-sdk-color-label-critical, #dc3801);
484
488
  }
485
489
 
486
490
  .adyen-kyc-toast-label {
@@ -501,11 +505,11 @@
501
505
  gap: var(--adyen-sdk-spacer-040, 8px);
502
506
  }
503
507
  .adyen-kyc-toast-actions button:focus-visible {
504
- outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9ea6b1);
508
+ outline-color: var(--adyen-sdk-color-outline-inverse-primary-active, #9da5ac);
505
509
  }
506
510
 
507
511
  .adyen-kyc-toast-action-close {
508
- border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
512
+ border-left: 1px solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
509
513
  padding-left: var(--adyen-sdk-spacer-040, 8px);
510
514
  }
511
515
 
@@ -522,7 +526,7 @@
522
526
  .adyen-kyc-modal {
523
527
  background-color: var(--adyen-sdk-color-background-modal, #ffffff);
524
528
  border: var(--adyen-sdk-spacer-000, 0px);
525
- box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06));
529
+ box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
526
530
  display: flex;
527
531
  flex-direction: column;
528
532
  overflow: hidden;
@@ -626,7 +630,7 @@
626
630
  animation-name: adyen-kyc-backdrop-dissolve;
627
631
  animation-duration: 400ms;
628
632
  animation-timing-function: ease;
629
- background-color: var(--adyen-sdk-color-support-overlay, #00112c);
633
+ background-color: var(--adyen-sdk-color-support-overlay, #001222);
630
634
  opacity: 0.5;
631
635
  backdrop-filter: blur(10px);
632
636
  }
@@ -685,7 +689,7 @@
685
689
 
686
690
  .adyen-kyc-modal-footer {
687
691
  align-items: center;
688
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
692
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
689
693
  display: flex;
690
694
  gap: var(--adyen-sdk-spacer-040, 8px);
691
695
  justify-content: flex-end;
@@ -703,7 +707,7 @@
703
707
 
704
708
  .adyen-kyc-dropdown-list {
705
709
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
706
- box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
710
+ box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
707
711
  z-index: 2;
708
712
  }
709
713
  .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
@@ -724,7 +728,7 @@
724
728
 
725
729
  .adyen-kyc-dropdown-element {
726
730
  border: var(--adyen-sdk-border-width-s, 1px) solid transparent;
727
- color: var(--adyen-sdk-color-label-primary, #00112c);
731
+ color: var(--adyen-sdk-color-label-primary, #001222);
728
732
  cursor: pointer;
729
733
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
730
734
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -751,12 +755,12 @@
751
755
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
752
756
  }
753
757
  .adyen-kyc-dropdown-search-element__addresses {
754
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
758
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
755
759
  display: flex;
756
760
  }
757
761
  .adyen-kyc-dropdown-search-element__addresses--icon {
758
762
  align-items: center;
759
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
763
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
760
764
  display: flex;
761
765
  margin-left: var(--adyen-sdk-spacer-040, 8px);
762
766
  }
@@ -777,11 +781,11 @@
777
781
  .adyen-kyc-dropdown-element:hover,
778
782
  .adyen-kyc-dropdown-element:focus,
779
783
  .adyen-kyc-dropdown-element:active {
780
- background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
784
+ background: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
781
785
  }
782
786
 
783
787
  .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
784
- background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
788
+ background: var(--adyen-sdk-color-background-primary-active, #ecedef);
785
789
  }
786
790
 
787
791
  .adyen-kyc-dropdown-element--disabled {
@@ -848,9 +852,9 @@
848
852
  align-items: center;
849
853
  display: flex;
850
854
  background: var(--adyen-sdk-color-background-primary, #ffffff);
851
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
855
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
852
856
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
853
- color: var(--adyen-sdk-color-label-primary, #00112c);
857
+ color: var(--adyen-sdk-color-label-primary, #001222);
854
858
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
855
859
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
856
860
  min-height: 40px;
@@ -862,7 +866,7 @@
862
866
  }
863
867
 
864
868
  .adyen-kyc-select-input-wrapper:hover {
865
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
869
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
866
870
  }
867
871
 
868
872
  .adyen-kyc-select-input__icon svg {
@@ -880,21 +884,21 @@
880
884
  .adyen-kyc-select-input--active:hover,
881
885
  .adyen-kyc-select-input-wrapper:active,
882
886
  .adyen-kyc-select-input-wrapper:focus {
883
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
884
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
887
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
888
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
885
889
  }
886
890
 
887
891
  .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
888
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
889
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
892
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
893
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
890
894
  cursor: not-allowed;
891
895
  pointer-events: none;
892
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
896
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
893
897
  }
894
898
 
895
899
  .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
896
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
897
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
900
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
901
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
898
902
  cursor: not-allowed;
899
903
  pointer-events: none;
900
904
  }
@@ -904,13 +908,13 @@
904
908
  }
905
909
 
906
910
  .adyen-kyc-select-input--invalid {
907
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
911
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
908
912
  }
909
913
 
910
914
  .adyen-kyc-select-input--minimal {
911
915
  min-height: unset;
912
916
  height: 100%;
913
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
917
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
914
918
  border: none;
915
919
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
916
920
  }
@@ -921,7 +925,7 @@
921
925
  width: 100%;
922
926
  }
923
927
  .adyen-kyc-select-input-search__icon {
924
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
928
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
925
929
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
926
930
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
927
931
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -929,7 +933,7 @@
929
933
  padding-right: var(--adyen-sdk-spacer-040, 8px);
930
934
  }
931
935
  .adyen-kyc-select-input-search .adyen-kyc-select-input--filterable::placeholder {
932
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
936
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
933
937
  }
934
938
 
935
939
  .adyen-kyc-select-input-search::after {
@@ -961,8 +965,8 @@
961
965
 
962
966
  .adyen-kyc-select-input--filterable {
963
967
  border: 0;
964
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
965
- color: var(--adyen-sdk-color-label-primary, #00112c);
968
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
969
+ color: var(--adyen-sdk-color-label-primary, #001222);
966
970
  font-family: inherit;
967
971
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
968
972
  height: 100%;
@@ -970,7 +974,7 @@
970
974
  width: 100%;
971
975
  }
972
976
  .adyen-kyc-select-input--filterable::placeholder {
973
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
977
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
974
978
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
975
979
  }
976
980
  .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
@@ -982,7 +986,7 @@
982
986
  }
983
987
 
984
988
  .adyen-kyc-select-input--placeholder {
985
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
989
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
986
990
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
987
991
  }
988
992
 
@@ -994,7 +998,7 @@
994
998
  pointer-events: auto;
995
999
  }/* for container queries */
996
1000
  .adyen-kyc-typography {
997
- color: var(--adyen-sdk-color-label-primary, #00112c);
1001
+ color: var(--adyen-sdk-color-label-primary, #001222);
998
1002
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
999
1003
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1000
1004
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1078,34 +1082,34 @@
1078
1082
  }
1079
1083
  }
1080
1084
  .adyen-kyc-typography--primary {
1081
- color: var(--adyen-sdk-color-label-primary, #00112c);
1085
+ color: var(--adyen-sdk-color-label-primary, #001222);
1082
1086
  }
1083
1087
  .adyen-kyc-typography--secondary {
1084
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1088
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1085
1089
  }
1086
1090
  .adyen-kyc-typography--tertiary {
1087
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1091
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1088
1092
  }
1089
1093
  .adyen-kyc-typography--disabled {
1090
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1094
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1091
1095
  }
1092
1096
  .adyen-kyc-typography--success {
1093
- color: var(--adyen-sdk-color-label-success, #07893c);
1097
+ color: var(--adyen-sdk-color-label-success, #008845);
1094
1098
  }
1095
1099
  .adyen-kyc-typography--warning {
1096
- color: var(--adyen-sdk-color-label-warning, #b06300);
1100
+ color: var(--adyen-sdk-color-label-warning, #ab6600);
1097
1101
  }
1098
1102
  .adyen-kyc-typography--critical {
1099
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1103
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1100
1104
  }
1101
1105
  .adyen-kyc-typography--highlight {
1102
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1106
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1103
1107
  }
1104
1108
  .adyen-kyc-typography--inverse-primary {
1105
1109
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
1106
1110
  }
1107
1111
  .adyen-kyc-typography--inverse-secondary {
1108
- color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
1112
+ color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
1109
1113
  }.adyen-kyc-spacer {
1110
1114
  flex: 1;
1111
1115
  }.adyen-kyc-progress-bar {
@@ -1131,14 +1135,14 @@
1131
1135
  }
1132
1136
 
1133
1137
  .adyen-kyc-progress-step {
1134
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
1138
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
1135
1139
  display: flex;
1136
1140
  flex: 1;
1137
1141
  height: var(--step-progress-internal-height);
1138
1142
  }
1139
1143
 
1140
1144
  .adyen-kyc-progress-step-active {
1141
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1145
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1142
1146
  }
1143
1147
 
1144
1148
  .adyen-kyc-progress-bar-circles li {
@@ -1400,8 +1404,8 @@
1400
1404
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1401
1405
  }.adyen-kyc-form-navigation__item {
1402
1406
  align-items: center;
1403
- border-left: var(--adyen-kyc-border-default-m);
1404
- color: var(--adyen-sdk-color-label-primary, #00112c);
1407
+ border-left: var(--adyen-sdk-border-default-m);
1408
+ color: var(--adyen-sdk-color-label-primary, #001222);
1405
1409
  cursor: default;
1406
1410
  display: flex;
1407
1411
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-040, 8px);
@@ -1418,7 +1422,7 @@
1418
1422
  }
1419
1423
  .adyen-kyc-form-navigation__item--active {
1420
1424
  border-left: var(--adyen-sdk-border-width-m, 2px) solid;
1421
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1425
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1422
1426
  }
1423
1427
  .adyen-kyc-form-navigation__item--isnav button {
1424
1428
  cursor: pointer;
@@ -1429,10 +1433,10 @@
1429
1433
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1430
1434
  }
1431
1435
  .adyen-kyc-form-navigation__item-icon--success {
1432
- color: var(--adyen-sdk-color-label-success, #07893c);
1436
+ color: var(--adyen-sdk-color-label-success, #008845);
1433
1437
  }
1434
1438
  .adyen-kyc-form-navigation__item-icon--error {
1435
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1439
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1436
1440
  }.adyen-kyc-form-header {
1437
1441
  margin-bottom: var(--adyen-sdk-spacer-120);
1438
1442
  }
@@ -1457,16 +1461,17 @@
1457
1461
  display: flex;
1458
1462
  flex-direction: column;
1459
1463
  gap: var(--adyen-sdk-spacer-040, 8px);
1464
+ width: 100%;
1460
1465
  }
1461
1466
 
1462
1467
  .adyen-kyc-list-header {
1463
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1468
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1464
1469
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
1465
1470
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
1466
1471
  }
1467
1472
 
1468
1473
  .adyen-kyc-list-footer {
1469
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1474
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1470
1475
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1471
1476
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
1472
1477
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -1483,12 +1488,12 @@
1483
1488
 
1484
1489
  .adyen-kyc-list-items-grouped-primary {
1485
1490
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1486
- border: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1491
+ border: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1487
1492
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
1488
1493
  }
1489
1494
 
1490
1495
  .adyen-kyc-list-items-grouped-secondary {
1491
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1496
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1492
1497
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
1493
1498
  }
1494
1499
 
@@ -1509,7 +1514,7 @@
1509
1514
  }
1510
1515
 
1511
1516
  .adyen-kyc-list-item-row-separator:not(:last-child) {
1512
- border-bottom: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1517
+ border-bottom: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
1513
1518
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
1514
1519
  padding-bottom: var(--adyen-sdk-spacer-040, 8px);
1515
1520
  }.adyen-kyc-error-panel {
@@ -1611,19 +1616,19 @@
1611
1616
  }
1612
1617
 
1613
1618
  .adyen-kyc-document-guidance__description-text {
1614
- color: var(--adyen-sdk-color-label-primary, #00112c);
1619
+ color: var(--adyen-sdk-color-label-primary, #001222);
1615
1620
  }
1616
1621
 
1617
1622
  .adyen-kyc-document-guidance__icon {
1618
1623
  height: 16px;
1619
1624
  width: 16px;
1620
1625
  border-radius: 50%;
1621
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
1626
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
1622
1627
  }
1623
1628
  .adyen-kyc-document-guidance__icon--invalid {
1624
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1629
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1625
1630
  }.adyen-kyc-dropzone {
1626
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c9cdd3);
1631
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c8ccd0);
1627
1632
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1628
1633
  display: flex;
1629
1634
  flex-direction: column;
@@ -1633,31 +1638,31 @@
1633
1638
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1634
1639
  }
1635
1640
  .adyen-kyc-dropzone--dragged {
1636
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
1637
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
1641
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #001222);
1642
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
1638
1643
  }
1639
1644
  .adyen-kyc-dropzone--error {
1640
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
1645
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #dc3801);
1641
1646
  }
1642
1647
  .adyen-kyc-dropzone__icon {
1643
1648
  display: flex;
1644
1649
  align-items: center;
1645
1650
  justify-content: center;
1646
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1651
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1647
1652
  border-radius: 50%;
1648
1653
  height: 32px;
1649
1654
  width: 32px;
1650
1655
  margin: var(--adyen-sdk-spacer-000, 0px) auto var(--adyen-sdk-spacer-060, 12px);
1651
1656
  }
1657
+ .adyen-kyc-dropzone__labels h4 {
1658
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1659
+ }
1652
1660
  .adyen-kyc-dropzone__labels {
1653
1661
  display: flex;
1654
1662
  flex-direction: column;
1655
1663
  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
1656
1664
  text-align: center;
1657
1665
  }
1658
- .adyen-kyc-dropzone__labels h4 {
1659
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1660
- }
1661
1666
  .adyen-kyc-dropzone__input {
1662
1667
  display: none;
1663
1668
  }
@@ -1670,7 +1675,7 @@
1670
1675
  display: flex;
1671
1676
  align-items: center;
1672
1677
  justify-content: space-between;
1673
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1678
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1674
1679
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1675
1680
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1676
1681
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
@@ -1678,16 +1683,16 @@
1678
1683
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1679
1684
  }
1680
1685
  .adyen-kyc-dropzone-file--error {
1681
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
1686
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
1682
1687
  }
1683
1688
  .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
1684
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1689
+ color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1685
1690
  }
1686
1691
  .adyen-kyc-dropzone-file__icon {
1687
1692
  align-items: center;
1688
1693
  display: flex;
1689
1694
  margin-right: var(--adyen-sdk-spacer-040, 8px);
1690
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
1695
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
1691
1696
  }
1692
1697
  .adyen-kyc-dropzone-file__labels {
1693
1698
  overflow: hidden;
@@ -1704,7 +1709,7 @@
1704
1709
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1705
1710
  }
1706
1711
  .adyen-kyc-dropzone-file__error {
1707
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1712
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1708
1713
  margin-top: var(--adyen-sdk-spacer-020, 4px);
1709
1714
  }
1710
1715
  .adyen-kyc-dropzone-file__button {
@@ -1790,7 +1795,7 @@
1790
1795
  }
1791
1796
  }.adyen-kyc-input--mismatch {
1792
1797
  animation: mismatchShake 300ms;
1793
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
1798
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
1794
1799
  }
1795
1800
 
1796
1801
  @keyframes mismatchShake {
@@ -1818,10 +1823,10 @@
1818
1823
  line-height: 38px;
1819
1824
  min-height: 38px;
1820
1825
  background: var(--adyen-sdk-color-background-primary, #ffffff);
1821
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1826
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1822
1827
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1823
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1824
- color: var(--adyen-sdk-color-label-primary, #00112c);
1828
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1829
+ color: var(--adyen-sdk-color-label-primary, #001222);
1825
1830
  display: block;
1826
1831
  font-family: inherit;
1827
1832
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -1832,32 +1837,32 @@
1832
1837
  width: 100%;
1833
1838
  }
1834
1839
  .adyen-kyc-input::placeholder {
1835
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1840
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1836
1841
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1837
1842
  }
1838
1843
  .adyen-kyc-input:hover {
1839
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
1844
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
1840
1845
  }
1841
1846
  .adyen-kyc-input:required {
1842
1847
  box-shadow: none;
1843
1848
  }
1844
1849
  .adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
1845
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1846
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1850
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1851
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1847
1852
  cursor: not-allowed;
1848
1853
  pointer-events: none;
1849
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
1854
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
1850
1855
  }
1851
1856
  .adyen-kyc-input--disabled:hover {
1852
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1857
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1853
1858
  }
1854
1859
  .adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
1855
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
1856
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1860
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
1861
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1857
1862
  }
1858
1863
  .adyen-kyc-input:active, .adyen-kyc-input:focus, .adyen-kyc-input--focus, .adyen-kyc-input:active:hover, .adyen-kyc-input:focus:hover, .adyen-kyc-input--focus:hover {
1859
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1860
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1864
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
1865
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
1861
1866
  }
1862
1867
  .adyen-kyc-input--number {
1863
1868
  appearance: none;
@@ -1885,17 +1890,17 @@
1885
1890
  top: var(--adyen-sdk-spacer-080, 20px);
1886
1891
  }
1887
1892
  .adyen-kyc-input__inline-validation--valid {
1888
- color: var(--adyen-sdk-color-label-success, #07893c);
1893
+ color: var(--adyen-sdk-color-label-success, #008845);
1889
1894
  display: none;
1890
1895
  }
1891
1896
  .adyen-kyc-input__inline-validation--invalid {
1892
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1897
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1893
1898
  }
1894
1899
  .adyen-kyc-input__inline-validation--invalid-bottom {
1895
1900
  top: var(--adyen-sdk-spacer-040, 8px);
1896
1901
  }
1897
1902
  .adyen-kyc-input__counter {
1898
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1903
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1899
1904
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1900
1905
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1901
1906
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1981,7 +1986,7 @@
1981
1986
  }
1982
1987
  .adyen-kyc-field-verification-methods__footer {
1983
1988
  align-items: center;
1984
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1989
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1985
1990
  display: flex;
1986
1991
  gap: var(--adyen-sdk-spacer-020, 4px);
1987
1992
  justify-content: end;
@@ -2035,26 +2040,26 @@
2035
2040
  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
2036
2041
  }
2037
2042
  .adyen-kyc-link:focus-visible {
2038
- color: var(--adyen-sdk-color-link-primary, #00112c);
2039
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2040
- outline-color: var(--adyen-sdk-color-link-primary, #00112c);
2043
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2044
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2045
+ outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
2041
2046
  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
2042
2047
  text-decoration: none;
2043
2048
  }
2044
2049
 
2045
2050
  .adyen-kyc-link-default {
2046
- color: var(--adyen-sdk-color-link-primary, #00112c);
2051
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2047
2052
  }
2048
2053
  @media (hover: hover) {
2049
2054
  .adyen-kyc-link-default:hover {
2050
- color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2051
- fill: var(--adyen-sdk-color-link-primary-hover, #5c687c);
2055
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2056
+ fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2052
2057
  text-decoration: none;
2053
2058
  }
2054
2059
  }
2055
2060
  .adyen-kyc-link-default:active {
2056
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2057
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2061
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2062
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2058
2063
  text-decoration: none;
2059
2064
  }
2060
2065
 
@@ -2063,14 +2068,14 @@
2063
2068
  }
2064
2069
  @media (hover: hover) {
2065
2070
  .adyen-kyc-link-inline:hover {
2066
- color: var(--adyen-sdk-color-link-primary, #00112c);
2067
- fill: var(--adyen-sdk-color-link-primary, #00112c);
2071
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2072
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2068
2073
  text-decoration: none;
2069
2074
  }
2070
2075
  }
2071
2076
  .adyen-kyc-link-inline:active {
2072
- color: var(--adyen-sdk-color-link-primary-active, #6d7789);
2073
- fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
2077
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2078
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2074
2079
  text-decoration: none;
2075
2080
  }/* for container queries */
2076
2081
  .adyen-kyc-radio-group-card {
@@ -2091,7 +2096,7 @@
2091
2096
  }
2092
2097
  }
2093
2098
  .adyen-kyc-radio-group-card__subtitle {
2094
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2099
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2095
2100
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2096
2101
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2097
2102
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2115,7 +2120,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2115
2120
  right: var(--adyen-sdk-spacer-070, 16px);
2116
2121
  top: var(--adyen-sdk-spacer-070, 16px);
2117
2122
  }.adyen-kyc-radio-card {
2118
- border: var(--adyen-kyc-border-default-s);
2123
+ border: var(--adyen-sdk-border-default-s);
2119
2124
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2120
2125
  cursor: pointer;
2121
2126
  display: block;
@@ -2137,14 +2142,14 @@ input.adyen-kyc-radio-group-card__radio--floating {
2137
2142
  width: 18px;
2138
2143
  }
2139
2144
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
2140
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2145
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2141
2146
  }
2142
2147
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
2143
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
2148
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
2144
2149
  }
2145
2150
 
2146
2151
  .adyen-kyc-radio-card__body {
2147
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2152
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2148
2153
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2149
2154
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2150
2155
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -2162,7 +2167,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
2162
2167
  .adyen-kyc-input-radio__input {
2163
2168
  appearance: none;
2164
2169
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2165
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2170
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2166
2171
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2167
2172
  cursor: pointer;
2168
2173
  display: inline-block;
@@ -2196,35 +2201,35 @@ input.adyen-kyc-radio-group-card__radio--floating {
2196
2201
  width: 6px;
2197
2202
  }
2198
2203
  .adyen-kyc-input-radio__input:checked {
2199
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2200
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2204
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
2205
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2201
2206
  }
2202
2207
  .adyen-kyc-input-radio__input:checked::before {
2203
2208
  opacity: 1;
2204
2209
  transform: scale(1);
2205
2210
  }
2206
2211
  .adyen-kyc-input-radio__input:checked:hover {
2207
- border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
2208
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
2212
+ border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6c7782);
2213
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
2209
2214
  }
2210
2215
  .adyen-kyc-input-radio__input:checked:disabled:hover {
2211
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2212
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2216
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2217
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2213
2218
  }
2214
2219
  .adyen-kyc-input-radio__input:checked:disabled::before {
2215
- background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2220
+ background-color: var(--adyen-sdk-color-outline-tertiary, #8c959d);
2216
2221
  }
2217
2222
  .adyen-kyc-input-radio__input:hover {
2218
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
2223
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2219
2224
  }
2220
2225
  .adyen-kyc-input-radio__input:focus {
2221
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
2226
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
2222
2227
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2223
2228
  transition-property: box-shadow;
2224
2229
  }
2225
2230
  .adyen-kyc-input-radio__input:disabled {
2226
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2227
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2231
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2232
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
2228
2233
  cursor: not-allowed;
2229
2234
  }
2230
2235
 
@@ -2324,7 +2329,7 @@ fieldset {
2324
2329
 
2325
2330
  .adyen-kyc-search-address--below {
2326
2331
  align-items: start;
2327
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2332
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2328
2333
  display: flex;
2329
2334
  justify-content: space-between;
2330
2335
  }
@@ -2336,14 +2341,14 @@ fieldset {
2336
2341
  }
2337
2342
  .adyen-kyc-search-address--below-location .adyen-kyc-icon {
2338
2343
  display: flex;
2339
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2344
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2340
2345
  margin-right: var(--adyen-sdk-spacer-020, 4px);
2341
2346
  }.adyen-kyc-search-address-field-hide {
2342
2347
  display: none;
2343
2348
  }.adyen-kyc-verified-business-card {
2344
2349
  display: flex;
2345
2350
  flex-direction: column;
2346
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2351
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2347
2352
  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
2348
2353
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2349
2354
  }
@@ -2399,7 +2404,7 @@ fieldset {
2399
2404
  flex: 1;
2400
2405
  }
2401
2406
  .adyen-kyc-structured-list-section-label {
2402
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2407
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2403
2408
  }
2404
2409
  .adyen-kyc-structured-list-section-data {
2405
2410
  margin: var(--adyen-sdk-spacer-000, 0px);
@@ -2426,8 +2431,12 @@ fieldset {
2426
2431
  border: none;
2427
2432
  padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
2428
2433
  margin: 0;
2429
- }.adyen-kyc-business-selection--loading {
2430
- min-height: 228px;
2434
+ }.adyen-kyc-business-selection {
2435
+ height: 100%;
2436
+ width: 100%;
2437
+ }
2438
+ .adyen-kyc-business-selection--loading {
2439
+ min-height: 50vh;
2431
2440
  display: flex;
2432
2441
  flex-direction: column;
2433
2442
  align-items: center;
@@ -2446,7 +2455,7 @@ fieldset {
2446
2455
  text-wrap: nowrap;
2447
2456
  }.adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
2448
2457
  margin-top: -1px;
2449
- border-top: var(--adyen-kyc-border-default-s);
2458
+ border-top: var(--adyen-sdk-border-default-s);
2450
2459
  }
2451
2460
  .adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):first-of-type {
2452
2461
  border-bottom-left-radius: 0;
@@ -2503,17 +2512,17 @@ fieldset {
2503
2512
  align-items: center;
2504
2513
  }.adyen-kyc-card {
2505
2514
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2506
- border: var(--adyen-kyc-border-default-s);
2515
+ border: var(--adyen-sdk-border-default-s);
2507
2516
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2508
2517
  display: block;
2509
2518
  outline: none;
2510
2519
  }
2511
2520
  .adyen-kyc-card--secondary {
2512
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2521
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2513
2522
  }
2514
2523
 
2515
2524
  .adyen-kyc-card.adyen-kyc-card--stateful {
2516
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2525
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2517
2526
  cursor: pointer;
2518
2527
  transition-duration: 0.2s;
2519
2528
  transition-property: border-color, box-shadow;
@@ -2521,36 +2530,36 @@ fieldset {
2521
2530
  position: relative;
2522
2531
  }
2523
2532
  .adyen-kyc-card.adyen-kyc-card--stateful:hover {
2524
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
2533
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
2525
2534
  z-index: 1;
2526
2535
  }
2527
2536
  .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
2528
2537
  z-index: 2;
2529
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2538
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2530
2539
  }
2531
2540
  .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
2532
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
2541
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
2533
2542
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2534
2543
  transition-property: box-shadow;
2535
2544
  }
2536
2545
 
2537
2546
  .adyen-kyc-card.adyen-kyc-card--active {
2538
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2547
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2539
2548
  cursor: pointer;
2540
2549
  transition-duration: 0.2s;
2541
2550
  transition-property: border-color, box-shadow;
2542
2551
  transition-timing-function: ease;
2543
2552
  }
2544
2553
  .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
2545
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
2554
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
2546
2555
  }
2547
2556
  .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
2548
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2557
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2549
2558
  }
2550
2559
 
2551
2560
  .adyen-kyc-card.adyen-kyc-card--disabled {
2552
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2553
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
2561
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2562
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
2554
2563
  cursor: not-allowed;
2555
2564
  }
2556
2565
 
@@ -2645,28 +2654,28 @@ fieldset {
2645
2654
  position: relative !important;
2646
2655
  }
2647
2656
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
2648
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2657
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2649
2658
  }
2650
2659
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
2651
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
2660
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
2652
2661
  }
2653
2662
  .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
2654
- background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #283750) !important;
2663
+ background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #273746) !important;
2655
2664
  }
2656
2665
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
2657
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2666
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2658
2667
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2659
2668
  }
2660
2669
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
2661
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c) !important;
2670
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874) !important;
2662
2671
  }
2663
2672
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
2664
2673
  border-bottom-style: none !important;
2665
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2674
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2666
2675
  }
2667
2676
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
2668
2677
  background: none !important;
2669
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2678
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2670
2679
  text-decoration: underline !important;
2671
2680
  }
2672
2681
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
@@ -2683,28 +2692,28 @@ fieldset {
2683
2692
  display: flex;
2684
2693
  padding: var(--adyen-sdk-spacer-020, 4px);
2685
2694
  background: var(--adyen-sdk-color-background-primary, #ffffff);
2686
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
2695
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
2687
2696
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2688
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
2689
- color: var(--adyen-sdk-color-label-primary, #00112c);
2697
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
2698
+ color: var(--adyen-sdk-color-label-primary, #001222);
2690
2699
  font-family: inherit;
2691
2700
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2692
2701
  outline: none;
2693
2702
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
2694
2703
  }
2695
2704
  .adyen-kyc-input-group:hover {
2696
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
2705
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
2697
2706
  }
2698
2707
  .adyen-kyc-input-group--invalid {
2699
2708
  padding-right: var(--adyen-sdk-spacer-120, 48px);
2700
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
2709
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
2701
2710
  }
2702
2711
  .adyen-kyc-input-group--focused {
2703
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2704
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2712
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2713
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
2705
2714
  }
2706
2715
  .adyen-kyc-input-group--focused:hover {
2707
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
2716
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
2708
2717
  }
2709
2718
  .adyen-kyc-input-group .adyen-kyc-input {
2710
2719
  line-height: normal;
@@ -2763,7 +2772,7 @@ fieldset {
2763
2772
  }
2764
2773
 
2765
2774
  .adyen-kyc-summary-list-header-title {
2766
- color: var(--adyen-sdk-color-label-primary, #00112c);
2775
+ color: var(--adyen-sdk-color-label-primary, #001222);
2767
2776
  flex-grow: 1;
2768
2777
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
2769
2778
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -2785,7 +2794,7 @@ fieldset {
2785
2794
  }
2786
2795
 
2787
2796
  .adyen-kyc-summary-list-item-key {
2788
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2797
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2789
2798
  flex: 1;
2790
2799
  margin: 0;
2791
2800
  }
@@ -2802,7 +2811,7 @@ fieldset {
2802
2811
  }
2803
2812
 
2804
2813
  .adyen-kyc-summary-content-legal-caption {
2805
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2814
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2806
2815
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
2807
2816
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
2808
2817
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -2811,7 +2820,7 @@ fieldset {
2811
2820
  }
2812
2821
  @media (prefers-contrast: more) or (prefers-reduced-transparency) {
2813
2822
  .adyen-kyc-summary-content-legal-caption {
2814
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2823
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2815
2824
  }
2816
2825
  }
2817
2826
 
@@ -3267,7 +3276,7 @@ fieldset {
3267
3276
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3268
3277
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3269
3278
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3270
- color: var(--adyen-sdk-color-label-primary, #00112c);
3279
+ color: var(--adyen-sdk-color-label-primary, #001222);
3271
3280
  }
3272
3281
  .adyen-kyc-ui-element-container p,
3273
3282
  .adyen-kyc-ui-element-container ol,
@@ -3304,7 +3313,8 @@ fieldset {
3304
3313
  */
3305
3314
  @layer default;
3306
3315
  @layer default {
3307
- :root {
3316
+ :root,
3317
+ :host {
3308
3318
  --adyen-sdk-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
3309
3319
  --adyen-sdk-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
3310
3320
  --adyen-sdk-animation-easing-exit: cubic-bezier(0.4, 0, 1, 1);
@@ -3313,160 +3323,168 @@ fieldset {
3313
3323
  --adyen-sdk-animation-duration-moderate: 150ms;
3314
3324
  --adyen-sdk-animation-duration-slow: 250ms;
3315
3325
  --adyen-sdk-color-background-primary: #ffffff;
3316
- --adyen-sdk-color-background-primary-hover: #f7f7f8;
3317
- --adyen-sdk-color-background-primary-active: #eeeff1;
3318
- --adyen-sdk-color-background-secondary: #f7f7f8;
3319
- --adyen-sdk-color-background-secondary-hover: #eeeff1;
3320
- --adyen-sdk-color-background-secondary-active: #e3e5e9;
3321
- --adyen-sdk-color-background-tertiary: #eeeff1;
3322
- --adyen-sdk-color-background-tertiary-hover: #e3e5e9;
3323
- --adyen-sdk-color-background-tertiary-active: #dbdee2;
3324
- --adyen-sdk-color-background-quaternary: #c0c5cc;
3325
- --adyen-sdk-color-background-quaternary-hover: #b8bdc6;
3326
- --adyen-sdk-color-background-quaternary-active: #afb5bf;
3326
+ --adyen-sdk-color-background-primary-hover: #f4f5f6;
3327
+ --adyen-sdk-color-background-primary-active: #ecedef;
3328
+ --adyen-sdk-color-background-secondary: #f4f5f6;
3329
+ --adyen-sdk-color-background-secondary-hover: #ecedef;
3330
+ --adyen-sdk-color-background-secondary-active: #e2e5e7;
3331
+ --adyen-sdk-color-background-tertiary: #ecedef;
3332
+ --adyen-sdk-color-background-tertiary-hover: #e2e5e7;
3333
+ --adyen-sdk-color-background-tertiary-active: #dadddf;
3334
+ --adyen-sdk-color-background-quaternary: #c0c5ca;
3335
+ --adyen-sdk-color-background-quaternary-hover: #b7bdc2;
3336
+ --adyen-sdk-color-background-quaternary-active: #aeb5ba;
3327
3337
  --adyen-sdk-color-background-modal: #ffffff;
3328
- --adyen-sdk-color-background-modal-hover: #f7f7f8;
3329
- --adyen-sdk-color-background-modal-active: #eeeff1;
3330
- --adyen-sdk-color-background-disabled: #eeeff1;
3331
- --adyen-sdk-color-background-selected: #e3f0ff;
3332
- --adyen-sdk-color-background-critical-weak: #fef4f4;
3333
- --adyen-sdk-color-background-critical-strong: #e22d2d;
3334
- --adyen-sdk-color-background-critical-strong-hover: #c72727;
3335
- --adyen-sdk-color-background-critical-strong-active: #791818;
3336
- --adyen-sdk-color-background-warning-weak: #fff5e9;
3337
- --adyen-sdk-color-background-warning-strong: #dd7d00;
3338
- --adyen-sdk-color-background-success-weak: #edfaf3;
3339
- --adyen-sdk-color-background-success-strong: #07893c;
3340
- --adyen-sdk-color-background-highlight-weak: #f2f8ff;
3341
- --adyen-sdk-color-background-highlight-strong: #0070f5;
3342
- --adyen-sdk-color-background-inverse-primary: #00112c;
3343
- --adyen-sdk-color-background-inverse-primary-hover: #5c687c;
3344
- --adyen-sdk-color-background-inverse-primary-active: #6d7789;
3345
- --adyen-sdk-color-background-inverse-secondary: #1a2a44;
3346
- --adyen-sdk-color-background-inverse-secondary-hover: #283750;
3347
- --adyen-sdk-color-background-inverse-secondary-active: #37455d;
3348
- --adyen-sdk-color-background-inverse-disabled: #283750;
3349
- --adyen-sdk-color-background-inverse-critical-weak: #611313;
3350
- --adyen-sdk-color-background-inverse-critical-strong: #f99c9c;
3351
- --adyen-sdk-color-background-inverse-critical-strong-hover: #fbbdbd;
3352
- --adyen-sdk-color-background-inverse-critical-strong-active: #fddfdf;
3338
+ --adyen-sdk-color-background-modal-hover: #f4f5f6;
3339
+ --adyen-sdk-color-background-modal-active: #ecedef;
3340
+ --adyen-sdk-color-background-disabled: #ecedef;
3341
+ --adyen-sdk-color-background-selected: #e3effb;
3342
+ --adyen-sdk-color-background-spotlight: #ffe379;
3343
+ --adyen-sdk-color-background-critical-weak: #fff3ef;
3344
+ --adyen-sdk-color-background-critical-strong: #dc3801;
3345
+ --adyen-sdk-color-background-critical-strong-hover: #c13101;
3346
+ --adyen-sdk-color-background-critical-strong-active: #751e00;
3347
+ --adyen-sdk-color-background-warning-weak: #fff4e5;
3348
+ --adyen-sdk-color-background-warning-strong: #d77f00;
3349
+ --adyen-sdk-color-background-success-weak: #e4faef;
3350
+ --adyen-sdk-color-background-success-strong: #008845;
3351
+ --adyen-sdk-color-background-highlight-weak: #f0f6fd;
3352
+ --adyen-sdk-color-background-highlight-strong: #0f75dc;
3353
+ --adyen-sdk-color-background-inverse-primary: #001222;
3354
+ --adyen-sdk-color-background-inverse-primary-hover: #5c6874;
3355
+ --adyen-sdk-color-background-inverse-primary-active: #6c7782;
3356
+ --adyen-sdk-color-background-inverse-secondary: #1a2b3b;
3357
+ --adyen-sdk-color-background-inverse-secondary-hover: #273746;
3358
+ --adyen-sdk-color-background-inverse-secondary-active: #364553;
3359
+ --adyen-sdk-color-background-inverse-disabled: #273746;
3360
+ --adyen-sdk-color-background-inverse-critical-weak: #5c1800;
3361
+ --adyen-sdk-color-background-inverse-critical-strong: #ff9a78;
3362
+ --adyen-sdk-color-background-inverse-critical-strong-hover: #ffbda6;
3363
+ --adyen-sdk-color-background-inverse-critical-strong-active: #ffded3;
3353
3364
  --adyen-sdk-color-background-always-light: #ffffff;
3354
- --adyen-sdk-color-background-always-light-hover: #f7f7f8;
3355
- --adyen-sdk-color-background-always-light-active: #eeeff1;
3356
- --adyen-sdk-color-background-always-light-disabled: #eeeff1;
3357
- --adyen-sdk-color-background-always-light-selected: #e3f0ff;
3358
- --adyen-sdk-color-background-always-dark: #00112c;
3359
- --adyen-sdk-color-background-always-dark-hover: #5c687c;
3360
- --adyen-sdk-color-background-always-dark-active: #8d95a3;
3361
- --adyen-sdk-color-background-always-dark-disabled: #eeeff1;
3362
- --adyen-sdk-color-background-always-dark-selected: #002f68;
3363
- --adyen-sdk-color-background-always-dark-primary: #00112c;
3364
- --adyen-sdk-color-background-always-dark-primary-hover: #14243e;
3365
- --adyen-sdk-color-background-always-dark-primary-active: #22314a;
3366
- --adyen-sdk-color-background-always-dark-primary-disabled: #eeeff1;
3367
- --adyen-sdk-color-background-always-dark-primary-selected: #002f68;
3368
- --adyen-sdk-color-background-always-dark-secondary: #22314a;
3369
- --adyen-sdk-color-background-always-dark-secondary-hover: #37455d;
3370
- --adyen-sdk-color-background-always-dark-secondary-active: #455368;
3371
- --adyen-sdk-color-background-always-dark-secondary-disabled: #eeeff1;
3372
- --adyen-sdk-color-background-always-dark-secondary-selected: #002f68;
3373
- --adyen-sdk-color-background-always-dark-tertiary: #2f3e56;
3374
- --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c62;
3375
- --adyen-sdk-color-background-always-dark-tertiary-active: #455368;
3376
- --adyen-sdk-color-background-always-dark-tertiary-disabled: #eeeff1;
3377
- --adyen-sdk-color-background-always-dark-tertiary-selected: #002f68;
3378
- --adyen-sdk-color-label-primary: #00112c;
3379
- --adyen-sdk-color-label-primary-hover: #5c687c;
3380
- --adyen-sdk-color-label-primary-active: #6d7789;
3381
- --adyen-sdk-color-label-secondary: #5c687c;
3382
- --adyen-sdk-color-label-tertiary: #8d95a3;
3383
- --adyen-sdk-color-label-disabled: #8d95a3;
3384
- --adyen-sdk-color-label-critical: #e22d2d;
3385
- --adyen-sdk-color-label-critical-hover: #c72727;
3386
- --adyen-sdk-color-label-critical-active: #791818;
3387
- --adyen-sdk-color-label-warning: #b06300;
3388
- --adyen-sdk-color-label-highlight: #0070f5;
3389
- --adyen-sdk-color-label-success: #07893c;
3365
+ --adyen-sdk-color-background-always-light-hover: #f4f5f6;
3366
+ --adyen-sdk-color-background-always-light-active: #ecedef;
3367
+ --adyen-sdk-color-background-always-light-disabled: #ecedef;
3368
+ --adyen-sdk-color-background-always-light-selected: #e3effb;
3369
+ --adyen-sdk-color-background-always-dark: #001222;
3370
+ --adyen-sdk-color-background-always-dark-hover: #5c6874;
3371
+ --adyen-sdk-color-background-always-dark-active: #8c959d;
3372
+ --adyen-sdk-color-background-always-dark-disabled: #ecedef;
3373
+ --adyen-sdk-color-background-always-dark-selected: #00305f;
3374
+ --adyen-sdk-color-background-always-dark-primary: #001222;
3375
+ --adyen-sdk-color-background-always-dark-primary-hover: #132434;
3376
+ --adyen-sdk-color-background-always-dark-primary-active: #213140;
3377
+ --adyen-sdk-color-background-always-dark-primary-disabled: #ecedef;
3378
+ --adyen-sdk-color-background-always-dark-primary-selected: #00305f;
3379
+ --adyen-sdk-color-background-always-dark-secondary: #213140;
3380
+ --adyen-sdk-color-background-always-dark-secondary-hover: #364553;
3381
+ --adyen-sdk-color-background-always-dark-secondary-active: #455460;
3382
+ --adyen-sdk-color-background-always-dark-secondary-disabled: #ecedef;
3383
+ --adyen-sdk-color-background-always-dark-secondary-selected: #00305f;
3384
+ --adyen-sdk-color-background-always-dark-tertiary: #2f3e4d;
3385
+ --adyen-sdk-color-background-always-dark-tertiary-hover: #3d4c5a;
3386
+ --adyen-sdk-color-background-always-dark-tertiary-active: #455460;
3387
+ --adyen-sdk-color-background-always-dark-tertiary-disabled: #ecedef;
3388
+ --adyen-sdk-color-background-always-dark-tertiary-selected: #00305f;
3389
+ --adyen-sdk-color-label-primary: #001222;
3390
+ --adyen-sdk-color-label-primary-hover: #5c6874;
3391
+ --adyen-sdk-color-label-primary-active: #6c7782;
3392
+ --adyen-sdk-color-label-secondary: #5c6874;
3393
+ --adyen-sdk-color-label-tertiary: #8c959d;
3394
+ --adyen-sdk-color-label-disabled: #8c959d;
3395
+ --adyen-sdk-color-label-critical: #dc3801;
3396
+ --adyen-sdk-color-label-critical-hover: #c13101;
3397
+ --adyen-sdk-color-label-critical-active: #751e00;
3398
+ --adyen-sdk-color-label-warning: #ab6600;
3399
+ --adyen-sdk-color-label-highlight: #0f75dc;
3400
+ --adyen-sdk-color-label-success: #008845;
3390
3401
  --adyen-sdk-color-label-on-color: #ffffff;
3391
3402
  --adyen-sdk-color-label-inverse-primary: #ffffff;
3392
- --adyen-sdk-color-label-inverse-primary-hover: #f7f7f8;
3393
- --adyen-sdk-color-label-inverse-primary-active: #eeeff1;
3394
- --adyen-sdk-color-label-inverse-secondary: #9ea6b1;
3395
- --adyen-sdk-color-label-inverse-disabled: #747f8f;
3396
- --adyen-sdk-color-label-inverse-critical: #f99c9c;
3397
- --adyen-sdk-color-label-inverse-critical-hover: #fbbdbd;
3398
- --adyen-sdk-color-label-inverse-critical-active: #fddfdf;
3399
- --adyen-sdk-color-label-on-background-critical-weak: #c72727;
3400
- --adyen-sdk-color-label-on-background-warning-weak: #9b5700;
3401
- --adyen-sdk-color-label-on-background-success-weak: #067934;
3402
- --adyen-sdk-color-label-on-background-highlight-weak: #0063d7;
3403
+ --adyen-sdk-color-label-inverse-primary-hover: #f4f5f6;
3404
+ --adyen-sdk-color-label-inverse-primary-active: #ecedef;
3405
+ --adyen-sdk-color-label-inverse-secondary: #9da5ac;
3406
+ --adyen-sdk-color-label-inverse-disabled: #737e88;
3407
+ --adyen-sdk-color-label-inverse-critical: #ff9a78;
3408
+ --adyen-sdk-color-label-inverse-critical-hover: #ffbda6;
3409
+ --adyen-sdk-color-label-inverse-critical-active: #ffded3;
3410
+ --adyen-sdk-color-label-on-background-critical-weak: #c13101;
3411
+ --adyen-sdk-color-label-on-background-warning-weak: #955900;
3412
+ --adyen-sdk-color-label-on-background-success-weak: #00773c;
3413
+ --adyen-sdk-color-label-on-background-highlight-weak: #0065c9;
3403
3414
  --adyen-sdk-color-label-always-light: #ffffff;
3404
- --adyen-sdk-color-label-always-light-primary: #eeeff1;
3405
- --adyen-sdk-color-label-always-light-primary-hover: #c9cdd3;
3406
- --adyen-sdk-color-label-always-light-primary-active: #9ea6b1;
3407
- --adyen-sdk-color-label-always-light-secondary: #a7adb8;
3408
- --adyen-sdk-color-label-always-light-secondary-hover: #9ea6b1;
3409
- --adyen-sdk-color-label-always-light-secondary-active: #747f8f;
3410
- --adyen-sdk-color-label-always-light-tertiary: #848e9c;
3411
- --adyen-sdk-color-label-always-light-tertiary-hover: #747f8f;
3412
- --adyen-sdk-color-label-always-light-tertiary-active: #556276;
3413
- --adyen-sdk-color-label-always-dark: #00112c;
3414
- --adyen-sdk-color-link-primary: #00112c;
3415
- --adyen-sdk-color-link-primary-hover: #5c687c;
3416
- --adyen-sdk-color-link-primary-active: #6d7789;
3417
- --adyen-sdk-color-link-primary-disabled: #8d95a3;
3418
- --adyen-sdk-color-outline-primary: #dbdee2;
3419
- --adyen-sdk-color-outline-primary-hover: #c9cdd3;
3420
- --adyen-sdk-color-outline-primary-active: #00112c;
3421
- --adyen-sdk-color-outline-secondary: #c9cdd3;
3422
- --adyen-sdk-color-outline-secondary-hover: #b8bdc6;
3423
- --adyen-sdk-color-outline-secondary-active: #00112c;
3424
- --adyen-sdk-color-outline-tertiary: #8d95a3;
3425
- --adyen-sdk-color-outline-tertiary-hover: #6d7789;
3426
- --adyen-sdk-color-outline-tertiary-active: #00112c;
3427
- --adyen-sdk-color-outline-disabled: #dbdee2;
3428
- --adyen-sdk-color-outline-selected: #00112c;
3429
- --adyen-sdk-color-outline-critical: #e22d2d;
3430
- --adyen-sdk-color-outline-critical-hover: #c72727;
3431
- --adyen-sdk-color-outline-critical-active: #791818;
3432
- --adyen-sdk-color-outline-success: #07893c;
3433
- --adyen-sdk-color-outline-success-hover: #067934;
3434
- --adyen-sdk-color-outline-success-active: #04481f;
3435
- --adyen-sdk-color-outline-inverse-primary: #2f3e56;
3436
- --adyen-sdk-color-outline-inverse-primary-hover: #6d7789;
3437
- --adyen-sdk-color-outline-inverse-primary-active: #9ea6b1;
3438
- --adyen-sdk-color-outline-inverse-disabled: #455368;
3439
- --adyen-sdk-color-outline-inverse-critical: #f99c9c;
3440
- --adyen-sdk-color-outline-inverse-critical-hover: #fbbdbd;
3441
- --adyen-sdk-color-outline-inverse-critical-active: #fddfdf;
3442
- --adyen-sdk-color-separator-primary: #dbdee2;
3443
- --adyen-sdk-color-separator-secondary: #c9cdd3;
3444
- --adyen-sdk-color-separator-inverse-primary: #2f3e56;
3445
- --adyen-sdk-color-separator-inverse-secondary: #5c687c;
3446
- --adyen-sdk-color-decorative-green: #09ab4b;
3447
- --adyen-sdk-color-decorative-blue: #0070f5;
3448
- --adyen-sdk-color-decorative-yellow: #f7bc00;
3449
- --adyen-sdk-color-decorative-orange: #dd7d00;
3450
- --adyen-sdk-color-decorative-red: #e22d2d;
3451
- --adyen-sdk-color-decorative-grey: #c0c5cc;
3452
- --adyen-sdk-color-support-overlay: #00112c;
3453
- --adyen-sdk-color-support-shadow: #00112c;
3415
+ --adyen-sdk-color-label-always-light-primary: #ecedef;
3416
+ --adyen-sdk-color-label-always-light-primary-hover: #c8ccd0;
3417
+ --adyen-sdk-color-label-always-light-primary-active: #959da5;
3418
+ --adyen-sdk-color-label-always-light-secondary: #a6adb3;
3419
+ --adyen-sdk-color-label-always-light-secondary-hover: #959da5;
3420
+ --adyen-sdk-color-label-always-light-secondary-active: #737e88;
3421
+ --adyen-sdk-color-label-always-light-tertiary: #848d96;
3422
+ --adyen-sdk-color-label-always-light-tertiary-hover: #737e88;
3423
+ --adyen-sdk-color-label-always-light-tertiary-active: #54616d;
3424
+ --adyen-sdk-color-label-always-dark: #001222;
3425
+ --adyen-sdk-color-link-primary: #0065c9;
3426
+ --adyen-sdk-color-link-primary-hover: #0f75dc;
3427
+ --adyen-sdk-color-link-primary-active: #0f75dc;
3428
+ --adyen-sdk-color-link-primary-disabled: #8c959d;
3429
+ --adyen-sdk-color-link-primary-visited: #540884;
3430
+ --adyen-sdk-color-link-primary-visited-hover: #710ab3;
3431
+ --adyen-sdk-color-link-primary-visited-active: #710ab3;
3432
+ --adyen-sdk-color-link-quiet: #001222;
3433
+ --adyen-sdk-color-link-quiet-hover: #5c6874;
3434
+ --adyen-sdk-color-link-quiet-active: #5c6874;
3435
+ --adyen-sdk-color-link-quiet-disabled: #8c959d;
3436
+ --adyen-sdk-color-outline-primary: #dadddf;
3437
+ --adyen-sdk-color-outline-primary-hover: #c8ccd0;
3438
+ --adyen-sdk-color-outline-primary-active: #001222;
3439
+ --adyen-sdk-color-outline-secondary: #c8ccd0;
3440
+ --adyen-sdk-color-outline-secondary-hover: #b7bdc2;
3441
+ --adyen-sdk-color-outline-secondary-active: #001222;
3442
+ --adyen-sdk-color-outline-tertiary: #8c959d;
3443
+ --adyen-sdk-color-outline-tertiary-hover: #6c7782;
3444
+ --adyen-sdk-color-outline-tertiary-active: #001222;
3445
+ --adyen-sdk-color-outline-disabled: #dadddf;
3446
+ --adyen-sdk-color-outline-selected: #001222;
3447
+ --adyen-sdk-color-outline-critical: #dc3801;
3448
+ --adyen-sdk-color-outline-critical-hover: #c13101;
3449
+ --adyen-sdk-color-outline-critical-active: #751e00;
3450
+ --adyen-sdk-color-outline-success: #008845;
3451
+ --adyen-sdk-color-outline-success-hover: #00773c;
3452
+ --adyen-sdk-color-outline-success-active: #004724;
3453
+ --adyen-sdk-color-outline-inverse-primary: #2f3e4d;
3454
+ --adyen-sdk-color-outline-inverse-primary-hover: #6c7782;
3455
+ --adyen-sdk-color-outline-inverse-primary-active: #9da5ac;
3456
+ --adyen-sdk-color-outline-inverse-disabled: #455460;
3457
+ --adyen-sdk-color-outline-inverse-critical: #ff9a78;
3458
+ --adyen-sdk-color-outline-inverse-critical-hover: #ffbda6;
3459
+ --adyen-sdk-color-outline-inverse-critical-active: #ffded3;
3460
+ --adyen-sdk-color-separator-primary: #dadddf;
3461
+ --adyen-sdk-color-separator-secondary: #c8ccd0;
3462
+ --adyen-sdk-color-separator-inverse-primary: #2f3e4d;
3463
+ --adyen-sdk-color-separator-inverse-secondary: #5c6874;
3464
+ --adyen-sdk-color-decorative-green: #00d16a;
3465
+ --adyen-sdk-color-decorative-blue: #006bd7;
3466
+ --adyen-sdk-color-decorative-yellow: #f9c500;
3467
+ --adyen-sdk-color-decorative-orange: #f99300;
3468
+ --adyen-sdk-color-decorative-red: #f73f01;
3469
+ --adyen-sdk-color-decorative-grey: #848d96;
3470
+ --adyen-sdk-color-support-overlay: #001222;
3471
+ --adyen-sdk-color-support-shadow: #001222;
3454
3472
  --adyen-sdk-text-font-variant-numeric: normal;
3455
3473
  --adyen-sdk-text-rich-text-heading-margin: 32px 0 10px 0;
3456
3474
  --adyen-sdk-text-rich-text-heading-font-weight: 700;
3457
3475
  --adyen-sdk-text-rich-text-paragraph-margin: 0 0 8px 0;
3458
3476
  --adyen-sdk-text-rich-text-list-padding-left: 20px;
3459
3477
  --adyen-sdk-text-rich-text-list-margin: 0 0 4px 0;
3460
- --adyen-sdk-text-rich-text-code-background-color: #f7f7f8;
3478
+ --adyen-sdk-text-rich-text-code-background-color: #f4f5f6;
3461
3479
  --adyen-sdk-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
3462
3480
  --adyen-sdk-text-rich-text-code-font-weight: 500;
3463
3481
  --adyen-sdk-text-rich-text-pre-margin: 16px 0 16px 0;
3464
3482
  --adyen-sdk-text-rich-text-pre-padding: 10px 16px;
3465
3483
  --adyen-sdk-text-rich-text-pre-line-height: 24px;
3466
- --adyen-sdk-text-rich-text-mark-background-color: #f2f8ff;
3484
+ --adyen-sdk-text-rich-text-mark-background-color: #f0f6fd;
3467
3485
  --adyen-sdk-text-rich-text-blockquote-font-weight: 500;
3468
3486
  --adyen-sdk-text-rich-text-blockquote-margin: 16px 0 16px 16px;
3469
- --adyen-sdk-text-rich-text-table-border: 1px solid #dbdee2;
3487
+ --adyen-sdk-text-rich-text-table-border: 1px solid #dadddf;
3470
3488
  --adyen-sdk-text-rich-text-table-line-height: 20px;
3471
3489
  --adyen-sdk-text-rich-text-table-margin: 16px 0 16px 0;
3472
3490
  --adyen-sdk-text-rich-text-table-padding: 10px 16px;
@@ -3527,7 +3545,7 @@ fieldset {
3527
3545
  --adyen-sdk-text-title-l-letter-spacing: 0;
3528
3546
  --adyen-sdk-text-title-l-mobile-font-size: 20px;
3529
3547
  --adyen-sdk-text-title-l-mobile-line-height: 30px;
3530
- --adyen-sdk-focus-ring-color: rgba(0, 112, 245, 0.8);
3548
+ --adyen-sdk-focus-ring-color: rgba(15, 117, 220, 0.8);
3531
3549
  --adyen-sdk-focus-ring-spacer: 1px;
3532
3550
  --adyen-sdk-focus-ring-outline: 3px;
3533
3551
  --adyen-sdk-spacer-100: 32px;
@@ -3556,12 +3574,12 @@ fieldset {
3556
3574
  --adyen-sdk-media-query-xl-min: 1280px;
3557
3575
  --adyen-sdk-media-query-xl-max: 1535px;
3558
3576
  --adyen-sdk-media-query-xxl: 1536px;
3559
- --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
3560
- --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
3561
- --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
3562
- --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);
3563
- --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);
3564
- --adyen-sdk-shadow-high-border: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06), 0px 0px 0px 1px rgba(0, 17, 44, 0.06);
3577
+ --adyen-sdk-shadow-low: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02);
3578
+ --adyen-sdk-shadow-medium: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04);
3579
+ --adyen-sdk-shadow-high: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06);
3580
+ --adyen-sdk-shadow-low-border: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1);
3581
+ --adyen-sdk-shadow-medium-border: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1);
3582
+ --adyen-sdk-shadow-high-border: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1);
3565
3583
  --adyen-sdk-border-radius-xs: 2px;
3566
3584
  --adyen-sdk-border-radius-s: 4px;
3567
3585
  --adyen-sdk-border-radius-m: 8px;
@@ -3581,12 +3599,13 @@ fieldset {
3581
3599
  --adyen-sdk-z-index-local-tier-4: 4;
3582
3600
  }
3583
3601
  }
3584
- :root {
3585
- --adyen-kyc-border-default-s: var(--adyen-sdk-border-width-s) solid
3602
+ :root,
3603
+ :host {
3604
+ --adyen-sdk-border-default-s: var(--adyen-sdk-border-width-s) solid
3586
3605
  var(--adyen-sdk-color-outline-primary);
3587
- --adyen-kyc-border-default-m: var(--adyen-sdk-border-width-m) solid
3606
+ --adyen-sdk-border-default-m: var(--adyen-sdk-border-width-m) solid
3588
3607
  var(--adyen-sdk-color-outline-primary);
3589
- --adyen-kyc-border-default-l: var(--adyen-sdk-border-width-l) solid
3608
+ --adyen-sdk-border-default-l: var(--adyen-sdk-border-width-l) solid
3590
3609
  var(--adyen-sdk-color-outline-primary);
3591
3610
  }
3592
3611
  .adyen-kyc-u-screen-reader-only {
@@ -3611,17 +3630,17 @@ fieldset {
3611
3630
  outline: 0.5em solid var(--adyen-skd-color-background-success-weak);
3612
3631
  }
3613
3632
  .adyen-contract-viewer .adyen-document-viewer {
3614
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3615
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3633
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #001222);
3634
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
3616
3635
  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3617
3636
  --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3618
3637
  --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3619
- --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
3620
- --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
3621
- --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #eeeff1);
3638
+ --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3639
+ --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
3640
+ --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #ecedef);
3622
3641
  --adv-accordion-content-padding: 0;
3623
- --adv-icon-color: var(--adyen-sdk-color-label-primary, #00112c);
3624
- --adv-link-color: var(--adyen-sdk-color-link-primary, #00112c);
3642
+ --adv-icon-color: var(--adyen-sdk-color-label-primary, #001222);
3643
+ --adv-link-color: var(--adyen-sdk-color-link-primary, #0065c9);
3625
3644
  }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-bigskip{height:var(--adv-text-font-size-medium)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.adv-heading{display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);margin:0;padding:0;text-align:var(--adv-heading-text-align)}.adv-heading--2{font-size:var(--adv-heading-2-font-size);font-weight:var(--adv-heading-2-font-weight);line-height:var(--adv-heading-2-line-height)}.adv-link{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.adv-link{background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;padding:0;text-decoration:var(--adv-link-text-decoration);text-overflow:ellipsis;vertical-align:baseline}.adv-link:hover{text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:active{color:var(--adv-link-active-color)}.adv-link:focus{outline:var(--adv-link-focus-outline);text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:visited{color:var(--adv-link-visited-color)}.adv-list{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.adv-list{display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list--no-markers{list-style:var(--adv-list-no-markers-list-style);padding:var(--adv-list-no-markers-padding)}.adv-list--no-markers .adv-list__item{padding-left:0}.adv-list__item{padding:var(--adv-list-item-padding)}.adv-list__item--no-marker{list-style:var(--adv-list-no-markers-list-style)}.adv-list--nested{list-style-type:circle;padding:var(--adv-list-nested-padding)}.adv-list--ordered{list-style-type:decimal}.adv-paragraph{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.adv-paragraph{margin-bottom:0;margin-top:0}.adv-paragraph:not(:first-child){margin-top:var(--adv-spacing-16)}.adv-section-box{background-color:var(--adv-section-background-color);border-radius:var(--adv-section-border-radius);margin:var(--adv-section-margin);padding:var(--adv-section-padding)}.adv-accordion__item{border-bottom:var(--adv-accordion-item-border-width) solid var(--adv-accordion-between-items-border-color);border-top:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);position:relative}.adv-accordion__item:last-child{border-bottom-color:var(--adv-accordion-item-border-color)}.adv-accordion__item--open{overflow:visible}.adv-accordion__header{color:var(--adv-accordion-header-color);cursor:pointer;display:flex;padding:var(--adv-accordion-header-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__header:hover{background-color:var(--adv-accordion-header-hover-background-color)}.adv-accordion__header:active{background-color:var(--adv-accordion-header-active-background-color)}.adv-accordion__header:focus{box-shadow:0 0 0 var(--adv-focus-ring-distance) var(--adv-focus-ring-background-color),0 0 0 var(--adv-focus-ring-width) var(--adv-focus-ring-color);transition:var(--adv-focus-ring-transition-duration) var(--adv-focus-ring-timing-function);transition-property:box-shadow;outline:none}.adv-accordion__title-wrapper{flex:1}.adv-accordion__title{color:var(--adv-accordion-title-color);font-weight:var(--adv-accordion-header-font-weight)}.adv-accordion__toggle{line-height:1;margin:var(--adv-accordion-toggle-margin);padding:var(--adv-accordion-toggle-padding);width:var(--adv-accordion-toggle-width)}.adv-accordion__content{box-sizing:border-box;margin:var(--adv-accordion-content-margin);overflow-x:auto;overflow-y:hidden;padding:var(--adv-accordion-content-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__item>.adv-accordion__content{margin:var(--adv-accordion-content-closed-margin)}.adv-accordion__item--open>.adv-accordion__content{margin:var(--adv-accordion-content-margin)}.adv-accordion--max-height-transition .adv-accordion__item>.adv-accordion__content{max-height:0;transition-duration:var(--adv-accordion-css-animated-transition-duration);transition-property:var(--adv-accordion-css-animated-transition-property)}.adv-accordion--max-height-transition .adv-accordion__item--open>.adv-accordion__content{max-height:var(--adv-accordion-css-animated-max-height)}.adv-collapsible-container{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.adv-collapsible-container{overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-icon{display:inline-block;fill:var(--adv-icon-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:relative;speak:none;text-transform:none;vertical-align:baseline}.adv-table{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-table *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.adv-table{border:var(--adv-table-border);border-collapse:collapse;border-spacing:0;line-height:var(--adv-table-line-height);margin:var(--adv-table-margin);padding:var(--adv-table-padding);text-align:left;width:var(--adv-table-width)}.adv-table--condensed .adv-table__cell{font-size:var(--adv-table-condensed-font-size);padding:var(--adv-table-condensed-cell-padding)}.adv-table__row{vertical-align:var(--adv-table-vertical-align);border-bottom:var(--adv-table-row-border)}.adv-table__row--changed{background-color:var(--adv-table-row-changed-background-color)}.adv-table__body{vertical-align:var(--adv-table-vertical-align)}.adv-table__body .adv-table__row:hover{background-color:var(--adv-table-row-changed-background-color)}.adv-table__cell{border-left:var(--adv-border-width) solid transparent;border-right:var(--adv-border-width) solid transparent;overflow:auto;padding:var(--adv-table-cell-padding);text-align:var(--adv-table-cell-text-align);vertical-align:inherit}.adv-table__cell:first-child,.adv-table__cell--first-column{padding-left:var(--adv-table-first-column-padding-left)}
3626
3645
  .adyen-kyc-form-end-state {
3627
3646
  display: grid;
@@ -3736,7 +3755,7 @@ fieldset {
3736
3755
  }
3737
3756
 
3738
3757
  .adyen-kyc-form-flow-footer-border {
3739
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3758
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3740
3759
  }
3741
3760
 
3742
3761
  .adyen-kyc-form-flow-actions {
@@ -3756,6 +3775,12 @@ fieldset {
3756
3775
  .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title-l,
3757
3776
  .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--body {
3758
3777
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3778
+ text-align: center;
3779
+ }
3780
+ .adyen-kyc__high-exposure-company .adyen-kyc-typography--secondary,
3781
+ .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--secondary,
3782
+ .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--secondary {
3783
+ text-align: left;
3759
3784
  }
3760
3785
  .adyen-kyc__high-exposure-company .adyen-kyc-typography--title,
3761
3786
  .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title,
@@ -3778,30 +3803,83 @@ fieldset {
3778
3803
  }
3779
3804
  .adyen-kyc-high-exposure-financials .adyen-kyc-helper-text__above {
3780
3805
  height: var(--adyen-sdk-spacer-120, 48px);
3781
- }.adyen-kyc-provider-button {
3782
- align-items: center;
3806
+ }
3807
+
3808
+ .adyen-kyc-high-exposure-structured-address {
3809
+ padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px);
3810
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3811
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3812
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3813
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3814
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3815
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3816
+ }/* for container queries */
3817
+ .adyen-kyc-stack-layout {
3818
+ align-items: flex-start;
3783
3819
  display: flex;
3784
- gap: var(--adyen-sdk-spacer-060);
3785
- justify-content: center;
3786
- max-height: var(--adyen-sdk-text-body-line-height);
3787
- overflow: visible;
3820
+ flex-direction: column;
3821
+ width: 100%;
3788
3822
  }
3789
3823
 
3790
- .adyen-kyc-provider-button-display-name {
3791
- display: none;
3824
+ .adyen-kyc-stack-layout-gap-xs {
3825
+ gap: var(--adyen-sdk-spacer-020);
3792
3826
  }
3793
3827
 
3794
- .adyen-kyc-provider-button svg {
3795
- display: block;
3796
- height: 28px;
3797
- width: auto;
3828
+ .adyen-kyc-stack-layout-gap-s {
3829
+ gap: var(--adyen-sdk-spacer-040);
3830
+ }
3831
+
3832
+ .adyen-kyc-stack-layout-gap-m {
3833
+ gap: var(--adyen-sdk-spacer-070);
3834
+ }
3835
+
3836
+ .adyen-kyc-stack-layout-gap-l {
3837
+ gap: var(--adyen-sdk-spacer-100);
3838
+ }
3839
+
3840
+ .adyen-kyc-stack-layout-gap-xl {
3841
+ gap: var(--adyen-sdk-spacer-140);
3842
+ }
3843
+
3844
+ @container main (min-width: 480px) {
3845
+ .adyen-kyc-stack-layout-horizontal {
3846
+ flex-direction: row;
3847
+ }
3848
+ .adyen-kyc-stack-layout-horizontal > * {
3849
+ flex-grow: 1;
3850
+ }
3851
+ }.adyen-kyc-landing-layout-image {
3852
+ margin: 0 auto;
3853
+ }
3854
+
3855
+ .adyen-kyc-landing-layout-image svg,
3856
+ .adyen-kyc-landing-layout-image span {
3857
+ width: 100%;
3858
+ height: 100%;
3859
+ }
3860
+
3861
+ .adyen-kyc-landing-layout-actions {
3862
+ text-align: center;
3863
+ max-width: 320px;
3864
+ width: 100%;
3865
+ margin: 0 auto;
3866
+ }
3867
+
3868
+ .adyen-kyc-landing-layout-disclaimer {
3869
+ text-align: center;
3870
+ margin-top: var(--adyen-sdk-spacer-040);
3871
+ }
3872
+
3873
+ .adyen-kyc-landing-layout-center {
3874
+ text-align: center;
3875
+ width: 100%;
3798
3876
  }
3799
3877
  .adyen-kyc-tile-container {
3800
3878
  width: 100%;
3801
3879
  }
3802
3880
 
3803
3881
  .adyen-kyc-tile {
3804
- border: var(--adyen-kyc-border-default-s);
3882
+ border: var(--adyen-sdk-border-default-s);
3805
3883
  display: flex;
3806
3884
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
3807
3885
  outline: none;
@@ -3813,7 +3891,7 @@ fieldset {
3813
3891
  height: 100%;
3814
3892
  }
3815
3893
  .adyen-kyc-tile-icon {
3816
- background: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3894
+ background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3817
3895
  width: var(--adyen-sdk-spacer-110, 40px);
3818
3896
  height: var(--adyen-sdk-spacer-110, 40px);
3819
3897
  display: flex;
@@ -3823,19 +3901,19 @@ fieldset {
3823
3901
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3824
3902
  }
3825
3903
  .adyen-kyc-tile svg {
3826
- color: var(--adyen-sdk-color-label-primary, #00112c);
3904
+ color: var(--adyen-sdk-color-label-primary, #001222);
3827
3905
  max-width: var(--adyen-sdk-spacer-070, 16px);
3828
3906
  max-height: var(--adyen-sdk-spacer-070, 16px);
3829
3907
  }
3830
3908
  .adyen-kyc-tile-title {
3831
- color: var(--adyen-sdk-color-link-primary, #00112c);
3909
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
3832
3910
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3833
3911
  }
3834
3912
  .adyen-kyc-tile:hover {
3835
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3913
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3836
3914
  }
3837
3915
  .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3838
- background: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
3916
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3839
3917
  }
3840
3918
  .adyen-kyc-tile-checkbox {
3841
3919
  border: 0;
@@ -3855,18 +3933,18 @@ fieldset {
3855
3933
  }
3856
3934
 
3857
3935
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3858
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #00112c) inset;
3859
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3936
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3937
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3860
3938
  }
3861
3939
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3862
- background: var(--adyen-sdk-color-label-primary, #00112c);
3940
+ background: var(--adyen-sdk-color-label-primary, #001222);
3863
3941
  }
3864
3942
  .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3865
- color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3943
+ color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3866
3944
  }
3867
3945
 
3868
3946
  .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3869
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
3947
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
3870
3948
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3871
3949
  transition-property: box-shadow;
3872
3950
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -3899,7 +3977,7 @@ fieldset {
3899
3977
  display: flex;
3900
3978
  justify-content: center;
3901
3979
  align-items: center;
3902
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3980
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
3903
3981
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3904
3982
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3905
3983
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -3927,7 +4005,7 @@ fieldset {
3927
4005
  }.adyen-kyc-conflict-row-table td {
3928
4006
  padding: var(--adyen-sdk-spacer-060, 12px);
3929
4007
  height: var(--adyen-sdk-spacer-050, 10px);
3930
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4008
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3931
4009
  }
3932
4010
  .adyen-kyc-conflict-row-table td:first-child {
3933
4011
  padding-right: var(--adyen-sdk-spacer-100, 32px);
@@ -3937,7 +4015,7 @@ fieldset {
3937
4015
  .adyen-kyc-conflict-row-list {
3938
4016
  display: flex;
3939
4017
  flex-direction: row;
3940
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4018
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3941
4019
  padding: var(--adyen-sdk-spacer-060, 12px);
3942
4020
  }
3943
4021
  .adyen-kyc-conflict-row-list dt {
@@ -3988,91 +4066,27 @@ fieldset {
3988
4066
  .adyen-kyc-data-conflicts-list {
3989
4067
  display: none;
3990
4068
  }
3991
- }.adyen-kyc-verification-disclaimer {
3992
- text-align: center;
3993
- margin-top: var(--adyen-sdk-spacer-040, 8px);
3994
- }/* for container queries */
3995
- .adyen-kyc-verification-header {
3996
- text-align: center;
3997
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3998
- width: 370px;
3999
- }
4000
- @container main (min-width: 1024px) {
4001
- .adyen-kyc-verification-header {
4002
- width: 464px;
4003
- }
4004
- }
4005
-
4006
- .adyen-kyc-verification-header-image {
4007
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4008
- width: 180px;
4009
- height: 142px;
4010
- }
4011
-
4012
- .adyen-kyc-verification-header-content {
4013
- text-align: center;
4014
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4015
4069
  }/* for container queries */
4016
- .adyen-kyc-verify-onfido-container {
4017
- display: flex;
4018
- flex-direction: column;
4019
- align-items: center;
4020
- }
4021
- @container main (min-width: 1024px) {
4022
- .adyen-kyc-verify-onfido-container {
4023
- width: 528px;
4024
- }
4070
+ .adyen-kyc-verification-header-image svg {
4071
+ max-width: 180px;
4025
4072
  }
4026
4073
 
4027
4074
  .adyen-kyc-verify-onfido-error {
4028
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4029
- }
4030
-
4031
- .adyen-kyc-verify-onfido-header {
4032
- text-align: center;
4033
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4034
- width: 370px;
4035
- }
4036
- @container main (min-width: 1024px) {
4037
- .adyen-kyc-verify-onfido-header {
4038
- width: 464px;
4039
- }
4040
- }
4041
- .adyen-kyc-verify-onfido-header-image {
4042
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4043
- width: 180px;
4044
- height: 142px;
4045
- }
4046
-
4047
- .adyen-kyc-verify-onfido-content {
4048
- width: 350px;
4049
- display: flex;
4050
- flex-direction: column;
4051
- gap: var(--adyen-sdk-spacer-040, 8px);
4052
- align-items: center;
4053
- }
4054
-
4055
- .adyen-kyc-verify-onfido-body {
4056
- text-align: center;
4057
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4075
+ width: 100%;
4058
4076
  }/* for container queries */
4059
4077
  .adyen-kyc-uploaded-document {
4060
- color: var(--adyen-sdk-color-label-primary, #00112c);
4078
+ color: var(--adyen-sdk-color-label-primary, #001222);
4061
4079
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4062
4080
  display: flex;
4063
4081
  gap: var(--adyen-sdk-spacer-040, 8px);
4064
4082
  justify-content: space-between;
4065
- border: var(--adyen-kyc-border-default-s);
4083
+ border: var(--adyen-sdk-border-default-s);
4066
4084
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
4067
4085
  padding: var(--adyen-sdk-spacer-070, 16px);
4068
- width: 370px;
4086
+ width: 100%;
4069
4087
  vertical-align: middle;
4070
4088
  margin-top: var(--adyen-sdk-spacer-040, 8px);
4071
- }
4072
- @container main (min-width: 1024px) {
4073
- .adyen-kyc-uploaded-document {
4074
- width: 464px;
4075
- }
4089
+ text-align: left;
4076
4090
  }.adyen-kyc-avatar {
4077
4091
  align-items: center;
4078
4092
  display: flex;
@@ -4180,33 +4194,33 @@ fieldset {
4180
4194
  display: flex;
4181
4195
  justify-content: space-between;
4182
4196
  align-items: center;
4183
- gap: var(--adyen-kyc-spacer-070);
4184
- background-color: var(--adyen-kyc-color-background-primary);
4197
+ gap: var(--adyen-sdk-spacer-070);
4198
+ background-color: var(--adyen-sdk-color-background-primary);
4185
4199
  width: 100%;
4186
4200
  min-width: 250px;
4187
4201
  max-width: 650px;
4188
4202
  cursor: pointer;
4189
4203
  /* html button default styling removal */
4190
4204
  border: none;
4191
- border-radius: var(--adyen-kyc-border-radius-m);
4205
+ border-radius: var(--adyen-sdk-border-radius-m);
4192
4206
  text-align: left;
4193
- padding: var(--adyen-kyc-spacer-060) var(--adyen-kyc-spacer-080);
4207
+ padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4194
4208
  }
4195
4209
  .adyen-kyc-embedded-status-loading {
4196
4210
  cursor: default;
4197
4211
  }
4198
4212
  .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4199
- background-color: var(--adyen-kyc-color-background-primary);
4213
+ background-color: var(--adyen-sdk-color-background-primary);
4200
4214
  border: none;
4201
4215
  }
4202
4216
 
4203
4217
  .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4204
- background-color: var(--adyen-kyc-color-background-secondary);
4218
+ background-color: var(--adyen-sdk-color-background-secondary);
4205
4219
  transition: background-color 0.2s;
4206
4220
  }
4207
4221
  .adyen-kyc-embedded-status-action-indicator {
4208
- background-color: var(--adyen-kyc-color-background-secondary);
4209
- color: var(--adyen-kyc-color-label-secondary);
4222
+ background-color: var(--adyen-sdk-color-background-secondary);
4223
+ color: var(--adyen-sdk-color-label-secondary);
4210
4224
  }
4211
4225
 
4212
4226
  .adyen-kyc-embedded-status-avatar {
@@ -4215,16 +4229,16 @@ fieldset {
4215
4229
  align-items: center;
4216
4230
  width: 40px;
4217
4231
  height: 40px;
4218
- border-radius: var(--adyen-kyc-border-radius-m);
4219
- color: var(--adyen-kyc-color-label-inverse-primary);
4220
- background-color: var(--adyen-kyc-color-background-inverse-primary);
4232
+ border-radius: var(--adyen-sdk-border-radius-m);
4233
+ color: var(--adyen-sdk-color-label-inverse-primary);
4234
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
4221
4235
  }
4222
4236
 
4223
4237
  .adyen-kyc-embedded-status-action-indicator {
4224
- border: var(--adyen-kyc-border-default-s);
4225
- border-radius: var(--adyen-kyc-border-radius-m);
4226
- background-color: var(--adyen-kyc-color-background-primary);
4227
- padding: var(--adyen-kyc-spacer-010) var(--adyen-kyc-spacer-050);
4238
+ border: var(--adyen-sdk-border-default-s);
4239
+ border-radius: var(--adyen-sdk-border-radius-m);
4240
+ background-color: var(--adyen-sdk-color-background-primary);
4241
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4228
4242
  }
4229
4243
 
4230
4244
  .adyen-kyc-embedded-status-info {
@@ -4233,29 +4247,7 @@ fieldset {
4233
4247
  flex: 1;
4234
4248
  overflow-x: auto;
4235
4249
  }
4236
- .adyen-kyc-manage-transfer-instrument {
4237
- padding: var(--adyen-sdk-spacer-070, 16px);
4238
- width: 100%;
4239
- display: flex;
4240
- align-items: center;
4241
- flex-direction: column;
4242
- }.adyen-kyc-manage-ti-overview {
4243
- display: flex;
4244
- flex-direction: column;
4245
- align-items: center;
4246
- width: 100%;
4247
- }.adyen-kyc-manage-ti-overview-item-summary {
4248
- margin: var(--adyen-sdk-spacer-060, 12px);
4249
- }
4250
- .adyen-kyc-manage-ti-overview-item-summary__header {
4251
- margin-left: var(--adyen-sdk-spacer-060, 12px);
4252
- }
4253
- .adyen-kyc-manage-ti-overview-item-summary__error {
4254
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4255
- }
4256
- .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
4257
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4258
- }/* for container queries */
4250
+ /* for container queries */
4259
4251
  .adyen-kyc-status {
4260
4252
  border: 0;
4261
4253
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -4267,15 +4259,15 @@ fieldset {
4267
4259
  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4268
4260
  }
4269
4261
  .adyen-kyc-status--finished {
4270
- color: var(--adyen-sdk-color-label-success, #07893c);
4262
+ color: var(--adyen-sdk-color-label-success, #008845);
4271
4263
  }
4272
4264
  .adyen-kyc-status--download {
4273
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4265
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4274
4266
  cursor: pointer;
4275
4267
  }
4276
4268
  .adyen-kyc-status--error {
4277
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4278
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
4269
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4270
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
4279
4271
  }
4280
4272
  .adyen-kyc-status__icon {
4281
4273
  align-self: center;
@@ -4293,20 +4285,20 @@ fieldset {
4293
4285
  font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
4294
4286
  }
4295
4287
  .adyen-kyc-status__icon--error .adyen-kyc-icon {
4296
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4288
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
4297
4289
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4298
4290
  }
4299
4291
  .adyen-kyc-status__icon--finished {
4300
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
4292
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
4301
4293
  }
4302
4294
  .adyen-kyc-status__icon--download {
4303
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
4295
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
4304
4296
  }
4305
4297
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
4306
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4298
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
4307
4299
  }
4308
4300
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
4309
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4301
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
4310
4302
  }
4311
4303
  .adyen-kyc-status__icon--large {
4312
4304
  height: 24px;
@@ -4320,7 +4312,25 @@ fieldset {
4320
4312
  .adyen-kyc-status__text {
4321
4313
  display: none;
4322
4314
  }
4323
- }.adyen-task-list__container {
4315
+ }.adyen-kyc-provider-button {
4316
+ align-items: center;
4317
+ display: flex;
4318
+ gap: var(--adyen-sdk-spacer-060);
4319
+ justify-content: center;
4320
+ max-height: var(--adyen-sdk-text-body-line-height);
4321
+ overflow: visible;
4322
+ }
4323
+
4324
+ .adyen-kyc-provider-button-display-name {
4325
+ display: none;
4326
+ }
4327
+
4328
+ .adyen-kyc-provider-button svg {
4329
+ display: block;
4330
+ height: 28px;
4331
+ width: auto;
4332
+ }
4333
+ .adyen-task-list__container {
4324
4334
  margin-left: auto;
4325
4335
  margin-right: auto;
4326
4336
  display: flex;
@@ -4330,7 +4340,7 @@ fieldset {
4330
4340
 
4331
4341
  .adyen-kyc-card.adyen-kyc-add-payout {
4332
4342
  align-items: center;
4333
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4343
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4334
4344
  display: flex;
4335
4345
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4336
4346
  justify-content: center;
@@ -4377,7 +4387,7 @@ fieldset {
4377
4387
  .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4378
4388
  width: 100%;
4379
4389
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4380
- color: var(--adyen-sdk-color-label-primary, #00112c);
4390
+ color: var(--adyen-sdk-color-label-primary, #001222);
4381
4391
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4382
4392
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4383
4393
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -4435,7 +4445,7 @@ fieldset {
4435
4445
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4436
4446
  }
4437
4447
  .adyen-task-item__title {
4438
- color: var(--adyen-sdk-color-label-primary, #00112c);
4448
+ color: var(--adyen-sdk-color-label-primary, #001222);
4439
4449
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4440
4450
  }
4441
4451
  .adyen-task-item-alert {
@@ -4473,6 +4483,11 @@ fieldset {
4473
4483
  }
4474
4484
  .adyen-task-list-group > .adyen-kyc-card__body {
4475
4485
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
4486
+ }.adyen-kyc-business-lines {
4487
+ flex-direction: column;
4488
+ width: 100%;
4489
+ max-width: 520px;
4490
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
4476
4491
  }/* for container queries */
4477
4492
  .adyen-kyc-dropin {
4478
4493
  background: var(--adyen-sdk-color-background-primary, #ffffff);
@@ -4539,7 +4554,7 @@ fieldset {
4539
4554
  width: fit-content;
4540
4555
  }
4541
4556
  .adyen-kyc-trust-members__add {
4542
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
4557
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
4543
4558
  width: 100%;
4544
4559
  }
4545
4560
  .adyen-kyc-trust-members__add .adyen-kyc-icon {
@@ -4547,7 +4562,7 @@ fieldset {
4547
4562
  }
4548
4563
  .adyen-kyc-trust-members__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
4549
4564
  background-color: transparent;
4550
- border: var(--adyen-kyc-border-default-s);
4565
+ border: var(--adyen-sdk-border-default-s);
4551
4566
  border-top: 0;
4552
4567
  border-top-left-radius: 0;
4553
4568
  border-top-right-radius: 0;
@@ -4577,16 +4592,16 @@ fieldset {
4577
4592
  }
4578
4593
  .adyen-kyc-entity-status__icon--satisfied {
4579
4594
  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
4580
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
4595
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
4581
4596
  }
4582
4597
  .adyen-kyc-entity-status__icon--empty {
4583
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4598
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4584
4599
  }
4585
4600
  .adyen-kyc-entity-status__legend {
4586
4601
  display: flex;
4587
4602
  padding-bottom: var(--adyen-sdk-spacer-090, 24px);
4588
4603
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
4589
- border-bottom: var(--adyen-kyc-border-default-s);
4604
+ border-bottom: var(--adyen-sdk-border-default-s);
4590
4605
  }
4591
4606
  .adyen-kyc-entity-status__legend--rule {
4592
4607
  display: flex;
@@ -4630,7 +4645,7 @@ fieldset {
4630
4645
  }
4631
4646
  .adyen-kyc-entity-association__more-actions-toggle {
4632
4647
  border-radius: 50%;
4633
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4648
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4634
4649
  font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
4635
4650
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4636
4651
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -4645,7 +4660,7 @@ fieldset {
4645
4660
  margin: var(--adyen-sdk-spacer-000, 0px);
4646
4661
  }
4647
4662
  .adyen-kyc-entity-association__more-actions-toggle:hover {
4648
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4663
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4649
4664
  }
4650
4665
  .adyen-kyc-entity-association__remove {
4651
4666
  display: flex;
@@ -4660,7 +4675,7 @@ fieldset {
4660
4675
  padding: var(--adyen-sdk-spacer-040, 8px);
4661
4676
  }.adyen-kyc-actions-menu {
4662
4677
  background: var(--adyen-sdk-color-background-secondary);
4663
- border: var(--adyen-kyc-border-default-s);
4678
+ border: var(--adyen-sdk-border-default-s);
4664
4679
  border-radius: var(--adyen-sdk-border-radius-l);
4665
4680
  box-shadow: var(--adyen-sdk-shadow-medium);
4666
4681
  display: flex;
@@ -4714,6 +4729,28 @@ fieldset {
4714
4729
  }
4715
4730
  .adyen-kyc-entity-association .adyen-kyc-alert .adyen-kyc-alert-header {
4716
4731
  align-items: center;
4732
+ }.adyen-kyc-manage-transfer-instrument {
4733
+ padding: var(--adyen-sdk-spacer-070, 16px);
4734
+ width: 100%;
4735
+ display: flex;
4736
+ align-items: center;
4737
+ flex-direction: column;
4738
+ }.adyen-kyc-manage-ti-overview {
4739
+ display: flex;
4740
+ flex-direction: column;
4741
+ align-items: center;
4742
+ width: 100%;
4743
+ }.adyen-kyc-manage-ti-overview-item-summary {
4744
+ margin: var(--adyen-sdk-spacer-060, 12px);
4745
+ }
4746
+ .adyen-kyc-manage-ti-overview-item-summary__header {
4747
+ margin-left: var(--adyen-sdk-spacer-060, 12px);
4748
+ }
4749
+ .adyen-kyc-manage-ti-overview-item-summary__error {
4750
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4751
+ }
4752
+ .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
4753
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4717
4754
  }.adyen-kyc-verification {
4718
4755
  display: block;
4719
4756
  overflow: hidden;
@@ -4721,7 +4758,7 @@ fieldset {
4721
4758
  }
4722
4759
 
4723
4760
  .adyen-kyc-verification-description {
4724
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4761
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4725
4762
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4726
4763
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
4727
4764
  margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);
@@ -4798,12 +4835,12 @@ fieldset {
4798
4835
  padding: 4px;
4799
4836
  }
4800
4837
  .adyen-kyc-table tbody tr:nth-child(odd) {
4801
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4838
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4802
4839
  }
4803
4840
  .adyen-kyc-table tbody tr:nth-child(even) {
4804
4841
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4805
4842
  }.adyen-kyc-introduction {
4806
- color: var(--adyen-sdk-color-label-primary, #00112c);
4843
+ color: var(--adyen-sdk-color-label-primary, #001222);
4807
4844
  display: flex;
4808
4845
  flex-direction: column;
4809
4846
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -4816,7 +4853,7 @@ fieldset {
4816
4853
  text-align: right;
4817
4854
  }
4818
4855
  .adyen-kyc-introduction__number {
4819
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4856
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4820
4857
  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
4821
4858
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
4822
4859
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -4921,68 +4958,37 @@ fieldset {
4921
4958
 
4922
4959
  .adyen-kyc-singpass-logo-container {
4923
4960
  width: 92px;
4924
- }/* for container queries */
4925
- .adyen-kyc-stack-layout {
4926
- align-items: flex-start;
4961
+ }.adyen-kyc-in-task-status {
4962
+ width: 148px;
4963
+ height: 26px;
4927
4964
  display: flex;
4928
- flex-direction: column;
4929
- width: 100%;
4930
- }
4931
-
4932
- .adyen-kyc-stack-layout-gap-xs {
4933
- gap: var(--adyen-sdk-spacer-020);
4934
- }
4935
-
4936
- .adyen-kyc-stack-layout-gap-s {
4937
- gap: var(--adyen-sdk-spacer-040);
4938
- }
4939
-
4940
- .adyen-kyc-stack-layout-gap-m {
4941
- gap: var(--adyen-sdk-spacer-070);
4942
- }
4943
-
4944
- .adyen-kyc-stack-layout-gap-l {
4945
- gap: var(--adyen-sdk-spacer-100);
4946
- }
4947
-
4948
- .adyen-kyc-stack-layout-gap-xl {
4949
- gap: var(--adyen-sdk-spacer-140);
4950
- }
4951
-
4952
- @container main (min-width: 480px) {
4953
- .adyen-kyc-stack-layout-horizontal {
4954
- flex-direction: row;
4955
- }
4956
- .adyen-kyc-stack-layout-horizontal > * {
4957
- flex-grow: 1;
4958
- }
4959
- }.adyen-kyc-landing-layout-image {
4960
- margin: 0 auto;
4965
+ justify-content: center;
4966
+ align-items: center;
4967
+ margin: 0 auto 8px;
4968
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
4969
+ padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4970
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
4961
4971
  }
4962
-
4963
- .adyen-kyc-landing-layout-image svg,
4964
- .adyen-kyc-landing-layout-image span {
4965
- width: 100%;
4966
- height: 100%;
4972
+ .adyen-kyc-in-task-status-indicator {
4973
+ width: var(--adyen-sdk-spacer-060, 12px);
4974
+ height: var(--adyen-sdk-spacer-060, 12px);
4975
+ border-radius: 50%;
4976
+ margin-right: var(--adyen-sdk-spacer-020, 4px);
4967
4977
  }
4968
-
4969
- .adyen-kyc-landing-layout-actions {
4970
- text-align: center;
4971
- max-width: 320px;
4972
- width: 100%;
4973
- margin: 0 auto;
4978
+ .adyen-kyc-in-task-status-indicator-success {
4979
+ background-color: var(--adyen-sdk-color-decorative-green, #00d16a);
4974
4980
  }
4975
-
4976
- .adyen-kyc-landing-layout-disclaimer {
4977
- text-align: center;
4978
- margin-top: var(--adyen-sdk-spacer-040);
4981
+ .adyen-kyc-in-task-status-indicator-error {
4982
+ background-color: var(--adyen-sdk-color-decorative-red, #f73f01);
4979
4983
  }
4980
-
4981
- .adyen-kyc-landing-layout-center {
4982
- text-align: center;
4983
- width: 100%;
4984
+ .adyen-kyc-in-task-status-indicator-warning {
4985
+ background-color: var(--adyen-sdk-color-decorative-orange, #f99300);
4984
4986
  }
4985
- /* for container queries */
4987
+ .adyen-kyc-in-task-status-label {
4988
+ font-size: var(--adyen-sdk-spacer-060, 12px);
4989
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
4990
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
4991
+ }/* for container queries */
4986
4992
  @container main (min-width: 680px) and (max-width: 1024px) {
4987
4993
  .adyen-kyc-decision-makers__container {
4988
4994
  display: flex;
@@ -5019,39 +5025,89 @@ fieldset {
5019
5025
  }
5020
5026
  .adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
5021
5027
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
5022
- }.adyen-kyc-decision-makers-getting-started {
5023
- max-width: 450px;
5024
- margin: var(--adyen-sdk-spacer-000, 0px) auto;
5025
- }.adyen-kyc-in-task-status {
5026
- width: 148px;
5027
- height: 26px;
5028
- display: flex;
5029
- justify-content: center;
5028
+ }.adyen-kyc-list-item {
5030
5029
  align-items: center;
5031
- margin: 0 auto 8px;
5032
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5033
- padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
5034
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
5030
+ background-color: transparent;
5031
+ border: none;
5032
+ display: flex;
5033
+ gap: var(--adyen-sdk-spacer-040, 8px);
5034
+ overflow: hidden;
5035
+ text-align: left;
5036
+ width: 100%;
5035
5037
  }
5036
- .adyen-kyc-in-task-status-indicator {
5037
- width: var(--adyen-sdk-spacer-060, 12px);
5038
- height: var(--adyen-sdk-spacer-060, 12px);
5039
- border-radius: 50%;
5040
- margin-right: var(--adyen-sdk-spacer-020, 4px);
5038
+
5039
+ .adyen-kyc-list-item-interactive {
5040
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
5041
+ cursor: pointer;
5042
+ outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
5043
+ outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
5044
+ padding: var(--adyen-sdk-spacer-040, 8px);
5045
+ transition: var(--adyen-sdk-animation-duration-slow, 250ms);
5041
5046
  }
5042
- .adyen-kyc-in-task-status-indicator-success {
5043
- background-color: var(--adyen-sdk-color-decorative-green, #09ab4b);
5047
+ @media (hover: hover) {
5048
+ .adyen-kyc-list-item-interactive:hover {
5049
+ background-color: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
5050
+ }
5044
5051
  }
5045
- .adyen-kyc-in-task-status-indicator-error {
5046
- background-color: var(--adyen-sdk-color-decorative-red, #e22d2d);
5052
+ .adyen-kyc-list-item-interactive:active {
5053
+ background-color: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
5047
5054
  }
5048
- .adyen-kyc-in-task-status-indicator-warning {
5049
- background-color: var(--adyen-sdk-color-decorative-orange, #dd7d00);
5055
+ .adyen-kyc-list-item-interactive:focus-visible {
5056
+ outline-color: var(--adyen-sdk-color-label-primary, #001222);
5050
5057
  }
5051
- .adyen-kyc-in-task-status-label {
5052
- font-size: var(--adyen-sdk-spacer-060, 12px);
5053
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
5054
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
5058
+ .adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
5059
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
5060
+ pointer-events: none;
5061
+ }
5062
+
5063
+ .adyen-kyc-list-item-text {
5064
+ display: flex;
5065
+ flex-direction: column;
5066
+ flex-grow: 1;
5067
+ gap: var(--adyen-sdk-spacer-010, 2px);
5068
+ padding-left: var(--adyen-sdk-spacer-040, 8px);
5069
+ padding-right: var(--adyen-sdk-spacer-040, 8px);
5070
+ }
5071
+
5072
+ .adyen-kyc-list-item-title {
5073
+ color: var(--adyen-sdk-color-label-primary, #001222);
5074
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5075
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
5076
+ font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
5077
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
5078
+ margin: 0;
5079
+ }
5080
+
5081
+ .adyen-kyc-list-item-description {
5082
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
5083
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5084
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5085
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
5086
+ }
5087
+
5088
+ .adyen-kyc-list-item-disclosure {
5089
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5090
+ height: 16px;
5091
+ width: 16px;
5092
+ }
5093
+
5094
+ .adyen-kyc-list-item-accessory {
5095
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
5096
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5097
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
5098
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5099
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
5100
+ overflow: hidden;
5101
+ text-overflow: ellipsis;
5102
+ white-space: nowrap;
5103
+ }.adyen-kyc-decision-maker-details-actions {
5104
+ text-align: center;
5105
+ max-width: 320px;
5106
+ width: 100%;
5107
+ margin: 0 auto;
5108
+ }.adyen-kyc-decision-makers-getting-started {
5109
+ max-width: 450px;
5110
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
5055
5111
  }.adyen-kyc-tax-reporting-dropin {
5056
5112
  display: flex;
5057
5113
  flex-direction: column;
@@ -5075,7 +5131,7 @@ fieldset {
5075
5131
  margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-140, 64px) 0;
5076
5132
  }
5077
5133
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-subtitle a {
5078
- color: var(--adyen-sdk-color-label-primary, #00112c);
5134
+ color: var(--adyen-sdk-color-label-primary, #001222);
5079
5135
  }
5080
5136
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary {
5081
5137
  text-align: left;
@@ -5083,7 +5139,7 @@ fieldset {
5083
5139
  }
5084
5140
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card {
5085
5141
  border: none;
5086
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5142
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5087
5143
  }
5088
5144
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--header {
5089
5145
  padding: var(--adyen-sdk-spacer-070, 16px);
@@ -5091,10 +5147,16 @@ fieldset {
5091
5147
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--body {
5092
5148
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
5093
5149
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
5094
- border-top: var(--adyen-kyc-border-default-s);
5095
- }.adyen-kyc-business-details {
5150
+ border-top: var(--adyen-sdk-border-default-s);
5151
+ }/* for container queries */
5152
+ .adyen-kyc-business-details {
5096
5153
  min-height: 480px;
5097
5154
  }
5155
+ @container main (min-width: 680px) and (max-width: 1024px) {
5156
+ .adyen-kyc-business-details .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
5157
+ margin-left: 0;
5158
+ }
5159
+ }
5098
5160
  .adyen-kyc-business-details--hide,
5099
5161
  .adyen-kyc-business-details [class*="--hide"] {
5100
5162
  display: none;
@@ -5141,7 +5203,7 @@ fieldset {
5141
5203
  }
5142
5204
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card {
5143
5205
  border: none;
5144
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5206
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
5145
5207
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
5146
5208
  }
5147
5209
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
@@ -5175,7 +5237,7 @@ fieldset {
5175
5237
  padding: var(--adyen-sdk-spacer-040, 8px);
5176
5238
  }
5177
5239
  .adyen-kyc-source-of-funds-third-party-funding-financier-group:hover {
5178
- background-color: var(--adyen-sdk-color-background-always-light-hover, #f7f7f8);
5240
+ background-color: var(--adyen-sdk-color-background-always-light-hover, #f4f5f6);
5179
5241
  }
5180
5242
  .adyen-kyc-source-of-funds-third-party-funding-name-avatar-group {
5181
5243
  display: flex;
@@ -5220,7 +5282,7 @@ fieldset {
5220
5282
  }
5221
5283
  .adyen-kyc-source-of-funds-upload-modal-content-requirements-container {
5222
5284
  padding: var(--adyen-sdk-spacer-070, 16px);
5223
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5285
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5224
5286
  text-align: left;
5225
5287
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
5226
5288
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);