@adyen/kyc-components 3.70.0-beta.0 → 3.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/{AU-DBnla6IS.js → AU-CaovX9P8.js} +4 -5
  2. package/dist/{AcceptTermsOfServiceComponent-DGnbaEif.js → AcceptTermsOfServiceComponent-D-HcDOBq.js} +200 -13
  3. package/dist/{AccountSetupRejected-BUjkuj8y.js → AccountSetupRejected-voqgiesN.js} +3 -3
  4. package/dist/{BE-By7sRfJq.js → BE-H45zzgu4.js} +3 -2
  5. package/dist/{BR-CG-ZSQQz.js → BR-Dmkd5VjU.js} +5 -5
  6. package/dist/BusinessDetailsDropin-CnGwMWvN.js +2406 -0
  7. package/dist/{BusinessTypeSelection-DqYdtKWT.js → BusinessTypeSelection-DQr-2_Iq.js} +31 -30
  8. package/dist/{CH-DNjTl_X_.js → CH-DVyjmrDH.js} +4 -2
  9. package/dist/{CXEL7IU7-D4uuriQj.js → CXEL7IU7-Do0b5BzU.js} +3 -3
  10. package/dist/{CZ-DDucwl8A.js → CZ-1E7Zx2il.js} +3 -4
  11. package/dist/CreateIndividualComponent-BuBNDvhx.js +7204 -0
  12. package/dist/{CustomerSupport-Dt_GbO2W.js → CustomerSupport-BJrkWmYp.js} +4 -4
  13. package/dist/{DE-LKZHA8bh.js → DE-D7HKgI77.js} +6 -5
  14. package/dist/{DK-moHaAY_C.js → DK-x6M9-ek-.js} +2 -4
  15. package/dist/{DebugModal-DqSAxc2y.js → DebugModal-DdFbk-rz.js} +11 -10
  16. package/dist/{DecisionMakers-DCP-NbPE.js → DecisionMakers-DghodKJR.js} +5 -5
  17. package/dist/{ES-BOW3pjTD.js → ES-CeohntGo.js} +6 -7
  18. package/dist/{EmbedShell-D1F1J3bv.js → EmbedShell-BaZnwexg.js} +5 -6
  19. package/dist/{EventEmitter-B5nDiK-t.js → EventEmitter-Cfyz1mmg.js} +2742 -3396
  20. package/dist/{FI-gB1Mh_9c.js → FI-BOex4MFx.js} +3 -5
  21. package/dist/{FR-iSfxCiGj.js → FR-CAxkckai.js} +4 -4
  22. package/dist/{GB-UYrtNfT0.js → GB-DUnW-a4M.js} +2 -4
  23. package/dist/{HASRA6WW-yCLwR-7b.js → HASRA6WW-CLlxPThM.js} +2 -2
  24. package/dist/{HK-BsLgqwJt.js → HK-eKVHN8Vg.js} +4 -4
  25. package/dist/{HR-BOrmO4s8.js → HR-BHhcnUGU.js} +3 -3
  26. package/dist/{HU-DSPD5z5O.js → HU-hfSSMbei.js} +1 -4
  27. package/dist/{I3HPI4QX-DmhzJNXt.js → I3HPI4QX-BW3ApIxs.js} +3 -3
  28. package/dist/{IE-BNxtcUkX.js → IE-BN3Eiv5M.js} +2 -2
  29. package/dist/{IT-CjMPVtH8.js → IT-CBt6Os6J.js} +4 -7
  30. package/dist/{Introduction-Dhm3WEef.js → Introduction-C8dJNT23.js} +5 -3
  31. package/dist/{LT-CUUN_JaO.js → LT-Dkevn83h.js} +2 -4
  32. package/dist/{NL-C3ArXgfX.js → NL-zm__7LWV.js} +3 -3
  33. package/dist/{NO-yBcMewGZ.js → NO-BAcMdKUJ.js} +5 -4
  34. package/dist/NZ-DDRknBQk.js +20 -0
  35. package/dist/{PL-DGMOmdSy.js → PL-D6_6gquq.js} +6 -5
  36. package/dist/{PT-D3NkDIsX.js → PT-C2dln191.js} +3 -3
  37. package/dist/{RO-Bo0cNUJf.js → RO-C_utD--1.js} +2 -4
  38. package/dist/{Review-B5Drv-UX.js → Review-DbvMjmRe.js} +3 -3
  39. package/dist/{SE-W4QBeQtP.js → SE-BqGOP1F1.js} +2 -4
  40. package/dist/{SI-DoClLcmM.js → SI-DBADzvYO.js} +3 -6
  41. package/dist/{SK-DmiByqvu.js → SK-DamCBYsZ.js} +2 -4
  42. package/dist/{SingpassSelection-Djfz5Puu.js → SingpassSelection-CJRAISeY.js} +2 -2
  43. package/dist/SourceOfFunds.module-BhujhW0d.js +132 -0
  44. package/dist/SourceOfFundsDropin-NxYXl3NE.js +3041 -0
  45. package/dist/{listToRecord-BwWy8lby.js → TaskItemStatus-ChW10MdE.js} +3 -11
  46. package/dist/{TaxReportingDropin-CpStwino.js → TaxReportingDropin-_MxQClQd.js} +27 -45
  47. package/dist/TrustDropin-BcxdDqKa.js +706 -0
  48. package/dist/adyen-kyc-components.js +1 -1
  49. package/dist/adyenConfig.js +3 -3
  50. package/dist/core-BwyfkHN1.js +8426 -0
  51. package/dist/{css-CWOdPM3V.js → css-CcrdHRiR.js} +2 -2
  52. package/dist/en-US-QbdqemZi.js +202 -0
  53. package/dist/formatCurrency-CMOSdJMB.js +29 -0
  54. package/dist/individual.js +8 -6
  55. package/dist/ja-JP-DU7yCJYq.js +202 -0
  56. package/dist/{json-B7P51psT.js → json-jBhgszKy.js} +2 -2
  57. package/dist/listToRecord-CO3M1Q74.js +19 -0
  58. package/dist/{plaintext-C3KsPoAZ.js → plaintext-RpKLxlRt.js} +2 -2
  59. package/dist/style.css +1019 -945
  60. package/dist/styles-CLV89_hH.js +1014 -940
  61. package/dist/terms-of-service.js +8 -6
  62. package/dist/toCapitalized-Bq7laD0b.js +13 -0
  63. package/dist/types/api/configurations/useVersionConfiguration.d.ts +0 -5
  64. package/dist/types/api/legalEntity/useLegalEntity.d.ts +9 -3
  65. package/dist/types/api/queryKeys.d.ts +3 -1
  66. package/dist/types/api/uiAnalytics/useAnalyticsSession.d.ts +5 -4
  67. package/dist/types/components/BankAccount/forms/PayoutAccount/payoutAccountFormat.d.ts +2 -0
  68. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +1 -1
  69. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/PayoutDetailsDropin.d.ts +1 -1
  70. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +2 -0
  71. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/types.d.ts +2 -0
  72. package/dist/types/components/EFP/tasks/TaxReportingDropin/types.d.ts +1 -0
  73. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types.d.ts +0 -3
  74. package/dist/types/components/Individual/forms/Individual/IdVerification/idVerificationProviderId.d.ts +1 -0
  75. package/dist/types/components/Individual/forms/Individual/IndividualOuter.d.ts +26 -0
  76. package/dist/types/components/Individual/forms/Individual/types.d.ts +3 -2
  77. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationMethod.d.ts +1 -1
  78. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/IdVerificationMethod.types.d.ts +3 -0
  79. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts +4 -2
  80. package/dist/types/components/Individual/helpers/isOnfidoAutofillFlowEnabled.d.ts +4 -0
  81. package/dist/types/components/Individual/helpers/shouldShowMotionCapture.d.ts +2 -3
  82. package/dist/types/components/Individual/tasks/IndividualDropin/IndividualDropin.d.ts +1 -1
  83. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/IndividualOnfidoDropin.d.ts +1 -1
  84. package/dist/types/components/Shared/AllowedCountryGate/AllowedCountryGate.d.ts +7 -0
  85. package/dist/types/components/Shared/FormFlow/FormFlow.d.ts +3 -0
  86. package/dist/types/components/Shared/FormFlow/FormFlow.types.d.ts +23 -0
  87. package/dist/types/components/Shared/FormNavigation/FormNavigation.d.ts +1 -0
  88. package/dist/types/components/Shared/FormNavigation/FormNavigationItem.d.ts +1 -0
  89. package/dist/types/components/Shared/FormWrapper/FormWrapper.d.ts +1 -0
  90. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +2 -2
  91. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  92. package/dist/types/components/Trust/forms/Trust/types.d.ts +1 -0
  93. package/dist/types/components/Trust/forms/TrustRegistrationDetails/types.d.ts +4 -9
  94. package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts +1 -1
  95. package/dist/types/components/Trust/utils/trustUtil.d.ts +2 -2
  96. package/dist/types/components/index.d.ts +1 -2
  97. package/dist/types/components/ui/atoms/ProgressBar/ProgressBar.d.ts +3 -0
  98. package/dist/types/components/ui/atoms/ProgressBar/ProgressBar.types.d.ts +5 -0
  99. package/dist/types/components/ui/atoms/StepProgressIndicator/StepProgressIndicator.d.ts +1 -0
  100. package/dist/types/core/EmbedShell/EmbedShell.d.ts +2 -3
  101. package/dist/types/core/UIElement/UIElement.d.ts +1 -2
  102. package/dist/types/core/analytics.d.ts +1 -1
  103. package/dist/types/core/models/api/instant-id-verification.d.ts +1 -1
  104. package/dist/types/core/models/api/trust.d.ts +2 -2
  105. package/dist/types/core/models/errors/entity-problems.d.ts +5 -3
  106. package/dist/types/embeds/utils.d.ts +2 -2
  107. package/dist/types/hooks/useAccountHolder.d.ts +1 -1
  108. package/dist/types/hooks/useForm/types.d.ts +0 -1
  109. package/dist/types/hooks/useTrustMembers.d.ts +2 -0
  110. package/dist/types/hooks/useUnincorporatedPartnershipMembers.d.ts +2 -0
  111. package/dist/types/stores/globalStore/determineTaskIdentifiers.d.ts +1 -1
  112. package/dist/types/stores/globalStore/globalStore.d.ts +18 -40
  113. package/dist/types/utils/api/getProblemsForEntity.d.ts +5 -0
  114. package/dist/types/utils/api/processValidationErrors.d.ts +2 -5
  115. package/dist/types/utils/api/useCapabilities.d.ts +2 -0
  116. package/dist/types/utils/entityAssociationUtil.d.ts +2 -1
  117. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  118. package/dist/types/utils/getLegalEntityCountry.d.ts +2 -2
  119. package/dist/types/utils/signals/useSignalValue.d.ts +40 -0
  120. package/dist/utils-BI1ZfPqr.js +228 -0
  121. package/dist/{utils-Do7EwrWz.js → utils-C6fwKsVX.js} +7 -4
  122. package/dist/{yaml-Cv3Lis4l.js → yaml-BtUk5udq.js} +2 -2
  123. package/package.json +2 -4
  124. package/dist/CreateIndividualComponent-DArsdfFf.js +0 -3697
  125. package/dist/core-BY7J00UO.js +0 -18119
  126. package/dist/types/components/Individual/forms/Individual/IndividualExperimentWrapper.d.ts +0 -3
  127. package/dist/types/components/Individual/tasks/IndividualDropin/mandatoryFields.d.ts +0 -5
  128. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/mandatoryFields.d.ts +0 -5
  129. package/dist/types/context/CoreContext/CoreContext.d.ts +0 -17
  130. package/dist/types/context/CoreContext/CoreProvider.d.ts +0 -7
  131. package/dist/types/context/CoreContext/useCoreContext.d.ts +0 -2
  132. package/dist/types/core/models/api/trust-types-value.d.ts +0 -21
package/dist/style.css CHANGED
@@ -853,7 +853,7 @@
853
853
  padding: var(--adyen-sdk-spacer-000, 0px);
854
854
  position: absolute;
855
855
  width: 100%;
