@adyen/kyc-components 2.9.1 → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/es/adyen-kyc-components.es.js +412 -342
  2. package/dist/style.css +1524 -1496
  3. package/dist/types/components/AccountSetupRejected/component/AccountSetupRejected.d.ts +2 -0
  4. package/dist/types/components/CompanyDetails/types.d.ts +1 -1
  5. package/dist/types/components/Dropins/PayoutDetailsDropin/components/PayoutDetailsDropinComponent.d.ts +1 -1
  6. package/dist/types/components/Dropins/PciDropin/components/PciDropinComponent.d.ts +1 -1
  7. package/dist/types/components/Dropins/PciDropin/types.d.ts +0 -1
  8. package/dist/types/components/PayoutDetails/types.d.ts +1 -0
  9. package/dist/types/components/TaskList/types.d.ts +2 -1
  10. package/dist/types/components/TrustRegistrationDetails/types.d.ts +4 -2
  11. package/dist/types/components/internal/Address/utils.d.ts +1 -1
  12. package/dist/types/components/internal/Alert/Alert.d.ts +1 -1
  13. package/dist/types/components/internal/Alert/types.d.ts +1 -0
  14. package/dist/types/components/internal/TaxId/types.d.ts +1 -0
  15. package/dist/types/core/Services/componentApi/get-allowed-locales.d.ts +3 -0
  16. package/dist/types/core/models/api/legal-arrangement.d.ts +2 -2
  17. package/dist/types/core/models/api/organization.d.ts +2 -2
  18. package/dist/types/language/config.d.ts +3 -0
  19. package/dist/types/utils/company-util.d.ts +2 -1
  20. package/dist/types/utils/decision-maker-roles.d.ts +1 -1
  21. package/dist/types/utils/entity-status-util.d.ts +2 -2
  22. package/dist/types/utils/get-task-status.d.ts +1 -0
  23. package/dist/types/utils/mapping/componentApiMapping.d.ts +2 -2
  24. package/dist/types/utils/regex/passportNumberPatterns.d.ts +1 -0
  25. package/dist/types/utils/trust-util.d.ts +4 -1
  26. package/package.json +2 -2
  27. package/dist/types/components/UenOrGst/types.d.ts +0 -9
package/dist/style.css CHANGED
@@ -2446,6 +2446,11 @@
2446
2446
  }
2447
2447
  .adl-review-alert {
2448
2448
  width: 100%;
2449
+ }
2450
+ .adyen-kyc-icon.adl-alert-error-icon::before {
2451
+ display: inline-block;
2452
+ color: #a10000;
2453
+ transform: scale(1.6);
2449
2454
  }/* #region Spacing */
2450
2455
  /* #endregion */
2451
2456
  /* #region Colors */
@@ -22304,6 +22309,47 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
22304
22309
  /* #endregion */
22305
22310
  /* #region Inline components */
22306
22311
  /* #endregion */
22312
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22313
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22314
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22315
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22316
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22317
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22318
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22319
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22320
+ .adyen-kyc-form-header {
22321
+ margin-bottom: 24px;
22322
+ }
22323
+ .adyen-kyc-form-header__heading {
22324
+ font-size: 24px;
22325
+ font-weight: 600;
22326
+ margin-bottom: 8px;
22327
+ }
22328
+ .adyen-kyc-form-header__description {
22329
+ color: #394962;
22330
+ font-size: 16px;
22331
+ }/* #region Spacing */
22332
+ /* #endregion */
22333
+ /* #region Colors */
22334
+ /* #endregion */
22335
+ /* #region Fonts */
22336
+ /* #endregion */
22337
+ /* #region Borders */
22338
+ /* #endregion */
22339
+ /* #region Box-shadow */
22340
+ /* #endregion */
22341
+ /* #region Shadows */
22342
+ /* #endregion */
22343
+ /* #region Z-index */
22344
+ /* #endregion */
22345
+ /* #region Transition */
22346
+ /* #endregion */
22347
+ /* #region Timing functions */
22348
+ /* #endregion */
22349
+ /* #region Focus ring */
22350
+ /* #endregion */
22351
+ /* #region Inline components */
22352
+ /* #endregion */
22307
22353
  /* #region Spacing */
22308
22354
  /* #endregion */
22309
22355
  /* #region Colors */
@@ -24156,28 +24202,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24156
24202
  .adl-u-width-auto {
24157
24203
  width: auto !important;
24158
24204
  }
24159
- .adyen-kyc-radio-group {
24160
- display: flex;
24161
- flex-direction: column;
24162
- margin-top: 8px;
24163
- }
24164
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
24165
- display: none;
24166
- }
24167
- .adyen-kyc-radio-group__label {
24168
- color: inherit;
24169
- display: block;
24170
- font-size: 1em;
24171
- font-weight: normal;
24172
- line-height: 21px;
24173
- overflow: visible;
24174
- padding-bottom: 0;
24175
- padding-left: 24px;
24176
- position: relative;
24177
- }
24178
- .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
24179
- color: inherit;
24180
- }/* #region Spacing */
24205
+ /* #region Spacing */
24181
24206
  /* #endregion */
24182
24207
  /* #region Colors */
24183
24208
  /* #endregion */
@@ -24225,103 +24250,11 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24225
24250
  /* #endregion */
24226
24251
  /* #region Inline components */
24227
24252
  /* #endregion */
24228
- .adl-input-radio {
24229
- color: #00112c;
24230
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
24231
- font-size: 15px;
24232
- -webkit-font-smoothing: antialiased;
24233
- -moz-osx-font-smoothing: grayscale;
24234
- font-weight: 400;
24235
- line-height: 1.4;
24236
- display: inline-flex;
24237
- vertical-align: baseline;
24238
- }
24239
- .adl-input-radio *,
24240
- .adl-input-radio *::before,
24241
- .adl-input-radio *::after {
24242
- box-sizing: border-box;
24243
- }
24244
- .adl-input-radio__input {
24245
- appearance: none;
24246
- background-color: #fff;
24247
- border: 1px solid #dce0e5;
24248
- border-radius: 12px;
24249
- cursor: pointer;
24250
- display: inline-block;
24251
- flex-basis: 16px;
24252
- height: 16px;
24253
- margin: 0;
24254
- min-width: 16px;
24255
- outline: none;
24256
- position: relative;
24257
- top: 3px;
24258
- width: 16px;
24259
- }
24260
- .adl-input-radio__input::after {
24261
- bottom: -4px;
24262
- content: "";
24263
- display: block;
24264
- left: -4px;
24265
- position: absolute;
24266
- right: -4px;
24267
- top: -4px;
24268
- }
24269
- .adl-input-radio__input::before {
24270
- background: #fff;
24271
- border-radius: 12px;
24272
- content: "";
24273
- display: block;
24274
- height: 6px;
24275
- left: 4px;
24276
- opacity: 0;
24277
- position: absolute;
24278
- top: 4px;
24279
- transform: scale(0);
24280
- transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
24281
- width: 6px;
24282
- }
24283
- .adl-input-radio__input:checked {
24284
- background: #06f;
24285
- border-color: #06f;
24286
- }
24287
- .adl-input-radio__input:checked::before {
24288
- opacity: 1;
24289
- transform: scale(1);
24290
- }
24291
- .adl-input-radio__input:checked:disabled::before {
24292
- background-color: #69778c;
24293
- }
24294
- .adl-input-radio__input:checked:disabled:hover {
24295
- border-color: transparent;
24296
- }
24297
- .adl-input-radio__input:checked:hover {
24298
- border-color: #0047b2;
24299
- }
24300
- .adl-input-radio__input:hover {
24301
- border-color: #69778c;
24302
- }
24303
- .adl-input-radio__input:focus {
24304
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 102, 255, 0.4);
24305
- transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
24306
- transition-property: box-shadow;
24307
- border-color: #06f;
24308
- }
24309
- .adl-input-radio__input:disabled {
24310
- background-color: #dce0e5;
24311
- border-color: transparent;
24312
- cursor: not-allowed;
24313
- }
24314
- .adl-input-radio__label {
24315
- cursor: pointer;
24316
- line-height: 24px;
24317
- margin-right: 16px;
24318
- padding-left: 8px;
24319
- vertical-align: baseline;
24320
- }
24321
- .adl-input-radio__label--disabled {
24322
- color: #8390a3;
24323
- cursor: not-allowed;
24324
- }/* #region Spacing */
24253
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24254
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24255
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24256
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24257
+ /* #region Spacing */
24325
24258
  /* #endregion */
24326
24259
  /* #region Colors */
24327
24260
  /* #endregion */
@@ -24343,26 +24276,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24343
24276
  /* #endregion */
24344
24277
  /* #region Inline components */
24345
24278
  /* #endregion */
24346
- /* stylelint-disable-line scss/dollar-variable-pattern */
24347
- /* stylelint-disable-line scss/dollar-variable-pattern */
24348
- /* stylelint-disable-line scss/dollar-variable-pattern */
24349
- /* stylelint-disable-line scss/dollar-variable-pattern */
24350
- /* stylelint-disable-line scss/dollar-variable-pattern */
24351
- /* stylelint-disable-line scss/dollar-variable-pattern */
24352
- /* stylelint-disable-line scss/dollar-variable-pattern */
24353
- /* stylelint-disable-line scss/dollar-variable-pattern */
24354
- .adyen-kyc-form-header {
24355
- margin-bottom: 24px;
24356
- }
24357
- .adyen-kyc-form-header__heading {
24358
- font-size: 24px;
24359
- font-weight: 600;
24360
- margin-bottom: 8px;
24361
- }
24362
- .adyen-kyc-form-header__description {
24363
- color: #394962;
24364
- font-size: 16px;
24365
- }/* #region Spacing */
24279
+ /* #region Spacing */
24366
24280
  /* #endregion */
24367
24281
  /* #region Colors */
24368
24282
  /* #endregion */
@@ -24384,6 +24298,38 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24384
24298
  /* #endregion */
24385
24299
  /* #region Inline components */
24386
24300
  /* #endregion */
24301
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24302
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24303
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24304
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24305
+ .adl-u-screen-reader-only {
24306
+ border: 0;
24307
+ clip: rect(0, 0, 0, 0);
24308
+ height: 1px;
24309
+ overflow: hidden;
24310
+ padding: 0 !important;
24311
+ position: absolute;
24312
+ white-space: nowrap;
24313
+ width: 1px;
24314
+ }
24315
+ .adl-u-screen-reader-only-focusable {
24316
+ border: 0;
24317
+ clip: rect(0, 0, 0, 0);
24318
+ height: 1px;
24319
+ overflow: hidden;
24320
+ padding: 0 !important;
24321
+ position: absolute;
24322
+ white-space: nowrap;
24323
+ width: 1px;
24324
+ }
24325
+ .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
24326
+ clip: auto;
24327
+ height: auto;
24328
+ overflow: visible;
24329
+ position: static;
24330
+ white-space: normal;
24331
+ width: auto;
24332
+ }
24387
24333
  /* #region Spacing */
24388
24334
  /* #endregion */
24389
24335
  /* #region Colors */
@@ -24410,170 +24356,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24410
24356
  /* stylelint-disable-line scss/dollar-variable-pattern */
24411
24357
  /* stylelint-disable-line scss/dollar-variable-pattern */
24412
24358
  /* stylelint-disable-line scss/dollar-variable-pattern */
24413
- /* #region Spacing */
24414
- /* #endregion */
24415
- /* #region Colors */
24416
- /* #endregion */
24417
- /* #region Fonts */
24418
- /* #endregion */
24419
- /* #region Borders */
24420
- /* #endregion */
24421
- /* #region Box-shadow */
24422
- /* #endregion */
24423
- /* #region Shadows */
24424
- /* #endregion */
24425
- /* #region Z-index */
24426
- /* #endregion */
24427
- /* #region Transition */
24428
- /* #endregion */
24429
- /* #region Timing functions */
24430
- /* #endregion */
24431
- /* #region Focus ring */
24432
- /* #endregion */
24433
- /* #region Inline components */
24434
- /* #endregion */
24435
- /* stylelint-disable-line scss/dollar-variable-pattern */
24436
- /* stylelint-disable-line scss/dollar-variable-pattern */
24437
- /* stylelint-disable-line scss/dollar-variable-pattern */
24438
- /* stylelint-disable-line scss/dollar-variable-pattern */
24439
- /* #region Spacing */
24440
- /* #endregion */
24441
- /* #region Colors */
24442
- /* #endregion */
24443
- /* #region Fonts */
24444
- /* #endregion */
24445
- /* #region Borders */
24446
- /* #endregion */
24447
- /* #region Box-shadow */
24448
- /* #endregion */
24449
- /* #region Shadows */
24450
- /* #endregion */
24451
- /* #region Z-index */
24452
- /* #endregion */
24453
- /* #region Transition */
24454
- /* #endregion */
24455
- /* #region Timing functions */
24456
- /* #endregion */
24457
- /* #region Focus ring */
24458
- /* #endregion */
24459
- /* #region Inline components */
24460
- /* #endregion */
24461
- /* #region Spacing */
24462
- /* #endregion */
24463
- /* #region Colors */
24464
- /* #endregion */
24465
- /* #region Fonts */
24466
- /* #endregion */
24467
- /* #region Borders */
24468
- /* #endregion */
24469
- /* #region Box-shadow */
24470
- /* #endregion */
24471
- /* #region Shadows */
24472
- /* #endregion */
24473
- /* #region Z-index */
24474
- /* #endregion */
24475
- /* #region Transition */
24476
- /* #endregion */
24477
- /* #region Timing functions */
24478
- /* #endregion */
24479
- /* #region Focus ring */
24480
- /* #endregion */
24481
- /* #region Inline components */
24482
- /* #endregion */
24483
- /* stylelint-disable-line scss/dollar-variable-pattern */
24484
- /* stylelint-disable-line scss/dollar-variable-pattern */
24485
- /* stylelint-disable-line scss/dollar-variable-pattern */
24486
- /* stylelint-disable-line scss/dollar-variable-pattern */
24487
- .adl-u-screen-reader-only {
24488
- border: 0;
24489
- clip: rect(0, 0, 0, 0);
24490
- height: 1px;
24491
- overflow: hidden;
24492
- padding: 0 !important;
24493
- position: absolute;
24494
- white-space: nowrap;
24495
- width: 1px;
24496
- }
24497
- .adl-u-screen-reader-only-focusable {
24498
- border: 0;
24499
- clip: rect(0, 0, 0, 0);
24500
- height: 1px;
24501
- overflow: hidden;
24502
- padding: 0 !important;
24503
- position: absolute;
24504
- white-space: nowrap;
24505
- width: 1px;
24506
- }
24507
- .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
24508
- clip: auto;
24509
- height: auto;
24510
- overflow: visible;
24511
- position: static;
24512
- white-space: normal;
24513
- width: auto;
24514
- }
24515
- /* #region Spacing */
24516
- /* #endregion */
24517
- /* #region Colors */
24518
- /* #endregion */
24519
- /* #region Fonts */
24520
- /* #endregion */
24521
- /* #region Borders */
24522
- /* #endregion */
24523
- /* #region Box-shadow */
24524
- /* #endregion */
24525
- /* #region Shadows */
24526
- /* #endregion */
24527
- /* #region Z-index */
24528
- /* #endregion */
24529
- /* #region Transition */
24530
- /* #endregion */
24531
- /* #region Timing functions */
24532
- /* #endregion */
24533
- /* #region Focus ring */
24534
- /* #endregion */
24535
- /* #region Inline components */
24536
- /* #endregion */
24537
- /* stylelint-disable-line scss/dollar-variable-pattern */
24538
- /* stylelint-disable-line scss/dollar-variable-pattern */
24539
- /* stylelint-disable-line scss/dollar-variable-pattern */
24540
- /* stylelint-disable-line scss/dollar-variable-pattern */
24541
- .adl-u-text-align-center {
24542
- text-align: center !important;
24543
- }
24544
- .adl-u-text-align-left {
24545
- text-align: left !important;
24546
- }
24547
- .adl-u-text-align-right {
24548
- text-align: right !important;
24549
- }
24550
- .adl-u-text-align-justify {
24551
- text-align: justify !important;
24552
- }
24553
- .adl-u-vertical-align-baseline {
24554
- vertical-align: baseline !important;
24555
- }
24556
- .adl-u-vertical-align-top {
24557
- vertical-align: top !important;
24558
- }
24559
- .adl-u-vertical-align-middle {
24560
- vertical-align: middle !important;
24561
- }
24562
- .adl-u-vertical-align-bottom {
24563
- vertical-align: bottom !important;
24564
- }
24565
- .adl-u-vertical-align-text-top {
24566
- vertical-align: text-top !important;
24567
- }
24568
- .adl-u-vertical-align-text-bottom {
24569
- vertical-align: text-bottom !important;
24570
- }
24571
- .adl-u-float-left {
24572
- float: left !important;
24573
- }
24574
- .adl-u-float-right {
24575
- float: right !important;
24576
- }
24359
+ .adl-u-text-align-center {
24360
+ text-align: center !important;
24361
+ }
24362
+ .adl-u-text-align-left {
24363
+ text-align: left !important;
24364
+ }
24365
+ .adl-u-text-align-right {
24366
+ text-align: right !important;
24367
+ }
24368
+ .adl-u-text-align-justify {
24369
+ text-align: justify !important;
24370
+ }
24371
+ .adl-u-vertical-align-baseline {
24372
+ vertical-align: baseline !important;
24373
+ }
24374
+ .adl-u-vertical-align-top {
24375
+ vertical-align: top !important;
24376
+ }
24377
+ .adl-u-vertical-align-middle {
24378
+ vertical-align: middle !important;
24379
+ }
24380
+ .adl-u-vertical-align-bottom {
24381
+ vertical-align: bottom !important;
24382
+ }
24383
+ .adl-u-vertical-align-text-top {
24384
+ vertical-align: text-top !important;
24385
+ }
24386
+ .adl-u-vertical-align-text-bottom {
24387
+ vertical-align: text-bottom !important;
24388
+ }
24389
+ .adl-u-float-left {
24390
+ float: left !important;
24391
+ }
24392
+ .adl-u-float-right {
24393
+ float: right !important;
24394
+ }
24577
24395
  /* #region Spacing */
