@adyen/kyc-components 3.67.2 → 3.68.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 (111) hide show
  1. package/dist/AcceptTermsOfServiceComponent-yutCVhdr.js +1717 -0
  2. package/dist/{AccountSetupRejected-B9suPrnb.js → AccountSetupRejected-Bp9MbaZF.js} +3 -2
  3. package/dist/{BusinessTypeSelection-CmgDrnn_.js → BusinessTypeSelection-Bda3HjOy.js} +16 -16
  4. package/dist/{CXEL7IU7-Bl38-ki-.js → CXEL7IU7-DIlmKme0.js} +3 -3
  5. package/dist/CreateIndividualComponent-wIMjaodd.js +3798 -0
  6. package/dist/{CustomerSupport-BErKvR_1.js → CustomerSupport-BBpiWDZu.js} +4 -3
  7. package/dist/{DebugModal-DnMcr979.js → DebugModal-Chl6VeCw.js} +8 -9
  8. package/dist/{DecisionMakers-BYdR4dJE.js → DecisionMakers-91Uxeb4Z.js} +4 -2
  9. package/dist/EmbedShell-BgnrqkKO.js +60 -0
  10. package/dist/{core-BWGTBj-n.js → EventEmitter-MB52FRnR.js} +1221 -23636
  11. package/dist/{HASRA6WW-D6q3dmDB.js → HASRA6WW-CYutWFzS.js} +2 -2
  12. package/dist/{I3HPI4QX-CHpmX5kE.js → I3HPI4QX-h-J4eisw.js} +3 -3
  13. package/dist/{Introduction-C9e9nPsU.js → Introduction-Cn5uh084.js} +3 -2
  14. package/dist/{Review-DCfr7FXV.js → Review-BITkfvbx.js} +3 -2
  15. package/dist/{SingpassSelection-D-eeDYTK.js → SingpassSelection-BPrfSrSw.js} +3 -3
  16. package/dist/{TaxReportingDropin-CstiU-PL.js → TaxReportingDropin-DZLUs3Hb.js} +47 -16
  17. package/dist/adyen-kyc-components.js +1 -1
  18. package/dist/adyenConfig.js +3 -13
  19. package/dist/core-DnQST_lN.js +18040 -0
  20. package/dist/{css-A-fQe3zo.js → css-ChtZI8YA.js} +2 -2
  21. package/dist/individual.js +35 -19
  22. package/dist/{json-D5BHs1fv.js → json-CY-QM445.js} +2 -2
  23. package/dist/listToRecord-CogvyLiD.js +160 -0
  24. package/dist/{plaintext-C745dc26.js → plaintext-BzvCXlZZ.js} +2 -2
  25. package/dist/style.css +948 -377
  26. package/dist/styles-CLV89_hH.js +6142 -0
  27. package/dist/terms-of-service-preact.js +15 -0
  28. package/dist/terms-of-service-react.js +15 -0
  29. package/dist/terms-of-service.js +55 -0
  30. package/dist/types/api/configurations/useScenarios.d.ts +180 -0
  31. package/dist/types/api/configurations/useTaskTypes.d.ts +5 -0
  32. package/dist/types/api/pciTemplate/usePciQuestionnaireList.d.ts +5 -2
  33. package/dist/types/api/pciTemplate/usePciStatus.d.ts +4 -2
  34. package/dist/types/api/pciTemplate/usePciTemplate.d.ts +4 -2
  35. package/dist/types/api/pciTemplate/useSignPci.d.ts +4 -1
  36. package/dist/types/api/termsOfService/useAcceptTermsOfService.d.ts +4 -1
  37. package/dist/types/api/termsOfService/useAcceptedTermsOfService.d.ts +5 -2
  38. package/dist/types/api/termsOfService/useTermsOfService.d.ts +5 -2
  39. package/dist/types/api/termsOfService/useTermsOfServiceAcceptanceInfos.d.ts +4 -1
  40. package/dist/types/api/termsOfService/useTermsOfServiceStatus.d.ts +5 -2
  41. package/dist/types/api/types.d.ts +14 -0
  42. package/dist/types/api/validation/useValidateAccountIdentification.d.ts +6 -2
  43. package/dist/types/api/validation/useValidatePhoneNumber.d.ts +14 -0
  44. package/dist/types/components/BankAccount/hooks/useAsyncAccountDetailsValidationRules.d.ts +1 -1
  45. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +1 -1
  46. package/dist/types/components/Business/tasks/BusinessDetailsDropin/BusinessDetailsDropin.d.ts +1 -1
  47. package/dist/types/components/EFP/tasks/HighExposureDropin/types.d.ts +0 -2
  48. package/dist/types/components/EFP/tasks/TaxReportingDropin/utils.d.ts +2 -1
  49. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/DropinComposer.d.ts +1 -1
  50. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types.d.ts +2 -8
  51. package/dist/types/components/Individual/forms/Individual/IdDocumentUpload/types.d.ts +4 -3
  52. package/dist/types/components/Individual/forms/Individual/IdDocumentUpload/utils.d.ts +3 -0
  53. package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/BasicDetails.types.d.ts +0 -5
  54. package/dist/types/components/Individual/forms/IndividualOnfido/IndividualOnfido.types.d.ts +2 -4
  55. package/dist/types/components/Individual/tasks/IndividualDropin/IndividualDropin.d.ts +1 -1
  56. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/IndividualOnfidoDropin.d.ts +1 -1
  57. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +10 -0
  58. package/dist/types/components/Shared/fields/PhoneField/fieldConfig.d.ts +2 -2
  59. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  60. package/dist/types/components/Shared/forms/BusinessTypeSelection/types.d.ts +2 -2
  61. package/dist/types/components/Shared/tasks/TaskList/TaskList.d.ts +1 -1
  62. package/dist/types/components/Shared/tasks/TaskList/types.d.ts +0 -3
  63. package/dist/types/components/Trust/forms/Trust/types.d.ts +2 -2
  64. package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts +30 -0
  65. package/dist/types/components/Trust/tasks/TrustDropin/TrustDropin.d.ts +1 -1
  66. package/dist/types/components/Trust/tasks/TrustMembers/TrustMembersOverview.d.ts +6 -3
  67. package/dist/types/components/Trust/utils/addOrUpdateAssociatedTrustMember.d.ts +4 -4
  68. package/dist/types/components/Trust/utils/addOrUpdateUndefinedBeneficiary.d.ts +2 -2
  69. package/dist/types/components/Trust/utils/updateExemptSettlorName.d.ts +4 -4
  70. package/dist/types/components/UnincorporatedPartnership/utils/unincorporatedPartnershipMembers.d.ts +2 -2
  71. package/dist/types/components/ui/atoms/Checkbox/Checkbox.d.ts +3 -3
  72. package/dist/types/components/ui/atoms/Field/Field.d.ts +26 -7
  73. package/dist/types/components/ui/atoms/Field/Field.types.d.ts +4 -2
  74. package/dist/types/components/ui/atoms/InputBase/InputBase.d.ts +2 -6
  75. package/dist/types/components/ui/atoms/Select/Select.d.ts +1 -1
  76. package/dist/types/components/ui/atoms/Select/Select.types.d.ts +3 -3
  77. package/dist/types/components/ui/atoms/SelectButton/SelectButton.d.ts +1 -2
  78. package/dist/types/components/ui/atoms/SelectButton/SelectButton.types.d.ts +3 -2
  79. package/dist/types/components/ui/molecules/Dropzone/FilePicker.d.ts +4 -2
  80. package/dist/types/context/ExperimentContext/types.d.ts +0 -10
  81. package/dist/types/context/SettingsContext/types.d.ts +3 -1
  82. package/dist/types/core/EmbedShell/EmbedShell.d.ts +26 -0
  83. package/dist/types/core/models/errors/validation-error.d.ts +1 -9
  84. package/dist/types/core/services/http.d.ts +3 -3
  85. package/dist/types/core/services/types.d.ts +2 -2
  86. package/dist/types/embeds/individual/individual.types.d.ts +5 -1
  87. package/dist/types/embeds/individual/preact/Individual.d.ts +3 -3
  88. package/dist/types/embeds/individual/react/Individual.d.ts +3 -3
  89. package/dist/types/embeds/individual/vue/individual.types.d.ts +3 -3
  90. package/dist/types/embeds/terms-of-service/adyen-terms-of-service.d.ts +1 -0
  91. package/dist/types/embeds/terms-of-service/preact/TermsOfService.d.ts +10 -0
  92. package/dist/types/embeds/terms-of-service/react/TermsOfService.d.ts +20 -0
  93. package/dist/types/embeds/terms-of-service/terms-of-service.types.d.ts +8 -0
  94. package/dist/types/embeds/utils.d.ts +4 -0
  95. package/dist/types/hooks/useScenarioConfiguration.d.ts +11 -4
  96. package/dist/types/utils/api/processValidationErrors.d.ts +5 -1
  97. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  98. package/dist/utils-Do7EwrWz.js +24 -0
  99. package/dist/{yaml-DgFkwyjb.js → yaml-CFgf8XoZ.js} +2 -2
  100. package/package.json +16 -1
  101. package/dist/types/context/ConfigurationApiContext/ConfigurationApiContext.d.ts +0 -7
  102. package/dist/types/context/ConfigurationApiContext/ConfigurationApiProvider.d.ts +0 -7
  103. package/dist/types/context/ConfigurationApiContext/getEmbeddedApi.d.ts +0 -5
  104. package/dist/types/context/ConfigurationApiContext/useConfigurationApi.d.ts +0 -2
  105. package/dist/types/core/models/api/get-configuration.d.ts +0 -17
  106. package/dist/types/core/models/api/get-tasks.d.ts +0 -2
  107. package/dist/types/core/services/componentApi/get-scenarios.d.ts +0 -4
  108. package/dist/types/core/services/componentApi/get-tasks.d.ts +0 -3
  109. package/dist/types/core/services/componentApi/update-legal-entity.d.ts +0 -3
  110. package/dist/types/core/services/componentApi/validate-phone-number.d.ts +0 -3
  111. package/dist/types/hooks/useComponentApi.d.ts +0 -10
