@adyen/kyc-components 2.9.1 → 2.9.2

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.
package/dist/style.css CHANGED
@@ -22304,6 +22304,47 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
22304
22304
  /* #endregion */
22305
22305
  /* #region Inline components */
22306
22306
  /* #endregion */
22307
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22308
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22309
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22310
+ /* stylelint-disable-line scss/dollar-variable-pattern */
22311
+ /* stylelint-disable-line scss/dollar-variable-pattern */
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
+ .adyen-kyc-form-header {
22316
+ margin-bottom: 24px;
22317
+ }
22318
+ .adyen-kyc-form-header__heading {
22319
+ font-size: 24px;
22320
+ font-weight: 600;
22321
+ margin-bottom: 8px;
22322
+ }
22323
+ .adyen-kyc-form-header__description {
22324
+ color: #394962;
22325
+ font-size: 16px;
22326
+ }/* #region Spacing */
22327
+ /* #endregion */
22328
+ /* #region Colors */
22329
+ /* #endregion */
22330
+ /* #region Fonts */
22331
+ /* #endregion */
22332
+ /* #region Borders */
22333
+ /* #endregion */
22334
+ /* #region Box-shadow */
22335
+ /* #endregion */
22336
+ /* #region Shadows */
22337
+ /* #endregion */
22338
+ /* #region Z-index */
22339
+ /* #endregion */
22340
+ /* #region Transition */
22341
+ /* #endregion */
22342
+ /* #region Timing functions */
22343
+ /* #endregion */
22344
+ /* #region Focus ring */
22345
+ /* #endregion */
22346
+ /* #region Inline components */
22347
+ /* #endregion */
22307
22348
  /* #region Spacing */
22308
22349
  /* #endregion */
22309
22350
  /* #region Colors */
@@ -24156,28 +24197,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24156
24197
  .adl-u-width-auto {
24157
24198
  width: auto !important;
24158
24199
  }
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 */
24200
+ /* #region Spacing */
24181
24201
  /* #endregion */
24182
24202
  /* #region Colors */
24183
24203
  /* #endregion */
@@ -24225,103 +24245,11 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24225
24245
  /* #endregion */
24226
24246
  /* #region Inline components */
24227
24247
  /* #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 */
24248
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24249
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24250
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24251
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24252
+ /* #region Spacing */
24325
24253
  /* #endregion */
24326
24254
  /* #region Colors */
24327
24255
  /* #endregion */
@@ -24343,26 +24271,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24343
24271
  /* #endregion */
24344
24272
  /* #region Inline components */
24345
24273
  /* #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 */
24274
+ /* #region Spacing */
24366
24275
  /* #endregion */
24367
24276
  /* #region Colors */
24368
24277
  /* #endregion */
@@ -24384,6 +24293,38 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24384
24293
  /* #endregion */
24385
24294
  /* #region Inline components */
24386
24295
  /* #endregion */
24296
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24297
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24298
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24299
+ /* stylelint-disable-line scss/dollar-variable-pattern */
24300
+ .adl-u-screen-reader-only {
24301
+ border: 0;
24302
+ clip: rect(0, 0, 0, 0);
24303
+ height: 1px;
24304
+ overflow: hidden;
24305
+ padding: 0 !important;
24306
+ position: absolute;
24307
+ white-space: nowrap;
24308
+ width: 1px;
24309
+ }
24310
+ .adl-u-screen-reader-only-focusable {
24311
+ border: 0;
24312
+ clip: rect(0, 0, 0, 0);
24313
+ height: 1px;
24314
+ overflow: hidden;
24315
+ padding: 0 !important;
24316
+ position: absolute;
24317
+ white-space: nowrap;
24318
+ width: 1px;
24319
+ }
24320
+ .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
24321
+ clip: auto;
24322
+ height: auto;
24323
+ overflow: visible;
24324
+ position: static;
24325
+ white-space: normal;
24326
+ width: auto;
24327
+ }
24387
24328
  /* #region Spacing */
24388
24329
  /* #endregion */
24389
24330
  /* #region Colors */
@@ -24410,170 +24351,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
24410
24351
  /* stylelint-disable-line scss/dollar-variable-pattern */
24411
24352
  /* stylelint-disable-line scss/dollar-variable-pattern */
24412
24353
  /* 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
- }
24354
+ .adl-u-text-align-center {
24355
+ text-align: center !important;
24356
+ }
24357
+ .adl-u-text-align-left {
24358
+ text-align: left !important;
24359
+ }
24360
+ .adl-u-text-align-right {
24361
+ text-align: right !important;
24362
+ }
24363
+ .adl-u-text-align-justify {
24364
+ text-align: justify !important;
24365
+ }
24366
+ .adl-u-vertical-align-baseline {
24367
+ vertical-align: baseline !important;
24368
+ }
24369
+ .adl-u-vertical-align-top {
24370
+ vertical-align: top !important;
24371
+ }
24372
+ .adl-u-vertical-align-middle {
24373
+ vertical-align: middle !important;
24374
+ }
24375
+ .adl-u-vertical-align-bottom {
24376
+ vertical-align: bottom !important;
24377
+ }
24378
+ .adl-u-vertical-align-text-top {
24379
+ vertical-align: text-top !important;
24380
+ }
24381
+ .adl-u-vertical-align-text-bottom {
24382
+ vertical-align: text-bottom !important;
24383
+ }
24384
+ .adl-u-float-left {
24385
+ float: left !important;
24386
+ }
24387
+ .adl-u-float-right {
24388
+ float: right !important;
24389
+ }
24577
24390
  /* #region Spacing */
24578
24391
  /* #endregion */
24579
24392
  /* #region Colors */
@@ -28088,99 +27901,302 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
28088
27901
  .adl-u-width-auto {
28089
27902
  width: auto !important;
28090
27903
  }
28091
- /* #region Spacing */
28092
- /* #endregion */
28093
- /* #region Colors */
28094
- /* #endregion */
28095
- /* #region Fonts */
28096
- /* #endregion */
28097
- /* #region Borders */
28098
- /* #endregion */
28099
- /* #region Box-shadow */
28100
- /* #endregion */
28101
- /* #region Shadows */
28102
- /* #endregion */
28103
- /* #region Z-index */
28104
- /* #endregion */
28105
- /* #region Transition */
28106
- /* #endregion */
28107
- /* #region Timing functions */
28108
- /* #endregion */
28109
- /* #region Focus ring */
28110
- /* #endregion */
28111
- /* #region Inline components */
28112
- /* #endregion */
28113
- /* stylelint-disable-line scss/dollar-variable-pattern */
28114
- /* stylelint-disable-line scss/dollar-variable-pattern */
28115
- /* stylelint-disable-line scss/dollar-variable-pattern */
28116
- /* stylelint-disable-line scss/dollar-variable-pattern */
28117
- /* #region Spacing */
28118
- /* #endregion */
28119
- /* #region Colors */
28120
- /* #endregion */
28121
- /* #region Fonts */
28122
- /* #endregion */
28123
- /* #region Borders */
28124
- /* #endregion */
28125
- /* #region Box-shadow */
28126
- /* #endregion */
28127
- /* #region Shadows */
28128
- /* #endregion */
28129
- /* #region Z-index */
28130
- /* #endregion */
28131
- /* #region Transition */
28132
- /* #endregion */
28133
- /* #region Timing functions */
28134
- /* #endregion */
28135
- /* #region Focus ring */
28136
- /* #endregion */
28137
- /* #region Inline components */
28138
- /* #endregion */
28139
- /* stylelint-disable-line scss/dollar-variable-pattern */
28140
- /* stylelint-disable-line scss/dollar-variable-pattern */
28141
- /* stylelint-disable-line scss/dollar-variable-pattern */
28142
- /* stylelint-disable-line scss/dollar-variable-pattern */
28143
- /* #region Spacing */
28144
- /* #endregion */
28145
- /* #region Colors */
28146
- /* #endregion */
28147
- /* #region Fonts */
28148
- /* #endregion */
28149
- /* #region Borders */
28150
- /* #endregion */
28151
- /* #region Box-shadow */
28152
- /* #endregion */
28153
- /* #region Shadows */
28154
- /* #endregion */
28155
- /* #region Z-index */
28156
- /* #endregion */
28157
- /* #region Transition */
28158
- /* #endregion */
28159
- /* #region Timing functions */
28160
- /* #endregion */
28161
- /* #region Focus ring */
28162
- /* #endregion */
28163
- /* #region Inline components */
28164
- /* #endregion */
28165
- /* #region Spacing */
28166
- /* #endregion */
28167
- /* #region Colors */
28168
- /* #endregion */
28169
- /* #region Fonts */
28170
- /* #endregion */
28171
- /* #region Borders */
28172
- /* #endregion */
28173
- /* #region Box-shadow */
28174
- /* #endregion */
28175
- /* #region Shadows */
28176
- /* #endregion */
28177
- /* #region Z-index */
28178
- /* #endregion */
28179
- /* #region Transition */
28180
- /* #endregion */
28181
- /* #region Timing functions */
28182
- /* #endregion */
28183
- /* #region Focus ring */
27904
+ .adyen-kyc-dropdown {
27905
+ font-size: 1em;
27906
+ max-width: 100%;
27907
+ width: 100%;
27908
+ }
27909
+ .adyen-kyc-dropdown-button {
27910
+ background: #fff;
27911
+ border: 1px solid #dce0e5;
27912
+ border-radius: 6px;
27913
+ box-sizing: border-box;
27914
+ color: #00112c;
27915
+ font-size: 1em;
27916
+ line-height: 20px;
27917
+ min-height: 40px;
27918
+ outline: 0;
27919
+ padding: 7px 24px 7px 12px;
27920
+ text-decoration: none;
27921
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
27922
+ user-select: none;
27923
+ }
27924
+ .adyen-kyc-dropdown-button:hover {
27925
+ border-color: #99a3ad;
27926
+ }
27927
+ .adyen-kyc-dropdown-button__icon {
27928
+ border-radius: 3px;
27929
+ height: 26px;
27930
+ margin-right: 8px;
27931
+ max-width: 40px;
27932
+ }
27933
+ .adyen-kyc-dropdown-button--active,
27934
+ .adyen-kyc-dropdown-button--active:hover,
27935
+ .adyen-kyc-dropdown-button:active,
27936
+ .adyen-kyc-dropdown-button:focus {
27937
+ border-color: #06f;
27938
+ box-shadow: 0 0 0 2px #80b2ff;
27939
+ }
27940
+ .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 {
27941
+ border: 1px solid #a5afbd;
27942
+ color: #8390a3;
27943
+ cursor: not-allowed;
27944
+ background-color: #f3f6f9;
27945
+ border-color: #dce0e5;
27946
+ }
27947
+ .adyen-kyc-dropdown-button--readonly::after {
27948
+ 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");
27949
+ }
27950
+ .adyen-kyc-dropdown-button--invalid {
27951
+ border-color: #e50000;
27952
+ }
27953
+ .adyen-kyc-dropdown-button__text {
27954
+ line-height: 1;
27955
+ overflow: hidden;
27956
+ pointer-events: none;
27957
+ text-overflow: ellipsis;
27958
+ white-space: nowrap;
27959
+ }
27960
+ .adyen-kyc-dropdown-button__text--placeholder {
27961
+ color: #a5afbd;
27962
+ font-weight: 200;
27963
+ line-height: 1.2;
27964
+ }
27965
+ .adyen-kyc-dropdown-button-search {
27966
+ align-items: center;
27967
+ display: flex;
27968
+ width: 100%;
27969
+ }
27970
+ .adyen-kyc-dropdown-button-search__icon {
27971
+ color: #a5afbd;
27972
+ font-size: 0.81em;
27973
+ padding-right: 8px;
27974
+ }
27975
+ .adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
27976
+ color: #a5afbd;
27977
+ }
27978
+ .adyen-kyc-dropdown-button-search::after {
27979
+ display: none;
27980
+ }
27981
+ .adl-loading-indicator::before {
27982
+ background: #a5afbd;
27983
+ }
27984
+ .adl-loading-indicator::after {
27985
+ border-top-color: #a5afbd;
27986
+ }
27987
+ .adyen-kyc-dropdown-list {
27988
+ border-radius: 6px;
27989
+ box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
27990
+ max-height: 145px;
27991
+ z-index: 2;
27992
+ }
27993
+ .adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
27994
+ cursor: pointer;
27995
+ }
27996
+ .adyen-kyc-dropdown-list--above {
27997
+ bottom: -6px;
27998
+ }
27999
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
28000
+ margin-top: 2px;
28001
+ }
28002
+ .adyen-kyc-dropdown-element {
28003
+ border: 1px solid transparent;
28004
+ cursor: pointer;
28005
+ font-size: 0.81em;
28006
+ hyphens: auto;
28007
+ line-height: 20px;
28008
+ outline: 0;
28009
+ padding: 8px;
28010
+ transition: background 0.2s ease-out, border-color 0.2s ease-out;
28011
+ user-select: none;
28012
+ word-break: break-word;
28013
+ }
28014
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
28015
+ align-items: baseline;
28016
+ display: flex;
28017
+ font-size: 1em;
28018
+ width: 100%;
28019
+ }
28020
+ .adyen-kyc-dropdown-search-element__description {
28021
+ flex: 1;
28022
+ }
28023
+ .adyen-kyc-dropdown-search-element__description--highlight {
28024
+ font-weight: 600;
28025
+ }
28026
+ .adyen-kyc-dropdown-search-element__addresses {
28027
+ color: #69778c;
28028
+ display: flex;
28029
+ }
28030
+ .adyen-kyc-dropdown-search-element__addresses--icon {
28031
+ align-items: center;
28032
+ color: #69778c;
28033
+ display: flex;
28034
+ margin-left: 8px;
28035
+ }
28036
+ .adyen-kyc-dropdown-search-element__addresses--text {
28037
+ display: none;
28038
+ margin-left: 4px;
28039
+ }
28040
+ @media screen and (min-width: 1240px) {
28041
+ .adyen-kyc-dropdown-search-element__addresses--text {
28042
+ display: block;
28043
+ }
28044
+ }
28045
+ .adyen-kyc-dropdown-element:last-child {
28046
+ border-bottom: 0;
28047
+ }
28048
+ .adyen-kyc-dropdown-element:hover,
28049
+ .adyen-kyc-dropdown-element:focus,
28050
+ .adyen-kyc-dropdown-element:active {
28051
+ background: rgba(230, 233, 235, 0.6);
28052
+ }
28053
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
28054
+ background: rgba(0, 102, 255, 0.1);
28055
+ }
28056
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:hover,
28057
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:focus,
28058
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:active {
28059
+ background: rgba(0, 102, 255, 0.15);
28060
+ }
28061
+ .adyen-kyc-dropdown-element--disabled {
28062
+ cursor: not-allowed;
28063
+ opacity: 0.4;
28064
+ }
28065
+ .adyen-kyc-dropdown-element__icon {
28066
+ border-radius: 4px;
28067
+ margin-right: 8px;
28068
+ max-height: 26px;
28069
+ max-width: 40px;
28070
+ }
28071
+ .adyen-kyc-dropdown-element__flag {
28072
+ margin-left: 8px;
28073
+ margin-right: 10px;
28074
+ max-height: 18px;
28075
+ max-width: 27px;
28076
+ }
28077
+ .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
28078
+ align-items: baseline;
28079
+ flex-direction: column;
28080
+ font-size: 1em;
28081
+ }
28082
+ .adyen-kyc-dropdown-element-description__text {
28083
+ color: #69778c;
28084
+ }
28085
+ .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
28086
+ right: 32px;
28087
+ }
28088
+ .adyen-kyc-dropdown-selected-items {
28089
+ align-items: baseline;
28090
+ display: flex;
28091
+ flex-direction: row;
28092
+ flex-wrap: wrap;
28093
+ }
28094
+ .adyen-kyc-dropdown-selected-items .adl-tag {
28095
+ align-self: center;
28096
+ border-radius: 6px;
28097
+ color: #00112c;
28098
+ letter-spacing: 0.2px;
28099
+ margin: 2px 8px 2px 0;
28100
+ padding: 2px 8px;
28101
+ }
28102
+ .adyen-kyc-dropdown-selected-items__tag--teal {
28103
+ background-color: #eef9f9;
28104
+ }
28105
+ .adyen-kyc-dropdown-selected-items__tag--blue {
28106
+ background-color: #e6f0ff;
28107
+ }/* #region Spacing */
28108
+ /* #endregion */
28109
+ /* #region Colors */
28110
+ /* #endregion */
28111
+ /* #region Fonts */
28112
+ /* #endregion */
28113
+ /* #region Borders */
28114
+ /* #endregion */
28115
+ /* #region Box-shadow */
28116
+ /* #endregion */
28117
+ /* #region Shadows */
28118
+ /* #endregion */
28119
+ /* #region Z-index */
28120
+ /* #endregion */
28121
+ /* #region Transition */
28122
+ /* #endregion */
28123
+ /* #region Timing functions */
28124
+ /* #endregion */
28125
+ /* #region Focus ring */
28126
+ /* #endregion */
28127
+ /* #region Inline components */
28128
+ /* #endregion */
28129
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28130
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28131
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28132
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28133
+ /* #region Spacing */
28134
+ /* #endregion */
28135
+ /* #region Colors */
28136
+ /* #endregion */
28137
+ /* #region Fonts */
28138
+ /* #endregion */
28139
+ /* #region Borders */
28140
+ /* #endregion */
28141
+ /* #region Box-shadow */
28142
+ /* #endregion */
28143
+ /* #region Shadows */
28144
+ /* #endregion */
28145
+ /* #region Z-index */
28146
+ /* #endregion */
28147
+ /* #region Transition */
28148
+ /* #endregion */
28149
+ /* #region Timing functions */
28150
+ /* #endregion */
28151
+ /* #region Focus ring */
28152
+ /* #endregion */
28153
+ /* #region Inline components */
28154
+ /* #endregion */
28155
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28156
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28157
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28158
+ /* stylelint-disable-line scss/dollar-variable-pattern */
28159
+ /* #region Spacing */
28160
+ /* #endregion */
28161
+ /* #region Colors */
28162
+ /* #endregion */
28163
+ /* #region Fonts */
28164
+ /* #endregion */
28165
+ /* #region Borders */
28166
+ /* #endregion */
28167
+ /* #region Box-shadow */
28168
+ /* #endregion */
28169
+ /* #region Shadows */
28170
+ /* #endregion */
28171
+ /* #region Z-index */
28172
+ /* #endregion */
28173
+ /* #region Transition */
28174
+ /* #endregion */
28175
+ /* #region Timing functions */
28176
+ /* #endregion */
28177
+ /* #region Focus ring */
28178
+ /* #endregion */
28179
+ /* #region Inline components */
28180
+ /* #endregion */
28181
+ /* #region Spacing */
28182
+ /* #endregion */
28183
+ /* #region Colors */
28184
+ /* #endregion */
28185
+ /* #region Fonts */
28186
+ /* #endregion */
28187
+ /* #region Borders */
28188
+ /* #endregion */
28189
+ /* #region Box-shadow */
28190
+ /* #endregion */
28191
+ /* #region Shadows */
28192
+ /* #endregion */
28193
+ /* #region Z-index */
28194
+ /* #endregion */
28195
+ /* #region Transition */
28196
+ /* #endregion */
28197
+ /* #region Timing functions */
28198
+ /* #endregion */
28199
+ /* #region Focus ring */
28184
28200
  /* #endregion */
