@adyen/kyc-components 2.71.2 → 2.71.3

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 (75) hide show
  1. package/README.md +0 -1
  2. package/dist/es/{4-people-CCqdlDEw.js → 4-people-CrQ1_lkt.js} +2 -2
  3. package/dist/es/adyen-kyc-components.es.js +298 -276
  4. package/dist/es/{arrow-left-Dtc2gya1.js → arrow-left-BvQ08XG_.js} +2 -2
  5. package/dist/es/{arrow-right-D_mdkZmE.js → arrow-right-BS0nSZuJ.js} +2 -2
  6. package/dist/es/{bank-gyBvaSp4.js → bank-Ce5iasfD.js} +2 -2
  7. package/dist/es/{bin-Bgdj6KzC.js → bin-DXheLYbv.js} +2 -2
  8. package/dist/es/{checkmark-tfEAu7lj.js → checkmark-BkvwdH2y.js} +2 -2
  9. package/dist/es/{checkmark-circle-nACBJ24q.js → checkmark-circle-Bs_HYw7i.js} +2 -2
  10. package/dist/es/{checkmark-circle-fill-BhvuqTl9.js → checkmark-circle-fill-BQ-GUCuT.js} +2 -2
  11. package/dist/es/{checkmark-small-63w5fAxg.js → checkmark-small-s7XfaKD5.js} +2 -2
  12. package/dist/es/{chevron-down-CkQS-knD.js → chevron-down-D-YCPRK_.js} +2 -2
  13. package/dist/es/{chevron-left-CBCMdMx6.js → chevron-left-EGqACRo2.js} +2 -2
  14. package/dist/es/{chevron-right-dIVWvPJu.js → chevron-right-Bap_0JTZ.js} +2 -2
  15. package/dist/es/{chevron-up-D93IGU9z.js → chevron-up-WyJaz_s-.js} +2 -2
  16. package/dist/es/{circle-Dgfa7GUy.js → circle-504y9uC_.js} +2 -2
  17. package/dist/es/{contract-DI03_xrF.js → contract-D5cQTwp-.js} +2 -2
  18. package/dist/es/{cross-circle-fill-small-CHMDaA3q.js → cross-circle-fill-small-CM2s6amN.js} +2 -2
  19. package/dist/es/{cross-o4n5KXxG.js → cross-hsLSHwHp.js} +2 -2
  20. package/dist/es/{document-1-DsCi9vmX.js → document-1-Bz9YHwe-.js} +2 -2
  21. package/dist/es/{document-blurred-2Zpodj3_.js → document-blurred-BiWap0xs.js} +2 -2
  22. package/dist/es/{document-cut-off-ClS7RiOp.js → document-cut-off-aQezqOif.js} +2 -2
  23. package/dist/es/{document-expired-CjksBq-N.js → document-expired-BhBXaWWQ.js} +2 -2
  24. package/dist/es/{document-front-DiAairT3.js → document-front-DYuhZGeQ.js} +2 -2
  25. package/dist/es/{document-person-DBlLin9u.js → document-person-B0phPWc-.js} +2 -2
  26. package/dist/es/{document-plus-NwgAdjyB.js → document-plus-VLYAs1Fb.js} +2 -2
  27. package/dist/es/{download-B8_c4ARV.js → download-CG_nuymh.js} +2 -2
  28. package/dist/es/{edit-1-D6f6zk9p.js → edit-1-Cftx09zU.js} +2 -2
  29. package/dist/es/{external-link-BjladU3E.js → external-link-lJsPkQGd.js} +2 -2
  30. package/dist/es/{headquarter-C6AsewcP.js → headquarter-DjOwUeVU.js} +2 -2
  31. package/dist/es/{hide-CigAXbWC.js → hide-CYvvSD4K.js} +2 -2
  32. package/dist/es/{hotel-JX0bjsSA.js → hotel-FELV3Iw2.js} +2 -2
  33. package/dist/es/{id-blurred-9dzBOWCE.js → id-blurred-B5lHEP8M.js} +2 -2
  34. package/dist/es/{id-cut-off-CohJCI2h.js → id-cut-off-Ba1FRzKO.js} +2 -2
  35. package/dist/es/{id-front-CSZfvdRg.js → id-front-CpNWN6nG.js} +2 -2
  36. package/dist/es/{id-glare-Q2JWo5ts.js → id-glare-DgCQON8k.js} +2 -2
  37. package/dist/es/{id-verification-instant-BUVBO4R3.js → id-verification-instant-Byt4Oul6.js} +2 -2
  38. package/dist/es/{id-verification-manual-B3YZALYU.js → id-verification-manual-CvcTkOSY.js} +2 -2
  39. package/dist/es/{idea-DwJIwJHR.js → idea-DCL-FW_D.js} +2 -2
  40. package/dist/es/{image-eUqBiRX_.js → image-FYEkKCbC.js} +2 -2
  41. package/dist/es/{info-Wao3PEQK.js → info-DKq722Fk.js} +2 -2
  42. package/dist/es/{instant-verification-method-CA54OgHe.js → instant-verification-method-IExplamx.js} +2 -2
  43. package/dist/es/{location-YXhcBMDy.js → location-CHomnGCd.js} +2 -2
  44. package/dist/es/{onfido-logo-Cs7hRVg3.js → onfido-logo-5ItMoZKg.js} +2 -2
  45. package/dist/es/{options-horizontal-nJ9-ButA.js → options-horizontal-CZ1OkPyD.js} +2 -2
  46. package/dist/es/{partner-COG2_Erh.js → partner-8G9YJWjj.js} +2 -2
  47. package/dist/es/{passport-blurred-B4UDQfmc.js → passport-blurred-CVG493IJ.js} +2 -2
  48. package/dist/es/{passport-cut-off-C0N2mgLk.js → passport-cut-off-COzA_TmB.js} +2 -2
  49. package/dist/es/{passport-front-BwA7wR91.js → passport-front-WJleLixT.js} +2 -2
  50. package/dist/es/{passport-glare-Mg2ixsYA.js → passport-glare-BP5WnJZj.js} +2 -2
  51. package/dist/es/{payout-iEmHhgQ4.js → payout-BeuHF0wj.js} +2 -2
  52. package/dist/es/{payout-verification-instant-BIcnFP-p.js → payout-verification-instant-C6cLlzet.js} +2 -2
  53. package/dist/es/{payout-verification-manual-DH9-DdlZ.js → payout-verification-manual-Bd7OA5Qd.js} +2 -2
  54. package/dist/es/{person-CdGfItMU.js → person-BR8LZq9h.js} +2 -2
  55. package/dist/es/{plaid-logo-RHMDew7g.js → plaid-logo-BbCkPSQQ.js} +2 -2
  56. package/dist/es/{plus-CwLva7fq.js → plus-DOnPWd2V.js} +2 -2
  57. package/dist/es/{plus-small-Dj1WRyFM.js → plus-small-OyC6T61U.js} +2 -2
  58. package/dist/es/{review-CxIN9azU.js → review-D4TUjcWF.js} +2 -2
  59. package/dist/es/{save-BofgDbDX.js → save-78QF2wal.js} +2 -2
  60. package/dist/es/{search-BjMkvQh0.js → search-AuGVVKrr.js} +2 -2
  61. package/dist/es/{show-uL6I-rMo.js → show-BoKwa35S.js} +2 -2
  62. package/dist/es/{store-CkhgQMl0.js → store-Bgwp0BqP.js} +2 -2
  63. package/dist/es/{tink-logo-CGHQCmGG.js → tink-logo-Bs5otA6O.js} +2 -2
  64. package/dist/es/{trustly-logo-B9WtAxlo.js → trustly-logo-Dpkew4wC.js} +2 -2
  65. package/dist/es/{upload-XDhHhAHV.js → upload-CPqQA9yj.js} +2 -2
  66. package/dist/es/{us-check-CYY6Crhr.js → us-check-C1rTBsCY.js} +2 -2
  67. package/dist/es/{us-check-account-number-C7KE5YzX.js → us-check-account-number-9lI1dXNC.js} +2 -2
  68. package/dist/es/{us-check-routing-number-DUbhsYAR.js → us-check-routing-number-s_KaAGSM.js} +2 -2
  69. package/dist/es/{warning-circle-fill-DADaWT65.js → warning-circle-fill-C4eCiCHk.js} +2 -2
  70. package/dist/es/{warning-filled-BfAQN-BF.js → warning-filled-Pt0MRhUi.js} +2 -2
  71. package/dist/style.css +293 -287
  72. package/dist/types/components/internal/Address/components/FieldContainerComponent.d.ts +2 -1
  73. package/dist/types/components/internal/PhoneInput/PhoneInput.d.ts +0 -5
  74. package/dist/types/core/analytics.d.ts +1 -1
  75. package/package.json +51 -52
package/dist/style.css CHANGED
@@ -8,7 +8,7 @@
8
8
  /* #region Inline components */
9
9
  /* #endregion */