package/dist/style.css CHANGED
@@ -73,12 +73,6 @@
73
73
  min-height: 6px;
74
74
  min-width: 6px;
75
75
  position: absolute;
76
- }.adyen-kyc-signed-alert:last-of-type {
77
- margin-top: var(--adyen-sdk-spacer-070, 16px);
78
- }
79
-
80
- .adyen-kyc-service-agreement-content {
81
- display: flex;
82
76
  }.adyen-kyc-icon {
83
77
  color: inherit;
84
78
  display: inline-flex;
@@ -287,9 +281,6 @@
287
281
  /* #endregion */
288
282
  /* #region Inline components */
289
283
  /* #endregion */
290
- .adyen-kyc-checkbox {
291
- display: block;
292
- }
293
284
  .adyen-kyc-checkbox__label {
294
285
  color: var(--adyen-sdk-color-label-primary, #00112c);
295
286
  cursor: pointer;
@@ -452,6 +443,24 @@
452
443
  }
453
444
  .adyen-kyc-upload-field__requirements {
454
445
  padding-left: var(--adyen-sdk-spacer-070, 16px);
446
+ }
447
+
448
+ .adyen-kyc-input-wrapper {
449
+ display: block;
450
+ position: relative;
451
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
452
+ }
453
+ .adyen-kyc-input-wrapper--block {
454
+ display: block;
455
+ }.adyen-kyc-screen-reader-only {
456
+ border: 0;
457
+ clip: rect(0, 0, 0, 0);
458
+ height: 1px;
459
+ overflow: hidden;
460
+ padding: 0 !important;
461
+ position: absolute;
462
+ white-space: nowrap;
463
+ width: 1px;
455
464
  }.adyen-kyc-loader-wrapper-loader {
456
465
  display: none;
457
466
  height: 100%;
@@ -700,17 +709,6 @@
700
709
  gap: var(--adyen-sdk-spacer-040, 8px);
701
710
  justify-content: flex-end;
702
711
  padding: var(--adyen-sdk-spacer-070, 16px);
703
- }.adyen-kyc-outlined-icon {
704
- width: 1.75em;
705
- height: 1.75em;
706
- border-radius: 50%;
707
- display: flex;
708
- align-items: center;
709
- justify-content: center;
710
- line-height: 1;
711
- color: var(--adyen-sdk-color-label-on-color, #ffffff);
712
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
713
- outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
714
712
  }/* #region Borders */
715
713
  /* #endregion */
716
714
  /* for container queries */
@@ -890,7 +888,7 @@
890
888
  /* #endregion */
891
889
  /* #region Inline components */
892
890
  /* #endregion */
893
- .adyen-kyc-select-input {
891
+ .adyen-kyc-select-input-wrapper {
894
892
  align-items: center;
895
893
  display: flex;
896
894
  background: var(--adyen-sdk-color-background-primary, #ffffff);
@@ -907,7 +905,7 @@
907
905
  user-select: none;
908
906
  }
909
907
 
910
- .adyen-kyc-select-input:hover {
908
+ .adyen-kyc-select-input-wrapper:hover {
911
909
  border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
912
910
  }
913
911
 
@@ -920,18 +918,25 @@
920
918
 
921
919
  .adyen-kyc-select-input--active,
922
920
  .adyen-kyc-select-input--active:hover,
923
- .adyen-kyc-select-input:active,
924
- .adyen-kyc-select-input:focus {
921
+ .adyen-kyc-select-input-wrapper:active,
922
+ .adyen-kyc-select-input-wrapper:focus {
925
923
  border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
926
924
  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
927
925
  }
928
926
 
929
- .adyen-kyc-select-input--readonly, .adyen-kyc-select-input--readonly.adyen-kyc-select-input--active, .adyen-kyc-select-input--readonly:hover, .adyen-kyc-select-input--readonly:focus {
930
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
927
+ .adyen-kyc-select-input-wrapper.adyen-kyc-select-input--readonly {
928
+ background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
931
929
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
932
930
  cursor: not-allowed;
931
+ pointer-events: none;
932
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
933
+ }
934
+
935
+ .adyen-kyc-select-input.adyen-kyc-select-input--readonly {
933
936
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
934
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
937
+ color: var(--adyen-sdk-color-label-disabled, #8d95a3);
938
+ cursor: not-allowed;
939
+ pointer-events: none;
935
940
  }
936
941
 
937
942
  .adyen-kyc-select-input--readonly::after {
@@ -979,7 +984,7 @@
979
984
  cursor: pointer;
980
985
  }
981
986
 
982
- .adyen-kyc-select-input::after {
987
+ .adyen-kyc-select-input-wrapper::after {
983
988
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
984
989
  background-position: center;
985
990
  background-repeat: no-repeat;
@@ -995,7 +1000,6 @@
995
1000
  }
996
1001
 
997
1002
  .adyen-kyc-select-input--filterable {
998
- background: var(--adyen-sdk-color-background-primary, #ffffff);
999
1003
  border: 0;
1000
1004
  caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1001
1005
  color: var(--adyen-sdk-color-label-primary, #00112c);
@@ -1012,9 +1016,6 @@
1012
1016
  .adyen-kyc-select-input--filterable:focus, .adyen-kyc-select-input--filterable:active {
1013
1017
  outline: 0;
1014
1018
  }
1015
- .adyen-kyc-select-input--filterable.adyen-kyc-select-input--minimal {
1016
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1017
- }
1018
1019
 
1019
1020
  .adyen-kyc-select-input--non-filterable {
1020
1021
  all: unset;
@@ -1155,16 +1156,7 @@
1155
1156
  color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
1156
1157
  }.adyen-kyc-spacer {
1157
1158
  flex: 1;
1158
- }/* #region Borders */
1159
- /* #endregion */
1160
- /* for container queries */
1161
- /* #region Z-index */
1162
- /* #endregion */
1163
- /* #region Timing functions */
1164
- /* #endregion */
1165
- /* #region Inline components */
1166
- /* #endregion */
1167
- .adyen-kyc-progress-bar {
1159
+ }.adyen-kyc-progress-bar {
1168
1160
  display: flex;
1169
1161
  flex: 1;
1170
1162
  padding: var(--adyen-sdk-spacer-000, 0px);
@@ -1197,17 +1189,6 @@
1197
1189
  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1198
1190
  }
1199
1191
 
1200
- .adyen-kyc-progress-step-label {
1201
- border: 0;
1202
- clip: rect(0, 0, 0, 0);
1203
- height: 1px;
1204
- overflow: hidden;
1205
- padding: var(--adyen-sdk-spacer-000, 0px) !important;
1206
- position: absolute;
1207
- white-space: nowrap;
1208
- width: 1px;
1209
- }
1210
-
1211
1192
  .adyen-kyc-progress-bar-circles li {
1212
1193
  flex: none;
1213
1194
  width: var(--step-progress-internal-height);
@@ -1434,67 +1415,6 @@
1434
1415
  /* #endregion */
1435
1416
  /* #region Inline components */
1436
1417
  /* #endregion */
1437
- .adyen-form-end-state {
1438
- color: var(--adyen-sdk-color-label-primary, #00112c);
1439
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1440
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1441
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1442
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
1443
- display: grid;
1444
- place-items: center;
1445
- word-break: break-word;
1446
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1447
- }
1448
- .adyen-form-end-state--without-icon .adyen-form-end-state__title {
1449
- margin-top: 0;
1450
- }
1451
-
1452
- .adyen-form-end-state__icon {
1453
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
1454
- margin-top: var(--adyen-sdk-spacer-010, 2px);
1455
- }
1456
- .adyen-form-end-state__icon--info {
1457
- color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
1458
- }
1459
- .adyen-form-end-state__icon--error {
1460
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1461
- }
1462
- .adyen-form-end-state__icon--warning {
1463
- color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
1464
- }
1465
- .adyen-form-end-state__icon--success {
1466
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
1467
- }
1468
-
1469
- .adyen-form-end-state__title {
1470
- font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
1471
- font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
1472
- line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
1473
- margin-top: var(--adyen-sdk-spacer-060, 12px);
1474
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1475
- text-align: center;
1476
- }
1477
-
1478
- .adyen-form-end-state__description {
1479
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1480
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
1481
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1482
- text-align: center;
1483
- }
1484
-
1485
- .adyen-form-end-state__actions {
1486
- display: flex;
1487
- gap: var(--adyen-sdk-spacer-070, 16px);
1488
- text-align: left;
1489
- }/* #region Borders */
1490
- /* #endregion */
1491
- /* for container queries */
1492
- /* #region Z-index */
1493
- /* #endregion */
1494
- /* #region Timing functions */
1495
- /* #endregion */
1496
- /* #region Inline components */
1497
- /* #endregion */
1498
1418
  .adyen-action-bar {
1499
1419
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1500
1420
  display: flex;
@@ -1598,17 +1518,6 @@
1598
1518
  cursor: pointer;
1599
1519
  }
1600
1520
 
1601
- .adyen-kyc-form-navigation__item-status {
1602
- border: 0;
1603
- clip: rect(0, 0, 0, 0);
1604
- height: 1px;
1605
- overflow: hidden;
1606
- padding: var(--adyen-sdk-spacer-000, 0px) !important;
1607
- position: absolute;
1608
- white-space: nowrap;
1609
- width: 1px;
1610
- }
1611
-
1612
1521
  .adyen-kyc-form-navigation__item-icon {
1613
1522
  display: flex;
1614
1523
  margin-left: var(--adyen-sdk-spacer-040, 8px);
@@ -1618,12 +1527,6 @@
1618
1527
  }
1619
1528
  .adyen-kyc-form-navigation__item-icon--error {
1620
1529
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
1621
- }.adyen-contract-viewer .adyen-document-viewer {
1622
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
1623
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
1624
- --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1625
- --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1626
- --adv-accordion-content-padding: 0;
1627
1530
  }.adyen-kyc-bank-statement-upload__subtitle {
1628
1531
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
1629
1532
  }
@@ -2079,15 +1982,6 @@
2079
1982
  width: calc(30% - 8px);
2080
1983
  }
2081
1984
 
2082
- .adyen-kyc-input-wrapper {
2083
- display: block;
2084
- position: relative;
2085
- margin-top: var(--adyen-sdk-spacer-040, 8px);
2086
- }
2087
- .adyen-kyc-input-wrapper--block {
2088
- display: block;
2089
- }
2090
-
2091
1985
  .adyen-kyc-input {
2092
1986
  height: 40px;
2093
1987
  line-height: 40px;
@@ -2119,11 +2013,11 @@
2119
2013
  box-shadow: none;
2120
2014
  }
2121
2015
  .adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
2122
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
2016
+ background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2123
2017
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
2124
2018
  cursor: not-allowed;
2125
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2126
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
2019
+ pointer-events: none;
2020
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
2127
2021
  }
2128
2022
  .adyen-kyc-input--disabled:hover {
2129
2023
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
@@ -3217,6 +3111,23 @@ fieldset {
3217
3111
  }
3218
3112
  .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input::placeholder {
3219
3113
  text-indent: 0;
3114
+ }.adyen-kyc-signed-alert:last-of-type {
3115
+ margin-top: var(--adyen-sdk-spacer-070, 16px);
3116
+ }
3117
+
3118
+ .adyen-kyc-service-agreement-content {
3119
+ display: flex;
3120
+ }.adyen-kyc-outlined-icon {
3121
+ width: 1.75em;
3122
+ height: 1.75em;
3123
+ border-radius: 50%;
3124
+ display: flex;
3125
+ align-items: center;
3126
+ justify-content: center;
3127
+ line-height: 1;
3128
+ color: var(--adyen-sdk-color-label-on-color, #ffffff);
3129
+ background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3130
+ outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
3220
3131
  }/* #region Borders */
3221
3132
  /* #endregion */
3222
3133
  /* for container queries */
@@ -3226,6 +3137,74 @@ fieldset {
3226
3137
  /* #endregion */
3227
3138
  /* #region Inline components */
3228
3139
  /* #endregion */
3140
+ .adyen-form-end-state {
3141
+ color: var(--adyen-sdk-color-label-primary, #00112c);
3142
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3143
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3144
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3145
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3146
+ display: grid;
3147
+ place-items: center;
3148
+ word-break: break-word;
3149
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3150
+ }
3151
+ .adyen-form-end-state--without-icon .adyen-form-end-state__title {
3152
+ margin-top: 0;
3153
+ }
3154
+
3155
+ .adyen-form-end-state__icon {
3156
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3157
+ margin-top: var(--adyen-sdk-spacer-010, 2px);
3158
+ }
3159
+ .adyen-form-end-state__icon--info {
3160
+ color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3161
+ }
3162
+ .adyen-form-end-state__icon--error {
3163
+ color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
3164
+ }
3165
+ .adyen-form-end-state__icon--warning {
3166
+ color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
3167
+ }
3168
+ .adyen-form-end-state__icon--success {
3169
+ color: var(--adyen-sdk-color-background-success-strong, #07893c);
3170
+ }
3171
+
3172
+ .adyen-form-end-state__title {
3173
+ font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
3174
+ font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
3175
+ line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
3176
+ margin-top: var(--adyen-sdk-spacer-060, 12px);
3177
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3178
+ text-align: center;
3179
+ }
3180
+
3181
+ .adyen-form-end-state__description {
3182
+ color: var(--adyen-sdk-color-label-secondary, #5c687c);
3183
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3184
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3185
+ text-align: center;
3186
+ }
3187
+
3188
+ .adyen-form-end-state__actions {
3189
+ display: flex;
3190
+ gap: var(--adyen-sdk-spacer-070, 16px);
3191
+ text-align: left;
3192
+ }.adyen-contract-viewer .adyen-document-viewer {
3193
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3194
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3195
+ --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3196
+ --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3197
+ --adv-accordion-content-padding: 0;
3198
+ }.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)}
3199
+ /* #region Borders */
3200
+ /* #endregion */
3201
+ /* for container queries */
3202
+ /* #region Z-index */
3203
+ /* #endregion */
3204
+ /* #region Timing functions */
3205
+ /* #endregion */
3206
+ /* #region Inline components */
3207
+ /* #endregion */
3229
3208
  .adyen-kyc-form-container {
3230
3209
  width: 100%;
3231
3210
  }
@@ -3266,21 +3245,6 @@ fieldset {
3266
3245
  /* #endregion */
3267
3246
  /* #region Inline components */
3268
3247
  /* #endregion */
3269
- .adyen-kyc-caas-modal-footer {
3270
- width: 100%;
3271
- display: flex;
3272
- justify-content: right;
3273
- align-items: center;
3274
- gap: var(--adyen-sdk-spacer-070, 16px);
3275
- }/* #region Borders */
3276
- /* #endregion */
3277
- /* for container queries */
3278
- /* #region Z-index */
3279
- /* #endregion */
3280
- /* #region Timing functions */
3281
- /* #endregion */
3282
- /* #region Inline components */
3283
- /* #endregion */
3284
3248
  .adyen-kyc-tag {
3285
3249
  color: var(--adyen-sdk-color-label-primary, #00112c);
3286
3250
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -3337,6 +3301,99 @@ fieldset {
3337
3301
  /* #endregion */
3338
3302
  /* #region Inline components */
3339
3303
  /* #endregion */
3304
+ .adyen-kyc-status {
3305
+ color: var(--adyen-sdk-color-label-primary, #00112c);
3306
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3307
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3308
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3309
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3310
+ border: 0;
3311
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3312
+ display: flex;
3313
+ align-items: center;
3314
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3315
+ height: 24px;
3316
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3317
+ padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
3318
+ }
3319
+ .adyen-kyc-status--finished {
3320
+ color: var(--adyen-sdk-color-label-success, #07893c);
3321
+ }
3322
+ .adyen-kyc-status--download {
3323
+ color: var(--adyen-sdk-color-label-highlight, #0070f5);
3324
+ cursor: pointer;
3325
+ }
3326
+ .adyen-kyc-status--error {
3327
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3328
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3329
+ }
3330
+ .adyen-kyc-status__icon {
3331
+ align-self: center;
3332
+ border-radius: 50%;
3333
+ display: flex;
3334
+ height: 14px;
3335
+ justify-content: center;
3336
+ margin-right: var(--adyen-sdk-spacer-030, 6px);
3337
+ width: 14px;
3338
+ }
3339
+ .adyen-kyc-status__icon .adyen-kyc-icon {
3340
+ align-items: center;
3341
+ color: var(--adyen-sdk-color-label-on-color, #ffffff);
3342
+ display: flex;
3343
+ font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
3344
+ }
3345
+ .adyen-kyc-status__icon--error .adyen-kyc-icon {
3346
+ color: var(--adyen-sdk-color-label-critical, #e22d2d);
3347
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3348
+ }
3349
+ .adyen-kyc-status__icon--finished {
3350
+ background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3351
+ }
3352
+ .adyen-kyc-status__icon--download {
3353
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3354
+ }
3355
+ .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
3356
+ background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3357
+ }
3358
+ .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
3359
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3360
+ }
3361
+ .adyen-kyc-status__icon--large {
3362
+ height: 24px;
3363
+ width: 24px;
3364
+ }
3365
+ .adyen-kyc-status__icon--large .adyen-kyc-icon {
3366
+ font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
3367
+ }
3368
+
3369
+ @container main (max-width: 680px) {
3370
+ .adyen-kyc-status__text {
3371
+ display: none;
3372
+ }
3373
+ }/* #region Borders */
3374
+ /* #endregion */
3375
+ /* for container queries */
3376
+ /* #region Z-index */
3377
+ /* #endregion */
3378
+ /* #region Timing functions */
3379
+ /* #endregion */
3380
+ /* #region Inline components */
3381
+ /* #endregion */
3382
+ .adyen-kyc-caas-modal-footer {
3383
+ width: 100%;
3384
+ display: flex;
3385
+ justify-content: right;
3386
+ align-items: center;
3387
+ gap: var(--adyen-sdk-spacer-070, 16px);
3388
+ }/* #region Borders */
3389
+ /* #endregion */
3390
+ /* for container queries */
3391
+ /* #region Z-index */
3392
+ /* #endregion */
3393
+ /* #region Timing functions */
3394
+ /* #endregion */
3395
+ /* #region Inline components */
3396
+ /* #endregion */
3340
3397
  .adyen-kyc-embedded-status {
3341
3398
  display: flex;
3342
3399
  justify-content: space-between;
@@ -3639,84 +3696,6 @@ fieldset {
3639
3696
  /* #endregion */
3640
3697
  /* #region Inline components */
3641
3698
  /* #endregion */
3642
- .adyen-kyc-status {
3643
- color: var(--adyen-sdk-color-label-primary, #00112c);
3644
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3645
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3646
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3647
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3648
- border: 0;
3649
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3650
- display: flex;
3651
- align-items: center;
3652
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3653
- height: 24px;
3654
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3655
- padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
3656
- }
3657
- .adyen-kyc-status--finished {
3658
- color: var(--adyen-sdk-color-label-success, #07893c);
3659
- }
3660
- .adyen-kyc-status--download {
3661
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3662
- cursor: pointer;
3663
- }
3664
- .adyen-kyc-status--error {
3665
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3666
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3667
- }
3668
- .adyen-kyc-status__icon {
3669
- align-self: center;
3670
- border-radius: 50%;
3671
- display: flex;
3672
- height: 14px;
3673
- justify-content: center;
3674
- margin-right: var(--adyen-sdk-spacer-030, 6px);
3675
- width: 14px;
3676
- }
3677
- .adyen-kyc-status__icon .adyen-kyc-icon {
3678
- align-items: center;
3679
- color: var(--adyen-sdk-color-label-on-color, #ffffff);
3680
- display: flex;
3681
- font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
3682
- }
3683
- .adyen-kyc-status__icon--error .adyen-kyc-icon {
3684
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3685
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3686
- }
3687
- .adyen-kyc-status__icon--finished {
3688
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3689
- }
3690
- .adyen-kyc-status__icon--download {
3691
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3692
- }
3693
- .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
3694
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3695
- }
3696
- .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
3697
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3698
- }
3699
- .adyen-kyc-status__icon--large {
3700
- height: 24px;
3701
- width: 24px;
3702
- }
3703
- .adyen-kyc-status__icon--large .adyen-kyc-icon {
3704
- font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
3705
- }
3706
-
3707
- @container main (max-width: 680px) {
3708
- .adyen-kyc-status__text {
3709
- display: none;
3710
- }
3711
- }/* #region Borders */
3712
- /* #endregion */
3713
- /* for container queries */
3714
- /* #region Z-index */
3715
- /* #endregion */
3716
- /* #region Timing functions */
3717
- /* #endregion */
3718
- /* #region Inline components */
3719
- /* #endregion */
3720
3699
  .adyen-task-list-group {
3721
3700
  color: var(--adyen-sdk-color-label-primary, #00112c);
3722
3701
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -5246,63 +5225,749 @@ fieldset {
5246
5225
  */
5247
5226
  .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
5248
5227
  padding: 0;
5249
- }.adyen-kyc-introduction {
5250
- display: flex;
5251
- flex-direction: column;
5252
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5253
- gap: var(--adyen-sdk-spacer-020, 4px);
5254
- max-width: 660px;
5255
- margin: var(--adyen-sdk-spacer-000, 0px) auto;
5256
- padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
5228
+ }/* #region Borders */
5229
+ /* #endregion */
5230
+ /* for container queries */
5231
+ /* #region Z-index */
5232
+ /* #endregion */
5233
+ /* #region Timing functions */
5234
+ /* #endregion */
5235
+ /* #region Inline components */
5236
+ /* #endregion */
5237
+ .adyen-kyc-u-display-flex {
5238
+ display: flex !important;
5257
5239
  }
5258
- .adyen-kyc-introduction__skip {
5259
- text-align: right;
5240
+
5241
+ .adyen-kyc-u-display-inline-flex {
5242
+ display: inline-flex !important;
5260
5243
  }
5261
- .adyen-kyc-introduction__number {
5262
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
5263
- font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5264
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5265
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5266
- height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5267
- line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5268
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5269
- position: relative;
5270
- top: var(--adyen-sdk-spacer-080, 20px);
5244
+
5245
+ .adyen-kyc-u-flex-direction-row {
5246
+ flex-direction: row !important;
5271
5247
  }
5272
- .adyen-kyc-introduction__title {
5273
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
5274
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5275
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5276
- line-height: var(--adyen-sdk-text-title-line-height, 26px);
5248
+
5249
+ .adyen-kyc-u-flex-direction-row-reverse {
5250
+ flex-direction: row-reverse !important;
5277
5251
  }
5278
- .adyen-kyc-introduction__description {
5279
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
5280
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5281
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5282
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
5252
+
5253
+ .adyen-kyc-u-flex-direction-column {
5254
+ flex-direction: column !important;
5283
5255
  }
5284
- .adyen-kyc-introduction__description p {
5285
- margin: var(--adyen-sdk-spacer-000, 0px);
5256
+
5257
+ .adyen-kyc-u-flex-direction-column-reverse {
5258
+ flex-direction: column-reverse !important;
5286
5259
  }
5287
- .adyen-kyc-introduction__description p:not(:last-child) {
5288
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5260
+
5261
+ .adyen-kyc-u-flex-wrap-wrap {
5262
+ flex-wrap: wrap !important;
5289
5263
  }
5290
- .adyen-kyc-introduction__description p:has(+ ul) {
5291
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5264
+
5265
+ .adyen-kyc-u-flex-wrap-nowrap {
5266
+ flex-wrap: nowrap !important;
5292
5267
  }
5293
- .adyen-kyc-introduction__description p + ul {
5294
- margin: var(--adyen-sdk-spacer-000, 0px);
5295
- margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
5268
+
5269
+ .adyen-kyc-u-align-items-start {
5270
+ align-items: start !important;
5296
5271
  }
5297
- .adyen-kyc-introduction__nav {
5298
- display: flex;
5299
- gap: var(--adyen-sdk-spacer-080, 20px);
5300
- margin-top: var(--adyen-sdk-spacer-110, 40px);
5272
+
5273
+ .adyen-kyc-u-align-items-flex-start {
5274
+ align-items: flex-start !important;
5301
5275
  }
5302
- .adyen-kyc-introduction__nav button {
5303
- flex-grow: 1;
5304
- }.adyen-kyc-business-type-selection {
5305
- margin-left: auto;
5276
+
5277
+ .adyen-kyc-u-align-items-flex-end {
5278
+ align-items: flex-end !important;
5279
+ }
5280
+
5281
+ .adyen-kyc-u-align-items-center {
5282
+ align-items: center !important;
5283
+ }
5284
+
5285
+ .adyen-kyc-u-align-items-stretch {
5286
+ align-items: stretch !important;
5287
+ }
5288
+
5289
+ .adyen-kyc-u-align-items-baseline {
5290
+ align-items: baseline !important;
5291
+ }
5292
+
5293
+ .adyen-kyc-u-align-items-end {
5294
+ align-items: end !important;
5295
+ }
5296
+
5297
+ .adyen-kyc-u-justify-content-center {
5298
+ justify-content: center !important;
5299
+ }
5300
+
5301
+ .adyen-kyc-u-justify-content-flex-start {
5302
+ justify-content: flex-start !important;
5303
+ }
5304
+
5305
+ .adyen-kyc-u-justify-content-flex-end {
5306
+ justify-content: flex-end !important;
5307
+ }
5308
+
5309
+ .adyen-kyc-u-justify-content-start {
5310
+ justify-content: start !important;
5311
+ }
5312
+
5313
+ .adyen-kyc-u-justify-content-end {
5314
+ justify-content: end !important;
5315
+ }
5316
+
5317
+ .adyen-kyc-u-justify-content-left {
5318
+ justify-content: left !important;
5319
+ }
5320
+
5321
+ .adyen-kyc-u-justify-content-right {
5322
+ justify-content: right !important;
5323
+ }
5324
+
5325
+ .adyen-kyc-u-justify-content-space-between {
5326
+ justify-content: space-between !important;
5327
+ }
5328
+
5329
+ .adyen-kyc-u-justify-content-space-around {
5330
+ justify-content: space-around !important;
5331
+ }
5332
+
5333
+ .adyen-kyc-u-justify-content-space-evenly {
5334
+ justify-content: space-evenly !important;
5335
+ }
5336
+
5337
+ .adyen-kyc-u-justify-content-stretch {
5338
+ justify-content: stretch !important;
5339
+ }
5340
+
5341
+ .adyen-kyc-u-flex-1 {
5342
+ flex: 1 !important;
5343
+ }
5344
+
5345
+ .adyen-kyc-u-flex-2 {
5346
+ flex: 2 !important;
5347
+ }
5348
+
5349
+ .adyen-kyc-u-flex-3 {
5350
+ flex: 3 !important;
5351
+ }
5352
+
5353
+ .adyen-kyc-u-flex-4 {
5354
+ flex: 4 !important;
5355
+ }
5356
+
5357
+ .adyen-kyc-u-width-full {
5358
+ width: 100% !important;
5359
+ }
5360
+
5361
+ .adyen-kyc-u-margin-auto {
5362
+ margin: auto !important;
5363
+ }
5364
+
5365
+ .adyen-kyc-u-margin-bottom-auto {
5366
+ margin-bottom: auto !important;
5367
+ }
5368
+
5369
+ .adyen-kyc-u-margin-left-auto {
5370
+ margin-left: auto !important;
5371
+ }
5372
+
5373
+ .adyen-kyc-u-margin-right-auto {
5374
+ margin-right: auto !important;
5375
+ }
5376
+
5377
+ .adyen-kyc-u-margin-top-auto {
5378
+ margin-top: auto !important;
5379
+ }
5380
+
5381
+ .adyen-kyc-u-margin-x-auto {
5382
+ margin-left: auto !important;
5383
+ margin-right: auto !important;
5384
+ }
5385
+
5386
+ .adyen-kyc-u-margin-y-auto {
5387
+ margin-bottom: auto !important;
5388
+ margin-top: auto !important;
5389
+ }
5390
+
5391
+ .adyen-kyc-u-margin-0 {
5392
+ margin: var(--adyen-sdk-spacer-000, 0px) !important;
5393
+ }
5394
+
5395
+ .adyen-kyc-u-margin-bottom-0 {
5396
+ margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
5397
+ }
5398
+
5399
+ .adyen-kyc-u-margin-left-0 {
5400
+ margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
5401
+ }
5402
+
5403
+ .adyen-kyc-u-margin-right-0 {
5404
+ margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
5405
+ }
5406
+
5407
+ .adyen-kyc-u-margin-top-0 {
5408
+ margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
5409
+ }
5410
+
5411
+ .adyen-kyc-u-margin-x-0 {
5412
+ margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
5413
+ margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
5414
+ }
5415
+
5416
+ .adyen-kyc-u-margin-y-0 {
5417
+ margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
5418
+ margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
5419
+ }
5420
+
5421
+ .adyen-kyc-u-margin-2 {
5422
+ margin: var(--adyen-sdk-spacer-010, 2px) !important;
5423
+ }
5424
+
5425
+ .adyen-kyc-u-margin-bottom-2 {
5426
+ margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
5427
+ }
5428
+
5429
+ .adyen-kyc-u-margin-left-2 {
5430
+ margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
5431
+ }
5432
+
5433
+ .adyen-kyc-u-margin-right-2 {
5434
+ margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
5435
+ }
5436
+
5437
+ .adyen-kyc-u-margin-top-2 {
5438
+ margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
5439
+ }
5440
+
5441
+ .adyen-kyc-u-margin-x-2 {
5442
+ margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
5443
+ margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
5444
+ }
5445
+
5446
+ .adyen-kyc-u-margin-y-2 {
5447
+ margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
5448
+ margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
5449
+ }
5450
+
5451
+ .adyen-kyc-u-margin-4 {
5452
+ margin: var(--adyen-sdk-spacer-020, 4px) !important;
5453
+ }
5454
+
5455
+ .adyen-kyc-u-margin-bottom-4 {
5456
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
5457
+ }
5458
+
5459
+ .adyen-kyc-u-margin-left-4 {
5460
+ margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
5461
+ }
5462
+
5463
+ .adyen-kyc-u-margin-right-4 {
5464
+ margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
5465
+ }
5466
+
5467
+ .adyen-kyc-u-margin-top-4 {
5468
+ margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
5469
+ }
5470
+
5471
+ .adyen-kyc-u-margin-x-4 {
5472
+ margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
5473
+ margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
5474
+ }
5475
+
5476
+ .adyen-kyc-u-margin-y-4 {
5477
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
5478
+ margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
5479
+ }
5480
+
5481
+ .adyen-kyc-u-margin-6 {
5482
+ margin: var(--adyen-sdk-spacer-030, 6px) !important;
5483
+ }
5484
+
5485
+ .adyen-kyc-u-margin-bottom-6 {
5486
+ margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
5487
+ }
5488
+
5489
+ .adyen-kyc-u-margin-left-6 {
5490
+ margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
5491
+ }
5492
+
5493
+ .adyen-kyc-u-margin-right-6 {
5494
+ margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
5495
+ }
5496
+
5497
+ .adyen-kyc-u-margin-top-6 {
5498
+ margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
5499
+ }
5500
+
5501
+ .adyen-kyc-u-margin-x-6 {
5502
+ margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
5503
+ margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
5504
+ }
5505
+
5506
+ .adyen-kyc-u-margin-y-6 {
5507
+ margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
5508
+ margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
5509
+ }
5510
+
5511
+ .adyen-kyc-u-margin-8 {
5512
+ margin: var(--adyen-sdk-spacer-040, 8px) !important;
5513
+ }
5514
+
5515
+ .adyen-kyc-u-margin-bottom-8 {
5516
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
5517
+ }
5518
+
5519
+ .adyen-kyc-u-margin-left-8 {
5520
+ margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
5521
+ }
5522
+
5523
+ .adyen-kyc-u-margin-right-8 {
5524
+ margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
5525
+ }
5526
+
5527
+ .adyen-kyc-u-margin-top-8 {
5528
+ margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
5529
+ }
5530
+
5531
+ .adyen-kyc-u-margin-x-8 {
5532
+ margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
5533
+ margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
5534
+ }
5535
+
5536
+ .adyen-kyc-u-margin-y-8 {
5537
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
5538
+ margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
5539
+ }
5540
+
5541
+ .adyen-kyc-u-margin-10 {
5542
+ margin: var(--adyen-sdk-spacer-050, 10px) !important;
5543
+ }
5544
+
5545
+ .adyen-kyc-u-margin-bottom-10 {
5546
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
5547
+ }
5548
+
5549
+ .adyen-kyc-u-margin-left-10 {
5550
+ margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
5551
+ }
5552
+
5553
+ .adyen-kyc-u-margin-right-10 {
5554
+ margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
5555
+ }
5556
+
5557
+ .adyen-kyc-u-margin-top-10 {
5558
+ margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
5559
+ }
5560
+
5561
+ .adyen-kyc-u-margin-x-10 {
5562
+ margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
5563
+ margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
5564
+ }
5565
+
5566
+ .adyen-kyc-u-margin-y-10 {
5567
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
5568
+ margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
5569
+ }
5570
+
5571
+ .adyen-kyc-u-margin-12 {
5572
+ margin: var(--adyen-sdk-spacer-060, 12px) !important;
5573
+ }
5574
+
5575
+ .adyen-kyc-u-margin-bottom-12 {
5576
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
5577
+ }
5578
+
5579
+ .adyen-kyc-u-margin-left-12 {
5580
+ margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
5581
+ }
5582
+
5583
+ .adyen-kyc-u-margin-right-12 {
5584
+ margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
5585
+ }
5586
+
5587
+ .adyen-kyc-u-margin-top-12 {
5588
+ margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
5589
+ }
5590
+
5591
+ .adyen-kyc-u-margin-x-12 {
5592
+ margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
5593
+ margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
5594
+ }
5595
+
5596
+ .adyen-kyc-u-margin-y-12 {
5597
+ margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
5598
+ margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
5599
+ }
5600
+
5601
+ .adyen-kyc-u-margin-16 {
5602
+ margin: var(--adyen-sdk-spacer-070, 16px) !important;
5603
+ }
5604
+
5605
+ .adyen-kyc-u-margin-bottom-16 {
5606
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
5607
+ }
5608
+
5609
+ .adyen-kyc-u-margin-left-16 {
5610
+ margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
5611
+ }
5612
+
5613
+ .adyen-kyc-u-margin-right-16 {
5614
+ margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
5615
+ }
5616
+
5617
+ .adyen-kyc-u-margin-top-16 {
5618
+ margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
5619
+ }
5620
+
5621
+ .adyen-kyc-u-margin-x-16 {
5622
+ margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
5623
+ margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
5624
+ }
5625
+
5626
+ .adyen-kyc-u-margin-y-16 {
5627
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
5628
+ margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
5629
+ }
5630
+
5631
+ .adyen-kyc-u-margin-20 {
5632
+ margin: var(--adyen-sdk-spacer-080, 20px) !important;
5633
+ }
5634
+
5635
+ .adyen-kyc-u-margin-bottom-20 {
5636
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
5637
+ }
5638
+
5639
+ .adyen-kyc-u-margin-left-20 {
5640
+ margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
5641
+ }
5642
+
5643
+ .adyen-kyc-u-margin-right-20 {
5644
+ margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
5645
+ }
5646
+
5647
+ .adyen-kyc-u-margin-top-20 {
5648
+ margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
5649
+ }
5650
+
5651
+ .adyen-kyc-u-margin-x-20 {
5652
+ margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
5653
+ margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
5654
+ }
5655
+
5656
+ .adyen-kyc-u-margin-y-20 {
5657
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
5658
+ margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
5659
+ }
5660
+
5661
+ .adyen-kyc-u-margin-24 {
5662
+ margin: var(--adyen-sdk-spacer-090, 24px) !important;
5663
+ }
5664
+
5665
+ .adyen-kyc-u-margin-bottom-24 {
5666
+ margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
5667
+ }
5668
+
5669
+ .adyen-kyc-u-margin-left-24 {
5670
+ margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
5671
+ }
5672
+
5673
+ .adyen-kyc-u-margin-right-24 {
5674
+ margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
5675
+ }
5676
+
5677
+ .adyen-kyc-u-margin-top-24 {
5678
+ margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
5679
+ }
5680
+
5681
+ .adyen-kyc-u-margin-x-24 {
5682
+ margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
5683
+ margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
5684
+ }
5685
+
5686
+ .adyen-kyc-u-margin-y-24 {
5687
+ margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
5688
+ margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
5689
+ }
5690
+
5691
+ .adyen-kyc-u-margin-32 {
5692
+ margin: var(--adyen-sdk-spacer-100, 32px) !important;
5693
+ }
5694
+
5695
+ .adyen-kyc-u-margin-bottom-32 {
5696
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
5697
+ }
5698
+
5699
+ .adyen-kyc-u-margin-left-32 {
5700
+ margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
5701
+ }
5702
+
5703
+ .adyen-kyc-u-margin-right-32 {
5704
+ margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
5705
+ }
5706
+
5707
+ .adyen-kyc-u-margin-top-32 {
5708
+ margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
5709
+ }
5710
+
5711
+ .adyen-kyc-u-margin-x-32 {
5712
+ margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
5713
+ margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
5714
+ }
5715
+
5716
+ .adyen-kyc-u-margin-y-32 {
5717
+ margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
5718
+ margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
5719
+ }
5720
+
5721
+ .adyen-kyc-u-margin-40 {
5722
+ margin: var(--adyen-sdk-spacer-110, 40px) !important;
5723
+ }
5724
+
5725
+ .adyen-kyc-u-margin-bottom-40 {
5726
+ margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
5727
+ }
5728
+
5729
+ .adyen-kyc-u-margin-left-40 {
5730
+ margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
5731
+ }
5732
+
5733
+ .adyen-kyc-u-margin-right-40 {
5734
+ margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
5735
+ }
5736
+
5737
+ .adyen-kyc-u-margin-top-40 {
5738
+ margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
5739
+ }
5740
+
5741
+ .adyen-kyc-u-margin-x-40 {
5742
+ margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
5743
+ margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
5744
+ }
5745
+
5746
+ .adyen-kyc-u-margin-y-40 {
5747
+ margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
5748
+ margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
5749
+ }
5750
+
5751
+ .adyen-kyc-u-margin-48 {
5752
+ margin: var(--adyen-sdk-spacer-120, 48px) !important;
5753
+ }
5754
+
5755
+ .adyen-kyc-u-margin-bottom-48 {
5756
+ margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
5757
+ }
5758
+
5759
+ .adyen-kyc-u-margin-left-48 {
5760
+ margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
5761
+ }
5762
+
5763
+ .adyen-kyc-u-margin-right-48 {
5764
+ margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
5765
+ }
5766
+
5767
+ .adyen-kyc-u-margin-top-48 {
5768
+ margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
5769
+ }
5770
+
5771
+ .adyen-kyc-u-margin-x-48 {
5772
+ margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
5773
+ margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
5774
+ }
5775
+
5776
+ .adyen-kyc-u-margin-y-48 {
5777
+ margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
5778
+ margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
5779
+ }
5780
+
5781
+ /* Topmost/root container class */
5782
+ .adyen-kyc-ui-element-container-wrapper {
5783
+ width: 100%;
5784
+ /**
5785
+ * main container query, used similarly to a @media query
5786
+ * considering our Component can be embedded in a container of arbitrary size
5787
+ * that does not necessarily match the whole window/screen size.
5788
+ * Uses s and l breakpoints defined in variables.
5789
+ */
5790
+ container-type: inline-size;
5791
+ container-name: main;
5792
+ }
5793
+
5794
+ .adyen-kyc-ui-element-container-wrapper *,
5795
+ .adyen-kyc-ui-element-container-wrapper *::after,
5796
+ .adyen-kyc-ui-element-container-wrapper *::before {
5797
+ box-sizing: border-box;
5798
+ }
5799
+
5800
+ .adyen-kyc-ui-element-container {
5801
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
5802
+ position: relative;
5803
+ padding: var(--adyen-sdk-spacer-100, 32px);
5804
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
5805
+ }
5806
+ @container main (max-width: 680px) {
5807
+ .adyen-kyc-ui-element-container {
5808
+ padding: var(--adyen-sdk-spacer-070, 16px);
5809
+ }
5810
+ }
5811
+
5812
+ /*
5813
+ * Compatibility later to ensure components do NOT receive extra padding
5814
+ * as is the case with dropins, without breaking dropins.
5815
+ * Once the Component Layout has been done `.adyen-kyc-externalComponent`
5816
+ * can be safely removed everywere.
5817
+ */
5818
+ .adyen-kyc-ui-element-container:has(.adyen-kyc-externalComponent) {
5819
+ padding: 0;
5820
+ }/* #region Borders */
5821
+ /* #endregion */
5822
+ /* for container queries */
5823
+ /* #region Z-index */
5824
+ /* #endregion */
5825
+ /* #region Timing functions */
5826
+ /* #endregion */
5827
+ /* #region Inline components */
5828
+ /* #endregion */
5829
+ .adyen-kyc-debug-modal {
5830
+ display: flex;
5831
+ flex-direction: column;
5832
+ height: 100%;
5833
+ }
5834
+
5835
+ .adyen-kyc-debug-modal__header {
5836
+ width: 100%;
5837
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
5838
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5839
+ padding: var(--adyen-sdk-spacer-070, 16px);
5840
+ }
5841
+
5842
+ .adyen-kyc-debug-modal__header-tabs {
5843
+ display: flex;
5844
+ gap: 8px;
5845
+ }
5846
+
5847
+ .adyen-kyc-debug-modal__footer {
5848
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
5849
+ width: 100%;
5850
+ display: flex;
5851
+ align-items: center;
5852
+ justify-content: space-between;
5853
+ padding: var(--adyen-sdk-spacer-070, 16px);
5854
+ }
5855
+ .adyen-kyc-debug-modal__footer--copy-status {
5856
+ margin-left: 1em;
5857
+ color: var(--adyen-sdk-color-background-success-strong, #07893c);
5858
+ outline: 1px solid var(--adyen-sdk-color-background-success-strong, #07893c);
5859
+ background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
5860
+ border-radius: 5px;
5861
+ padding: 0.5em;
5862
+ }
5863
+
5864
+ .adyen-kyc-debug-modal__table-key {
5865
+ margin-right: 1em;
5866
+ }
5867
+
5868
+ .adyen-kyc-debug-modal__content {
5869
+ display: flex;
5870
+ flex-direction: column;
5871
+ flex-grow: 1;
5872
+ gap: 24px;
5873
+ overflow-y: auto;
5874
+ padding: var(--adyen-sdk-spacer-070, 16px);
5875
+ }
5876
+
5877
+ .adyen-kyc-debug-modal__meta {
5878
+ display: flex;
5879
+ flex-direction: column;
5880
+ gap: 4px;
5881
+ margin: 0 1em;
5882
+ }.adyen-kyc-tabs {
5883
+ display: flex;
5884
+ gap: 8px;
5885
+ }/* #region Borders */
5886
+ /* #endregion */
5887
+ /* for container queries */
5888
+ /* #region Z-index */
5889
+ /* #endregion */
5890
+ /* #region Timing functions */
5891
+ /* #endregion */
5892
+ /* #region Inline components */
5893
+ /* #endregion */
5894
+ .adyen-kyc-header th {
5895
+ text-align: start;
5896
+ }
5897
+
5898
+ .adyen-kyc-task-name {
5899
+ font-size: 0.85em;
5900
+ letter-spacing: 0.5px;
5901
+ }
5902
+
5903
+ .adyen-kyc-table tbody {
5904
+ /* stylelint-disable-next-line selector-max-compound-selectors */
5905
+ }
5906
+ .adyen-kyc-table tbody tr td {
5907
+ padding: 4px;
5908
+ }
5909
+ .adyen-kyc-table tbody tr:nth-child(odd) {
5910
+ background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5911
+ }
5912
+ .adyen-kyc-table tbody tr:nth-child(even) {
5913
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
5914
+ }.adyen-kyc-introduction {
5915
+ display: flex;
5916
+ flex-direction: column;
5917
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5918
+ gap: var(--adyen-sdk-spacer-020, 4px);
5919
+ max-width: 660px;
5920
+ margin: var(--adyen-sdk-spacer-000, 0px) auto;
5921
+ padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
5922
+ }
5923
+ .adyen-kyc-introduction__skip {
5924
+ text-align: right;
5925
+ }
5926
+ .adyen-kyc-introduction__number {
5927
+ color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
5928
+ font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5929
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5930
+ font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5931
+ height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5932
+ line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
5933
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5934
+ position: relative;
5935
+ top: var(--adyen-sdk-spacer-080, 20px);
5936
+ }
5937
+ .adyen-kyc-introduction__title {
5938
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
5939
+ font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5940
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5941
+ line-height: var(--adyen-sdk-text-title-line-height, 26px);
5942
+ }
5943
+ .adyen-kyc-introduction__description {
5944
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
5945
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
5946
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5947
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
5948
+ }
5949
+ .adyen-kyc-introduction__description p {
5950
+ margin: var(--adyen-sdk-spacer-000, 0px);
5951
+ }
5952
+ .adyen-kyc-introduction__description p:not(:last-child) {
5953
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5954
+ }
5955
+ .adyen-kyc-introduction__description p:has(+ ul) {
5956
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
5957
+ }
5958
+ .adyen-kyc-introduction__description p + ul {
5959
+ margin: var(--adyen-sdk-spacer-000, 0px);
5960
+ margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
5961
+ }
5962
+ .adyen-kyc-introduction__nav {
5963
+ display: flex;
5964
+ gap: var(--adyen-sdk-spacer-080, 20px);
5965
+ margin-top: var(--adyen-sdk-spacer-110, 40px);
5966
+ }
5967
+ .adyen-kyc-introduction__nav button {
5968
+ flex-grow: 1;
5969
+ }.adyen-kyc-business-type-selection {
5970
+ margin-left: auto;
5306
5971
  margin-right: auto;
5307
5972
  }
5308
5973
  .adyen-kyc-business-type-selection__nav {
@@ -5462,98 +6127,4 @@ fieldset {
5462
6127
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
5463
6128
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
5464
6129
  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
5465
- }/* #region Borders */
5466
- /* #endregion */
5467
- /* for container queries */
5468
- /* #region Z-index */
5469
- /* #endregion */
5470
- /* #region Timing functions */
5471
- /* #endregion */
5472
- /* #region Inline components */
5473
- /* #endregion */
5474
- .adyen-kyc-debug-modal {
5475
- display: flex;
5476
- flex-direction: column;
5477
- height: 100%;
5478
- }
5479
-
5480
- .adyen-kyc-debug-modal__header {
5481
- width: 100%;
5482
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
5483
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
5484
- padding: var(--adyen-sdk-spacer-070, 16px);
5485
- }
5486
-
5487
- .adyen-kyc-debug-modal__header-tabs {
5488
- display: flex;
5489
- gap: 8px;
5490
- }
5491
-
5492
- .adyen-kyc-debug-modal__footer {
5493
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
5494
- width: 100%;
5495
- display: flex;
5496
- align-items: center;
5497
- justify-content: space-between;
5498
- padding: var(--adyen-sdk-spacer-070, 16px);
5499
- }
5500
- .adyen-kyc-debug-modal__footer--copy-status {
5501
- margin-left: 1em;
5502
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
5503
- outline: 1px solid var(--adyen-sdk-color-background-success-strong, #07893c);
5504
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
5505
- border-radius: 5px;
5506
- padding: 0.5em;
5507
- }
5508
-
5509
- .adyen-kyc-debug-modal__table-key {
5510
- margin-right: 1em;
5511
- }
5512
-
5513
- .adyen-kyc-debug-modal__content {
5514
- display: flex;
5515
- flex-direction: column;
5516
- flex-grow: 1;
5517
- gap: 24px;
5518
- overflow-y: auto;
5519
- padding: var(--adyen-sdk-spacer-070, 16px);
5520
- }
5521
-
5522
- .adyen-kyc-debug-modal__meta {
5523
- display: flex;
5524
- flex-direction: column;
5525
- gap: 4px;
5526
- margin: 0 1em;
5527
- }.adyen-kyc-tabs {
5528
- display: flex;
5529
- gap: 8px;
5530
- }/* #region Borders */
5531
- /* #endregion */
5532
- /* for container queries */
5533
- /* #region Z-index */
5534
- /* #endregion */
5535
- /* #region Timing functions */
5536
- /* #endregion */
5537
- /* #region Inline components */
5538
- /* #endregion */
5539
- .adyen-kyc-header th {
5540
- text-align: start;
5541
- }
5542
-
5543
- .adyen-kyc-task-name {
5544
- font-size: 0.85em;
5545
- letter-spacing: 0.5px;
5546
- }
5547
-
5548
- .adyen-kyc-table tbody {
5549
- /* stylelint-disable-next-line selector-max-compound-selectors */
5550
- }
5551
- .adyen-kyc-table tbody tr td {
5552
- padding: 4px;
5553
- }
5554
- .adyen-kyc-table tbody tr:nth-child(odd) {
5555
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
5556
- }
5557
- .adyen-kyc-table tbody tr:nth-child(even) {
5558
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
5559
6130
  }