@adyen/kyc-components 2.25.0 → 2.25.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
@@ -37917,6 +37917,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
37917
37917
  cursor: not-allowed;
37918
37918
  opacity: 50%;
37919
37919
  }
37920
+ .adl-radio-card__loading-icon {
37921
+ align-self: center;
37922
+ border-radius: 50%;
37923
+ display: flex;
37924
+ height: 14px;
37925
+ justify-content: center;
37926
+ margin-right: 4px;
37927
+ width: 14px;
37928
+ }
37929
+ .adl-radio-card__loading-icon [class*=" adyen-kyc-icon-"],
37930
+ .adl-radio-card__loading-icon [class^=adyen-kyc-icon-] {
37931
+ align-items: center;
37932
+ color: #fff;
37933
+ display: flex;
37934
+ font-size: 7px;
37935
+ }
37936
+ .adl-radio-card__loading-icon .adl-loading-indicator::before {
37937
+ background: #a5afbd;
37938
+ }
37939
+ .adl-radio-card__loading-icon .adl-loading-indicator::after {
37940
+ border-top-color: #a5afbd;
37941
+ }
37920
37942
  .adl-radio-card__body {
37921
37943
  color: #394962;
37922
37944
  font-size: 13px;
@@ -49528,6 +49550,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49528
49550
  /* #endregion */
49529
49551
  /* #region Inline components */
49530
49552
  /* #endregion */
49553
+ /* #region Spacing */
49554
+ /* #endregion */
49555
+ /* #region Colors */
49556
+ /* #endregion */
49557
+ /* #region Fonts */
49558
+ /* #endregion */
49559
+ /* #region Borders */
49560
+ /* #endregion */
49561
+ /* #region Box-shadow */
49562
+ /* #endregion */
49563
+ /* #region Shadows */
49564
+ /* #endregion */
49565
+ /* #region Z-index */
49566
+ /* #endregion */
49567
+ /* #region Transition */
49568
+ /* #endregion */
49569
+ /* #region Timing functions */
49570
+ /* #endregion */
49571
+ /* #region Focus ring */
49572
+ /* #endregion */
49573
+ /* #region Inline components */
49574
+ /* #endregion */
49531
49575
  /* stylelint-disable-line scss/dollar-variable-pattern */
49532
49576
  /* stylelint-disable-line scss/dollar-variable-pattern */
49533
49577
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -51358,10 +51402,29 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
51358
51402
  .adl-u-width-auto {
51359
51403
  width: auto !important;
51360
51404
  }
51361
- .adyen-kyc-company-basics {
51405
+ .adyen-kyc-radio-group {
51362
51406
  display: flex;
51363
51407
  flex-direction: column;
51364
- margin-top: 18px;
51408
+ margin-top: 8px;
51409
+ }
51410
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
51411
+ display: none;
51412
+ }
51413
+ .adyen-kyc-radio-group__label {
51414
+ color: inherit;
51415
+ display: block;
51416
+ font-size: 1em;
51417
+ font-weight: normal;
51418
+ line-height: 21px;
51419
+ overflow: visible;
51420
+ padding-bottom: 0;
51421
+ padding-left: 24px;
51422
+ position: relative;
51423
+ }
51424
+ .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
51425
+ color: inherit;
51426
+ }.adyen-kyc-individual .adyen-kyc-form {
51427
+ margin-bottom: 16px;
51365
51428
  }/* #region Spacing */
51366
51429
  /* #endregion */
51367
51430
  /* #region Colors */
@@ -53214,140 +53277,20 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
53214
53277
  .adl-u-width-auto {
53215
53278
  width: auto !important;
53216
53279
  }
53217
- .adyen-kyc-company-lookup {
53218
- display: flex;
53219
- flex-direction: column;
53220
- gap: 12px;
53221
- background-color: #f3f6f9;
53222
- border-radius: 8px;
53223
- padding: 18px;
53224
- }
53225
- .adyen-kyc-company-lookup--hidden {
53226
- display: none;
53227
- }
53228
- .adyen-kyc-company-lookup__skeleton-loader {
53229
- position: relative;
53230
- overflow: hidden;
53231
- background-color: #e3e6e8;
53232
- border-radius: 8px;
53233
- width: 100%;
53234
- height: 73px;
53235
- }
53236
- .adyen-kyc-company-lookup__skeleton-loader::before {
53237
- content: "";
53238
- position: absolute;
53239
- top: 0;
53240
- left: -100%;
53241
- width: 200%;
53242
- height: 100%;
53243
- background: linear-gradient(90deg, #e3e6e8, #d1d5da, #e3e6e8);
53244
- animation: moveGradient 1.5s linear infinite;
53245
- }
53246
- @keyframes moveGradient {
53247
- 0% {
53248
- left: -100%;
53249
- }
53250
- 100% {
53251
- left: 100%;
53252
- }
53253
- }
53254
- .adyen-company-lookup-alert {
53255
- display: flex;
53256
- padding: 16px;
53257
- border-radius: 0 0 8px 8px;
53258
- margin-bottom: 8px;
53259
- box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
53260
- }
53261
- .adyen-company-lookup-alert__verified {
53262
- background-color: #e6f8ed;
53263
- }
53264
- .adyen-company-lookup-alert__warning {
53265
- background-color: #fff4e5;
53266
- }
53267
- .adyen-company-lookup-alert__error {
53268
- background-color: #fce5e5;
53269
- }
53270
- .adyen-company-lookup-alert__verified-icon::before {
53271
- display: flex;
53272
- align-items: start;
53273
- color: #07863a;
53274
- transform: scale(1.25);
53275
- }
53276
- .adyen-company-lookup-alert__warning-icon::before {
53277
- display: flex;
53278
- align-items: start;
53279
- color: #b36900;
53280
- transform: scale(1.25);
53281
- }
53282
- .adyen-company-lookup-alert__error-icon::before {
53283
- display: flex;
53284
- align-items: start;
53285
- color: #a10000;
53286
- transform: scale(1.25);
53280
+ .adyen-kyc-document-upload__subtitle {
53281
+ margin: 16px 0 8px 0;
53287
53282
  }
53288
- .adyen-company-lookup-alert__alert-description {
53289
- display: flex;
53290
- flex-direction: column;
53283
+ .adyen-kyc-document-upload__requirements {
53284
+ margin: 0 0 8px 0;
53291
53285
  padding-left: 16px;
53292
53286
  }
53293
- .adyen-company-lookup-results-header {
53294
- display: flex;
53295
- flex-direction: column;
53296
- gap: 12px;
53297
- }
53298
- .adyen-company-lookup-results-header__title-bar {
53299
- display: flex;
53300
- justify-content: space-between;
53301
- }
53302
- .adyen-company-lookup-results-header__description {
53303
- font-size: 14px;
53304
- display: flex;
53305
- align-items: flex-start;
53306
- gap: 8px;
53307
- }
53308
- .adyen-company-lookup-results-header button {
53309
- color: #06f;
53310
- border: unset;
53311
- background-color: unset;
53312
- padding: unset;
53313
- }
53314
- .adyen-company-lookup-results-header button:hover {
53315
- cursor: pointer;
53316
- color: #0047b2;
53317
- text-decoration: underline;
53318
- }
53319
- .adyen-company-lookup-results-list {
53320
- display: flex;
53321
- flex-direction: column;
53322
- gap: 12px;
53323
- }
53324
- .adyen-company-lookup-results-list__result-option {
53325
- background-color: #fff;
53326
- box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 1px 3px rgba(0, 17, 44, 0.14);
53327
- border: 1px solid #fff;
53328
- padding: 16px;
53329
- margin: unset;
53330
- }
53331
- .adyen-company-lookup-results-list__result-option .adyen-option-card-body {
53332
- display: flex;
53333
- flex-direction: column;
53334
- gap: 12px;
53335
- }
53336
- .adyen-company-lookup-results-list__result-option .adl-radio-card__header {
53337
- justify-content: space-between;
53338
- }
53339
- .adyen-company-lookup-results-list__result-option .adl-radio-card__body {
53340
- margin: 0 !important;
53341
- }
53342
- .adyen-company-lookup-results-list__result-option .adyen-kyc-radio-group-card__label {
53343
- margin-bottom: 0 !important;
53344
- }
53345
- .adyen-company-lookup-results-list__result-option--selected {
53346
- box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
53347
- border-radius: 8px 8px 0 0;
53287
+ .adyen-kyc-document-upload__manual-upload {
53288
+ margin: 16px auto 0;
53289
+ max-width: 430px;
53290
+ text-align: center;
53348
53291
  }
53349
- .adyen-company-lookup-results-list__result-option:hover {
53350
- box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
53292
+ .adyen-kyc-document-upload__manual-upload .adl-link {
53293
+ color: #69778c;
53351
53294
  }/* #region Spacing */
53352
53295
  /* #endregion */
53353
53296
  /* #region Colors */
@@ -55200,75 +55143,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
55200
55143
  .adl-u-width-auto {
55201
55144
  width: auto !important;
55202
55145
  }
55203
- .adyen-kyc-loading-input__form {
55204
- opacity: 1;
55205
- }
55206
- .adyen-kyc-loading-input__form--loading-opacity0 {
55207
- opacity: 0;
55208
- }
55209
- .adyen-kyc-loading-input__form--loading-opacity0-1 {
55210
- opacity: 0.1;
55211
- }
55212
- .adyen-kyc-loading-input__form--loading-opacity0-2 {
55213
- opacity: 0.2;
55214
- }
55215
- .adyen-kyc-loading-input__form--loading-opacity0-3 {
55216
- opacity: 0.3;
55217
- }
55218
- .adyen-kyc-loading-input__form--loading-opacity0-4 {
55219
- opacity: 0.4;
55220
- }
55221
- .adyen-kyc-loading-input__form--loading-opacity0-5 {
55222
- opacity: 0.5;
55223
- }
55224
- .adyen-kyc-loading-input__form--loading-opacity0-6 {
55225
- opacity: 0.6;
55226
- }
55227
- .adyen-kyc-loading-input__form--loading-opacity0-7 {
55228
- opacity: 0.7;
55229
- }
55230
- .adyen-kyc-loading-input__form--loading-opacity0-8 {
55231
- opacity: 0.8;
55232
- }
55233
- .adyen-kyc-loading-input__form--loading-opacity0-9 {
55234
- opacity: 0.9;
55235
- }
55236
- .adyen-kyc-loading-input__form--loading-opacity1 {
55237
- opacity: 1;
55238
- }
55239
- .adyen-kyc-loading-input__loader {
55240
- display: none;
55241
- height: 100%;
55242
- left: 0;
55243
- position: absolute;
55244
- top: 0;
55245
- width: 100%;
55246
- z-index: 1;
55247
- }
55248
- .adyen-kyc-loading-input__loader--active {
55249
- display: block;
55250
- }/* #region Spacing */
55251
- /* #endregion */
55252
- /* #region Colors */
55253
- /* #endregion */
55254
- /* #region Fonts */
55255
- /* #endregion */
55256
- /* #region Borders */
55257
- /* #endregion */
55258
- /* #region Box-shadow */
55259
- /* #endregion */
55260
- /* #region Shadows */
55261
- /* #endregion */
55262
- /* #region Z-index */
55263
- /* #endregion */
55264
- /* #region Transition */
55265
- /* #endregion */
55266
- /* #region Timing functions */
55267
- /* #endregion */
55268
- /* #region Focus ring */
55269
- /* #endregion */
55270
- /* #region Inline components */
55271
- /* #endregion */
55272
55146
  /* #region Spacing */
55273
55147
  /* #endregion */
55274
55148
  /* #region Colors */
@@ -55291,6 +55165,96 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
55291
55165
  /* #endregion */
55292
55166
  /* #region Inline components */
55293
55167
  /* #endregion */
55168
+ /* #region Spacing */
55169
+ /* #endregion */
55170
+ /* #region Colors */
55171
+ /* #endregion */
55172
+ /* #region Fonts */
55173
+ /* #endregion */
55174
+ /* #region Borders */
55175
+ /* #endregion */
55176
+ /* #region Box-shadow */
55177
+ /* #endregion */
55178
+ /* #region Shadows */
55179
+ /* #endregion */
55180
+ /* #region Z-index */
55181
+ /* #endregion */
55182
+ /* #region Transition */
55183
+ /* #endregion */
55184
+ /* #region Timing functions */
55185
+ /* #endregion */
55186
+ /* #region Focus ring */
55187
+ /* #endregion */
55188
+ /* #region Inline components */
55189
+ /* #endregion */
55190
+ /* stylelint-disable-line scss/dollar-variable-pattern */
55191
+ /* stylelint-disable-line scss/dollar-variable-pattern */
55192
+ /* stylelint-disable-line scss/dollar-variable-pattern */
55193
+ /* stylelint-disable-line scss/dollar-variable-pattern */
55194
+ /**
55195
+ * Overriding default styles with adl styles.
55196
+ */
55197
+ /* stylelint-disable selector-class-pattern */
55198
+ .adyen-kyc-id-verification {
55199
+ min-height: 250px;
55200
+ }
55201
+ .adyen-kyc-id-verification .onfido-sdk-ui-Modal-inner {
55202
+ border: 0 !important;
55203
+ position: relative !important;
55204
+ }
55205
+ .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
55206
+ border: #20304c 1px solid !important;
55207
+ }
55208
+ .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
55209
+ box-shadow: 0 0 0 1px #20304c !important;
55210
+ }
55211
+ .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
55212
+ background-color: #20304c !important;
55213
+ }
55214
+ .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
55215
+ background-color: #20304c;
55216
+ border-radius: 6px;
55217
+ }
55218
+ .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
55219
+ background-color: #394962 !important;
55220
+ }
55221
+ .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
55222
+ border-bottom-style: none !important;
55223
+ color: #20304c !important;
55224
+ }
55225
+ .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
55226
+ background: none !important;
55227
+ color: #20304c !important;
55228
+ text-decoration: underline !important;
55229
+ }
55230
+ .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
55231
+ .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploaderWrapper,
55232
+ .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploadArea,
55233
+ .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-contentWrapper {
55234
+ height: auto !important;
55235
+ }
55236
+ /* stylelint-enable selector-class-pattern *//* #region Spacing */
55237
+ /* #endregion */
55238
+ /* #region Colors */
55239
+ /* #endregion */
55240
+ /* #region Fonts */
55241
+ /* #endregion */
55242
+ /* #region Borders */
55243
+ /* #endregion */
55244
+ /* #region Box-shadow */
55245
+ /* #endregion */
55246
+ /* #region Shadows */
55247
+ /* #endregion */
55248
+ /* #region Z-index */
55249
+ /* #endregion */
55250
+ /* #region Transition */
55251
+ /* #endregion */
55252
+ /* #region Timing functions */
55253
+ /* #endregion */
55254
+ /* #region Focus ring */
55255
+ /* #endregion */
55256
+ /* #region Inline components */
55257
+ /* #endregion */
55294
55258
  /* stylelint-disable-line scss/dollar-variable-pattern */
55295
55259
  /* stylelint-disable-line scss/dollar-variable-pattern */
55296
55260
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -57121,29 +57085,53 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
57121
57085
  .adl-u-width-auto {
57122
57086
  width: auto !important;
57123
57087
  }