24578
24396
  /* #endregion */
24579
24397
  /* #region Colors */
@@ -28088,7 +27906,210 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
28088
27906
  .adl-u-width-auto {
28089
27907
  width: auto !important;
28090
27908
  }
28091
- /* #region Spacing */
27909
+ .adyen-kyc-dropdown {
27910
+ font-size: 1em;
27911
+ max-width: 100%;
27912
+ width: 100%;
27913
+ }
27914
+ .adyen-kyc-dropdown-button {
27915
+ background: #fff;
27916
+ border: 1px solid #dce0e5;
27917
+ border-radius: 6px;
27918
+ box-sizing: border-box;
27919
+ color: #00112c;
27920
+ font-size: 1em;
27921
+ line-height: 20px;
27922
+ min-height: 40px;
27923
+ outline: 0;
27924
+ padding: 7px 24px 7px 12px;
27925
+ text-decoration: none;
27926
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
27927
+ user-select: none;
27928
+ }
27929
+ .adyen-kyc-dropdown-button:hover {
27930
+ border-color: #99a3ad;
27931
+ }
27932
+ .adyen-kyc-dropdown-button__icon {
27933
+ border-radius: 3px;
27934
+ height: 26px;
27935
+ margin-right: 8px;
27936
+ max-width: 40px;
27937
+ }
27938
+ .adyen-kyc-dropdown-button--active,
27939
+ .adyen-kyc-dropdown-button--active:hover,
27940
+ .adyen-kyc-dropdown-button:active,
27941
+ .adyen-kyc-dropdown-button:focus {
27942
+ border-color: #06f;
27943
+ box-shadow: 0 0 0 2px #80b2ff;
27944
+ }
27945
+ .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 {
27946
+ border: 1px solid #a5afbd;
27947
+ color: #8390a3;
27948
+ cursor: not-allowed;
27949
+ background-color: #f3f6f9;
27950
+ border-color: #dce0e5;
27951
+ }
27952
+ .adyen-kyc-dropdown-button--readonly::after {
27953
+ background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23B9C4C9'/%3E%3C/svg%3E%0A");
27954
+ }
27955
+ .adyen-kyc-dropdown-button--invalid {
27956
+ border-color: #e50000;
27957
+ }
27958
+ .adyen-kyc-dropdown-button__text {
27959
+ line-height: 1;
27960
+ overflow: hidden;
27961
+ pointer-events: none;
27962
+ text-overflow: ellipsis;
27963
+ white-space: nowrap;
27964
+ }
27965
+ .adyen-kyc-dropdown-button__text--placeholder {
27966
+ color: #a5afbd;
27967
+ font-weight: 200;
27968
+ line-height: 1.2;
27969
+ }
27970
+ .adyen-kyc-dropdown-button-search {
27971
+ align-items: center;
27972
+ display: flex;
27973
+ width: 100%;
27974
+ }
27975
+ .adyen-kyc-dropdown-button-search__icon {
27976
+ color: #a5afbd;
27977
+ font-size: 0.81em;
27978
+ padding-right: 8px;
27979
+ }
27980
+ .adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
27981
+ color: #a5afbd;
27982
+ }
27983
+ .adyen-kyc-dropdown-button-search::after {
27984
+ display: none;
27985
+ }
27986
+ .adl-loading-indicator::before {
27987
+ background: #a5afbd;
27988
+ }
27989
+ .adl-loading-indicator::after {
27990
+ border-top-color: #a5afbd;
27991
+ }
27992
+ .adyen-kyc-dropdown-list {
27993
+ border-radius: 6px;
27994
+ box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
27995
+ max-height: 145px;
27996
+ z-index: 2;
27997
+ }
27998
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
27999
+ cursor: pointer;
28000
+ }
28001
+ .adyen-kyc-dropdown-list--above {
28002
+ bottom: -6px;
28003
+ }
28004
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
28005
+ margin-top: 2px;
28006
+ }
28007
+ .adyen-kyc-dropdown-element {
28008
+ border: 1px solid transparent;
28009
+ cursor: pointer;
28010
+ font-size: 0.81em;
28011
+ hyphens: auto;
28012
+ line-height: 20px;
28013
+ outline: 0;
28014
+ padding: 8px;
28015
+ transition: background 0.2s ease-out, border-color 0.2s ease-out;
28016
+ user-select: none;
28017
+ word-break: break-word;
28018
+ }
28019
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
28020
+ align-items: baseline;
28021
+ display: flex;
28022
+ font-size: 1em;
28023
+ width: 100%;
28024
+ }
28025
+ .adyen-kyc-dropdown-search-element__description {
28026
+ flex: 1;
28027
+ }
28028
+ .adyen-kyc-dropdown-search-element__description--highlight {
28029
+ font-weight: 600;
28030
+ }
28031
+ .adyen-kyc-dropdown-search-element__addresses {
28032
+ color: #69778c;
28033
+ display: flex;
28034
+ }
28035
+ .adyen-kyc-dropdown-search-element__addresses--icon {
28036
+ align-items: center;
28037
+ color: #69778c;
28038
+ display: flex;
28039
+ margin-left: 8px;
28040
+ }
28041
+ .adyen-kyc-dropdown-search-element__addresses--text {
28042
+ display: none;
28043
+ margin-left: 4px;
28044
+ }
28045
+ @media screen and (min-width: 1240px) {
28046
+ .adyen-kyc-dropdown-search-element__addresses--text {
28047
+ display: block;
28048
+ }
28049
+ }
28050
+ .adyen-kyc-dropdown-element:last-child {
28051
+ border-bottom: 0;
28052
+ }
28053
+ .adyen-kyc-dropdown-element:hover,
28054
+ .adyen-kyc-dropdown-element:focus,
28055
+ .adyen-kyc-dropdown-element:active {
28056
+ background: rgba(230, 233, 235, 0.6);
28057
+ }
28058
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
28059
+ background: rgba(0, 102, 255, 0.1);
28060
+ }
28061
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:hover,
28062
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:focus,
28063
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:active {
28064
+ background: rgba(0, 102, 255, 0.15);
28065
+ }
28066
+ .adyen-kyc-dropdown-element--disabled {
28067
+ cursor: not-allowed;
28068
+ opacity: 0.4;
28069
+ }
28070
+ .adyen-kyc-dropdown-element__icon {
28071
+ border-radius: 4px;
28072
+ margin-right: 8px;
28073
+ max-height: 26px;
28074
+ max-width: 40px;
28075
+ }
28076
+ .adyen-kyc-dropdown-element__flag {
28077
+ margin-left: 8px;
28078
+ margin-right: 10px;
28079
+ max-height: 18px;
28080
+ max-width: 27px;
28081
+ }
28082
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
28083
+ align-items: baseline;
28084
+ flex-direction: column;
28085
+ font-size: 1em;
28086
+ }
28087
+ .adyen-kyc-dropdown-element-description__text {
28088
+ color: #69778c;
28089
+ }
28090
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
28091
+ right: 32px;
28092
+ }
28093
+ .adyen-kyc-dropdown-selected-items {
28094
+ align-items: baseline;
28095
+ display: flex;
28096
+ flex-direction: row;
28097
+ flex-wrap: wrap;
28098
+ }
28099
+ .adyen-kyc-dropdown-selected-items .adl-tag {
28100
+ align-self: center;
28101
+ border-radius: 6px;
28102
+ color: #00112c;
28103
+ letter-spacing: 0.2px;
28104
+ margin: 2px 8px 2px 0;
28105
+ padding: 2px 8px;
28106
+ }
28107
+ .adyen-kyc-dropdown-selected-items__tag--teal {
28108
+ background-color: #eef9f9;
28109
+ }
28110
+ .adyen-kyc-dropdown-selected-items__tag--blue {
28111
+ background-color: #e6f0ff;
28112
+ }/* #region Spacing */
28092
28113
  /* #endregion */
28093
28114
  /* #region Colors */
28094
28115
  /* #endregion */
@@ -29940,210 +29961,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
29940
29961
  .adl-u-width-auto {
29941
29962
  width: auto !important;
29942
29963
  }
29943
- .adyen-kyc-dropdown {
29944
- font-size: 1em;
29945
- max-width: 100%;
29946
- width: 100%;
29947
- }
29948
- .adyen-kyc-dropdown-button {
29949
- background: #fff;
29950
- border: 1px solid #dce0e5;
29951
- border-radius: 6px;
29952
- box-sizing: border-box;
29953
- color: #00112c;
29954
- font-size: 1em;
29955
- line-height: 20px;
29956
- min-height: 40px;
29957
- outline: 0;
29958
- padding: 7px 24px 7px 12px;
29959
- text-decoration: none;
29960
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
29961
- user-select: none;
29962
- }
29963
- .adyen-kyc-dropdown-button:hover {
29964
- border-color: #99a3ad;
29965
- }
29966
- .adyen-kyc-dropdown-button__icon {
29967
- border-radius: 3px;
29968
- height: 26px;
29969
- margin-right: 8px;
29970
- max-width: 40px;
29971
- }
29972
- .adyen-kyc-dropdown-button--active,
29973
- .adyen-kyc-dropdown-button--active:hover,
29974
- .adyen-kyc-dropdown-button:active,
29975
- .adyen-kyc-dropdown-button:focus {
29976
- border-color: #06f;
29977
- box-shadow: 0 0 0 2px #80b2ff;
29978
- }
29979
- .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 {
29980
- border: 1px solid #a5afbd;
29981
- color: #8390a3;
29982
- cursor: not-allowed;
29983
- background-color: #f3f6f9;
29984
- border-color: #dce0e5;
29985
- }
29986
- .adyen-kyc-dropdown-button--readonly::after {
29987
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23B9C4C9'/%3E%3C/svg%3E%0A");
29988
- }
29989
- .adyen-kyc-dropdown-button--invalid {
29990
- border-color: #e50000;
29991
- }
29992
- .adyen-kyc-dropdown-button__text {
29993
- line-height: 1;
29994
- overflow: hidden;
29995
- pointer-events: none;
29996
- text-overflow: ellipsis;
29997
- white-space: nowrap;
29998
- }
29999
- .adyen-kyc-dropdown-button__text--placeholder {
30000
- color: #a5afbd;
30001
- font-weight: 200;
30002
- line-height: 1.2;
30003
- }
30004
- .adyen-kyc-dropdown-button-search {
30005
- align-items: center;
30006
- display: flex;
30007
- width: 100%;
30008
- }
30009
- .adyen-kyc-dropdown-button-search__icon {
30010
- color: #a5afbd;
30011
- font-size: 0.81em;
30012
- padding-right: 8px;
30013
- }
30014
- .adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
30015
- color: #a5afbd;
30016
- }
30017
- .adyen-kyc-dropdown-button-search::after {
30018
- display: none;
30019
- }
30020
- .adl-loading-indicator::before {
30021
- background: #a5afbd;
30022
- }
30023
- .adl-loading-indicator::after {
30024
- border-top-color: #a5afbd;
30025
- }
30026
- .adyen-kyc-dropdown-list {
30027
- border-radius: 6px;
30028
- box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
30029
- max-height: 145px;
30030
- z-index: 2;
30031
- }
30032
- .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
30033
- cursor: pointer;
30034
- }
30035
- .adyen-kyc-dropdown-list--above {
30036
- bottom: -6px;
30037
- }
30038
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
30039
- margin-top: 2px;
30040
- }
30041
- .adyen-kyc-dropdown-element {
30042
- border: 1px solid transparent;
30043
- cursor: pointer;
30044
- font-size: 0.81em;
30045
- hyphens: auto;
30046
- line-height: 20px;
30047
- outline: 0;
30048
- padding: 8px;
30049
- transition: background 0.2s ease-out, border-color 0.2s ease-out;
30050
- user-select: none;
30051
- word-break: break-word;
30052
- }
30053
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
30054
- align-items: baseline;
30055
- display: flex;
30056
- font-size: 1em;
30057
- width: 100%;
30058
- }
30059
- .adyen-kyc-dropdown-search-element__description {
30060
- flex: 1;
30061
- }
30062
- .adyen-kyc-dropdown-search-element__description--highlight {
30063
- font-weight: 600;
30064
- }
30065
- .adyen-kyc-dropdown-search-element__addresses {
30066
- color: #69778c;
30067
- display: flex;
30068
- }
30069
- .adyen-kyc-dropdown-search-element__addresses--icon {
30070
- align-items: center;
30071
- color: #69778c;
30072
- display: flex;
30073
- margin-left: 8px;
30074
- }
30075
- .adyen-kyc-dropdown-search-element__addresses--text {
30076
- display: none;
30077
- margin-left: 4px;
30078
- }
30079
- @media screen and (min-width: 1240px) {
30080
- .adyen-kyc-dropdown-search-element__addresses--text {
30081
- display: block;
30082
- }
30083
- }
30084
- .adyen-kyc-dropdown-element:last-child {
30085
- border-bottom: 0;
30086
- }
30087
- .adyen-kyc-dropdown-element:hover,
30088
- .adyen-kyc-dropdown-element:focus,
30089
- .adyen-kyc-dropdown-element:active {
30090
- background: rgba(230, 233, 235, 0.6);
30091
- }
30092
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
30093
- background: rgba(0, 102, 255, 0.1);
30094
- }
30095
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:hover,
30096
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:focus,
30097
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:active {
30098
- background: rgba(0, 102, 255, 0.15);
30099
- }
30100
- .adyen-kyc-dropdown-element--disabled {
30101
- cursor: not-allowed;
30102
- opacity: 0.4;
30103
- }
30104
- .adyen-kyc-dropdown-element__icon {
30105
- border-radius: 4px;
30106
- margin-right: 8px;
30107
- max-height: 26px;
30108
- max-width: 40px;
30109
- }
30110
- .adyen-kyc-dropdown-element__flag {
30111
- margin-left: 8px;
30112
- margin-right: 10px;
30113
- max-height: 18px;
30114
- max-width: 27px;
30115
- }
30116
- .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
30117
- align-items: baseline;
30118
- flex-direction: column;
30119
- font-size: 1em;
30120
- }
30121
- .adyen-kyc-dropdown-element-description__text {
30122
- color: #69778c;
30123
- }
30124
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
30125
- right: 32px;
30126
- }
30127
- .adyen-kyc-dropdown-selected-items {
30128
- align-items: baseline;
30129
- display: flex;
30130
- flex-direction: row;
30131
- flex-wrap: wrap;
30132
- }
30133
- .adyen-kyc-dropdown-selected-items .adl-tag {
30134
- align-self: center;
30135
- border-radius: 6px;
30136
- color: #00112c;
30137
- letter-spacing: 0.2px;
30138
- margin: 2px 8px 2px 0;
30139
- padding: 2px 8px;
30140
- }
30141
- .adyen-kyc-dropdown-selected-items__tag--teal {
30142
- background-color: #eef9f9;
30143
- }
30144
- .adyen-kyc-dropdown-selected-items__tag--blue {
30145
- background-color: #e6f0ff;
30146
- }/* #region Spacing */
29964
+ /* #region Spacing */
30147
29965
  /* #endregion */