28185
28201
  /* #region Inline components */
28186
28202
  /* #endregion */
@@ -29923,227 +29939,24 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
29923
29939
  justify-content: space-between !important;
29924
29940
  }
29925
29941
  .adl-u-justify-content-space-around {
29926
- justify-content: space-around !important;
29927
- }
29928
- .adl-u-justify-content-space-evenly {
29929
- justify-content: space-evenly !important;
29930
- }
29931
- .adl-u-justify-content-stretch {
29932
- justify-content: stretch !important;
29933
- }
29934
- .adl-u-flex-1 {
29935
- flex: 1 !important;
29936
- }
29937
- .adl-u-width-full {
29938
- width: 100% !important;
29939
- }
29940
- .adl-u-width-auto {
29941
- width: auto !important;
29942
- }
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;
29942
+ justify-content: space-around !important;
30120
29943
  }
30121
- .adyen-kyc-dropdown-element-description__text {
30122
- color: #69778c;
29944
+ .adl-u-justify-content-space-evenly {
29945
+ justify-content: space-evenly !important;
30123
29946
  }
30124
- .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
30125
- right: 32px;
29947
+ .adl-u-justify-content-stretch {
29948
+ justify-content: stretch !important;
30126
29949
  }
30127
- .adyen-kyc-dropdown-selected-items {
30128
- align-items: baseline;
30129
- display: flex;
30130
- flex-direction: row;
30131
- flex-wrap: wrap;
29950
+ .adl-u-flex-1 {
29951
+ flex: 1 !important;
30132
29952
  }
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;
29953
+ .adl-u-width-full {
29954
+ width: 100% !important;
30140
29955
  }
30141
- .adyen-kyc-dropdown-selected-items__tag--teal {
30142
- background-color: #eef9f9;
29956
+ .adl-u-width-auto {
29957
+ width: auto !important;
30143
29958
  }
30144
- .adyen-kyc-dropdown-selected-items__tag--blue {
30145
- background-color: #e6f0ff;
30146
- }/* #region Spacing */
29959
+ /* #region Spacing */
30147
29960
  /* #endregion */
30148
29961
  /* #region Colors */
30149
29962
  /* #endregion */
@@ -33299,260 +33112,643 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33299
33112
  .adl-u-margin-32 {
33300
33113
  margin: 32px !important;
33301
33114
  }
33302
- .adl-u-margin-bottom-32 {
33303
- margin-bottom: 32px !important;
33115
+ .adl-u-margin-bottom-32 {
33116
+ margin-bottom: 32px !important;
33117
+ }
33118
+ .adl-u-margin-left-32 {
33119
+ margin-left: 32px !important;
33120
+ }
33121
+ .adl-u-margin-right-32 {
33122
+ margin-right: 32px !important;
33123
+ }
33124
+ .adl-u-margin-top-32 {
33125
+ margin-top: 32px !important;
33126
+ }
33127
+ .adl-u-margin-x-32 {
33128
+ margin-left: 32px !important;
33129
+ margin-right: 32px !important;
33130
+ }
33131
+ .adl-u-margin-y-32 {
33132
+ margin-bottom: 32px !important;
33133
+ margin-top: 32px !important;
33134
+ }
33135
+ .adl-u-margin-40 {
33136
+ margin: 40px !important;
33137
+ }
33138
+ .adl-u-margin-bottom-40 {
33139
+ margin-bottom: 40px !important;
33140
+ }
33141
+ .adl-u-margin-left-40 {
33142
+ margin-left: 40px !important;
33143
+ }
33144
+ .adl-u-margin-right-40 {
33145
+ margin-right: 40px !important;
33146
+ }
33147
+ .adl-u-margin-top-40 {
33148
+ margin-top: 40px !important;
33149
+ }
33150
+ .adl-u-margin-x-40 {
33151
+ margin-left: 40px !important;
33152
+ margin-right: 40px !important;
33153
+ }
33154
+ .adl-u-margin-y-40 {
33155
+ margin-bottom: 40px !important;
33156
+ margin-top: 40px !important;
33157
+ }
33158
+ .adl-u-margin-48 {
33159
+ margin: 48px !important;
33160
+ }
33161
+ .adl-u-margin-bottom-48 {
33162
+ margin-bottom: 48px !important;
33163
+ }
33164
+ .adl-u-margin-left-48 {
33165
+ margin-left: 48px !important;
33166
+ }
33167
+ .adl-u-margin-right-48 {
33168
+ margin-right: 48px !important;
33169
+ }
33170
+ .adl-u-margin-top-48 {
33171
+ margin-top: 48px !important;
33172
+ }
33173
+ .adl-u-margin-x-48 {
33174
+ margin-left: 48px !important;
33175
+ margin-right: 48px !important;
33176
+ }
33177
+ .adl-u-margin-y-48 {
33178
+ margin-bottom: 48px !important;
33179
+ margin-top: 48px !important;
33180
+ }
33181
+ .adl-u-margin-56 {
33182
+ margin: 56px !important;
33183
+ }
33184
+ .adl-u-margin-bottom-56 {
33185
+ margin-bottom: 56px !important;
33186
+ }
33187
+ .adl-u-margin-left-56 {
33188
+ margin-left: 56px !important;
33189
+ }
33190
+ .adl-u-margin-right-56 {
33191
+ margin-right: 56px !important;
33192
+ }
33193
+ .adl-u-margin-top-56 {
33194
+ margin-top: 56px !important;
33195
+ }
33196
+ .adl-u-margin-x-56 {
33197
+ margin-left: 56px !important;
33198
+ margin-right: 56px !important;
33199
+ }
33200
+ .adl-u-margin-y-56 {
33201
+ margin-bottom: 56px !important;
33202
+ margin-top: 56px !important;
33203
+ }
33204
+ .adl-u-margin-64 {
33205
+ margin: 64px !important;
33206
+ }
33207
+ .adl-u-margin-bottom-64 {
33208
+ margin-bottom: 64px !important;
33209
+ }
33210
+ .adl-u-margin-left-64 {
33211
+ margin-left: 64px !important;
33212
+ }
33213
+ .adl-u-margin-right-64 {
33214
+ margin-right: 64px !important;
33215
+ }
33216
+ .adl-u-margin-top-64 {
33217
+ margin-top: 64px !important;
33218
+ }
33219
+ .adl-u-margin-x-64 {
33220
+ margin-left: 64px !important;
33221
+ margin-right: 64px !important;
33222
+ }
33223
+ .adl-u-margin-y-64 {
33224
+ margin-bottom: 64px !important;
33225
+ margin-top: 64px !important;
33226
+ }
33227
+ .adl-u-margin-72 {
33228
+ margin: 72px !important;
33229
+ }
33230
+ .adl-u-margin-bottom-72 {
33231
+ margin-bottom: 72px !important;
33232
+ }
33233
+ .adl-u-margin-left-72 {
33234
+ margin-left: 72px !important;
33235
+ }
33236
+ .adl-u-margin-right-72 {
33237
+ margin-right: 72px !important;
33238
+ }
33239
+ .adl-u-margin-top-72 {
33240
+ margin-top: 72px !important;
33241
+ }
33242
+ .adl-u-margin-x-72 {
33243
+ margin-left: 72px !important;
33244
+ margin-right: 72px !important;
33245
+ }
33246
+ .adl-u-margin-y-72 {
33247
+ margin-bottom: 72px !important;
33248
+ margin-top: 72px !important;
33249
+ }
33250
+ .adl-u-margin-80 {
33251
+ margin: 80px !important;
33252
+ }
33253
+ .adl-u-margin-bottom-80 {
33254
+ margin-bottom: 80px !important;
33255
+ }
33256
+ .adl-u-margin-left-80 {
33257
+ margin-left: 80px !important;
33258
+ }
33259
+ .adl-u-margin-right-80 {
33260
+ margin-right: 80px !important;
33261
+ }
33262
+ .adl-u-margin-top-80 {
33263
+ margin-top: 80px !important;
33264
+ }
33265
+ .adl-u-margin-x-80 {
33266
+ margin-left: 80px !important;
33267
+ margin-right: 80px !important;
33268
+ }
33269
+ .adl-u-margin-y-80 {
33270
+ margin-bottom: 80px !important;
33271
+ margin-top: 80px !important;
33272
+ }
33273
+ .adl-u-margin-88 {
33274
+ margin: 88px !important;
33275
+ }
33276
+ .adl-u-margin-bottom-88 {
33277
+ margin-bottom: 88px !important;
33278
+ }
33279
+ .adl-u-margin-left-88 {
33280
+ margin-left: 88px !important;
33281
+ }
33282
+ .adl-u-margin-right-88 {
33283
+ margin-right: 88px !important;
33284
+ }
33285
+ .adl-u-margin-top-88 {
33286
+ margin-top: 88px !important;
33287
+ }
33288
+ .adl-u-margin-x-88 {
33289
+ margin-left: 88px !important;
33290
+ margin-right: 88px !important;
33291
+ }
33292
+ .adl-u-margin-y-88 {
33293
+ margin-bottom: 88px !important;
33294
+ margin-top: 88px !important;
33295
+ }
33296
+ .adl-u-margin-96 {
33297
+ margin: 96px !important;
33298
+ }
33299
+ .adl-u-margin-bottom-96 {
33300
+ margin-bottom: 96px !important;
33301
+ }
33302
+ .adl-u-margin-left-96 {
33303
+ margin-left: 96px !important;
33304
+ }
33305
+ .adl-u-margin-right-96 {
33306
+ margin-right: 96px !important;
33307
+ }
33308
+ .adl-u-margin-top-96 {
33309
+ margin-top: 96px !important;
33310
+ }
33311
+ .adl-u-margin-x-96 {
33312
+ margin-left: 96px !important;
33313
+ margin-right: 96px !important;
33314
+ }
33315
+ .adl-u-margin-y-96 {
33316
+ margin-bottom: 96px !important;
33317
+ margin-top: 96px !important;
33318
+ }
33319
+ .adl-u-margin-0 {
33320
+ margin: 0 !important;
33321
+ }
33322
+ .adl-u-margin-bottom-0 {
33323
+ margin-bottom: 0 !important;
33324
+ }
33325
+ .adl-u-margin-left-0 {
33326
+ margin-left: 0 !important;
33327
+ }
33328
+ .adl-u-margin-right-0 {
33329
+ margin-right: 0 !important;
33330
+ }
33331
+ .adl-u-margin-top-0 {
33332
+ margin-top: 0 !important;
33333
+ }
33334
+ .adl-u-margin-x-0 {
33335
+ margin-left: 0 !important;
33336
+ margin-right: 0 !important;
33337
+ }
33338
+ .adl-u-margin-y-0 {
33339
+ margin-bottom: 0 !important;
33340
+ margin-top: 0 !important;
33304
33341
  }
33305
- .adl-u-margin-left-32 {
33306
- margin-left: 32px !important;
33342
+ .adl-u-margin-auto {
33343
+ margin: auto !important;
33307
33344
  }
33308
- .adl-u-margin-right-32 {
33309
- margin-right: 32px !important;
33345
+ .adl-u-margin-bottom-auto {
33346
+ margin-bottom: auto !important;
33310
33347
  }
33311
- .adl-u-margin-top-32 {
33312
- margin-top: 32px !important;
33348
+ .adl-u-margin-left-auto {
33349
+ margin-left: auto !important;
33313
33350
  }
33314
- .adl-u-margin-x-32 {
33315
- margin-left: 32px !important;
33316
- margin-right: 32px !important;
33351
+ .adl-u-margin-right-auto {
33352
+ margin-right: auto !important;
33317
33353
  }
33318
- .adl-u-margin-y-32 {
33319
- margin-bottom: 32px !important;
33320
- margin-top: 32px !important;
33354
+ .adl-u-margin-top-auto {
33355
+ margin-top: auto !important;
33321
33356
  }
33322
- .adl-u-margin-40 {
33323
- margin: 40px !important;
33357
+ .adl-u-margin-x-auto {
33358
+ margin-left: auto !important;
33359
+ margin-right: auto !important;
33324
33360
  }
33325
- .adl-u-margin-bottom-40 {
33326
- margin-bottom: 40px !important;
33361
+ .adl-u-margin-y-auto {
33362
+ margin-bottom: auto !important;
33363
+ margin-top: auto !important;
33327
33364
  }
33328
- .adl-u-margin-left-40 {
33329
- margin-left: 40px !important;
33365
+ .adl-u-box-sizing-border-box {
33366
+ box-sizing: border-box !important;
33330
33367
  }
33331
- .adl-u-margin-right-40 {
33332
- margin-right: 40px !important;
33368
+ /* #region Spacing */
33369
+ /* #endregion */
33370
+ /* #region Colors */
33371
+ /* #endregion */
33372
+ /* #region Fonts */
33373
+ /* #endregion */
33374
+ /* #region Borders */
33375
+ /* #endregion */
33376
+ /* #region Box-shadow */
33377
+ /* #endregion */
33378
+ /* #region Shadows */
33379
+ /* #endregion */
33380
+ /* #region Z-index */
33381
+ /* #endregion */
33382
+ /* #region Transition */
33383
+ /* #endregion */
33384
+ /* #region Timing functions */
33385
+ /* #endregion */
33386
+ /* #region Focus ring */
33387
+ /* #endregion */
33388
+ /* #region Inline components */
33389
+ /* #endregion */
33390
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33391
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33392
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33393
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33394
+ .adl-u-pointer-events-none {
33395
+ pointer-events: none !important;
33333
33396
  }
33334
- .adl-u-margin-top-40 {
33335
- margin-top: 40px !important;
33397
+ .adl-u-pointer-events-auto {
33398
+ pointer-events: auto !important;
33336
33399
  }
33337
- .adl-u-margin-x-40 {
33338
- margin-left: 40px !important;
33339
- margin-right: 40px !important;
33400
+ /* #region Spacing */
33401
+ /* #endregion */
33402
+ /* #region Colors */
33403
+ /* #endregion */
33404
+ /* #region Fonts */
33405
+ /* #endregion */
33406
+ /* #region Borders */
33407
+ /* #endregion */
33408
+ /* #region Box-shadow */
33409
+ /* #endregion */
33410
+ /* #region Shadows */
33411
+ /* #endregion */
33412
+ /* #region Z-index */
33413
+ /* #endregion */
33414
+ /* #region Transition */
33415
+ /* #endregion */
33416
+ /* #region Timing functions */
33417
+ /* #endregion */
33418
+ /* #region Focus ring */
33419
+ /* #endregion */
33420
+ /* #region Inline components */
33421
+ /* #endregion */
33422
+ /* #region Spacing */
33423
+ /* #endregion */
33424
+ /* #region Colors */
33425
+ /* #endregion */
33426
+ /* #region Fonts */
33427
+ /* #endregion */
33428
+ /* #region Borders */
33429
+ /* #endregion */
33430
+ /* #region Box-shadow */
33431
+ /* #endregion */
33432
+ /* #region Shadows */
33433
+ /* #endregion */
33434
+ /* #region Z-index */
33435
+ /* #endregion */
33436
+ /* #region Transition */
33437
+ /* #endregion */
33438
+ /* #region Timing functions */
33439
+ /* #endregion */
33440
+ /* #region Focus ring */
33441
+ /* #endregion */
33442
+ /* #region Inline components */
33443
+ /* #endregion */
33444
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33445
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33446
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33447
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33448
+ .adl-u-font-size-small {
33449
+ font-size: 13px !important;
33340
33450
  }
33341
- .adl-u-margin-y-40 {
33342
- margin-bottom: 40px !important;
33343
- margin-top: 40px !important;
33451
+ .adl-u-font-size-medium {
33452
+ font-size: 15px !important;
33344
33453
  }
33345
- .adl-u-margin-48 {
33346
- margin: 48px !important;
33454
+ .adl-u-font-size-large {
33455
+ font-size: 21px !important;
33347
33456
  }
33348
- .adl-u-margin-bottom-48 {
33349
- margin-bottom: 48px !important;
33457
+ .adl-u-font-size-xlarge {
33458
+ font-size: 30px !important;
33350
33459
  }
33351
- .adl-u-margin-left-48 {
33352
- margin-left: 48px !important;
33460
+ .adl-u-font-size-xxlarge {
33461
+ font-size: 45px !important;
33353
33462
  }
33354
- .adl-u-margin-right-48 {
33355
- margin-right: 48px !important;
33463
+ .adl-u-font-size-inherit {
33464
+ font-size: inherit !important;
33356
33465
  }
33357
- .adl-u-margin-top-48 {
33358
- margin-top: 48px !important;
33466
+ .adl-u-font-weight-thin {
33467
+ font-weight: 100 !important;
33359
33468
  }
33360
- .adl-u-margin-x-48 {
33361
- margin-left: 48px !important;
33362
- margin-right: 48px !important;
33469
+ .adl-u-font-weight-regular {
33470
+ font-weight: 400 !important;
33363
33471
  }
33364
- .adl-u-margin-y-48 {
33365
- margin-bottom: 48px !important;
33366
- margin-top: 48px !important;
33472
+ .adl-u-font-weight-medium {
33473
+ font-weight: 500 !important;
33367
33474
  }
33368
- .adl-u-margin-56 {
33369
- margin: 56px !important;
33475
+ .adl-u-font-weight-semi-bold {
33476
+ font-weight: 600 !important;
33370
33477
  }
33371
- .adl-u-margin-bottom-56 {
33372
- margin-bottom: 56px !important;
33478
+ .adl-u-white-space-normal {
33479
+ white-space: normal !important;
33373
33480
  }
33374
- .adl-u-margin-left-56 {
33375
- margin-left: 56px !important;
33481
+ .adl-u-white-space-nowrap {
33482
+ white-space: nowrap !important;
33376
33483
  }
33377
- .adl-u-margin-right-56 {
33378
- margin-right: 56px !important;
33484
+ .adl-u-white-space-pre-wrap {
33485
+ white-space: pre-wrap !important;
33379
33486
  }
33380
- .adl-u-margin-top-56 {
33381
- margin-top: 56px !important;
33487
+ .adl-u-truncate {
33488
+ overflow: hidden !important;
33489
+ text-overflow: ellipsis !important;
33382
33490
  }
33383
- .adl-u-margin-x-56 {
33384
- margin-left: 56px !important;
33385
- margin-right: 56px !important;
33491
+ .adl-u-word-break-break-word {
33492
+ word-break: break-word !important;
33386
33493
  }
33387
- .adl-u-margin-y-56 {
33388
- margin-bottom: 56px !important;
33389
- margin-top: 56px !important;
33494
+ /* #region Spacing */
33495
+ /* #endregion */
33496
+ /* #region Colors */
33497
+ /* #endregion */
33498
+ /* #region Fonts */
33499
+ /* #endregion */
33500
+ /* #region Borders */
33501
+ /* #endregion */
33502
+ /* #region Box-shadow */
33503
+ /* #endregion */
33504
+ /* #region Shadows */
33505
+ /* #endregion */
33506
+ /* #region Z-index */
33507
+ /* #endregion */
33508
+ /* #region Transition */
33509
+ /* #endregion */
33510
+ /* #region Timing functions */
33511
+ /* #endregion */
33512
+ /* #region Focus ring */
33513
+ /* #endregion */
33514
+ /* #region Inline components */
33515
+ /* #endregion */
33516
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33517
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33518
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33519
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33520
+ .adl-u-visibility-visible {
33521
+ visibility: visible !important;
33390
33522
  }
33391
- .adl-u-margin-64 {
33392
- margin: 64px !important;
33523
+ .adl-u-visibility-hidden {
33524
+ visibility: hidden !important;
33393
33525
  }
33394
- .adl-u-margin-bottom-64 {
33395
- margin-bottom: 64px !important;
33526
+ .adl-u-display-none {
33527
+ display: none !important;
33396
33528
  }
33397
- .adl-u-margin-left-64 {
33398
- margin-left: 64px !important;
33529
+ .adl-u-display-initial {
33530
+ display: initial !important;
33399
33531
  }
33400
- .adl-u-margin-right-64 {
33401
- margin-right: 64px !important;
33532
+ .adl-u-display-inline {
33533
+ display: inline !important;
33402
33534
  }
33403
- .adl-u-margin-top-64 {
33404
- margin-top: 64px !important;
33535
+ .adl-u-display-inline-block {
33536
+ display: inline-block !important;
33405
33537
  }
33406
- .adl-u-margin-x-64 {
33407
- margin-left: 64px !important;
33408
- margin-right: 64px !important;
33538
+ .adl-u-display-block {
33539
+ display: block !important;
33409
33540
  }
33410
- .adl-u-margin-y-64 {
33411
- margin-bottom: 64px !important;
33412
- margin-top: 64px !important;
33541
+ .adl-u-display-table {
33542
+ display: table !important;
33413
33543
  }
33414
- .adl-u-margin-72 {
33415
- margin: 72px !important;
33544
+ .adl-u-display-table-row {
33545
+ display: table-row !important;
33416
33546
  }
33417
- .adl-u-margin-bottom-72 {
33418
- margin-bottom: 72px !important;
33547
+ .adl-u-display-table-cell {
33548
+ display: table-cell !important;
33419
33549
  }
33420
- .adl-u-margin-left-72 {
33421
- margin-left: 72px !important;
33550
+ /* #region Spacing */
33551
+ /* #endregion */
33552
+ /* #region Colors */
33553
+ /* #endregion */
33554
+ /* #region Fonts */
33555
+ /* #endregion */
33556
+ /* #region Borders */
33557
+ /* #endregion */
33558
+ /* #region Box-shadow */
33559
+ /* #endregion */
33560
+ /* #region Shadows */
33561
+ /* #endregion */
33562
+ /* #region Z-index */
33563
+ /* #endregion */
33564
+ /* #region Transition */
33565
+ /* #endregion */
33566
+ /* #region Timing functions */
33567
+ /* #endregion */
33568
+ /* #region Focus ring */
33569
+ /* #endregion */
33570
+ /* #region Inline components */
33571
+ /* #endregion */
33572
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33573
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33574
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33575
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33576
+ .adl-u-display-flex {
33577
+ display: flex !important;
33422
33578
  }
33423
- .adl-u-margin-right-72 {
33424
- margin-right: 72px !important;
33579
+ .adl-u-display-inline-flex {
33580
+ display: inline-flex !important;
33425
33581
  }
33426
- .adl-u-margin-top-72 {
33427
- margin-top: 72px !important;
33582
+ .adl-u-flex-direction-row {
33583
+ flex-direction: row !important;
33428
33584
  }
33429
- .adl-u-margin-x-72 {
33430
- margin-left: 72px !important;
33431
- margin-right: 72px !important;
33585
+ .adl-u-flex-direction-row-reverse {
33586
+ flex-direction: row-reverse !important;
33432
33587
  }
33433
- .adl-u-margin-y-72 {
33434
- margin-bottom: 72px !important;
33435
- margin-top: 72px !important;
33588
+ .adl-u-flex-direction-column {
33589
+ flex-direction: column !important;
33436
33590
  }
33437
- .adl-u-margin-80 {
33438
- margin: 80px !important;
33591
+ .adl-u-flex-direction-column-reverse {
33592
+ flex-direction: column-reverse !important;
33439
33593
  }
33440
- .adl-u-margin-bottom-80 {
33441
- margin-bottom: 80px !important;
33594
+ .adl-u-flex-wrap-wrap {
33595
+ flex-wrap: wrap !important;
33442
33596
  }
33443
- .adl-u-margin-left-80 {
33444
- margin-left: 80px !important;
33597
+ .adl-u-flex-wrap-nowrap {
33598
+ flex-wrap: nowrap !important;
33445
33599
  }
33446
- .adl-u-margin-right-80 {
33447
- margin-right: 80px !important;
33600
+ .adl-u-align-items-start {
33601
+ align-items: start !important;
33448
33602
  }
33449
- .adl-u-margin-top-80 {
33450
- margin-top: 80px !important;
33603
+ .adl-u-align-items-flex-start {
33604
+ align-items: flex-start !important;
33451
33605
  }
33452
- .adl-u-margin-x-80 {
33453
- margin-left: 80px !important;
33454
- margin-right: 80px !important;
33606
+ .adl-u-align-items-flex-end {
33607
+ align-items: flex-end !important;
33455
33608
  }
33456
- .adl-u-margin-y-80 {
33457
- margin-bottom: 80px !important;
33458
- margin-top: 80px !important;
33609
+ .adl-u-align-items-center {
33610
+ align-items: center !important;
33459
33611
  }
33460
- .adl-u-margin-88 {
33461
- margin: 88px !important;
33612
+ .adl-u-align-items-stretch {
33613
+ align-items: stretch !important;
33462
33614
  }
33463
- .adl-u-margin-bottom-88 {
33464
- margin-bottom: 88px !important;
33615
+ .adl-u-align-items-baseline {
33616
+ align-items: baseline !important;
33465
33617
  }
33466
- .adl-u-margin-left-88 {
33467
- margin-left: 88px !important;
33618
+ .adl-u-align-items-end {
33619
+ align-items: end !important;
33468
33620
  }
33469
- .adl-u-margin-right-88 {
33470
- margin-right: 88px !important;
33621
+ .adl-u-justify-content-center {
33622
+ justify-content: center !important;
33471
33623
  }
33472
- .adl-u-margin-top-88 {
33473
- margin-top: 88px !important;
33624
+ .adl-u-justify-content-flex-start {
33625
+ justify-content: flex-start !important;
33474
33626
  }
33475
- .adl-u-margin-x-88 {
33476
- margin-left: 88px !important;
33477
- margin-right: 88px !important;
33627
+ .adl-u-justify-content-flex-end {
33628
+ justify-content: flex-end !important;
33478
33629
  }
33479
- .adl-u-margin-y-88 {
33480
- margin-bottom: 88px !important;
33481
- margin-top: 88px !important;
33630
+ .adl-u-justify-content-start {
33631
+ justify-content: start !important;
33482
33632
  }
33483
- .adl-u-margin-96 {
33484
- margin: 96px !important;
33633
+ .adl-u-justify-content-end {
33634
+ justify-content: end !important;
33485
33635
  }
33486
- .adl-u-margin-bottom-96 {
33487
- margin-bottom: 96px !important;
33636
+ .adl-u-justify-content-left {
33637
+ justify-content: left !important;
33488
33638
  }
33489
- .adl-u-margin-left-96 {
33490
- margin-left: 96px !important;
33639
+ .adl-u-justify-content-right {
33640
+ justify-content: right !important;
33491
33641
  }
33492
- .adl-u-margin-right-96 {
33493
- margin-right: 96px !important;
33642
+ .adl-u-justify-content-space-between {
33643
+ justify-content: space-between !important;
33494
33644
  }
33495
- .adl-u-margin-top-96 {
33496
- margin-top: 96px !important;
33645
+ .adl-u-justify-content-space-around {
33646
+ justify-content: space-around !important;
33497
33647
  }
33498
- .adl-u-margin-x-96 {
33499
- margin-left: 96px !important;
33500
- margin-right: 96px !important;
33648
+ .adl-u-justify-content-space-evenly {
33649
+ justify-content: space-evenly !important;
33501
33650
  }
33502
- .adl-u-margin-y-96 {
33503
- margin-bottom: 96px !important;
33504
- margin-top: 96px !important;
33651
+ .adl-u-justify-content-stretch {
33652
+ justify-content: stretch !important;
33505
33653
  }
33506
- .adl-u-margin-0 {
33507
- margin: 0 !important;
33654
+ .adl-u-flex-1 {
33655
+ flex: 1 !important;
33508
33656
  }
33509
- .adl-u-margin-bottom-0 {
33510
- margin-bottom: 0 !important;
33657
+ .adl-u-width-full {
33658
+ width: 100% !important;
33511
33659
  }
33512
- .adl-u-margin-left-0 {
33513
- margin-left: 0 !important;
33660
+ .adl-u-width-auto {
33661
+ width: auto !important;
33514
33662
  }
33515
- .adl-u-margin-right-0 {
33516
- margin-right: 0 !important;
33663
+ .adl-loader__wrapper {
33664
+ align-items: center;
33665
+ display: flex;
33666
+ height: 100%;
33667
+ justify-content: center;
33517
33668
  }
33518
- .adl-u-margin-top-0 {
33519
- margin-top: 0 !important;
33669
+ .adl-loader__wrapper--inline {
33670
+ display: inline-block;
33671
+ height: auto;
33672
+ margin-right: 8px;
33520
33673
  }
33521
- .adl-u-margin-x-0 {
33522
- margin-left: 0 !important;
33523
- margin-right: 0 !important;
33674
+ .adl-loading-indicator {
33675
+ color: #00112c;
33676
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
33677
+ font-size: 15px;
33678
+ -webkit-font-smoothing: antialiased;
33679
+ -moz-osx-font-smoothing: grayscale;
33680
+ font-weight: 400;
33681
+ line-height: 1.4;
33682
+ box-sizing: border-box;
33683
+ display: inline-block;
33684
+ font-size: 15px;
33685
+ font-weight: 100;
33686
+ min-height: 24px;
33687
+ min-width: 24px;
33688
+ position: relative;
33524
33689
  }
33525
- .adl-u-margin-y-0 {
33526
- margin-bottom: 0 !important;
33527
- margin-top: 0 !important;
33690
+ .adl-loading-indicator *,
33691
+ .adl-loading-indicator *::before,
33692
+ .adl-loading-indicator *::after {
33693
+ box-sizing: border-box;
33528
33694
  }
33529
- .adl-u-margin-auto {
33530
- margin: auto !important;
33695
+ .adl-loading-indicator::after {
33696
+ animation: adl-progress-circular-rotate 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
33697
+ border: 3px solid #dce0e5;
33698
+ border-radius: 50%;
33699
+ border-top-color: #06f;
33700
+ box-sizing: border-box;
33701
+ content: "";
33702
+ display: block;
33703
+ height: 100%;
33704
+ left: 0;
33705
+ min-height: 24px;
33706
+ min-width: 24px;
33707
+ position: absolute;
33708
+ top: 0;
33709
+ width: 100%;
33531
33710
  }
33532
- .adl-u-margin-bottom-auto {
33533
- margin-bottom: auto !important;
33711
+ .adl-loading-indicator::before {
33712
+ box-sizing: border-box;
33534
33713
  }
33535
- .adl-u-margin-left-auto {
33536
- margin-left: auto !important;
33714
+ .adl-loading-indicator--xsmall {
33715
+ min-height: 14px;
33716
+ min-width: 14px;
33717
+ padding: 7px;
33537
33718
  }
33538
- .adl-u-margin-right-auto {
33539
- margin-right: auto !important;
33719
+ .adl-loading-indicator--xsmall::after {
33720
+ border-width: 2px;
33721
+ min-height: 14px;
33722
+ min-width: 14px;
33540
33723
  }
33541
- .adl-u-margin-top-auto {
33542
- margin-top: auto !important;
33724
+ .adl-loading-indicator--dot::before {
33725
+ background: #06f;
33726
+ border-radius: 50%;
33727
+ content: "";
33728
+ display: block;
33729
+ left: 4px;
33730
+ min-height: 6px;
33731
+ min-width: 6px;
33732
+ position: absolute;
33733
+ top: 4px;
33543
33734
  }
33544
- .adl-u-margin-x-auto {
33545
- margin-left: auto !important;
33546
- margin-right: auto !important;
33735
+ .adl-loading-indicator--small {
33736
+ padding: 12px;
33547
33737
  }
33548
- .adl-u-margin-y-auto {
33549
- margin-bottom: auto !important;
33550
- margin-top: auto !important;
33738
+ .adl-loading-indicator--medium {
33739
+ padding: 18px;
33551
33740
  }
33552
- .adl-u-box-sizing-border-box {
33553
- box-sizing: border-box !important;
33741
+ .adl-loading-indicator--large {
33742
+ padding: 24px;
33554
33743
  }
33555
- /* #region Spacing */
33744
+ @keyframes adl-progress-circular-rotate {
33745
+ 0% {
33746
+ transform: rotate(0deg);
33747
+ }
33748
+ 100% {
33749
+ transform: rotate(360deg);
33750
+ }
33751
+ }/* #region Spacing */
33556
33752
  /* #endregion */
33557
33753
  /* #region Colors */
33558
33754
  /* #endregion */
@@ -33574,16 +33770,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33574
33770
  /* #endregion */
33575
33771
  /* #region Inline components */
33576
33772
  /* #endregion */
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-pointer-events-none {
33582
- pointer-events: none !important;
33583
- }
33584
- .adl-u-pointer-events-auto {
33585
- pointer-events: auto !important;
33586
- }
33587
33773
  /* #region Spacing */
33588
33774
  /* #endregion */
33589
33775
  /* #region Colors */
@@ -33606,6 +33792,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33606
33792
  /* #endregion */
33607
33793
  /* #region Inline components */
33608
33794
  /* #endregion */
33795
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33796
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33797
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33798
+ /* stylelint-disable-line scss/dollar-variable-pattern */
33609
33799
  /* #region Spacing */
33610
33800
  /* #endregion */
33611
33801
  /* #region Colors */
@@ -33632,52 +33822,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33632
33822
  /* stylelint-disable-line scss/dollar-variable-pattern */
33633
33823
  /* stylelint-disable-line scss/dollar-variable-pattern */
33634
33824
  /* stylelint-disable-line scss/dollar-variable-pattern */
33635
- .adl-u-font-size-small {
33636
- font-size: 13px !important;
33637
- }
33638
- .adl-u-font-size-medium {
33639
- font-size: 15px !important;
33640
- }
33641
- .adl-u-font-size-large {
33642
- font-size: 21px !important;
33643
- }
33644
- .adl-u-font-size-xlarge {
33645
- font-size: 30px !important;
33646
- }
33647
- .adl-u-font-size-xxlarge {
33648
- font-size: 45px !important;
33649
- }
33650
- .adl-u-font-size-inherit {
33651
- font-size: inherit !important;
33652
- }
33653
- .adl-u-font-weight-thin {
33654
- font-weight: 100 !important;
33655
- }
33656
- .adl-u-font-weight-regular {
33657
- font-weight: 400 !important;
33658
- }
33659
- .adl-u-font-weight-medium {
33660
- font-weight: 500 !important;
33661
- }
33662
- .adl-u-font-weight-semi-bold {
33663
- font-weight: 600 !important;
33664
- }
33665
- .adl-u-white-space-normal {
33666
- white-space: normal !important;
33667
- }
33668
- .adl-u-white-space-nowrap {
33669
- white-space: nowrap !important;
33670
- }
33671
- .adl-u-white-space-pre-wrap {
33672
- white-space: pre-wrap !important;
33673
- }
33674
- .adl-u-truncate {
33675
- overflow: hidden !important;
33676
- text-overflow: ellipsis !important;
33677
- }
33678
- .adl-u-word-break-break-word {
33679
- word-break: break-word !important;
33680
- }
33681
33825
  /* #region Spacing */
33682
33826
  /* #endregion */
33683
33827
  /* #region Colors */
@@ -33700,40 +33844,20 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33700
33844
  /* #endregion */
33701
33845
  /* #region Inline components */
33702
33846
  /* #endregion */
33703
- /* stylelint-disable-line scss/dollar-variable-pattern */
33704
- /* stylelint-disable-line scss/dollar-variable-pattern */
33705
- /* stylelint-disable-line scss/dollar-variable-pattern */
33706
- /* stylelint-disable-line scss/dollar-variable-pattern */
33707
- .adl-u-visibility-visible {
33708
- visibility: visible !important;
33709
- }
33710
- .adl-u-visibility-hidden {
33711
- visibility: hidden !important;
33712
- }
33713
- .adl-u-display-none {
33714
- display: none !important;
33715
- }
33716
- .adl-u-display-initial {
33717
- display: initial !important;
33718
- }
33719
- .adl-u-display-inline {
33720
- display: inline !important;
33721
- }
33722
- .adl-u-display-inline-block {
33723
- display: inline-block !important;
33724
- }
33725
- .adl-u-display-block {
33726
- display: block !important;
33727
- }
33728
- .adl-u-display-table {
33729
- display: table !important;
33730
- }
33731
- .adl-u-display-table-row {
33732
- display: table-row !important;
33733
- }
33734
- .adl-u-display-table-cell {
33735
- display: table-cell !important;
33736
- }
33847
+ /* Reset */
33848
+ /* Regular - Dimensions */
33849
+ /* Regular - Fonts */
33850
+ /* Shared - Styles */
33851
+ /* Shared - Colors */
33852
+ /* Small - Styles */
33853
+ /* Small - Dimensions */
33854
+ /* Small - Fonts */
33855
+ /* State */
33856
+ /* Shadow */
33857
+ /* Motion */
33858
+ /* Loader */
33859
+ /* Circle */
33860
+ /* Label Hover box */
33737
33861
  /* #region Spacing */
33738
33862
  /* #endregion */
33739
33863
  /* #region Colors */
@@ -33760,93 +33884,133 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
33760
33884
  /* stylelint-disable-line scss/dollar-variable-pattern */
33761
33885
  /* stylelint-disable-line scss/dollar-variable-pattern */
33762
33886
  /* 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;
33887
+ .adl-tag {
33888
+ color: #00112c;
33889
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
33890
+ font-size: 15px;
33891
+ -webkit-font-smoothing: antialiased;
33892
+ -moz-osx-font-smoothing: grayscale;
33893
+ font-weight: 400;
33894
+ line-height: 1.4;
33895
+ background: #f3f6f9;
33896
+ border: 1px solid #dce0e5;
33897
+ border-radius: 0;
33898
+ color: #394962;
33899
+ display: inline-block;
33900
+ font-size: 12px;
33901
+ font-weight: 600;
33902
+ height: 24px;
33903
+ line-height: 24px;
33904
+ padding: 0 8px;
33905
+ text-decoration: none;
33906
+ vertical-align: baseline;
33907
+ white-space: nowrap;
33792
33908
  }
33793
- .adl-u-align-items-flex-end {
33794
- align-items: flex-end !important;
33909
+ .adl-tag *,
33910
+ .adl-tag *::before,
33911
+ .adl-tag *::after {
33912
+ box-sizing: border-box;
33795
33913
  }
33796
- .adl-u-align-items-center {
33797
- align-items: center !important;
33914
+ .adl-tag--dark {
33915
+ background: #394962;
33916
+ border: 1px solid #20304c;
33917
+ color: #fff;
33798
33918
  }
33799
- .adl-u-align-items-stretch {
33800
- align-items: stretch !important;
33919
+ .adl-tag--dark.adl-tag--removable:active {
33920
+ background-color: #384861 !important;
33801
33921
  }
33802
- .adl-u-align-items-baseline {
33803
- align-items: baseline !important;
33922
+ .adl-tag--blue {
33923
+ background: #e6f0ff;
33924
+ border: 1px solid #cce0ff;
33925
+ color: #06f;
33804
33926
  }
33805
- .adl-u-align-items-end {
33806
- align-items: end !important;
33927
+ .adl-tag--blue.adl-tag--removable:active {
33928
+ background-color: #e1ecfb !important;
33807
33929
  }
33808
- .adl-u-justify-content-center {
33809
- justify-content: center !important;
33930
+ .adl-tag--red {
33931
+ background: #fce5e5;
33932
+ border: 1px solid #facccc;
33933
+ color: #a10000;
33810
33934
  }
33811
- .adl-u-justify-content-flex-start {
33812
- justify-content: flex-start !important;
33935
+ .adl-tag--red.adl-tag--removable:active {
33936
+ background-color: #f7e1e1 !important;
33813
33937
  }
33814
- .adl-u-justify-content-flex-end {
33815
- justify-content: flex-end !important;
33938
+ .adl-tag--orange {
33939
+ background: #fff4e5;
33940
+ border: 1px solid #ffeacc;
33941
+ color: #b36900;
33816
33942
  }
33817
- .adl-u-justify-content-start {
33818
- justify-content: start !important;
33943
+ .adl-tag--orange.adl-tag--removable:active {
33944
+ background-color: #faefe1 !important;
33819
33945
  }
33820
- .adl-u-justify-content-end {
33821
- justify-content: end !important;
33946
+ .adl-tag--green {
33947
+ background: #e6f8ed;
33948
+ border: 1px solid #cef2dd;
33949
+ color: #07863a;
33822
33950
  }
33823
- .adl-u-justify-content-left {
33824
- justify-content: left !important;
33951
+ .adl-tag--green.adl-tag--removable:active {
33952
+ background-color: #e1f3e9 !important;
33825
33953
  }
33826
- .adl-u-justify-content-right {
33827
- justify-content: right !important;
33954
+ .adl-tag--purple {
33955
+ background: #f2e5ff;
33956
+ border: 1px solid #e6ccff;
33957
+ color: #8000ff;
33828
33958
  }
33829
- .adl-u-justify-content-space-between {
33830
- justify-content: space-between !important;
33959
+ .adl-tag--purple.adl-tag--removable:active {
33960
+ background-color: #ede1fb !important;
33831
33961
  }
33832
- .adl-u-justify-content-space-around {
33833
- justify-content: space-around !important;
33962
+ .adl-tag--mint {
33963
+ background: #e6fdf7;
33964
+ border: 1px solid #cdfaef;
33965
+ color: #027458;
33834
33966
  }
33835
- .adl-u-justify-content-space-evenly {
33836
- justify-content: space-evenly !important;
33967
+ .adl-tag--mint.adl-tag--removable:active {
33968
+ background-color: #e1f8f3 !important;
33837
33969
  }
33838
- .adl-u-justify-content-stretch {
33839
- justify-content: stretch !important;
33970
+ .adl-tag--teal {
33971
+ background: #eef9f9;
33972
+ border: 1px solid #eef9f9;
33973
+ color: #eef9f9;
33840
33974
  }
33841
- .adl-u-flex-1 {
33842
- flex: 1 !important;
33975
+ .adl-tag--teal.adl-tag--removable:active {
33976
+ background-color: #e9f4f5 !important;
33843
33977
  }
33844
- .adl-u-width-full {
33845
- width: 100% !important;
33978
+ .adl-tag--light-blue {
33979
+ background: #e6f0ff;
33980
+ border: 1px solid #e6f0ff;
33981
+ color: #e6f0ff;
33846
33982
  }
33847
- .adl-u-width-auto {
33848
- width: auto !important;
33983
+ .adl-tag--light-blue.adl-tag--removable:active {
33984
+ background-color: #e1ecfb !important;
33849
33985
  }
33986
+ .adl-tag--basic {
33987
+ border-radius: 4px;
33988
+ border-style: none;
33989
+ color: #394962;
33990
+ font-size: 14px;
33991
+ font-weight: 400;
33992
+ }/* #region Spacing */
33993
+ /* #endregion */
33994
+ /* #region Colors */
33995
+ /* #endregion */
33996
+ /* #region Fonts */
33997
+ /* #endregion */
33998
+ /* #region Borders */
33999
+ /* #endregion */
34000
+ /* #region Box-shadow */
34001
+ /* #endregion */
34002
+ /* #region Shadows */
34003
+ /* #endregion */
34004
+ /* #region Z-index */
34005
+ /* #endregion */
34006
+ /* #region Transition */
34007
+ /* #endregion */
34008
+ /* #region Timing functions */
34009
+ /* #endregion */
34010
+ /* #region Focus ring */
34011
+ /* #endregion */
34012
+ /* #region Inline components */
34013
+ /* #endregion */
33850
34014
  /* #region Spacing */
33851
34015
  /* #endregion */
33852
34016
  /* #region Colors */
@@ -35132,662 +35296,279 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35132
35296
  margin-bottom: 24px !important;
35133
35297
  }
35134
35298
  .adl-u-margin-left-24 {
35135
- margin-left: 24px !important;
35136
- }
35137
- .adl-u-margin-right-24 {
35138
- margin-right: 24px !important;
35139
- }
35140
- .adl-u-margin-top-24 {
35141
- margin-top: 24px !important;
35142
- }
35143
- .adl-u-margin-x-24 {
35144
- margin-left: 24px !important;
35145
- margin-right: 24px !important;
35146
- }
35147
- .adl-u-margin-y-24 {
35148
- margin-bottom: 24px !important;
35149
- margin-top: 24px !important;
35150
- }
35151
- .adl-u-margin-32 {
35152
- margin: 32px !important;
35153
- }
35154
- .adl-u-margin-bottom-32 {
35155
- margin-bottom: 32px !important;
35156
- }
35157
- .adl-u-margin-left-32 {
35158
- margin-left: 32px !important;
35159
- }
35160
- .adl-u-margin-right-32 {
35161
- margin-right: 32px !important;
35162
- }
35163
- .adl-u-margin-top-32 {
35164
- margin-top: 32px !important;
35165
- }
35166
- .adl-u-margin-x-32 {
35167
- margin-left: 32px !important;
35168
- margin-right: 32px !important;
35169
- }
35170
- .adl-u-margin-y-32 {
35171
- margin-bottom: 32px !important;
35172
- margin-top: 32px !important;
35173
- }
35174
- .adl-u-margin-40 {
35175
- margin: 40px !important;
35176
- }
35177
- .adl-u-margin-bottom-40 {
35178
- margin-bottom: 40px !important;
35179
- }
35180
- .adl-u-margin-left-40 {
35181
- margin-left: 40px !important;
35182
- }
35183
- .adl-u-margin-right-40 {
35184
- margin-right: 40px !important;
35185
- }
35186
- .adl-u-margin-top-40 {
35187
- margin-top: 40px !important;
35188
- }
35189
- .adl-u-margin-x-40 {
35190
- margin-left: 40px !important;
35191
- margin-right: 40px !important;
35192
- }
35193
- .adl-u-margin-y-40 {
35194
- margin-bottom: 40px !important;
35195
- margin-top: 40px !important;
35196
- }
35197
- .adl-u-margin-48 {
35198
- margin: 48px !important;
35199
- }
35200
- .adl-u-margin-bottom-48 {
35201
- margin-bottom: 48px !important;
35202
- }
35203
- .adl-u-margin-left-48 {
35204
- margin-left: 48px !important;
35205
- }
35206
- .adl-u-margin-right-48 {
35207
- margin-right: 48px !important;
35208
- }
35209
- .adl-u-margin-top-48 {
35210
- margin-top: 48px !important;
35211
- }
35212
- .adl-u-margin-x-48 {
35213
- margin-left: 48px !important;
35214
- margin-right: 48px !important;
35215
- }
35216
- .adl-u-margin-y-48 {
35217
- margin-bottom: 48px !important;
35218
- margin-top: 48px !important;
35219
- }
35220
- .adl-u-margin-56 {
35221
- margin: 56px !important;
35222
- }
35223
- .adl-u-margin-bottom-56 {
35224
- margin-bottom: 56px !important;
35225
- }
35226
- .adl-u-margin-left-56 {
35227
- margin-left: 56px !important;
35228
- }
35229
- .adl-u-margin-right-56 {
35230
- margin-right: 56px !important;
35231
- }
35232
- .adl-u-margin-top-56 {
35233
- margin-top: 56px !important;
35234
- }
35235
- .adl-u-margin-x-56 {
35236
- margin-left: 56px !important;
35237
- margin-right: 56px !important;
35238
- }
35239
- .adl-u-margin-y-56 {
35240
- margin-bottom: 56px !important;
35241
- margin-top: 56px !important;
35242
- }
35243
- .adl-u-margin-64 {
35244
- margin: 64px !important;
35245
- }
35246
- .adl-u-margin-bottom-64 {
35247
- margin-bottom: 64px !important;
35248
- }
35249
- .adl-u-margin-left-64 {
35250
- margin-left: 64px !important;
35251
- }
35252
- .adl-u-margin-right-64 {
35253
- margin-right: 64px !important;
35254
- }
35255
- .adl-u-margin-top-64 {
35256
- margin-top: 64px !important;
35257
- }
35258
- .adl-u-margin-x-64 {
35259
- margin-left: 64px !important;
35260
- margin-right: 64px !important;
35261
- }
35262
- .adl-u-margin-y-64 {
35263
- margin-bottom: 64px !important;
35264
- margin-top: 64px !important;
35265
- }
35266
- .adl-u-margin-72 {
35267
- margin: 72px !important;
35268
- }
35269
- .adl-u-margin-bottom-72 {
35270
- margin-bottom: 72px !important;
35271
- }
35272
- .adl-u-margin-left-72 {
35273
- margin-left: 72px !important;
35274
- }
35275
- .adl-u-margin-right-72 {
35276
- margin-right: 72px !important;
35277
- }
35278
- .adl-u-margin-top-72 {
35279
- margin-top: 72px !important;
35280
- }
35281
- .adl-u-margin-x-72 {
35282
- margin-left: 72px !important;
35283
- margin-right: 72px !important;
35284
- }
35285
- .adl-u-margin-y-72 {
35286
- margin-bottom: 72px !important;
35287
- margin-top: 72px !important;
35288
- }
35289
- .adl-u-margin-80 {
35290
- margin: 80px !important;
35291
- }
35292
- .adl-u-margin-bottom-80 {
35293
- margin-bottom: 80px !important;
35294
- }
35295
- .adl-u-margin-left-80 {
35296
- margin-left: 80px !important;
35297
- }
35298
- .adl-u-margin-right-80 {
35299
- margin-right: 80px !important;
35300
- }
35301
- .adl-u-margin-top-80 {
35302
- margin-top: 80px !important;
35303
- }
35304
- .adl-u-margin-x-80 {
35305
- margin-left: 80px !important;
35306
- margin-right: 80px !important;
35307
- }
35308
- .adl-u-margin-y-80 {
35309
- margin-bottom: 80px !important;
35310
- margin-top: 80px !important;
35311
- }
35312
- .adl-u-margin-88 {
35313
- margin: 88px !important;
35314
- }
35315
- .adl-u-margin-bottom-88 {
35316
- margin-bottom: 88px !important;
35317
- }
35318
- .adl-u-margin-left-88 {
35319
- margin-left: 88px !important;
35320
- }
35321
- .adl-u-margin-right-88 {
35322
- margin-right: 88px !important;
35323
- }
35324
- .adl-u-margin-top-88 {
35325
- margin-top: 88px !important;
35326
- }
35327
- .adl-u-margin-x-88 {
35328
- margin-left: 88px !important;
35329
- margin-right: 88px !important;
35330
- }
35331
- .adl-u-margin-y-88 {
35332
- margin-bottom: 88px !important;
35333
- margin-top: 88px !important;
35334
- }
35335
- .adl-u-margin-96 {
35336
- margin: 96px !important;
35337
- }
35338
- .adl-u-margin-bottom-96 {
35339
- margin-bottom: 96px !important;
35340
- }
35341
- .adl-u-margin-left-96 {
35342
- margin-left: 96px !important;
35343
- }
35344
- .adl-u-margin-right-96 {
35345
- margin-right: 96px !important;
35346
- }
35347
- .adl-u-margin-top-96 {
35348
- margin-top: 96px !important;
35349
- }
35350
- .adl-u-margin-x-96 {
35351
- margin-left: 96px !important;
35352
- margin-right: 96px !important;
35353
- }
35354
- .adl-u-margin-y-96 {
35355
- margin-bottom: 96px !important;
35356
- margin-top: 96px !important;
35357
- }
35358
- .adl-u-margin-0 {
35359
- margin: 0 !important;
35360
- }
35361
- .adl-u-margin-bottom-0 {
35362
- margin-bottom: 0 !important;
35299
+ margin-left: 24px !important;
35363
35300
  }
35364
- .adl-u-margin-left-0 {
35365
- margin-left: 0 !important;
35301
+ .adl-u-margin-right-24 {
35302
+ margin-right: 24px !important;
35366
35303
  }
35367
- .adl-u-margin-right-0 {
35368
- margin-right: 0 !important;
35304
+ .adl-u-margin-top-24 {
35305
+ margin-top: 24px !important;
35369
35306
  }
35370
- .adl-u-margin-top-0 {
35371
- margin-top: 0 !important;
35307
+ .adl-u-margin-x-24 {
35308
+ margin-left: 24px !important;
35309
+ margin-right: 24px !important;
35372
35310
  }
35373
- .adl-u-margin-x-0 {
35374
- margin-left: 0 !important;
35375
- margin-right: 0 !important;
35311
+ .adl-u-margin-y-24 {
35312
+ margin-bottom: 24px !important;
35313
+ margin-top: 24px !important;
35376
35314
  }
35377
- .adl-u-margin-y-0 {
35378
- margin-bottom: 0 !important;
35379
- margin-top: 0 !important;
35315
+ .adl-u-margin-32 {
35316
+ margin: 32px !important;
35380
35317
  }
35381
- .adl-u-margin-auto {
35382
- margin: auto !important;
35318
+ .adl-u-margin-bottom-32 {
35319
+ margin-bottom: 32px !important;
35383
35320
  }
35384
- .adl-u-margin-bottom-auto {
35385
- margin-bottom: auto !important;
35321
+ .adl-u-margin-left-32 {
35322
+ margin-left: 32px !important;
35386
35323
  }
35387
- .adl-u-margin-left-auto {
35388
- margin-left: auto !important;
35324
+ .adl-u-margin-right-32 {
35325
+ margin-right: 32px !important;
35389
35326
  }
35390
- .adl-u-margin-right-auto {
35391
- margin-right: auto !important;
35327
+ .adl-u-margin-top-32 {
35328
+ margin-top: 32px !important;
35392
35329
  }
35393
- .adl-u-margin-top-auto {
35394
- margin-top: auto !important;
35330
+ .adl-u-margin-x-32 {
35331
+ margin-left: 32px !important;
35332
+ margin-right: 32px !important;
35395
35333
  }
35396
- .adl-u-margin-x-auto {
35397
- margin-left: auto !important;
35398
- margin-right: auto !important;
35334
+ .adl-u-margin-y-32 {
35335
+ margin-bottom: 32px !important;
35336
+ margin-top: 32px !important;
35399
35337
  }
35400
- .adl-u-margin-y-auto {
35401
- margin-bottom: auto !important;
35402
- margin-top: auto !important;
35338
+ .adl-u-margin-40 {
35339
+ margin: 40px !important;
35403
35340
  }
35404
- .adl-u-box-sizing-border-box {
35405
- box-sizing: border-box !important;
35341
+ .adl-u-margin-bottom-40 {
35342
+ margin-bottom: 40px !important;
35406
35343
  }
35407
- /* #region Spacing */
35408
- /* #endregion */
35409
- /* #region Colors */
35410
- /* #endregion */
35411
- /* #region Fonts */
35412
- /* #endregion */
35413
- /* #region Borders */
35414
- /* #endregion */
35415
- /* #region Box-shadow */
35416
- /* #endregion */
35417
- /* #region Shadows */
35418
- /* #endregion */
35419
- /* #region Z-index */
35420
- /* #endregion */
35421
- /* #region Transition */
35422
- /* #endregion */
35423
- /* #region Timing functions */
35424
- /* #endregion */
35425
- /* #region Focus ring */
35426
- /* #endregion */
35427
- /* #region Inline components */
35428
- /* #endregion */
35429
- /* stylelint-disable-line scss/dollar-variable-pattern */
35430
- /* stylelint-disable-line scss/dollar-variable-pattern */
35431
- /* stylelint-disable-line scss/dollar-variable-pattern */
35432
- /* stylelint-disable-line scss/dollar-variable-pattern */
35433
- .adl-u-pointer-events-none {
35434
- pointer-events: none !important;
35344
+ .adl-u-margin-left-40 {
35345
+ margin-left: 40px !important;
35435
35346
  }
35436
- .adl-u-pointer-events-auto {
35437
- pointer-events: auto !important;
35347
+ .adl-u-margin-right-40 {
35348
+ margin-right: 40px !important;
35438
35349
  }
35439
- /* #region Spacing */
35440
- /* #endregion */
35441
- /* #region Colors */
35442
- /* #endregion */
35443
- /* #region Fonts */
35444
- /* #endregion */
35445
- /* #region Borders */
35446
- /* #endregion */
35447
- /* #region Box-shadow */
35448
- /* #endregion */
35449
- /* #region Shadows */
35450
- /* #endregion */
35451
- /* #region Z-index */
35452
- /* #endregion */
35453
- /* #region Transition */
35454
- /* #endregion */
35455
- /* #region Timing functions */
35456
- /* #endregion */
35457
- /* #region Focus ring */
35458
- /* #endregion */
35459
- /* #region Inline components */
35460
- /* #endregion */
35461
- /* #region Spacing */
35462
- /* #endregion */
35463
- /* #region Colors */
35464
- /* #endregion */
35465
- /* #region Fonts */
35466
- /* #endregion */
35467
- /* #region Borders */
35468
- /* #endregion */
35469
- /* #region Box-shadow */
35470
- /* #endregion */
35471
- /* #region Shadows */
35472
- /* #endregion */
35473
- /* #region Z-index */
35474
- /* #endregion */
35475
- /* #region Transition */
35476
- /* #endregion */
35477
- /* #region Timing functions */
35478
- /* #endregion */
35479
- /* #region Focus ring */
35480
- /* #endregion */
35481
- /* #region Inline components */
35482
- /* #endregion */
35483
- /* stylelint-disable-line scss/dollar-variable-pattern */
35484
- /* stylelint-disable-line scss/dollar-variable-pattern */
35485
- /* stylelint-disable-line scss/dollar-variable-pattern */
35486
- /* stylelint-disable-line scss/dollar-variable-pattern */
35487
- .adl-u-font-size-small {
35488
- font-size: 13px !important;
35350
+ .adl-u-margin-top-40 {
35351
+ margin-top: 40px !important;
35489
35352
  }
35490
- .adl-u-font-size-medium {
35491
- font-size: 15px !important;
35353
+ .adl-u-margin-x-40 {
35354
+ margin-left: 40px !important;
35355
+ margin-right: 40px !important;
35492
35356
  }
35493
- .adl-u-font-size-large {
35494
- font-size: 21px !important;
35357
+ .adl-u-margin-y-40 {
35358
+ margin-bottom: 40px !important;
35359
+ margin-top: 40px !important;
35495
35360
  }
35496
- .adl-u-font-size-xlarge {
35497
- font-size: 30px !important;
35361
+ .adl-u-margin-48 {
35362
+ margin: 48px !important;
35498
35363
  }
35499
- .adl-u-font-size-xxlarge {
35500
- font-size: 45px !important;
35364
+ .adl-u-margin-bottom-48 {
35365
+ margin-bottom: 48px !important;
35501
35366
  }
35502
- .adl-u-font-size-inherit {
35503
- font-size: inherit !important;
35367
+ .adl-u-margin-left-48 {
35368
+ margin-left: 48px !important;
35504
35369
  }
35505
- .adl-u-font-weight-thin {
35506
- font-weight: 100 !important;
35370
+ .adl-u-margin-right-48 {
35371
+ margin-right: 48px !important;
35507
35372
  }
35508
- .adl-u-font-weight-regular {
35509
- font-weight: 400 !important;
35373
+ .adl-u-margin-top-48 {
35374
+ margin-top: 48px !important;
35510
35375
  }
35511
- .adl-u-font-weight-medium {
35512
- font-weight: 500 !important;
35376
+ .adl-u-margin-x-48 {
35377
+ margin-left: 48px !important;
35378
+ margin-right: 48px !important;
35513
35379
  }
35514
- .adl-u-font-weight-semi-bold {
35515
- font-weight: 600 !important;
35380
+ .adl-u-margin-y-48 {
35381
+ margin-bottom: 48px !important;
35382
+ margin-top: 48px !important;
35516
35383
  }
35517
- .adl-u-white-space-normal {
35518
- white-space: normal !important;
35384
+ .adl-u-margin-56 {
35385
+ margin: 56px !important;
35519
35386
  }
35520
- .adl-u-white-space-nowrap {
35521
- white-space: nowrap !important;
35387
+ .adl-u-margin-bottom-56 {
35388
+ margin-bottom: 56px !important;
35522
35389
  }
35523
- .adl-u-white-space-pre-wrap {
35524
- white-space: pre-wrap !important;
35390
+ .adl-u-margin-left-56 {
35391
+ margin-left: 56px !important;
35525
35392
  }
35526
- .adl-u-truncate {
35527
- overflow: hidden !important;
35528
- text-overflow: ellipsis !important;
35393
+ .adl-u-margin-right-56 {
35394
+ margin-right: 56px !important;
35529
35395
  }
35530
- .adl-u-word-break-break-word {
35531
- word-break: break-word !important;
35396
+ .adl-u-margin-top-56 {
35397
+ margin-top: 56px !important;
35532
35398
  }
35533
- /* #region Spacing */
35534
- /* #endregion */
35535
- /* #region Colors */
35536
- /* #endregion */
35537
- /* #region Fonts */
35538
- /* #endregion */
35539
- /* #region Borders */
35540
- /* #endregion */
35541
- /* #region Box-shadow */
35542
- /* #endregion */
35543
- /* #region Shadows */
35544
- /* #endregion */
35545
- /* #region Z-index */
35546
- /* #endregion */
35547
- /* #region Transition */
35548
- /* #endregion */
35549
- /* #region Timing functions */
35550
- /* #endregion */
35551
- /* #region Focus ring */
35552
- /* #endregion */
35553
- /* #region Inline components */
35554
- /* #endregion */
35555
- /* stylelint-disable-line scss/dollar-variable-pattern */
35556
- /* stylelint-disable-line scss/dollar-variable-pattern */
35557
- /* stylelint-disable-line scss/dollar-variable-pattern */
35558
- /* stylelint-disable-line scss/dollar-variable-pattern */
35559
- .adl-u-visibility-visible {
35560
- visibility: visible !important;
35399
+ .adl-u-margin-x-56 {
35400
+ margin-left: 56px !important;
35401
+ margin-right: 56px !important;
35561
35402
  }
35562
- .adl-u-visibility-hidden {
35563
- visibility: hidden !important;
35403
+ .adl-u-margin-y-56 {
35404
+ margin-bottom: 56px !important;
35405
+ margin-top: 56px !important;
35564
35406
  }
35565
- .adl-u-display-none {
35566
- display: none !important;
35407
+ .adl-u-margin-64 {
35408
+ margin: 64px !important;
35567
35409
  }
35568
- .adl-u-display-initial {
35569
- display: initial !important;
35410
+ .adl-u-margin-bottom-64 {
35411
+ margin-bottom: 64px !important;
35570
35412
  }
35571
- .adl-u-display-inline {
35572
- display: inline !important;
35413
+ .adl-u-margin-left-64 {
35414
+ margin-left: 64px !important;
35573
35415
  }
35574
- .adl-u-display-inline-block {
35575
- display: inline-block !important;
35416
+ .adl-u-margin-right-64 {
35417
+ margin-right: 64px !important;
35576
35418
  }
35577
- .adl-u-display-block {
35578
- display: block !important;
35419
+ .adl-u-margin-top-64 {
35420
+ margin-top: 64px !important;
35579
35421
  }
35580
- .adl-u-display-table {
35581
- display: table !important;
35422
+ .adl-u-margin-x-64 {
35423
+ margin-left: 64px !important;
35424
+ margin-right: 64px !important;
35582
35425
  }
35583
- .adl-u-display-table-row {
35584
- display: table-row !important;
35426
+ .adl-u-margin-y-64 {
35427
+ margin-bottom: 64px !important;
35428
+ margin-top: 64px !important;
35585
35429
  }
35586
- .adl-u-display-table-cell {
35587
- display: table-cell !important;
35430
+ .adl-u-margin-72 {
35431
+ margin: 72px !important;
35588
35432
  }
35589
- /* #region Spacing */
35590
- /* #endregion */
35591
- /* #region Colors */
35592
- /* #endregion */
35593
- /* #region Fonts */
35594
- /* #endregion */
35595
- /* #region Borders */
35596
- /* #endregion */
35597
- /* #region Box-shadow */
35598
- /* #endregion */
35599
- /* #region Shadows */
35600
- /* #endregion */
35601
- /* #region Z-index */
35602
- /* #endregion */
35603
- /* #region Transition */
35604
- /* #endregion */
35605
- /* #region Timing functions */
35606
- /* #endregion */
35607
- /* #region Focus ring */
35608
- /* #endregion */
35609
- /* #region Inline components */
35610
- /* #endregion */
35611
- /* stylelint-disable-line scss/dollar-variable-pattern */
35612
- /* stylelint-disable-line scss/dollar-variable-pattern */
35613
- /* stylelint-disable-line scss/dollar-variable-pattern */
35614
- /* stylelint-disable-line scss/dollar-variable-pattern */
35615
- .adl-u-display-flex {
35616
- display: flex !important;
35433
+ .adl-u-margin-bottom-72 {
35434
+ margin-bottom: 72px !important;
35617
35435
  }
35618
- .adl-u-display-inline-flex {
35619
- display: inline-flex !important;
35436
+ .adl-u-margin-left-72 {
35437
+ margin-left: 72px !important;
35620
35438
  }
35621
- .adl-u-flex-direction-row {
35622
- flex-direction: row !important;
35439
+ .adl-u-margin-right-72 {
35440
+ margin-right: 72px !important;
35623
35441
  }
35624
- .adl-u-flex-direction-row-reverse {
35625
- flex-direction: row-reverse !important;
35442
+ .adl-u-margin-top-72 {
35443
+ margin-top: 72px !important;
35626
35444
  }
35627
- .adl-u-flex-direction-column {
35628
- flex-direction: column !important;
35445
+ .adl-u-margin-x-72 {
35446
+ margin-left: 72px !important;
35447
+ margin-right: 72px !important;
35629
35448
  }
35630
- .adl-u-flex-direction-column-reverse {
35631
- flex-direction: column-reverse !important;
35449
+ .adl-u-margin-y-72 {
35450
+ margin-bottom: 72px !important;
35451
+ margin-top: 72px !important;
35632
35452
  }
35633
- .adl-u-flex-wrap-wrap {
35634
- flex-wrap: wrap !important;
35453
+ .adl-u-margin-80 {
35454
+ margin: 80px !important;
35635
35455
  }
35636
- .adl-u-flex-wrap-nowrap {
35637
- flex-wrap: nowrap !important;
35456
+ .adl-u-margin-bottom-80 {
35457
+ margin-bottom: 80px !important;
35638
35458
  }
35639
- .adl-u-align-items-start {
35640
- align-items: start !important;
35459
+ .adl-u-margin-left-80 {
35460
+ margin-left: 80px !important;
35641
35461
  }
35642
- .adl-u-align-items-flex-start {
35643
- align-items: flex-start !important;
35462
+ .adl-u-margin-right-80 {
35463
+ margin-right: 80px !important;
35644
35464
  }
35645
- .adl-u-align-items-flex-end {
35646
- align-items: flex-end !important;
35465
+ .adl-u-margin-top-80 {
35466
+ margin-top: 80px !important;
35647
35467
  }
35648
- .adl-u-align-items-center {
35649
- align-items: center !important;
35468
+ .adl-u-margin-x-80 {
35469
+ margin-left: 80px !important;
35470
+ margin-right: 80px !important;
35650
35471
  }
35651
- .adl-u-align-items-stretch {
35652
- align-items: stretch !important;
35472
+ .adl-u-margin-y-80 {
35473
+ margin-bottom: 80px !important;
35474
+ margin-top: 80px !important;
35653
35475
  }
35654
- .adl-u-align-items-baseline {
35655
- align-items: baseline !important;
35476
+ .adl-u-margin-88 {
35477
+ margin: 88px !important;
35656
35478
  }
35657
- .adl-u-align-items-end {
35658
- align-items: end !important;
35479
+ .adl-u-margin-bottom-88 {
35480
+ margin-bottom: 88px !important;
35659
35481
  }
35660
- .adl-u-justify-content-center {
35661
- justify-content: center !important;
35482
+ .adl-u-margin-left-88 {
35483
+ margin-left: 88px !important;
35662
35484
  }
35663
- .adl-u-justify-content-flex-start {
35664
- justify-content: flex-start !important;
35485
+ .adl-u-margin-right-88 {
35486
+ margin-right: 88px !important;
35665
35487
  }
35666
- .adl-u-justify-content-flex-end {
35667
- justify-content: flex-end !important;
35488
+ .adl-u-margin-top-88 {
35489
+ margin-top: 88px !important;
35668
35490
  }
35669
- .adl-u-justify-content-start {
35670
- justify-content: start !important;
35491
+ .adl-u-margin-x-88 {
35492
+ margin-left: 88px !important;
35493
+ margin-right: 88px !important;
35671
35494
  }
35672
- .adl-u-justify-content-end {
35673
- justify-content: end !important;
35495
+ .adl-u-margin-y-88 {
35496
+ margin-bottom: 88px !important;
35497
+ margin-top: 88px !important;
35674
35498
  }
35675
- .adl-u-justify-content-left {
35676
- justify-content: left !important;
35499
+ .adl-u-margin-96 {
35500
+ margin: 96px !important;
35677
35501
  }
35678
- .adl-u-justify-content-right {
35679
- justify-content: right !important;
35502
+ .adl-u-margin-bottom-96 {
35503
+ margin-bottom: 96px !important;
35680
35504
  }
35681
- .adl-u-justify-content-space-between {
35682
- justify-content: space-between !important;
35505
+ .adl-u-margin-left-96 {
35506
+ margin-left: 96px !important;
35683
35507
  }
35684
- .adl-u-justify-content-space-around {
35685
- justify-content: space-around !important;
35508
+ .adl-u-margin-right-96 {
35509
+ margin-right: 96px !important;
35686
35510
  }
35687
- .adl-u-justify-content-space-evenly {
35688
- justify-content: space-evenly !important;
35511
+ .adl-u-margin-top-96 {
35512
+ margin-top: 96px !important;
35689
35513
  }
35690
- .adl-u-justify-content-stretch {
35691
- justify-content: stretch !important;
35514
+ .adl-u-margin-x-96 {
35515
+ margin-left: 96px !important;
35516
+ margin-right: 96px !important;
35692
35517
  }
35693
- .adl-u-flex-1 {
35694
- flex: 1 !important;
35518
+ .adl-u-margin-y-96 {
35519
+ margin-bottom: 96px !important;
35520
+ margin-top: 96px !important;
35695
35521
  }
35696
- .adl-u-width-full {
35697
- width: 100% !important;
35522
+ .adl-u-margin-0 {
35523
+ margin: 0 !important;
35698
35524
  }
35699
- .adl-u-width-auto {
35700
- width: auto !important;
35525
+ .adl-u-margin-bottom-0 {
35526
+ margin-bottom: 0 !important;
35701
35527
  }
35702
- .adl-loader__wrapper {
35703
- align-items: center;
35704
- display: flex;
35705
- height: 100%;
35706
- justify-content: center;
35528
+ .adl-u-margin-left-0 {
35529
+ margin-left: 0 !important;
35707
35530
  }
35708
- .adl-loader__wrapper--inline {
35709
- display: inline-block;
35710
- height: auto;
35711
- margin-right: 8px;
35531
+ .adl-u-margin-right-0 {
35532
+ margin-right: 0 !important;
35712
35533
  }
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;
35534
+ .adl-u-margin-top-0 {
35535
+ margin-top: 0 !important;
35728
35536
  }
35729
- .adl-loading-indicator *,
35730
- .adl-loading-indicator *::before,
35731
- .adl-loading-indicator *::after {
35732
- box-sizing: border-box;
35537
+ .adl-u-margin-x-0 {
35538
+ margin-left: 0 !important;
35539
+ margin-right: 0 !important;
35733
35540
  }
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;
35742
- height: 100%;
35743
- left: 0;
35744
- min-height: 24px;
35745
- min-width: 24px;
35746
- position: absolute;
35747
- top: 0;
35748
- width: 100%;
35541
+ .adl-u-margin-y-0 {
35542
+ margin-bottom: 0 !important;
35543
+ margin-top: 0 !important;
35749
35544
  }
35750
- .adl-loading-indicator::before {
35751
- box-sizing: border-box;
35545
+ .adl-u-margin-auto {
35546
+ margin: auto !important;
35752
35547
  }
35753
- .adl-loading-indicator--xsmall {
35754
- min-height: 14px;
35755
- min-width: 14px;
35756
- padding: 7px;
35548
+ .adl-u-margin-bottom-auto {
35549
+ margin-bottom: auto !important;
35757
35550
  }
35758
- .adl-loading-indicator--xsmall::after {
35759
- border-width: 2px;
35760
- min-height: 14px;
35761
- min-width: 14px;
35551
+ .adl-u-margin-left-auto {
35552
+ margin-left: auto !important;
35762
35553
  }
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;
35771
- position: absolute;
35772
- top: 4px;
35554
+ .adl-u-margin-right-auto {
35555
+ margin-right: auto !important;
35556
+ }
35557
+ .adl-u-margin-top-auto {
35558
+ margin-top: auto !important;
35773
35559
  }
35774
- .adl-loading-indicator--small {
35775
- padding: 12px;
35560
+ .adl-u-margin-x-auto {
35561
+ margin-left: auto !important;
35562
+ margin-right: auto !important;
35776
35563
  }
35777
- .adl-loading-indicator--medium {
35778
- padding: 18px;
35564
+ .adl-u-margin-y-auto {
35565
+ margin-bottom: auto !important;
35566
+ margin-top: auto !important;
35779
35567
  }
35780
- .adl-loading-indicator--large {
35781
- padding: 24px;
35568
+ .adl-u-box-sizing-border-box {
35569
+ box-sizing: border-box !important;
35782
35570
  }
35783
- @keyframes adl-progress-circular-rotate {
35784
- 0% {
35785
- transform: rotate(0deg);
35786
- }
35787
- 100% {
35788
- transform: rotate(360deg);
35789
- }
35790
- }/* #region Spacing */
35571
+ /* #region Spacing */
35791
35572
  /* #endregion */
35792
35573
  /* #region Colors */
35793
35574
  /* #endregion */
@@ -35809,6 +35590,16 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35809
35590
  /* #endregion */
35810
35591
  /* #region Inline components */
35811
35592
  /* #endregion */
35593
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35594
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35595
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35596
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35597
+ .adl-u-pointer-events-none {
35598
+ pointer-events: none !important;
35599
+ }
35600
+ .adl-u-pointer-events-auto {
35601
+ pointer-events: auto !important;
35602
+ }
35812
35603
  /* #region Spacing */
35813
35604
  /* #endregion */
35814
35605
  /* #region Colors */
@@ -35831,10 +35622,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35831
35622
  /* #endregion */
35832
35623
  /* #region Inline components */
35833
35624
  /* #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
35625
  /* #region Spacing */
35839
35626
  /* #endregion */
35840
35627
  /* #region Colors */
@@ -35861,6 +35648,52 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35861
35648
  /* stylelint-disable-line scss/dollar-variable-pattern */
35862
35649
  /* stylelint-disable-line scss/dollar-variable-pattern */
35863
35650
  /* stylelint-disable-line scss/dollar-variable-pattern */
35651
+ .adl-u-font-size-small {
35652
+ font-size: 13px !important;
35653
+ }
35654
+ .adl-u-font-size-medium {
35655
+ font-size: 15px !important;
35656
+ }
35657
+ .adl-u-font-size-large {
35658
+ font-size: 21px !important;
35659
+ }
35660
+ .adl-u-font-size-xlarge {
35661
+ font-size: 30px !important;
35662
+ }
35663
+ .adl-u-font-size-xxlarge {
35664
+ font-size: 45px !important;
35665
+ }
35666
+ .adl-u-font-size-inherit {
35667
+ font-size: inherit !important;
35668
+ }
35669
+ .adl-u-font-weight-thin {
35670
+ font-weight: 100 !important;
35671
+ }
35672
+ .adl-u-font-weight-regular {
35673
+ font-weight: 400 !important;
35674
+ }
35675
+ .adl-u-font-weight-medium {
35676
+ font-weight: 500 !important;
35677
+ }
35678
+ .adl-u-font-weight-semi-bold {
35679
+ font-weight: 600 !important;
35680
+ }
35681
+ .adl-u-white-space-normal {
35682
+ white-space: normal !important;
35683
+ }
35684
+ .adl-u-white-space-nowrap {
35685
+ white-space: nowrap !important;
35686
+ }
35687
+ .adl-u-white-space-pre-wrap {
35688
+ white-space: pre-wrap !important;
35689
+ }
35690
+ .adl-u-truncate {
35691
+ overflow: hidden !important;
35692
+ text-overflow: ellipsis !important;
35693
+ }
35694
+ .adl-u-word-break-break-word {
35695
+ word-break: break-word !important;
35696
+ }
35864
35697
  /* #region Spacing */
35865
35698
  /* #endregion */
35866
35699
  /* #region Colors */
@@ -35883,20 +35716,40 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35883
35716
  /* #endregion */
35884
35717
  /* #region Inline components */
35885
35718
  /* #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 */
35719
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35720
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35721
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35722
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35723
+ .adl-u-visibility-visible {
35724
+ visibility: visible !important;
35725
+ }
35726
+ .adl-u-visibility-hidden {
35727
+ visibility: hidden !important;
35728
+ }
35729
+ .adl-u-display-none {
35730
+ display: none !important;
35731
+ }
35732
+ .adl-u-display-initial {
35733
+ display: initial !important;
35734
+ }
35735
+ .adl-u-display-inline {
35736
+ display: inline !important;
35737
+ }
35738
+ .adl-u-display-inline-block {
35739
+ display: inline-block !important;
35740
+ }
35741
+ .adl-u-display-block {
35742
+ display: block !important;
35743
+ }
35744
+ .adl-u-display-table {
35745
+ display: table !important;
35746
+ }
35747
+ .adl-u-display-table-row {
35748
+ display: table-row !important;
35749
+ }
35750
+ .adl-u-display-table-cell {
35751
+ display: table-cell !important;
35752
+ }
35900
35753
  /* #region Spacing */
35901
35754
  /* #endregion */
35902
35755
  /* #region Colors */
@@ -35923,111 +35776,150 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
35923
35776
  /* stylelint-disable-line scss/dollar-variable-pattern */
35924
35777
  /* stylelint-disable-line scss/dollar-variable-pattern */
35925
35778
  /* 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;
35779
+ .adl-u-display-flex {
35780
+ display: flex !important;
35947
35781
  }
35948
- .adl-tag *,
35949
- .adl-tag *::before,
35950
- .adl-tag *::after {
35951
- box-sizing: border-box;
35782
+ .adl-u-display-inline-flex {
35783
+ display: inline-flex !important;
35952
35784
  }
35953
- .adl-tag--dark {
35954
- background: #394962;
35955
- border: 1px solid #20304c;
35956
- color: #fff;
35785
+ .adl-u-flex-direction-row {
35786
+ flex-direction: row !important;
35957
35787
  }
35958
- .adl-tag--dark.adl-tag--removable:active {
35959
- background-color: #384861 !important;
35788
+ .adl-u-flex-direction-row-reverse {
35789
+ flex-direction: row-reverse !important;
35960
35790
  }
35961
- .adl-tag--blue {
35962
- background: #e6f0ff;
35963
- border: 1px solid #cce0ff;
35964
- color: #06f;
35791
+ .adl-u-flex-direction-column {
35792
+ flex-direction: column !important;
35965
35793
  }
35966
- .adl-tag--blue.adl-tag--removable:active {
35967
- background-color: #e1ecfb !important;
35794
+ .adl-u-flex-direction-column-reverse {
35795
+ flex-direction: column-reverse !important;
35968
35796
  }
35969
- .adl-tag--red {
35970
- background: #fce5e5;
35971
- border: 1px solid #facccc;
35972
- color: #a10000;
35797
+ .adl-u-flex-wrap-wrap {
35798
+ flex-wrap: wrap !important;
35973
35799
  }
35974
- .adl-tag--red.adl-tag--removable:active {
35975
- background-color: #f7e1e1 !important;
35800
+ .adl-u-flex-wrap-nowrap {
35801
+ flex-wrap: nowrap !important;
35976
35802
  }
35977
- .adl-tag--orange {
35978
- background: #fff4e5;
35979
- border: 1px solid #ffeacc;
35980
- color: #b36900;
35803
+ .adl-u-align-items-start {
35804
+ align-items: start !important;
35981
35805
  }
35982
- .adl-tag--orange.adl-tag--removable:active {
35983
- background-color: #faefe1 !important;
35806
+ .adl-u-align-items-flex-start {
35807
+ align-items: flex-start !important;
35808
+ }
35809
+ .adl-u-align-items-flex-end {
35810
+ align-items: flex-end !important;
35811
+ }
35812
+ .adl-u-align-items-center {
35813
+ align-items: center !important;
35814
+ }
35815
+ .adl-u-align-items-stretch {
35816
+ align-items: stretch !important;
35817
+ }
35818
+ .adl-u-align-items-baseline {
35819
+ align-items: baseline !important;
35820
+ }
35821
+ .adl-u-align-items-end {
35822
+ align-items: end !important;
35823
+ }
35824
+ .adl-u-justify-content-center {
35825
+ justify-content: center !important;
35826
+ }
35827
+ .adl-u-justify-content-flex-start {
35828
+ justify-content: flex-start !important;
35829
+ }
35830
+ .adl-u-justify-content-flex-end {
35831
+ justify-content: flex-end !important;
35832
+ }
35833
+ .adl-u-justify-content-start {
35834
+ justify-content: start !important;
35835
+ }
35836
+ .adl-u-justify-content-end {
35837
+ justify-content: end !important;
35838
+ }
35839
+ .adl-u-justify-content-left {
35840
+ justify-content: left !important;
35841
+ }
35842
+ .adl-u-justify-content-right {
35843
+ justify-content: right !important;
35844
+ }
35845
+ .adl-u-justify-content-space-between {
35846
+ justify-content: space-between !important;
35847
+ }
35848
+ .adl-u-justify-content-space-around {
35849
+ justify-content: space-around !important;
35850
+ }
35851
+ .adl-u-justify-content-space-evenly {
35852
+ justify-content: space-evenly !important;
35853
+ }
35854
+ .adl-u-justify-content-stretch {
35855
+ justify-content: stretch !important;
35856
+ }
35857
+ .adl-u-flex-1 {
35858
+ flex: 1 !important;
35859
+ }
35860
+ .adl-u-width-full {
35861
+ width: 100% !important;
35984
35862
  }
35985
- .adl-tag--green {
35986
- background: #e6f8ed;
35987
- border: 1px solid #cef2dd;
35988
- color: #07863a;
35863
+ .adl-u-width-auto {
35864
+ width: auto !important;
35989
35865
  }
35990
- .adl-tag--green.adl-tag--removable:active {
35991
- background-color: #e1f3e9 !important;
35866
+ .adyen-kyc-dropdown {
35867
+ position: relative;
35992
35868
  }
35993
- .adl-tag--purple {
35994
- background: #f2e5ff;
35995
- border: 1px solid #e6ccff;
35996
- color: #8000ff;
35869
+ .adyen-kyc-dropdown-button {
35870
+ align-items: center;
35871
+ cursor: pointer;
35872
+ display: flex;
35997
35873
  }
35998
- .adl-tag--purple.adl-tag--removable:active {
35999
- background-color: #ede1fb !important;
35874
+ .adyen-kyc-dropdown-button::after {
35875
+ 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");
35876
+ background-position: center;
35877
+ background-repeat: no-repeat;
35878
+ content: "";
35879
+ height: 6px;
35880
+ position: absolute;
35881
+ right: 16px;
35882
+ width: 8px;
36000
35883
  }
36001
- .adl-tag--mint {
36002
- background: #e6fdf7;
36003
- border: 1px solid #cdfaef;
36004
- color: #027458;
35884
+ .adyen-kyc-dropdown-button--active::after {
35885
+ transform: rotate(180deg);
36005
35886
  }
36006
- .adl-tag--mint.adl-tag--removable:active {
36007
- background-color: #e1f8f3 !important;
35887
+ .adyen-kyc-filter-input {
35888
+ background: #fff;
35889
+ border: 0;
35890
+ caret-color: #06f;
35891
+ color: #00112c;
35892
+ font-family: inherit;
35893
+ font-size: 1em;
35894
+ height: 100%;
35895
+ padding: 0;
35896
+ width: 100%;
36008
35897
  }
36009
- .adl-tag--teal {
36010
- background: #eef9f9;
36011
- border: 1px solid #eef9f9;
36012
- color: #eef9f9;
35898
+ .adyen-kyc-filter-input::placeholder {
35899
+ color: #a5afbd;
35900
+ font-weight: 200;
36013
35901
  }
36014
- .adl-tag--teal.adl-tag--removable:active {
36015
- background-color: #e9f4f5 !important;
35902
+ .adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
35903
+ outline: 0;
36016
35904
  }
36017
- .adl-tag--light-blue {
36018
- background: #e6f0ff;
36019
- border: 1px solid #e6f0ff;
36020
- color: #e6f0ff;
35905
+ .adyen-kyc-dropdown-list {
35906
+ background: #fff;
35907
+ display: none;
35908
+ list-style: none;
35909
+ margin: 0;
35910
+ margin-bottom: 50px;
35911
+ overflow-y: auto;
35912
+ padding: 0;
35913
+ position: absolute;
35914
+ width: 100%;
35915
+ z-index: 1;
36021
35916
  }
36022
- .adl-tag--light-blue.adl-tag--removable:active {
36023
- background-color: #e1ecfb !important;
35917
+ .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
35918
+ display: block;
36024
35919
  }
36025
- .adl-tag--basic {
36026
- border-radius: 4px;
36027
- border-style: none;
36028
- color: #394962;
36029
- font-size: 14px;
36030
- font-weight: 400;
35920
+ .adyen-kyc-dropdown-element {
35921
+ align-items: center;
35922
+ display: flex;
36031
35923
  }/* #region Spacing */
36032
35924
  /* #endregion */
36033
35925
  /* #region Colors */
@@ -36050,7 +35942,33 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
36050
35942
  /* #endregion */
36051
35943
  /* #region Inline components */
36052
35944
  /* #endregion */
36053
- /* #region Spacing */
35945
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35946
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35947
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35948
+ /* stylelint-disable-line scss/dollar-variable-pattern */
35949
+ .adl-disclaimer-container {
35950
+ background-color: #f3f6f9;
35951
+ border: 0;
35952
+ border-radius: 4px;
35953
+ margin: 8px 0;
35954
+ padding: 12px 16px;
35955
+ }
35956
+ .adl-disclaimer__title {
35957
+ color: #394962;
35958
+ font-size: 13px;
35959
+ font-weight: bold;
35960
+ margin-bottom: 8px;
35961
+ }
35962
+ .adl-disclaimer__content {
35963
+ color: #394962;
35964
+ display: flex;
35965
+ flex-direction: column;
35966
+ font-size: 13px;
35967
+ gap: 8px;
35968
+ }
35969
+ .adl-disclaimer__content p {
35970
+ margin: 0;
35971
+ }/* #region Spacing */
36054
35972
  /* #endregion */
36055
35973
  /* #region Colors */
36056
35974
  /* #endregion */
@@ -37899,66 +37817,235 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
37899
37817
  .adl-u-width-full {
37900
37818
  width: 100% !important;
37901
37819
  }
37902
- .adl-u-width-auto {
37903
- width: auto !important;
37820
+ .adl-u-width-auto {
37821
+ width: auto !important;
37822
+ }
37823
+ .adyen-kyc-field--entityType {
37824
+ margin-bottom: 24px;
37825
+ }
37826
+ .adyen-kyc-field--entityType .adyen-kyc-label__text {
37827
+ margin-bottom: 8px;
37828
+ }/* #region Spacing */
37829
+ /* #endregion */
37830
+ /* #region Colors */
37831
+ /* #endregion */
37832
+ /* #region Fonts */
37833
+ /* #endregion */
37834
+ /* #region Borders */
37835
+ /* #endregion */
37836
+ /* #region Box-shadow */
37837
+ /* #endregion */
37838
+ /* #region Shadows */
37839
+ /* #endregion */
37840
+ /* #region Z-index */
37841
+ /* #endregion */
37842
+ /* #region Transition */
37843
+ /* #endregion */
37844
+ /* #region Timing functions */
37845
+ /* #endregion */
37846
+ /* #region Focus ring */
37847
+ /* #endregion */
37848
+ /* #region Inline components */
37849
+ /* #endregion */
37850
+ /* #region Spacing */
37851
+ /* #endregion */
37852
+ /* #region Colors */
37853
+ /* #endregion */
37854
+ /* #region Fonts */
37855
+ /* #endregion */
37856
+ /* #region Borders */
37857
+ /* #endregion */
37858
+ /* #region Box-shadow */
37859
+ /* #endregion */
37860
+ /* #region Shadows */
37861
+ /* #endregion */
37862
+ /* #region Z-index */
37863
+ /* #endregion */
37864
+ /* #region Transition */
37865
+ /* #endregion */
37866
+ /* #region Timing functions */
37867
+ /* #endregion */
37868
+ /* #region Focus ring */
37869
+ /* #endregion */
37870
+ /* #region Inline components */
37871
+ /* #endregion */
37872
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37873
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37874
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37875
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37876
+ .adl-radio-card {
37877
+ color: #00112c;
37878
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
37879
+ font-size: 15px;
37880
+ -webkit-font-smoothing: antialiased;
37881
+ -moz-osx-font-smoothing: grayscale;
37882
+ font-weight: 400;
37883
+ line-height: 1.4;
37884
+ border: 1px solid #dce0e5;
37885
+ border-radius: 8px;
37886
+ cursor: pointer;
37887
+ display: block;
37888
+ list-style: none;
37889
+ margin-bottom: 8px;
37890
+ padding: 16px 16px 0;
37891
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
37892
+ }
37893
+ .adl-radio-card *,
37894
+ .adl-radio-card *::before,
37895
+ .adl-radio-card *::after {
37896
+ box-sizing: border-box;
37897
+ }
37898
+ .adl-radio-card--disabled {
37899
+ cursor: not-allowed;
37900
+ opacity: 50%;
37901
+ }
37902
+ .adl-radio-card__body {
37903
+ color: #394962;
37904
+ font-size: 13px;
37905
+ }/* #region Spacing */
37906
+ /* #endregion */
37907
+ /* #region Colors */
37908
+ /* #endregion */
37909
+ /* #region Fonts */
37910
+ /* #endregion */
37911
+ /* #region Borders */
37912
+ /* #endregion */
37913
+ /* #region Box-shadow */
37914
+ /* #endregion */
37915
+ /* #region Shadows */
37916
+ /* #endregion */
37917
+ /* #region Z-index */
37918
+ /* #endregion */
37919
+ /* #region Transition */
37920
+ /* #endregion */
37921
+ /* #region Timing functions */
37922
+ /* #endregion */
37923
+ /* #region Focus ring */
37924
+ /* #endregion */
37925
+ /* #region Inline components */
37926
+ /* #endregion */
37927
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37928
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37929
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37930
+ /* stylelint-disable-line scss/dollar-variable-pattern */
37931
+ /* #region Spacing */
37932
+ /* #endregion */
37933
+ /* #region Colors */
37934
+ /* #endregion */
37935
+ /* #region Fonts */
37936
+ /* #endregion */
37937
+ /* #region Borders */
37938
+ /* #endregion */
37939
+ /* #region Box-shadow */
37940
+ /* #endregion */
37941
+ /* #region Shadows */
37942
+ /* #endregion */
37943
+ /* #region Z-index */
37944
+ /* #endregion */
37945
+ /* #region Transition */
37946
+ /* #endregion */
37947
+ /* #region Timing functions */
37948
+ /* #endregion */
37949
+ /* #region Focus ring */
37950
+ /* #endregion */
37951
+ /* #region Inline components */
37952
+ /* #endregion */
37953
+ .adl-input-radio {
37954
+ color: #00112c;
37955
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
37956
+ font-size: 15px;
37957
+ -webkit-font-smoothing: antialiased;
37958
+ -moz-osx-font-smoothing: grayscale;
37959
+ font-weight: 400;
37960
+ line-height: 1.4;
37961
+ display: inline-flex;
37962
+ vertical-align: baseline;
37963
+ }
37964
+ .adl-input-radio *,
37965
+ .adl-input-radio *::before,
37966
+ .adl-input-radio *::after {
37967
+ box-sizing: border-box;
37904
37968
  }
37905
- .adyen-kyc-dropdown {
37969
+ .adl-input-radio__input {
37970
+ appearance: none;
37971
+ background-color: #fff;
37972
+ border: 1px solid #dce0e5;
37973
+ border-radius: 12px;
37974
+ cursor: pointer;
37975
+ display: inline-block;
37976
+ flex-basis: 16px;
37977
+ height: 16px;
37978
+ margin: 0;
37979
+ min-width: 16px;
37980
+ outline: none;
37906
37981
  position: relative;
37982
+ top: 3px;
37983
+ width: 16px;
37907
37984
  }
37908
- .adyen-kyc-dropdown-button {
37909
- align-items: center;
37910
- cursor: pointer;
37911
- display: flex;
37985
+ .adl-input-radio__input::after {
37986
+ bottom: -4px;
37987
+ content: "";
37988
+ display: block;
37989
+ left: -4px;
37990
+ position: absolute;
37991
+ right: -4px;
37992
+ top: -4px;
37912
37993
  }
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;
37994
+ .adl-input-radio__input::before {
37995
+ background: #fff;
37996
+ border-radius: 12px;
37917
37997
  content: "";
37998
+ display: block;
37918
37999
  height: 6px;
38000
+ left: 4px;
38001
+ opacity: 0;
37919
38002
  position: absolute;
37920
- right: 16px;
37921
- width: 8px;
38003
+ top: 4px;
38004
+ transform: scale(0);
38005
+ transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
38006
+ width: 6px;
37922
38007
  }
37923
- .adyen-kyc-dropdown-button--active::after {
37924
- transform: rotate(180deg);
38008
+ .adl-input-radio__input:checked {
38009
+ background: #06f;
38010
+ border-color: #06f;
37925
38011
  }
37926
- .adyen-kyc-filter-input {
37927
- background: #fff;
37928
- border: 0;
37929
- caret-color: #06f;
37930
- color: #00112c;
37931
- font-family: inherit;
37932
- font-size: 1em;
37933
- height: 100%;
37934
- padding: 0;
37935
- width: 100%;
38012
+ .adl-input-radio__input:checked::before {
38013
+ opacity: 1;
38014
+ transform: scale(1);
37936
38015
  }
37937
- .adyen-kyc-filter-input::placeholder {
37938
- color: #a5afbd;
37939
- font-weight: 200;
38016
+ .adl-input-radio__input:checked:disabled::before {
38017
+ background-color: #69778c;
37940
38018
  }
37941
- .adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
37942
- outline: 0;
38019
+ .adl-input-radio__input:checked:disabled:hover {
38020
+ border-color: transparent;
37943
38021
  }
37944
- .adyen-kyc-dropdown-list {
37945
- background: #fff;
37946
- display: none;
37947
- 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;
38022
+ .adl-input-radio__input:checked:hover {
38023
+ border-color: #0047b2;
37955
38024
  }
37956
- .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
37957
- display: block;
38025
+ .adl-input-radio__input:hover {
38026
+ border-color: #69778c;
37958
38027
  }
37959
- .adyen-kyc-dropdown-element {
37960
- align-items: center;
37961
- display: flex;
38028
+ .adl-input-radio__input:focus {
38029
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 102, 255, 0.4);
38030
+ transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
38031
+ transition-property: box-shadow;
38032
+ border-color: #06f;
38033
+ }
38034
+ .adl-input-radio__input:disabled {
38035
+ background-color: #dce0e5;
38036
+ border-color: transparent;
38037
+ cursor: not-allowed;
38038
+ }
38039
+ .adl-input-radio__label {
38040
+ cursor: pointer;
38041
+ line-height: 24px;
38042
+ margin-right: 16px;
38043
+ padding-left: 8px;
38044
+ vertical-align: baseline;
38045
+ }
38046
+ .adl-input-radio__label--disabled {
38047
+ color: #8390a3;
38048
+ cursor: not-allowed;
37962
38049
  }/* #region Spacing */
37963
38050
  /* #endregion */
37964
38051
  /* #region Colors */
@@ -37981,33 +38068,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
37981
38068
  /* #endregion */
37982
38069
  /* #region Inline components */
37983
38070
  /* #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;
38000
- }
38001
- .adl-disclaimer__content {
38002
- color: #394962;
38003
- display: flex;
38004
- flex-direction: column;
38005
- font-size: 13px;
38006
- gap: 8px;
38007
- }
38008
- .adl-disclaimer__content p {
38009
- margin: 0;
38010
- }/* #region Spacing */
38071
+ /* #region Spacing */
38011
38072
  /* #endregion */
38012
38073
  /* #region Colors */
38013
38074
  /* #endregion */
@@ -39859,111 +39920,39 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
39859
39920
  .adl-u-width-auto {
39860
39921
  width: auto !important;
39861
39922
  }
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;
39923
+ .adyen-kyc-radio-group-card__label.adl-label {
39918
39924
  font-size: 15px;
39919
- -webkit-font-smoothing: antialiased;
39920
- -moz-osx-font-smoothing: grayscale;
39921
- font-weight: 400;
39925
+ font-weight: 600;
39922
39926
  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;
39927
+ padding-right: 16px;
39936
39928
  }
39937
- .adl-radio-card--disabled {
39938
- cursor: not-allowed;
39939
- opacity: 50%;
39929
+ .adyen-layout-md .adyen-kyc-radio-group-card__label.adl-label {
39930
+ padding-right: 0;
39940
39931
  }
39941
- .adl-radio-card__body {
39942
- color: #394962;
39932
+ .adyen-kyc-radio-group-card__subtitle {
39933
+ color: #8390a3;
39943
39934
  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 */
39935
+ font-weight: 100;
39936
+ margin-bottom: 4px;
39937
+ }
39938
+ .adyen-kyc-radio-group-card input {
39939
+ display: flex;
39940
+ margin-left: auto;
39941
+ }
39942
+ .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
39943
+ bottom: -30px;
39944
+ top: auto;
39945
+ }
39946
+ .adyen-kyc-radio-group-card--floating-radio {
39947
+ position: relative;
39948
+ }
39949
+ .adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
39950
+ bottom: auto;
39951
+ left: auto;
39952
+ position: absolute;
39953
+ right: 16px;
39954
+ top: 16px;
39955
+ }/* #region Spacing */
39967
39956
  /* #endregion */
39968
39957
  /* #region Colors */
39969
39958
  /* #endregion */
@@ -41815,39 +41804,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
41815
41804
  .adl-u-width-auto {
41816
41805
  width: auto !important;
41817
41806
  }
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 */
41807
+ /* #region Spacing */
41851
41808
  /* #endregion */
41852
41809
  /* #region Colors */
41853
41810
  /* #endregion */
@@ -43699,7 +43656,23 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
43699
43656
  .adl-u-width-auto {
43700
43657
  width: auto !important;
43701
43658
  }
43702
- /* #region Spacing */
43659
+ .adl-document-guidance {
43660
+ overflow: auto;
43661
+ }
43662
+ .adl-document-guidance__container {
43663
+ display: flex;
43664
+ gap: 24px;
43665
+ justify-content: space-between;
43666
+ min-width: 576px;
43667
+ }
43668
+ .adl-document-guidance__item {
43669
+ align-items: center;
43670
+ display: flex;
43671
+ flex-direction: column;
43672
+ }
43673
+ .adl-document-guidance__description {
43674
+ font-weight: 600;
43675
+ }/* #region Spacing */
43703
43676
  /* #endregion */
43704
43677
  /* #region Colors */
43705
43678
  /* #endregion */
@@ -45551,22 +45524,84 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
45551
45524
  .adl-u-width-auto {
45552
45525
  width: auto !important;
45553
45526
  }
45554
- .adl-document-guidance {
45555
- overflow: auto;
45556
- }
45557
- .adl-document-guidance__container {
45527
+ /* #region Spacing */
45528
+ /* #endregion */
45529
+ /* #region Colors */
45530
+ /* #endregion */
45531
+ /* #region Fonts */
45532
+ /* #endregion */
45533
+ /* #region Borders */
45534
+ /* #endregion */
45535
+ /* #region Box-shadow */
45536
+ /* #endregion */
45537
+ /* #region Shadows */
45538
+ /* #endregion */
45539
+ /* #region Z-index */
45540
+ /* #endregion */
45541
+ /* #region Transition */
45542
+ /* #endregion */
45543
+ /* #region Timing functions */
45544
+ /* #endregion */
45545
+ /* #region Focus ring */
45546
+ /* #endregion */
45547
+ /* #region Inline components */
45548
+ /* #endregion */
45549
+ .adyen-kyc-dropzone {
45550
+ border: 1px dashed #a5afbd;
45551
+ border-radius: 6px;
45558
45552
  display: flex;
45559
- gap: 24px;
45560
- justify-content: space-between;
45561
- min-width: 576px;
45553
+ flex-direction: row;
45554
+ font-size: 0.81em;
45555
+ min-height: 70px;
45556
+ transition: all 0.2s ease-out;
45562
45557
  }
45563
- .adl-document-guidance__item {
45558
+ .adyen-kyc-dropzone--dragged {
45559
+ border: 1px solid #0047b2;
45560
+ box-shadow: 0 0 0 3px #cce0ff;
45561
+ }
45562
+ .adyen-kyc-dropzone--error {
45563
+ border: 1px dashed #e50000;
45564
+ }
45565
+ .adyen-kyc-dropzone__icon {
45564
45566
  align-items: center;
45565
45567
  display: flex;
45568
+ margin: auto 16px;
45569
+ max-height: 60px;
45570
+ max-width: 60px;
45571
+ }
45572
+ .adyen-kyc-dropzone__labels {
45573
+ align-self: center;
45574
+ display: flex;
45566
45575
  flex-direction: column;
45576
+ margin: auto 16px auto 0;
45567
45577
  }
45568
- .adl-document-guidance__description {
45578
+ .adyen-kyc-dropzone__input {
45579
+ display: none;
45580
+ }
45581
+ .adyen-kyc-dropzone__drag-text {
45582
+ color: #00112c;
45583
+ font-size: 13px;
45584
+ font-weight: 600;
45585
+ margin-bottom: 4px;
45586
+ }
45587
+ .adyen-kyc-dropzone__button {
45588
+ background: none;
45589
+ border: 0;
45590
+ color: #06f;
45591
+ cursor: pointer;
45592
+ font-size: 13px;
45569
45593
  font-weight: 600;
45594
+ padding: 0;
45595
+ text-transform: lowercase;
45596
+ }
45597
+ .adyen-kyc-dropzone__supports-text {
45598
+ color: #394962;
45599
+ font-size: 13px;
45600
+ }
45601
+ .adyen-kyc-dropzone .adyen-kyc-icon-new-document {
45602
+ color: #a5afbd;
45603
+ display: flex;
45604
+ font-size: 30px;
45570
45605
  }/* #region Spacing */
45571
45606
  /* #endregion */
45572
45607
  /* #region Colors */
@@ -47441,62 +47476,150 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
47441
47476
  /* #endregion */
47442
47477
  /* #region Inline components */
47443
47478
  /* #endregion */
47444
- .adyen-kyc-dropzone {
47445
- border: 1px dashed #a5afbd;
47446
- border-radius: 6px;
47447
- display: flex;
47448
- flex-direction: row;
47449
- font-size: 0.81em;
47450
- min-height: 70px;
47451
- transition: all 0.2s ease-out;
47452
- }
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;
47479
+ .adyen-kyc-dropzone-file {
47480
+ align-items: center;
47481
+ border: 1px solid #dce0e5;
47482
+ border-radius: 6px;
47483
+ display: flex;
47484
+ flex-direction: row;
47485
+ font-size: 0.81em;
47486
+ margin-bottom: 16px;
47487
+ min-height: 70px;
47488
+ }
47489
+ .adyen-kyc-dropzone-file__icon {
47490
+ align-items: center;
47491
+ display: flex;
47492
+ margin: auto 16px;
47493
+ max-height: 60px;
47494
+ max-width: 60px;
47495
+ }
47496
+ .adyen-kyc-dropzone-file__labels {
47497
+ margin: auto auto auto 0;
47498
+ overflow: hidden;
47499
+ }
47500
+ .adyen-kyc-dropzone-file__name {
47501
+ color: #00112c;
47502
+ font-size: 13px;
47503
+ font-weight: 600;
47504
+ margin-bottom: 4px;
47505
+ overflow: hidden;
47506
+ text-overflow: ellipsis;
47507
+ white-space: nowrap;
47508
+ }
47509
+ .adyen-kyc-dropzone-file__size {
47510
+ color: #8390a3;
47511
+ font-size: 13px;
47512
+ }
47513
+ .adyen-kyc-dropzone-file__error {
47514
+ color: #e50000;
47515
+ }
47516
+ .adyen-kyc-dropzone-file__button {
47517
+ background: none;
47518
+ border: 0;
47519
+ cursor: pointer;
47520
+ display: flex;
47521
+ margin: 16px;
47522
+ padding: 0;
47523
+ }
47524
+ .adyen-kyc-dropzone-file .adyen-kyc-icon {
47525
+ display: flex;
47526
+ }
47527
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
47528
+ color: #60d58f;
47529
+ font-size: 30px;
47530
+ }
47531
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
47532
+ color: #e50000;
47533
+ font-size: 30px;
47534
+ }
47535
+ .adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
47536
+ color: #8390a3;
47537
+ }/* #region Spacing */
47538
+ /* #endregion */
47539
+ /* #region Colors */
47540
+ /* #endregion */
47541
+ /* #region Fonts */
47542
+ /* #endregion */
47543
+ /* #region Borders */
47544
+ /* #endregion */
47545
+ /* #region Box-shadow */
47546
+ /* #endregion */
47547
+ /* #region Shadows */
47548
+ /* #endregion */
47549
+ /* #region Z-index */
47550
+ /* #endregion */
47551
+ /* #region Transition */
47552
+ /* #endregion */
47553
+ /* #region Timing functions */
47554
+ /* #endregion */
47555
+ /* #region Focus ring */
47556
+ /* #endregion */
47557
+ /* #region Inline components */
47558
+ /* #endregion */
47559
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47560
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47561
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47562
+ /* stylelint-disable-line scss/dollar-variable-pattern */
47563
+ /* #region Spacing */
47564
+ /* #endregion */
47565
+ /* #region Colors */
47566
+ /* #endregion */
47567
+ /* #region Fonts */
47568
+ /* #endregion */
47569
+ /* #region Borders */
47570
+ /* #endregion */
47571
+ /* #region Box-shadow */
47572
+ /* #endregion */
47573
+ /* #region Shadows */
47574
+ /* #endregion */
47575
+ /* #region Z-index */
47576
+ /* #endregion */
47577
+ /* #region Transition */
47578
+ /* #endregion */
47579
+ /* #region Timing functions */
47580
+ /* #endregion */
47581
+ /* #region Focus ring */
47582
+ /* #endregion */
47583
+ /* #region Inline components */
47584
+ /* #endregion */
47585
+ .adl-list {
47586
+ color: #00112c;
47587
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
47588
+ font-size: 15px;
47589
+ -webkit-font-smoothing: antialiased;
47590
+ -moz-osx-font-smoothing: grayscale;
47591
+ font-weight: 400;
47592
+ line-height: 1.4;
47593
+ display: block;
47594
+ list-style-position: outside;
47595
+ list-style-type: disc;
47596
+ margin: 0;
47597
+ padding: 0 0 0 18px;
47459
47598
  }
47460
- .adyen-kyc-dropzone__icon {
47461
- align-items: center;
47462
- display: flex;
47463
- margin: auto 16px;
47464
- max-height: 60px;
47465
- max-width: 60px;
47599
+ .adl-list *,
47600
+ .adl-list *::before,
47601
+ .adl-list *::after {
47602
+ box-sizing: border-box;
47466
47603
  }
47467
- .adyen-kyc-dropzone__labels {
47468
- align-self: center;
47469
- display: flex;
47470
- flex-direction: column;
47471
- margin: auto 16px auto 0;
47604
+ .adl-list--no-markers {
47605
+ list-style: none;
47606
+ padding: 0;
47472
47607
  }
47473
- .adyen-kyc-dropzone__input {
47474
- display: none;
47608
+ .adl-list--no-markers .adl-list__item {
47609
+ padding-left: 0;
47475
47610
  }
47476
- .adyen-kyc-dropzone__drag-text {
47477
- color: #00112c;
47478
- font-size: 13px;
47479
- font-weight: 600;
47480
- margin-bottom: 4px;
47611
+ .adl-list__item {
47612
+ padding: 0 0 0 4px;
47481
47613
  }
47482
- .adyen-kyc-dropzone__button {
47483
- background: none;
47484
- border: 0;
47485
- color: #06f;
47486
- cursor: pointer;
47487
- font-size: 13px;
47488
- font-weight: 600;
47489
- padding: 0;
47490
- text-transform: lowercase;
47614
+ .adl-list__item--no-marker {
47615
+ list-style: none;
47491
47616
  }
47492
- .adyen-kyc-dropzone__supports-text {
47493
- color: #394962;
47494
- font-size: 13px;
47617
+ .adl-list--nested {
47618
+ list-style-type: circle;
47619
+ padding: 0 0 0 18px;
47495
47620
  }
47496
- .adyen-kyc-dropzone .adyen-kyc-icon-new-document {
47497
- color: #a5afbd;
47498
- display: flex;
47499
- font-size: 30px;
47621
+ .adl-list--ordered {
47622
+ list-style-type: decimal;
47500
47623
  }/* #region Spacing */
47501
47624
  /* #endregion */
47502
47625
  /* #region Colors */
@@ -49349,86 +49472,22 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49349
49472
  .adl-u-width-auto {
49350
49473
  width: auto !important;
49351
49474
  }
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;
49383
- }
49384
- .adyen-kyc-dropzone-file__icon {
49385
- align-items: center;
49475
+ .adyen-kyc-search-address {
49386
49476
  display: flex;
49387
- margin: auto 16px;
49388
- max-height: 60px;
49389
- max-width: 60px;
49390
- }
49391
- .adyen-kyc-dropzone-file__labels {
49392
- margin: auto auto auto 0;
49393
- overflow: hidden;
49394
- }
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;
49477
+ flex-direction: column;
49403
49478
  }
49404
- .adyen-kyc-dropzone-file__size {
49479
+ .adyen-kyc-search-address--location {
49480
+ align-items: start;
49405
49481
  color: #8390a3;
49406
- font-size: 13px;
49407
- }
49408
- .adyen-kyc-dropzone-file__error {
49409
- color: #e50000;
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;
49418
- }
49419
- .adyen-kyc-dropzone-file .adyen-kyc-icon {
49420
49482
  display: flex;
49483
+ justify-content: space-between;
49421
49484
  }
49422
- .adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
49423
- color: #60d58f;
49424
- font-size: 30px;
49425
- }
49426
- .adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
49427
- color: #e50000;
49428
- font-size: 30px;
49485
+ .adyen-kyc-search-address--location .adyen-kyc-icon {
49486
+ color: #dce0e5;
49487
+ margin-right: 5px;
49429
49488
  }
49430
- .adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
49431
- color: #8390a3;
49489
+ .adyen-kyc-search-address--location-country {
49490
+ width: 65%;
49432
49491
  }/* #region Spacing */
49433
49492
  /* #endregion */
49434
49493
  /* #region Colors */
@@ -49451,10 +49510,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49451
49510
  /* #endregion */
49452
49511
  /* #region Inline components */
49453
49512
  /* #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
49513
  /* #region Spacing */
49459
49514
  /* #endregion */
49460
49515
  /* #region Colors */
@@ -49477,66 +49532,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49477
49532
  /* #endregion */
49478
49533
  /* #region Inline components */
49479
49534
  /* #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
49535
  /* stylelint-disable-line scss/dollar-variable-pattern */
49541
49536
  /* stylelint-disable-line scss/dollar-variable-pattern */
49542
49537
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -51367,22 +51362,27 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
51367
51362
  .adl-u-width-auto {
51368
51363
  width: auto !important;
51369
51364
  }
51370
- .adyen-kyc-search-address {
51365
+ .adyen-kyc-radio-group {
51371
51366
  display: flex;
51372
51367
  flex-direction: column;
51368
+ margin-top: 8px;
51373
51369
  }
51374
- .adyen-kyc-search-address--location {
51375
- align-items: start;
51376
- color: #8390a3;
51377
- display: flex;
51378
- justify-content: space-between;
51370
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
51371
+ display: none;
51379
51372
  }
51380
- .adyen-kyc-search-address--location .adyen-kyc-icon {
51381
- color: #dce0e5;
51382
- margin-right: 5px;
51373
+ .adyen-kyc-radio-group__label {
51374
+ color: inherit;
51375
+ display: block;
51376
+ font-size: 1em;
51377
+ font-weight: normal;
51378
+ line-height: 21px;
51379
+ overflow: visible;
51380
+ padding-bottom: 0;
51381
+ padding-left: 24px;
51382
+ position: relative;
51383
51383
  }
51384
- .adyen-kyc-search-address--location-country {
51385
- width: 65%;
51384
+ .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
51385
+ color: inherit;
51386
51386
  }.adyen-kyc-individual .adyen-kyc-form {
51387
51387
  margin-bottom: 16px;
51388
51388
  }/* #region Spacing */