57124
- .adyen-kyc-radio-group {
57125
- display: flex;
57126
- flex-direction: column;
57127
- margin-top: 8px;
57088
+ .adyen-kyc-loading-input__form {
57089
+ opacity: 1;
57128
57090
  }
57129
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
57091
+ .adyen-kyc-loading-input__form--loading-opacity0 {
57092
+ opacity: 0;
57093
+ }
57094
+ .adyen-kyc-loading-input__form--loading-opacity0-1 {
57095
+ opacity: 0.1;
57096
+ }
57097
+ .adyen-kyc-loading-input__form--loading-opacity0-2 {
57098
+ opacity: 0.2;
57099
+ }
57100
+ .adyen-kyc-loading-input__form--loading-opacity0-3 {
57101
+ opacity: 0.3;
57102
+ }
57103
+ .adyen-kyc-loading-input__form--loading-opacity0-4 {
57104
+ opacity: 0.4;
57105
+ }
57106
+ .adyen-kyc-loading-input__form--loading-opacity0-5 {
57107
+ opacity: 0.5;
57108
+ }
57109
+ .adyen-kyc-loading-input__form--loading-opacity0-6 {
57110
+ opacity: 0.6;
57111
+ }
57112
+ .adyen-kyc-loading-input__form--loading-opacity0-7 {
57113
+ opacity: 0.7;
57114
+ }
57115
+ .adyen-kyc-loading-input__form--loading-opacity0-8 {
57116
+ opacity: 0.8;
57117
+ }
57118
+ .adyen-kyc-loading-input__form--loading-opacity0-9 {
57119
+ opacity: 0.9;
57120
+ }
57121
+ .adyen-kyc-loading-input__form--loading-opacity1 {
57122
+ opacity: 1;
57123
+ }
57124
+ .adyen-kyc-loading-input__loader {
57130
57125
  display: none;
57126
+ height: 100%;
57127
+ left: 0;
57128
+ position: absolute;
57129
+ top: 0;
57130
+ width: 100%;
57131
+ z-index: 1;
57131
57132
  }
57132
- .adyen-kyc-radio-group__label {
57133
- color: inherit;
57133
+ .adyen-kyc-loading-input__loader--active {
57134
57134
  display: block;
57135
- font-size: 1em;
57136
- font-weight: normal;
57137
- line-height: 21px;
57138
- overflow: visible;
57139
- padding-bottom: 0;
57140
- padding-left: 24px;
57141
- position: relative;
57142
- }
57143
- .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
57144
- color: inherit;
57145
- }.adyen-kyc-individual .adyen-kyc-form {
57146
- margin-bottom: 16px;
57147
57135
  }/* #region Spacing */
57148
57136
  /* #endregion */
57149
57137
  /* #region Colors */
@@ -58996,20 +58984,9 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
58996
58984
  .adl-u-width-auto {
58997
58985
  width: auto !important;
58998
58986
  }
58999
- .adyen-kyc-document-upload__subtitle {
59000
- margin: 16px 0 8px 0;
59001
- }
59002
- .adyen-kyc-document-upload__requirements {
59003
- margin: 0 0 8px 0;
59004
- padding-left: 16px;
59005
- }
59006
- .adyen-kyc-document-upload__manual-upload {
59007
- margin: 16px auto 0;
59008
- max-width: 430px;
59009
- text-align: center;
59010
- }
59011
- .adyen-kyc-document-upload__manual-upload .adl-link {
59012
- color: #69778c;
58987
+ .adyen-kyc-id-verification-method__guidance {
58988
+ color: #394962;
58989
+ font-size: 1em;
59013
58990
  }/* #region Spacing */
59014
58991
  /* #endregion */
59015
58992
  /* #region Colors */
@@ -60862,29 +60839,25 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
60862
60839
  .adl-u-width-auto {
60863
60840
  width: auto !important;
60864
60841
  }
60865
- /* #region Spacing */
60866
- /* #endregion */
60867
- /* #region Colors */
60868
- /* #endregion */
60869
- /* #region Fonts */
60870
- /* #endregion */
60871
- /* #region Borders */
60872
- /* #endregion */
60873
- /* #region Box-shadow */
60874
- /* #endregion */
60875
- /* #region Shadows */
60876
- /* #endregion */
60877
- /* #region Z-index */
60878
- /* #endregion */
60879
- /* #region Transition */
60880
- /* #endregion */
60881
- /* #region Timing functions */
60882
- /* #endregion */
60883
- /* #region Focus ring */
60884
- /* #endregion */
60885
- /* #region Inline components */
60886
- /* #endregion */
60887
- /* #region Spacing */
60842
+ .adyen-kyc-field--idNumberWithExempt .adyen-kyc-input--text {
60843
+ margin-bottom: 8px;
60844
+ }
60845
+ .adyen-kyc-field--us4DigitsNumberId {
60846
+ position: relative;
60847
+ }
60848
+ .adyen-kyc-field--us4DigitsNumberId::after {
60849
+ content: attr(data-placeholder);
60850
+ left: 9px;
60851
+ pointer-events: none;
60852
+ position: absolute;
60853
+ top: 34px;
60854
+ }
60855
+ .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input {
60856
+ text-indent: 8.5ch;
60857
+ }
60858
+ .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input::placeholder {
60859
+ text-indent: 0;
60860
+ }/* #region Spacing */
60888
60861
  /* #endregion */
60889
60862
  /* #region Colors */
60890
60863
  /* #endregion */
@@ -60906,53 +60879,17 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
60906
60879
  /* #endregion */
60907
60880
  /* #region Inline components */
60908
60881
  /* #endregion */
60909
- /* stylelint-disable-line scss/dollar-variable-pattern */
60910
- /* stylelint-disable-line scss/dollar-variable-pattern */
60911
- /* stylelint-disable-line scss/dollar-variable-pattern */
60912
- /* stylelint-disable-line scss/dollar-variable-pattern */
60913
- /**
60914
- * Overriding default styles with adl styles.
60915
- */
60916
- /* stylelint-disable selector-class-pattern */
60917
- .adyen-kyc-id-verification {
60918
- min-height: 250px;
60919
- }
60920
- .adyen-kyc-id-verification .onfido-sdk-ui-Modal-inner {
60921
- border: 0 !important;
60922
- position: relative !important;
60923
- }
60924
- .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
60925
- border: #20304c 1px solid !important;
60926
- }
60927
- .adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
60928
- box-shadow: 0 0 0 1px #20304c !important;
60929
- }
60930
- .adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
60931
- background-color: #20304c !important;
60932
- }
60933
- .adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
60934
- background-color: #20304c;
60935
- border-radius: 6px;
60936
- }
60937
- .adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
60938
- background-color: #394962 !important;
60939
- }
60940
- .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
60941
- border-bottom-style: none !important;
60942
- color: #20304c !important;
60882
+ .adyen-kyc-multi-select-list {
60883
+ list-style: none;
60884
+ margin: 0;
60885
+ padding: 0;
60943
60886
  }
60944
- .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
60887
+ .adyen-kyc-multi-select-list-item {
60945
60888
  background: none !important;
60946
- color: #20304c !important;
60947
- text-decoration: underline !important;
60948
- }
60949
- .adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
60950
- .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploaderWrapper,
60951
- .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploadArea,
60952
- .adyen-kyc-id-verification .onfido-sdk-ui-Uploader-contentWrapper {
60953
- height: auto !important;
60954
60889
  }
60955
- /* stylelint-enable selector-class-pattern *//* #region Spacing */
60890
+ .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
60891
+ font-weight: 600;
60892
+ }/* #region Spacing */
60956
60893
  /* #endregion */
60957
60894
  /* #region Colors */
60958
60895
  /* #endregion */
@@ -62804,9 +62741,12 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
62804
62741
  .adl-u-width-auto {
62805
62742
  width: auto !important;
62806
62743
  }