30148
29966
  /* #region Colors */
30149
29967
  /* #endregion */
@@ -33756,97 +33574,448 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33756
33574
  /* #endregion */
33757
33575
  /* #region Inline components */
33758
33576
  /* #endregion */
33759
- /* stylelint-disable-line scss/dollar-variable-pattern */
33760
- /* stylelint-disable-line scss/dollar-variable-pattern */
33761
- /* stylelint-disable-line scss/dollar-variable-pattern */
33762
- /* stylelint-disable-line scss/dollar-variable-pattern */
33763
- .adl-u-display-flex {
33764
- display: flex !important;
33765
- }
33766
- .adl-u-display-inline-flex {
33767
- display: inline-flex !important;
33768
- }
33769
- .adl-u-flex-direction-row {
33770
- flex-direction: row !important;
33771
- }
33772
- .adl-u-flex-direction-row-reverse {
33773
- flex-direction: row-reverse !important;
33774
- }
33775
- .adl-u-flex-direction-column {
33776
- flex-direction: column !important;
33777
- }
33778
- .adl-u-flex-direction-column-reverse {
33779
- flex-direction: column-reverse !important;
33780
- }
33781
- .adl-u-flex-wrap-wrap {
33782
- flex-wrap: wrap !important;
33783
- }
33784
- .adl-u-flex-wrap-nowrap {
33785
- flex-wrap: nowrap !important;
33786
- }
33787
- .adl-u-align-items-start {
33788
- align-items: start !important;
33789
- }
33790
- .adl-u-align-items-flex-start {
33791
- align-items: flex-start !important;
33792
- }
33793
- .adl-u-align-items-flex-end {
33794
- align-items: flex-end !important;
33795
- }
33796
- .adl-u-align-items-center {
33797
- align-items: center !important;
33798
- }
33799
- .adl-u-align-items-stretch {
33800
- align-items: stretch !important;
33801
- }
33802
- .adl-u-align-items-baseline {
33803
- align-items: baseline !important;
33804
- }
33805
- .adl-u-align-items-end {
33806
- align-items: end !important;
33807
- }
33808
- .adl-u-justify-content-center {
33809
- justify-content: center !important;
33810
- }
33811
- .adl-u-justify-content-flex-start {
33812
- justify-content: flex-start !important;
33813
- }
33814
- .adl-u-justify-content-flex-end {
33815
- justify-content: flex-end !important;
33816
- }
33817
- .adl-u-justify-content-start {
33818
- justify-content: start !important;
33819
- }
33820
- .adl-u-justify-content-end {
33821
- justify-content: end !important;
33822
- }
33823
- .adl-u-justify-content-left {
33824
- justify-content: left !important;
33825
- }
33826
- .adl-u-justify-content-right {
33827
- justify-content: right !important;
33828
- }
33829
- .adl-u-justify-content-space-between {
33830
- justify-content: space-between !important;
33831
- }
33832
- .adl-u-justify-content-space-around {
33833
- justify-content: space-around !important;
33834
- }
33835
- .adl-u-justify-content-space-evenly {
33836
- justify-content: space-evenly !important;
33837
- }
33838
- .adl-u-justify-content-stretch {
33839
- justify-content: stretch !important;
33840
- }
33841
- .adl-u-flex-1 {
33842
- flex: 1 !important;
33843
- }
33844
- .adl-u-width-full {
33845
- width: 100% !important;
33846
- }
33847
- .adl-u-width-auto {
33848
- width: auto !important;
33849
- }
33577
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33578
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33579
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33580
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33581
+ .adl-u-display-flex {
33582
+ display: flex !important;
33583
+ }
33584
+ .adl-u-display-inline-flex {
33585
+ display: inline-flex !important;
33586
+ }
33587
+ .adl-u-flex-direction-row {
33588
+ flex-direction: row !important;
33589
+ }
33590
+ .adl-u-flex-direction-row-reverse {
33591
+ flex-direction: row-reverse !important;
33592
+ }
33593
+ .adl-u-flex-direction-column {
33594
+ flex-direction: column !important;
33595
+ }
33596
+ .adl-u-flex-direction-column-reverse {
33597
+ flex-direction: column-reverse !important;
33598
+ }
33599
+ .adl-u-flex-wrap-wrap {
33600
+ flex-wrap: wrap !important;
33601
+ }
33602
+ .adl-u-flex-wrap-nowrap {
33603
+ flex-wrap: nowrap !important;
33604
+ }
33605
+ .adl-u-align-items-start {
33606
+ align-items: start !important;
33607
+ }
33608
+ .adl-u-align-items-flex-start {
33609
+ align-items: flex-start !important;
33610
+ }
33611
+ .adl-u-align-items-flex-end {
33612
+ align-items: flex-end !important;
33613
+ }
33614
+ .adl-u-align-items-center {
33615
+ align-items: center !important;
33616
+ }
33617
+ .adl-u-align-items-stretch {
33618
+ align-items: stretch !important;
33619
+ }
33620
+ .adl-u-align-items-baseline {
33621
+ align-items: baseline !important;
33622
+ }
33623
+ .adl-u-align-items-end {
33624
+ align-items: end !important;
33625
+ }
33626
+ .adl-u-justify-content-center {
33627
+ justify-content: center !important;
33628
+ }
33629
+ .adl-u-justify-content-flex-start {
33630
+ justify-content: flex-start !important;
33631
+ }
33632
+ .adl-u-justify-content-flex-end {
33633
+ justify-content: flex-end !important;
33634
+ }
33635
+ .adl-u-justify-content-start {
33636
+ justify-content: start !important;
33637
+ }
33638
+ .adl-u-justify-content-end {
33639
+ justify-content: end !important;
33640
+ }
33641
+ .adl-u-justify-content-left {
33642
+ justify-content: left !important;
33643
+ }
33644
+ .adl-u-justify-content-right {
33645
+ justify-content: right !important;
33646
+ }
33647
+ .adl-u-justify-content-space-between {
33648
+ justify-content: space-between !important;
33649
+ }
33650
+ .adl-u-justify-content-space-around {
33651
+ justify-content: space-around !important;
33652
+ }
33653
+ .adl-u-justify-content-space-evenly {
33654
+ justify-content: space-evenly !important;
33655
+ }
33656
+ .adl-u-justify-content-stretch {
33657
+ justify-content: stretch !important;
33658
+ }
33659
+ .adl-u-flex-1 {
33660
+ flex: 1 !important;
33661
+ }
33662
+ .adl-u-width-full {
33663
+ width: 100% !important;
33664
+ }
33665
+ .adl-u-width-auto {
33666
+ width: auto !important;
33667
+ }
33668
+ .adl-loader__wrapper {
33669
+ align-items: center;
33670
+ display: flex;
33671
+ height: 100%;
33672
+ justify-content: center;
33673
+ }
33674
+ .adl-loader__wrapper--inline {
33675
+ display: inline-block;
33676
+ height: auto;
33677
+ margin-right: 8px;
33678
+ }
33679
+ .adl-loading-indicator {
33680
+ color: #00112c;
33681
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
33682
+ font-size: 15px;
33683
+ -webkit-font-smoothing: antialiased;
33684
+ -moz-osx-font-smoothing: grayscale;
33685
+ font-weight: 400;
33686
+ line-height: 1.4;
33687
+ box-sizing: border-box;
33688
+ display: inline-block;
33689
+ font-size: 15px;
33690
+ font-weight: 100;
33691
+ min-height: 24px;
33692
+ min-width: 24px;
33693
+ position: relative;
33694
+ }
33695
+ .adl-loading-indicator *,
33696
+ .adl-loading-indicator *::before,
33697
+ .adl-loading-indicator *::after {
33698
+ box-sizing: border-box;
33699
+ }
33700
+ .adl-loading-indicator::after {
33701
+ animation: adl-progress-circular-rotate 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
33702
+ border: 3px solid #dce0e5;
33703
+ border-radius: 50%;
33704
+ border-top-color: #06f;
33705
+ box-sizing: border-box;
33706
+ content: "";
33707
+ display: block;
33708
+ height: 100%;
33709
+ left: 0;
33710
+ min-height: 24px;
33711
+ min-width: 24px;
33712
+ position: absolute;
33713
+ top: 0;
33714
+ width: 100%;
33715
+ }
33716
+ .adl-loading-indicator::before {
33717
+ box-sizing: border-box;
33718
+ }
33719
+ .adl-loading-indicator--xsmall {
33720
+ min-height: 14px;
33721
+ min-width: 14px;
33722
+ padding: 7px;
33723
+ }
33724
+ .adl-loading-indicator--xsmall::after {
33725
+ border-width: 2px;
33726
+ min-height: 14px;
33727
+ min-width: 14px;
33728
+ }
33729
+ .adl-loading-indicator--dot::before {
33730
+ background: #06f;
33731
+ border-radius: 50%;
33732
+ content: "";
33733
+ display: block;
33734
+ left: 4px;
33735
+ min-height: 6px;
33736
+ min-width: 6px;
33737
+ position: absolute;
33738
+ top: 4px;
33739
+ }
33740
+ .adl-loading-indicator--small {
33741
+ padding: 12px;
33742
+ }
33743
+ .adl-loading-indicator--medium {
33744
+ padding: 18px;
33745
+ }
33746
+ .adl-loading-indicator--large {
33747
+ padding: 24px;
33748
+ }
33749
+ @keyframes adl-progress-circular-rotate {
33750
+ 0% {
33751
+ transform: rotate(0deg);
33752
+ }
33753
+ 100% {
33754
+ transform: rotate(360deg);
33755
+ }
33756
+ }/* #region Spacing */
33757
+ /* #endregion */
33758
+ /* #region Colors */
33759
+ /* #endregion */
33760
+ /* #region Fonts */
33761
+ /* #endregion */
33762
+ /* #region Borders */
33763
+ /* #endregion */
33764
+ /* #region Box-shadow */
33765
+ /* #endregion */
33766
+ /* #region Shadows */
33767
+ /* #endregion */
33768
+ /* #region Z-index */
33769
+ /* #endregion */
33770
+ /* #region Transition */
33771
+ /* #endregion */
33772
+ /* #region Timing functions */
33773
+ /* #endregion */
33774
+ /* #region Focus ring */
33775
+ /* #endregion */
33776
+ /* #region Inline components */
33777
+ /* #endregion */
33778
+ /* #region Spacing */
33779
+ /* #endregion */
33780
+ /* #region Colors */
33781
+ /* #endregion */
33782
+ /* #region Fonts */
33783
+ /* #endregion */
33784
+ /* #region Borders */
33785
+ /* #endregion */
33786
+ /* #region Box-shadow */
33787
+ /* #endregion */
33788
+ /* #region Shadows */
33789
+ /* #endregion */
33790
+ /* #region Z-index */
33791
+ /* #endregion */
33792
+ /* #region Transition */
33793
+ /* #endregion */
33794
+ /* #region Timing functions */
33795
+ /* #endregion */
33796
+ /* #region Focus ring */
33797
+ /* #endregion */
33798
+ /* #region Inline components */
33799
+ /* #endregion */
33800
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33801
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33802
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33803
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33804
+ /* #region Spacing */
33805
+ /* #endregion */
33806
+ /* #region Colors */
33807
+ /* #endregion */
33808
+ /* #region Fonts */
33809
+ /* #endregion */
33810
+ /* #region Borders */
33811
+ /* #endregion */
33812
+ /* #region Box-shadow */
33813
+ /* #endregion */
33814
+ /* #region Shadows */
33815
+ /* #endregion */
33816
+ /* #region Z-index */
33817
+ /* #endregion */
33818
+ /* #region Transition */
33819
+ /* #endregion */
33820
+ /* #region Timing functions */
33821
+ /* #endregion */
33822
+ /* #region Focus ring */
33823
+ /* #endregion */
33824
+ /* #region Inline components */
33825
+ /* #endregion */
33826
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33827
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33828
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33829
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33830
+ /* #region Spacing */
33831
+ /* #endregion */
33832
+ /* #region Colors */
33833
+ /* #endregion */
33834
+ /* #region Fonts */
33835
+ /* #endregion */
33836
+ /* #region Borders */
33837
+ /* #endregion */
33838
+ /* #region Box-shadow */
33839
+ /* #endregion */
33840
+ /* #region Shadows */
33841
+ /* #endregion */
33842
+ /* #region Z-index */
33843
+ /* #endregion */
33844
+ /* #region Transition */
33845
+ /* #endregion */
33846
+ /* #region Timing functions */
33847
+ /* #endregion */
33848
+ /* #region Focus ring */
33849
+ /* #endregion */
33850
+ /* #region Inline components */
33851
+ /* #endregion */
33852
+ /* Reset */
33853
+ /* Regular - Dimensions */
33854
+ /* Regular - Fonts */
33855
+ /* Shared - Styles */
33856
+ /* Shared - Colors */
33857
+ /* Small - Styles */
33858
+ /* Small - Dimensions */
33859
+ /* Small - Fonts */
33860
+ /* State */
33861
+ /* Shadow */
33862
+ /* Motion */
33863
+ /* Loader */
33864
+ /* Circle */
33865
+ /* Label Hover box */
33866
+ /* #region Spacing */
33867
+ /* #endregion */
33868
+ /* #region Colors */
33869
+ /* #endregion */
33870
+ /* #region Fonts */
33871
+ /* #endregion */
33872
+ /* #region Borders */
33873
+ /* #endregion */
33874
+ /* #region Box-shadow */
33875
+ /* #endregion */
33876
+ /* #region Shadows */
33877
+ /* #endregion */
33878
+ /* #region Z-index */
33879
+ /* #endregion */
33880
+ /* #region Transition */
33881
+ /* #endregion */
33882
+ /* #region Timing functions */
33883
+ /* #endregion */
33884
+ /* #region Focus ring */
33885
+ /* #endregion */
33886
+ /* #region Inline components */
33887
+ /* #endregion */
33888
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33889
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33890
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33891
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33892
+ .adl-tag {
33893
+ color: #00112c;
33894
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
33895
+ font-size: 15px;
33896
+ -webkit-font-smoothing: antialiased;
33897
+ -moz-osx-font-smoothing: grayscale;
33898
+ font-weight: 400;
33899
+ line-height: 1.4;
33900
+ background: #f3f6f9;
33901
+ border: 1px solid #dce0e5;
33902
+ border-radius: 0;
33903
+ color: #394962;
33904
+ display: inline-block;
33905
+ font-size: 12px;
33906
+ font-weight: 600;
33907
+ height: 24px;
33908
+ line-height: 24px;
33909
+ padding: 0 8px;
33910
+ text-decoration: none;
33911
+ vertical-align: baseline;
33912
+ white-space: nowrap;
33913
+ }
33914
+ .adl-tag *,
33915
+ .adl-tag *::before,
33916
+ .adl-tag *::after {
33917
+ box-sizing: border-box;
33918
+ }
33919
+ .adl-tag--dark {
33920
+ background: #394962;
33921
+ border: 1px solid #20304c;
33922
+ color: #fff;
33923
+ }
33924
+ .adl-tag--dark.adl-tag--removable:active {
33925
+ background-color: #384861 !important;
33926
+ }
33927
+ .adl-tag--blue {
33928
+ background: #e6f0ff;
33929
+ border: 1px solid #cce0ff;
33930
+ color: #06f;
33931
+ }
33932
+ .adl-tag--blue.adl-tag--removable:active {
33933
+ background-color: #e1ecfb !important;
33934
+ }
33935
+ .adl-tag--red {
33936
+ background: #fce5e5;
33937
+ border: 1px solid #facccc;
33938
+ color: #a10000;
33939
+ }
33940
+ .adl-tag--red.adl-tag--removable:active {
33941
+ background-color: #f7e1e1 !important;
33942
+ }
33943
+ .adl-tag--orange {
33944
+ background: #fff4e5;
33945
+ border: 1px solid #ffeacc;
33946
+ color: #b36900;
33947
+ }
33948
+ .adl-tag--orange.adl-tag--removable:active {
33949
+ background-color: #faefe1 !important;
33950
+ }
33951
+ .adl-tag--green {
33952
+ background: #e6f8ed;
33953
+ border: 1px solid #cef2dd;
33954
+ color: #07863a;
33955
+ }
33956
+ .adl-tag--green.adl-tag--removable:active {
33957
+ background-color: #e1f3e9 !important;
33958
+ }
33959
+ .adl-tag--purple {
33960
+ background: #f2e5ff;
33961
+ border: 1px solid #e6ccff;
33962
+ color: #8000ff;
33963
+ }
33964
+ .adl-tag--purple.adl-tag--removable:active {
33965
+ background-color: #ede1fb !important;
33966
+ }
33967
+ .adl-tag--mint {
33968
+ background: #e6fdf7;
33969
+ border: 1px solid #cdfaef;
33970
+ color: #027458;
33971
+ }
33972
+ .adl-tag--mint.adl-tag--removable:active {
33973
+ background-color: #e1f8f3 !important;
33974
+ }
33975
+ .adl-tag--teal {
33976
+ background: #eef9f9;
33977
+ border: 1px solid #eef9f9;
33978
+ color: #eef9f9;
33979
+ }
33980
+ .adl-tag--teal.adl-tag--removable:active {
33981
+ background-color: #e9f4f5 !important;
33982
+ }
33983
+ .adl-tag--light-blue {
33984
+ background: #e6f0ff;
33985
+ border: 1px solid #e6f0ff;
33986
+ color: #e6f0ff;
33987
+ }
33988
+ .adl-tag--light-blue.adl-tag--removable:active {
33989
+ background-color: #e1ecfb !important;
33990
+ }
33991
+ .adl-tag--basic {
33992
+ border-radius: 4px;
33993
+ border-style: none;
33994
+ color: #394962;
33995
+ font-size: 14px;
33996
+ font-weight: 400;
33997
+ }/* #region Spacing */
33998
+ /* #endregion */
33999
+ /* #region Colors */
34000
+ /* #endregion */
34001
+ /* #region Fonts */
34002
+ /* #endregion */
34003
+ /* #region Borders */
34004
+ /* #endregion */
34005
+ /* #region Box-shadow */
34006
+ /* #endregion */
34007
+ /* #region Shadows */
34008
+ /* #endregion */
34009
+ /* #region Z-index */
34010
+ /* #endregion */
34011
+ /* #region Transition */
34012
+ /* #endregion */
34013
+ /* #region Timing functions */
34014
+ /* #endregion */
34015
+ /* #region Focus ring */
34016
+ /* #endregion */
34017
+ /* #region Inline components */
34018
+ /* #endregion */
33850
34019
  /* #region Spacing */