856
- z-index: 1;
856
+ z-index: 2;
857
857
  }
858
858
  .adyen-kyc-dropdown-list__transformer {
859
859
  position: relative;
@@ -1156,49 +1156,6 @@
1156
1156
  color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
1157
1157
  }.adyen-kyc-spacer {
1158
1158
  flex: 1;
1159
- }.adyen-kyc-progress-bar {
1160
- display: flex;
1161
- flex: 1;
1162
- padding: var(--adyen-sdk-spacer-000, 0px);
1163
- margin: var(--adyen-sdk-spacer-000, 0px);
1164
- --step-progress-internal-height: 0.25em;
1165
- }
1166
-
1167
- .adyen-kyc-progress-bar-thick li {
1168
- --step-progress-internal-height: 0.4em;
1169
- }
1170
-
1171
- .adyen-kyc-progress-bar-thick li:first-of-type {
1172
- border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
1173
- border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
1174
- }
1175
-
1176
- .adyen-kyc-progress-bar-thick li:last-of-type {
1177
- border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
1178
- border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
1179
- }
1180
-
1181
- .adyen-kyc-progress-step {
1182
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
1183
- display: flex;
1184
- flex: 1;
1185
- height: var(--step-progress-internal-height);
1186
- }
1187
-
1188
- .adyen-kyc-progress-step-active {
1189
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1190
- }
1191
-
1192
- .adyen-kyc-progress-bar-circles li {
1193
- flex: none;
1194
- width: var(--step-progress-internal-height);
1195
- border-radius: var(--step-progress-internal-height);
1196
- margin: 0 var(--step-progress-internal-height);
1197
- }
1198
-
1199
- .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
1200
- padding: 0 calc(var(--step-progress-internal-height) / 2);
1201
- margin: 0 calc(var(--step-progress-internal-height) / 2);
1202
1159
  }.adyen-kyc-skeleton {
1203
1160
  width: 100%;
1204
1161
  height: 100%;
@@ -1432,101 +1389,6 @@
1432
1389
  flex-flow: row-reverse;
1433
1390
  justify-content: space-between;
1434
1391
  }
1435
- }/* #region Borders */
1436
- /* #endregion */
1437
- /* for container queries */
1438
- /* #region Z-index */
1439
- /* #endregion */
1440
- /* #region Timing functions */
1441
- /* #endregion */
1442
- /* #region Inline components */
1443
- /* #endregion */
1444
- .adyen-kyc-form-navigation {
1445
- width: 100%;
1446
- }
1447
- @container main (max-width: 680px) {
1448
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
1449
- display: none;
1450
- }
1451
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
1452
- font-size: 0;
1453
- }
1454
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
1455
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
1456
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1457
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
1458
- line-height: var(--adyen-sdk-text-title-line-height, 26px);
1459
- padding-left: var(--adyen-sdk-spacer-000, 0px);
1460
- }
1461
- }
1462
- @container main (min-width: 680px) and (max-width: 1024px) {
1463
- .adyen-kyc-form-navigation {
1464
- padding-right: var(--adyen-sdk-spacer-100, 32px);
1465
- }
1466
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
1467
- display: none;
1468
- }
1469
- }
1470
- @container main (max-width: 680px) {
1471
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
1472
- display: none;
1473
- }
1474
- }
1475
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
1476
- margin: var(--adyen-sdk-spacer-040, 8px) 0 0 0;
1477
- padding: var(--adyen-sdk-spacer-000, 0px);
1478
- }
1479
-
1480
- .adyen-kyc-form-navigation__home-button-item {
1481
- align-items: center;
1482
- display: flex;
1483
- justify-content: space-between;
1484
- list-style-type: none;
1485
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1486
- }/* #region Borders */
1487
- /* #endregion */
1488
- /* for container queries */
1489
- /* #region Z-index */
1490
- /* #endregion */
1491
- /* #region Timing functions */
1492
- /* #endregion */
1493
- /* #region Inline components */
1494
- /* #endregion */
1495
- .adyen-kyc-form-navigation__item {
1496
- align-items: center;
1497
- border-left: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1498
- color: var(--adyen-sdk-color-label-primary, #00112c);
1499
- cursor: default;
1500
- display: flex;
1501
- 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);
1502
- }
1503
- .adyen-kyc-form-navigation__item button {
1504
- display: flex;
1505
- background: none;
1506
- border: none;
1507
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1508
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
1509
- padding: var(--adyen-sdk-spacer-000, 0px);
1510
- color: inherit;
1511
- text-align: left;
1512
- }
1513
- .adyen-kyc-form-navigation__item--active {
1514
- border-left: var(--adyen-sdk-border-width-m, 2px) solid;
1515
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
1516
- }
1517
- .adyen-kyc-form-navigation__item--isnav button {
1518
- cursor: pointer;
1519
- }
1520
-
1521
- .adyen-kyc-form-navigation__item-icon {
1522
- display: flex;
1523
- margin-left: var(--adyen-sdk-spacer-040, 8px);
1524
- }
1525
- .adyen-kyc-form-navigation__item-icon--success {
1526
- color: var(--adyen-sdk-color-label-success, #07893c);
1527
- }
1528
- .adyen-kyc-form-navigation__item-icon--error {
1529
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1530
1392
  }.adyen-kyc-bank-statement-upload__subtitle {
1531
1393
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
1532
1394
  }
@@ -3132,6 +2994,49 @@ fieldset {
3132
2994
  color: var(--adyen-sdk-color-label-on-color, #ffffff);
3133
2995
  background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3134
2996
  outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
2997
+ }.adyen-kyc-progress-bar {
2998
+ display: flex;
2999
+ flex: 1;
3000
+ padding: var(--adyen-sdk-spacer-000, 0px);
3001
+ margin: var(--adyen-sdk-spacer-000, 0px);
3002
+ --step-progress-internal-height: 0.25em;
3003
+ }
3004
+
3005
+ .adyen-kyc-progress-bar-thick li {
3006
+ --step-progress-internal-height: 0.4em;
3007
+ }
3008
+
3009
+ .adyen-kyc-progress-bar-thick li:first-of-type {
3010
+ border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
3011
+ border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
3012
+ }
3013
+
3014
+ .adyen-kyc-progress-bar-thick li:last-of-type {
3015
+ border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
3016
+ border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
3017
+ }
3018
+
3019
+ .adyen-kyc-progress-step {
3020
+ background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3021
+ display: flex;
3022
+ flex: 1;
3023
+ height: var(--step-progress-internal-height);
3024
+ }
3025
+
3026
+ .adyen-kyc-progress-step-active {
3027
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3028
+ }
3029
+
3030
+ .adyen-kyc-progress-bar-circles li {
3031
+ flex: none;
3032
+ width: var(--step-progress-internal-height);
3033
+ border-radius: var(--step-progress-internal-height);
3034
+ margin: 0 var(--step-progress-internal-height);
3035
+ }
3036
+
3037
+ .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3038
+ padding: 0 calc(var(--step-progress-internal-height) / 2);
3039
+ margin: 0 calc(var(--step-progress-internal-height) / 2);
3135
3040
  }/* #region Borders */
3136
3041
  /* #endregion */
3137
3042
  /* for container queries */
@@ -3193,14 +3098,7 @@ fieldset {
3193
3098
  display: flex;
3194
3099
  gap: var(--adyen-sdk-spacer-070, 16px);
3195
3100
  text-align: left;
3196
- }.adyen-contract-viewer .adyen-document-viewer {
3197
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3198
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3199
- --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3200
- --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3201
- --adv-accordion-content-padding: 0;
3202
- }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height);display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);text-align:var(--adv-heading-text-align);margin:0;padding:0}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.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);background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;text-overflow:ellipsis;padding:0;text-decoration:var(--adv-link-text-decoration);vertical-align:baseline}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.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);display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.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);margin-bottom:0;margin-top:0}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.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);overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.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);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 *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.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)}
3203
- /* #region Borders */
3101
+ }/* #region Borders */
3204
3102
  /* #endregion */
3205
3103
  /* for container queries */
3206
3104
  /* #region Z-index */
@@ -3209,37 +3107,48 @@ fieldset {
3209
3107
  /* #endregion */
3210
3108
  /* #region Inline components */
3211
3109
  /* #endregion */
3212
- .adyen-kyc-form-container {
3110
+ .adyen-kyc-form-navigation {
3213
3111
  width: 100%;
3214
3112
  }
3113
+ @container main (max-width: 680px) {
3114
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
3115
+ display: none;
3116
+ }
3117
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-button__text {
3118
+ font-size: 0;
3119
+ }
3120
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
3121
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
3122
+ font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3123
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
3124
+ line-height: var(--adyen-sdk-text-title-line-height, 26px);
3125
+ padding-left: var(--adyen-sdk-spacer-000, 0px);
3126
+ }
3127
+ }
3215
3128
  @container main (min-width: 680px) and (max-width: 1024px) {
3216
- .adyen-kyc-form-container {
3217
- flex: 1;
3129
+ .adyen-kyc-form-navigation {
3130
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3131
+ }
3132
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
3133
+ display: none;
3218
3134
  }
3219
3135
  }
3220
-
3221
- .adyen-kyc-form-wrapper--hidden {
3222
- display: none;
3136
+ @container main (max-width: 680px) {
3137
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
3138
+ display: none;
3139
+ }
3223
3140
  }
3224
-
3225
- .adyen-kyc-dropin__sidebar-wrapper {
3226
- width: 27%;
3141
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
3142
+ margin: var(--adyen-sdk-spacer-040, 8px) 0 0 0;
3143
+ padding: var(--adyen-sdk-spacer-000, 0px);
3227
3144
  }
3228
3145
 
3229
- .adyen-kyc-form-with-sidebar {
3146
+ .adyen-kyc-form-navigation__home-button-item {
3147
+ align-items: center;
3230
3148
  display: flex;
3231
- width: 100%;
3232
- }
3233
-
3234
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3235
- flex: 1;
3236
- }
3237
-
3238
- @container main (max-width: 680px) {
3239
- .adyen-kyc-dropin__content-main,
3240
- .adyen-kyc-form-with-sidebar {
3241
- flex-direction: column;
3242
- }
3149
+ justify-content: space-between;
3150
+ list-style-type: none;
3151
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3243
3152
  }/* #region Borders */
3244
3153
  /* #endregion */
3245
3154
  /* for container queries */
@@ -3249,53 +3158,62 @@ fieldset {
3249
3158
  /* #endregion */
3250
3159
  /* #region Inline components */
3251
3160
  /* #endregion */
3252
- .adyen-kyc-tag {
3161
+ .adyen-kyc-form-navigation__item {
3162
+ align-items: center;
3163
+ border-left: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3253
3164
  color: var(--adyen-sdk-color-label-primary, #00112c);
3254
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3255
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3256
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3257
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3258
- display: inline-block;
3259
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3260
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3261
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
3262
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3263
- padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
3264
- border-radius: var(--adyen-sdk-border-radius-s, 4px);
3265
- text-decoration: none;
3266
- vertical-align: baseline;
3267
- white-space: nowrap;
3165
+ cursor: default;
3166
+ display: flex;
3167
+ 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);
3168
+ }
3169
+ .adyen-kyc-form-navigation__item button {
3170
+ display: flex;
3171
+ background: none;
3268
3172
  border: none;
3173
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3174
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3175
+ padding: var(--adyen-sdk-spacer-000, 0px);
3176
+ color: inherit;
3177
+ text-align: left;
3269
3178
  }
3270
-
3271
- .adyen-kyc-tag-grey {
3272
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3273
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3179
+ .adyen-kyc-form-navigation__item--active {
3180
+ border-left: var(--adyen-sdk-border-width-m, 2px) solid;
3181
+ color: var(--adyen-sdk-color-label-highlight, #0070f5);
3274
3182
  }
3275
-
3276
- .adyen-kyc-tag-blue {
3277
- background: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
3278
- color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7);
3183
+ .adyen-kyc-form-navigation__item--isnav button {
3184
+ cursor: pointer;
3279
3185
  }
3280
3186
 
3281
- .adyen-kyc-tag-orange {
3282
- background: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
3283
- color: var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700);
3187
+ .adyen-kyc-form-navigation__item-icon {
3188
+ display: flex;
3189
+ margin-left: var(--adyen-sdk-spacer-040, 8px);
3284
3190
  }
3285
-
3286
- .adyen-kyc-tag-red {
3287
- background: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3288
- color: var(--adyen-sdk-color-label-on-background-critical-weak, #c72727);
3191
+ .adyen-kyc-form-navigation__item-icon--success {
3192
+ color: var(--adyen-sdk-color-label-success, #07893c);
3193
+ }
3194
+ .adyen-kyc-form-navigation__item-icon--error {
3195
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3196
+ }.adyen-contract-viewer .adyen-document-viewer {
3197
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3198
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3199
+ --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3200
+ --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3201
+ --adv-accordion-content-padding: 0;
3202
+ }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height);display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);text-align:var(--adv-heading-text-align);margin:0;padding:0}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.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);background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;text-overflow:ellipsis;padding:0;text-decoration:var(--adv-link-text-decoration);vertical-align:baseline}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.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);display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.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);margin-bottom:0;margin-top:0}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.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);overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.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);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 *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.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)}
3203
+ .adyen-kyc-progress-bar {
3204
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3205
+ height: 4px;
3206
+ overflow: hidden;
3289
3207
  }