10
10
  .adyen-kyc-summary {
11
- color: var(--adyen-sdk-color-label-primary, #00112c);
11
+ color: var(--adyen-sdk-color-label-primary, #001222);
12
12
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
13
13
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
14
14
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -61,7 +61,7 @@
61
61
  flex: 1;
62
62
  }
63
63
  .adyen-kyc-summary-section__label {
64
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
64
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
65
65
  }
66
66
  .adyen-kyc-summary-section__data {
67
67
  margin: var(--adyen-sdk-spacer-000, 0px);
@@ -72,7 +72,7 @@
72
72
  }
73
73
  }
74
74
  .adyen-kyc-summary__legal-caption {
75
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
75
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
76
76
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
77
77
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
78
78
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -89,7 +89,7 @@
89
89
  /* Base button */
90
90
  /* base/primary */
91
91
  .adyen-kyc-button {
92
- color: var(--adyen-sdk-color-label-primary, #00112c);
92
+ color: var(--adyen-sdk-color-label-primary, #001222);
93
93
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
94
94
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
95
95
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -110,8 +110,14 @@
110
110
  user-select: none;
111
111
  vertical-align: baseline;
112
112
  white-space: nowrap;
113
+ }
114
+ .adyen-kyc-button::-moz-focus-inner {
115
+ border: none;
116
+ padding: var(--adyen-sdk-spacer-000, 0px);
117
+ }
118
+ .adyen-kyc-button {
113
119
  gap: var(--adyen-sdk-spacer-040, 8px);
114
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
120
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
115
121
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
116
122
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
117
123
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -122,12 +128,8 @@
122
128
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-linear, linear);
123
129
  transition-property: color, background-color;
124
130
  }
125
- .adyen-kyc-button::-moz-focus-inner {
126
- border: none;
127
- padding: var(--adyen-sdk-spacer-000, 0px);
128
- }
129
131
  .adyen-kyc-button:hover {
130
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
132
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
131
133
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
132
134
  }
133
135
 
@@ -138,32 +140,32 @@
138
140
  /* secondary */
139
141
  .adyen-kyc-button--secondary {
140
142
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
141
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);
142
- color: var(--adyen-sdk-color-label-primary, #00112c);
143
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c8ccd0);
144
+ color: var(--adyen-sdk-color-label-primary, #001222);
143
145
  }
144
146
  .adyen-kyc-button--secondary:hover {
145
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
146
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
147
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
148
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
147
149
  }
148
150
  .adyen-kyc-button--secondary:active {
149
- background-color: var(--adyen-sdk-color-background-primary-active, #eeeff1);
150
- color: var(--adyen-sdk-color-label-primary-active, #8d95a3);
151
+ background-color: var(--adyen-sdk-color-background-primary-active, #ecedef);
152
+ color: var(--adyen-sdk-color-label-primary-active, #6c7782);
151
153
  }
152
154
 
153
155
  /* tertiary */
154
156
  .adyen-kyc-button--tertiary {
155
- color: var(--adyen-sdk-color-label-primary, #00112c);
157
+ color: var(--adyen-sdk-color-label-primary, #001222);
156
158
  background-color: transparent;
157
159
  text-decoration: underline;
158
160
  }
159
161
  .adyen-kyc-button--tertiary:hover {
160
162
  text-decoration: none;
161
- color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
163
+ color: var(--adyen-sdk-color-label-primary-hover, #5c6874);
162
164
  background-color: transparent;
163
165
  }
164
166
  .adyen-kyc-button--tertiary:active {
165
167
  text-decoration: none;
166
- color: var(--adyen-sdk-color-label-primary-active, #8d95a3);
168
+ color: var(--adyen-sdk-color-label-primary-active, #6c7782);
167
169
  }
168
170
 
169
171
  .adyen-kyc-button--with-loader {
@@ -188,8 +190,8 @@
188
190
  }
189
191
 
190
192
  .adyen-kyc-button--shaded:hover {
191
- background-color: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
192
- color: var(--adyen-sdk-color-label-primary, #00112c);
193
+ background-color: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
194
+ color: var(--adyen-sdk-color-label-primary, #001222);
193
195
  }
194
196
 
195
197
  .adyen-kyc-button--block {
@@ -198,10 +200,10 @@
198
200
  }
199
201
 
200
202
  .adyen-kyc-button--critical {
201
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
203
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
202
204
  }
203
205
  .adyen-kyc-button--critical:hover {
204
- background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c72727);
206
+ background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c13101);
205
207
  }
206
208
 
207
209
  .adyen-kyc-button--icon-left {
@@ -215,12 +217,12 @@
215
217
  /* stylelint-disable-next-line selector-no-qualifying-type */
216
218
  button[disabled] {
217
219
  cursor: not-allowed;
218
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
219
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
220
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
221
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
220
222
  }
221
223
  button[disabled]:hover {
222
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
223
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
224
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
225
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
224
226
  }/* #region Borders */
225
227
  /* #endregion */
226
228
  /* for container queries */
@@ -231,7 +233,7 @@ button[disabled]:hover {
231
233
  /* #region Inline components */
232
234
  /* #endregion */
233
235
  .adyen-kyc-link {
234
- color: var(--adyen-sdk-color-label-primary, #00112c);
236
+ color: var(--adyen-sdk-color-label-primary, #001222);
235
237
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
236
238
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
237
239
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -240,7 +242,7 @@ button[disabled]:hover {
240
242
  -moz-osx-font-smoothing: grayscale;
241
243
  background-color: transparent;
242
244
  border: 0;
243
- color: var(--adyen-sdk-color-link-primary, #00112c);
245
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
244
246
  cursor: pointer;
245
247
  display: inline;
246
248
  font-size: inherit;
@@ -248,20 +250,20 @@ button[disabled]:hover {
248
250
  vertical-align: baseline;
249
251
  }
250
252
  .adyen-kyc-link:hover {
251
- color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
253
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
252
254
  text-decoration: underline;
253
255
  }
254
256
  .adyen-kyc-link:active {
255
- color: var(--adyen-sdk-color-link-primary-active, #8d95a3);
257
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
256
258
  }
257
259
  .adyen-kyc-link:focus {
258
- 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));
260
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
259
261
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
260
262
  transition-property: box-shadow;
261
263
  border-radius: var(--adyen-sdk-border-radius-xs, 2px);
262
264
  }
263
265
  .adyen-kyc-link:visited {
264
- color: var(--adyen-sdk-color-link-primary, #00112c);
266
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
265
267
  }
266
268
  .adyen-kyc-link--with-icon {
267
269
  display: inline-flex;
@@ -269,7 +271,7 @@ button[disabled]:hover {
269
271
  gap: var(--adyen-sdk-spacer-020, 4px);
270
272
  }
271
273
  .adyen-kyc-link--with-icon:hover {
272
- color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
274
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
273
275
  text-decoration: none;
274
276
  }
275
277
  .adyen-kyc-link--icon-left {
@@ -329,8 +331,8 @@ button[disabled]:hover {
329
331
  .adyen-kyc-loader {
330
332
  animation: rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
331
333
  border-radius: 50%;
332
- border: var(--adyen-sdk-border-width-l, 3px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
333
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
334
+ border: var(--adyen-sdk-border-width-l, 3px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
335
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
334
336
  height: 43px;
335
337
  width: 43px;
336
338
  display: flex;
@@ -369,14 +371,14 @@ button[disabled]:hover {
369
371
  }
370
372
  }
371
373
  .adyen-kyc-loader--dot::before {
372
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
374
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
373
375
  border-radius: 50%;
374
376
  content: "";
375
377
  min-height: 6px;
376
378
  min-width: 6px;
377
379
  position: absolute;
378
380
  }.adyen-kyc-divider {
379
- background-color: var(--adyen-sdk-color-separator-primary, #dbdee2);
381
+ background-color: var(--adyen-sdk-color-separator-primary, #dadddf);
380
382
  border: none;
381
383
  height: var(--adyen-sdk-border-width-s, 1px);
382
384
  margin-block-end: 0;
@@ -394,7 +396,7 @@ button[disabled]:hover {
394
396
  /* #region Inline components */
395
397
  /* #endregion */
396
398
  .adyen-kyc-alert {
397
- color: var(--adyen-sdk-color-label-primary, #00112c);
399
+ color: var(--adyen-sdk-color-label-primary, #001222);
398
400
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
399
401
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
400
402
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -414,23 +416,23 @@ button[disabled]:hover {
414
416
  }
415
417
 
416
418
  .adyen-kyc-alert--basic {
417
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
419
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
418
420
  }
419
421
 
420
422
  .adyen-kyc-alert--info {
421
- background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
423
+ background-color: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
422
424
  }
423
425
 
424
426
  .adyen-kyc-alert--error {
425
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
427
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
426
428
  }
427
429
 
428
430
  .adyen-kyc-alert--warning {
429
- background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
431
+ background-color: var(--adyen-sdk-color-background-warning-weak, #fff4e5);
430
432
  }
431
433
 
432
434
  .adyen-kyc-alert--success {
433
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
435
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
434
436
  }
435
437
 
436
438
  .adyen-kyc-alert__header {
@@ -443,16 +445,16 @@ button[disabled]:hover {
443
445
  margin-top: var(--adyen-sdk-spacer-010, 2px);
444
446
  }
445
447
  .adyen-kyc-alert__icon--info {
446
- color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
448
+ color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
447
449
  }
448
450
  .adyen-kyc-alert__icon--error {
449
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
451
+ color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
450
452
  }
451
453
  .adyen-kyc-alert__icon--warning {
452
- color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
454
+ color: var(--adyen-sdk-color-background-warning-strong, #d77f00);
453
455
  }
454
456
  .adyen-kyc-alert__icon--success {
455
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
457
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
456
458
  }
457
459
 
458
460
  .adyen-kyc-alert__close-button {
@@ -465,7 +467,7 @@ button[disabled]:hover {
465
467
  }
466
468
 
467
469
  .adyen-kyc-alert__explanation {
468
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
470
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
469
471
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
470
472
  margin: 0 var(--adyen-sdk-spacer-100, 32px);
471
473
  }
@@ -476,7 +478,7 @@ button[disabled]:hover {
476
478
  text-align: left;
477
479
  }.adyen-kyc-accordion,
478
480
  .adyen-kyc-accordion__summary {
479
- color: var(--adyen-sdk-color-label-primary, #00112c);
481
+ color: var(--adyen-sdk-color-label-primary, #001222);
480
482
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
481
483
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
482
484
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -489,19 +491,19 @@ button[disabled]:hover {
489
491
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
490
492
  }
491
493
  .adyen-kyc-accordion--basic {
492
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
494
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
493
495
  }
494
496
  .adyen-kyc-accordion--info {
495
- background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
497
+ background-color: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
496
498
  }
497
499
  .adyen-kyc-accordion--error {
498
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
500
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
499
501
  }
500
502
  .adyen-kyc-accordion--warning {
501
- background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
503
+ background-color: var(--adyen-sdk-color-background-warning-weak, #fff4e5);
502
504
  }
503
505
  .adyen-kyc-accordion--success {
504
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
506
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
505
507
  }
506
508
  .adyen-kyc-accordion--narrow .adyen-kyc-accordion__summary {
507
509
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
@@ -565,7 +567,7 @@ button[disabled]:hover {
565
567
  /* #region Inline components */
566
568
  /* #endregion */
567
569
  .adyen-kyc-typography {
568
- color: var(--adyen-sdk-color-label-primary, #00112c);
570
+ color: var(--adyen-sdk-color-label-primary, #001222);
569
571
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
570
572
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
571
573
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -652,34 +654,34 @@ button[disabled]:hover {
652
654
  }
653
655
  }
654
656
  .adyen-kyc-typography--primary {
655
- color: var(--adyen-sdk-color-label-primary, #00112c);
657
+ color: var(--adyen-sdk-color-label-primary, #001222);
656
658
  }
657
659
  .adyen-kyc-typography--secondary {
658
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
660
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
659
661
  }
660
662
  .adyen-kyc-typography--tertiary {
661
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
663
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
662
664
  }
663
665
  .adyen-kyc-typography--disabled {
664
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
666
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
665
667
  }
666
668
  .adyen-kyc-typography--success {
667
- color: var(--adyen-sdk-color-label-success, #07893c);
669
+ color: var(--adyen-sdk-color-label-success, #008845);
668
670
  }
669
671
  .adyen-kyc-typography--warning {
670
- color: var(--adyen-sdk-color-label-warning, #b06300);
672
+ color: var(--adyen-sdk-color-label-warning, #ab6600);
671
673
  }
672
674
  .adyen-kyc-typography--critical {
673
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
675
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
674
676
  }
675
677
  .adyen-kyc-typography--highlight {
676
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
678
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
677
679
  }
678
680
  .adyen-kyc-typography--inverse-primary {
679
681
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
680
682
  }
681
683
  .adyen-kyc-typography--inverse-secondary {
682
- color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
684
+ color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
683
685
  }.adyen-kyc-individual .adyen-kyc-form {
684
686
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
685
687
  }.adyen-kyc-field {
@@ -692,17 +694,17 @@ button[disabled]:hover {
692
694
  display: block;
693
695
  }
694
696
  .adyen-kyc-label--disabled {
695
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
697
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
696
698
  opacity: 0.5;
697
699
  pointer-events: none;
698
700
  }
699
701
 
700
702
  .adyen-kyc-optional-label {
701
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
703
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
702
704
  }
703
705
 
704
706
  .adyen-kyc-label__text {
705
- color: var(--adyen-sdk-color-label-primary, #00112c);
707
+ color: var(--adyen-sdk-color-label-primary, #001222);
706
708
  display: block;
707
709
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
708
710
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
@@ -710,7 +712,7 @@ button[disabled]:hover {
710
712
  }
711
713
 
712
714
  .adyen-kyc-helper-text {
713
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
715
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
714
716
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
715
717
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
716
718
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -725,7 +727,7 @@ button[disabled]:hover {
725
727
  margin-top: var(--adyen-sdk-spacer-020, 4px);
726
728
  }
727
729
  .adyen-kyc-helper-text__valid-format-check {
728
- color: var(--adyen-sdk-color-label-success, #07893c);
730
+ color: var(--adyen-sdk-color-label-success, #008845);
729
731
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
730
732
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
731
733
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -734,16 +736,16 @@ button[disabled]:hover {
734
736
  }
735
737
 
736
738
  .adyen-kyc-label__text--error {
737
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
739
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
738
740
  }
739
741
 
740
742
  .adyen-kyc-label--focused .adyen-kyc-label__text {
741
- color: var(--adyen-sdk-color-label-primary, #00112c);
743
+ color: var(--adyen-sdk-color-label-primary, #001222);
742
744
  }
743
745
 
744
746
  .adyen-kyc-error-text {
745
747
  align-items: center;
746
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
748
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
747
749
  display: flex;
748
750
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
749
751
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -779,9 +781,9 @@ button[disabled]:hover {
779
781
 
780
782
  .adyen-kyc-dropdown-button {
781
783
  background: var(--adyen-sdk-color-background-primary, #ffffff);
782
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
784
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
783
785
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
784
- color: var(--adyen-sdk-color-label-primary, #00112c);
786
+ color: var(--adyen-sdk-color-label-primary, #001222);
785
787
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
786
788
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
787
789
  min-height: 40px;
@@ -793,7 +795,7 @@ button[disabled]:hover {
793
795
  }
794
796
 
795
797
  .adyen-kyc-dropdown-button:hover {
796
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
798
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
797
799
  }
798
800
 
799
801
  .adyen-kyc-dropdown-button__icon svg {
@@ -807,16 +809,16 @@ button[disabled]:hover {
807
809
  .adyen-kyc-dropdown-button--active:hover,
808
810
  .adyen-kyc-dropdown-button:active,
809
811
  .adyen-kyc-dropdown-button:focus {
810
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
811
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
812
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
813
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
812
814
  }
813
815
 
814
816
  .adyen-kyc-dropdown-button--readonly, .adyen-kyc-dropdown-button--readonly.adyen-kyc-dropdown-button--active, .adyen-kyc-dropdown-button--readonly:hover, .adyen-kyc-dropdown-button--readonly:focus {
815
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
816
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
817
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
818
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
817
819
  cursor: not-allowed;
818
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
819
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
820
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
821
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
820
822
  }
821
823
 
822
824
  .adyen-kyc-dropdown-button--readonly::after {
@@ -824,7 +826,7 @@ button[disabled]:hover {
824
826
  }
825
827
 
826
828
  .adyen-kyc-dropdown-button--invalid {
827
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
829
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
828
830
  }
829
831
 
830
832
  .adyen-kyc-dropdown-button__text {
@@ -835,7 +837,7 @@ button[disabled]:hover {
835
837
  white-space: nowrap;
836
838
  }
837
839
  .adyen-kyc-dropdown-button__text--placeholder {
838
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
840
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
839
841
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
840
842
  line-height: calc(var(--adyen-sdk-text-body-line-height, 20px) * 1.2);
841
843
  }
@@ -846,7 +848,7 @@ button[disabled]:hover {
846
848
  width: 100%;
847
849
  }
848
850
  .adyen-kyc-dropdown-button-search__icon {
849
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
851
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
850
852
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
851
853
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
852
854
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -854,7 +856,7 @@ button[disabled]:hover {
854
856
  padding-right: var(--adyen-sdk-spacer-040, 8px);
855
857
  }
856
858
  .adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
857
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
859
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
858
860
  }
859
861
 
860
862
  .adyen-kyc-dropdown-button-search::after {
@@ -863,7 +865,7 @@ button[disabled]:hover {
863
865
 
864
866
  .adyen-kyc-dropdown-list {
865
867
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
866
- box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
868
+ box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
867
869
  z-index: 2;
868
870
  }
869
871
  .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
@@ -906,12 +908,12 @@ button[disabled]:hover {
906
908
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
907
909
  }
908
910
  .adyen-kyc-dropdown-search-element__addresses {
909
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
911
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
910
912
  display: flex;
911
913
  }
912
914
  .adyen-kyc-dropdown-search-element__addresses--icon {
913
915
  align-items: center;
914
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
916
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
915
917
  display: flex;
916
918
  margin-left: var(--adyen-sdk-spacer-040, 8px);
917
919
  }
@@ -932,11 +934,11 @@ button[disabled]:hover {
932
934
  .adyen-kyc-dropdown-element:hover,
933
935
  .adyen-kyc-dropdown-element:focus,
934
936
  .adyen-kyc-dropdown-element:active {
935
- background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
937
+ background: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
936
938
  }
937
939
 
938
940
  .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
939
- background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
941
+ background: var(--adyen-sdk-color-background-primary-active, #ecedef);
940
942
  }
941
943
 
942
944
  .adyen-kyc-dropdown-element--disabled {
@@ -970,16 +972,16 @@ button[disabled]:hover {
970
972
  .adyen-kyc-dropdown-selected-items .adyen-kyc-tag {
971
973
  align-self: center;
972
974
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
973
- color: var(--adyen-sdk-color-label-primary, #00112c);
975
+ color: var(--adyen-sdk-color-label-primary, #001222);
974
976
  letter-spacing: 0.2px;
975
977
  margin: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-000, 0px);
976
978
  padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
977
979
  }
978
980
  .adyen-kyc-dropdown-selected-items__tag--teal {
979
- background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
981
+ background-color: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
980
982
  }
981
983
  .adyen-kyc-dropdown-selected-items__tag--blue {
982
- background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
984
+ background-color: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
983
985
  }/* #region Borders */
984
986
  /* #endregion */
985
987
  /* for container queries */
@@ -1017,8 +1019,8 @@ button[disabled]:hover {
1017
1019
  .adyen-kyc-filter-input {
1018
1020
  background: var(--adyen-sdk-color-background-primary, #ffffff);
1019
1021
  border: 0;
1020
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1021
- color: var(--adyen-sdk-color-label-primary, #00112c);
1022
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1023
+ color: var(--adyen-sdk-color-label-primary, #001222);
1022
1024
  font-family: inherit;
1023
1025
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1024
1026
  height: 100%;
@@ -1026,7 +1028,7 @@ button[disabled]:hover {
1026
1028
  width: 100%;
1027
1029
  }
1028
1030
  .adyen-kyc-filter-input::placeholder {
1029
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1031
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1030
1032
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1031
1033
  }
1032
1034
  .adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
@@ -1068,7 +1070,7 @@ button[disabled]:hover {
1068
1070
  /* #region Inline components */
1069
1071
  /* #endregion */
1070
1072
  .adyen-kyc-tag {
1071
- color: var(--adyen-sdk-color-label-primary, #00112c);
1073
+ color: var(--adyen-sdk-color-label-primary, #001222);
1072
1074
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1073
1075
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1074
1076
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1089,38 +1091,38 @@ button[disabled]:hover {
1089
1091
  }
1090
1092
 
1091
1093
  .adyen-kyc-tag--grey {
1092
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1093
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1094
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1095
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1094
1096
  }
1095
1097
 
1096
1098
  .adyen-kyc-tag--blue {
1097
- background: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
1098
- color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7);
1099
+ background: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
1100
+ color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0065c9);
1099
1101
  }
1100
1102
 
1101
1103
  .adyen-kyc-tag--orange {
1102
- background: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
1103
- color: var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700);
1104
+ background: var(--adyen-sdk-color-background-warning-weak, #fff4e5);
1105
+ color: var(--adyen-sdk-color-label-on-background-warning-weak, #955900);
1104
1106
  }
1105
1107
 
1106
1108
  .adyen-kyc-tag--red {
1107
- background: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
1108
- color: var(--adyen-sdk-color-label-on-background-critical-weak, #c72727);
1109
+ background: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
1110
+ color: var(--adyen-sdk-color-label-on-background-critical-weak, #c13101);
1109
1111
  }
1110
1112
 
1111
1113
  .adyen-kyc-tag--teal {
1112
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
1114
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
1113
1115
  color: #065e79;
1114
1116
  }
1115
1117
 
1116
1118
  .adyen-kyc-tag--green {
1117
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
1118
- color: var(--adyen-sdk-color-label-on-background-success-weak, #067934);
1119
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
1120
+ color: var(--adyen-sdk-color-label-on-background-success-weak, #00773c);
1119
1121
  }
1120
1122
 
1121
1123
  .adyen-kyc-tag--basic {
1122
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1123
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1124
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1125
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1124
1126
  }
1125
1127
 
1126
1128
  .adyen-kyc-tag--large {
@@ -1140,7 +1142,7 @@ button[disabled]:hover {
1140
1142
  display: block;
1141
1143
  }
1142
1144
  .adyen-kyc-checkbox__label {
1143
- color: var(--adyen-sdk-color-label-primary, #00112c);
1145
+ color: var(--adyen-sdk-color-label-primary, #001222);
1144
1146
  cursor: pointer;
1145
1147
  display: inline-block;
1146
1148
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -1152,7 +1154,7 @@ button[disabled]:hover {
1152
1154
  width: calc(100% - 32px); /* leaves space for the error icon */
1153
1155
  }
1154
1156
  .adyen-kyc-checkbox__helper-text {
1155
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1157
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1156
1158
  display: block;
1157
1159
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1158
1160
  padding-left: var(--adyen-sdk-spacer-090, 24px);
@@ -1162,27 +1164,28 @@ button[disabled]:hover {
1162
1164
  opacity: 0;
1163
1165
  pointer-events: none;
1164
1166
  position: absolute;
1165
- /* Check */
1166
- /* Box */
1167
1167
  }
1168
1168
  .adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
1169
- 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));
1169
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
1170
1170
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1171
1171
  transition-property: box-shadow;
1172
1172
  }
1173
1173
  .adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
1174
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
1174
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1175
1175
  }
1176
1176
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
1177
1177
  opacity: 1;
1178
1178
  }
1179
1179
  .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
1180
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1181
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1180
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1181
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1182
1182
  }
1183
1183
  .adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
1184
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
1185
- border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
1184
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
1185
+ border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
1186
+ }
1187
+ .adyen-kyc-checkbox__input {
1188
+ /* Check */
1186
1189
  }
1187
1190
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
1188
1191
  border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
@@ -1198,9 +1201,12 @@ button[disabled]:hover {
1198
1201
  width: 5px;
1199
1202
  z-index: 1;
1200
1203
  }
1204
+ .adyen-kyc-checkbox__input {
1205
+ /* Box */
1206
+ }
1201
1207
  .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
1202
1208
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1203
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1209
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1204
1210
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
1205
1211
  content: "";
1206
1212
  height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
@@ -1228,7 +1234,7 @@ button[disabled]:hover {
1228
1234
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
1229
1235
  }
1230
1236
  .adyen-kyc-form-header__description {
1231
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1237
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1232
1238
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
1233
1239
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1234
1240
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
@@ -1277,10 +1283,10 @@ button[disabled]:hover {
1277
1283
  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
1278
1284
  padding-top: var(--adyen-sdk-spacer-000, 0px);
1279
1285
  background: var(--adyen-sdk-color-background-primary, #ffffff);
1280
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1286
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1281
1287
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1282
- caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
1283
- color: var(--adyen-sdk-color-label-primary, #00112c);
1288
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
1289
+ color: var(--adyen-sdk-color-label-primary, #001222);
1284
1290
  display: block;
1285
1291
  font-family: inherit;
1286
1292
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -1291,32 +1297,32 @@ button[disabled]:hover {
1291
1297
  width: 100%;
1292
1298
  }
1293
1299
  .adyen-kyc-input::placeholder {
1294
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1300
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1295
1301
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1296
1302
  }
1297
1303
  .adyen-kyc-input:hover {
1298
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
1304
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
1299
1305
  }
1300
1306
  .adyen-kyc-input:required {
1301
1307
  box-shadow: none;
1302
1308
  }
1303
1309
  .adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
1304
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
1305
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
1310
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
1311
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
1306
1312
  cursor: not-allowed;
1307
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1308
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1313
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1314
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1309
1315
  }
1310
1316
  .adyen-kyc-input--disabled:hover {
1311
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1317
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1312
1318
  }
1313
1319
  .adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
1314
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
1315
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1320
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
1321
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1316
1322
  }
1317
1323
  .adyen-kyc-input:active, .adyen-kyc-input:focus, .adyen-kyc-input--focus, .adyen-kyc-input:active:hover, .adyen-kyc-input:focus:hover, .adyen-kyc-input--focus:hover {
1318
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1319
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
1324
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
1325
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
1320
1326
  }
1321
1327
  .adyen-kyc-input--number {
1322
1328
  appearance: none;
@@ -1343,17 +1349,17 @@ button[disabled]:hover {
1343
1349
  top: var(--adyen-sdk-spacer-080, 20px);
1344
1350
  }
1345
1351
  .adyen-kyc-input__inline-validation--valid {
1346
- color: var(--adyen-sdk-color-label-success, #07893c);
1352
+ color: var(--adyen-sdk-color-label-success, #008845);
1347
1353
  display: none;
1348
1354
  }
1349
1355
  .adyen-kyc-input__inline-validation--invalid {
1350
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1356
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1351
1357
  }
1352
1358
  .adyen-kyc-input__inline-validation--invalid-bottom {
1353
1359
  top: var(--adyen-sdk-spacer-040, 8px);
1354
1360
  }
1355
1361
  .adyen-kyc-input__counter {
1356
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1362
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1357
1363
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1358
1364
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1359
1365
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1387,7 +1393,7 @@ button[disabled]:hover {
1387
1393
  flex-direction: column;
1388
1394
  }.adyen-kyc-input--mismatch {
1389
1395
  animation: mismatchShake 300ms;
1390
- border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
1396
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
1391
1397
  }
1392
1398
 
1393
1399
  @keyframes mismatchShake {
@@ -1437,7 +1443,7 @@ button[disabled]:hover {
1437
1443
  /* #region Inline components */
1438
1444
  /* #endregion */
1439
1445
  .adyen-kyc-input-radio {
1440
- color: var(--adyen-sdk-color-label-primary, #00112c);
1446
+ color: var(--adyen-sdk-color-label-primary, #001222);
1441
1447
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1442
1448
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1443
1449
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1451,7 +1457,7 @@ button[disabled]:hover {
1451
1457
  .adyen-kyc-input-radio__input {
1452
1458
  appearance: none;
1453
1459
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
1454
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1460
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
1455
1461
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
1456
1462
  cursor: pointer;
1457
1463
  display: inline-block;
@@ -1485,35 +1491,35 @@ button[disabled]:hover {
1485
1491
  width: 6px;
1486
1492
  }
1487
1493
  .adyen-kyc-input-radio__input:checked {
1488
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1489
- border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
1494
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
1495
+ border-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1490
1496
  }
1491
1497
  .adyen-kyc-input-radio__input:checked::before {
1492
1498
  opacity: 1;
1493
1499
  transform: scale(1);
1494
1500
  }
1495
1501
  .adyen-kyc-input-radio__input:checked:hover {
1496
- border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
1497
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
1502
+ border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6c7782);
1503
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874);
1498
1504
  }
1499
1505
  .adyen-kyc-input-radio__input:checked:disabled:hover {
1500
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1501
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1506
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1507
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1502
1508
  }
1503
1509
  .adyen-kyc-input-radio__input:checked:disabled::before {
1504
- background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
1510
+ background-color: var(--adyen-sdk-color-outline-tertiary, #8c959d);
1505
1511
  }
1506
1512
  .adyen-kyc-input-radio__input:hover {
1507
- background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
1513
+ background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
1508
1514
  }
1509
1515
  .adyen-kyc-input-radio__input:focus {
1510
- 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));
1516
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
1511
1517
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
1512
1518
  transition-property: box-shadow;
1513
1519
  }
1514
1520
  .adyen-kyc-input-radio__input:disabled {
1515
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
1516
- border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
1521
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
1522
+ border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
1517
1523
  cursor: not-allowed;
1518
1524
  }
1519
1525
 
@@ -1593,7 +1599,7 @@ button[disabled]:hover {
1593
1599
  }
1594
1600
  }
1595
1601
  .adyen-kyc-radio-group-card__subtitle {
1596
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1602
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1597
1603
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1598
1604
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1599
1605
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1624,14 +1630,14 @@ button[disabled]:hover {
1624
1630
  /* #region Inline components */
1625
1631
  /* #endregion */
1626
1632
  .adyen-kyc-radio-card {
1627
- color: var(--adyen-sdk-color-label-primary, #00112c);
1633
+ color: var(--adyen-sdk-color-label-primary, #001222);
1628
1634
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1629
1635
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1630
1636
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
1631
1637
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
1632
1638
  -webkit-font-smoothing: antialiased;
1633
1639
  -moz-osx-font-smoothing: grayscale;
1634
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
1640
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
1635
1641
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1636
1642
  cursor: pointer;
1637
1643
  display: block;
@@ -1653,14 +1659,14 @@ button[disabled]:hover {
1653
1659
  width: 18px;
1654
1660
  }
1655
1661
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
1656
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
1662
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
1657
1663
  }
1658
1664
  .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
1659
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
1665
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
1660
1666
  }
1661
1667
 
1662
1668
  .adyen-kyc-radio-card__body {
1663
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
1669
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
1664
1670
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
1665
1671
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1666
1672
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -1719,17 +1725,17 @@ button[disabled]:hover {
1719
1725
  }
1720
1726
 
1721
1727
  .adyen-kyc-document-guidance__description-text {
1722
- color: var(--adyen-sdk-color-label-primary, #00112c);
1728
+ color: var(--adyen-sdk-color-label-primary, #001222);
1723
1729
  }
1724
1730
 
1725
1731
  .adyen-kyc-document-guidance__icon {
1726
1732
  height: 16px;
1727
1733
  width: 16px;
1728
1734
  border-radius: 50%;
1729
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
1735
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
1730
1736
  }
1731
1737
  .adyen-kyc-document-guidance__icon--invalid {
1732
- background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1738
+ background-color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1733
1739
  }/* #region Borders */
1734
1740
  /* #endregion */
1735
1741
  /* for container queries */
@@ -1740,7 +1746,7 @@ button[disabled]:hover {
1740
1746
  /* #region Inline components */
1741
1747
  /* #endregion */
1742
1748
  .adyen-kyc-dropzone {
1743
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c9cdd3);
1749
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c8ccd0);
1744
1750
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1745
1751
  display: flex;
1746
1752
  flex-direction: column;
@@ -1750,31 +1756,31 @@ button[disabled]:hover {
1750
1756
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1751
1757
  }
1752
1758
  .adyen-kyc-dropzone--dragged {
1753
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
1754
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
1759
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #001222);
1760
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
1755
1761
  }
1756
1762
  .adyen-kyc-dropzone--error {
1757
- border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
1763
+ border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #dc3801);
1758
1764
  }
1759
1765
  .adyen-kyc-dropzone__icon {
1760
1766
  display: flex;
1761
1767
  align-items: center;
1762
1768
  justify-content: center;
1763
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1769
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1764
1770
  border-radius: 50%;
1765
1771
  height: 32px;
1766
1772
  width: 32px;
1767
1773
  margin: var(--adyen-sdk-spacer-000, 0px) auto var(--adyen-sdk-spacer-060, 12px);
1768
1774
  }
1775
+ .adyen-kyc-dropzone__labels h4 {
1776
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1777
+ }
1769
1778
  .adyen-kyc-dropzone__labels {
1770
1779
  display: flex;
1771
1780
  flex-direction: column;
1772
1781
  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
1773
1782
  text-align: center;
1774
1783
  }
1775
- .adyen-kyc-dropzone__labels h4 {
1776
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
1777
- }
1778
1784
  .adyen-kyc-dropzone__input {
1779
1785
  display: none;
1780
1786
  }
@@ -1793,7 +1799,7 @@ button[disabled]:hover {
1793
1799
  display: flex;
1794
1800
  align-items: center;
1795
1801
  justify-content: space-between;
1796
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
1802
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
1797
1803
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
1798
1804
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
1799
1805
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
@@ -1801,16 +1807,16 @@ button[disabled]:hover {
1801
1807
  margin-top: var(--adyen-sdk-spacer-040, 8px);
1802
1808
  }
1803
1809
  .adyen-kyc-dropzone-file--error {
1804
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
1810
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
1805
1811
  }
1806
1812
  .adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
1807
- color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
1813
+ color: var(--adyen-sdk-color-background-critical-strong, #dc3801);
1808
1814
  }
1809
1815
  .adyen-kyc-dropzone-file__icon {
1810
1816
  align-items: center;
1811
1817
  display: flex;
1812
1818
  margin-right: var(--adyen-sdk-spacer-040, 8px);
1813
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
1819
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
1814
1820
  }
1815
1821
  .adyen-kyc-dropzone-file__labels {
1816
1822
  overflow: hidden;
@@ -1827,7 +1833,7 @@ button[disabled]:hover {
1827
1833
  margin-left: var(--adyen-sdk-spacer-040, 8px);
1828
1834
  }
1829
1835
  .adyen-kyc-dropzone-file__error {
1830
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
1836
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
1831
1837
  margin-top: var(--adyen-sdk-spacer-020, 4px);
1832
1838
  }
1833
1839
  .adyen-kyc-dropzone-file__button {
@@ -1853,7 +1859,7 @@ button[disabled]:hover {
1853
1859
  /* #region Inline components */
1854
1860
  /* #endregion */
1855
1861
  .adyen-kyc-list {
1856
- color: var(--adyen-sdk-color-label-primary, #00112c);
1862
+ color: var(--adyen-sdk-color-label-primary, #001222);
1857
1863
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
1858
1864
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
1859
1865
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -1931,7 +1937,7 @@ fieldset {
1931
1937
 
1932
1938
  .adyen-kyc-search-address--below {
1933
1939
  align-items: start;
1934
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1940
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1935
1941
  display: flex;
1936
1942
  justify-content: space-between;
1937
1943
  }
@@ -1943,7 +1949,7 @@ fieldset {
1943
1949
  }
1944
1950
  .adyen-kyc-search-address--below-location .adyen-kyc-icon {
1945
1951
  display: flex;
1946
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
1952
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
1947
1953
  margin-right: var(--adyen-sdk-spacer-020, 4px);
1948
1954
  }.adyen-kyc-search-fieldcontainer-hide {
1949
1955
  display: none;
@@ -1986,28 +1992,28 @@ fieldset {
1986
1992
  position: relative !important;
1987
1993
  }
1988
1994
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
1989
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
1995
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
1990
1996
  }
1991
1997
  .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
1992
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e56) !important;
1998
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
1993
1999
  }
1994
2000
  .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
1995
- background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #283750) !important;
2001
+ background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #273746) !important;
1996
2002
  }
1997
2003
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
1998
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2004
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
1999
2005
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2000
2006
  }
2001
2007
  .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
2002
- background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c) !important;
2008
+ background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874) !important;
2003
2009
  }
2004
2010
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
2005
2011
  border-bottom-style: none !important;
2006
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2012
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2007
2013
  }
2008
2014
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
2009
2015
  background: none !important;
2010
- color: var(--adyen-sdk-color-label-secondary, #5c687c) !important;
2016
+ color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
2011
2017
  text-decoration: underline !important;
2012
2018
  }
2013
2019
  .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
@@ -2030,7 +2036,7 @@ fieldset {
2030
2036
  .adyen-kyc-loader-wrapper-loader-active {
2031
2037
  display: block;
2032
2038
  }.adyen-kyc-id-verification-method__guidance {
2033
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2039
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2034
2040
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2035
2041
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
2036
2042
  }.adyen-kyc-field--idNumberWithExempt .adyen-kyc-input--text {
@@ -2098,7 +2104,7 @@ fieldset {
2098
2104
  height: 100%;
2099
2105
  }
2100
2106
  .adyen-kyc-bank-verification .adyen-action-bar {
2101
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
2107
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
2102
2108
  flex-flow: row;
2103
2109
  margin: var(--adyen-sdk-spacer-000, 0px);
2104
2110
  padding: var(--adyen-sdk-spacer-070, 16px);
@@ -2195,7 +2201,7 @@ fieldset {
2195
2201
  }
2196
2202
  .adyen-kyc-check-guidance .adyen-kyc-us-check-account-number,
2197
2203
  .adyen-kyc-check-guidance .adyen-kyc-us-check-routing-number {
2198
- fill: var(--adyen-sdk-color-label-highlight, #0070f5);
2204
+ fill: var(--adyen-sdk-color-label-highlight, #0f75dc);
2199
2205
  }/* #region Borders */
2200
2206
  /* #endregion */
2201
2207
  /* for container queries */
@@ -2245,7 +2251,7 @@ fieldset {
2245
2251
  }
2246
2252
  .adyen-kyc-field-verification-methods__footer {
2247
2253
  align-items: center;
2248
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
2254
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
2249
2255
  display: flex;
2250
2256
  gap: var(--adyen-sdk-spacer-020, 4px);
2251
2257
  justify-content: end;
@@ -2278,7 +2284,7 @@ fieldset {
2278
2284
  position: relative;
2279
2285
  }
2280
2286
  .adyen-kyc-instant-verification-error > *:not(.adyen-kyc-alert__header) {
2281
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2287
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2282
2288
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2283
2289
  }
2284
2290
  .adyen-kyc-instant-verification-error .adyen-kyc-alert__title {
@@ -2298,7 +2304,7 @@ fieldset {
2298
2304
  /* #region Inline components */
2299
2305
  /* #endregion */
2300
2306
  .adyen-kyc-card {
2301
- color: var(--adyen-sdk-color-label-primary, #00112c);
2307
+ color: var(--adyen-sdk-color-label-primary, #001222);
2302
2308
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2303
2309
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2304
2310
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -2306,17 +2312,17 @@ fieldset {
2306
2312
  -webkit-font-smoothing: antialiased;
2307
2313
  -moz-osx-font-smoothing: grayscale;
2308
2314
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2309
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
2315
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
2310
2316
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
2311
2317
  display: block;
2312
2318
  outline: none;
2313
2319
  }
2314
2320
  .adyen-kyc-card--secondary {
2315
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2321
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2316
2322
  }
2317
2323
 
2318
2324
  .adyen-kyc-card.adyen-kyc-card--stateful {
2319
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2325
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2320
2326
  cursor: pointer;
2321
2327
  transition-duration: 0.2s;
2322
2328
  transition-property: border-color, box-shadow;
@@ -2325,36 +2331,36 @@ fieldset {
2325
2331
  z-index: 0;
2326
2332
  }
2327
2333
  .adyen-kyc-card.adyen-kyc-card--stateful:hover {
2328
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);
2334
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
2329
2335
  z-index: 1;
2330
2336
  }
2331
2337
  .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
2332
2338
  z-index: 2;
2333
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2339
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2334
2340
  }
2335
2341
  .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
2336
- 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));
2342
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
2337
2343
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
2338
2344
  transition-property: box-shadow;
2339
2345
  }
2340
2346
 
2341
2347
  .adyen-kyc-card.adyen-kyc-card--active {
2342
- border-color: var(--adyen-sdk-color-outline-primary, #dbdee2);
2348
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
2343
2349
  cursor: pointer;
2344
2350
  transition-duration: 0.2s;
2345
2351
  transition-property: border-color, box-shadow;
2346
2352
  transition-timing-function: ease;
2347
2353
  }
2348
2354
  .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
2349
- border-color: var(--adyen-sdk-color-outline-primary-active, #00112c);
2355
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
2350
2356
  }
2351
2357
  .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
2352
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
2358
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
2353
2359
  }
2354
2360
 
2355
2361
  .adyen-kyc-card.adyen-kyc-card--disabled {
2356
- background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
2357
- color: var(--adyen-sdk-color-label-disabled, #8d95a3);
2362
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
2363
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
2358
2364
  cursor: not-allowed;
2359
2365
  }
2360
2366
 
@@ -2390,7 +2396,7 @@ fieldset {
2390
2396
  }.adyen-kyc-skeleton {
2391
2397
  width: 100%;
2392
2398
  height: 100%;
2393
- background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
2399
+ background-color: var(--adyen-sdk-color-outline-secondary, #c8ccd0);
2394
2400
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2395
2401
  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
2396
2402
  }
@@ -2440,7 +2446,7 @@ fieldset {
2440
2446
  text-align: center;
2441
2447
  }
2442
2448
  .adyen-kyc-prefer-instant-verification-method-manual-button-darker {
2443
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2449
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2444
2450
  }.adyen-kyc-individual .adyen-kyc-form {
2445
2451
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
2446
2452
  }.adyen-kyc-additional-information {
@@ -2470,7 +2476,7 @@ fieldset {
2470
2476
  }.adyen-kyc-verified-business-card {
2471
2477
  display: flex;
2472
2478
  flex-direction: column;
2473
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
2479
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2474
2480
  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
2475
2481
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
2476
2482
  }
@@ -2479,7 +2485,7 @@ fieldset {
2479
2485
  flex-direction: column;
2480
2486
  }
2481
2487
  .adyen-kyc-verified-business-card__address a {
2482
- color: var(--adyen-sdk-color-label-primary, #00112c);
2488
+ color: var(--adyen-sdk-color-label-primary, #001222);
2483
2489
  }
2484
2490
  .adyen-kyc-verified-business-card__content {
2485
2491
  display: flex;
@@ -2536,13 +2542,13 @@ fieldset {
2536
2542
 
2537
2543
  .adyen-kyc-structured-list-label {
2538
2544
  flex: 1;
2539
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
2545
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
2540
2546
  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
2541
2547
  }
2542
2548
 
2543
2549
  .adyen-kyc-structured-list-value {
2544
2550
  flex: 1;
2545
- color: var(--adyen-sdk-color-label-primary, #00112c);
2551
+ color: var(--adyen-sdk-color-label-primary, #001222);
2546
2552
  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
2547
2553
  overflow-x: auto;
2548
2554
  }
@@ -2589,7 +2595,7 @@ fieldset {
2589
2595
  /* #endregion */
2590
2596
  .adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
2591
2597
  margin-top: -1px;
2592
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
2598
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
2593
2599
  }
2594
2600
  .adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):first-of-type {
2595
2601
  border-bottom-left-radius: 0;
@@ -2664,13 +2670,13 @@ fieldset {
2664
2670
  font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2665
2671
  font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
2666
2672
  line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
2667
- color: var(--adyen-sdk-color-label-primary, #00112c);
2673
+ color: var(--adyen-sdk-color-label-primary, #001222);
2668
2674
  }
2669
2675
  .adyen-kyc-business-details .adyen-kyc-form-header__description {
2670
2676
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2671
2677
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2672
2678
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
2673
- color: var(--adyen-sdk-color-label-primary, #00112c);
2679
+ color: var(--adyen-sdk-color-label-primary, #001222);
2674
2680
  }/* #region Borders */
2675
2681
  /* #endregion */
2676
2682
  /* for container queries */
@@ -2764,7 +2770,7 @@ fieldset {
2764
2770
  }
2765
2771
 
2766
2772
  .adyen-kyc-modal::backdrop {
2767
- background-color: var(--adyen-sdk-color-support-overlay, #00112c);
2773
+ background-color: var(--adyen-sdk-color-support-overlay, #001222);
2768
2774
  opacity: 0.75;
2769
2775
  }
2770
2776
 
@@ -2800,7 +2806,7 @@ fieldset {
2800
2806
  }
2801
2807
 
2802
2808
  .adyen-kyc-modal__footer {
2803
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
2809
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
2804
2810
  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
2805
2811
  }
2806
2812
 
@@ -2861,13 +2867,13 @@ fieldset {
2861
2867
  border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
2862
2868
  }
2863
2869
  .adyen-kyc-progress__step {
2864
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
2870
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
2865
2871
  display: flex;
2866
2872
  flex: 1;
2867
2873
  height: var(--step-progress-internal-height);
2868
2874
  }
2869
2875
  .adyen-kyc-progress__step--active {
2870
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
2876
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2871
2877
  }
2872
2878
  .adyen-kyc-progress__step-label {
2873
2879
  border: 0;
@@ -2900,7 +2906,7 @@ fieldset {
2900
2906
  /* #region Inline components */
2901
2907
  /* #endregion */
2902
2908
  .adyen-kyc-dropin {
2903
- color: var(--adyen-sdk-color-label-primary, #00112c);
2909
+ color: var(--adyen-sdk-color-label-primary, #001222);
2904
2910
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2905
2911
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
2906
2912
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3011,7 +3017,7 @@ fieldset {
3011
3017
  }
3012
3018
  }
3013
3019
  .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
3014
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
3020
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3015
3021
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3016
3022
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3017
3023
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
@@ -3022,7 +3028,7 @@ fieldset {
3022
3028
  }
3023
3029
 
3024
3030
  .adyen-kyc-form-navigation__step-count {
3025
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3031
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3026
3032
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3027
3033
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3028
3034
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
@@ -3045,8 +3051,8 @@ fieldset {
3045
3051
  /* #endregion */
3046
3052
  .adyen-kyc-form-navigation__item {
3047
3053
  align-items: center;
3048
- border-left: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3049
- color: var(--adyen-sdk-color-label-primary, #00112c);
3054
+ border-left: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3055
+ color: var(--adyen-sdk-color-label-primary, #001222);
3050
3056
  cursor: default;
3051
3057
  display: flex;
3052
3058
  flex-direction: row;
@@ -3056,7 +3062,7 @@ fieldset {
3056
3062
  }
3057
3063
  .adyen-kyc-form-navigation__item--active {
3058
3064
  border-left: var(--adyen-sdk-border-width-m, 2px) solid;
3059
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3065
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3060
3066
  }
3061
3067
  .adyen-kyc-form-navigation__item--isnav {
3062
3068
  cursor: pointer;
@@ -3070,13 +3076,13 @@ fieldset {
3070
3076
  display: inline-flex;
3071
3077
  }
3072
3078
  .adyen-kyc-form-navigation__item-icon--success {
3073
- color: var(--adyen-sdk-color-label-success, #07893c);
3079
+ color: var(--adyen-sdk-color-label-success, #008845);
3074
3080
  }
3075
3081
  .adyen-kyc-form-navigation__item-icon--success .adyen-kyc-icon {
3076
3082
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
3077
3083
  }
3078
3084
  .adyen-kyc-form-navigation__item-icon--error {
3079
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3085
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
3080
3086
  }.adyen-kyc-business-type-selection {
3081
3087
  margin-left: auto;
3082
3088
  margin-right: auto;
@@ -3119,7 +3125,7 @@ fieldset {
3119
3125
  /* #region Inline components */
3120
3126
  /* #endregion */
3121
3127
  .adyen-kyc-decision-makers {
3122
- color: var(--adyen-sdk-color-label-primary, #00112c);
3128
+ color: var(--adyen-sdk-color-label-primary, #001222);
3123
3129
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3124
3130
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3125
3131
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3151,7 +3157,7 @@ fieldset {
3151
3157
  width: fit-content;
3152
3158
  }
3153
3159
  .adyen-kyc-decision-makers__add {
3154
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3160
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3155
3161
  width: 100%;
3156
3162
  }
3157
3163
  .adyen-kyc-decision-makers__add .adyen-kyc-icon {
@@ -3163,7 +3169,7 @@ fieldset {
3163
3169
  }
3164
3170
  .adyen-kyc-decision-makers__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
3165
3171
  background-color: transparent;
3166
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3172
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3167
3173
  border-top: 0;
3168
3174
  border-top-left-radius: 0;
3169
3175
  border-top-right-radius: 0;
@@ -3188,7 +3194,7 @@ fieldset {
3188
3194
  /* #region Inline components */
3189
3195
  /* #endregion */
3190
3196
  .adyen-kyc-entity-association {
3191
- color: var(--adyen-sdk-color-label-primary, #00112c);
3197
+ color: var(--adyen-sdk-color-label-primary, #001222);
3192
3198
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3193
3199
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3194
3200
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3229,7 +3235,7 @@ fieldset {
3229
3235
  }
3230
3236
  .adyen-kyc-entity-association__more-actions-toggle {
3231
3237
  border-radius: 50%;
3232
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3238
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3233
3239
  font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
3234
3240
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3235
3241
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -3244,7 +3250,7 @@ fieldset {
3244
3250
  margin: var(--adyen-sdk-spacer-000, 0px);
3245
3251
  }
3246
3252
  .adyen-kyc-entity-association__more-actions-toggle:hover {
3247
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3253
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3248
3254
  }
3249
3255
  .adyen-kyc-entity-association__remove {
3250
3256
  display: flex;
@@ -3268,7 +3274,7 @@ fieldset {
3268
3274
  /* #region Inline components */
3269
3275
  /* #endregion */
3270
3276
  .adyen-kyc-status {
3271
- color: var(--adyen-sdk-color-label-primary, #00112c);
3277
+ color: var(--adyen-sdk-color-label-primary, #001222);
3272
3278
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3273
3279
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3274
3280
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3285,15 +3291,15 @@ fieldset {
3285
3291
  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
3286
3292
  }
3287
3293
  .adyen-kyc-status--finished {
3288
- color: var(--adyen-sdk-color-label-success, #07893c);
3294
+ color: var(--adyen-sdk-color-label-success, #008845);
3289
3295
  }
3290
3296
  .adyen-kyc-status--download {
3291
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3297
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3292
3298
  cursor: pointer;
3293
3299
  }
3294
3300
  .adyen-kyc-status--error {
3295
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3296
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
3301
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
3302
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
3297
3303
  }
3298
3304
  .adyen-kyc-status__icon {
3299
3305
  align-self: center;
@@ -3311,20 +3317,20 @@ fieldset {
3311
3317
  font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
3312
3318
  }
3313
3319
  .adyen-kyc-status__icon--error .adyen-kyc-icon {
3314
- color: var(--adyen-sdk-color-label-critical, #e22d2d);
3320
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
3315
3321
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3316
3322
  }
3317
3323
  .adyen-kyc-status__icon--finished {
3318
- background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
3324
+ background-color: var(--adyen-sdk-color-background-success-strong, #008845);
3319
3325
  }
3320
3326
  .adyen-kyc-status__icon--download {
3321
- background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
3327
+ background-color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
3322
3328
  }
3323
3329
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
3324
- background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3330
+ background: var(--adyen-sdk-color-background-inverse-primary, #001222);
3325
3331
  }
3326
3332
  .adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
3327
- border-top-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3333
+ border-top-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
3328
3334
  }
3329
3335
 
3330
3336
  @container main (max-width: 680px) {
@@ -3341,10 +3347,10 @@ fieldset {
3341
3347
  /* #region Inline components */
3342
3348
  /* #endregion */
3343
3349
  .adyen-actions-menu {
3344
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3345
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3350
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3351
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3346
3352
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
3347
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
3353
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
3348
3354
  display: flex;
3349
3355
  flex-direction: column;
3350
3356
  margin-top: var(--adyen-sdk-spacer-040, 8px);
@@ -3354,7 +3360,7 @@ fieldset {
3354
3360
  z-index: 100;
3355
3361
  }
3356
3362
  .adyen-actions-menu__option {
3357
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3363
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3358
3364
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3359
3365
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3360
3366
  justify-content: flex-end;
@@ -3370,7 +3376,7 @@ fieldset {
3370
3376
  /* #region Inline components */
3371
3377
  /* #endregion */
3372
3378
  .adyen-kyc-entity-status {
3373
- color: var(--adyen-sdk-color-label-primary, #00112c);
3379
+ color: var(--adyen-sdk-color-label-primary, #001222);
3374
3380
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3375
3381
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3376
3382
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3400,16 +3406,16 @@ fieldset {
3400
3406
  }
3401
3407
  .adyen-kyc-entity-status__icon--satisfied {
3402
3408
  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3403
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
3409
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
3404
3410
  }
3405
3411
  .adyen-kyc-entity-status__icon--empty {
3406
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
3412
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3407
3413
  }
3408
3414
  .adyen-kyc-entity-status__legend {
3409
3415
  display: flex;
3410
3416
  padding-bottom: var(--adyen-sdk-spacer-090, 24px);
3411
3417
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
3412
- border-bottom: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3418
+ border-bottom: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3413
3419
  }
3414
3420
  .adyen-kyc-entity-status__legend--rule {
3415
3421
  display: flex;
@@ -3420,18 +3426,18 @@ fieldset {
3420
3426
  margin-top: var(--adyen-sdk-spacer-020, 4px);
3421
3427
  }@keyframes adyen-kyc-shimmer {
3422
3428
  0% {
3423
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3429
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
3424
3430
  }
3425
3431
  50% {
3426
- background-color: var(--adyen-sdk-color-background-quaternary, #c0c5cc);
3432
+ background-color: var(--adyen-sdk-color-background-quaternary, #c0c5ca);
3427
3433
  }
3428
3434
  100% {
3429
- background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
3435
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
3430
3436
  }
3431
3437
  }
3432
3438
  .adyen-kyc-shimmer {
3433
3439
  animation: adyen-kyc-shimmer 2s linear infinite;
3434
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3440
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3435
3441
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
3436
3442
  position: relative;
3437
3443
  }
@@ -3461,7 +3467,7 @@ fieldset {
3461
3467
  text-align: right;
3462
3468
  }
3463
3469
  .adyen-kyc-introduction__number {
3464
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
3470
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3465
3471
  font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
3466
3472
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
3467
3473
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -3553,7 +3559,7 @@ fieldset {
3553
3559
 
3554
3560
  .adyen-kyc-card.adyen-kyc-add-payout {
3555
3561
  align-items: center;
3556
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3562
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3557
3563
  display: flex;
3558
3564
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3559
3565
  justify-content: center;
@@ -3600,7 +3606,7 @@ fieldset {
3600
3606
  .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
3601
3607
  width: 100%;
3602
3608
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3603
- color: var(--adyen-sdk-color-label-primary, #00112c);
3609
+ color: var(--adyen-sdk-color-label-primary, #001222);
3604
3610
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3605
3611
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3606
3612
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -3663,11 +3669,11 @@ fieldset {
3663
3669
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3664
3670
  }
3665
3671
  .adyen-task-item__title {
3666
- color: var(--adyen-sdk-color-label-primary, #00112c);
3672
+ color: var(--adyen-sdk-color-label-primary, #001222);
3667
3673
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3668
3674
  }
3669
3675
  .adyen-task-item__tagline {
3670
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
3676
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3671
3677
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3672
3678
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3673
3679
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
@@ -3675,7 +3681,7 @@ fieldset {
3675
3681
  }
3676
3682
  .adyen-task-item__icon-wrapper {
3677
3683
  align-items: center;
3678
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3684
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
3679
3685
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
3680
3686
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3681
3687
  display: flex;
@@ -3695,7 +3701,7 @@ fieldset {
3695
3701
  padding: var(--adyen-sdk-spacer-040, 8px);
3696
3702
  }
3697
3703
  .adyen-task-item-extra-actions {
3698
- color: var(--adyen-sdk-color-label-primary, #00112c);
3704
+ color: var(--adyen-sdk-color-label-primary, #001222);
3699
3705
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3700
3706
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3701
3707
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3710,7 +3716,7 @@ fieldset {
3710
3716
  }
3711
3717
  .adyen-task-item-extra-actions__more-actions-toggle {
3712
3718
  border-radius: 50%;
3713
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3719
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3714
3720
  font-size: 5.4px;
3715
3721
  min-width: auto;
3716
3722
  height: 32px;
@@ -3721,7 +3727,7 @@ fieldset {
3721
3727
  margin: var(--adyen-sdk-spacer-000, 0px);
3722
3728
  }
3723
3729
  .adyen-task-item-extra-actions__more-actions-toggle:hover {
3724
- background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3730
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3725
3731
  }
3726
3732
  .adyen-task-item-extra-actions__actions {
3727
3733
  position: relative;
@@ -3752,7 +3758,7 @@ fieldset {
3752
3758
  /* #region Inline components */
3753
3759
  /* #endregion */
3754
3760
  .adyen-task-list-group {
3755
- color: var(--adyen-sdk-color-label-primary, #00112c);
3761
+ color: var(--adyen-sdk-color-label-primary, #001222);
3756
3762
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3757
3763
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3758
3764
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3788,7 +3794,7 @@ fieldset {
3788
3794
  /* #region Inline components */
3789
3795
  /* #endregion */
3790
3796
  .adyen-kyc-trust-members {
3791
- color: var(--adyen-sdk-color-label-primary, #00112c);
3797
+ color: var(--adyen-sdk-color-label-primary, #001222);
3792
3798
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3793
3799
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3794
3800
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3807,7 +3813,7 @@ fieldset {
3807
3813
  width: fit-content;
3808
3814
  }
3809
3815
  .adyen-kyc-trust-members__add {
3810
- color: var(--adyen-sdk-color-label-highlight, #0070f5);
3816
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3811
3817
  width: 100%;
3812
3818
  }
3813
3819
  .adyen-kyc-trust-members__add .adyen-kyc-icon {
@@ -3815,7 +3821,7 @@ fieldset {
3815
3821
  }
3816
3822
  .adyen-kyc-trust-members__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
3817
3823
  background-color: transparent;
3818
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3824
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3819
3825
  border-top: 0;
3820
3826
  border-top-left-radius: 0;
3821
3827
  border-top-right-radius: 0;
@@ -3824,8 +3830,8 @@ fieldset {
3824
3830
  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
3825
3831
  padding-top: var(--adyen-sdk-spacer-020, 4px);
3826
3832
  }.adyen-contract-viewer .adyen-document-viewer {
3827
- --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
3828
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
3833
+ --adv-text-color: var(--adyen-sdk-color-label-primary, #001222);
3834
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
3829
3835
  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3830
3836
  --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3831
3837
  --adv-accordion-content-padding: 0;
@@ -3868,12 +3874,12 @@ fieldset {
3868
3874
 
3869
3875
  .adyen-kyc-embedded-status-light .adyen-kyc-embedded-status-avatar {
3870
3876
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3871
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
3872
- color: var(--adyen-sdk-color-label-primary, #00112c);
3877
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
3878
+ color: var(--adyen-sdk-color-label-primary, #001222);
3873
3879
  }
3874
3880
 
3875
3881
  .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
3876
- background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
3882
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3877
3883
  transition: background-color 0.2s;
3878
3884
  }
3879
3885
 
@@ -3885,7 +3891,7 @@ fieldset {
3885
3891
  height: 40px;
3886
3892
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
3887
3893
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
3888
- background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
3894
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
3889
3895
  }
3890
3896
 
3891
3897
  .adyen-kyc-embedded-status-info {
@@ -3911,7 +3917,7 @@ fieldset {
3911
3917
  .adyen-kyc-link.adyen-kyc__high-exposure-link {
3912
3918
  text-decoration: underline;
3913
3919
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3914
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3920
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3915
3921
  }/* #region Borders */
3916
3922
  /* #endregion */
3917
3923
  /* for container queries */
@@ -3922,7 +3928,7 @@ fieldset {
3922
3928
  /* #region Inline components */
3923
3929
  /* #endregion */
3924
3930
  .adyen-view-verification-status {
3925
- color: var(--adyen-sdk-color-label-primary, #00112c);
3931
+ color: var(--adyen-sdk-color-label-primary, #001222);
3926
3932
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3927
3933
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3928
3934
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3934,7 +3940,7 @@ fieldset {
3934
3940
  position: relative;
3935
3941
  }
3936
3942
  .adyen-view-verification-status__description {
3937
- color: var(--adyen-sdk-color-label-secondary, #5c687c);
3943
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3938
3944
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3939
3945
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
3940
3946
  margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);
@@ -4544,17 +4550,17 @@ fieldset {
4544
4550
  /* #region Inline components */
4545
4551
  /* #endregion */
4546
4552
  .adyen-kyc-toast {
4547
- color: var(--adyen-sdk-color-label-primary, #00112c);
4553
+ color: var(--adyen-sdk-color-label-primary, #001222);
4548
4554
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
4549
4555
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
4550
4556
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4551
4557
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
4552
4558
  -webkit-font-smoothing: antialiased;
4553
4559
  -moz-osx-font-smoothing: grayscale;
4554
- background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
4555
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-highlight-strong, #0070f5);
4560
+ background-color: var(--adyen-sdk-color-background-highlight-weak, #f0f6fd);
4561
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
4556
4562
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
4557
- color: var(--adyen-sdk-color-label-primary, #00112c);
4563
+ color: var(--adyen-sdk-color-label-primary, #001222);
4558
4564
  display: flex;
4559
4565
  align-items: right;
4560
4566
  gap: var(--adyen-sdk-spacer-060, 12px);
@@ -4583,13 +4589,13 @@ fieldset {
4583
4589
  }
4584
4590
 
4585
4591
  .adyen-kyc-toast__success {
4586
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
4587
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-success-strong, #07893c);
4592
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
4593
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-success-strong, #008845);
4588
4594
  }
4589
4595
 
4590
4596
  .adyen-kyc-toast__error {
4591
- background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
4592
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-critical-strong, #e22d2d);
4597
+ background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
4598
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-critical-strong, #dc3801);
4593
4599
  }
4594
4600
 
4595
4601
  .adyen-kyc-toast__message {
@@ -4611,7 +4617,7 @@ fieldset {
4611
4617
 
4612
4618
  .adyen-kyc-toast__subtitle,
4613
4619
  .adyen-kyc-toast__action {
4614
- color: var(--adyen-sdk-color-label-primary, #00112c);
4620
+ color: var(--adyen-sdk-color-label-primary, #001222);
4615
4621
  display: block;
4616
4622
  margin: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
4617
4623
  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-050, 10px) var(--adyen-sdk-spacer-020, 4px);
@@ -4620,7 +4626,7 @@ fieldset {
4620
4626
  .adyen-kyc-toast__close {
4621
4627
  background: none;
4622
4628
  border: none;
4623
- color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
4629
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4624
4630
  cursor: pointer;
4625
4631
  display: inline-flex;
4626
4632
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -4681,9 +4687,9 @@ fieldset {
4681
4687
  }
4682
4688
  .adyen-kyc-debug-modal__footer--copy-status {
4683
4689
  margin-left: 1em;
4684
- color: var(--adyen-sdk-color-background-success-strong, #07893c);
4685
- outline: 1px solid var(--adyen-sdk-color-background-success-strong, #07893c);
4686
- background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
4690
+ color: var(--adyen-sdk-color-background-success-strong, #008845);
4691
+ outline: 1px solid var(--adyen-sdk-color-background-success-strong, #008845);
4692
+ background-color: var(--adyen-sdk-color-background-success-weak, #e4faef);
4687
4693
  border-radius: 5px;
4688
4694
  padding: 0.5em;
4689
4695
  }