62807
- .adyen-kyc-id-verification-method__guidance {
62808
- color: #394962;
62809
- font-size: 1em;
62744
+ .adyen-kyc-bank-statement-upload__subtitle {
62745
+ margin: 16px 0 8px 0;
62746
+ }
62747
+ .adyen-kyc-bank-statement-upload__requirements {
62748
+ font-size: 13px;
62749
+ padding-left: 16px;
62810
62750
  }/* #region Spacing */
62811
62751
  /* #endregion */
62812
62752
  /* #region Colors */
@@ -64659,24 +64599,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
64659
64599
  .adl-u-width-auto {
64660
64600
  width: auto !important;
64661
64601
  }
64662
- .adyen-kyc-field--idNumberWithExempt .adyen-kyc-input--text {
64663
- margin-bottom: 8px;
64602
+ .adyen-kyc-bank-verification {
64603
+ display: flex;
64604
+ flex-flow: column;
64605
+ height: 100%;
64664
64606
  }
64665
- .adyen-kyc-field--us4DigitsNumberId {
64666
- position: relative;
64607
+ .adyen-kyc-bank-verification .adyen-action-bar {
64608
+ border-top: 1px solid #dce0e5;
64609
+ flex-flow: row;
64610
+ margin: 0;
64611
+ padding: 16px;
64667
64612
  }
64668
- .adyen-kyc-field--us4DigitsNumberId::after {
64669
- content: attr(data-placeholder);
64670
- left: 9px;
64671
- pointer-events: none;
64672
- position: absolute;
64673
- top: 34px;
64613
+ .adyen-kyc-bank-verification-container {
64614
+ background: #fff;
64615
+ border-radius: 0;
64616
+ box-shadow: none;
64617
+ inset: 0;
64674
64618
  }
64675
- .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input {
64676
- text-indent: 8.5ch;
64619
+ .adyen-kyc-bank-verification-container__fixed {
64620
+ position: fixed;
64677
64621
  }
64678
- .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input::placeholder {
64679
- text-indent: 0;
64622
+ .adyen-kyc-bank-verification-container__fixed .adyen-kyc-bank-verification-widget-container {
64623
+ flex: 1;
64624
+ }
64625
+ .adyen-kyc-bank-verification-success {
64626
+ align-items: center;
64627
+ background: #cef2dd;
64628
+ border-radius: 4px;
64629
+ color: #055f29;
64630
+ display: flex;
64631
+ font-size: 15px;
64632
+ padding: 24px 24px;
64633
+ }
64634
+ .adyen-kyc-bank-verification-success__checkmark-icon {
64635
+ display: flex;
64636
+ font-size: 21px;
64637
+ margin-right: 16px;
64680
64638
  }/* #region Spacing */
64681
64639
  /* #endregion */
64682
64640
  /* #region Colors */
@@ -64699,16 +64657,127 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
64699
64657
  /* #endregion */
64700
64658
  /* #region Inline components */
64701
64659
  /* #endregion */
64702
- .adyen-kyc-multi-select-list {
64703
- list-style: none;
64704
- margin: 0;
64705
- padding: 0;
64660
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64661
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64662
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64663
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64664
+ /* #region Spacing */
64665
+ /* #endregion */
64666
+ /* #region Colors */
64667
+ /* #endregion */
64668
+ /* #region Fonts */
64669
+ /* #endregion */
64670
+ /* #region Borders */
64671
+ /* #endregion */
64672
+ /* #region Box-shadow */
64673
+ /* #endregion */
64674
+ /* #region Shadows */
64675
+ /* #endregion */
64676
+ /* #region Z-index */
64677
+ /* #endregion */
64678
+ /* #region Transition */
64679
+ /* #endregion */
64680
+ /* #region Timing functions */
64681
+ /* #endregion */
64682
+ /* #region Focus ring */
64683
+ /* #endregion */
64684
+ /* #region Inline components */
64685
+ /* #endregion */
64686
+ /* #region Spacing */
64687
+ /* #endregion */
64688
+ /* #region Colors */
64689
+ /* #endregion */
64690
+ /* #region Fonts */
64691
+ /* #endregion */
64692
+ /* #region Borders */
64693
+ /* #endregion */
64694
+ /* #region Box-shadow */
64695
+ /* #endregion */
64696
+ /* #region Shadows */
64697
+ /* #endregion */
64698
+ /* #region Z-index */
64699
+ /* #endregion */
64700
+ /* #region Transition */
64701
+ /* #endregion */
64702
+ /* #region Timing functions */
64703
+ /* #endregion */
64704
+ /* #region Focus ring */
64705
+ /* #endregion */
64706
+ /* #region Inline components */
64707
+ /* #endregion */
64708
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64709
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64710
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64711
+ /* stylelint-disable-line scss/dollar-variable-pattern */
64712
+ /* #region Spacing */
64713
+ /* #endregion */
64714
+ /* #region Colors */
64715
+ /* #endregion */
64716
+ /* #region Fonts */
64717
+ /* #endregion */
64718
+ /* #region Borders */
64719
+ /* #endregion */
64720
+ /* #region Box-shadow */
64721
+ /* #endregion */
64722
+ /* #region Shadows */
64723
+ /* #endregion */
64724
+ /* #region Z-index */
64725
+ /* #endregion */
64726
+ /* #region Transition */
64727
+ /* #endregion */
64728
+ /* #region Timing functions */
64729
+ /* #endregion */
64730
+ /* #region Focus ring */
64731
+ /* #endregion */
64732
+ /* #region Inline components */
64733
+ /* #endregion */
64734
+ .adyen-action-bar {
64735
+ align-items: center;
64736
+ background-color: #fff;
64737
+ display: flex;
64738
+ margin: 24px 0 0 0;
64706
64739
  }
64707
- .adyen-kyc-multi-select-list-item {
64708
- background: none !important;
64740
+ .adyen-layout-xs-only .adyen-action-bar {
64741
+ flex-direction: column;
64742
+ gap: 8px;
64709
64743
  }
64710
- .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
64711
- font-weight: 600;
64744
+ .adyen-layout-md .adyen-action-bar {
64745
+ flex-flow: row-reverse;
64746
+ justify-content: space-between;
64747
+ }
64748
+ .adyen-action-bar__action {
64749
+ display: flex;
64750
+ gap: 8px;
64751
+ }
64752
+ .adyen-layout-xs-only .adyen-action-bar__action {
64753
+ width: 100%;
64754
+ }
64755
+ .adyen-action-bar__button {
64756
+ flex: 1;
64757
+ }.adyen-kyc-bank-verification-widget {
64758
+ border: 0 transparent;
64759
+ height: 100%;
64760
+ width: 100%;
64761
+ }
64762
+ .adyen-kyc-bank-verification-widget-container {
64763
+ height: 650px;
64764
+ }
64765
+ .adyen-kyc-bank-verification-widget-container .adyen-open-banking-sdk-widget {
64766
+ border: 0 transparent;
64767
+ height: 100%;
64768
+ width: 100%;
64769
+ }
64770
+ .adyen-kyc-bank-verification-widget-container:empty {
64771
+ animation-duration: 1ms;
64772
+ animation-name: adyen-kyc\:empty-bank-verification-widget-container;
64773
+ }
64774
+ @keyframes adyen-kyc\:empty-bank-verification-widget-container {
64775
+ from {
64776
+ opacity: 0.9999999;
64777
+ }
64778
+ to {
64779
+ opacity: 1;
64780
+ }
64712
64781
  }/* #region Spacing */
64713
64782
  /* #endregion */
64714
64783
  /* #region Colors */
@@ -66560,13 +66629,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
66560
66629
  }
66561
66630
  .adl-u-width-auto {
66562
66631
  width: auto !important;
66563
- }
66564
- .adyen-kyc-bank-statement-upload__subtitle {
66565
- margin: 16px 0 8px 0;
66566
- }
66567
- .adyen-kyc-bank-statement-upload__requirements {
66568
- font-size: 13px;
66569
- padding-left: 16px;
66570
66632
  }/* #region Spacing */
66571
66633
  /* #endregion */
66572
66634
  /* #region Colors */
@@ -68419,42 +68481,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68419
68481
  .adl-u-width-auto {
68420
68482
  width: auto !important;
68421
68483
  }
68422
- .adyen-kyc-bank-verification {
68423
- display: flex;
68424
- flex-flow: column;
68425
- height: 100%;
68426
- }
68427
- .adyen-kyc-bank-verification .adyen-action-bar {
68428
- border-top: 1px solid #dce0e5;
68429
- flex-flow: row;
68430
- margin: 0;
68431
- padding: 16px;
68432
- }
68433
- .adyen-kyc-bank-verification-container {
68434
- background: #fff;
68435
- border-radius: 0;
68436
- box-shadow: none;
68437
- inset: 0;
68438
- }
68439
- .adyen-kyc-bank-verification-container__fixed {
68440
- position: fixed;
68441
- }
68442
- .adyen-kyc-bank-verification-container__fixed .adyen-kyc-bank-verification-widget-container {
68443
- flex: 1;
68444
- }
68445
- .adyen-kyc-bank-verification-success {
68446
- align-items: center;
68447
- background: #cef2dd;
68448
- border-radius: 4px;
68449
- color: #055f29;
68450
- display: flex;
68451
- font-size: 15px;
68452
- padding: 24px 24px;
68453
- }
68454
- .adyen-kyc-bank-verification-success__checkmark-icon {
68455
- display: flex;
68456
- font-size: 21px;
68457
- margin-right: 16px;
68484
+ .adyen-kyc-payout__bank-statement {
68485
+ min-height: 240px;
68458
68486
  }/* #region Spacing */
68459
68487
  /* #endregion */
68460
68488
  /* #region Colors */
@@ -68477,10 +68505,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68477
68505
  /* #endregion */
68478
68506
  /* #region Inline components */
68479
68507
  /* #endregion */
68480
- /* stylelint-disable-line scss/dollar-variable-pattern */
68481
- /* stylelint-disable-line scss/dollar-variable-pattern */
68482
- /* stylelint-disable-line scss/dollar-variable-pattern */
68483
- /* stylelint-disable-line scss/dollar-variable-pattern */
68484
68508
  /* #region Spacing */
68485
68509
  /* #endregion */
68486
68510
  /* #region Colors */
@@ -68503,6 +68527,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68503
68527
  /* #endregion */
68504
68528
  /* #region Inline components */
68505
68529
  /* #endregion */
68530
+ /* stylelint-disable-line scss/dollar-variable-pattern */
68531
+ /* stylelint-disable-line scss/dollar-variable-pattern */
68532
+ /* stylelint-disable-line scss/dollar-variable-pattern */
68533
+ /* stylelint-disable-line scss/dollar-variable-pattern */
68506
68534
  /* #region Spacing */
68507
68535
  /* #endregion */
68508
68536
  /* #region Colors */
@@ -68551,128 +68579,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68551
68579
  /* #endregion */
68552
68580
  /* #region Inline components */
68553
68581
  /* #endregion */
68554
- .adyen-action-bar {
68555
- align-items: center;
68556
- background-color: #fff;
68557
- display: flex;
68558
- margin: 24px 0 0 0;
68559
- }
68560
- .adyen-layout-xs-only .adyen-action-bar {
68561
- flex-direction: column;
68562
- gap: 8px;
68563
- }
68564
- .adyen-layout-md .adyen-action-bar {
68565
- flex-flow: row-reverse;
68566
- justify-content: space-between;
68567
- }
68568
- .adyen-action-bar__action {
68569
- display: flex;
68570
- gap: 8px;
68571
- }
68572
- .adyen-layout-xs-only .adyen-action-bar__action {
68573
- width: 100%;
68574
- }
68575
- .adyen-action-bar__button {
68576
- flex: 1;
68577
- }.adyen-kyc-bank-verification-widget {
68578
- border: 0 transparent;
68579
- height: 100%;
68580
- width: 100%;
68581
- }
68582
- .adyen-kyc-bank-verification-widget-container {
68583
- height: 650px;
68584
- }
68585
- .adyen-kyc-bank-verification-widget-container .adyen-open-banking-sdk-widget {
68586
- border: 0 transparent;
68587
- height: 100%;
68588
- width: 100%;
68589
- }
68590
- .adyen-kyc-bank-verification-widget-container:empty {
68591
- animation-duration: 1ms;
68592
- animation-name: adyen-kyc\:empty-bank-verification-widget-container;
68593
- }
68594
- @keyframes adyen-kyc\:empty-bank-verification-widget-container {
68595
- from {
68596
- opacity: 0.9999999;
68597
- }
68598
- to {
68599
- opacity: 1;
68600
- }
68601
- }/* #region Spacing */
68602
- /* #endregion */
68603
- /* #region Colors */
68604
- /* #endregion */
68605
- /* #region Fonts */
68606
- /* #endregion */
68607
- /* #region Borders */
68608
- /* #endregion */
68609
- /* #region Box-shadow */
68610
- /* #endregion */
68611
- /* #region Shadows */
68612
- /* #endregion */
68613
- /* #region Z-index */
68614
- /* #endregion */
68615
- /* #region Transition */
68616
- /* #endregion */
68617
- /* #region Timing functions */
68618
- /* #endregion */
68619
- /* #region Focus ring */
68620
- /* #endregion */
68621
- /* #region Inline components */
68622
- /* #endregion */
68623
- /* stylelint-disable-line scss/dollar-variable-pattern */
68624
- /* stylelint-disable-line scss/dollar-variable-pattern */
68625
- /* stylelint-disable-line scss/dollar-variable-pattern */
68626
- /* stylelint-disable-line scss/dollar-variable-pattern */
68627
- /* #region Spacing */
68628
- /* #endregion */
68629
- /* #region Colors */
68630
- /* #endregion */
68631
- /* #region Fonts */
68632
- /* #endregion */
68633
- /* #region Borders */
68634
- /* #endregion */
68635
- /* #region Box-shadow */
68636
- /* #endregion */
68637
- /* #region Shadows */
68638
- /* #endregion */
68639
- /* #region Z-index */
68640
- /* #endregion */
68641
- /* #region Transition */
68642
- /* #endregion */
68643
- /* #region Timing functions */
68644
- /* #endregion */
68645
- /* #region Focus ring */
68646
- /* #endregion */
68647
- /* #region Inline components */
68648
- /* #endregion */
68649
- /* stylelint-disable-line scss/dollar-variable-pattern */
68650
- /* stylelint-disable-line scss/dollar-variable-pattern */
68651
- /* stylelint-disable-line scss/dollar-variable-pattern */
68652
- /* stylelint-disable-line scss/dollar-variable-pattern */
68653
- /* #region Spacing */
68654
- /* #endregion */
68655
- /* #region Colors */
68656
- /* #endregion */
68657
- /* #region Fonts */
68658
- /* #endregion */
68659
- /* #region Borders */
68660
- /* #endregion */
68661
- /* #region Box-shadow */
68662
- /* #endregion */
68663
- /* #region Shadows */
68664
- /* #endregion */
68665
- /* #region Z-index */
68666
- /* #endregion */
68667
- /* #region Transition */
68668
- /* #endregion */
68669
- /* #region Timing functions */
68670
- /* #endregion */
68671
- /* #region Focus ring */
68672
- /* #endregion */
68673
- /* #region Inline components */
68674
- /* #endregion */
68675
- /* #region Spacing */
68582
+ /* #region Spacing */
68676
68583
  /* #endregion */
68677
68584
  /* #region Colors */
68678
68585
  /* #endregion */
@@ -70449,6 +70356,92 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
70449
70356
  }
70450
70357
  .adl-u-width-auto {
70451
70358
  width: auto !important;
70359
+ }
70360
+ .adyen-kyc-account-holder-information {
70361
+ display: flex;
70362
+ }
70363
+ .adyen-kyc-account-holder-information__labels {
70364
+ color: #8390a3;
70365
+ flex: 1;
70366
+ }
70367
+ .adyen-kyc-account-holder-information__values {
70368
+ flex: 1;
70369
+ font-weight: 600;
70370
+ }
70371
+ .adyen-layout-md .adyen-kyc-field-verification-methods {
70372
+ display: flex;
70373
+ gap: 12px;
70374
+ }
70375
+ .adyen-kyc-field-verification-methods__card {
70376
+ display: flex;
70377
+ }
70378
+ .adyen-layout-md .adyen-kyc-field-verification-methods__card {
70379
+ display: block;
70380
+ }
70381
+ .adyen-kyc-field-verification-methods .adl-radio-card {
70382
+ width: 100%;
70383
+ }
70384
+ .adyen-kyc-field-verification-methods .adl-radio-card__icon {
70385
+ margin-right: 16px;
70386
+ width: 20%;
70387
+ }
70388
+ .adyen-layout-md .adyen-kyc-field-verification-methods .adl-radio-card__icon {
70389
+ margin-right: 0;
70390
+ width: auto;
70391
+ }
70392
+ .adyen-kyc-field-verification-methods .adl-radio-card__content {
70393
+ width: 80%;
70394
+ }
70395
+ .adyen-layout-md .adyen-kyc-field-verification-methods .adl-radio-card__content {
70396
+ width: auto;
70397
+ }
70398
+ .adyen-kyc-field-verification-methods__footer {
70399
+ align-items: center;
70400
+ color: #8390a3;
70401
+ display: flex;
70402
+ font-size: 13px;
70403
+ font-weight: 100;
70404
+ gap: 4px;
70405
+ justify-content: end;
70406
+ }
70407
+ .adyen-kyc-field-verification-methods__icon {
70408
+ margin-bottom: 5px;
70409
+ }
70410
+ .adyen-kyc-radio-group-card__illustration {
70411
+ display: flex;
70412
+ justify-content: center;
70413
+ }
70414
+ .adl-guidance-list {
70415
+ margin: 0;
70416
+ padding-left: 12px;
70417
+ }
70418
+ .adl-guidance-list__item {
70419
+ margin-bottom: 4px;
70420
+ }
70421
+ .adl-guidance-external-link {
70422
+ font-size: 13px;
70423
+ }
70424
+ .adyen-kyc-instant-verification-error,
70425
+ .adyen-kyc-instant-verification-error > *,
70426
+ .adyen-kyc-instant-verification-error .adl-alert__title {
70427
+ display: block;
70428
+ }
70429
+ .adyen-kyc-instant-verification-error > * {
70430
+ left: 16px;
70431
+ margin: 0 16px;
70432
+ position: relative;
70433
+ }
70434
+ .adyen-kyc-instant-verification-error > *:not(.adl-alert__header) {
70435
+ color: #20304c;
70436
+ font-size: 14px;
70437
+ }
70438
+ .adyen-kyc-instant-verification-error .adl-alert__title {
70439
+ line-height: 1.25;
70440
+ margin: 0 0 4px;
70441
+ }
70442
+ .adyen-kyc-instant-verification-error .adl-alert__icon {
70443
+ left: -28px;
70444
+ position: absolute;
70452
70445
  }/* #region Spacing */
70453
70446
  /* #endregion */
70454
70447
  /* #region Colors */
@@ -70471,6 +70464,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
70471
70464
  /* #endregion */
70472
70465
  /* #region Inline components */
70473
70466
  /* #endregion */
70467
+ /* #region Spacing */
70468
+ /* #endregion */
70469
+ /* #region Colors */
70470
+ /* #endregion */
70471
+ /* #region Fonts */
70472
+ /* #endregion */
70473
+ /* #region Borders */
70474
+ /* #endregion */
70475
+ /* #region Box-shadow */
70476
+ /* #endregion */
70477
+ /* #region Shadows */
70478
+ /* #endregion */
70479
+ /* #region Z-index */
70480
+ /* #endregion */
70481
+ /* #region Transition */
70482
+ /* #endregion */
70483
+ /* #region Timing functions */
70484
+ /* #endregion */
70485
+ /* #region Focus ring */
70486
+ /* #endregion */
70487
+ /* #region Inline components */
70488
+ /* #endregion */
70474
70489
  /* stylelint-disable-line scss/dollar-variable-pattern */
70475
70490
  /* stylelint-disable-line scss/dollar-variable-pattern */
70476
70491
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -72301,8 +72316,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72301
72316
  .adl-u-width-auto {
72302
72317
  width: auto !important;
72303
72318
  }
72304
- .adyen-kyc-payout__bank-statement {
72305
- min-height: 240px;
72319
+ .adyen-kyc-individual .adyen-kyc-form {
72320
+ margin-bottom: 16px;
72306
72321
  }/* #region Spacing */
72307
72322
  /* #endregion */
72308
72323
  /* #region Colors */
@@ -72325,7 +72340,22 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72325
72340
  /* #endregion */
72326
72341
  /* #region Inline components */
72327
72342
  /* #endregion */
72328
- /* #region Spacing */
72343
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72344
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72345
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72346
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72347
+ .adl-context-helper {
72348
+ background-color: #f3f6f9;
72349
+ border-radius: 4px;
72350
+ margin: 16px 0;
72351
+ padding: 8px 12px;
72352
+ }
72353
+ .adl-context-helper__content {
72354
+ color: #394962;
72355
+ display: flex;
72356
+ font-size: 13px;
72357
+ gap: 8px;
72358
+ }/* #region Spacing */
72329
72359
  /* #endregion */
72330
72360
  /* #region Colors */
72331
72361
  /* #endregion */
@@ -72351,7 +72381,22 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72351
72381
  /* stylelint-disable-line scss/dollar-variable-pattern */
72352
72382
  /* stylelint-disable-line scss/dollar-variable-pattern */
72353
72383
  /* stylelint-disable-line scss/dollar-variable-pattern */
72354
- /* #region Spacing */
72384
+ .adyen-kyc-form-container {
72385
+ width: 100%;
72386
+ }
72387
+ .adyen-layout-md .adyen-kyc-form-container {
72388
+ flex: 1;
72389
+ width: auto;
72390
+ }
72391
+ .adyen-kyc-form-wrapper--hidden {
72392
+ display: none;
72393
+ }
72394
+ .adyen-kyc-dropin__sidebar-wrapper {
72395
+ width: 27%;
72396
+ }
72397
+ .adyen-layout-xs-only .adyen-kyc-dropin__content-main {
72398
+ flex-direction: column;
72399
+ }/* #region Spacing */
72355
72400
  /* #endregion */
72356
72401
  /* #region Colors */
72357
72402
  /* #endregion */
@@ -72377,7 +72422,228 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72377
72422
  /* stylelint-disable-line scss/dollar-variable-pattern */
72378
72423
  /* stylelint-disable-line scss/dollar-variable-pattern */
72379
72424
  /* stylelint-disable-line scss/dollar-variable-pattern */
72380
- /* #region Spacing */
72425
+ /* stylelint-disable scss/dollar-variable-default */
72426
+ /* stylelint-enable scss/dollar-variable-default */
72427
+ .adyen-kyc-dropin {
72428
+ color: #00112c;
72429
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
72430
+ font-size: 15px;
72431
+ -webkit-font-smoothing: antialiased;
72432
+ -moz-osx-font-smoothing: grayscale;
72433
+ font-weight: 400;
72434
+ line-height: 1.4;
72435
+ background: #fff;
72436
+ display: flex;
72437
+ flex-direction: column;
72438
+ height: 100%;
72439
+ overflow: hidden;
72440
+ position: relative;
72441
+ width: 100%;
72442
+ }
72443
+ .adyen-kyc-dropin *,
72444
+ .adyen-kyc-dropin *::before,
72445
+ .adyen-kyc-dropin *::after {
72446
+ box-sizing: border-box;
72447
+ }
72448
+ .adyen-kyc-dropin-container {
72449
+ min-height: 480px;
72450
+ transform: scale(1);
72451
+ width: 100%;
72452
+ }
72453
+ .adyen-kyc-dropin__content {
72454
+ display: flex;
72455
+ flex: 1;
72456
+ flex-direction: column;
72457
+ height: calc(100% - 56px);
72458
+ overflow: auto;
72459
+ }
72460
+ .adyen-layout-md .adyen-kyc-dropin__content {
72461
+ height: calc(100% - 72px);
72462
+ }
72463
+ .adyen-kyc-dropin__content-main {
72464
+ display: flex;
72465
+ flex: 1;
72466
+ padding: 16px;
72467
+ width: 100%;
72468
+ }
72469
+ .adyen-layout-md .adyen-kyc-dropin__content-main {
72470
+ padding: 24px;
72471
+ }
72472
+ .adyen-layout-lg .adyen-kyc-dropin__content-main {
72473
+ padding: 40px;
72474
+ }
72475
+ .adyen-kyc-dropin__main {
72476
+ border-radius: 6px;
72477
+ width: 100%;
72478
+ }/* #region Spacing */
72479
+ /* #endregion */
72480
+ /* #region Colors */
72481
+ /* #endregion */
72482
+ /* #region Fonts */
72483
+ /* #endregion */
72484
+ /* #region Borders */
72485
+ /* #endregion */
72486
+ /* #region Box-shadow */
72487
+ /* #endregion */
72488
+ /* #region Shadows */
72489
+ /* #endregion */
72490
+ /* #region Z-index */
72491
+ /* #endregion */
72492
+ /* #region Transition */
72493
+ /* #endregion */
72494
+ /* #region Timing functions */
72495
+ /* #endregion */
72496
+ /* #region Focus ring */
72497
+ /* #endregion */
72498
+ /* #region Inline components */
72499
+ /* #endregion */
72500
+ /* #region Spacing */
72501
+ /* #endregion */
72502
+ /* #region Colors */
72503
+ /* #endregion */
72504
+ /* #region Fonts */
72505
+ /* #endregion */
72506
+ /* #region Borders */
72507
+ /* #endregion */
72508
+ /* #region Box-shadow */
72509
+ /* #endregion */
72510
+ /* #region Shadows */
72511
+ /* #endregion */
72512
+ /* #region Z-index */
72513
+ /* #endregion */
72514
+ /* #region Transition */
72515
+ /* #endregion */
72516
+ /* #region Timing functions */
72517
+ /* #endregion */
72518
+ /* #region Focus ring */
72519
+ /* #endregion */
72520
+ /* #region Inline components */
72521
+ /* #endregion */
72522
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72523
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72524
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72525
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72526
+ .adyen-kyc-loading-input__form .adyen-kyc-form-navigation {
72527
+ width: 100%;
72528
+ }
72529
+ .adyen-kyc-form-navigation {
72530
+ width: 27%;
72531
+ }
72532
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
72533
+ display: none;
72534
+ }
72535
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adl-button__text {
72536
+ font-size: 0;
72537
+ }
72538
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
72539
+ font-size: 21px;
72540
+ padding-left: 0;
72541
+ }
72542
+ .adyen-layout-md .adyen-kyc-form-navigation {
72543
+ padding-right: 40px;
72544
+ }
72545
+ .adyen-layout-md .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
72546
+ display: none;
72547
+ }
72548
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72549
+ display: none;
72550
+ }
72551
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72552
+ color: #8390a3;
72553
+ font-size: 13px;
72554
+ font-weight: 600;
72555
+ text-transform: uppercase;
72556
+ }
72557
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
72558
+ margin: 0;
72559
+ padding: 0;
72560
+ }
72561
+ .adyen-kyc-form-navigation__step-count {
72562
+ color: #69778c;
72563
+ font-size: 13px;
72564
+ font-weight: 600;
72565
+ }
72566
+ .adyen-kyc-form-navigation__home-button-item {
72567
+ align-items: center;
72568
+ display: flex;
72569
+ justify-content: space-between;
72570
+ list-style-type: none;
72571
+ margin-bottom: 16px;
72572
+ }/* #region Spacing */
72573
+ /* #endregion */
72574
+ /* #region Colors */
72575
+ /* #endregion */
72576
+ /* #region Fonts */
72577
+ /* #endregion */
72578
+ /* #region Borders */
72579
+ /* #endregion */
72580
+ /* #region Box-shadow */
72581
+ /* #endregion */
72582
+ /* #region Shadows */
72583
+ /* #endregion */
72584
+ /* #region Z-index */
72585
+ /* #endregion */
72586
+ /* #region Transition */
72587
+ /* #endregion */
72588
+ /* #region Timing functions */
72589
+ /* #endregion */
72590
+ /* #region Focus ring */
72591
+ /* #endregion */
72592
+ /* #region Inline components */
72593
+ /* #endregion */
72594
+ /* #region Spacing */
72595
+ /* #endregion */
72596
+ /* #region Colors */
72597
+ /* #endregion */
72598
+ /* #region Fonts */
72599
+ /* #endregion */
72600
+ /* #region Borders */
72601
+ /* #endregion */
72602
+ /* #region Box-shadow */
72603
+ /* #endregion */
72604
+ /* #region Shadows */
72605
+ /* #endregion */
72606
+ /* #region Z-index */
72607
+ /* #endregion */
72608
+ /* #region Transition */
72609
+ /* #endregion */
72610
+ /* #region Timing functions */
72611
+ /* #endregion */
72612
+ /* #region Focus ring */
72613
+ /* #endregion */
72614
+ /* #region Inline components */
72615
+ /* #endregion */
72616
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72617
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72618
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72619
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72620
+ /* #region Spacing */
72621
+ /* #endregion */
72622
+ /* #region Colors */
72623
+ /* #endregion */
72624
+ /* #region Fonts */
72625
+ /* #endregion */
72626
+ /* #region Borders */
72627
+ /* #endregion */
72628
+ /* #region Box-shadow */
72629
+ /* #endregion */
72630
+ /* #region Shadows */
72631
+ /* #endregion */
72632
+ /* #region Z-index */
72633
+ /* #endregion */
72634
+ /* #region Transition */
72635
+ /* #endregion */
72636
+ /* #region Timing functions */
72637
+ /* #endregion */
72638
+ /* #region Focus ring */
72639
+ /* #endregion */
72640
+ /* #region Inline components */
72641
+ /* #endregion */
72642
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72643
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72644
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72645
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72646
+ /* #region Spacing */
72381
72647
  /* #endregion */
72382
72648
  /* #region Colors */
72383
72649
  /* #endregion */
@@ -74177,91 +74443,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
74177
74443
  .adl-u-width-auto {
74178
74444
  width: auto !important;
74179
74445
  }
74180
- .adyen-kyc-account-holder-information {
74181
- display: flex;
74182
- }
74183
- .adyen-kyc-account-holder-information__labels {
74184
- color: #8390a3;
74185
- flex: 1;
74186
- }
74187
- .adyen-kyc-account-holder-information__values {
74188
- flex: 1;
74189
- font-weight: 600;
74190
- }
74191
- .adyen-layout-md .adyen-kyc-field-verification-methods {
74192
- display: flex;
74193
- gap: 12px;
74194
- }
74195
- .adyen-kyc-field-verification-methods__card {
74196
- display: flex;
74197
- }
74198
- .adyen-layout-md .adyen-kyc-field-verification-methods__card {
74199
- display: block;
74200
- }
74201
- .adyen-kyc-field-verification-methods .adl-radio-card {
74202
- width: 100%;
74203
- }
74204
- .adyen-kyc-field-verification-methods .adl-radio-card__icon {
74205
- margin-right: 16px;
74206
- width: 20%;
74207
- }
74208
- .adyen-layout-md .adyen-kyc-field-verification-methods .adl-radio-card__icon {
74209
- margin-right: 0;
74210
- width: auto;
74211
- }
74212
- .adyen-kyc-field-verification-methods .adl-radio-card__content {
74213
- width: 80%;
74214
- }
74215
- .adyen-layout-md .adyen-kyc-field-verification-methods .adl-radio-card__content {
74216
- width: auto;
74217
- }
74218
- .adyen-kyc-field-verification-methods__footer {
74446
+ .adyen-kyc-form-navigation__item {
74219
74447
  align-items: center;
74220
- color: #8390a3;
74221
- display: flex;
74222
- font-size: 13px;
74223
- font-weight: 100;
74224
- gap: 4px;
74225
- justify-content: end;
74226
- }
74227
- .adyen-kyc-field-verification-methods__icon {
74228
- margin-bottom: 5px;
74229
- }
74230
- .adyen-kyc-radio-group-card__illustration {
74448
+ border-left: 2px solid #f3f6f9;
74449
+ box-sizing: border-box;
74450
+ color: #00112c;
74451
+ cursor: default;
74231
74452
  display: flex;
74232
- justify-content: center;
74233
- }
74234
- .adl-guidance-list {
74235
- margin: 0;
74236
- padding-left: 12px;
74453
+ flex-direction: row;
74454
+ font-size: 15px;
74455
+ line-height: 21px;
74456
+ padding: 8px 0 8px 8px;
74237
74457
  }
74238
- .adl-guidance-list__item {
74239
- margin-bottom: 4px;
74458
+ .adyen-kyc-form-navigation__item--active {
74459
+ border-left: 2px solid #06f;
74460
+ color: #06f;
74240
74461
  }
74241
- .adl-guidance-external-link {
74242
- font-size: 13px;
74462
+ .adyen-kyc-form-navigation__item--isnav {
74463
+ cursor: pointer;
74243
74464
  }
74244
- .adyen-kyc-instant-verification-error,
74245
- .adyen-kyc-instant-verification-error > *,
74246
- .adyen-kyc-instant-verification-error .adl-alert__title {
74247
- display: block;
74465
+ .adyen-kyc-form-navigation__item-icon {
74466
+ display: flex;
74467
+ margin-left: 8px;
74248
74468
  }
74249
- .adyen-kyc-instant-verification-error > * {
74250
- left: 16px;
74251
- margin: 0 16px;
74252
- position: relative;
74469
+ .adyen-kyc-form-navigation__item-icon [class*=" adyen-kyc-icon-"],
74470
+ .adyen-kyc-form-navigation__item-icon [class^=adyen-kyc-icon-] {
74471
+ display: inline-flex;
74253
74472
  }
74254
- .adyen-kyc-instant-verification-error > *:not(.adl-alert__header) {
74255
- color: #20304c;
74256
- font-size: 14px;
74473
+ .adyen-kyc-form-navigation__item-icon--success {
74474
+ color: #0abf53;
74257
74475
  }
74258
- .adyen-kyc-instant-verification-error .adl-alert__title {
74259
- line-height: 1.25;
74260
- margin: 0 0 4px;
74476
+ .adyen-kyc-form-navigation__item-icon--success [class*=" adyen-kyc-icon-"],
74477
+ .adyen-kyc-form-navigation__item-icon--success [class^=adyen-kyc-icon-] {
74478
+ font-size: 21px;
74261
74479
  }
74262
- .adyen-kyc-instant-verification-error .adl-alert__icon {
74263
- left: -28px;
74264
- position: absolute;
74480
+ .adyen-kyc-form-navigation__item-icon--error {
74481
+ color: #720000;
74265
74482
  }/* #region Spacing */
74266
74483
  /* #endregion */
74267
74484
  /* #region Colors */
@@ -74284,6 +74501,1723 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
74284
74501
  /* #endregion */
74285
74502
  /* #region Inline components */
74286
74503
  /* #endregion */
74504
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74505
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74506
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74507
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74508
+ /* #region Spacing */
74509
+ /* #endregion */
74510
+ /* #region Colors */
74511
+ /* #endregion */
74512
+ /* #region Fonts */
74513
+ /* #endregion */
74514
+ /* #region Borders */
74515
+ /* #endregion */
74516
+ /* #region Box-shadow */
74517
+ /* #endregion */
74518
+ /* #region Shadows */
74519
+ /* #endregion */
74520
+ /* #region Z-index */
74521
+ /* #endregion */
74522
+ /* #region Transition */
74523
+ /* #endregion */
74524
+ /* #region Timing functions */
74525
+ /* #endregion */
74526
+ /* #region Focus ring */
74527
+ /* #endregion */
74528
+ /* #region Inline components */
74529
+ /* #endregion */
74530
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74531
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74532
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74533
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74534
+ /* #region Spacing */
74535
+ /* #endregion */
74536
+ /* #region Colors */
74537
+ /* #endregion */
74538
+ /* #region Fonts */
74539
+ /* #endregion */
74540
+ /* #region Borders */
74541
+ /* #endregion */
74542
+ /* #region Box-shadow */
74543
+ /* #endregion */
74544
+ /* #region Shadows */
74545
+ /* #endregion */
74546
+ /* #region Z-index */
74547
+ /* #endregion */
74548
+ /* #region Transition */
74549
+ /* #endregion */
74550
+ /* #region Timing functions */
74551
+ /* #endregion */
74552
+ /* #region Focus ring */
74553
+ /* #endregion */
74554
+ /* #region Inline components */
74555
+ /* #endregion */
74556
+ /* #region Spacing */
74557
+ /* #endregion */
74558
+ /* #region Colors */
74559
+ /* #endregion */
74560
+ /* #region Fonts */
74561
+ /* #endregion */
74562
+ /* #region Borders */
74563
+ /* #endregion */
74564
+ /* #region Box-shadow */
74565
+ /* #endregion */
74566
+ /* #region Shadows */
74567
+ /* #endregion */
74568
+ /* #region Z-index */
74569
+ /* #endregion */
74570
+ /* #region Transition */
74571
+ /* #endregion */
74572
+ /* #region Timing functions */
74573
+ /* #endregion */
74574
+ /* #region Focus ring */
74575
+ /* #endregion */
74576
+ /* #region Inline components */
74577
+ /* #endregion */
74578
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74579
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74580
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74581
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74582
+ .adl-u-screen-reader-only {
74583
+ border: 0;
74584
+ clip: rect(0, 0, 0, 0);
74585
+ height: 1px;
74586
+ overflow: hidden;
74587
+ padding: 0 !important;
74588
+ position: absolute;
74589
+ white-space: nowrap;
74590
+ width: 1px;
74591
+ }
74592
+ .adl-u-screen-reader-only-focusable {
74593
+ border: 0;
74594
+ clip: rect(0, 0, 0, 0);
74595
+ height: 1px;
74596
+ overflow: hidden;
74597
+ padding: 0 !important;
74598
+ position: absolute;
74599
+ white-space: nowrap;
74600
+ width: 1px;
74601
+ }
74602
+ .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
74603
+ clip: auto;
74604
+ height: auto;
74605
+ overflow: visible;
74606
+ position: static;
74607
+ white-space: normal;
74608
+ width: auto;
74609
+ }
74610
+ /* #region Spacing */
74611
+ /* #endregion */
74612
+ /* #region Colors */
74613
+ /* #endregion */
74614
+ /* #region Fonts */
74615
+ /* #endregion */
74616
+ /* #region Borders */
74617
+ /* #endregion */
74618
+ /* #region Box-shadow */
74619
+ /* #endregion */
74620
+ /* #region Shadows */
74621
+ /* #endregion */
74622
+ /* #region Z-index */
74623
+ /* #endregion */
74624
+ /* #region Transition */
74625
+ /* #endregion */
74626
+ /* #region Timing functions */
74627
+ /* #endregion */
74628
+ /* #region Focus ring */
74629
+ /* #endregion */
74630
+ /* #region Inline components */
74631
+ /* #endregion */
74632
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74633
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74634
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74635
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74636
+ .adl-u-text-align-center {
74637
+ text-align: center !important;
74638
+ }
74639
+ .adl-u-text-align-left {
74640
+ text-align: left !important;
74641
+ }
74642
+ .adl-u-text-align-right {
74643
+ text-align: right !important;
74644
+ }
74645
+ .adl-u-text-align-justify {
74646
+ text-align: justify !important;
74647
+ }
74648
+ .adl-u-vertical-align-baseline {
74649
+ vertical-align: baseline !important;
74650
+ }
74651
+ .adl-u-vertical-align-top {
74652
+ vertical-align: top !important;
74653
+ }
74654
+ .adl-u-vertical-align-middle {
74655
+ vertical-align: middle !important;
74656
+ }
74657
+ .adl-u-vertical-align-bottom {
74658
+ vertical-align: bottom !important;
74659
+ }
74660
+ .adl-u-vertical-align-text-top {
74661
+ vertical-align: text-top !important;
74662
+ }
74663
+ .adl-u-vertical-align-text-bottom {
74664
+ vertical-align: text-bottom !important;
74665
+ }
74666
+ .adl-u-float-left {
74667
+ float: left !important;
74668
+ }
74669
+ .adl-u-float-right {
74670
+ float: right !important;
74671
+ }
74672
+ /* #region Spacing */
74673
+ /* #endregion */
74674
+ /* #region Colors */
74675
+ /* #endregion */
74676
+ /* #region Fonts */
74677
+ /* #endregion */
74678
+ /* #region Borders */
74679
+ /* #endregion */
74680
+ /* #region Box-shadow */
74681
+ /* #endregion */
74682
+ /* #region Shadows */
74683
+ /* #endregion */
74684
+ /* #region Z-index */
74685
+ /* #endregion */
74686
+ /* #region Transition */
74687
+ /* #endregion */
74688
+ /* #region Timing functions */
74689
+ /* #endregion */
74690
+ /* #region Focus ring */
74691
+ /* #endregion */
74692
+ /* #region Inline components */
74693
+ /* #endregion */
74694
+ /* #region Spacing */
74695
+ /* #endregion */
74696
+ /* #region Colors */
74697
+ /* #endregion */
74698
+ /* #region Fonts */
74699
+ /* #endregion */
74700
+ /* #region Borders */
74701
+ /* #endregion */
74702
+ /* #region Box-shadow */
74703
+ /* #endregion */
74704
+ /* #region Shadows */
74705
+ /* #endregion */
74706
+ /* #region Z-index */
74707
+ /* #endregion */
74708
+ /* #region Transition */
74709
+ /* #endregion */
74710
+ /* #region Timing functions */
74711
+ /* #endregion */
74712
+ /* #region Focus ring */
74713
+ /* #endregion */
74714
+ /* #region Inline components */
74715
+ /* #endregion */
74716
+ .adl-u-border-none {
74717
+ border: none !important;
74718
+ }
74719
+ .adl-u-border-bottom-none {
74720
+ border-bottom: none !important;
74721
+ }
74722
+ .adl-u-border-left-none {
74723
+ border-left: none !important;
74724
+ }
74725
+ .adl-u-border-right-none {
74726
+ border-right: none !important;
74727
+ }
74728
+ .adl-u-border-top-none {
74729
+ border-top: none !important;
74730
+ }
74731
+ .adl-u-border-x-none {
74732
+ border-left: none !important;
74733
+ border-right: none !important;
74734
+ }
74735
+ .adl-u-border-y-none {
74736
+ border-bottom: none !important;
74737
+ border-top: none !important;
74738
+ }
74739
+ .adl-u-border-radius-4 {
74740
+ border-radius: 4px !important;
74741
+ }
74742
+ .adl-u-border-radius-6 {
74743
+ border-radius: 6px !important;
74744
+ }
74745
+ .adl-u-border-radius-8 {
74746
+ border-radius: 8px !important;
74747
+ }
74748
+ .adl-u-border-radius-12 {
74749
+ border-radius: 12px !important;
74750
+ }
74751
+ /* #region Spacing */
74752
+ /* #endregion */
74753
+ /* #region Colors */
74754
+ /* #endregion */
74755
+ /* #region Fonts */
74756
+ /* #endregion */
74757
+ /* #region Borders */
74758
+ /* #endregion */
74759
+ /* #region Box-shadow */
74760
+ /* #endregion */
74761
+ /* #region Shadows */
74762
+ /* #endregion */
74763
+ /* #region Z-index */
74764
+ /* #endregion */
74765
+ /* #region Transition */
74766
+ /* #endregion */
74767
+ /* #region Timing functions */
74768
+ /* #endregion */
74769
+ /* #region Focus ring */
74770
+ /* #endregion */
74771
+ /* #region Inline components */
74772
+ /* #endregion */
74773
+ /* #region Spacing */
74774
+ /* #endregion */
74775
+ /* #region Colors */
74776
+ /* #endregion */
74777
+ /* #region Fonts */
74778
+ /* #endregion */
74779
+ /* #region Borders */
74780
+ /* #endregion */
74781
+ /* #region Box-shadow */
74782
+ /* #endregion */
74783
+ /* #region Shadows */
74784
+ /* #endregion */
74785
+ /* #region Z-index */
74786
+ /* #endregion */
74787
+ /* #region Transition */
74788
+ /* #endregion */
74789
+ /* #region Timing functions */
74790
+ /* #endregion */
74791
+ /* #region Focus ring */
74792
+ /* #endregion */
74793
+ /* #region Inline components */
74794
+ /* #endregion */
74795
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74796
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74797
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74798
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74799
+ .adl-u-color-white {
74800
+ color: #fff !important;
74801
+ }
74802
+ .adl-u-color-black {
74803
+ color: #00112c !important;
74804
+ }
74805
+ .adl-u-color-grey-10 {
74806
+ color: #f3f6f9 !important;
74807
+ }
74808
+ .adl-u-color-grey-20 {
74809
+ color: #dce0e5 !important;
74810
+ }
74811
+ .adl-u-color-grey-30 {
74812
+ color: #a5afbd !important;
74813
+ }
74814
+ .adl-u-color-grey-40 {
74815
+ color: #8390a3 !important;
74816
+ }
74817
+ .adl-u-color-grey-50 {
74818
+ color: #69778c !important;
74819
+ }
74820
+ .adl-u-color-grey-60 {
74821
+ color: #394962 !important;
74822
+ }
74823
+ .adl-u-color-grey-70 {
74824
+ color: #20304c !important;
74825
+ }
74826
+ .adl-u-color-info-10 {
74827
+ color: #e6f0ff !important;
74828
+ }
74829
+ .adl-u-color-info-20 {
74830
+ color: #cce0ff !important;
74831
+ }
74832
+ .adl-u-color-info-30 {
74833
+ color: #80b2ff !important;
74834
+ }
74835
+ .adl-u-color-info-40 {
74836
+ color: #06f !important;
74837
+ }
74838
+ .adl-u-color-info-50 {
74839
+ color: #0047b2 !important;
74840
+ }
74841
+ .adl-u-color-info-60 {
74842
+ color: #002866 !important;
74843
+ }
74844
+ .adl-u-color-info-70 {
74845
+ color: #001e4c !important;
74846
+ }
74847
+ .adl-u-color-warning-10 {
74848
+ color: #fff4e5 !important;
74849
+ }
74850
+ .adl-u-color-warning-20 {
74851
+ color: #ffeacc !important;
74852
+ }
74853
+ .adl-u-color-warning-30 {
74854
+ color: #ffba59 !important;
74855
+ }
74856
+ .adl-u-color-warning-40 {
74857
+ color: #ff9500 !important;
74858
+ }
74859
+ .adl-u-color-warning-50 {
74860
+ color: #b36900 !important;
74861
+ }
74862
+ .adl-u-color-warning-60 {
74863
+ color: #7f4a00 !important;
74864
+ }
74865
+ .adl-u-color-warning-70 {
74866
+ color: #593400 !important;
74867
+ }
74868
+ .adl-u-color-success-10 {
74869
+ color: #e6f8ed !important;
74870
+ }
74871
+ .adl-u-color-success-20 {
74872
+ color: #cef2dd !important;
74873
+ }
74874
+ .adl-u-color-success-30 {
74875
+ color: #60d58f !important;
74876
+ }
74877
+ .adl-u-color-success-40 {
74878
+ color: #0abf53 !important;
74879
+ }
74880
+ .adl-u-color-success-50 {
74881
+ color: #07863a !important;
74882
+ }
74883
+ .adl-u-color-success-60 {
74884
+ color: #055f29 !important;
74885
+ }
74886
+ .adl-u-color-success-70 {
74887
+ color: #03431d !important;
74888
+ }
74889
+ .adl-u-color-error-10 {
74890
+ color: #fce5e5 !important;
74891
+ }
74892
+ .adl-u-color-error-20 {
74893
+ color: #facccc !important;
74894
+ }
74895
+ .adl-u-color-error-30 {
74896
+ color: #ee5959 !important;
74897
+ }
74898
+ .adl-u-color-error-40 {
74899
+ color: #e50000 !important;
74900
+ }
74901
+ .adl-u-color-error-50 {
74902
+ color: #a10000 !important;
74903
+ }
74904
+ .adl-u-color-error-60 {
74905
+ color: #720000 !important;
74906
+ }
74907
+ .adl-u-color-error-70 {
74908
+ color: #500000 !important;
74909
+ }
74910
+ .adl-u-color-mint-10 {
74911
+ color: #e6fdf7 !important;
74912
+ }
74913
+ .adl-u-color-mint-20 {
74914
+ color: #cdfaef !important;
74915
+ }
74916
+ .adl-u-color-mint-30 {
74917
+ color: #5cf0cc !important;
74918
+ }
74919
+ .adl-u-color-mint-40 {
74920
+ color: #05e8b1 !important;
74921
+ }
74922
+ .adl-u-color-mint-50 {
74923
+ color: #04a37c !important;
74924
+ }
74925
+ .adl-u-color-mint-60 {
74926
+ color: #027458 !important;
74927
+ }
74928
+ .adl-u-color-mint-70 {
74929
+ color: #02513e !important;
74930
+ }
74931
+ .adl-u-color-brand {
74932
+ color: #0abf53 !important;
74933
+ }
74934
+ .adl-u-color-default {
74935
+ color: #06f !important;
74936
+ }
74937
+ .adl-u-color-disabled {
74938
+ color: #8390a3 !important;
74939
+ }
74940
+ .adl-u-color-quiet {
74941
+ color: #a5afbd !important;
74942
+ }
74943
+ .adl-u-color-inherit {
74944
+ color: inherit !important;
74945
+ }
74946
+ .adl-u-background-color-white {
74947
+ background-color: #fff !important;
74948
+ }
74949
+ .adl-u-background-color-black {
74950
+ background-color: #00112c !important;
74951
+ }
74952
+ .adl-u-background-color-grey-10 {
74953
+ background-color: #f3f6f9 !important;
74954
+ }
74955
+ .adl-u-background-color-grey-20 {
74956
+ background-color: #dce0e5 !important;
74957
+ }
74958
+ .adl-u-background-color-grey-30 {
74959
+ background-color: #a5afbd !important;
74960
+ }
74961
+ .adl-u-background-color-grey-40 {
74962
+ background-color: #8390a3 !important;
74963
+ }
74964
+ .adl-u-background-color-grey-50 {
74965
+ background-color: #69778c !important;
74966
+ }
74967
+ .adl-u-background-color-grey-60 {
74968
+ background-color: #394962 !important;
74969
+ }
74970
+ .adl-u-background-color-grey-70 {
74971
+ background-color: #20304c !important;
74972
+ }
74973
+ .adl-u-background-color-info-10 {
74974
+ background-color: #e6f0ff !important;
74975
+ }
74976
+ .adl-u-background-color-info-20 {
74977
+ background-color: #cce0ff !important;
74978
+ }
74979
+ .adl-u-background-color-info-30 {
74980
+ background-color: #80b2ff !important;
74981
+ }
74982
+ .adl-u-background-color-info-40 {
74983
+ background-color: #06f !important;
74984
+ }
74985
+ .adl-u-background-color-info-50 {
74986
+ background-color: #0047b2 !important;
74987
+ }
74988
+ .adl-u-background-color-info-60 {
74989
+ background-color: #002866 !important;
74990
+ }
74991
+ .adl-u-background-color-info-70 {
74992
+ background-color: #001e4c !important;
74993
+ }
74994
+ .adl-u-background-color-warning-10 {
74995
+ background-color: #fff4e5 !important;
74996
+ }
74997
+ .adl-u-background-color-warning-20 {
74998
+ background-color: #ffeacc !important;
74999
+ }
75000
+ .adl-u-background-color-warning-30 {
75001
+ background-color: #ffba59 !important;
75002
+ }
75003
+ .adl-u-background-color-warning-40 {
75004
+ background-color: #ff9500 !important;
75005
+ }
75006
+ .adl-u-background-color-warning-50 {
75007
+ background-color: #b36900 !important;
75008
+ }
75009
+ .adl-u-background-color-warning-60 {
75010
+ background-color: #7f4a00 !important;
75011
+ }
75012
+ .adl-u-background-color-warning-70 {
75013
+ background-color: #593400 !important;
75014
+ }
75015
+ .adl-u-background-color-success-10 {
75016
+ background-color: #e6f8ed !important;
75017
+ }
75018
+ .adl-u-background-color-success-20 {
75019
+ background-color: #cef2dd !important;
75020
+ }
75021
+ .adl-u-background-color-success-30 {
75022
+ background-color: #60d58f !important;
75023
+ }
75024
+ .adl-u-background-color-success-40 {
75025
+ background-color: #0abf53 !important;
75026
+ }
75027
+ .adl-u-background-color-success-50 {
75028
+ background-color: #07863a !important;
75029
+ }
75030
+ .adl-u-background-color-success-60 {
75031
+ background-color: #055f29 !important;
75032
+ }
75033
+ .adl-u-background-color-success-70 {
75034
+ background-color: #03431d !important;
75035
+ }
75036
+ .adl-u-background-color-error-10 {
75037
+ background-color: #fce5e5 !important;
75038
+ }
75039
+ .adl-u-background-color-error-20 {
75040
+ background-color: #facccc !important;
75041
+ }
75042
+ .adl-u-background-color-error-30 {
75043
+ background-color: #ee5959 !important;
75044
+ }
75045
+ .adl-u-background-color-error-40 {
75046
+ background-color: #e50000 !important;
75047
+ }
75048
+ .adl-u-background-color-error-50 {
75049
+ background-color: #a10000 !important;
75050
+ }
75051
+ .adl-u-background-color-error-60 {
75052
+ background-color: #720000 !important;
75053
+ }
75054
+ .adl-u-background-color-error-70 {
75055
+ background-color: #500000 !important;
75056
+ }
75057
+ .adl-u-background-color-mint-10 {
75058
+ background-color: #e6fdf7 !important;
75059
+ }
75060
+ .adl-u-background-color-mint-20 {
75061
+ background-color: #cdfaef !important;
75062
+ }
75063
+ .adl-u-background-color-mint-30 {
75064
+ background-color: #5cf0cc !important;
75065
+ }
75066
+ .adl-u-background-color-mint-40 {
75067
+ background-color: #05e8b1 !important;
75068
+ }
75069
+ .adl-u-background-color-mint-50 {
75070
+ background-color: #04a37c !important;
75071
+ }
75072
+ .adl-u-background-color-mint-60 {
75073
+ background-color: #027458 !important;
75074
+ }
75075
+ .adl-u-background-color-mint-70 {
75076
+ background-color: #02513e !important;
75077
+ }
75078
+ .adl-u-background-color-brand {
75079
+ background-color: #0abf53 !important;
75080
+ }
75081
+ .adl-u-background-color-default {
75082
+ background-color: #06f !important;
75083
+ }
75084
+ .adl-u-background-color-disabled {
75085
+ background-color: #8390a3 !important;
75086
+ }
75087
+ .adl-u-background-color-quiet {
75088
+ background-color: #a5afbd !important;
75089
+ }
75090
+ .adl-u-background-color-inherit {
75091
+ background-color: inherit !important;
75092
+ }
75093
+ /* #region Spacing */
75094
+ /* #endregion */
75095
+ /* #region Colors */
75096
+ /* #endregion */
75097
+ /* #region Fonts */
75098
+ /* #endregion */
75099
+ /* #region Borders */
75100
+ /* #endregion */
75101
+ /* #region Box-shadow */
75102
+ /* #endregion */
75103
+ /* #region Shadows */
75104
+ /* #endregion */
75105
+ /* #region Z-index */
75106
+ /* #endregion */
75107
+ /* #region Transition */
75108
+ /* #endregion */
75109
+ /* #region Timing functions */
75110
+ /* #endregion */
75111
+ /* #region Focus ring */
75112
+ /* #endregion */
75113
+ /* #region Inline components */
75114
+ /* #endregion */
75115
+ /* #region Spacing */
75116
+ /* #endregion */
75117
+ /* #region Colors */
75118
+ /* #endregion */
75119
+ /* #region Fonts */
75120
+ /* #endregion */
75121
+ /* #region Borders */
75122
+ /* #endregion */
75123
+ /* #region Box-shadow */
75124
+ /* #endregion */
75125
+ /* #region Shadows */
75126
+ /* #endregion */
75127
+ /* #region Z-index */
75128
+ /* #endregion */
75129
+ /* #region Transition */
75130
+ /* #endregion */
75131
+ /* #region Timing functions */
75132
+ /* #endregion */
75133
+ /* #region Focus ring */
75134
+ /* #endregion */
75135
+ /* #region Inline components */
75136
+ /* #endregion */
75137
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75138
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75139
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75140
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75141
+ .adl-u-overflow-auto {
75142
+ overflow: auto !important;
75143
+ }
75144
+ .adl-u-overflow-hidden {
75145
+ overflow: hidden !important;
75146
+ }
75147
+ .adl-u-overflow-scroll {
75148
+ overflow: scroll !important;
75149
+ }
75150
+ .adl-u-overflow-visible {
75151
+ overflow: visible !important;
75152
+ }
75153
+ .adl-u-overflow-x-auto {
75154
+ overflow-x: auto !important;
75155
+ }
75156
+ .adl-u-overflow-x-hidden {
75157
+ overflow-x: hidden !important;
75158
+ }
75159
+ .adl-u-overflow-x-scroll {
75160
+ overflow-x: scroll !important;
75161
+ }
75162
+ .adl-u-overflow-x-visible {
75163
+ overflow-x: visible !important;
75164
+ }
75165
+ .adl-u-overflow-y-auto {
75166
+ overflow-y: auto !important;
75167
+ }
75168
+ .adl-u-overflow-y-hidden {
75169
+ overflow-y: hidden !important;
75170
+ }
75171
+ .adl-u-overflow-y-scroll {
75172
+ overflow-y: scroll !important;
75173
+ }
75174
+ .adl-u-overflow-y-visible {
75175
+ overflow-y: visible !important;
75176
+ }
75177
+ /* #region Spacing */
75178
+ /* #endregion */
75179
+ /* #region Colors */
75180
+ /* #endregion */
75181
+ /* #region Fonts */
75182
+ /* #endregion */
75183
+ /* #region Borders */
75184
+ /* #endregion */
75185
+ /* #region Box-shadow */
75186
+ /* #endregion */
75187
+ /* #region Shadows */
75188
+ /* #endregion */
75189
+ /* #region Z-index */
75190
+ /* #endregion */
75191
+ /* #region Transition */
75192
+ /* #endregion */
75193
+ /* #region Timing functions */
75194
+ /* #endregion */
75195
+ /* #region Focus ring */
75196
+ /* #endregion */
75197
+ /* #region Inline components */
75198
+ /* #endregion */
75199
+ /* #region Spacing */
75200
+ /* #endregion */
75201
+ /* #region Colors */
75202
+ /* #endregion */
75203
+ /* #region Fonts */
75204
+ /* #endregion */
75205
+ /* #region Borders */
75206
+ /* #endregion */
75207
+ /* #region Box-shadow */
75208
+ /* #endregion */
75209
+ /* #region Shadows */
75210
+ /* #endregion */
75211
+ /* #region Z-index */
75212
+ /* #endregion */
75213
+ /* #region Transition */
75214
+ /* #endregion */
75215
+ /* #region Timing functions */
75216
+ /* #endregion */
75217
+ /* #region Focus ring */
75218
+ /* #endregion */
75219
+ /* #region Inline components */
75220
+ /* #endregion */
75221
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75222
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75223
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75224
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75225
+ .adl-u-position-static {
75226
+ position: static !important;
75227
+ }
75228
+ .adl-u-position-relative {
75229
+ position: relative !important;
75230
+ }
75231
+ .adl-u-position-absolute {
75232
+ position: absolute !important;
75233
+ }
75234
+ .adl-u-position-sticky {
75235
+ position: sticky !important;
75236
+ }
75237
+ .adl-u-position-fixed {
75238
+ position: fixed !important;
75239
+ }
75240
+ .adl-u-bottom-0 {
75241
+ bottom: 0 !important;
75242
+ }
75243
+ .adl-u-left-0 {
75244
+ left: 0 !important;
75245
+ }
75246
+ .adl-u-right-0 {
75247
+ right: 0 !important;
75248
+ }
75249
+ .adl-u-top-0 {
75250
+ top: 0 !important;
75251
+ }
75252
+ /* #region Spacing */
75253
+ /* #endregion */
75254
+ /* #region Colors */
75255
+ /* #endregion */
75256
+ /* #region Fonts */
75257
+ /* #endregion */
75258
+ /* #region Borders */
75259
+ /* #endregion */
75260
+ /* #region Box-shadow */
75261
+ /* #endregion */
75262
+ /* #region Shadows */
75263
+ /* #endregion */
75264
+ /* #region Z-index */
75265
+ /* #endregion */
75266
+ /* #region Transition */
75267
+ /* #endregion */
75268
+ /* #region Timing functions */
75269
+ /* #endregion */
75270
+ /* #region Focus ring */
75271
+ /* #endregion */
75272
+ /* #region Inline components */
75273
+ /* #endregion */
75274
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75275
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75276
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75277
+ /* stylelint-disable-line scss/dollar-variable-pattern */
75278
+ /* #region Spacing */
75279
+ /* #endregion */
75280
+ /* #region Colors */
75281
+ /* #endregion */
75282
+ /* #region Fonts */
75283
+ /* #endregion */
75284
+ /* #region Borders */
75285
+ /* #endregion */
75286
+ /* #region Box-shadow */
75287
+ /* #endregion */
75288
+ /* #region Shadows */
75289
+ /* #endregion */
75290
+ /* #region Z-index */
75291
+ /* #endregion */
75292
+ /* #region Transition */
75293
+ /* #endregion */
75294
+ /* #region Timing functions */
75295
+ /* #endregion */
75296
+ /* #region Focus ring */
75297
+ /* #endregion */
75298
+ /* #region Inline components */
75299
+ /* #endregion */
75300
+ .adl-u-padding-2 {
75301
+ padding: 2px !important;
75302
+ }
75303
+ .adl-u-padding-bottom-2 {
75304
+ padding-bottom: 2px !important;
75305
+ }
75306
+ .adl-u-padding-left-2 {
75307
+ padding-left: 2px !important;
75308
+ }
75309
+ .adl-u-padding-right-2 {
75310
+ padding-right: 2px !important;
75311
+ }
75312
+ .adl-u-padding-top-2 {
75313
+ padding-top: 2px !important;
75314
+ }
75315
+ .adl-u-padding-x-2 {
75316
+ padding-left: 2px !important;
75317
+ padding-right: 2px !important;
75318
+ }
75319
+ .adl-u-padding-y-2 {
75320
+ padding-bottom: 2px !important;
75321
+ padding-top: 2px !important;
75322
+ }
75323
+ .adl-u-padding-4 {
75324
+ padding: 4px !important;
75325
+ }
75326
+ .adl-u-padding-bottom-4 {
75327
+ padding-bottom: 4px !important;
75328
+ }
75329
+ .adl-u-padding-left-4 {
75330
+ padding-left: 4px !important;
75331
+ }
75332
+ .adl-u-padding-right-4 {
75333
+ padding-right: 4px !important;
75334
+ }
75335
+ .adl-u-padding-top-4 {
75336
+ padding-top: 4px !important;
75337
+ }
75338
+ .adl-u-padding-x-4 {
75339
+ padding-left: 4px !important;
75340
+ padding-right: 4px !important;
75341
+ }
75342
+ .adl-u-padding-y-4 {
75343
+ padding-bottom: 4px !important;
75344
+ padding-top: 4px !important;
75345
+ }
75346
+ .adl-u-padding-8 {
75347
+ padding: 8px !important;
75348
+ }
75349
+ .adl-u-padding-bottom-8 {
75350
+ padding-bottom: 8px !important;
75351
+ }
75352
+ .adl-u-padding-left-8 {
75353
+ padding-left: 8px !important;
75354
+ }
75355
+ .adl-u-padding-right-8 {
75356
+ padding-right: 8px !important;
75357
+ }
75358
+ .adl-u-padding-top-8 {
75359
+ padding-top: 8px !important;
75360
+ }
75361
+ .adl-u-padding-x-8 {
75362
+ padding-left: 8px !important;
75363
+ padding-right: 8px !important;
75364
+ }
75365
+ .adl-u-padding-y-8 {
75366
+ padding-bottom: 8px !important;
75367
+ padding-top: 8px !important;
75368
+ }
75369
+ .adl-u-padding-16 {
75370
+ padding: 16px !important;
75371
+ }
75372
+ .adl-u-padding-bottom-16 {
75373
+ padding-bottom: 16px !important;
75374
+ }
75375
+ .adl-u-padding-left-16 {
75376
+ padding-left: 16px !important;
75377
+ }
75378
+ .adl-u-padding-right-16 {
75379
+ padding-right: 16px !important;
75380
+ }
75381
+ .adl-u-padding-top-16 {
75382
+ padding-top: 16px !important;
75383
+ }
75384
+ .adl-u-padding-x-16 {
75385
+ padding-left: 16px !important;
75386
+ padding-right: 16px !important;
75387
+ }
75388
+ .adl-u-padding-y-16 {
75389
+ padding-bottom: 16px !important;
75390
+ padding-top: 16px !important;
75391
+ }
75392
+ .adl-u-padding-24 {
75393
+ padding: 24px !important;
75394
+ }
75395
+ .adl-u-padding-bottom-24 {
75396
+ padding-bottom: 24px !important;
75397
+ }
75398
+ .adl-u-padding-left-24 {
75399
+ padding-left: 24px !important;
75400
+ }
75401
+ .adl-u-padding-right-24 {
75402
+ padding-right: 24px !important;
75403
+ }
75404
+ .adl-u-padding-top-24 {
75405
+ padding-top: 24px !important;
75406
+ }
75407
+ .adl-u-padding-x-24 {
75408
+ padding-left: 24px !important;
75409
+ padding-right: 24px !important;
75410
+ }
75411
+ .adl-u-padding-y-24 {
75412
+ padding-bottom: 24px !important;
75413
+ padding-top: 24px !important;
75414
+ }
75415
+ .adl-u-padding-32 {
75416
+ padding: 32px !important;
75417
+ }
75418
+ .adl-u-padding-bottom-32 {
75419
+ padding-bottom: 32px !important;
75420
+ }
75421
+ .adl-u-padding-left-32 {
75422
+ padding-left: 32px !important;
75423
+ }
75424
+ .adl-u-padding-right-32 {
75425
+ padding-right: 32px !important;
75426
+ }
75427
+ .adl-u-padding-top-32 {
75428
+ padding-top: 32px !important;
75429
+ }
75430
+ .adl-u-padding-x-32 {
75431
+ padding-left: 32px !important;
75432
+ padding-right: 32px !important;
75433
+ }
75434
+ .adl-u-padding-y-32 {
75435
+ padding-bottom: 32px !important;
75436
+ padding-top: 32px !important;
75437
+ }
75438
+ .adl-u-padding-40 {
75439
+ padding: 40px !important;
75440
+ }
75441
+ .adl-u-padding-bottom-40 {
75442
+ padding-bottom: 40px !important;
75443
+ }
75444
+ .adl-u-padding-left-40 {
75445
+ padding-left: 40px !important;
75446
+ }
75447
+ .adl-u-padding-right-40 {
75448
+ padding-right: 40px !important;
75449
+ }
75450
+ .adl-u-padding-top-40 {
75451
+ padding-top: 40px !important;
75452
+ }
75453
+ .adl-u-padding-x-40 {
75454
+ padding-left: 40px !important;
75455
+ padding-right: 40px !important;
75456
+ }
75457
+ .adl-u-padding-y-40 {
75458
+ padding-bottom: 40px !important;
75459
+ padding-top: 40px !important;
75460
+ }
75461
+ .adl-u-padding-48 {
75462
+ padding: 48px !important;
75463
+ }
75464
+ .adl-u-padding-bottom-48 {
75465
+ padding-bottom: 48px !important;
75466
+ }
75467
+ .adl-u-padding-left-48 {
75468
+ padding-left: 48px !important;
75469
+ }
75470
+ .adl-u-padding-right-48 {
75471
+ padding-right: 48px !important;
75472
+ }
75473
+ .adl-u-padding-top-48 {
75474
+ padding-top: 48px !important;
75475
+ }
75476
+ .adl-u-padding-x-48 {
75477
+ padding-left: 48px !important;
75478
+ padding-right: 48px !important;
75479
+ }
75480
+ .adl-u-padding-y-48 {
75481
+ padding-bottom: 48px !important;
75482
+ padding-top: 48px !important;
75483
+ }
75484
+ .adl-u-padding-56 {
75485
+ padding: 56px !important;
75486
+ }
75487
+ .adl-u-padding-bottom-56 {
75488
+ padding-bottom: 56px !important;
75489
+ }
75490
+ .adl-u-padding-left-56 {
75491
+ padding-left: 56px !important;
75492
+ }
75493
+ .adl-u-padding-right-56 {
75494
+ padding-right: 56px !important;
75495
+ }
75496
+ .adl-u-padding-top-56 {
75497
+ padding-top: 56px !important;
75498
+ }
75499
+ .adl-u-padding-x-56 {
75500
+ padding-left: 56px !important;
75501
+ padding-right: 56px !important;
75502
+ }
75503
+ .adl-u-padding-y-56 {
75504
+ padding-bottom: 56px !important;
75505
+ padding-top: 56px !important;
75506
+ }
75507
+ .adl-u-padding-64 {
75508
+ padding: 64px !important;
75509
+ }
75510
+ .adl-u-padding-bottom-64 {
75511
+ padding-bottom: 64px !important;
75512
+ }
75513
+ .adl-u-padding-left-64 {
75514
+ padding-left: 64px !important;
75515
+ }
75516
+ .adl-u-padding-right-64 {
75517
+ padding-right: 64px !important;
75518
+ }
75519
+ .adl-u-padding-top-64 {
75520
+ padding-top: 64px !important;
75521
+ }
75522
+ .adl-u-padding-x-64 {
75523
+ padding-left: 64px !important;
75524
+ padding-right: 64px !important;
75525
+ }
75526
+ .adl-u-padding-y-64 {
75527
+ padding-bottom: 64px !important;
75528
+ padding-top: 64px !important;
75529
+ }
75530
+ .adl-u-padding-72 {
75531
+ padding: 72px !important;
75532
+ }
75533
+ .adl-u-padding-bottom-72 {
75534
+ padding-bottom: 72px !important;
75535
+ }
75536
+ .adl-u-padding-left-72 {
75537
+ padding-left: 72px !important;
75538
+ }
75539
+ .adl-u-padding-right-72 {
75540
+ padding-right: 72px !important;
75541
+ }
75542
+ .adl-u-padding-top-72 {
75543
+ padding-top: 72px !important;
75544
+ }
75545
+ .adl-u-padding-x-72 {
75546
+ padding-left: 72px !important;
75547
+ padding-right: 72px !important;
75548
+ }
75549
+ .adl-u-padding-y-72 {
75550
+ padding-bottom: 72px !important;
75551
+ padding-top: 72px !important;
75552
+ }
75553
+ .adl-u-padding-80 {
75554
+ padding: 80px !important;
75555
+ }
75556
+ .adl-u-padding-bottom-80 {
75557
+ padding-bottom: 80px !important;
75558
+ }
75559
+ .adl-u-padding-left-80 {
75560
+ padding-left: 80px !important;
75561
+ }
75562
+ .adl-u-padding-right-80 {
75563
+ padding-right: 80px !important;
75564
+ }
75565
+ .adl-u-padding-top-80 {
75566
+ padding-top: 80px !important;
75567
+ }
75568
+ .adl-u-padding-x-80 {
75569
+ padding-left: 80px !important;
75570
+ padding-right: 80px !important;
75571
+ }
75572
+ .adl-u-padding-y-80 {
75573
+ padding-bottom: 80px !important;
75574
+ padding-top: 80px !important;
75575
+ }
75576
+ .adl-u-padding-88 {
75577
+ padding: 88px !important;
75578
+ }
75579
+ .adl-u-padding-bottom-88 {
75580
+ padding-bottom: 88px !important;
75581
+ }
75582
+ .adl-u-padding-left-88 {
75583
+ padding-left: 88px !important;
75584
+ }
75585
+ .adl-u-padding-right-88 {
75586
+ padding-right: 88px !important;
75587
+ }
75588
+ .adl-u-padding-top-88 {
75589
+ padding-top: 88px !important;
75590
+ }
75591
+ .adl-u-padding-x-88 {
75592
+ padding-left: 88px !important;
75593
+ padding-right: 88px !important;
75594
+ }
75595
+ .adl-u-padding-y-88 {
75596
+ padding-bottom: 88px !important;
75597
+ padding-top: 88px !important;
75598
+ }
75599
+ .adl-u-padding-96 {
75600
+ padding: 96px !important;
75601
+ }
75602
+ .adl-u-padding-bottom-96 {
75603
+ padding-bottom: 96px !important;
75604
+ }
75605
+ .adl-u-padding-left-96 {
75606
+ padding-left: 96px !important;
75607
+ }
75608
+ .adl-u-padding-right-96 {
75609
+ padding-right: 96px !important;
75610
+ }
75611
+ .adl-u-padding-top-96 {
75612
+ padding-top: 96px !important;
75613
+ }
75614
+ .adl-u-padding-x-96 {
75615
+ padding-left: 96px !important;
75616
+ padding-right: 96px !important;
75617
+ }
75618
+ .adl-u-padding-y-96 {
75619
+ padding-bottom: 96px !important;
75620
+ padding-top: 96px !important;
75621
+ }
75622
+ .adl-u-padding-0 {
75623
+ padding: 0 !important;
75624
+ }
75625
+ .adl-u-padding-bottom-0 {
75626
+ padding-bottom: 0 !important;
75627
+ }
75628
+ .adl-u-padding-left-0 {
75629
+ padding-left: 0 !important;
75630
+ }
75631
+ .adl-u-padding-right-0 {
75632
+ padding-right: 0 !important;
75633
+ }
75634
+ .adl-u-padding-top-0 {
75635
+ padding-top: 0 !important;
75636
+ }
75637
+ .adl-u-padding-x-0 {
75638
+ padding-left: 0 !important;
75639
+ padding-right: 0 !important;
75640
+ }
75641
+ .adl-u-padding-y-0 {
75642
+ padding-bottom: 0 !important;
75643
+ padding-top: 0 !important;
75644
+ }
75645
+ .adl-u-padding-auto {
75646
+ padding: auto !important;
75647
+ }
75648
+ .adl-u-padding-bottom-auto {
75649
+ padding-bottom: auto !important;
75650
+ }
75651
+ .adl-u-padding-left-auto {
75652
+ padding-left: auto !important;
75653
+ }
75654
+ .adl-u-padding-right-auto {
75655
+ padding-right: auto !important;
75656
+ }
75657
+ .adl-u-padding-top-auto {
75658
+ padding-top: auto !important;
75659
+ }
75660
+ .adl-u-padding-x-auto {
75661
+ padding-left: auto !important;
75662
+ padding-right: auto !important;
75663
+ }
75664
+ .adl-u-padding-y-auto {
75665
+ padding-bottom: auto !important;
75666
+ padding-top: auto !important;
75667
+ }
75668
+ .adl-u-margin-2 {
75669
+ margin: 2px !important;
75670
+ }
75671
+ .adl-u-margin-bottom-2 {
75672
+ margin-bottom: 2px !important;
75673
+ }
75674
+ .adl-u-margin-left-2 {
75675
+ margin-left: 2px !important;
75676
+ }
75677
+ .adl-u-margin-right-2 {
75678
+ margin-right: 2px !important;
75679
+ }
75680
+ .adl-u-margin-top-2 {
75681
+ margin-top: 2px !important;
75682
+ }
75683
+ .adl-u-margin-x-2 {
75684
+ margin-left: 2px !important;
75685
+ margin-right: 2px !important;
75686
+ }
75687
+ .adl-u-margin-y-2 {
75688
+ margin-bottom: 2px !important;
75689
+ margin-top: 2px !important;
75690
+ }
75691
+ .adl-u-margin-4 {
75692
+ margin: 4px !important;
75693
+ }
75694
+ .adl-u-margin-bottom-4 {
75695
+ margin-bottom: 4px !important;
75696
+ }
75697
+ .adl-u-margin-left-4 {
75698
+ margin-left: 4px !important;
75699
+ }
75700
+ .adl-u-margin-right-4 {
75701
+ margin-right: 4px !important;
75702
+ }
75703
+ .adl-u-margin-top-4 {
75704
+ margin-top: 4px !important;
75705
+ }
75706
+ .adl-u-margin-x-4 {
75707
+ margin-left: 4px !important;
75708
+ margin-right: 4px !important;
75709
+ }
75710
+ .adl-u-margin-y-4 {
75711
+ margin-bottom: 4px !important;
75712
+ margin-top: 4px !important;
75713
+ }
75714
+ .adl-u-margin-8 {
75715
+ margin: 8px !important;
75716
+ }
75717
+ .adl-u-margin-bottom-8 {
75718
+ margin-bottom: 8px !important;
75719
+ }
75720
+ .adl-u-margin-left-8 {
75721
+ margin-left: 8px !important;
75722
+ }
75723
+ .adl-u-margin-right-8 {
75724
+ margin-right: 8px !important;
75725
+ }
75726
+ .adl-u-margin-top-8 {
75727
+ margin-top: 8px !important;
75728
+ }
75729
+ .adl-u-margin-x-8 {
75730
+ margin-left: 8px !important;
75731
+ margin-right: 8px !important;
75732
+ }
75733
+ .adl-u-margin-y-8 {
75734
+ margin-bottom: 8px !important;
75735
+ margin-top: 8px !important;
75736
+ }
75737
+ .adl-u-margin-16 {
75738
+ margin: 16px !important;
75739
+ }
75740
+ .adl-u-margin-bottom-16 {
75741
+ margin-bottom: 16px !important;
75742
+ }
75743
+ .adl-u-margin-left-16 {
75744
+ margin-left: 16px !important;
75745
+ }
75746
+ .adl-u-margin-right-16 {
75747
+ margin-right: 16px !important;
75748
+ }
75749
+ .adl-u-margin-top-16 {
75750
+ margin-top: 16px !important;
75751
+ }
75752
+ .adl-u-margin-x-16 {
75753
+ margin-left: 16px !important;
75754
+ margin-right: 16px !important;
75755
+ }
75756
+ .adl-u-margin-y-16 {
75757
+ margin-bottom: 16px !important;
75758
+ margin-top: 16px !important;
75759
+ }
75760
+ .adl-u-margin-24 {
75761
+ margin: 24px !important;
75762
+ }
75763
+ .adl-u-margin-bottom-24 {
75764
+ margin-bottom: 24px !important;
75765
+ }
75766
+ .adl-u-margin-left-24 {
75767
+ margin-left: 24px !important;
75768
+ }
75769
+ .adl-u-margin-right-24 {
75770
+ margin-right: 24px !important;
75771
+ }
75772
+ .adl-u-margin-top-24 {
75773
+ margin-top: 24px !important;
75774
+ }
75775
+ .adl-u-margin-x-24 {
75776
+ margin-left: 24px !important;
75777
+ margin-right: 24px !important;
75778
+ }
75779
+ .adl-u-margin-y-24 {
75780
+ margin-bottom: 24px !important;
75781
+ margin-top: 24px !important;
75782
+ }
75783
+ .adl-u-margin-32 {
75784
+ margin: 32px !important;
75785
+ }
75786
+ .adl-u-margin-bottom-32 {
75787
+ margin-bottom: 32px !important;
75788
+ }
75789
+ .adl-u-margin-left-32 {
75790
+ margin-left: 32px !important;
75791
+ }
75792
+ .adl-u-margin-right-32 {
75793
+ margin-right: 32px !important;
75794
+ }
75795
+ .adl-u-margin-top-32 {
75796
+ margin-top: 32px !important;
75797
+ }
75798
+ .adl-u-margin-x-32 {
75799
+ margin-left: 32px !important;
75800
+ margin-right: 32px !important;
75801
+ }
75802
+ .adl-u-margin-y-32 {
75803
+ margin-bottom: 32px !important;
75804
+ margin-top: 32px !important;
75805
+ }
75806
+ .adl-u-margin-40 {
75807
+ margin: 40px !important;
75808
+ }
75809
+ .adl-u-margin-bottom-40 {
75810
+ margin-bottom: 40px !important;
75811
+ }
75812
+ .adl-u-margin-left-40 {
75813
+ margin-left: 40px !important;
75814
+ }
75815
+ .adl-u-margin-right-40 {
75816
+ margin-right: 40px !important;
75817
+ }
75818
+ .adl-u-margin-top-40 {
75819
+ margin-top: 40px !important;
75820
+ }
75821
+ .adl-u-margin-x-40 {
75822
+ margin-left: 40px !important;
75823
+ margin-right: 40px !important;
75824
+ }
75825
+ .adl-u-margin-y-40 {
75826
+ margin-bottom: 40px !important;
75827
+ margin-top: 40px !important;
75828
+ }
75829
+ .adl-u-margin-48 {
75830
+ margin: 48px !important;
75831
+ }
75832
+ .adl-u-margin-bottom-48 {
75833
+ margin-bottom: 48px !important;
75834
+ }
75835
+ .adl-u-margin-left-48 {
75836
+ margin-left: 48px !important;
75837
+ }
75838
+ .adl-u-margin-right-48 {
75839
+ margin-right: 48px !important;
75840
+ }
75841
+ .adl-u-margin-top-48 {
75842
+ margin-top: 48px !important;
75843
+ }
75844
+ .adl-u-margin-x-48 {
75845
+ margin-left: 48px !important;
75846
+ margin-right: 48px !important;
75847
+ }
75848
+ .adl-u-margin-y-48 {
75849
+ margin-bottom: 48px !important;
75850
+ margin-top: 48px !important;
75851
+ }
75852
+ .adl-u-margin-56 {
75853
+ margin: 56px !important;
75854
+ }
75855
+ .adl-u-margin-bottom-56 {
75856
+ margin-bottom: 56px !important;
75857
+ }
75858
+ .adl-u-margin-left-56 {
75859
+ margin-left: 56px !important;
75860
+ }
75861
+ .adl-u-margin-right-56 {
75862
+ margin-right: 56px !important;
75863
+ }
75864
+ .adl-u-margin-top-56 {
75865
+ margin-top: 56px !important;
75866
+ }
75867
+ .adl-u-margin-x-56 {
75868
+ margin-left: 56px !important;
75869
+ margin-right: 56px !important;
75870
+ }
75871
+ .adl-u-margin-y-56 {
75872
+ margin-bottom: 56px !important;
75873
+ margin-top: 56px !important;
75874
+ }
75875
+ .adl-u-margin-64 {
75876
+ margin: 64px !important;
75877
+ }
75878
+ .adl-u-margin-bottom-64 {
75879
+ margin-bottom: 64px !important;
75880
+ }
75881
+ .adl-u-margin-left-64 {
75882
+ margin-left: 64px !important;
75883
+ }
75884
+ .adl-u-margin-right-64 {
75885
+ margin-right: 64px !important;
75886
+ }
75887
+ .adl-u-margin-top-64 {
75888
+ margin-top: 64px !important;
75889
+ }
75890
+ .adl-u-margin-x-64 {
75891
+ margin-left: 64px !important;
75892
+ margin-right: 64px !important;
75893
+ }
75894
+ .adl-u-margin-y-64 {
75895
+ margin-bottom: 64px !important;
75896
+ margin-top: 64px !important;
75897
+ }
75898
+ .adl-u-margin-72 {
75899
+ margin: 72px !important;
75900
+ }
75901
+ .adl-u-margin-bottom-72 {
75902
+ margin-bottom: 72px !important;
75903
+ }
75904
+ .adl-u-margin-left-72 {
75905
+ margin-left: 72px !important;
75906
+ }
75907
+ .adl-u-margin-right-72 {
75908
+ margin-right: 72px !important;
75909
+ }
75910
+ .adl-u-margin-top-72 {
75911
+ margin-top: 72px !important;
75912
+ }
75913
+ .adl-u-margin-x-72 {
75914
+ margin-left: 72px !important;
75915
+ margin-right: 72px !important;
75916
+ }
75917
+ .adl-u-margin-y-72 {
75918
+ margin-bottom: 72px !important;
75919
+ margin-top: 72px !important;
75920
+ }
75921
+ .adl-u-margin-80 {
75922
+ margin: 80px !important;
75923
+ }
75924
+ .adl-u-margin-bottom-80 {
75925
+ margin-bottom: 80px !important;
75926
+ }
75927
+ .adl-u-margin-left-80 {
75928
+ margin-left: 80px !important;
75929
+ }
75930
+ .adl-u-margin-right-80 {
75931
+ margin-right: 80px !important;
75932
+ }
75933
+ .adl-u-margin-top-80 {
75934
+ margin-top: 80px !important;
75935
+ }
75936
+ .adl-u-margin-x-80 {
75937
+ margin-left: 80px !important;
75938
+ margin-right: 80px !important;
75939
+ }
75940
+ .adl-u-margin-y-80 {
75941
+ margin-bottom: 80px !important;
75942
+ margin-top: 80px !important;
75943
+ }
75944
+ .adl-u-margin-88 {
75945
+ margin: 88px !important;
75946
+ }
75947
+ .adl-u-margin-bottom-88 {
75948
+ margin-bottom: 88px !important;
75949
+ }
75950
+ .adl-u-margin-left-88 {
75951
+ margin-left: 88px !important;
75952
+ }
75953
+ .adl-u-margin-right-88 {
75954
+ margin-right: 88px !important;
75955
+ }
75956
+ .adl-u-margin-top-88 {
75957
+ margin-top: 88px !important;
75958
+ }
75959
+ .adl-u-margin-x-88 {
75960
+ margin-left: 88px !important;
75961
+ margin-right: 88px !important;
75962
+ }
75963
+ .adl-u-margin-y-88 {
75964
+ margin-bottom: 88px !important;
75965
+ margin-top: 88px !important;
75966
+ }
75967
+ .adl-u-margin-96 {
75968
+ margin: 96px !important;
75969
+ }
75970
+ .adl-u-margin-bottom-96 {
75971
+ margin-bottom: 96px !important;
75972
+ }
75973
+ .adl-u-margin-left-96 {
75974
+ margin-left: 96px !important;
75975
+ }
75976
+ .adl-u-margin-right-96 {
75977
+ margin-right: 96px !important;
75978
+ }
75979
+ .adl-u-margin-top-96 {
75980
+ margin-top: 96px !important;
75981
+ }
75982
+ .adl-u-margin-x-96 {
75983
+ margin-left: 96px !important;
75984
+ margin-right: 96px !important;
75985
+ }
75986
+ .adl-u-margin-y-96 {
75987
+ margin-bottom: 96px !important;
75988
+ margin-top: 96px !important;
75989
+ }
75990
+ .adl-u-margin-0 {
75991
+ margin: 0 !important;
75992
+ }
75993
+ .adl-u-margin-bottom-0 {
75994
+ margin-bottom: 0 !important;
75995
+ }
75996
+ .adl-u-margin-left-0 {
75997
+ margin-left: 0 !important;
75998
+ }
75999
+ .adl-u-margin-right-0 {
76000
+ margin-right: 0 !important;
76001
+ }
76002
+ .adl-u-margin-top-0 {
76003
+ margin-top: 0 !important;
76004
+ }
76005
+ .adl-u-margin-x-0 {
76006
+ margin-left: 0 !important;
76007
+ margin-right: 0 !important;
76008
+ }
76009
+ .adl-u-margin-y-0 {
76010
+ margin-bottom: 0 !important;
76011
+ margin-top: 0 !important;
76012
+ }
76013
+ .adl-u-margin-auto {
76014
+ margin: auto !important;
76015
+ }
76016
+ .adl-u-margin-bottom-auto {
76017
+ margin-bottom: auto !important;
76018
+ }
76019
+ .adl-u-margin-left-auto {
76020
+ margin-left: auto !important;
76021
+ }
76022
+ .adl-u-margin-right-auto {
76023
+ margin-right: auto !important;
76024
+ }
76025
+ .adl-u-margin-top-auto {
76026
+ margin-top: auto !important;
76027
+ }
76028
+ .adl-u-margin-x-auto {
76029
+ margin-left: auto !important;
76030
+ margin-right: auto !important;
76031
+ }
76032
+ .adl-u-margin-y-auto {
76033
+ margin-bottom: auto !important;
76034
+ margin-top: auto !important;
76035
+ }
76036
+ .adl-u-box-sizing-border-box {
76037
+ box-sizing: border-box !important;
76038
+ }
76039
+ /* #region Spacing */
76040
+ /* #endregion */
76041
+ /* #region Colors */
76042
+ /* #endregion */
76043
+ /* #region Fonts */
76044
+ /* #endregion */
76045
+ /* #region Borders */
76046
+ /* #endregion */
76047
+ /* #region Box-shadow */
76048
+ /* #endregion */
76049
+ /* #region Shadows */
76050
+ /* #endregion */
76051
+ /* #region Z-index */
76052
+ /* #endregion */
76053
+ /* #region Transition */
76054
+ /* #endregion */
76055
+ /* #region Timing functions */
76056
+ /* #endregion */
76057
+ /* #region Focus ring */
76058
+ /* #endregion */
76059
+ /* #region Inline components */
76060
+ /* #endregion */
76061
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76062
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76063
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76064
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76065
+ .adl-u-pointer-events-none {
76066
+ pointer-events: none !important;
76067
+ }
76068
+ .adl-u-pointer-events-auto {
76069
+ pointer-events: auto !important;
76070
+ }
76071
+ /* #region Spacing */
76072
+ /* #endregion */
76073
+ /* #region Colors */
76074
+ /* #endregion */
76075
+ /* #region Fonts */
76076
+ /* #endregion */
76077
+ /* #region Borders */
76078
+ /* #endregion */
76079
+ /* #region Box-shadow */
76080
+ /* #endregion */
76081
+ /* #region Shadows */
76082
+ /* #endregion */
76083
+ /* #region Z-index */
76084
+ /* #endregion */
76085
+ /* #region Transition */
76086
+ /* #endregion */
76087
+ /* #region Timing functions */
76088
+ /* #endregion */
76089
+ /* #region Focus ring */
76090
+ /* #endregion */
76091
+ /* #region Inline components */
76092
+ /* #endregion */
76093
+ /* #region Spacing */
76094
+ /* #endregion */
76095
+ /* #region Colors */
76096
+ /* #endregion */
76097
+ /* #region Fonts */
76098
+ /* #endregion */
76099
+ /* #region Borders */
76100
+ /* #endregion */
76101
+ /* #region Box-shadow */
76102
+ /* #endregion */
76103
+ /* #region Shadows */
76104
+ /* #endregion */
76105
+ /* #region Z-index */
76106
+ /* #endregion */
76107
+ /* #region Transition */
76108
+ /* #endregion */
76109
+ /* #region Timing functions */
76110
+ /* #endregion */
76111
+ /* #region Focus ring */
76112
+ /* #endregion */
76113
+ /* #region Inline components */
76114
+ /* #endregion */
76115
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76116
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76117
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76118
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76119
+ .adl-u-font-size-small {
76120
+ font-size: 13px !important;
76121
+ }
76122
+ .adl-u-font-size-medium {
76123
+ font-size: 15px !important;
76124
+ }
76125
+ .adl-u-font-size-large {
76126
+ font-size: 21px !important;
76127
+ }
76128
+ .adl-u-font-size-xlarge {
76129
+ font-size: 30px !important;
76130
+ }
76131
+ .adl-u-font-size-xxlarge {
76132
+ font-size: 45px !important;
76133
+ }
76134
+ .adl-u-font-size-inherit {
76135
+ font-size: inherit !important;
76136
+ }
76137
+ .adl-u-font-weight-thin {
76138
+ font-weight: 100 !important;
76139
+ }
76140
+ .adl-u-font-weight-regular {
76141
+ font-weight: 400 !important;
76142
+ }
76143
+ .adl-u-font-weight-medium {
76144
+ font-weight: 500 !important;
76145
+ }
76146
+ .adl-u-font-weight-semi-bold {
76147
+ font-weight: 600 !important;
76148
+ }
76149
+ .adl-u-white-space-normal {
76150
+ white-space: normal !important;
76151
+ }
76152
+ .adl-u-white-space-nowrap {
76153
+ white-space: nowrap !important;
76154
+ }
76155
+ .adl-u-white-space-pre-wrap {
76156
+ white-space: pre-wrap !important;
76157
+ }
76158
+ .adl-u-truncate {
76159
+ overflow: hidden !important;
76160
+ text-overflow: ellipsis !important;
76161
+ }
76162
+ .adl-u-word-break-break-word {
76163
+ word-break: break-word !important;
76164
+ }
76165
+ /* #region Spacing */
76166
+ /* #endregion */
76167
+ /* #region Colors */
76168
+ /* #endregion */
76169
+ /* #region Fonts */
76170
+ /* #endregion */
76171
+ /* #region Borders */
76172
+ /* #endregion */
76173
+ /* #region Box-shadow */
76174
+ /* #endregion */
76175
+ /* #region Shadows */
76176
+ /* #endregion */
76177
+ /* #region Z-index */
76178
+ /* #endregion */
76179
+ /* #region Transition */
76180
+ /* #endregion */
76181
+ /* #region Timing functions */
76182
+ /* #endregion */
76183
+ /* #region Focus ring */
76184
+ /* #endregion */
76185
+ /* #region Inline components */
76186
+ /* #endregion */
76187
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76188
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76189
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76190
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76191
+ .adl-u-visibility-visible {
76192
+ visibility: visible !important;
76193
+ }
76194
+ .adl-u-visibility-hidden {
76195
+ visibility: hidden !important;
76196
+ }
76197
+ .adl-u-display-none {
76198
+ display: none !important;
76199
+ }
76200
+ .adl-u-display-initial {
76201
+ display: initial !important;
76202
+ }
76203
+ .adl-u-display-inline {
76204
+ display: inline !important;
76205
+ }
76206
+ .adl-u-display-inline-block {
76207
+ display: inline-block !important;
76208
+ }
76209
+ .adl-u-display-block {
76210
+ display: block !important;
76211
+ }
76212
+ .adl-u-display-table {
76213
+ display: table !important;
76214
+ }
76215
+ .adl-u-display-table-row {
76216
+ display: table-row !important;
76217
+ }
76218
+ .adl-u-display-table-cell {
76219
+ display: table-cell !important;
76220
+ }
74287
76221
  /* #region Spacing */
74288
76222
  /* #endregion */
74289
76223
  /* #region Colors */
@@ -74310,6 +76244,123 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
74310
76244
  /* stylelint-disable-line scss/dollar-variable-pattern */
74311
76245
  /* stylelint-disable-line scss/dollar-variable-pattern */
74312
76246
  /* stylelint-disable-line scss/dollar-variable-pattern */
76247
+ .adl-u-display-flex {
76248
+ display: flex !important;
76249
+ }
76250
+ .adl-u-display-inline-flex {
76251
+ display: inline-flex !important;
76252
+ }
76253
+ .adl-u-flex-direction-row {
76254
+ flex-direction: row !important;
76255
+ }
76256
+ .adl-u-flex-direction-row-reverse {
76257
+ flex-direction: row-reverse !important;
76258
+ }
76259
+ .adl-u-flex-direction-column {
76260
+ flex-direction: column !important;
76261
+ }
76262
+ .adl-u-flex-direction-column-reverse {
76263
+ flex-direction: column-reverse !important;
76264
+ }
76265
+ .adl-u-flex-wrap-wrap {
76266
+ flex-wrap: wrap !important;
76267
+ }
76268
+ .adl-u-flex-wrap-nowrap {
76269
+ flex-wrap: nowrap !important;
76270
+ }
76271
+ .adl-u-align-items-start {
76272
+ align-items: start !important;
76273
+ }
76274
+ .adl-u-align-items-flex-start {
76275
+ align-items: flex-start !important;
76276
+ }
76277
+ .adl-u-align-items-flex-end {
76278
+ align-items: flex-end !important;
76279
+ }
76280
+ .adl-u-align-items-center {
76281
+ align-items: center !important;
76282
+ }
76283
+ .adl-u-align-items-stretch {
76284
+ align-items: stretch !important;
76285
+ }
76286
+ .adl-u-align-items-baseline {
76287
+ align-items: baseline !important;
76288
+ }
76289
+ .adl-u-align-items-end {
76290
+ align-items: end !important;
76291
+ }
76292
+ .adl-u-justify-content-center {
76293
+ justify-content: center !important;
76294
+ }
76295
+ .adl-u-justify-content-flex-start {
76296
+ justify-content: flex-start !important;
76297
+ }
76298
+ .adl-u-justify-content-flex-end {
76299
+ justify-content: flex-end !important;
76300
+ }
76301
+ .adl-u-justify-content-start {
76302
+ justify-content: start !important;
76303
+ }
76304
+ .adl-u-justify-content-end {
76305
+ justify-content: end !important;
76306
+ }
76307
+ .adl-u-justify-content-left {
76308
+ justify-content: left !important;
76309
+ }
76310
+ .adl-u-justify-content-right {
76311
+ justify-content: right !important;
76312
+ }
76313
+ .adl-u-justify-content-space-between {
76314
+ justify-content: space-between !important;
76315
+ }
76316
+ .adl-u-justify-content-space-around {
76317
+ justify-content: space-around !important;
76318
+ }
76319
+ .adl-u-justify-content-space-evenly {
76320
+ justify-content: space-evenly !important;
76321
+ }
76322
+ .adl-u-justify-content-stretch {
76323
+ justify-content: stretch !important;
76324
+ }
76325
+ .adl-u-flex-1 {
76326
+ flex: 1 !important;
76327
+ }
76328
+ .adl-u-width-full {
76329
+ width: 100% !important;
76330
+ }
76331
+ .adl-u-width-auto {
76332
+ width: auto !important;
76333
+ }
76334
+ .adyen-kyc-company-basics {
76335
+ display: flex;
76336
+ flex-direction: column;
76337
+ margin-top: 18px;
76338
+ }/* #region Spacing */
76339
+ /* #endregion */
76340
+ /* #region Colors */
76341
+ /* #endregion */
76342
+ /* #region Fonts */
76343
+ /* #endregion */
76344
+ /* #region Borders */
76345
+ /* #endregion */
76346
+ /* #region Box-shadow */
76347
+ /* #endregion */
76348
+ /* #region Shadows */
76349
+ /* #endregion */
76350
+ /* #region Z-index */
76351
+ /* #endregion */
76352
+ /* #region Transition */
76353
+ /* #endregion */
76354
+ /* #region Timing functions */
76355
+ /* #endregion */
76356
+ /* #region Focus ring */
76357
+ /* #endregion */
76358
+ /* #region Inline components */
76359
+ /* #endregion */
76360
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76361
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76362
+ /* stylelint-disable-line scss/dollar-variable-pattern */
76363
+ /* stylelint-disable-line scss/dollar-variable-pattern */
74313
76364
  /* #region Spacing */
74314
76365
  /* #endregion */
74315
76366
  /* #region Colors */
@@ -76045,373 +78096,205 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
76045
78096
  /* #endregion */
76046
78097
  /* #region Inline components */
76047
78098
  /* #endregion */
76048
- /* stylelint-disable-line scss/dollar-variable-pattern */
76049
- /* stylelint-disable-line scss/dollar-variable-pattern */
76050
- /* stylelint-disable-line scss/dollar-variable-pattern */
76051
- /* stylelint-disable-line scss/dollar-variable-pattern */
76052
- .adl-u-display-flex {
76053
- display: flex !important;
76054
- }
76055
- .adl-u-display-inline-flex {
76056
- display: inline-flex !important;
76057
- }
76058
- .adl-u-flex-direction-row {
76059
- flex-direction: row !important;
76060
- }
76061
- .adl-u-flex-direction-row-reverse {
76062
- flex-direction: row-reverse !important;
76063
- }
76064
- .adl-u-flex-direction-column {
76065
- flex-direction: column !important;
76066
- }
76067
- .adl-u-flex-direction-column-reverse {
76068
- flex-direction: column-reverse !important;
76069
- }
76070
- .adl-u-flex-wrap-wrap {
76071
- flex-wrap: wrap !important;
76072
- }
76073
- .adl-u-flex-wrap-nowrap {
76074
- flex-wrap: nowrap !important;
76075
- }
76076
- .adl-u-align-items-start {
76077
- align-items: start !important;
76078
- }
76079
- .adl-u-align-items-flex-start {
76080
- align-items: flex-start !important;
76081
- }
76082
- .adl-u-align-items-flex-end {
76083
- align-items: flex-end !important;
76084
- }
76085
- .adl-u-align-items-center {
76086
- align-items: center !important;
76087
- }
76088
- .adl-u-align-items-stretch {
76089
- align-items: stretch !important;
76090
- }
76091
- .adl-u-align-items-baseline {
76092
- align-items: baseline !important;
76093
- }
76094
- .adl-u-align-items-end {
76095
- align-items: end !important;
76096
- }
76097
- .adl-u-justify-content-center {
76098
- justify-content: center !important;
76099
- }
76100
- .adl-u-justify-content-flex-start {
76101
- justify-content: flex-start !important;
76102
- }
76103
- .adl-u-justify-content-flex-end {
76104
- justify-content: flex-end !important;
76105
- }
76106
- .adl-u-justify-content-start {
76107
- justify-content: start !important;
76108
- }
76109
- .adl-u-justify-content-end {
76110
- justify-content: end !important;
76111
- }
76112
- .adl-u-justify-content-left {
76113
- justify-content: left !important;
76114
- }
76115
- .adl-u-justify-content-right {
76116
- justify-content: right !important;
76117
- }
76118
- .adl-u-justify-content-space-between {
76119
- justify-content: space-between !important;
76120
- }
76121
- .adl-u-justify-content-space-around {
76122
- justify-content: space-around !important;
76123
- }
76124
- .adl-u-justify-content-space-evenly {
76125
- justify-content: space-evenly !important;
76126
- }
76127
- .adl-u-justify-content-stretch {
76128
- justify-content: stretch !important;
76129
- }
76130
- .adl-u-flex-1 {
76131
- flex: 1 !important;
76132
- }
76133
- .adl-u-width-full {
76134
- width: 100% !important;
76135
- }
76136
- .adl-u-width-auto {
76137
- width: auto !important;
76138
- }
76139
- .adyen-kyc-individual .adyen-kyc-form {
76140
- margin-bottom: 16px;
76141
- }/* #region Spacing */
76142
- /* #endregion */
76143
- /* #region Colors */
76144
- /* #endregion */
76145
- /* #region Fonts */
76146
- /* #endregion */
76147
- /* #region Borders */
76148
- /* #endregion */
76149
- /* #region Box-shadow */
76150
- /* #endregion */
76151
- /* #region Shadows */
76152
- /* #endregion */
76153
- /* #region Z-index */
76154
- /* #endregion */
76155
- /* #region Transition */
76156
- /* #endregion */
76157
- /* #region Timing functions */
76158
- /* #endregion */
76159
- /* #region Focus ring */
76160
- /* #endregion */
76161
- /* #region Inline components */
76162
- /* #endregion */
76163
- /* stylelint-disable-line scss/dollar-variable-pattern */
76164
- /* stylelint-disable-line scss/dollar-variable-pattern */
76165
- /* stylelint-disable-line scss/dollar-variable-pattern */
76166
- /* stylelint-disable-line scss/dollar-variable-pattern */
76167
- .adl-context-helper {
76168
- background-color: #f3f6f9;
76169
- border-radius: 4px;
76170
- margin: 16px 0;
76171
- padding: 8px 12px;
76172
- }
76173
- .adl-context-helper__content {
76174
- color: #394962;
76175
- display: flex;
76176
- font-size: 13px;
76177
- gap: 8px;
76178
- }/* #region Spacing */
76179
- /* #endregion */
76180
- /* #region Colors */
76181
- /* #endregion */
76182
- /* #region Fonts */
76183
- /* #endregion */
76184
- /* #region Borders */
76185
- /* #endregion */
76186
- /* #region Box-shadow */
76187
- /* #endregion */
76188
- /* #region Shadows */
76189
- /* #endregion */
76190
- /* #region Z-index */
76191
- /* #endregion */
76192
- /* #region Transition */
76193
- /* #endregion */
76194
- /* #region Timing functions */
76195
- /* #endregion */
76196
- /* #region Focus ring */
76197
- /* #endregion */
76198
- /* #region Inline components */
76199
- /* #endregion */
76200
- /* stylelint-disable-line scss/dollar-variable-pattern */
76201
- /* stylelint-disable-line scss/dollar-variable-pattern */
76202
- /* stylelint-disable-line scss/dollar-variable-pattern */
76203
- /* stylelint-disable-line scss/dollar-variable-pattern */
76204
- .adyen-kyc-form-container {
76205
- width: 100%;
76206
- }
76207
- .adyen-layout-md .adyen-kyc-form-container {
76208
- flex: 1;
76209
- width: auto;
76210
- }
76211
- .adyen-kyc-form-wrapper--hidden {
76212
- display: none;
76213
- }
76214
- .adyen-kyc-dropin__sidebar-wrapper {
76215
- width: 27%;
76216
- }
76217
- .adyen-layout-xs-only .adyen-kyc-dropin__content-main {
76218
- flex-direction: column;
76219
- }/* #region Spacing */
76220
- /* #endregion */
76221
- /* #region Colors */
76222
- /* #endregion */
76223
- /* #region Fonts */
76224
- /* #endregion */
76225
- /* #region Borders */
76226
- /* #endregion */
76227
- /* #region Box-shadow */
76228
- /* #endregion */
76229
- /* #region Shadows */
76230
- /* #endregion */
76231
- /* #region Z-index */
76232
- /* #endregion */
76233
- /* #region Transition */
76234
- /* #endregion */
76235
- /* #region Timing functions */
76236
- /* #endregion */
76237
- /* #region Focus ring */
76238
- /* #endregion */
76239
- /* #region Inline components */
76240
- /* #endregion */
76241
- /* stylelint-disable-line scss/dollar-variable-pattern */
76242
- /* stylelint-disable-line scss/dollar-variable-pattern */
76243
- /* stylelint-disable-line scss/dollar-variable-pattern */
76244
- /* stylelint-disable-line scss/dollar-variable-pattern */
76245
- /* stylelint-disable scss/dollar-variable-default */
76246
- /* stylelint-enable scss/dollar-variable-default */
76247
- .adyen-kyc-dropin {
76248
- color: #00112c;
76249
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
76250
- font-size: 15px;
76251
- -webkit-font-smoothing: antialiased;
76252
- -moz-osx-font-smoothing: grayscale;
76253
- font-weight: 400;
76254
- line-height: 1.4;
76255
- background: #fff;
76256
- display: flex;
76257
- flex-direction: column;
76258
- height: 100%;
76259
- overflow: hidden;
76260
- position: relative;
76261
- width: 100%;
76262
- }
76263
- .adyen-kyc-dropin *,
76264
- .adyen-kyc-dropin *::before,
76265
- .adyen-kyc-dropin *::after {
76266
- box-sizing: border-box;
76267
- }
76268
- .adyen-kyc-dropin-container {
76269
- min-height: 480px;
76270
- transform: scale(1);
76271
- width: 100%;
76272
- }
76273
- .adyen-kyc-dropin__content {
76274
- display: flex;
76275
- flex: 1;
76276
- flex-direction: column;
76277
- height: calc(100% - 56px);
76278
- overflow: auto;
76279
- }
76280
- .adyen-layout-md .adyen-kyc-dropin__content {
76281
- height: calc(100% - 72px);
76282
- }
76283
- .adyen-kyc-dropin__content-main {
76284
- display: flex;
76285
- flex: 1;
76286
- padding: 16px;
76287
- width: 100%;
76288
- }
76289
- .adyen-layout-md .adyen-kyc-dropin__content-main {
76290
- padding: 24px;
76291
- }
76292
- .adyen-layout-lg .adyen-kyc-dropin__content-main {
76293
- padding: 40px;
76294
- }
76295
- .adyen-kyc-dropin__main {
76296
- border-radius: 6px;
76297
- width: 100%;
76298
- }/* #region Spacing */
76299
- /* #endregion */
76300
- /* #region Colors */
76301
- /* #endregion */
76302
- /* #region Fonts */
76303
- /* #endregion */
76304
- /* #region Borders */
76305
- /* #endregion */
76306
- /* #region Box-shadow */
76307
- /* #endregion */
76308
- /* #region Shadows */
76309
- /* #endregion */
76310
- /* #region Z-index */
76311
- /* #endregion */
76312
- /* #region Transition */
76313
- /* #endregion */
76314
- /* #region Timing functions */
76315
- /* #endregion */
76316
- /* #region Focus ring */
76317
- /* #endregion */
76318
- /* #region Inline components */
76319
- /* #endregion */
76320
- /* #region Spacing */
76321
- /* #endregion */
76322
- /* #region Colors */
76323
- /* #endregion */
76324
- /* #region Fonts */
76325
- /* #endregion */
76326
- /* #region Borders */
76327
- /* #endregion */
76328
- /* #region Box-shadow */
76329
- /* #endregion */
76330
- /* #region Shadows */
76331
- /* #endregion */
76332
- /* #region Z-index */
76333
- /* #endregion */
76334
- /* #region Transition */
76335
- /* #endregion */
76336
- /* #region Timing functions */
76337
- /* #endregion */
76338
- /* #region Focus ring */
76339
- /* #endregion */
76340
- /* #region Inline components */
76341
- /* #endregion */
76342
- /* stylelint-disable-line scss/dollar-variable-pattern */
76343
- /* stylelint-disable-line scss/dollar-variable-pattern */
76344
- /* stylelint-disable-line scss/dollar-variable-pattern */
76345
- /* stylelint-disable-line scss/dollar-variable-pattern */
76346
- .adyen-kyc-loading-input__form .adyen-kyc-form-navigation {
76347
- width: 100%;
76348
- }
76349
- .adyen-kyc-form-navigation {
76350
- width: 27%;
76351
- }
76352
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
76353
- display: none;
76354
- }
76355
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adl-button__text {
76356
- font-size: 0;
76357
- }
76358
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
76359
- font-size: 21px;
76360
- padding-left: 0;
76361
- }
76362
- .adyen-layout-md .adyen-kyc-form-navigation {
76363
- padding-right: 40px;
76364
- }
76365
- .adyen-layout-md .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
76366
- display: none;
76367
- }
76368
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
76369
- display: none;
76370
- }
76371
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
76372
- color: #8390a3;
76373
- font-size: 13px;
76374
- font-weight: 600;
76375
- text-transform: uppercase;
76376
- }
76377
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
76378
- margin: 0;
76379
- padding: 0;
76380
- }
76381
- .adyen-kyc-form-navigation__step-count {
76382
- color: #69778c;
76383
- font-size: 13px;
76384
- font-weight: 600;
76385
- }
76386
- .adyen-kyc-form-navigation__home-button-item {
76387
- align-items: center;
76388
- display: flex;
76389
- justify-content: space-between;
76390
- list-style-type: none;
76391
- margin-bottom: 16px;
76392
- }/* #region Spacing */
76393
- /* #endregion */
76394
- /* #region Colors */
76395
- /* #endregion */
76396
- /* #region Fonts */
76397
- /* #endregion */
76398
- /* #region Borders */
76399
- /* #endregion */
76400
- /* #region Box-shadow */
76401
- /* #endregion */
76402
- /* #region Shadows */
76403
- /* #endregion */
76404
- /* #region Z-index */
76405
- /* #endregion */
76406
- /* #region Transition */
76407
- /* #endregion */
76408
- /* #region Timing functions */
76409
- /* #endregion */
76410
- /* #region Focus ring */
76411
- /* #endregion */
76412
- /* #region Inline components */
76413
- /* #endregion */
76414
- /* #region Spacing */
78099
+ /* stylelint-disable-line scss/dollar-variable-pattern */
78100
+ /* stylelint-disable-line scss/dollar-variable-pattern */
78101
+ /* stylelint-disable-line scss/dollar-variable-pattern */
78102
+ /* stylelint-disable-line scss/dollar-variable-pattern */
78103
+ .adl-u-display-flex {
78104
+ display: flex !important;
78105
+ }
78106
+ .adl-u-display-inline-flex {
78107
+ display: inline-flex !important;
78108
+ }
78109
+ .adl-u-flex-direction-row {
78110
+ flex-direction: row !important;
78111
+ }
78112
+ .adl-u-flex-direction-row-reverse {
78113
+ flex-direction: row-reverse !important;
78114
+ }
78115
+ .adl-u-flex-direction-column {
78116
+ flex-direction: column !important;
78117
+ }
78118
+ .adl-u-flex-direction-column-reverse {
78119
+ flex-direction: column-reverse !important;
78120
+ }
78121
+ .adl-u-flex-wrap-wrap {
78122
+ flex-wrap: wrap !important;
78123
+ }
78124
+ .adl-u-flex-wrap-nowrap {
78125
+ flex-wrap: nowrap !important;
78126
+ }
78127
+ .adl-u-align-items-start {
78128
+ align-items: start !important;
78129
+ }
78130
+ .adl-u-align-items-flex-start {
78131
+ align-items: flex-start !important;
78132
+ }
78133
+ .adl-u-align-items-flex-end {
78134
+ align-items: flex-end !important;
78135
+ }
78136
+ .adl-u-align-items-center {
78137
+ align-items: center !important;
78138
+ }
78139
+ .adl-u-align-items-stretch {
78140
+ align-items: stretch !important;
78141
+ }
78142
+ .adl-u-align-items-baseline {
78143
+ align-items: baseline !important;
78144
+ }
78145
+ .adl-u-align-items-end {
78146
+ align-items: end !important;
78147
+ }
78148
+ .adl-u-justify-content-center {
78149
+ justify-content: center !important;
78150
+ }
78151
+ .adl-u-justify-content-flex-start {
78152
+ justify-content: flex-start !important;
78153
+ }
78154
+ .adl-u-justify-content-flex-end {
78155
+ justify-content: flex-end !important;
78156
+ }
78157
+ .adl-u-justify-content-start {
78158
+ justify-content: start !important;
78159
+ }
78160
+ .adl-u-justify-content-end {
78161
+ justify-content: end !important;
78162
+ }
78163
+ .adl-u-justify-content-left {
78164
+ justify-content: left !important;
78165
+ }
78166
+ .adl-u-justify-content-right {
78167
+ justify-content: right !important;
78168
+ }
78169
+ .adl-u-justify-content-space-between {
78170
+ justify-content: space-between !important;
78171
+ }
78172
+ .adl-u-justify-content-space-around {
78173
+ justify-content: space-around !important;
78174
+ }
78175
+ .adl-u-justify-content-space-evenly {
78176
+ justify-content: space-evenly !important;
78177
+ }
78178
+ .adl-u-justify-content-stretch {
78179
+ justify-content: stretch !important;
78180
+ }
78181
+ .adl-u-flex-1 {
78182
+ flex: 1 !important;
78183
+ }
78184
+ .adl-u-width-full {
78185
+ width: 100% !important;
78186
+ }
78187
+ .adl-u-width-auto {
78188
+ width: auto !important;
78189
+ }
78190
+ .adyen-kyc-company-lookup {
78191
+ color: #00112c;
78192
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
78193
+ font-size: 15px;
78194
+ -webkit-font-smoothing: antialiased;
78195
+ -moz-osx-font-smoothing: grayscale;
78196
+ font-weight: 400;
78197
+ line-height: 1.4;
78198
+ display: flex;
78199
+ flex-direction: column;
78200
+ gap: 12px;
78201
+ background-color: #f3f6f9;
78202
+ border-radius: 8px;
78203
+ padding: 18px;
78204
+ }
78205
+ .adyen-kyc-company-lookup *,
78206
+ .adyen-kyc-company-lookup *::before,
78207
+ .adyen-kyc-company-lookup *::after {
78208
+ box-sizing: border-box;
78209
+ }
78210
+ .adyen-kyc-company-lookup--hidden {
78211
+ display: none;
78212
+ }
78213
+ .adyen-kyc-company-lookup__skeleton-loader {
78214
+ position: relative;
78215
+ overflow: hidden;
78216
+ background-color: #e3e6e8;
78217
+ border-radius: 8px;
78218
+ width: 100%;
78219
+ height: 73px;
78220
+ }
78221
+ .adyen-kyc-company-lookup__skeleton-loader::before {
78222
+ content: "";
78223
+ position: absolute;
78224
+ top: 0;
78225
+ left: -100%;
78226
+ width: 200%;
78227
+ height: 100%;
78228
+ background: linear-gradient(90deg, #e3e6e8, #d1d5da, #e3e6e8);
78229
+ animation: moveGradient 1.5s linear infinite;
78230
+ }
78231
+ @keyframes moveGradient {
78232
+ 0% {
78233
+ left: -100%;
78234
+ }
78235
+ 100% {
78236
+ left: 100%;
78237
+ }
78238
+ }
78239
+ .adyen-company-lookup-results-header {
78240
+ display: flex;
78241
+ flex-direction: column;
78242
+ gap: 12px;
78243
+ }
78244
+ .adyen-company-lookup-results-header__title-bar {
78245
+ display: flex;
78246
+ justify-content: space-between;
78247
+ }
78248
+ .adyen-company-lookup-results-header__description {
78249
+ font-size: 14px;
78250
+ display: flex;
78251
+ align-items: flex-start;
78252
+ gap: 8px;
78253
+ }
78254
+ .adyen-company-lookup-results-header button {
78255
+ color: #06f;
78256
+ border: unset;
78257
+ background-color: unset;
78258
+ padding: unset;
78259
+ }
78260
+ .adyen-company-lookup-results-header button:hover {
78261
+ cursor: pointer;
78262
+ color: #0047b2;
78263
+ text-decoration: underline;
78264
+ }
78265
+ .adyen-company-lookup-results-list {
78266
+ display: flex;
78267
+ flex-direction: column;
78268
+ gap: 12px;
78269
+ }
78270
+ .adyen-company-lookup-results-list__result-option {
78271
+ background-color: #fff;
78272
+ box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 1px 3px rgba(0, 17, 44, 0.14);
78273
+ border: 1px solid #fff;
78274
+ padding: 16px;
78275
+ margin: unset;
78276
+ }
78277
+ .adyen-company-lookup-results-list__result-option .adyen-option-card-body {
78278
+ display: flex;
78279
+ flex-direction: column;
78280
+ gap: 12px;
78281
+ }
78282
+ .adyen-company-lookup-results-list__result-option .adl-radio-card__header {
78283
+ justify-content: space-between;
78284
+ }
78285
+ .adyen-company-lookup-results-list__result-option .adl-radio-card__body {
78286
+ margin: 0 !important;
78287
+ }
78288
+ .adyen-company-lookup-results-list__result-option .adyen-kyc-radio-group-card__label {
78289
+ margin-bottom: 0 !important;
78290
+ }
78291
+ .adyen-company-lookup-results-list__result-option--selected {
78292
+ box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
78293
+ border-radius: 8px 8px 0 0;
78294
+ }
78295
+ .adyen-company-lookup-results-list__result-option:hover {
78296
+ box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
78297
+ }/* #region Spacing */
76415
78298
  /* #endregion */
76416
78299
  /* #region Colors */
76417
78300
  /* #endregion */
@@ -78263,42 +80146,70 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
78263
80146
  .adl-u-width-auto {
78264
80147
  width: auto !important;
78265
80148
  }
78266
- .adyen-kyc-form-navigation__item {
78267
- align-items: center;
78268
- border-left: 2px solid #f3f6f9;
78269
- box-sizing: border-box;
80149
+ .adyen-company-lookup-result {
78270
80150
  color: #00112c;
78271
- cursor: default;
78272
- display: flex;
78273
- flex-direction: row;
80151
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
78274
80152
  font-size: 15px;
78275
- line-height: 21px;
78276
- padding: 8px 0 8px 8px;
80153
+ -webkit-font-smoothing: antialiased;
80154
+ -moz-osx-font-smoothing: grayscale;
80155
+ font-weight: 400;
80156
+ line-height: 1.4;
78277
80157
  }
78278
- .adyen-kyc-form-navigation__item--active {
78279
- border-left: 2px solid #06f;
78280
- color: #06f;
80158
+ .adyen-company-lookup-result *,
80159
+ .adyen-company-lookup-result *::before,
80160
+ .adyen-company-lookup-result *::after {
80161
+ box-sizing: border-box;
78281
80162
  }
78282
- .adyen-kyc-form-navigation__item--isnav {
78283
- cursor: pointer;
80163
+ .adyen-company-lookup-result__alert {
80164
+ display: flex;
80165
+ padding: 16px;
80166
+ border-radius: 0 0 8px 8px;
80167
+ margin-bottom: 8px;
80168
+ box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
78284
80169
  }
78285
- .adyen-kyc-form-navigation__item-icon {
80170
+ .adyen-company-lookup-result__alert--error {
80171
+ background-color: #fce5e5;
80172
+ }
80173
+ .adyen-company-lookup-result__alert--verified {
80174
+ background-color: #e6f8ed;
80175
+ }
80176
+ .adyen-company-lookup-result__alert--warning {
80177
+ background-color: #fff4e5;
80178
+ }
80179
+ .adyen-company-lookup-result__icon {
80180
+ border-radius: 50%;
78286
80181
  display: flex;
78287
- margin-left: 8px;
80182
+ justify-content: center;
80183
+ margin-right: 12px;
80184
+ width: 18px;
80185
+ height: 18px;
78288
80186
  }
78289
- .adyen-kyc-form-navigation__item-icon [class*=" adyen-kyc-icon-"],
78290
- .adyen-kyc-form-navigation__item-icon [class^=adyen-kyc-icon-] {
78291
- display: inline-flex;
80187
+ .adyen-company-lookup-result__icon [class*=" adyen-kyc-icon-"],
80188
+ .adyen-company-lookup-result__icon [class^=adyen-kyc-icon-] {
80189
+ align-items: center;
80190
+ display: flex;
78292
80191
  }
78293
- .adyen-kyc-form-navigation__item-icon--success {
78294
- color: #0abf53;
80192
+ .adyen-company-lookup-result__icon--error {
80193
+ color: #e50000;
80194
+ font-size: 18px;
78295
80195
  }
78296
- .adyen-kyc-form-navigation__item-icon--success [class*=" adyen-kyc-icon-"],
78297
- .adyen-kyc-form-navigation__item-icon--success [class^=adyen-kyc-icon-] {
78298
- font-size: 21px;
80196
+ .adyen-company-lookup-result__icon--verified {
80197
+ background-color: #07863a;
80198
+ color: #fff;
80199
+ font-size: 10px;
78299
80200
  }
78300
- .adyen-kyc-form-navigation__item-icon--error {
78301
- color: #720000;
80201
+ .adyen-company-lookup-result__icon--warning {
80202
+ color: #b36900;
80203
+ font-size: 18px;
80204
+ }
80205
+ .adyen-company-lookup-result__text {
80206
+ display: flex;
80207
+ flex-direction: column;
80208
+ align-self: center;
80209
+ gap: 8px;
80210
+ }
80211
+ .adyen-company-lookup-result__text--bold {
80212
+ font-weight: 600;
78302
80213
  }/* #region Spacing */
78303
80214
  /* #endregion */
78304
80215
  /* #region Colors */