3290
3208
 
3291
- .adyen-kyc-tag-teal {
3292
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
3293
- color: #065e79;
3209
+ .adyen-kyc-progress-bar-rounded {
3210
+ border-radius: 2px;
3294
3211
  }
3295
3212
 
3296
- .adyen-kyc-tag-green {
3297
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
3298
- color: var(--adyen-sdk-color-label-on-background-success-weak, #067934);
3213
+ .adyen-kyc-progress-bar-indicator {
3214
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3215
+ text-indent: -1000%;
3216
+ transition: width 400ms;
3299
3217
  }/* #region Borders */
3300
3218
  /* #endregion */
3301
3219
  /* for container queries */
@@ -3305,75 +3223,132 @@ fieldset {
3305
3223
  /* #endregion */
3306
3224
  /* #region Inline components */
3307
3225
  /* #endregion */
3308
- .adyen-kyc-status {
3309
- color: var(--adyen-sdk-color-label-primary, #00112c);
3310
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3311
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3312
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3313
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3314
- border: 0;
3315
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3316
- display: flex;
3317
- align-items: center;
3318
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3319
- height: 24px;
3320
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3321
- padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
3226
+ .adyen-kyc-form-flow {
3227
+ min-height: 100%;
3228
+ overflow: auto;
3322
3229
  }
3323
- .adyen-kyc-status--finished {
3324
- color: var(--adyen-sdk-color-label-success, #07893c);
3230
+
3231
+ .adyen-kyc-form-flow-content {
3232
+ margin: auto;
3233
+ max-width: 600px;
3234
+ min-height: 100%;
3235
+ padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
3325
3236
  }
3326
- .adyen-kyc-status--download {
3327
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3328
- cursor: pointer;
3237
+ @media (min-width: 480px) {
3238
+ .adyen-kyc-form-flow-content {
3239
+ padding-left: var(--adyen-sdk-spacer-100, 32px);
3240
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3241
+ }
3329
3242
  }
3330
- .adyen-kyc-status--error {
3331
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3332
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3243
+ @media (min-width: 680px) {
3244
+ .adyen-kyc-form-flow-content {
3245
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3246
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3247
+ }
3333
3248
  }
3334
- .adyen-kyc-status__icon {
3335
- align-self: center;
3336
- border-radius: 50%;
3249
+
3250
+ .adyen-kyc-form-flow-footer {
3251
+ background-color: #fff;
3252
+ bottom: 0;
3253
+ position: sticky;
3254
+ z-index: 1;
3255
+ }
3256
+ @supports (backdrop-filter: blur(10px)) {
3257
+ .adyen-kyc-form-flow-footer {
3258
+ backdrop-filter: blur(10px);
3259
+ background-color: rgba(255, 255, 255, 0.7);
3260
+ }
3261
+ }
3262
+
3263
+ .adyen-kyc-form-flow-footer-border {
3264
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3265
+ }
3266
+
3267
+ .adyen-kyc-form-flow-actions {
3337
3268
  display: flex;
3338
- height: 14px;
3339
- justify-content: center;
3340
- margin-right: var(--adyen-sdk-spacer-030, 6px);
3341
- width: 14px;
3269
+ gap: var(--adyen-sdk-spacer-040, 8px);
3270
+ justify-content: space-between;
3271
+ padding: var(--adyen-sdk-spacer-070, 16px);
3342
3272
  }
3343
- .adyen-kyc-status__icon .adyen-kyc-icon {
3344
- align-items: center;
3345
- color: var(--adyen-sdk-color-label-on-color, #ffffff);
3273
+
3274
+ .adyen-kyc-form-flow-action-group {
3346
3275
  display: flex;
3347
- font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
3276
+ gap: var(--adyen-sdk-spacer-040, 8px);
3277
+ }.adyen-kyc-conflict-row-table td {
3278
+ padding: var(--adyen-sdk-spacer-060, 12px);
3279
+ height: var(--adyen-sdk-spacer-050, 10px);
3280
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
3348
3281
  }
3349
- .adyen-kyc-status__icon--error .adyen-kyc-icon {
3350
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3351
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3282
+ .adyen-kyc-conflict-row-table td:first-child {
3283
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3284
+ text-wrap: nowrap;
3352
3285
  }
3353
- .adyen-kyc-status__icon--finished {
3354
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3286
+
3287
+ .adyen-kyc-conflict-row-list {
3288
+ display: flex;
3289
+ flex-direction: row;
3290
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
3291
+ padding: var(--adyen-sdk-spacer-060, 12px);
3355
3292
  }
3356
- .adyen-kyc-status__icon--download {
3357
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3293
+ .adyen-kyc-conflict-row-list dt {
3294
+ min-width: var(--adyen-sdk-spacer-140, 64px);
3358
3295
  }
3359
- .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
3360
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3296
+ .adyen-kyc-conflict-row-list dd {
3297
+ display: flex;
3298
+ flex-direction: column;
3299
+ gap: var(--adyen-sdk-spacer-060, 12px);
3361
3300
  }
3362
- .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
3363
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3301
+
3302
+ .adyen-kyc-conflict-row-list-option-label {
3303
+ padding-left: var(--adyen-sdk-spacer-090, 24px);
3304
+ }/* #region Borders */
3305
+ /* #endregion */
3306
+ /* for container queries */
3307
+ /* #region Z-index */
3308
+ /* #endregion */
3309
+ /* #region Timing functions */
3310
+ /* #endregion */
3311
+ /* #region Inline components */
3312
+ /* #endregion */
3313
+ .adyen-kyc-data-conflicts-wrapper {
3314
+ display: flex;
3315
+ flex-direction: column;
3316
+ gap: var(--adyen-sdk-spacer-100, 32px);
3364
3317
  }
3365
- .adyen-kyc-status__icon--large {
3366
- height: 24px;
3367
- width: 24px;
3318
+
3319
+ .adyen-kyc-data-conflicts-header {
3320
+ display: flex;
3321
+ gap: var(--adyen-sdk-spacer-040, 8px);
3322
+ flex-direction: column;
3323
+ align-items: center;
3324
+ text-align: center;
3368
3325
  }
3369
- .adyen-kyc-status__icon--large .adyen-kyc-icon {
3370
- font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
3326
+
3327
+ .adyen-kyc-data-conflicts-table {
3328
+ display: none;
3329
+ border-collapse: collapse;
3330
+ }
3331
+ .adyen-kyc-data-conflicts-table th {
3332
+ padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
3333
+ text-align: left;
3334
+ }
3335
+ @media (min-width: 480px) {
3336
+ .adyen-kyc-data-conflicts-table {
3337
+ display: table;
3338
+ }
3371
3339
  }
3372
3340
 
3373
- @container main (max-width: 680px) {
3374
- .adyen-kyc-status__text {
3341
+ .adyen-kyc-data-conflicts-list {
3342
+ display: flex;
3343
+ flex-direction: column;
3344
+ }
3345
+ @media (min-width: 480px) {
3346
+ .adyen-kyc-data-conflicts-list {
3375
3347
  display: none;
3376
3348
  }
3349
+ }.adyen-kyc-verification-disclaimer {
3350
+ text-align: center;
3351
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3377
3352
  }/* #region Borders */
3378
3353
  /* #endregion */
3379
3354
  /* for container queries */
@@ -3383,12 +3358,26 @@ fieldset {
3383
3358
  /* #endregion */
3384
3359
  /* #region Inline components */
3385
3360
  /* #endregion */
3386
- .adyen-kyc-caas-modal-footer {
3387
- width: 100%;
3388
- display: flex;
3389
- justify-content: right;
3390
- align-items: center;
3391
- gap: var(--adyen-sdk-spacer-070, 16px);
3361
+ .adyen-kyc-verification-header {
3362
+ text-align: center;
3363
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3364
+ width: 370px;
3365
+ }
3366
+ @container main (min-width: 1024px) {
3367
+ .adyen-kyc-verification-header {
3368
+ width: 464px;
3369
+ }
3370
+ }
3371
+
3372
+ .adyen-kyc-verification-header-image {
3373
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3374
+ width: 180px;
3375
+ height: 142px;
3376
+ }
3377
+
3378
+ .adyen-kyc-verification-header-content {
3379
+ text-align: center;
3380
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3392
3381
  }/* #region Borders */
3393
3382
  /* #endregion */
3394
3383
  /* for container queries */
@@ -3398,92 +3387,70 @@ fieldset {
3398
3387
  /* #endregion */
3399
3388
  /* #region Inline components */
3400
3389
  /* #endregion */
3401
- .adyen-kyc-embedded-status {
3390
+ .adyen-kyc-verify-onfido-container {
3402
3391
  display: flex;
3403
- justify-content: space-between;
3392
+ flex-direction: column;
3404
3393
  align-items: center;
3405
- gap: var(--adyen-sdk-spacer-070, 16px);
3406
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3407
- width: 100%;
3408
- min-width: 250px;
3409
- max-width: 650px;
3410
- cursor: pointer;
3411
- /* html button default styling removal */
3412
- border: none;
3413
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3414
- text-align: left;
3415
- padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-080, 20px);
3394
+ }
3395
+ @container main (min-width: 1024px) {
3396
+ .adyen-kyc-verify-onfido-container {
3397
+ width: 528px;
3398
+ }
3416
3399
  }
3417
3400
 
3418
- .adyen-kyc-embedded-status-loading {
3419
- cursor: default;
3420
- }
3421
-
3422
- .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
3423
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3424
- border: none;
3425
- }
3426
-
3427
- .adyen-kyc-embedded-status-light .adyen-kyc-embedded-status-avatar {
3428
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3429
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3430
- color: var(--adyen-sdk-color-label-primary, #00112c);
3401
+ .adyen-kyc-verify-onfido-header {
3402
+ text-align: center;
3403
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3404
+ width: 370px;
3431
3405
  }
3432
-
3433
- .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
3434
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3435
- transition: background-color 0.2s;
3406
+ @container main (min-width: 1024px) {
3407
+ .adyen-kyc-verify-onfido-header {
3408
+ width: 464px;
3409
+ }
3436
3410
  }
3437
- .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) .adyen-kyc-embedded-status-action-indicator {
3438
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3439
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3411
+ .adyen-kyc-verify-onfido-header-image {
3412
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3413
+ width: 180px;
3414
+ height: 142px;
3440
3415
  }
3441
3416
 
3442
- .adyen-kyc-embedded-status-avatar {
3417
+ .adyen-kyc-verify-onfido-content {
3418
+ width: 350px;
3443
3419
  display: flex;
3444
- justify-content: center;
3420
+ flex-direction: column;
3421
+ gap: var(--adyen-sdk-spacer-040, 8px);
3445
3422
  align-items: center;
3446
- width: 40px;
3447
- height: 40px;
3448
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3449
- color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3450
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3451
- }
3452
-
3453
- .adyen-kyc-embedded-status-action-indicator {
3454
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3455
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3456
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3457
- padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-050, 10px);
3458
3423
  }
3459
3424
 
3460
- .adyen-kyc-embedded-status-info {
3425
+ .adyen-kyc-verify-onfido-body {
3426
+ text-align: center;
3427
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3428
+ }/* #region Borders */
3429
+ /* #endregion */
3430
+ /* for container queries */
3431
+ /* #region Z-index */
3432
+ /* #endregion */
3433
+ /* #region Timing functions */
3434
+ /* #endregion */
3435
+ /* #region Inline components */
3436
+ /* #endregion */
3437
+ .adyen-kyc-uploaded-document {
3438
+ color: var(--adyen-sdk-color-label-primary, #00112c);
3439
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3461
3440
  display: flex;
3462
- flex-direction: column;
3463
- flex: 1;
3464
- overflow-x: auto;
3465
- }.adyen-kyc-manage-transfer-instrument {
3441
+ gap: var(--adyen-sdk-spacer-040, 8px);
3442
+ justify-content: space-between;
3443
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3444
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3466
3445
  padding: var(--adyen-sdk-spacer-070, 16px);
3467
- width: 100%;
3468
- display: flex;
3469
- align-items: center;
3470
- flex-direction: column;
3471
- }.adyen-kyc-manage-ti-overview {
3472
- display: flex;
3473
- flex-direction: column;
3474
- align-items: center;
3475
- width: 100%;
3476
- }.adyen-kyc-manage-ti-overview-item-summary {
3477
- margin: var(--adyen-sdk-spacer-060, 12px);
3478
- }
3479
- .adyen-kyc-manage-ti-overview-item-summary__header {
3480
- margin-left: var(--adyen-sdk-spacer-060, 12px);
3481
- }
3482
- .adyen-kyc-manage-ti-overview-item-summary__error {
3483
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3446
+ width: 370px;
3447
+ vertical-align: middle;
3448
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3484
3449
  }
3485
- .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
3486
- margin-bottom: var(--adyen-sdk-spacer-060, 12px);
3450
+ @container main (min-width: 1024px) {
3451
+ .adyen-kyc-uploaded-document {
3452
+ width: 464px;
3453
+ }
3487
3454
  }/* #region Borders */
3488
3455
  /* #endregion */
3489
3456
  /* for container queries */
@@ -3493,85 +3460,92 @@ fieldset {
3493
3460
  /* #endregion */
3494
3461
  /* #region Inline components */
3495
3462
  /* #endregion */
3496
- .adyen-task-list__container {
3497
- margin-left: auto;
3498
- margin-right: auto;
3499
- display: flex;
3500
- flex-direction: column;
3501
- gap: var(--adyen-sdk-spacer-070, 16px);
3463
+ .adyen-kyc-tile-container {
3464
+ width: 100%;
3502
3465
  }
3503
3466
 
3504
- .adyen-kyc-card.adyen-kyc-add-payout {
3467
+ .adyen-kyc-tile {
3468
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3469
+ display: flex;
3470
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3471
+ outline: none;
3472
+ padding: var(--adyen-sdk-spacer-070, 16px);
3473
+ cursor: pointer;
3474
+ flex-direction: column;
3505
3475
  align-items: center;
3506
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3476
+ text-align: center;
3477
+ height: 100%;
3478
+ }
3479
+ .adyen-kyc-tile-icon {
3480
+ background: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3481
+ width: var(--adyen-sdk-spacer-110, 40px);
3482
+ height: var(--adyen-sdk-spacer-110, 40px);
3507
3483
  display: flex;
3508
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3484
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3509
3485
  justify-content: center;
3486
+ align-items: center;
3487
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3510
3488
  }
3511
- .adyen-kyc-card.adyen-kyc-add-payout .adyen-kyc-card__body {
3512
- display: inline-flex;
3513
- }
3514
-
3515
- .adyen-task-list__card-icon {
3516
- padding-top: var(--adyen-sdk-spacer-010, 2px);
3517
- margin-right: var(--adyen-sdk-spacer-040, 8px);
3518
- }
3519
-
3520
- .adyen-task-list__nav {
3521
- text-align: right;
3522
- padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px);
3523
- }
3524
-
3525
- .adyen-task-list-singpass-banner {
3526
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3489
+ .adyen-kyc-tile svg {
3490
+ color: var(--adyen-sdk-color-label-primary, #00112c);
3491
+ max-width: var(--adyen-sdk-spacer-070, 16px);
3492
+ max-height: var(--adyen-sdk-spacer-070, 16px);
3527
3493
  }
3528
- .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
3494
+ .adyen-kyc-tile-title {
3495
+ color: var(--adyen-sdk-color-link-primary, #00112c);
3529
3496
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3530
3497
  }
3531
-
3532
- .adyen-task-list-singpass-banner__title {
3533
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3534
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3535
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3498
+ .adyen-kyc-tile:hover {
3499
+ border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3536
3500
  }
3537
- .adyen-task-list-singpass-banner__title + * {
3538
- margin-top: var(--adyen-sdk-spacer-020, 4px);
3501
+ .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3502
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
3539
3503
  }
3540
-
3541
- .adyen-task-list-singpass-banner__subtitle {
3542
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3543
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3544
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3504
+ .adyen-kyc-tile-checkbox {
3505
+ border: 0;
3506
+ clip: rect(0 0 0 0);
3507
+ height: 1px;
3508
+ margin: -1px;
3509
+ overflow: hidden;
3510
+ padding: 0;
3511
+ position: absolute;
3512
+ width: 1px;
3513
+ white-space: nowrap;
3545
3514
  }
3546
- .adyen-task-list-singpass-banner__subtitle + * {
3547
- margin-top: var(--adyen-sdk-spacer-020, 4px);
3515
+
3516
+ .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
3517
+ cursor: not-allowed;
3518
+ opacity: 0.3;
3548
3519
  }
3549
3520
 
3550
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
3551
- width: 100%;
3552
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3553
- color: var(--adyen-sdk-color-label-primary, #00112c);
3554
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3555
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3556
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3557
- margin-top: var(--adyen-sdk-spacer-020, 4px);
3521
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3522
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #00112c) inset;
3523
+ border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3558
3524
  }
3559
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
3560
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3525
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3526
+ background: var(--adyen-sdk-color-label-primary, #00112c);
3561
3527
  }
3562
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
3563
- margin-left: var(--adyen-sdk-spacer-040, 8px);
3564
- width: 92px;
3565
- padding-top: var(--adyen-sdk-spacer-020, 4px);
3528
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3529
+ color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3566
3530
  }
3567
3531
 
3568
- .adyen-task-list__heading {
3569
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
3532
+ .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3533
+ 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));
3534
+ transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3535
+ transition-property: box-shadow;
3536
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3570
3537
  }
3571
3538
 
3572
- .adyen-task-list__description {
3573
- display: flex;
3539
+ .adyen-kyc-tile-container-horizontal .adyen-kyc-tile {
3540
+ flex-direction: row;
3541
+ text-align: left;
3574
3542
  align-items: center;
3543
+ }
3544
+ .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-icon {
3545
+ margin: 0;
3546
+ }
3547
+ .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-label {
3548
+ margin-left: var(--adyen-sdk-spacer-070, 16px);
3575
3549
  }/* #region Borders */
3576
3550
  /* #endregion */
3577
3551
  /* for container queries */
@@ -3581,116 +3555,48 @@ fieldset {
3581
3555
  /* #endregion */
3582
3556
  /* #region Inline components */
3583
3557
  /* #endregion */
3584
- .adyen-task-item {
3585
- gap: var(--adyen-sdk-spacer-100, 32px);
3586
- }
3587
- .adyen-task-item, .adyen-task-item__header, .adyen-task-item__heading, .adyen-task-item__status, .adyen-task-item__info {
3588
- align-items: center;
3558
+ .adyen-kyc-tile-group {
3559
+ gap: var(--adyen-sdk-spacer-040, 8px);
3589
3560
  display: flex;
3561
+ flex-wrap: wrap;
3562
+ justify-content: center;
3590
3563
  }
3591
- .adyen-task-item__heading, .adyen-task-item__header {
3592
- flex: 1;
3564
+ .adyen-kyc-tile-group .adyen-kyc-tile-container {
3565
+ width: 32%;
3566
+ white-space: wrap;
3567
+ word-break: break-word;
3593
3568
  }
3594
- .adyen-task-item__info, .adyen-task-item__heading, .adyen-task-item__header {
3595
- gap: var(--adyen-sdk-spacer-040, 8px);
3569
+
3570
+ .adyen-kyc-tile-group-error {
3571
+ text-align: center;
3572
+ display: flex;
3573
+ justify-content: center;
3574
+ align-items: center;
3575
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3576
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3577
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3578
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3579
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3580
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3596
3581
  }
3597
- .adyen-task-item__header {
3598
- flex-wrap: wrap-reverse;
3582
+ .adyen-kyc-tile-group-error-icon {
3583
+ margin-right: var(--adyen-sdk-spacer-020, 4px);
3584
+ height: var(--adyen-sdk-spacer-070, 16px);
3599
3585
  }
3600
- @container main (min-width: 680px) and (max-width: 1024px) {
3601
- .adyen-task-item__status {
3602
- gap: var(--adyen-sdk-spacer-040, 8px);
3603
- }
3604
- }
3605
- .adyen-task-item__body {
3586
+
3587
+ .adyen-kyc-tile-group-horizontal {
3606
3588
  display: flex;
3589
+ flex-wrap: nowrap;
3607
3590
  flex-direction: column;
3608
3591
  }
3609
- .adyen-task-item__info {
3610
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3611
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3612
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3613
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3614
- }
3615
- .adyen-task-item__title {
3616
- color: var(--adyen-sdk-color-label-primary, #00112c);
3617
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3618
- }
3619
- .adyen-task-item__tagline {
3620
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
3621
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3622
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3623
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3624
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3625
- }
3626
- .adyen-task-item__icon-wrapper {
3627
- align-items: center;
3628
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3629
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3630
- color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3631
- display: flex;
3632
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
3633
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3634
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
3635
- line-height: var(--adyen-sdk-text-title-line-height, 26px);
3636
- height: 32px;
3637
- justify-content: center;
3638
- width: 32px;
3639
- }
3640
- .adyen-task-item__status .adyen-kyc-icon, .adyen-task-item__icon-wrapper .adyen-kyc-icon {
3641
- display: inline-flex;
3642
- }
3643
- .adyen-task-item-alert {
3644
- margin-top: var(--adyen-sdk-spacer-040, 8px);
3645
- padding: var(--adyen-sdk-spacer-040, 8px);
3646
- }
3647
- .adyen-task-item-extra-actions {
3648
- color: var(--adyen-sdk-color-label-primary, #00112c);
3649
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3650
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3651
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3652
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3653
- display: flex;
3654
- flex-direction: column;
3655
- margin: var(--adyen-sdk-spacer-000, 0px);
3656
- padding: var(--adyen-sdk-spacer-040, 8px);
3592
+ .adyen-kyc-tile-group-horizontal .adyen-kyc-tile-container {
3657
3593
  width: 100%;
3658
- }
3659
- .adyen-task-item-extra-actions__more-actions-toggle {
3660
- border-radius: 50%;
3661
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3662
- font-size: 5.4px;
3663
- min-width: auto;
3664
- height: 32px;
3665
- width: 32px;
3666
- }
3667
- .adyen-task-item-extra-actions__more-actions-toggle .adyen-kyc-icon {
3668
- display: inline-flex;
3669
- margin: var(--adyen-sdk-spacer-000, 0px);
3670
- }
3671
- .adyen-task-item-extra-actions__more-actions-toggle:hover {
3672
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3673
- }
3674
- .adyen-task-item-extra-actions__actions {
3675
- position: relative;
3676
- }
3677
- .adyen-task-item__remove {
3678
- display: flex;
3679
- justify-content: center;
3680
- align-items: center;
3681
- position: relative;
3682
- height: 32px;
3683
- width: 64px;
3684
- padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
3594
+ }.adyen-kyc-guidance-question {
3595
+ margin-bottom: var(--adyen-sdk-spacer-140, 64px);
3685
3596
  }
3686
3597
 
3687
- .adyen-kyc-task-status-details-required,
3688
- .adyen-kyc-task-status-sign,
3689
- .adyen-kyc-task-status-submit,
3690
- .adyen-kyc-task-status-unknown {
3691
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3692
- margin-right: var(--adyen-sdk-spacer-040, 8px);
3693
- padding-top: 1px;
3598
+ .adyen-kyc-options {
3599
+ margin-top: var(--adyen-sdk-spacer-080, 20px);
3694
3600
  }/* #region Borders */
3695
3601
  /* #endregion */
3696
3602
  /* for container queries */
@@ -3700,76 +3606,53 @@ fieldset {
3700
3606
  /* #endregion */
3701
3607
  /* #region Inline components */
3702
3608
  /* #endregion */
3703
- .adyen-task-list-group {
3609
+ .adyen-kyc-tag {
3704
3610
  color: var(--adyen-sdk-color-label-primary, #00112c);
3705
3611
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3706
3612
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3707
3613
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3708
3614
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3709
- align-items: flex-start;
3710
- background: var(--adyen-sdk-color-background-primary, #ffffff);
3711
- }
3712
- @container main (max-width: 680px) {
3713
- .adyen-task-list-group {
3714
- border: 0;
3715
- }
3716
- }
3717
- .adyen-task-list-group__header {
3718
- padding-top: var(--adyen-sdk-spacer-090, 24px);
3719
- }
3720
- .adyen-task-list-group > .adyen-kyc-card__body {
3721
- 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);
3722
- }.adyen-kyc-business-details {
3723
- min-height: 480px;
3724
- }
3725
- .adyen-kyc-business-details--hide,
3726
- .adyen-kyc-business-details [class*="--hide"] {
3727
- display: none;
3728
- }
3729
- .adyen-kyc-business-details .adyen-kyc-form-header {
3730
- margin: 0 0 var(--adyen-sdk-spacer-120, 48px);
3615
+ display: inline-block;
3616
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3617
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3618
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
3619
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3620
+ padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
3621
+ border-radius: var(--adyen-sdk-border-radius-s, 4px);
3622
+ text-decoration: none;
3623
+ vertical-align: baseline;
3624
+ white-space: nowrap;
3625
+ border: none;
3731
3626
  }
3732
- .adyen-kyc-business-details .adyen-kyc-form-header__heading {
3733
- font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
3734
- font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3735
- font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
3736
- line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
3737
- color: var(--adyen-sdk-color-label-primary, #00112c);
3627
+
3628
+ .adyen-kyc-tag-grey {
3629
+ background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3630
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
3738
3631
  }
3739
- .adyen-kyc-business-details .adyen-kyc-form-header__description {
3740
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3741
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3742
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3743
- color: var(--adyen-sdk-color-label-primary, #00112c);
3744
- }.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
3745
- .adyen-kyc__high-exposure-company .adyen-kyc-typography--body,
3746
- .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title-l,
3747
- .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--body,
3748
- .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title-l,
3749
- .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--body {
3750
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3632
+
3633
+ .adyen-kyc-tag-blue {
3634
+ background: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
3635
+ color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7);
3751
3636
  }
3752
- .adyen-kyc__high-exposure-company .adyen-kyc-typography--title,
3753
- .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title,
3754
- .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title {
3755
- margin-bottom: var(--adyen-sdk-spacer-090, 24px);
3756
- margin-top: var(--adyen-sdk-spacer-110, 40px);
3637
+
3638
+ .adyen-kyc-tag-orange {
3639
+ background: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
3640
+ color: var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700);
3757
3641
  }
3758
3642
 
3759
- .adyen-kyc-field--highExposureBusinessInformation .adyen-kyc-radio-group {
3760
- display: grid;
3761
- grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3762
- column-gap: var(--adyen-sdk-spacer-100, 32px);
3643
+ .adyen-kyc-tag-red {
3644
+ background: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3645
+ color: var(--adyen-sdk-color-label-on-background-critical-weak, #c72727);
3763
3646
  }
3764
3647
 
3765
- .adyen-kyc-high-exposure-financials {
3766
- display: grid;
3767
- grid-template-columns: 1fr 1fr;
3768
- gap: var(--adyen-sdk-spacer-080, 20px);
3769
- place-items: center;
3648
+ .adyen-kyc-tag-teal {
3649
+ background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
3650
+ color: #065e79;
3770
3651
  }
3771
- .adyen-kyc-high-exposure-financials .adyen-kyc-helper-text__above {
3772
- height: var(--adyen-sdk-spacer-120, 48px);
3652
+
3653
+ .adyen-kyc-tag-green {
3654
+ background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
3655
+ color: var(--adyen-sdk-color-label-on-background-success-weak, #067934);
3773
3656
  }/* #region Borders */
3774
3657
  /* #endregion */
3775
3658
  /* for container queries */
@@ -3779,174 +3662,115 @@ fieldset {
3779
3662
  /* #endregion */
3780
3663
  /* #region Inline components */
3781
3664
  /* #endregion */
3782
- .adyen-kyc-source-of-funds {
3665
+ .adyen-kyc-status {
3783
3666
  color: var(--adyen-sdk-color-label-primary, #00112c);
3784
3667
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3785
3668
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3786
3669
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3787
3670
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3671
+ border: 0;
3672
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3788
3673
  display: flex;
3789
- flex-direction: column;
3790
- width: 100%;
3791
- max-width: 520px;
3792
- margin: var(--adyen-sdk-spacer-000, 0px) auto;
3793
- }
3794
- .adyen-kyc-source-of-funds-wrapper-loading {
3795
- display: flex;
3796
- flex-direction: column;
3797
- width: 100%;
3798
- margin: var(--adyen-sdk-spacer-100, 32px) auto;
3674
+ align-items: center;
3675
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3676
+ height: 24px;
3677
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3678
+ padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
3799
3679
  }
3800
- .adyen-kyc-source-of-funds-wrapper-heading {
3801
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3802
- text-align: center;
3680
+ .adyen-kyc-status--finished {
3681
+ color: var(--adyen-sdk-color-label-success, #07893c);
3803
3682
  }
3804
- .adyen-kyc-source-of-funds-wrapper-description {
3805
- margin-top: var(--adyen-sdk-spacer-050, 10px);
3683
+ .adyen-kyc-status--download {
3684
+ color: var(--adyen-sdk-color-label-highlight, #0070f5);
3685
+ cursor: pointer;
3806
3686
  }
3807
- .adyen-kyc-source-of-funds-getting-started {
3808
- text-align: center;
3809
- margin: var(--adyen-sdk-spacer-000, 0px) auto;
3687
+ .adyen-kyc-status--error {
3688
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3689
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3810
3690
  }
3811
- .adyen-kyc-source-of-funds-getting-started-icon {
3691
+ .adyen-kyc-status__icon {
3692
+ align-self: center;
3693
+ border-radius: 50%;
3812
3694
  display: flex;
3695
+ height: 14px;
3813
3696
  justify-content: center;
3814
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
3697
+ margin-right: var(--adyen-sdk-spacer-030, 6px);
3698
+ width: 14px;
3815
3699
  }
3816
- .adyen-kyc-source-of-funds-getting-started-icon > svg {
3817
- max-width: 224px;
3818
- height: 224px;
3819
- display: block;
3700
+ .adyen-kyc-status__icon .adyen-kyc-icon {
3701
+ align-items: center;
3702
+ color: var(--adyen-sdk-color-label-on-color, #ffffff);
3703
+ display: flex;
3704
+ font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
3820
3705
  }
3821
- .adyen-kyc-source-of-funds-getting-started-heading {
3822
- margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3706
+ .adyen-kyc-status__icon--error .adyen-kyc-icon {
3707
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3708
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3823
3709
  }
3824
- .adyen-kyc-source-of-funds-getting-started-body {
3825
- margin-bottom: var(--adyen-sdk-spacer-140, 64px);
3710
+ .adyen-kyc-status__icon--finished {
3711
+ background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3826
3712
  }
3827
- .adyen-kyc-source-of-funds-getting-started-error {
3828
- margin-top: var(--adyen-sdk-spacer-090, 24px);
3713
+ .adyen-kyc-status__icon--download {
3714
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3829
3715
  }
3830
- .adyen-kyc-source-of-funds-getting-started-error-actions {
3831
- margin-top: var(--adyen-sdk-spacer-030, 6px);
3716
+ .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
3717
+ background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3832
3718
  }
3833
- .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards {
3834
- margin-top: var(--adyen-sdk-spacer-090, 24px);
3835
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
3836
- text-align: left;
3837
- }
3838
- .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card {
3839
- border: none;
3840
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
3841
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3842
- }
3843
- .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
3844
- padding: var(--adyen-sdk-spacer-070, 16px);
3845
- }
3846
- .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-body {
3847
- margin: 0 var(--adyen-sdk-spacer-070, 16px);
3848
- padding: var(--adyen-sdk-spacer-070, 16px) 0;
3849
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3719
+ .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
3720
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3850
3721
  }
3851
- .adyen-kyc-source-of-funds-getting-started-actions {
3852
- display: flex;
3853
- flex-direction: column;
3854
- gap: var(--adyen-sdk-spacer-040, 8px);
3855
- max-width: 330px;
3856
- margin: var(--adyen-sdk-spacer-100, 32px) auto var(--adyen-sdk-spacer-000, 0px) auto;
3722
+ .adyen-kyc-status__icon--large {
3723
+ height: 24px;
3724
+ width: 24px;
3857
3725
  }
3858
- .adyen-kyc-source-of-funds-additional-data-form {
3859
- padding: var(--adyen-sdk-spacer-040, 8px);
3726
+ .adyen-kyc-status__icon--large .adyen-kyc-icon {
3727
+ font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
3860
3728
  }
3861
- .adyen-kyc-source-of-funds-third-party-funding-financier-group {
3729
+
3730
+ @container main (max-width: 680px) {
3731
+ .adyen-kyc-status__text {
3732
+ display: none;
3733
+ }
3734
+ }/* #region Borders */
3735
+ /* #endregion */
3736
+ /* for container queries */
3737
+ /* #region Z-index */
3738
+ /* #endregion */
3739
+ /* #region Timing functions */
3740
+ /* #endregion */
3741
+ /* #region Inline components */
3742
+ /* #endregion */
3743
+ .adyen-kyc-form-container {
3862
3744
  width: 100%;
3863
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3864
- border: none;
3865
- display: flex;
3866
- justify-content: space-between;
3867
- align-items: center;
3868
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3869
- cursor: pointer;
3870
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3871
- padding: var(--adyen-sdk-spacer-040, 8px);
3872
- }
3873
- .adyen-kyc-source-of-funds-third-party-funding-financier-group:hover {
3874
- background-color: var(--adyen-sdk-color-background-always-light-hover, #f7f7f8);
3875
- }
3876
- .adyen-kyc-source-of-funds-third-party-funding-name-avatar-group {
3877
- display: flex;
3878
- gap: var(--adyen-sdk-spacer-070, 16px);
3879
- align-items: center;
3880
3745
  }
3881
- .adyen-kyc-source-of-funds-third-party-funding-avatar {
3882
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3883
- height: var(--adyen-sdk-spacer-120, 48px);
3884
- width: var(--adyen-sdk-spacer-120, 48px);
3885
- border-radius: 50%;
3886
- display: grid;
3887
- place-items: center;
3888
- }
3889
- .adyen-kyc-source-of-funds-third-party-funding-avatar-add {
3890
- background: var(--adyen-sdk-color-background-primary, #ffffff);
3891
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3892
- margin-right: var(--adyen-sdk-spacer-070, 16px);
3893
- height: var(--adyen-sdk-spacer-120, 48px);
3894
- width: var(--adyen-sdk-spacer-120, 48px);
3895
- border-radius: 50%;
3896
- display: grid;
3897
- place-items: center;
3898
- }
3899
- .adyen-kyc-source-of-funds-third-party-funding-name-address-group {
3900
- text-align: left;
3901
- overflow-wrap: anywhere;
3902
- max-width: 80%;
3746
+ @container main (min-width: 680px) and (max-width: 1024px) {
3747
+ .adyen-kyc-form-container {
3748
+ flex: 1;
3749
+ }
3903
3750
  }
3904
- .adyen-kyc-source-of-funds-sof-financier-form-error {
3905
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3751
+
3752
+ .adyen-kyc-form-wrapper--hidden {
3753
+ display: none;
3906
3754
  }
3907
- .adyen-kyc-source-of-funds-sof-financier-form-name-group {
3908
- display: flex;
3909
- gap: var(--adyen-sdk-spacer-070, 16px);
3755
+
3756
+ .adyen-kyc-dropin__sidebar-wrapper {
3757
+ width: 27%;
3910
3758
  }
3911
- .adyen-kyc-source-of-funds-financier-footer {
3759
+
3760
+ .adyen-kyc-form-with-sidebar {
3912
3761
  display: flex;
3913
- flex-direction: column;
3914
- gap: var(--adyen-sdk-spacer-040, 8px);
3915
- }
3916
- .adyen-kyc-source-of-funds-grid-container {
3917
- display: grid;
3918
- grid-template-columns: 1fr 1fr;
3919
- grid-gap: var(--adyen-sdk-spacer-080, 20px);
3920
- }
3921
- .adyen-kyc-source-of-funds-sub-heading {
3922
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
3923
- }
3924
- .adyen-kyc-source-of-funds-upload-modal-content-field {
3925
- text-align: left;
3926
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3927
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3928
- font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
3929
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
3930
- }
3931
- .adyen-kyc-source-of-funds-upload-modal-content-field-radio-group {
3932
- display: grid;
3933
- gap: var(--adyen-sdk-spacer-060, 12px);
3934
- }
3935
- .adyen-kyc-source-of-funds-upload-modal-content-requirements-container {
3936
- padding: var(--adyen-sdk-spacer-070, 16px);
3937
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3938
- text-align: left;
3939
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3940
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
3762
+ width: 100%;
3941
3763
  }
3942
- .adyen-kyc-source-of-funds-upload-list-heading {
3943
- margin-bottom: var(--adyen-sdk-spacer-110, 40px);
3944
- text-align: center;
3764
+
3765
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3766
+ flex: 1;
3945
3767
  }
3946
- .adyen-kyc-source-of-funds-modal {
3947
- display: flex;
3948
- flex-direction: column;
3949
- gap: var(--adyen-sdk-spacer-100, 32px);
3768
+
3769
+ @container main (max-width: 680px) {
3770
+ .adyen-kyc-dropin__content-main,
3771
+ .adyen-kyc-form-with-sidebar {
3772
+ flex-direction: column;
3773
+ }
3950
3774
  }/* #region Borders */
3951
3775
  /* #endregion */
3952
3776
  /* for container queries */
@@ -3956,92 +3780,107 @@ fieldset {
3956
3780
  /* #endregion */
3957
3781
  /* #region Inline components */
3958
3782
  /* #endregion */
3959
- .adyen-kyc-tile-container {
3783
+ .adyen-kyc-caas-modal-footer {
3960
3784
  width: 100%;
3961
- }
3962
-
3963
- .adyen-kyc-tile {
3964
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3965
3785
  display: flex;
3966
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3967
- outline: none;
3968
- padding: var(--adyen-sdk-spacer-070, 16px);
3969
- cursor: pointer;
3970
- flex-direction: column;
3786
+ justify-content: right;
3971
3787
  align-items: center;
3972
- text-align: center;
3973
- height: 100%;
3974
- }
3975
- .adyen-kyc-tile-icon {
3976
- background: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3977
- width: var(--adyen-sdk-spacer-110, 40px);
3978
- height: var(--adyen-sdk-spacer-110, 40px);
3788
+ gap: var(--adyen-sdk-spacer-070, 16px);
3789
+ }/* #region Borders */
3790
+ /* #endregion */
3791
+ /* for container queries */
3792
+ /* #region Z-index */
3793
+ /* #endregion */
3794
+ /* #region Timing functions */
3795
+ /* #endregion */
3796
+ /* #region Inline components */
3797
+ /* #endregion */
3798
+ .adyen-kyc-embedded-status {
3979
3799
  display: flex;
3980
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3981
- justify-content: center;
3800
+ justify-content: space-between;
3982
3801
  align-items: center;
3983
- margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3984
- }
3985
- .adyen-kyc-tile svg {
3986
- color: var(--adyen-sdk-color-label-primary, #00112c);
3987
- max-width: var(--adyen-sdk-spacer-070, 16px);
3988
- max-height: var(--adyen-sdk-spacer-070, 16px);
3989
- }
3990
- .adyen-kyc-tile-title {
3991
- color: var(--adyen-sdk-color-link-primary, #00112c);
3992
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3993
- }
3994
- .adyen-kyc-tile:hover {
3995
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3802
+ gap: var(--adyen-sdk-spacer-070, 16px);
3803
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3804
+ width: 100%;
3805
+ min-width: 250px;
3806
+ max-width: 650px;
3807
+ cursor: pointer;
3808
+ /* html button default styling removal */
3809
+ border: none;
3810
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3811
+ text-align: left;
3812
+ padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-080, 20px);
3996
3813
  }
3997
- .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3998
- background: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
3814
+
3815
+ .adyen-kyc-embedded-status-loading {
3816
+ cursor: default;
3999
3817
  }
4000
- .adyen-kyc-tile-checkbox {
4001
- border: 0;
4002
- clip: rect(0 0 0 0);
4003
- height: 1px;
4004
- margin: -1px;
4005
- overflow: hidden;
4006
- padding: 0;
4007
- position: absolute;
4008
- width: 1px;
4009
- white-space: nowrap;
3818
+
3819
+ .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
3820
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3821
+ border: none;
4010
3822
  }
4011
3823
 
4012
- .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
4013
- cursor: not-allowed;
4014
- opacity: 0.3;
3824
+ .adyen-kyc-embedded-status-light .adyen-kyc-embedded-status-avatar {
3825
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3826
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3827
+ color: var(--adyen-sdk-color-label-primary, #00112c);
4015
3828
  }
4016
3829
 
4017
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
4018
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #00112c) inset;
4019
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
3830
+ .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
3831
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3832
+ transition: background-color 0.2s;
4020
3833
  }
4021
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
4022
- background: var(--adyen-sdk-color-label-primary, #00112c);
3834
+ .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) .adyen-kyc-embedded-status-action-indicator {
3835
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3836
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
4023
3837
  }
4024
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
4025
- color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3838
+
3839
+ .adyen-kyc-embedded-status-avatar {
3840
+ display: flex;
3841
+ justify-content: center;
3842
+ align-items: center;
3843
+ width: 40px;
3844
+ height: 40px;
3845
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3846
+ color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3847
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4026
3848
  }
4027
3849
 
4028
- .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
4029
- 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));
4030
- transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4031
- transition-property: box-shadow;
4032
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3850
+ .adyen-kyc-embedded-status-action-indicator {
3851
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3852
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3853
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3854
+ padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-050, 10px);
4033
3855
  }
4034
3856
 
4035
- .adyen-kyc-tile-container-horizontal .adyen-kyc-tile {
4036
- flex-direction: row;
4037
- text-align: left;
3857
+ .adyen-kyc-embedded-status-info {
3858
+ display: flex;
3859
+ flex-direction: column;
3860
+ flex: 1;
3861
+ overflow-x: auto;
3862
+ }.adyen-kyc-manage-transfer-instrument {
3863
+ padding: var(--adyen-sdk-spacer-070, 16px);
3864
+ width: 100%;
3865
+ display: flex;
4038
3866
  align-items: center;
3867
+ flex-direction: column;
3868
+ }.adyen-kyc-manage-ti-overview {
3869
+ display: flex;
3870
+ flex-direction: column;
3871
+ align-items: center;
3872
+ width: 100%;
3873
+ }.adyen-kyc-manage-ti-overview-item-summary {
3874
+ margin: var(--adyen-sdk-spacer-060, 12px);
4039
3875
  }
4040
- .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-icon {
4041
- margin: 0;
3876
+ .adyen-kyc-manage-ti-overview-item-summary__header {
3877
+ margin-left: var(--adyen-sdk-spacer-060, 12px);
4042
3878
  }
4043
- .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-label {
4044
- margin-left: var(--adyen-sdk-spacer-070, 16px);
3879
+ .adyen-kyc-manage-ti-overview-item-summary__error {
3880
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3881
+ }
3882
+ .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
3883
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px);
4045
3884
  }/* #region Borders */
4046
3885
  /* #endregion */
4047
3886
  /* for container queries */
@@ -4051,108 +3890,85 @@ fieldset {
4051
3890
  /* #endregion */
4052
3891
  /* #region Inline components */
4053
3892
  /* #endregion */
4054
- .adyen-kyc-tile-group {
4055
- gap: var(--adyen-sdk-spacer-040, 8px);
3893
+ .adyen-task-list__container {
3894
+ margin-left: auto;
3895
+ margin-right: auto;
4056
3896
  display: flex;
4057
- flex-wrap: wrap;
4058
- justify-content: center;
4059
- }
4060
- .adyen-kyc-tile-group .adyen-kyc-tile-container {
4061
- width: 32%;
4062
- white-space: wrap;
4063
- word-break: break-word;
3897
+ flex-direction: column;
3898
+ gap: var(--adyen-sdk-spacer-070, 16px);
4064
3899
  }
4065
3900
 
4066
- .adyen-kyc-tile-group-error {
4067
- text-align: center;
3901
+ .adyen-kyc-card.adyen-kyc-add-payout {
3902
+ align-items: center;
3903
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
4068
3904
  display: flex;
3905
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4069
3906
  justify-content: center;
4070
- align-items: center;
4071
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
4072
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
4073
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4074
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4075
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4076
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4077
3907
  }
4078
- .adyen-kyc-tile-group-error-icon {
4079
- margin-right: var(--adyen-sdk-spacer-020, 4px);
4080
- height: var(--adyen-sdk-spacer-070, 16px);
3908
+ .adyen-kyc-card.adyen-kyc-add-payout .adyen-kyc-card__body {
3909
+ display: inline-flex;
4081
3910
  }
4082
3911
 
4083
- .adyen-kyc-tile-group-horizontal {
4084
- display: flex;
4085
- flex-wrap: nowrap;
4086
- flex-direction: column;
3912
+ .adyen-task-list__card-icon {
3913
+ padding-top: var(--adyen-sdk-spacer-010, 2px);
3914
+ margin-right: var(--adyen-sdk-spacer-040, 8px);
4087
3915
  }
4088
- .adyen-kyc-tile-group-horizontal .adyen-kyc-tile-container {
4089
- width: 100%;
4090
- }/* #region Borders */
4091
- /* #endregion */
4092
- /* for container queries */
4093
- /* #region Z-index */
4094
- /* #endregion */
4095
- /* #region Timing functions */
4096
- /* #endregion */
4097
- /* #region Inline components */
4098
- /* #endregion */
4099
- .adyen-kyc-in-task-status {
4100
- width: 148px;
4101
- height: 26px;
4102
- display: flex;
4103
- justify-content: center;
4104
- align-items: center;
4105
- margin: 0 auto 8px;
4106
- background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
4107
- padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
4108
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3916
+
3917
+ .adyen-task-list__nav {
3918
+ text-align: right;
3919
+ padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px);
4109
3920
  }
4110
- .adyen-kyc-in-task-status-indicator {
4111
- width: var(--adyen-sdk-spacer-060, 12px);
4112
- height: var(--adyen-sdk-spacer-060, 12px);
4113
- border-radius: 50%;
4114
- margin-right: var(--adyen-sdk-spacer-020, 4px);
3921
+
3922
+ .adyen-task-list-singpass-banner {
3923
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4115
3924
  }
4116
- .adyen-kyc-in-task-status-indicator-success {
4117
- background-color: var(--adyen-sdk-color-decorative-green, #09ab4b);
3925
+ .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
3926
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
4118
3927
  }
4119
- .adyen-kyc-in-task-status-indicator-error {
4120
- background-color: var(--adyen-sdk-color-decorative-red, #e22d2d);
3928
+
3929
+ .adyen-task-list-singpass-banner__title {
3930
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3931
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3932
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4121
3933
  }
4122
- .adyen-kyc-in-task-status-indicator-warning {
4123
- background-color: var(--adyen-sdk-color-decorative-orange, #dd7d00);
3934
+ .adyen-task-list-singpass-banner__title + * {
3935
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4124
3936
  }
4125
- .adyen-kyc-in-task-status-label {
4126
- font-size: var(--adyen-sdk-spacer-060, 12px);
4127
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
4128
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
4129
- }.adyen-kyc-conflict-row-table td {
4130
- padding: var(--adyen-sdk-spacer-060, 12px);
4131
- height: var(--adyen-sdk-spacer-050, 10px);
4132
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
3937
+
3938
+ .adyen-task-list-singpass-banner__subtitle {
3939
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3940
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3941
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4133
3942
  }
4134
- .adyen-kyc-conflict-row-table td:first-child {
4135
- padding-right: var(--adyen-sdk-spacer-100, 32px);
4136
- text-wrap: nowrap;
3943
+ .adyen-task-list-singpass-banner__subtitle + * {
3944
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
3945
+ }
3946
+
3947
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
3948
+ width: 100%;
3949
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3950
+ color: var(--adyen-sdk-color-label-primary, #00112c);
3951
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3952
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3953
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3954
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4137
3955
  }
4138
-
4139
- .adyen-kyc-conflict-row-list {
4140
- display: flex;
4141
- flex-direction: row;
4142
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dbdee2);
4143
- padding: var(--adyen-sdk-spacer-060, 12px);
3956
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
3957
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4144
3958
  }
4145
- .adyen-kyc-conflict-row-list dt {
4146
- min-width: var(--adyen-sdk-spacer-140, 64px);
3959
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
3960
+ margin-left: var(--adyen-sdk-spacer-040, 8px);
3961
+ width: 92px;
3962
+ padding-top: var(--adyen-sdk-spacer-020, 4px);
4147
3963
  }
4148
- .adyen-kyc-conflict-row-list dd {
4149
- display: flex;
4150
- flex-direction: column;
4151
- gap: var(--adyen-sdk-spacer-060, 12px);
3964
+
3965
+ .adyen-task-list__heading {
3966
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
4152
3967
  }
4153
3968
 
4154
- .adyen-kyc-conflict-row-list-option-label {
4155
- padding-left: var(--adyen-sdk-spacer-090, 24px);
3969
+ .adyen-task-list__description {
3970
+ display: flex;
3971
+ align-items: center;
4156
3972
  }/* #region Borders */
4157
3973
  /* #endregion */
4158
3974
  /* for container queries */
@@ -4162,121 +3978,116 @@ fieldset {
4162
3978
  /* #endregion */
4163
3979
  /* #region Inline components */
4164
3980
  /* #endregion */
4165
- .adyen-kyc-data-conflicts-wrapper {
4166
- display: flex;
4167
- flex-direction: column;
3981
+ .adyen-task-item {
4168
3982
  gap: var(--adyen-sdk-spacer-100, 32px);
4169
3983
  }
4170
-
4171
- .adyen-kyc-data-conflicts-header {
4172
- display: flex;
4173
- gap: var(--adyen-sdk-spacer-040, 8px);
4174
- flex-direction: column;
3984
+ .adyen-task-item, .adyen-task-item__header, .adyen-task-item__heading, .adyen-task-item__status, .adyen-task-item__info {
4175
3985
  align-items: center;
4176
- text-align: center;
3986
+ display: flex;
4177
3987
  }
4178
-
4179
- .adyen-kyc-data-conflicts-table {
4180
- display: none;
4181
- border-collapse: collapse;
3988
+ .adyen-task-item__heading, .adyen-task-item__header {
3989
+ flex: 1;
4182
3990
  }
4183
- .adyen-kyc-data-conflicts-table th {
4184
- padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
4185
- text-align: left;
3991
+ .adyen-task-item__info, .adyen-task-item__heading, .adyen-task-item__header {
3992
+ gap: var(--adyen-sdk-spacer-040, 8px);
4186
3993
  }
4187
- @media (min-width: 480px) {
4188
- .adyen-kyc-data-conflicts-table {
4189
- display: table;
3994
+ .adyen-task-item__header {
3995
+ flex-wrap: wrap-reverse;
3996
+ }
3997
+ @container main (min-width: 680px) and (max-width: 1024px) {
3998
+ .adyen-task-item__status {
3999
+ gap: var(--adyen-sdk-spacer-040, 8px);
4190
4000
  }
4191
4001
  }
4192
-
4193
- .adyen-kyc-data-conflicts-list {
4002
+ .adyen-task-item__body {
4194
4003
  display: flex;
4195
4004
  flex-direction: column;
4196
4005
  }
4197
- @media (min-width: 480px) {
4198
- .adyen-kyc-data-conflicts-list {
4199
- display: none;
4200
- }
4201
- }.adyen-kyc-verification-disclaimer {
4202
- text-align: center;
4203
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4204
- }/* #region Borders */
4205
- /* #endregion */
4206
- /* for container queries */
4207
- /* #region Z-index */
4208
- /* #endregion */
4209
- /* #region Timing functions */
4210
- /* #endregion */
4211
- /* #region Inline components */
4212
- /* #endregion */
4213
- .adyen-kyc-verification-header {
4214
- text-align: center;
4215
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4216
- width: 370px;
4006
+ .adyen-task-item__info {
4007
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
4008
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4009
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4010
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4217
4011
  }
4218
- @container main (min-width: 1024px) {
4219
- .adyen-kyc-verification-header {
4220
- width: 464px;
4221
- }
4012
+ .adyen-task-item__title {
4013
+ color: var(--adyen-sdk-color-label-primary, #00112c);
4014
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4222
4015
  }
4223
-
4224
- .adyen-kyc-verification-header-image {
4225
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4226
- width: 180px;
4227
- height: 142px;
4016
+ .adyen-task-item__tagline {
4017
+ color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4018
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
4019
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4020
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4021
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
4228
4022
  }
4229
-
4230
- .adyen-kyc-verification-header-content {
4231
- text-align: center;
4023
+ .adyen-task-item__icon-wrapper {
4024
+ align-items: center;
4025
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
4026
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
4027
+ color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
4028
+ display: flex;
4029
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
4030
+ font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4031
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
4032
+ line-height: var(--adyen-sdk-text-title-line-height, 26px);
4033
+ height: 32px;
4034
+ justify-content: center;
4035
+ width: 32px;
4036
+ }
4037
+ .adyen-task-item__status .adyen-kyc-icon, .adyen-task-item__icon-wrapper .adyen-kyc-icon {
4038
+ display: inline-flex;
4039
+ }
4040
+ .adyen-task-item-alert {
4232
4041
  margin-top: var(--adyen-sdk-spacer-040, 8px);
4233
- }/* #region Borders */
4234
- /* #endregion */
4235
- /* for container queries */
4236
- /* #region Z-index */
4237
- /* #endregion */
4238
- /* #region Timing functions */
4239
- /* #endregion */
4240
- /* #region Inline components */
4241
- /* #endregion */
4242
- .adyen-kyc-verify-onfido-container {
4042
+ padding: var(--adyen-sdk-spacer-040, 8px);
4043
+ }
4044
+ .adyen-task-item-extra-actions {
4045
+ color: var(--adyen-sdk-color-label-primary, #00112c);
4046
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4047
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4048
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4049
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4243
4050
  display: flex;
4244
4051
  flex-direction: column;
4245
- align-items: center;
4052
+ margin: var(--adyen-sdk-spacer-000, 0px);
4053
+ padding: var(--adyen-sdk-spacer-040, 8px);
4054
+ width: 100%;
4246
4055
  }
4247
- @container main (min-width: 1024px) {
4248
- .adyen-kyc-verify-onfido-container {
4249
- width: 528px;
4250
- }
4056
+ .adyen-task-item-extra-actions__more-actions-toggle {
4057
+ border-radius: 50%;
4058
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
4059
+ font-size: 5.4px;
4060
+ min-width: auto;
4061
+ height: 32px;
4062
+ width: 32px;
4251
4063
  }
4252
-
4253
- .adyen-kyc-verify-onfido-header {
4254
- text-align: center;
4255
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4256
- width: 370px;
4064
+ .adyen-task-item-extra-actions__more-actions-toggle .adyen-kyc-icon {
4065
+ display: inline-flex;
4066
+ margin: var(--adyen-sdk-spacer-000, 0px);
4257
4067
  }
4258
- @container main (min-width: 1024px) {
4259
- .adyen-kyc-verify-onfido-header {
4260
- width: 464px;
4261
- }
4068
+ .adyen-task-item-extra-actions__more-actions-toggle:hover {
4069
+ background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
4262
4070
  }
4263
- .adyen-kyc-verify-onfido-header-image {
4264
- margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4265
- width: 180px;
4266
- height: 142px;
4071
+ .adyen-task-item-extra-actions__actions {
4072
+ position: relative;
4267
4073
  }
4268
-
4269
- .adyen-kyc-verify-onfido-content {
4270
- width: 350px;
4074
+ .adyen-task-item__remove {
4271
4075
  display: flex;
4272
- flex-direction: column;
4273
- gap: var(--adyen-sdk-spacer-040, 8px);
4076
+ justify-content: center;
4274
4077
  align-items: center;
4078
+ position: relative;
4079
+ height: 32px;
4080
+ width: 64px;
4081
+ padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
4275
4082
  }
4276
4083
 
4277
- .adyen-kyc-verify-onfido-body {
4278
- text-align: center;
4279
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4084
+ .adyen-kyc-task-status-details-required,
4085
+ .adyen-kyc-task-status-sign,
4086
+ .adyen-kyc-task-status-submit,
4087
+ .adyen-kyc-task-status-unknown {
4088
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4089
+ margin-right: var(--adyen-sdk-spacer-040, 8px);
4090
+ padding-top: 1px;
4280
4091
  }/* #region Borders */
4281
4092
  /* #endregion */
4282
4093
  /* for container queries */
@@ -4286,29 +4097,25 @@ fieldset {
4286
4097
  /* #endregion */
4287
4098
  /* #region Inline components */
4288
4099
  /* #endregion */
4289
- .adyen-kyc-uploaded-document {
4100
+ .adyen-task-list-group {
4290
4101
  color: var(--adyen-sdk-color-label-primary, #00112c);
4102
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4291
4103
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4292
- display: flex;
4293
- gap: var(--adyen-sdk-spacer-040, 8px);
4294
- justify-content: space-between;
4295
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
4296
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
4297
- padding: var(--adyen-sdk-spacer-070, 16px);
4298
- width: 370px;
4299
- vertical-align: middle;
4300
- margin-top: var(--adyen-sdk-spacer-040, 8px);
4104
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4105
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4106
+ align-items: flex-start;
4107
+ background: var(--adyen-sdk-color-background-primary, #ffffff);
4301
4108
  }
4302
- @container main (min-width: 1024px) {
4303
- .adyen-kyc-uploaded-document {
4304
- width: 464px;
4109
+ @container main (max-width: 680px) {
4110
+ .adyen-task-list-group {
4111
+ border: 0;
4305
4112
  }
4306
- }.adyen-kyc-guidance-question {
4307
- margin-bottom: var(--adyen-sdk-spacer-140, 64px);
4308
4113
  }
4309
-
4310
- .adyen-kyc-options {
4311
- margin-top: var(--adyen-sdk-spacer-080, 20px);
4114
+ .adyen-task-list-group__header {
4115
+ padding-top: var(--adyen-sdk-spacer-090, 24px);
4116
+ }
4117
+ .adyen-task-list-group > .adyen-kyc-card__body {
4118
+ 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);
4312
4119
  }/* #region Borders */
4313
4120
  /* #endregion */
4314
4121
  /* for container queries */
@@ -4612,11 +4419,40 @@ fieldset {
4612
4419
  .adyen-kyc-inline-radio-group .adyen-kyc-input-wrapper {
4613
4420
  margin-top: 0;
4614
4421
  }
4615
- .adyen-kyc-inline-radio-group .adyen-kyc-input-radio__content {
4616
- text-align: center;
4422
+ .adyen-kyc-inline-radio-group .adyen-kyc-input-radio__content {
4423
+ text-align: center;
4424
+ }
4425
+ .adyen-kyc-inline-radio-group .adyen-kyc-error-text {
4426
+ width: 100%;
4427
+ }.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
4428
+ .adyen-kyc__high-exposure-company .adyen-kyc-typography--body,
4429
+ .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title-l,
4430
+ .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--body,
4431
+ .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title-l,
4432
+ .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--body {
4433
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
4434
+ }
4435
+ .adyen-kyc__high-exposure-company .adyen-kyc-typography--title,
4436
+ .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title,
4437
+ .adyen-kyc__high-exposure-ultimate-parent-company .adyen-kyc-typography--title {
4438
+ margin-bottom: var(--adyen-sdk-spacer-090, 24px);
4439
+ margin-top: var(--adyen-sdk-spacer-110, 40px);
4440
+ }
4441
+
4442
+ .adyen-kyc-field--highExposureBusinessInformation .adyen-kyc-radio-group {
4443
+ display: grid;
4444
+ grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
4445
+ column-gap: var(--adyen-sdk-spacer-100, 32px);
4617
4446
  }
4618
- .adyen-kyc-inline-radio-group .adyen-kyc-error-text {
4619
- width: 100%;
4447
+
4448
+ .adyen-kyc-high-exposure-financials {
4449
+ display: grid;
4450
+ grid-template-columns: 1fr 1fr;
4451
+ gap: var(--adyen-sdk-spacer-080, 20px);
4452
+ place-items: center;
4453
+ }
4454
+ .adyen-kyc-high-exposure-financials .adyen-kyc-helper-text__above {
4455
+ height: var(--adyen-sdk-spacer-120, 48px);
4620
4456
  }/* #region Borders */
4621
4457
  /* #endregion */
4622
4458
  /* for container queries */
@@ -6096,6 +5932,222 @@ fieldset {
6096
5932
  /* #endregion */
6097
5933
  /* #region Inline components */
6098
5934
  /* #endregion */
5935
+ .adyen-kyc-in-task-status {
5936
+ width: 148px;
5937
+ height: 26px;
5938
+ display: flex;
5939
+ justify-content: center;
5940
+ align-items: center;
5941
+ margin: 0 auto 8px;
5942
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
5943
+ padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
5944
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
5945
+ }
5946
+ .adyen-kyc-in-task-status-indicator {
5947
+ width: var(--adyen-sdk-spacer-060, 12px);
5948
+ height: var(--adyen-sdk-spacer-060, 12px);
5949
+ border-radius: 50%;
5950
+ margin-right: var(--adyen-sdk-spacer-020, 4px);
5951
+ }
5952
+ .adyen-kyc-in-task-status-indicator-success {
5953
+ background-color: var(--adyen-sdk-color-decorative-green, #09ab4b);
5954
+ }
5955
+ .adyen-kyc-in-task-status-indicator-error {
5956
+ background-color: var(--adyen-sdk-color-decorative-red, #e22d2d);
5957
+ }
5958
+ .adyen-kyc-in-task-status-indicator-warning {
5959
+ background-color: var(--adyen-sdk-color-decorative-orange, #dd7d00);
5960
+ }
5961
+ .adyen-kyc-in-task-status-label {
5962
+ font-size: var(--adyen-sdk-spacer-060, 12px);
5963
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
5964
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
5965
+ }/* #region Borders */
5966
+ /* #endregion */
5967
+ /* for container queries */
5968
+ /* #region Z-index */
5969
+ /* #endregion */
5970
+ /* #region Timing functions */
5971
+ /* #endregion */
5972
+ /* #region Inline components */
5973
+ /* #endregion */
5974
+ .adyen-kyc-source-of-funds {
5975
+ color: var(--adyen-sdk-color-label-primary, #00112c);
5976
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5977
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
5978
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5979
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
5980
+ display: flex;
5981
+ flex-direction: column;
5982
+ width: 100%;
5983
+ max-width: 520px;
5984
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
5985
+ }
5986
+ .adyen-kyc-source-of-funds-wrapper-loading {
5987
+ display: flex;
5988
+ flex-direction: column;
5989
+ width: 100%;
5990
+ margin: var(--adyen-sdk-spacer-100, 32px) auto;
5991
+ }
5992
+ .adyen-kyc-source-of-funds-wrapper-heading {
5993
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
5994
+ text-align: center;
5995
+ }
5996
+ .adyen-kyc-source-of-funds-wrapper-description {
5997
+ margin-top: var(--adyen-sdk-spacer-050, 10px);
5998
+ }
5999
+ .adyen-kyc-source-of-funds-getting-started {
6000
+ text-align: center;
6001
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
6002
+ }
6003
+ .adyen-kyc-source-of-funds-getting-started-icon {
6004
+ display: flex;
6005
+ justify-content: center;
6006
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
6007
+ }
6008
+ .adyen-kyc-source-of-funds-getting-started-icon > svg {
6009
+ max-width: 224px;
6010
+ height: 224px;
6011
+ display: block;
6012
+ }
6013
+ .adyen-kyc-source-of-funds-getting-started-heading {
6014
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px);
6015
+ }
6016
+ .adyen-kyc-source-of-funds-getting-started-body {
6017
+ margin-bottom: var(--adyen-sdk-spacer-140, 64px);
6018
+ }
6019
+ .adyen-kyc-source-of-funds-getting-started-error {
6020
+ margin-top: var(--adyen-sdk-spacer-090, 24px);
6021
+ }
6022
+ .adyen-kyc-source-of-funds-getting-started-error-actions {
6023
+ margin-top: var(--adyen-sdk-spacer-030, 6px);
6024
+ }
6025
+ .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards {
6026
+ margin-top: var(--adyen-sdk-spacer-090, 24px);
6027
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px);
6028
+ text-align: left;
6029
+ }
6030
+ .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card {
6031
+ border: none;
6032
+ background-color: var(--adyen-sdk-color-background-modal-hover, #f7f7f8);
6033
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
6034
+ }
6035
+ .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
6036
+ padding: var(--adyen-sdk-spacer-070, 16px);
6037
+ }
6038
+ .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-body {
6039
+ margin: 0 var(--adyen-sdk-spacer-070, 16px);
6040
+ padding: var(--adyen-sdk-spacer-070, 16px) 0;
6041
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
6042
+ }
6043
+ .adyen-kyc-source-of-funds-getting-started-actions {
6044
+ display: flex;
6045
+ flex-direction: column;
6046
+ gap: var(--adyen-sdk-spacer-040, 8px);
6047
+ max-width: 330px;
6048
+ margin: var(--adyen-sdk-spacer-100, 32px) auto var(--adyen-sdk-spacer-000, 0px) auto;
6049
+ }
6050
+ .adyen-kyc-source-of-funds-additional-data-form {
6051
+ padding: var(--adyen-sdk-spacer-040, 8px);
6052
+ }
6053
+ .adyen-kyc-source-of-funds-third-party-funding-financier-group {
6054
+ width: 100%;
6055
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
6056
+ border: none;
6057
+ display: flex;
6058
+ justify-content: space-between;
6059
+ align-items: center;
6060
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
6061
+ cursor: pointer;
6062
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
6063
+ padding: var(--adyen-sdk-spacer-040, 8px);
6064
+ }
6065
+ .adyen-kyc-source-of-funds-third-party-funding-financier-group:hover {
6066
+ background-color: var(--adyen-sdk-color-background-always-light-hover, #f7f7f8);
6067
+ }
6068
+ .adyen-kyc-source-of-funds-third-party-funding-name-avatar-group {
6069
+ display: flex;
6070
+ gap: var(--adyen-sdk-spacer-070, 16px);
6071
+ align-items: center;
6072
+ }
6073
+ .adyen-kyc-source-of-funds-third-party-funding-avatar {
6074
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
6075
+ height: var(--adyen-sdk-spacer-120, 48px);
6076
+ width: var(--adyen-sdk-spacer-120, 48px);
6077
+ border-radius: 50%;
6078
+ display: grid;
6079
+ place-items: center;
6080
+ }
6081
+ .adyen-kyc-source-of-funds-third-party-funding-avatar-add {
6082
+ background: var(--adyen-sdk-color-background-primary, #ffffff);
6083
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
6084
+ margin-right: var(--adyen-sdk-spacer-070, 16px);
6085
+ height: var(--adyen-sdk-spacer-120, 48px);
6086
+ width: var(--adyen-sdk-spacer-120, 48px);
6087
+ border-radius: 50%;
6088
+ display: grid;
6089
+ place-items: center;
6090
+ }
6091
+ .adyen-kyc-source-of-funds-third-party-funding-name-address-group {
6092
+ text-align: left;
6093
+ overflow-wrap: anywhere;
6094
+ max-width: 80%;
6095
+ }
6096
+ .adyen-kyc-source-of-funds-sof-financier-form-error {
6097
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
6098
+ }
6099
+ .adyen-kyc-source-of-funds-sof-financier-form-name-group {
6100
+ display: flex;
6101
+ gap: var(--adyen-sdk-spacer-070, 16px);
6102
+ }
6103
+ .adyen-kyc-source-of-funds-financier-footer {
6104
+ display: flex;
6105
+ flex-direction: column;
6106
+ gap: var(--adyen-sdk-spacer-040, 8px);
6107
+ }
6108
+ .adyen-kyc-source-of-funds-grid-container {
6109
+ display: grid;
6110
+ grid-template-columns: 1fr 1fr;
6111
+ grid-gap: var(--adyen-sdk-spacer-080, 20px);
6112
+ }
6113
+ .adyen-kyc-source-of-funds-sub-heading {
6114
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
6115
+ }
6116
+ .adyen-kyc-source-of-funds-upload-modal-content-field {
6117
+ text-align: left;
6118
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
6119
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
6120
+ font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
6121
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
6122
+ }
6123
+ .adyen-kyc-source-of-funds-upload-modal-content-field-radio-group {
6124
+ display: grid;
6125
+ gap: var(--adyen-sdk-spacer-060, 12px);
6126
+ }
6127
+ .adyen-kyc-source-of-funds-upload-modal-content-requirements-container {
6128
+ padding: var(--adyen-sdk-spacer-070, 16px);
6129
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
6130
+ text-align: left;
6131
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
6132
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
6133
+ }
6134
+ .adyen-kyc-source-of-funds-upload-list-heading {
6135
+ margin-bottom: var(--adyen-sdk-spacer-110, 40px);
6136
+ text-align: center;
6137
+ }
6138
+ .adyen-kyc-source-of-funds-modal {
6139
+ display: flex;
6140
+ flex-direction: column;
6141
+ gap: var(--adyen-sdk-spacer-100, 32px);
6142
+ }/* #region Borders */
6143
+ /* #endregion */
6144
+ /* for container queries */
6145
+ /* #region Z-index */
6146
+ /* #endregion */
6147
+ /* #region Timing functions */
6148
+ /* #endregion */
6149
+ /* #region Inline components */
6150
+ /* #endregion */
6099
6151
  .adyen-kyc-tax-reporting-dropin {
6100
6152
  display: flex;
6101
6153
  flex-direction: column;
@@ -6136,4 +6188,26 @@ fieldset {
6136
6188
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
6137
6189
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
6138
6190
  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
6191
+ }.adyen-kyc-business-details {
6192
+ min-height: 480px;
6193
+ }
6194
+ .adyen-kyc-business-details--hide,
6195
+ .adyen-kyc-business-details [class*="--hide"] {
6196
+ display: none;
6197
+ }
6198
+ .adyen-kyc-business-details .adyen-kyc-form-header {
6199
+ margin: 0 0 var(--adyen-sdk-spacer-120, 48px);
6200
+ }
6201
+ .adyen-kyc-business-details .adyen-kyc-form-header__heading {
6202
+ font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
6203
+ font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
6204
+ font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
6205
+ line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
6206
+ color: var(--adyen-sdk-color-label-primary, #00112c);
6207
+ }
6208
+ .adyen-kyc-business-details .adyen-kyc-form-header__description {
6209
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
6210
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
6211
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
6212
+ color: var(--adyen-sdk-color-label-primary, #00112c);
6139
6213
  }