33851
34020
  /* #endregion */
33852
34021
  /* #region Colors */
@@ -35699,94 +35868,63 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35699
35868
  .adl-u-width-auto {
35700
35869
  width: auto !important;
35701
35870
  }
35702
- .adl-loader__wrapper {
35871
+ .adyen-kyc-dropdown {
35872
+ position: relative;
35873
+ }
35874
+ .adyen-kyc-dropdown-button {
35703
35875
  align-items: center;
35876
+ cursor: pointer;
35704
35877
  display: flex;
35705
- height: 100%;
35706
- justify-content: center;
35707
- }
35708
- .adl-loader__wrapper--inline {
35709
- display: inline-block;
35710
- height: auto;
35711
- margin-right: 8px;
35712
35878
  }
35713
- .adl-loading-indicator {
35714
- color: #00112c;
35715
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
35716
- font-size: 15px;
35717
- -webkit-font-smoothing: antialiased;
35718
- -moz-osx-font-smoothing: grayscale;
35719
- font-weight: 400;
35720
- line-height: 1.4;
35721
- box-sizing: border-box;
35722
- display: inline-block;
35723
- font-size: 15px;
35724
- font-weight: 100;
35725
- min-height: 24px;
35726
- min-width: 24px;
35727
- position: relative;
35879
+ .adyen-kyc-dropdown-button::after {
35880
+ background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
35881
+ background-position: center;
35882
+ background-repeat: no-repeat;
35883
+ content: "";
35884
+ height: 6px;
35885
+ position: absolute;
35886
+ right: 16px;
35887
+ width: 8px;
35728
35888
  }
35729
- .adl-loading-indicator *,
35730
- .adl-loading-indicator *::before,
35731
- .adl-loading-indicator *::after {
35732
- box-sizing: border-box;
35889
+ .adyen-kyc-dropdown-button--active::after {
35890
+ transform: rotate(180deg);
35733
35891
  }
35734
- .adl-loading-indicator::after {
35735
- animation: adl-progress-circular-rotate 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
35736
- border: 3px solid #dce0e5;
35737
- border-radius: 50%;
35738
- border-top-color: #06f;
35739
- box-sizing: border-box;
35740
- content: "";
35741
- display: block;
35892
+ .adyen-kyc-filter-input {
35893
+ background: #fff;
35894
+ border: 0;
35895
+ caret-color: #06f;
35896
+ color: #00112c;
35897
+ font-family: inherit;
35898
+ font-size: 1em;
35742
35899
  height: 100%;
35743
- left: 0;
35744
- min-height: 24px;
35745
- min-width: 24px;
35746
- position: absolute;
35747
- top: 0;
35900
+ padding: 0;
35748
35901
  width: 100%;
35749
35902
  }
35750
- .adl-loading-indicator::before {
35751
- box-sizing: border-box;
35752
- }
35753
- .adl-loading-indicator--xsmall {
35754
- min-height: 14px;
35755
- min-width: 14px;
35756
- padding: 7px;
35903
+ .adyen-kyc-filter-input::placeholder {
35904
+ color: #a5afbd;
35905
+ font-weight: 200;
35757
35906
  }
35758
- .adl-loading-indicator--xsmall::after {
35759
- border-width: 2px;
35760
- min-height: 14px;
35761
- min-width: 14px;
35907
+ .adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
35908
+ outline: 0;
35762
35909
  }
35763
- .adl-loading-indicator--dot::before {
35764
- background: #06f;
35765
- border-radius: 50%;
35766
- content: "";
35767
- display: block;
35768
- left: 4px;
35769
- min-height: 6px;
35770
- min-width: 6px;
35910
+ .adyen-kyc-dropdown-list {
35911
+ background: #fff;
35912
+ display: none;
35913
+ list-style: none;
35914
+ margin: 0;
35915
+ margin-bottom: 50px;
35916
+ overflow-y: auto;
35917
+ padding: 0;
35771
35918
  position: absolute;
35772
- top: 4px;
35773
- }
35774
- .adl-loading-indicator--small {
35775
- padding: 12px;
35776
- }
35777
- .adl-loading-indicator--medium {
35778
- padding: 18px;
35919
+ width: 100%;
35920
+ z-index: 1;
35779
35921
  }
35780
- .adl-loading-indicator--large {
35781
- padding: 24px;
35922
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
35923
+ display: block;
35782
35924
  }
35783
- @keyframes adl-progress-circular-rotate {
35784
- 0% {
35785
- transform: rotate(0deg);
35786
- }
35787
- 100% {
35788
- transform: rotate(360deg);
35789
- }
35925
+ .adyen-kyc-dropdown-element {
35926
+ align-items: center;
35927
+ display: flex;
35790
35928
  }/* #region Spacing */
35791
35929
  /* #endregion */
35792
35930
  /* #region Colors */
@@ -35809,225 +35947,32 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35809
35947
  /* #endregion */
35810
35948
  /* #region Inline components */
35811
35949
  /* #endregion */
35812
- /* #region Spacing */
35813
- /* #endregion */
35814
- /* #region Colors */
35815
- /* #endregion */
35816
- /* #region Fonts */
35817
- /* #endregion */
35818
- /* #region Borders */
35819
- /* #endregion */
35820
- /* #region Box-shadow */
35821
- /* #endregion */
35822
- /* #region Shadows */
35823
- /* #endregion */
35824
- /* #region Z-index */
35825
- /* #endregion */
35826
- /* #region Transition */
35827
- /* #endregion */
35828
- /* #region Timing functions */
35829
- /* #endregion */
35830
- /* #region Focus ring */
35831
- /* #endregion */
35832
- /* #region Inline components */
35833
- /* #endregion */
35834
- /* stylelint-disable-line scss/dollar-variable-pattern */
35835
- /* stylelint-disable-line scss/dollar-variable-pattern */
35836
- /* stylelint-disable-line scss/dollar-variable-pattern */
35837
- /* stylelint-disable-line scss/dollar-variable-pattern */
35838
- /* #region Spacing */
35839
- /* #endregion */
35840
- /* #region Colors */
35841
- /* #endregion */
35842
- /* #region Fonts */
35843
- /* #endregion */
35844
- /* #region Borders */
35845
- /* #endregion */
35846
- /* #region Box-shadow */
35847
- /* #endregion */
35848
- /* #region Shadows */
35849
- /* #endregion */
35850
- /* #region Z-index */
35851
- /* #endregion */
35852
- /* #region Transition */
35853
- /* #endregion */
35854
- /* #region Timing functions */
35855
- /* #endregion */
35856
- /* #region Focus ring */
35857
- /* #endregion */
35858
- /* #region Inline components */
35859
- /* #endregion */
35860
- /* stylelint-disable-line scss/dollar-variable-pattern */
35861
- /* stylelint-disable-line scss/dollar-variable-pattern */
35862
- /* stylelint-disable-line scss/dollar-variable-pattern */
35863
- /* stylelint-disable-line scss/dollar-variable-pattern */
35864
- /* #region Spacing */
35865
- /* #endregion */
35866
- /* #region Colors */
35867
- /* #endregion */
35868
- /* #region Fonts */
35869
- /* #endregion */
35870
- /* #region Borders */
35871
- /* #endregion */
35872
- /* #region Box-shadow */
35873
- /* #endregion */
35874
- /* #region Shadows */
35875
- /* #endregion */
35876
- /* #region Z-index */
35877
- /* #endregion */
35878
- /* #region Transition */
35879
- /* #endregion */
35880
- /* #region Timing functions */
35881
- /* #endregion */
35882
- /* #region Focus ring */
35883
- /* #endregion */
35884
- /* #region Inline components */
35885
- /* #endregion */
35886
- /* Reset */
35887
- /* Regular - Dimensions */
35888
- /* Regular - Fonts */
35889
- /* Shared - Styles */
35890
- /* Shared - Colors */
35891
- /* Small - Styles */
35892
- /* Small - Dimensions */
35893
- /* Small - Fonts */
35894
- /* State */
35895
- /* Shadow */
35896
- /* Motion */
35897
- /* Loader */
35898
- /* Circle */
35899
- /* Label Hover box */
35900
- /* #region Spacing */
35901
- /* #endregion */
35902
- /* #region Colors */
35903
- /* #endregion */
35904
- /* #region Fonts */
35905
- /* #endregion */
35906
- /* #region Borders */
35907
- /* #endregion */
35908
- /* #region Box-shadow */
35909
- /* #endregion */
35910
- /* #region Shadows */
35911
- /* #endregion */
35912
- /* #region Z-index */
35913
- /* #endregion */
35914
- /* #region Transition */
35915
- /* #endregion */
35916
- /* #region Timing functions */
35917
- /* #endregion */
35918
- /* #region Focus ring */
35919
- /* #endregion */
35920
- /* #region Inline components */
35921
- /* #endregion */
35922
35950
  /* stylelint-disable-line scss/dollar-variable-pattern */
35923
35951
  /* stylelint-disable-line scss/dollar-variable-pattern */
35924
35952
  /* stylelint-disable-line scss/dollar-variable-pattern */
35925
35953
  /* stylelint-disable-line scss/dollar-variable-pattern */
35926
- .adl-tag {
35927
- color: #00112c;
35928
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
35929
- font-size: 15px;
35930
- -webkit-font-smoothing: antialiased;
35931
- -moz-osx-font-smoothing: grayscale;
35932
- font-weight: 400;
35933
- line-height: 1.4;
35934
- background: #f3f6f9;
35935
- border: 1px solid #dce0e5;
35936
- border-radius: 0;
35937
- color: #394962;
35938
- display: inline-block;
35939
- font-size: 12px;
35940
- font-weight: 600;
35941
- height: 24px;
35942
- line-height: 24px;
35943
- padding: 0 8px;
35944
- text-decoration: none;
35945
- vertical-align: baseline;
35946
- white-space: nowrap;
35947
- }
35948
- .adl-tag *,
35949
- .adl-tag *::before,
35950
- .adl-tag *::after {
35951
- box-sizing: border-box;
35952
- }
35953
- .adl-tag--dark {
35954
- background: #394962;
35955
- border: 1px solid #20304c;
35956
- color: #fff;
35957
- }
35958
- .adl-tag--dark.adl-tag--removable:active {
35959
- background-color: #384861 !important;
35960
- }
35961
- .adl-tag--blue {
35962
- background: #e6f0ff;
35963
- border: 1px solid #cce0ff;
35964
- color: #06f;
35965
- }
35966
- .adl-tag--blue.adl-tag--removable:active {
35967
- background-color: #e1ecfb !important;
35968
- }
35969
- .adl-tag--red {
35970
- background: #fce5e5;
35971
- border: 1px solid #facccc;
35972
- color: #a10000;
35973
- }
35974
- .adl-tag--red.adl-tag--removable:active {
35975
- background-color: #f7e1e1 !important;
35976
- }
35977
- .adl-tag--orange {
35978
- background: #fff4e5;
35979
- border: 1px solid #ffeacc;
35980
- color: #b36900;
35981
- }
35982
- .adl-tag--orange.adl-tag--removable:active {
35983
- background-color: #faefe1 !important;
35984
- }
35985
- .adl-tag--green {
35986
- background: #e6f8ed;
35987
- border: 1px solid #cef2dd;
35988
- color: #07863a;
35989
- }
35990
- .adl-tag--green.adl-tag--removable:active {
35991
- background-color: #e1f3e9 !important;
35992
- }
35993
- .adl-tag--purple {
35994
- background: #f2e5ff;
35995
- border: 1px solid #e6ccff;
35996
- color: #8000ff;
35997
- }
35998
- .adl-tag--purple.adl-tag--removable:active {
35999
- background-color: #ede1fb !important;
36000
- }
36001
- .adl-tag--mint {
36002
- background: #e6fdf7;
36003
- border: 1px solid #cdfaef;
36004
- color: #027458;
36005
- }
36006
- .adl-tag--mint.adl-tag--removable:active {
36007
- background-color: #e1f8f3 !important;
36008
- }
36009
- .adl-tag--teal {
36010
- background: #eef9f9;
36011
- border: 1px solid #eef9f9;
36012
- color: #eef9f9;
36013
- }
36014
- .adl-tag--teal.adl-tag--removable:active {
36015
- background-color: #e9f4f5 !important;
36016
- }
36017
- .adl-tag--light-blue {
36018
- background: #e6f0ff;
36019
- border: 1px solid #e6f0ff;
36020
- color: #e6f0ff;
35954
+ .adl-disclaimer-container {
35955
+ background-color: #f3f6f9;
35956
+ border: 0;
35957
+ border-radius: 4px;
35958
+ margin: 8px 0;
35959
+ padding: 12px 16px;
36021
35960
  }
36022
- .adl-tag--light-blue.adl-tag--removable:active {
36023
- background-color: #e1ecfb !important;
35961
+ .adl-disclaimer__title {
35962
+ color: #394962;
35963
+ font-size: 13px;
35964
+ font-weight: bold;
35965
+ margin-bottom: 8px;
36024
35966
  }
36025
- .adl-tag--basic {
36026
- border-radius: 4px;
36027
- border-style: none;
35967
+ .adl-disclaimer__content {
36028
35968
  color: #394962;
36029
- font-size: 14px;
36030
- font-weight: 400;
35969
+ display: flex;
35970
+ flex-direction: column;
35971
+ font-size: 13px;
35972
+ gap: 8px;
35973
+ }
35974
+ .adl-disclaimer__content p {
35975
+ margin: 0;
36031
35976
  }/* #region Spacing */
36032
35977
  /* #endregion */
36033
35978
  /* #region Colors */
@@ -36050,28 +35995,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
36050
35995
  /* #endregion */
36051
35996
  /* #region Inline components */
36052
35997
  /* #endregion */
36053
- /* #region Spacing */
36054
- /* #endregion */
36055
- /* #region Colors */
36056
- /* #endregion */
36057
- /* #region Fonts */
36058
- /* #endregion */
36059
- /* #region Borders */
36060
- /* #endregion */
36061
- /* #region Box-shadow */
36062
- /* #endregion */
36063
- /* #region Shadows */
36064
- /* #endregion */
36065
- /* #region Z-index */
36066
- /* #endregion */
36067
- /* #region Transition */
36068
- /* #endregion */
36069
- /* #region Timing functions */
36070
- /* #endregion */
36071
- /* #region Focus ring */
36072
- /* #endregion */
36073
- /* #region Inline components */
36074
- /* #endregion */
36075
35998
  /* stylelint-disable-line scss/dollar-variable-pattern */
36076
35999
  /* stylelint-disable-line scss/dollar-variable-pattern */
36077
36000
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -37902,63 +37825,88 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
37902
37825
  .adl-u-width-auto {
37903
37826
  width: auto !important;
37904
37827
  }
37905
- .adyen-kyc-dropdown {
37906
- position: relative;
37907
- }
37908
- .adyen-kyc-dropdown-button {
37909
- align-items: center;
37910
- cursor: pointer;
37911
- display: flex;
37912
- }
37913
- .adyen-kyc-dropdown-button::after {
37914
- background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
37915
- background-position: center;
37916
- background-repeat: no-repeat;
37917
- content: "";
37918
- height: 6px;
37919
- position: absolute;
37920
- right: 16px;
37921
- width: 8px;
37922
- }
37923
- .adyen-kyc-dropdown-button--active::after {
37924
- transform: rotate(180deg);
37828
+ .adyen-kyc-field--entityType {
37829
+ margin-bottom: 24px;
37925
37830
  }
37926
- .adyen-kyc-filter-input {
37927
- background: #fff;
37928
- border: 0;
37929
- caret-color: #06f;
37831
+ .adyen-kyc-field--entityType .adyen-kyc-label__text {
37832
+ margin-bottom: 8px;
37833
+ }/* #region Spacing */
37834
+ /* #endregion */
37835
+ /* #region Colors */
37836
+ /* #endregion */
37837
+ /* #region Fonts */
37838
+ /* #endregion */
37839
+ /* #region Borders */
37840
+ /* #endregion */
37841
+ /* #region Box-shadow */
37842
+ /* #endregion */
37843
+ /* #region Shadows */
37844
+ /* #endregion */
37845
+ /* #region Z-index */
37846
+ /* #endregion */
37847
+ /* #region Transition */
37848
+ /* #endregion */
37849
+ /* #region Timing functions */
37850
+ /* #endregion */
37851
+ /* #region Focus ring */
37852
+ /* #endregion */
37853
+ /* #region Inline components */
37854
+ /* #endregion */
37855
+ /* #region Spacing */
37856
+ /* #endregion */
37857
+ /* #region Colors */
37858
+ /* #endregion */
37859
+ /* #region Fonts */
37860
+ /* #endregion */
37861
+ /* #region Borders */
37862
+ /* #endregion */
37863
+ /* #region Box-shadow */
37864
+ /* #endregion */
37865
+ /* #region Shadows */
37866
+ /* #endregion */
37867
+ /* #region Z-index */
37868
+ /* #endregion */
37869
+ /* #region Transition */
37870
+ /* #endregion */
37871
+ /* #region Timing functions */
37872
+ /* #endregion */
37873
+ /* #region Focus ring */
37874
+ /* #endregion */
37875
+ /* #region Inline components */
37876
+ /* #endregion */
37877
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37878
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37879
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37880
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37881
+ .adl-radio-card {
37930
37882
  color: #00112c;
37931
- font-family: inherit;
37932
- font-size: 1em;
37933
- height: 100%;
37934
- padding: 0;
37935
- width: 100%;
37936
- }
37937
- .adyen-kyc-filter-input::placeholder {
37938
- color: #a5afbd;
37939
- font-weight: 200;
37940
- }
37941
- .adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
37942
- outline: 0;
37943
- }
37944
- .adyen-kyc-dropdown-list {
37945
- background: #fff;
37946
- display: none;
37883
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
37884
+ font-size: 15px;
37885
+ -webkit-font-smoothing: antialiased;
37886
+ -moz-osx-font-smoothing: grayscale;
37887
+ font-weight: 400;
37888
+ line-height: 1.4;
37889
+ border: 1px solid #dce0e5;
37890
+ border-radius: 8px;
37891
+ cursor: pointer;
37892
+ display: block;
37947
37893
  list-style: none;
37948
- margin: 0;
37949
- margin-bottom: 50px;
37950
- overflow-y: auto;
37951
- padding: 0;
37952
- position: absolute;
37953
- width: 100%;
37954
- z-index: 1;
37894
+ margin-bottom: 8px;
37895
+ padding: 16px 16px 0;
37896
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
37955
37897
  }
37956
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
37957
- display: block;
37898
+ .adl-radio-card *,
37899
+ .adl-radio-card *::before,
37900
+ .adl-radio-card *::after {
37901
+ box-sizing: border-box;
37958
37902
  }
37959
- .adyen-kyc-dropdown-element {
37960
- align-items: center;
37961
- display: flex;
37903
+ .adl-radio-card--disabled {
37904
+ cursor: not-allowed;
37905
+ opacity: 50%;
37906
+ }
37907
+ .adl-radio-card__body {
37908
+ color: #394962;
37909
+ font-size: 13px;
37962
37910
  }/* #region Spacing */
37963
37911
  /* #endregion */
37964
37912
  /* #region Colors */
@@ -37981,32 +37929,128 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
37981
37929
  /* #endregion */
37982
37930
  /* #region Inline components */
37983
37931
  /* #endregion */
37984
- /* stylelint-disable-line scss/dollar-variable-pattern */
37985
- /* stylelint-disable-line scss/dollar-variable-pattern */
37986
- /* stylelint-disable-line scss/dollar-variable-pattern */
37987
- /* stylelint-disable-line scss/dollar-variable-pattern */
37988
- .adl-disclaimer-container {
37989
- background-color: #f3f6f9;
37990
- border: 0;
37991
- border-radius: 4px;
37992
- margin: 8px 0;
37993
- padding: 12px 16px;
37994
- }
37995
- .adl-disclaimer__title {
37996
- color: #394962;
37997
- font-size: 13px;
37998
- font-weight: bold;
37999
- margin-bottom: 8px;
37932
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37933
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37934
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37935
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37936
+ /* #region Spacing */
37937
+ /* #endregion */
37938
+ /* #region Colors */
37939
+ /* #endregion */
37940
+ /* #region Fonts */
37941
+ /* #endregion */
37942
+ /* #region Borders */
37943
+ /* #endregion */
37944
+ /* #region Box-shadow */
37945
+ /* #endregion */
37946
+ /* #region Shadows */
37947
+ /* #endregion */
37948
+ /* #region Z-index */
37949
+ /* #endregion */
37950
+ /* #region Transition */
37951
+ /* #endregion */
37952
+ /* #region Timing functions */
37953
+ /* #endregion */
37954
+ /* #region Focus ring */
37955
+ /* #endregion */
37956
+ /* #region Inline components */
37957
+ /* #endregion */
37958
+ .adl-input-radio {
37959
+ color: #00112c;
37960
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
37961
+ font-size: 15px;
37962
+ -webkit-font-smoothing: antialiased;
37963
+ -moz-osx-font-smoothing: grayscale;
37964
+ font-weight: 400;
37965
+ line-height: 1.4;
37966
+ display: inline-flex;
37967
+ vertical-align: baseline;
38000
37968
  }
38001
- .adl-disclaimer__content {
38002
- color: #394962;
38003
- display: flex;
38004
- flex-direction: column;
38005
- font-size: 13px;
38006
- gap: 8px;
37969
+ .adl-input-radio *,
37970
+ .adl-input-radio *::before,
37971
+ .adl-input-radio *::after {
37972
+ box-sizing: border-box;
38007
37973
  }
38008
- .adl-disclaimer__content p {
37974
+ .adl-input-radio__input {
37975
+ appearance: none;
37976
+ background-color: #fff;
37977
+ border: 1px solid #dce0e5;
37978
+ border-radius: 12px;
37979
+ cursor: pointer;
37980
+ display: inline-block;
37981
+ flex-basis: 16px;
37982
+ height: 16px;
38009
37983
  margin: 0;
37984
+ min-width: 16px;
37985
+ outline: none;
37986
+ position: relative;
37987
+ top: 3px;
37988
+ width: 16px;
37989
+ }
37990
+ .adl-input-radio__input::after {
37991
+ bottom: -4px;
37992
+ content: "";
37993
+ display: block;
37994
+ left: -4px;
37995
+ position: absolute;
37996
+ right: -4px;
37997
+ top: -4px;
37998
+ }
37999
+ .adl-input-radio__input::before {
38000
+ background: #fff;
38001
+ border-radius: 12px;
38002
+ content: "";
38003
+ display: block;
38004
+ height: 6px;
38005
+ left: 4px;
38006
+ opacity: 0;
38007
+ position: absolute;
38008
+ top: 4px;
38009
+ transform: scale(0);
38010
+ transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
38011
+ width: 6px;
38012
+ }
38013
+ .adl-input-radio__input:checked {
38014
+ background: #06f;
38015
+ border-color: #06f;
38016
+ }
38017
+ .adl-input-radio__input:checked::before {
38018
+ opacity: 1;
38019
+ transform: scale(1);
38020
+ }
38021
+ .adl-input-radio__input:checked:disabled::before {
38022
+ background-color: #69778c;
38023
+ }
38024
+ .adl-input-radio__input:checked:disabled:hover {
38025
+ border-color: transparent;
38026
+ }
38027
+ .adl-input-radio__input:checked:hover {
38028
+ border-color: #0047b2;
38029
+ }
38030
+ .adl-input-radio__input:hover {
38031
+ border-color: #69778c;
38032
+ }
38033
+ .adl-input-radio__input:focus {
38034
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 102, 255, 0.4);
38035
+ transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
38036
+ transition-property: box-shadow;
38037
+ border-color: #06f;
38038
+ }
38039
+ .adl-input-radio__input:disabled {
38040
+ background-color: #dce0e5;
38041
+ border-color: transparent;
38042
+ cursor: not-allowed;
38043
+ }
38044
+ .adl-input-radio__label {
38045
+ cursor: pointer;
38046
+ line-height: 24px;
38047
+ margin-right: 16px;
38048
+ padding-left: 8px;
38049
+ vertical-align: baseline;
38050
+ }
38051
+ .adl-input-radio__label--disabled {
38052
+ color: #8390a3;
38053
+ cursor: not-allowed;
38010
38054
  }/* #region Spacing */
38011
38055
  /* #endregion */
38012
38056
  /* #region Colors */
@@ -38029,6 +38073,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
38029
38073
  /* #endregion */
38030
38074
  /* #region Inline components */
38031
38075
  /* #endregion */
38076
+ /* #region Spacing */
38077
+ /* #endregion */
38078
+ /* #region Colors */
38079
+ /* #endregion */
38080
+ /* #region Fonts */
38081
+ /* #endregion */
38082
+ /* #region Borders */
38083
+ /* #endregion */
38084
+ /* #region Box-shadow */
38085
+ /* #endregion */
38086
+ /* #region Shadows */
38087
+ /* #endregion */
38088
+ /* #region Z-index */
38089
+ /* #endregion */
38090
+ /* #region Transition */
38091
+ /* #endregion */
38092
+ /* #region Timing functions */
38093
+ /* #endregion */
38094
+ /* #region Focus ring */
38095
+ /* #endregion */
38096
+ /* #region Inline components */
38097
+ /* #endregion */
38032
38098
  /* stylelint-disable-line scss/dollar-variable-pattern */
38033
38099
  /* stylelint-disable-line scss/dollar-variable-pattern */
38034
38100
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -39768,202 +39834,130 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
39768
39834
  /* #endregion */
39769
39835
  /* #region Inline components */
39770
39836
  /* #endregion */
39771
- /* stylelint-disable-line scss/dollar-variable-pattern */
39772
- /* stylelint-disable-line scss/dollar-variable-pattern */
39773
- /* stylelint-disable-line scss/dollar-variable-pattern */
39774
- /* stylelint-disable-line scss/dollar-variable-pattern */
39775
- .adl-u-display-flex {
39776
- display: flex !important;
39777
- }
39778
- .adl-u-display-inline-flex {
39779
- display: inline-flex !important;
39780
- }
39781
- .adl-u-flex-direction-row {
39782
- flex-direction: row !important;
39783
- }
39784
- .adl-u-flex-direction-row-reverse {
39785
- flex-direction: row-reverse !important;
39786
- }
39787
- .adl-u-flex-direction-column {
39788
- flex-direction: column !important;
39789
- }
39790
- .adl-u-flex-direction-column-reverse {
39791
- flex-direction: column-reverse !important;
39792
- }
39793
- .adl-u-flex-wrap-wrap {
39794
- flex-wrap: wrap !important;
39795
- }
39796
- .adl-u-flex-wrap-nowrap {
39797
- flex-wrap: nowrap !important;
39798
- }
39799
- .adl-u-align-items-start {
39800
- align-items: start !important;
39801
- }
39802
- .adl-u-align-items-flex-start {
39803
- align-items: flex-start !important;
39804
- }
39805
- .adl-u-align-items-flex-end {
39806
- align-items: flex-end !important;
39807
- }
39808
- .adl-u-align-items-center {
39809
- align-items: center !important;
39810
- }
39811
- .adl-u-align-items-stretch {
39812
- align-items: stretch !important;
39813
- }
39814
- .adl-u-align-items-baseline {
39815
- align-items: baseline !important;
39816
- }
39817
- .adl-u-align-items-end {
39818
- align-items: end !important;
39819
- }
39820
- .adl-u-justify-content-center {
39821
- justify-content: center !important;
39822
- }
39823
- .adl-u-justify-content-flex-start {
39824
- justify-content: flex-start !important;
39825
- }
39826
- .adl-u-justify-content-flex-end {
39827
- justify-content: flex-end !important;
39828
- }
39829
- .adl-u-justify-content-start {
39830
- justify-content: start !important;
39831
- }
39832
- .adl-u-justify-content-end {
39833
- justify-content: end !important;
39834
- }
39835
- .adl-u-justify-content-left {
39836
- justify-content: left !important;
39837
- }
39838
- .adl-u-justify-content-right {
39839
- justify-content: right !important;
39840
- }
39841
- .adl-u-justify-content-space-between {
39842
- justify-content: space-between !important;
39843
- }
39844
- .adl-u-justify-content-space-around {
39845
- justify-content: space-around !important;
39846
- }
39847
- .adl-u-justify-content-space-evenly {
39848
- justify-content: space-evenly !important;
39849
- }
39850
- .adl-u-justify-content-stretch {
39851
- justify-content: stretch !important;
39852
- }
39853
- .adl-u-flex-1 {
39854
- flex: 1 !important;
39855
- }
39856
- .adl-u-width-full {
39857
- width: 100% !important;
39858
- }
39859
- .adl-u-width-auto {
39860
- width: auto !important;
39861
- }
39862
- .adyen-kyc-field--entityType {
39863
- margin-bottom: 24px;
39864
- }
39865
- .adyen-kyc-field--entityType .adyen-kyc-label__text {
39866
- margin-bottom: 8px;
39867
- }/* #region Spacing */
39868
- /* #endregion */
39869
- /* #region Colors */
39870
- /* #endregion */
39871
- /* #region Fonts */
39872
- /* #endregion */
39873
- /* #region Borders */
39874
- /* #endregion */
39875
- /* #region Box-shadow */
39876
- /* #endregion */
39877
- /* #region Shadows */
39878
- /* #endregion */
39879
- /* #region Z-index */
39880
- /* #endregion */
39881
- /* #region Transition */
39882
- /* #endregion */
39883
- /* #region Timing functions */
39884
- /* #endregion */
39885
- /* #region Focus ring */
39886
- /* #endregion */
39887
- /* #region Inline components */
39888
- /* #endregion */
39889
- /* #region Spacing */
39890
- /* #endregion */
39891
- /* #region Colors */
39892
- /* #endregion */
39893
- /* #region Fonts */
39894
- /* #endregion */
39895
- /* #region Borders */
39896
- /* #endregion */
39897
- /* #region Box-shadow */
39898
- /* #endregion */
39899
- /* #region Shadows */
39900
- /* #endregion */
39901
- /* #region Z-index */
39902
- /* #endregion */
39903
- /* #region Transition */
39904
- /* #endregion */
39905
- /* #region Timing functions */
39906
- /* #endregion */
39907
- /* #region Focus ring */
39908
- /* #endregion */
39909
- /* #region Inline components */
39910
- /* #endregion */
39911
- /* stylelint-disable-line scss/dollar-variable-pattern */
39912
- /* stylelint-disable-line scss/dollar-variable-pattern */
39913
- /* stylelint-disable-line scss/dollar-variable-pattern */
39914
- /* stylelint-disable-line scss/dollar-variable-pattern */
39915
- .adl-radio-card {
39916
- color: #00112c;
39917
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
39918
- font-size: 15px;
39919
- -webkit-font-smoothing: antialiased;
39920
- -moz-osx-font-smoothing: grayscale;
39921
- font-weight: 400;
39922
- line-height: 1.4;
39923
- border: 1px solid #dce0e5;
39924
- border-radius: 8px;
39925
- cursor: pointer;
39926
- display: block;
39927
- list-style: none;
39928
- margin-bottom: 8px;
39929
- padding: 16px 16px 0;
39930
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
39931
- }
39932
- .adl-radio-card *,
39933
- .adl-radio-card *::before,
39934
- .adl-radio-card *::after {
39935
- box-sizing: border-box;
39936
- }
39937
- .adl-radio-card--disabled {
39938
- cursor: not-allowed;
39939
- opacity: 50%;
39940
- }
39941
- .adl-radio-card__body {
39942
- color: #394962;
39943
- font-size: 13px;
39944
- }/* #region Spacing */
39945
- /* #endregion */
39946
- /* #region Colors */
39947
- /* #endregion */
39948
- /* #region Fonts */
39949
- /* #endregion */
39950
- /* #region Borders */
39951
- /* #endregion */
39952
- /* #region Box-shadow */
39953
- /* #endregion */
39954
- /* #region Shadows */
39955
- /* #endregion */
39956
- /* #region Z-index */
39957
- /* #endregion */
39958
- /* #region Transition */
39959
- /* #endregion */
39960
- /* #region Timing functions */
39961
- /* #endregion */
39962
- /* #region Focus ring */
39963
- /* #endregion */
39964
- /* #region Inline components */
39965
- /* #endregion */
39966
- /* #region Spacing */
39837
+ /* stylelint-disable-line scss/dollar-variable-pattern */
39838
+ /* stylelint-disable-line scss/dollar-variable-pattern */
39839
+ /* stylelint-disable-line scss/dollar-variable-pattern */
39840
+ /* stylelint-disable-line scss/dollar-variable-pattern */
39841
+ .adl-u-display-flex {
39842
+ display: flex !important;
39843
+ }
39844
+ .adl-u-display-inline-flex {
39845
+ display: inline-flex !important;
39846
+ }
39847
+ .adl-u-flex-direction-row {
39848
+ flex-direction: row !important;
39849
+ }
39850
+ .adl-u-flex-direction-row-reverse {
39851
+ flex-direction: row-reverse !important;
39852
+ }
39853
+ .adl-u-flex-direction-column {
39854
+ flex-direction: column !important;
39855
+ }
39856
+ .adl-u-flex-direction-column-reverse {
39857
+ flex-direction: column-reverse !important;
39858
+ }
39859
+ .adl-u-flex-wrap-wrap {
39860
+ flex-wrap: wrap !important;
39861
+ }
39862
+ .adl-u-flex-wrap-nowrap {
39863
+ flex-wrap: nowrap !important;
39864
+ }
39865
+ .adl-u-align-items-start {
39866
+ align-items: start !important;
39867
+ }
39868
+ .adl-u-align-items-flex-start {
39869
+ align-items: flex-start !important;
39870
+ }
39871
+ .adl-u-align-items-flex-end {
39872
+ align-items: flex-end !important;
39873
+ }
39874
+ .adl-u-align-items-center {
39875
+ align-items: center !important;
39876
+ }
39877
+ .adl-u-align-items-stretch {
39878
+ align-items: stretch !important;
39879
+ }
39880
+ .adl-u-align-items-baseline {
39881
+ align-items: baseline !important;
39882
+ }
39883
+ .adl-u-align-items-end {
39884
+ align-items: end !important;
39885
+ }
39886
+ .adl-u-justify-content-center {
39887
+ justify-content: center !important;
39888
+ }
39889
+ .adl-u-justify-content-flex-start {
39890
+ justify-content: flex-start !important;
39891
+ }
39892
+ .adl-u-justify-content-flex-end {
39893
+ justify-content: flex-end !important;
39894
+ }
39895
+ .adl-u-justify-content-start {
39896
+ justify-content: start !important;
39897
+ }
39898
+ .adl-u-justify-content-end {
39899
+ justify-content: end !important;
39900
+ }
39901
+ .adl-u-justify-content-left {
39902
+ justify-content: left !important;
39903
+ }
39904
+ .adl-u-justify-content-right {
39905
+ justify-content: right !important;
39906
+ }
39907
+ .adl-u-justify-content-space-between {
39908
+ justify-content: space-between !important;
39909
+ }
39910
+ .adl-u-justify-content-space-around {
39911
+ justify-content: space-around !important;
39912
+ }
39913
+ .adl-u-justify-content-space-evenly {
39914
+ justify-content: space-evenly !important;
39915
+ }
39916
+ .adl-u-justify-content-stretch {
39917
+ justify-content: stretch !important;
39918
+ }
39919
+ .adl-u-flex-1 {
39920
+ flex: 1 !important;
39921
+ }
39922
+ .adl-u-width-full {
39923
+ width: 100% !important;
39924
+ }
39925
+ .adl-u-width-auto {
39926
+ width: auto !important;
39927
+ }
39928
+ .adyen-kyc-radio-group-card__label.adl-label {
39929
+ font-size: 15px;
39930
+ font-weight: 600;
39931
+ line-height: 1.4;
39932
+ padding-right: 16px;
39933
+ }
39934
+ .adyen-layout-md .adyen-kyc-radio-group-card__label.adl-label {
39935
+ padding-right: 0;
39936
+ }
39937
+ .adyen-kyc-radio-group-card__subtitle {
39938
+ color: #8390a3;
39939
+ font-size: 13px;
39940
+ font-weight: 100;
39941
+ margin-bottom: 4px;
39942
+ }
39943
+ .adyen-kyc-radio-group-card input {
39944
+ display: flex;
39945
+ margin-left: auto;
39946
+ }
39947
+ .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
39948
+ bottom: -30px;
39949
+ top: auto;
39950
+ }
39951
+ .adyen-kyc-radio-group-card--floating-radio {
39952
+ position: relative;
39953
+ }
39954
+ .adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
39955
+ bottom: auto;
39956
+ left: auto;
39957
+ position: absolute;
39958
+ right: 16px;
39959
+ top: 16px;
39960
+ }/* #region Spacing */
39967
39961
  /* #endregion */
39968
39962
  /* #region Colors */
39969
39963
  /* #endregion */
@@ -41815,39 +41809,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
41815
41809
  .adl-u-width-auto {
41816
41810
  width: auto !important;
41817
41811
  }
41818
- .adyen-kyc-radio-group-card__label.adl-label {
41819
- font-size: 15px;
41820
- font-weight: 600;
41821
- line-height: 1.4;
41822
- padding-right: 16px;
41823
- }
41824
- .adyen-layout-md .adyen-kyc-radio-group-card__label.adl-label {
41825
- padding-right: 0;
41826
- }
41827
- .adyen-kyc-radio-group-card__subtitle {
41828
- color: #8390a3;
41829
- font-size: 13px;
41830
- font-weight: 100;
41831
- margin-bottom: 4px;
41832
- }
41833
- .adyen-kyc-radio-group-card input {
41834
- display: flex;
41835
- margin-left: auto;
41836
- }
41837
- .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
41838
- bottom: -30px;
41839
- top: auto;
41840
- }
41841
- .adyen-kyc-radio-group-card--floating-radio {
41842
- position: relative;
41843
- }
41844
- .adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
41845
- bottom: auto;
41846
- left: auto;
41847
- position: absolute;
41848
- right: 16px;
41849
- top: 16px;
41850
- }/* #region Spacing */
41812
+ /* #region Spacing */
41851
41813
  /* #endregion */
41852
41814
  /* #region Colors */
41853
41815
  /* #endregion */
@@ -43699,7 +43661,23 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
43699
43661
  .adl-u-width-auto {
43700
43662
  width: auto !important;
43701
43663
  }
43702
- /* #region Spacing */
43664
+ .adl-document-guidance {
43665
+ overflow: auto;
43666
+ }
43667
+ .adl-document-guidance__container {
43668
+ display: flex;
43669
+ gap: 24px;
43670
+ justify-content: space-between;
43671
+ min-width: 576px;
43672
+ }
43673
+ .adl-document-guidance__item {
43674
+ align-items: center;
43675
+ display: flex;
43676
+ flex-direction: column;
43677
+ }
43678
+ .adl-document-guidance__description {
43679
+ font-weight: 600;
43680
+ }/* #region Spacing */
43703
43681
  /* #endregion */
43704
43682
  /* #region Colors */
43705
43683
  /* #endregion */
@@ -45551,22 +45529,84 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
45551
45529
  .adl-u-width-auto {
45552
45530
  width: auto !important;
45553
45531
  }
45554
- .adl-document-guidance {
45555
- overflow: auto;
45556
- }
45557
- .adl-document-guidance__container {
45532
+ /* #region Spacing */
45533
+ /* #endregion */
45534
+ /* #region Colors */
45535
+ /* #endregion */
45536
+ /* #region Fonts */
45537
+ /* #endregion */
45538
+ /* #region Borders */
45539
+ /* #endregion */
45540
+ /* #region Box-shadow */
45541
+ /* #endregion */
45542
+ /* #region Shadows */
45543
+ /* #endregion */
45544
+ /* #region Z-index */
45545
+ /* #endregion */
45546
+ /* #region Transition */
45547
+ /* #endregion */
45548
+ /* #region Timing functions */
45549
+ /* #endregion */
45550
+ /* #region Focus ring */
45551
+ /* #endregion */
45552
+ /* #region Inline components */
45553
+ /* #endregion */
45554
+ .adyen-kyc-dropzone {
45555
+ border: 1px dashed #a5afbd;
45556
+ border-radius: 6px;
45558
45557
  display: flex;
45559
- gap: 24px;
45560
- justify-content: space-between;
45561
- min-width: 576px;
45558
+ flex-direction: row;
45559
+ font-size: 0.81em;
45560
+ min-height: 70px;
45561
+ transition: all 0.2s ease-out;
45562
45562
  }
45563
- .adl-document-guidance__item {
45563
+ .adyen-kyc-dropzone--dragged {
45564
+ border: 1px solid #0047b2;
45565
+ box-shadow: 0 0 0 3px #cce0ff;
45566
+ }
45567
+ .adyen-kyc-dropzone--error {
45568
+ border: 1px dashed #e50000;
45569
+ }
45570
+ .adyen-kyc-dropzone__icon {
45564
45571
  align-items: center;
45565
45572
  display: flex;
45573
+ margin: auto 16px;
45574
+ max-height: 60px;
45575
+ max-width: 60px;
45576
+ }
45577
+ .adyen-kyc-dropzone__labels {
45578
+ align-self: center;
45579
+ display: flex;
45566
45580
  flex-direction: column;
45581
+ margin: auto 16px auto 0;
45567
45582
  }
45568
- .adl-document-guidance__description {
45583
+ .adyen-kyc-dropzone__input {
45584
+ display: none;
45585
+ }
45586
+ .adyen-kyc-dropzone__drag-text {
45587
+ color: #00112c;
45588
+ font-size: 13px;
45589
+ font-weight: 600;
45590
+ margin-bottom: 4px;
45591
+ }
45592
+ .adyen-kyc-dropzone__button {
45593
+ background: none;
45594
+ border: 0;
45595
+ color: #06f;
45596
+ cursor: pointer;
45597
+ font-size: 13px;
45569
45598
  font-weight: 600;
45599
+ padding: 0;
45600
+ text-transform: lowercase;
45601
+ }
45602
+ .adyen-kyc-dropzone__supports-text {
45603
+ color: #394962;
45604
+ font-size: 13px;
45605
+ }
45606
+ .adyen-kyc-dropzone .adyen-kyc-icon-new-document {
45607
+ color: #a5afbd;
45608
+ display: flex;
45609
+ font-size: 30px;
45570
45610
  }/* #region Spacing */
45571
45611
  /* #endregion */
45572
45612
  /* #region Colors */
@@ -47441,62 +47481,150 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
47441
47481
  /* #endregion */
47442
47482
  /* #region Inline components */
47443
47483
  /* #endregion */
47444
- .adyen-kyc-dropzone {
47445
- border: 1px dashed #a5afbd;
47484
+ .adyen-kyc-dropzone-file {
47485
+ align-items: center;
47486
+ border: 1px solid #dce0e5;
47446
47487
  border-radius: 6px;
47447
47488
  display: flex;
47448
47489
  flex-direction: row;
47449
47490
  font-size: 0.81em;
47491
+ margin-bottom: 16px;
47450
47492
  min-height: 70px;
47451
- transition: all 0.2s ease-out;
47452
47493
  }
47453
- .adyen-kyc-dropzone--dragged {
47454
- border: 1px solid #0047b2;
47455
- box-shadow: 0 0 0 3px #cce0ff;
47456
- }
47457
- .adyen-kyc-dropzone--error {
47458
- border: 1px dashed #e50000;
47459
- }
47460
- .adyen-kyc-dropzone__icon {
47494
+ .adyen-kyc-dropzone-file__icon {
47461
47495
  align-items: center;
47462
47496
  display: flex;
47463
47497
  margin: auto 16px;
47464
47498
  max-height: 60px;
47465
47499
  max-width: 60px;
47466
47500
  }
47467
- .adyen-kyc-dropzone__labels {
47468
- align-self: center;
47469
- display: flex;
47470
- flex-direction: column;
47471
- margin: auto 16px auto 0;
47472
- }
47473
- .adyen-kyc-dropzone__input {
47474
- display: none;
47501
+ .adyen-kyc-dropzone-file__labels {
47502
+ margin: auto auto auto 0;
47503
+ overflow: hidden;
47475
47504
  }
47476
- .adyen-kyc-dropzone__drag-text {
47505
+ .adyen-kyc-dropzone-file__name {
47477
47506
  color: #00112c;
47478
47507
  font-size: 13px;
47479
47508
  font-weight: 600;
47480
47509
  margin-bottom: 4px;
47510
+ overflow: hidden;
47511
+ text-overflow: ellipsis;
47512
+ white-space: nowrap;
47481
47513
  }
47482
- .adyen-kyc-dropzone__button {
47514
+ .adyen-kyc-dropzone-file__size {
47515
+ color: #8390a3;
47516
+ font-size: 13px;
47517
+ }
47518
+ .adyen-kyc-dropzone-file__error {
47519
+ color: #e50000;
47520
+ }
47521
+ .adyen-kyc-dropzone-file__button {
47483
47522
  background: none;
47484
47523
  border: 0;
47485
- color: #06f;
47486
47524
  cursor: pointer;
47487
- font-size: 13px;
47488
- font-weight: 600;
47525
+ display: flex;
47526
+ margin: 16px;
47489
47527
  padding: 0;
47490
- text-transform: lowercase;
47491
47528
  }
47492
- .adyen-kyc-dropzone__supports-text {
47493
- color: #394962;
47494
- font-size: 13px;
47495
- }
47496
- .adyen-kyc-dropzone .adyen-kyc-icon-new-document {
47497
- color: #a5afbd;
47529
+ .adyen-kyc-dropzone-file .adyen-kyc-icon {
47498
47530
  display: flex;
47531
+ }
47532
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
47533
+ color: #60d58f;
47534
+ font-size: 30px;
47535
+ }
47536
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
47537
+ color: #e50000;
47499
47538
  font-size: 30px;
47539
+ }
47540
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
47541
+ color: #8390a3;
47542
+ }/* #region Spacing */
47543
+ /* #endregion */
47544
+ /* #region Colors */
47545
+ /* #endregion */
47546
+ /* #region Fonts */
47547
+ /* #endregion */
47548
+ /* #region Borders */
47549
+ /* #endregion */
47550
+ /* #region Box-shadow */
47551
+ /* #endregion */
47552
+ /* #region Shadows */
47553
+ /* #endregion */
47554
+ /* #region Z-index */
47555
+ /* #endregion */
47556
+ /* #region Transition */
47557
+ /* #endregion */
47558
+ /* #region Timing functions */
47559
+ /* #endregion */
47560
+ /* #region Focus ring */
47561
+ /* #endregion */
47562
+ /* #region Inline components */
47563
+ /* #endregion */
47564
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47565
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47566
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47567
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47568
+ /* #region Spacing */
47569
+ /* #endregion */
47570
+ /* #region Colors */
47571
+ /* #endregion */
47572
+ /* #region Fonts */
47573
+ /* #endregion */
47574
+ /* #region Borders */
47575
+ /* #endregion */
47576
+ /* #region Box-shadow */
47577
+ /* #endregion */
47578
+ /* #region Shadows */
47579
+ /* #endregion */
47580
+ /* #region Z-index */
47581
+ /* #endregion */
47582
+ /* #region Transition */
47583
+ /* #endregion */
47584
+ /* #region Timing functions */
47585
+ /* #endregion */
47586
+ /* #region Focus ring */
47587
+ /* #endregion */
47588
+ /* #region Inline components */
47589
+ /* #endregion */
47590
+ .adl-list {
47591
+ color: #00112c;
47592
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
47593
+ font-size: 15px;
47594
+ -webkit-font-smoothing: antialiased;
47595
+ -moz-osx-font-smoothing: grayscale;
47596
+ font-weight: 400;
47597
+ line-height: 1.4;
47598
+ display: block;
47599
+ list-style-position: outside;
47600
+ list-style-type: disc;
47601
+ margin: 0;
47602
+ padding: 0 0 0 18px;
47603
+ }
47604
+ .adl-list *,
47605
+ .adl-list *::before,
47606
+ .adl-list *::after {
47607
+ box-sizing: border-box;
47608
+ }
47609
+ .adl-list--no-markers {
47610
+ list-style: none;
47611
+ padding: 0;
47612
+ }
47613
+ .adl-list--no-markers .adl-list__item {
47614
+ padding-left: 0;
47615
+ }
47616
+ .adl-list__item {
47617
+ padding: 0 0 0 4px;
47618
+ }
47619
+ .adl-list__item--no-marker {
47620
+ list-style: none;
47621
+ }
47622
+ .adl-list--nested {
47623
+ list-style-type: circle;
47624
+ padding: 0 0 0 18px;
47625
+ }
47626
+ .adl-list--ordered {
47627
+ list-style-type: decimal;
47500
47628
  }/* #region Spacing */
47501
47629
  /* #endregion */
47502
47630
  /* #region Colors */
@@ -49258,177 +49386,113 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49258
49386
  /* #endregion */
49259
49387
  /* #region Inline components */
49260
49388
  /* #endregion */
49261
- /* stylelint-disable-line scss/dollar-variable-pattern */
49262
- /* stylelint-disable-line scss/dollar-variable-pattern */
49263
- /* stylelint-disable-line scss/dollar-variable-pattern */
49264
- /* stylelint-disable-line scss/dollar-variable-pattern */
49265
- .adl-u-display-flex {
49266
- display: flex !important;
49267
- }
49268
- .adl-u-display-inline-flex {
49269
- display: inline-flex !important;
49270
- }
49271
- .adl-u-flex-direction-row {
49272
- flex-direction: row !important;
49273
- }
49274
- .adl-u-flex-direction-row-reverse {
49275
- flex-direction: row-reverse !important;
49276
- }
49277
- .adl-u-flex-direction-column {
49278
- flex-direction: column !important;
49279
- }
49280
- .adl-u-flex-direction-column-reverse {
49281
- flex-direction: column-reverse !important;
49282
- }
49283
- .adl-u-flex-wrap-wrap {
49284
- flex-wrap: wrap !important;
49285
- }
49286
- .adl-u-flex-wrap-nowrap {
49287
- flex-wrap: nowrap !important;
49288
- }
49289
- .adl-u-align-items-start {
49290
- align-items: start !important;
49291
- }
49292
- .adl-u-align-items-flex-start {
49293
- align-items: flex-start !important;
49294
- }
49295
- .adl-u-align-items-flex-end {
49296
- align-items: flex-end !important;
49297
- }
49298
- .adl-u-align-items-center {
49299
- align-items: center !important;
49300
- }
49301
- .adl-u-align-items-stretch {
49302
- align-items: stretch !important;
49303
- }
49304
- .adl-u-align-items-baseline {
49305
- align-items: baseline !important;
49306
- }
49307
- .adl-u-align-items-end {
49308
- align-items: end !important;
49309
- }
49310
- .adl-u-justify-content-center {
49311
- justify-content: center !important;
49312
- }
49313
- .adl-u-justify-content-flex-start {
49314
- justify-content: flex-start !important;
49315
- }
49316
- .adl-u-justify-content-flex-end {
49317
- justify-content: flex-end !important;
49318
- }
49319
- .adl-u-justify-content-start {
49320
- justify-content: start !important;
49321
- }
49322
- .adl-u-justify-content-end {
49323
- justify-content: end !important;
49324
- }
49325
- .adl-u-justify-content-left {
49326
- justify-content: left !important;
49327
- }
49328
- .adl-u-justify-content-right {
49329
- justify-content: right !important;
49330
- }
49331
- .adl-u-justify-content-space-between {
49332
- justify-content: space-between !important;
49333
- }
49334
- .adl-u-justify-content-space-around {
49335
- justify-content: space-around !important;
49336
- }
49337
- .adl-u-justify-content-space-evenly {
49338
- justify-content: space-evenly !important;
49339
- }
49340
- .adl-u-justify-content-stretch {
49341
- justify-content: stretch !important;
49342
- }
49343
- .adl-u-flex-1 {
49344
- flex: 1 !important;
49345
- }
49346
- .adl-u-width-full {
49347
- width: 100% !important;
49348
- }
49349
- .adl-u-width-auto {
49350
- width: auto !important;
49351
- }
49352
- /* #region Spacing */
49353
- /* #endregion */
49354
- /* #region Colors */
49355
- /* #endregion */
49356
- /* #region Fonts */
49357
- /* #endregion */
49358
- /* #region Borders */
49359
- /* #endregion */
49360
- /* #region Box-shadow */
49361
- /* #endregion */
49362
- /* #region Shadows */
49363
- /* #endregion */
49364
- /* #region Z-index */
49365
- /* #endregion */
49366
- /* #region Transition */
49367
- /* #endregion */
49368
- /* #region Timing functions */
49369
- /* #endregion */
49370
- /* #region Focus ring */
49371
- /* #endregion */
49372
- /* #region Inline components */
49373
- /* #endregion */
49374
- .adyen-kyc-dropzone-file {
49375
- align-items: center;
49376
- border: 1px solid #dce0e5;
49377
- border-radius: 6px;
49378
- display: flex;
49379
- flex-direction: row;
49380
- font-size: 0.81em;
49381
- margin-bottom: 16px;
49382
- min-height: 70px;
49389
+ /* stylelint-disable-line scss/dollar-variable-pattern */
49390
+ /* stylelint-disable-line scss/dollar-variable-pattern */
49391
+ /* stylelint-disable-line scss/dollar-variable-pattern */
49392
+ /* stylelint-disable-line scss/dollar-variable-pattern */
49393
+ .adl-u-display-flex {
49394
+ display: flex !important;
49383
49395
  }
49384
- .adyen-kyc-dropzone-file__icon {
49385
- align-items: center;
49386
- display: flex;
49387
- margin: auto 16px;
49388
- max-height: 60px;
49389
- max-width: 60px;
49396
+ .adl-u-display-inline-flex {
49397
+ display: inline-flex !important;
49390
49398
  }
49391
- .adyen-kyc-dropzone-file__labels {
49392
- margin: auto auto auto 0;
49393
- overflow: hidden;
49399
+ .adl-u-flex-direction-row {
49400
+ flex-direction: row !important;
49394
49401
  }
49395
- .adyen-kyc-dropzone-file__name {
49396
- color: #00112c;
49397
- font-size: 13px;
49398
- font-weight: 600;
49399
- margin-bottom: 4px;
49400
- overflow: hidden;
49401
- text-overflow: ellipsis;
49402
- white-space: nowrap;
49402
+ .adl-u-flex-direction-row-reverse {
49403
+ flex-direction: row-reverse !important;
49403
49404
  }
49404
- .adyen-kyc-dropzone-file__size {
49405
- color: #8390a3;
49406
- font-size: 13px;
49405
+ .adl-u-flex-direction-column {
49406
+ flex-direction: column !important;
49407
49407
  }
49408
- .adyen-kyc-dropzone-file__error {
49409
- color: #e50000;
49408
+ .adl-u-flex-direction-column-reverse {
49409
+ flex-direction: column-reverse !important;
49410
49410
  }
49411
- .adyen-kyc-dropzone-file__button {
49412
- background: none;
49413
- border: 0;
49414
- cursor: pointer;
49415
- display: flex;
49416
- margin: 16px;
49417
- padding: 0;
49411
+ .adl-u-flex-wrap-wrap {
49412
+ flex-wrap: wrap !important;
49418
49413
  }
49419
- .adyen-kyc-dropzone-file .adyen-kyc-icon {
49420
- display: flex;
49414
+ .adl-u-flex-wrap-nowrap {
49415
+ flex-wrap: nowrap !important;
49421
49416
  }
49422
- .adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
49423
- color: #60d58f;
49424
- font-size: 30px;
49417
+ .adl-u-align-items-start {
49418
+ align-items: start !important;
49425
49419
  }
49426
- .adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
49427
- color: #e50000;
49428
- font-size: 30px;
49420
+ .adl-u-align-items-flex-start {
49421
+ align-items: flex-start !important;
49429
49422
  }
49430
- .adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
49423
+ .adl-u-align-items-flex-end {
49424
+ align-items: flex-end !important;
49425
+ }
49426
+ .adl-u-align-items-center {
49427
+ align-items: center !important;
49428
+ }
49429
+ .adl-u-align-items-stretch {
49430
+ align-items: stretch !important;
49431
+ }
49432
+ .adl-u-align-items-baseline {
49433
+ align-items: baseline !important;
49434
+ }
49435
+ .adl-u-align-items-end {
49436
+ align-items: end !important;
49437
+ }
49438
+ .adl-u-justify-content-center {
49439
+ justify-content: center !important;
49440
+ }
49441
+ .adl-u-justify-content-flex-start {
49442
+ justify-content: flex-start !important;
49443
+ }
49444
+ .adl-u-justify-content-flex-end {
49445
+ justify-content: flex-end !important;
49446
+ }
49447
+ .adl-u-justify-content-start {
49448
+ justify-content: start !important;
49449
+ }
49450
+ .adl-u-justify-content-end {
49451
+ justify-content: end !important;
49452
+ }
49453
+ .adl-u-justify-content-left {
49454
+ justify-content: left !important;
49455
+ }
49456
+ .adl-u-justify-content-right {
49457
+ justify-content: right !important;
49458
+ }
49459
+ .adl-u-justify-content-space-between {
49460
+ justify-content: space-between !important;
49461
+ }
49462
+ .adl-u-justify-content-space-around {
49463
+ justify-content: space-around !important;
49464
+ }
49465
+ .adl-u-justify-content-space-evenly {
49466
+ justify-content: space-evenly !important;
49467
+ }
49468
+ .adl-u-justify-content-stretch {
49469
+ justify-content: stretch !important;
49470
+ }
49471
+ .adl-u-flex-1 {
49472
+ flex: 1 !important;
49473
+ }
49474
+ .adl-u-width-full {
49475
+ width: 100% !important;
49476
+ }
49477
+ .adl-u-width-auto {
49478
+ width: auto !important;
49479
+ }
49480
+ .adyen-kyc-search-address {
49481
+ display: flex;
49482
+ flex-direction: column;
49483
+ }
49484
+ .adyen-kyc-search-address--location {
49485
+ align-items: start;
49431
49486
  color: #8390a3;
49487
+ display: flex;
49488
+ justify-content: space-between;
49489
+ }
49490
+ .adyen-kyc-search-address--location .adyen-kyc-icon {
49491
+ color: #dce0e5;
49492
+ margin-right: 5px;
49493
+ }
49494
+ .adyen-kyc-search-address--location-country {
49495
+ width: 65%;
49432
49496
  }/* #region Spacing */
49433
49497
  /* #endregion */
49434
49498
  /* #region Colors */
@@ -49451,10 +49515,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49451
49515
  /* #endregion */
49452
49516
  /* #region Inline components */
49453
49517
  /* #endregion */
49454
- /* stylelint-disable-line scss/dollar-variable-pattern */
49455
- /* stylelint-disable-line scss/dollar-variable-pattern */
49456
- /* stylelint-disable-line scss/dollar-variable-pattern */
49457
- /* stylelint-disable-line scss/dollar-variable-pattern */
49458
49518
  /* #region Spacing */
49459
49519
  /* #endregion */
49460
49520
  /* #region Colors */
@@ -49477,66 +49537,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49477
49537
  /* #endregion */
49478
49538
  /* #region Inline components */
49479
49539
  /* #endregion */
49480
- .adl-list {
49481
- color: #00112c;
49482
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
49483
- font-size: 15px;
49484
- -webkit-font-smoothing: antialiased;
49485
- -moz-osx-font-smoothing: grayscale;
49486
- font-weight: 400;
49487
- line-height: 1.4;
49488
- display: block;
49489
- list-style-position: outside;
49490
- list-style-type: disc;
49491
- margin: 0;
49492
- padding: 0 0 0 18px;
49493
- }
49494
- .adl-list *,
49495
- .adl-list *::before,
49496
- .adl-list *::after {
49497
- box-sizing: border-box;
49498
- }
49499
- .adl-list--no-markers {
49500
- list-style: none;
49501
- padding: 0;
49502
- }
49503
- .adl-list--no-markers .adl-list__item {
49504
- padding-left: 0;
49505
- }
49506
- .adl-list__item {
49507
- padding: 0 0 0 4px;
49508
- }
49509
- .adl-list__item--no-marker {
49510
- list-style: none;
49511
- }
49512
- .adl-list--nested {
49513
- list-style-type: circle;
49514
- padding: 0 0 0 18px;
49515
- }
49516
- .adl-list--ordered {
49517
- list-style-type: decimal;
49518
- }/* #region Spacing */
49519
- /* #endregion */
49520
- /* #region Colors */
49521
- /* #endregion */
49522
- /* #region Fonts */
49523
- /* #endregion */
49524
- /* #region Borders */
49525
- /* #endregion */
49526
- /* #region Box-shadow */
49527
- /* #endregion */
49528
- /* #region Shadows */
49529
- /* #endregion */
49530
- /* #region Z-index */
49531
- /* #endregion */
49532
- /* #region Transition */
49533
- /* #endregion */
49534
- /* #region Timing functions */
49535
- /* #endregion */
49536
- /* #region Focus ring */
49537
- /* #endregion */
49538
- /* #region Inline components */
49539
- /* #endregion */
49540
49540
  /* stylelint-disable-line scss/dollar-variable-pattern */
49541
49541
  /* stylelint-disable-line scss/dollar-variable-pattern */
49542
49542
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -51367,22 +51367,27 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
51367
51367
  .adl-u-width-auto {
51368
51368
  width: auto !important;
51369
51369
  }
51370
- .adyen-kyc-search-address {
51370
+ .adyen-kyc-radio-group {
51371
51371
  display: flex;
51372
51372
  flex-direction: column;
51373
+ margin-top: 8px;
51373
51374
  }
51374
- .adyen-kyc-search-address--location {
51375
- align-items: start;
51376
- color: #8390a3;
51377
- display: flex;
51378
- justify-content: space-between;
51375
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
51376
+ display: none;
51379
51377
  }
51380
- .adyen-kyc-search-address--location .adyen-kyc-icon {
51381
- color: #dce0e5;
51382
- margin-right: 5px;
51378
+ .adyen-kyc-radio-group__label {
51379
+ color: inherit;
51380
+ display: block;
51381
+ font-size: 1em;
51382
+ font-weight: normal;
51383
+ line-height: 21px;
51384
+ overflow: visible;
51385
+ padding-bottom: 0;
51386
+ padding-left: 24px;
51387
+ position: relative;
51383
51388
  }
51384
- .adyen-kyc-search-address--location-country {
51385
- width: 65%;
51389
+ .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
51390
+ color: inherit;
51386
51391
  }.adyen-kyc-individual .adyen-kyc-form {
51387
51392
  margin-bottom: 16px;
51388
51393
  }/* #region Spacing */
@@ -76394,6 +76399,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
76394
76399
  /* #endregion */
76395
76400
  /* #region Inline components */
76396
76401
  /* #endregion */
76402
+ /* #region Spacing */
76403
+ /* #endregion */
76404
+ /* #region Colors */
76405
+ /* #endregion */
76406
+ /* #region Fonts */
76407
+ /* #endregion */
76408
+ /* #region Borders */
76409
+ /* #endregion */
76410
+ /* #region Box-shadow */
76411
+ /* #endregion */
76412
+ /* #region Shadows */
76413
+ /* #endregion */
76414
+ /* #region Z-index */
76415
+ /* #endregion */
76416
+ /* #region Transition */
76417
+ /* #endregion */
76418
+ /* #region Timing functions */
76419
+ /* #endregion */
76420
+ /* #region Focus ring */
76421
+ /* #endregion */
76422
+ /* #region Inline components */
76423
+ /* #endregion */
76397
76424
  /* stylelint-disable-line scss/dollar-variable-pattern */
76398
76425
  /* stylelint-disable-line scss/dollar-variable-pattern */
76399
76426
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -76422,6 +76449,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
76422
76449
  /* #endregion */
76423
76450
  .adl-card-group > .adl-card + .adl-card {
76424
76451
  margin-top: -1px;
76452
+ border-top: 1px solid #dce0e5;
76425
76453
  }
76426
76454
  .adl-card-group > .adl-card:not(:only-of-type):first-of-type {
76427
76455
  border-bottom-left-radius: 0;
@@ -84070,7 +84098,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
84070
84098
  .adl-card *::after {
84071
84099
  box-sizing: border-box;
84072
84100
  }
84073
- .adl-card--stateful {
84101
+ .adl-card.adl-card--stateful {
84074
84102
  border-color: #dce0e5;
84075
84103
  cursor: pointer;
84076
84104
  transition-duration: 0.2s;
@@ -84079,33 +84107,33 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
84079
84107
  position: relative;
84080
84108
  z-index: 0;
84081
84109
  }
84082
- .adl-card--stateful:hover {
84110
+ .adl-card.adl-card--stateful:hover {
84083
84111
  border-color: #69778c;
84084
84112
  z-index: 1;
84085
84113
  }
84086
- .adl-card--stateful:focus, .adl-card--stateful:active {
84114
+ .adl-card.adl-card--stateful:focus, .adl-card.adl-card--stateful:active {
84087
84115
  box-shadow: 0 0 0 2px #a5afbd;
84088
84116
  z-index: 2;
84089
84117
  }
84090
- .adl-card--active {
84118
+ .adl-card.adl-card--active {
84091
84119
  border-color: #dce0e5;
84092
84120
  cursor: pointer;
84093
84121
  transition-duration: 0.2s;
84094
84122
  transition-property: border-color, box-shadow;
84095
84123
  transition-timing-function: ease;
84096
84124
  }
84097
- .adl-card--active, .adl-card--active:active, .adl-card--active:hover {
84125
+ .adl-card.adl-card--active, .adl-card.adl-card--active:active, .adl-card.adl-card--active:hover {
84098
84126
  border-color: #06f;
84099
84127
  }
84100
- .adl-card--active:focus, .adl-card--active:active {
84128
+ .adl-card.adl-card--active:focus, .adl-card.adl-card--active:active {
84101
84129
  box-shadow: 0 0 0 2px #cce0ff;
84102
84130
  }
84103
- .adl-card--disabled {
84131
+ .adl-card.adl-card--disabled {
84104
84132
  background-color: #f3f6f9;
84105
84133
  color: #20304c;
84106
84134
  cursor: not-allowed;
84107
84135
  }
84108
- .adl-card--disabled, .adl-card--disabled:active, .adl-card--disabled:hover {
84136
+ .adl-card.adl-card--disabled, .adl-card.adl-card--disabled:active, .adl-card.adl-card--disabled:hover {
84109
84137
  border-color: #dce0e5;
84110
84138
  }
84111
84139
  .adl-card__header {