@adyen/kyc-components 2.25.2 → 2.25.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -37917,28 +37917,6 @@ 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
- }
37942
37920
  .adl-radio-card__body {
37943
37921
  color: #394962;
37944
37922
  font-size: 13px;
@@ -49550,28 +49528,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
49550
49528
  /* #endregion */
49551
49529
  /* #region Inline components */
49552
49530
  /* #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 */
49575
49531
  /* stylelint-disable-line scss/dollar-variable-pattern */
49576
49532
  /* stylelint-disable-line scss/dollar-variable-pattern */
49577
49533
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -51402,29 +51358,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
51402
51358
  .adl-u-width-auto {
51403
51359
  width: auto !important;
51404
51360
  }
51405
- .adyen-kyc-radio-group {
51361
+ .adyen-kyc-company-basics {
51406
51362
  display: flex;
51407
51363
  flex-direction: column;
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;
51364
+ margin-top: 18px;
51428
51365
  }/* #region Spacing */
51429
51366
  /* #endregion */
51430
51367
  /* #region Colors */
@@ -53277,20 +53214,140 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
53277
53214
  .adl-u-width-auto {
53278
53215
  width: auto !important;
53279
53216
  }
53280
- .adyen-kyc-document-upload__subtitle {
53281
- margin: 16px 0 8px 0;
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;
53282
53224
  }
53283
- .adyen-kyc-document-upload__requirements {
53284
- margin: 0 0 8px 0;
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);
53287
+ }
53288
+ .adyen-company-lookup-alert__alert-description {
53289
+ display: flex;
53290
+ flex-direction: column;
53285
53291
  padding-left: 16px;
53286
53292
  }
53287
- .adyen-kyc-document-upload__manual-upload {
53288
- margin: 16px auto 0;
53289
- max-width: 430px;
53290
- text-align: center;
53293
+ .adyen-company-lookup-results-header {
53294
+ display: flex;
53295
+ flex-direction: column;
53296
+ gap: 12px;
53291
53297
  }
53292
- .adyen-kyc-document-upload__manual-upload .adl-link {
53293
- color: #69778c;
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;
53348
+ }
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);
53294
53351
  }/* #region Spacing */
53295
53352
  /* #endregion */
53296
53353
  /* #region Colors */
@@ -55143,6 +55200,75 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
55143
55200
  .adl-u-width-auto {
55144
55201
  width: auto !important;
55145
55202
  }
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 */
55146
55272
  /* #region Spacing */
55147
55273
  /* #endregion */
55148
55274
  /* #region Colors */
@@ -55165,96 +55291,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
55165
55291
  /* #endregion */
55166
55292
  /* #region Inline components */
55167
55293
  /* #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 */
55258
55294
  /* stylelint-disable-line scss/dollar-variable-pattern */
55259
55295
  /* stylelint-disable-line scss/dollar-variable-pattern */
55260
55296
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -57085,53 +57121,29 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
57085
57121
  .adl-u-width-auto {
57086
57122
  width: auto !important;
57087
57123
  }
57088
- .adyen-kyc-loading-input__form {
57089
- opacity: 1;
57090
- }
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;
57124
+ .adyen-kyc-radio-group {
57125
+ display: flex;
57126
+ flex-direction: column;
57127
+ margin-top: 8px;
57123
57128
  }
57124
- .adyen-kyc-loading-input__loader {
57129
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
57125
57130
  display: none;
57126
- height: 100%;
57127
- left: 0;
57128
- position: absolute;
57129
- top: 0;
57130
- width: 100%;
57131
- z-index: 1;
57132
57131
  }
57133
- .adyen-kyc-loading-input__loader--active {
57132
+ .adyen-kyc-radio-group__label {
57133
+ color: inherit;
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;
57135
57147
  }/* #region Spacing */
57136
57148
  /* #endregion */
57137
57149
  /* #region Colors */
@@ -58984,9 +58996,20 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
58984
58996
  .adl-u-width-auto {
58985
58997
  width: auto !important;
58986
58998
  }
58987
- .adyen-kyc-id-verification-method__guidance {
58988
- color: #394962;
58989
- font-size: 1em;
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;
58990
59013
  }/* #region Spacing */
58991
59014
  /* #endregion */
58992
59015
  /* #region Colors */
@@ -60839,25 +60862,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
60839
60862
  .adl-u-width-auto {
60840
60863
  width: auto !important;
60841
60864
  }
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 */
60865
+ /* #region Spacing */
60861
60866
  /* #endregion */
60862
60867
  /* #region Colors */
60863
60868
  /* #endregion */
@@ -60879,17 +60884,75 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
60879
60884
  /* #endregion */
60880
60885
  /* #region Inline components */
60881
60886
  /* #endregion */
60882
- .adyen-kyc-multi-select-list {
60883
- list-style: none;
60884
- margin: 0;
60885
- padding: 0;
60887
+ /* #region Spacing */
60888
+ /* #endregion */
60889
+ /* #region Colors */
60890
+ /* #endregion */
60891
+ /* #region Fonts */
60892
+ /* #endregion */
60893
+ /* #region Borders */
60894
+ /* #endregion */
60895
+ /* #region Box-shadow */
60896
+ /* #endregion */
60897
+ /* #region Shadows */
60898
+ /* #endregion */
60899
+ /* #region Z-index */
60900
+ /* #endregion */
60901
+ /* #region Transition */
60902
+ /* #endregion */
60903
+ /* #region Timing functions */
60904
+ /* #endregion */
60905
+ /* #region Focus ring */
60906
+ /* #endregion */
60907
+ /* #region Inline components */
60908
+ /* #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;
60886
60919
  }
60887
- .adyen-kyc-multi-select-list-item {
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;
60943
+ }
60944
+ .adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
60888
60945
  background: none !important;
60946
+ color: #20304c !important;
60947
+ text-decoration: underline !important;
60889
60948
  }
60890
- .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
60891
- font-weight: 600;
60892
- }/* #region Spacing */
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
+ }
60955
+ /* stylelint-enable selector-class-pattern *//* #region Spacing */
60893
60956
  /* #endregion */
60894
60957
  /* #region Colors */
60895
60958
  /* #endregion */
@@ -62741,12 +62804,9 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
62741
62804
  .adl-u-width-auto {
62742
62805
  width: auto !important;
62743
62806
  }
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;
62807
+ .adyen-kyc-id-verification-method__guidance {
62808
+ color: #394962;
62809
+ font-size: 1em;
62750
62810
  }/* #region Spacing */
62751
62811
  /* #endregion */
62752
62812
  /* #region Colors */
@@ -64599,42 +64659,24 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
64599
64659
  .adl-u-width-auto {
64600
64660
  width: auto !important;
64601
64661
  }
64602
- .adyen-kyc-bank-verification {
64603
- display: flex;
64604
- flex-flow: column;
64605
- height: 100%;
64606
- }
64607
- .adyen-kyc-bank-verification .adyen-action-bar {
64608
- border-top: 1px solid #dce0e5;
64609
- flex-flow: row;
64610
- margin: 0;
64611
- padding: 16px;
64612
- }
64613
- .adyen-kyc-bank-verification-container {
64614
- background: #fff;
64615
- border-radius: 0;
64616
- box-shadow: none;
64617
- inset: 0;
64662
+ .adyen-kyc-field--idNumberWithExempt .adyen-kyc-input--text {
64663
+ margin-bottom: 8px;
64618
64664
  }
64619
- .adyen-kyc-bank-verification-container__fixed {
64620
- position: fixed;
64665
+ .adyen-kyc-field--us4DigitsNumberId {
64666
+ position: relative;
64621
64667
  }
64622
- .adyen-kyc-bank-verification-container__fixed .adyen-kyc-bank-verification-widget-container {
64623
- flex: 1;
64668
+ .adyen-kyc-field--us4DigitsNumberId::after {
64669
+ content: attr(data-placeholder);
64670
+ left: 9px;
64671
+ pointer-events: none;
64672
+ position: absolute;
64673
+ top: 34px;
64624
64674
  }
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;
64675
+ .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input {
64676
+ text-indent: 8.5ch;
64633
64677
  }
64634
- .adyen-kyc-bank-verification-success__checkmark-icon {
64635
- display: flex;
64636
- font-size: 21px;
64637
- margin-right: 16px;
64678
+ .adyen-kyc-field--us4DigitsNumberId .adyen-kyc-input::placeholder {
64679
+ text-indent: 0;
64638
64680
  }/* #region Spacing */
64639
64681
  /* #endregion */
64640
64682
  /* #region Colors */
@@ -64657,127 +64699,16 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
64657
64699
  /* #endregion */
64658
64700
  /* #region Inline components */
64659
64701
  /* #endregion */
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;
64739
- }
64740
- .adyen-layout-xs-only .adyen-action-bar {
64741
- flex-direction: column;
64742
- gap: 8px;
64743
- }
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%;
64702
+ .adyen-kyc-multi-select-list {
64703
+ list-style: none;
64704
+ margin: 0;
64705
+ padding: 0;
64769
64706
  }
64770
- .adyen-kyc-bank-verification-widget-container:empty {
64771
- animation-duration: 1ms;
64772
- animation-name: adyen-kyc\:empty-bank-verification-widget-container;
64707
+ .adyen-kyc-multi-select-list-item {
64708
+ background: none !important;
64773
64709
  }
64774
- @keyframes adyen-kyc\:empty-bank-verification-widget-container {
64775
- from {
64776
- opacity: 0.9999999;
64777
- }
64778
- to {
64779
- opacity: 1;
64780
- }
64710
+ .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
64711
+ font-weight: 600;
64781
64712
  }/* #region Spacing */
64782
64713
  /* #endregion */
64783
64714
  /* #region Colors */
@@ -66629,6 +66560,13 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
66629
66560
  }
66630
66561
  .adl-u-width-auto {
66631
66562
  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;
66632
66570
  }/* #region Spacing */
66633
66571
  /* #endregion */
66634
66572
  /* #region Colors */
@@ -68481,8 +68419,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68481
68419
  .adl-u-width-auto {
68482
68420
  width: auto !important;
68483
68421
  }
68484
- .adyen-kyc-payout__bank-statement {
68485
- min-height: 240px;
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;
68486
68458
  }/* #region Spacing */
68487
68459
  /* #endregion */
68488
68460
  /* #region Colors */
@@ -68505,6 +68477,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68505
68477
  /* #endregion */
68506
68478
  /* #region Inline components */
68507
68479
  /* #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 */
68508
68484
  /* #region Spacing */
68509
68485
  /* #endregion */
68510
68486
  /* #region Colors */
@@ -68527,10 +68503,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68527
68503
  /* #endregion */
68528
68504
  /* #region Inline components */
68529
68505
  /* #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 */
68534
68506
  /* #region Spacing */
68535
68507
  /* #endregion */
68536
68508
  /* #region Colors */
@@ -68579,7 +68551,128 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
68579
68551
  /* #endregion */
68580
68552
  /* #region Inline components */
68581
68553
  /* #endregion */
68582
- /* #region Spacing */
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 */
68583
68676
  /* #endregion */
68584
68677
  /* #region Colors */
68585
68678
  /* #endregion */
@@ -70356,92 +70449,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
70356
70449
  }
70357
70450
  .adl-u-width-auto {
70358
70451
  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;
70445
70452
  }/* #region Spacing */
70446
70453
  /* #endregion */
70447
70454
  /* #region Colors */
@@ -70464,28 +70471,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
70464
70471
  /* #endregion */
70465
70472
  /* #region Inline components */
70466
70473
  /* #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 */
70489
70474
  /* stylelint-disable-line scss/dollar-variable-pattern */
70490
70475
  /* stylelint-disable-line scss/dollar-variable-pattern */
70491
70476
  /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -72316,8 +72301,8 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72316
72301
  .adl-u-width-auto {
72317
72302
  width: auto !important;
72318
72303
  }
72319
- .adyen-kyc-individual .adyen-kyc-form {
72320
- margin-bottom: 16px;
72304
+ .adyen-kyc-payout__bank-statement {
72305
+ min-height: 240px;
72321
72306
  }/* #region Spacing */
72322
72307
  /* #endregion */
72323
72308
  /* #region Colors */
@@ -72340,22 +72325,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72340
72325
  /* #endregion */
72341
72326
  /* #region Inline components */
72342
72327
  /* #endregion */
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 */
72328
+ /* #region Spacing */
72359
72329
  /* #endregion */
72360
72330
  /* #region Colors */
72361
72331
  /* #endregion */
@@ -72381,22 +72351,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72381
72351
  /* stylelint-disable-line scss/dollar-variable-pattern */
72382
72352
  /* stylelint-disable-line scss/dollar-variable-pattern */
72383
72353
  /* stylelint-disable-line scss/dollar-variable-pattern */
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 */
72354
+ /* #region Spacing */
72400
72355
  /* #endregion */
72401
72356
  /* #region Colors */
72402
72357
  /* #endregion */
@@ -72422,228 +72377,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72422
72377
  /* stylelint-disable-line scss/dollar-variable-pattern */
72423
72378
  /* stylelint-disable-line scss/dollar-variable-pattern */
72424
72379
  /* stylelint-disable-line scss/dollar-variable-pattern */
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 */
72380
+ /* #region Spacing */
72647
72381
  /* #endregion */
72648
72382
  /* #region Colors */
72649
72383
  /* #endregion */
@@ -74443,42 +74177,91 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
74443
74177
  .adl-u-width-auto {
74444
74178
  width: auto !important;
74445
74179
  }
74446
- .adyen-kyc-form-navigation__item {
74447
- align-items: center;
74448
- border-left: 2px solid #f3f6f9;
74449
- box-sizing: border-box;
74450
- color: #00112c;
74451
- cursor: default;
74180
+ .adyen-kyc-account-holder-information {
74452
74181
  display: flex;
74453
- flex-direction: row;
74454
- font-size: 15px;
74455
- line-height: 21px;
74456
- padding: 8px 0 8px 8px;
74457
74182
  }
74458
- .adyen-kyc-form-navigation__item--active {
74459
- border-left: 2px solid #06f;
74460
- color: #06f;
74183
+ .adyen-kyc-account-holder-information__labels {
74184
+ color: #8390a3;
74185
+ flex: 1;
74461
74186
  }
74462
- .adyen-kyc-form-navigation__item--isnav {
74463
- cursor: pointer;
74187
+ .adyen-kyc-account-holder-information__values {
74188
+ flex: 1;
74189
+ font-weight: 600;
74464
74190
  }
74465
- .adyen-kyc-form-navigation__item-icon {
74191
+ .adyen-layout-md .adyen-kyc-field-verification-methods {
74466
74192
  display: flex;
74467
- margin-left: 8px;
74193
+ gap: 12px;
74468
74194
  }
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;
74195
+ .adyen-kyc-field-verification-methods__card {
74196
+ display: flex;
74472
74197
  }
74473
- .adyen-kyc-form-navigation__item-icon--success {
74474
- color: #0abf53;
74198
+ .adyen-layout-md .adyen-kyc-field-verification-methods__card {
74199
+ display: block;
74475
74200
  }
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;
74201
+ .adyen-kyc-field-verification-methods .adl-radio-card {
74202
+ width: 100%;
74479
74203
  }
74480
- .adyen-kyc-form-navigation__item-icon--error {
74481
- color: #720000;
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 {
74219
+ 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 {
74231
+ display: flex;
74232
+ justify-content: center;
74233
+ }
74234
+ .adl-guidance-list {
74235
+ margin: 0;
74236
+ padding-left: 12px;
74237
+ }
74238
+ .adl-guidance-list__item {
74239
+ margin-bottom: 4px;
74240
+ }
74241
+ .adl-guidance-external-link {
74242
+ font-size: 13px;
74243
+ }
74244
+ .adyen-kyc-instant-verification-error,
74245
+ .adyen-kyc-instant-verification-error > *,
74246
+ .adyen-kyc-instant-verification-error .adl-alert__title {
74247
+ display: block;
74248
+ }
74249
+ .adyen-kyc-instant-verification-error > * {
74250
+ left: 16px;
74251
+ margin: 0 16px;
74252
+ position: relative;
74253
+ }
74254
+ .adyen-kyc-instant-verification-error > *:not(.adl-alert__header) {
74255
+ color: #20304c;
74256
+ font-size: 14px;
74257
+ }
74258
+ .adyen-kyc-instant-verification-error .adl-alert__title {
74259
+ line-height: 1.25;
74260
+ margin: 0 0 4px;
74261
+ }
74262
+ .adyen-kyc-instant-verification-error .adl-alert__icon {
74263
+ left: -28px;
74264
+ position: absolute;
74482
74265
  }/* #region Spacing */
74483
74266
  /* #endregion */
74484
74267
  /* #region Colors */
@@ -74501,1723 +74284,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
74501
74284
  /* #endregion */
74502
74285
  /* #region Inline components */
74503
74286
  /* #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
- }
76221
74287
  /* #region Spacing */
76222
74288
  /* #endregion */
76223
74289
  /* #region Colors */
@@ -76244,123 +74310,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
76244
74310
  /* stylelint-disable-line scss/dollar-variable-pattern */
76245
74311
  /* stylelint-disable-line scss/dollar-variable-pattern */
76246
74312
  /* 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 */
76364
74313
  /* #region Spacing */
76365
74314
  /* #endregion */
76366
74315
  /* #region Colors */
@@ -78096,205 +76045,373 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
78096
76045
  /* #endregion */
78097
76046
  /* #region Inline components */
78098
76047
  /* #endregion */
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 */
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 */
78298
76415
  /* #endregion */
78299
76416
  /* #region Colors */
78300
76417
  /* #endregion */
@@ -80146,70 +78263,42 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
80146
78263
  .adl-u-width-auto {
80147
78264
  width: auto !important;
80148
78265
  }
80149
- .adyen-company-lookup-result {
80150
- color: #00112c;
80151
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
80152
- font-size: 15px;
80153
- -webkit-font-smoothing: antialiased;
80154
- -moz-osx-font-smoothing: grayscale;
80155
- font-weight: 400;
80156
- line-height: 1.4;
80157
- }
80158
- .adyen-company-lookup-result *,
80159
- .adyen-company-lookup-result *::before,
80160
- .adyen-company-lookup-result *::after {
78266
+ .adyen-kyc-form-navigation__item {
78267
+ align-items: center;
78268
+ border-left: 2px solid #f3f6f9;
80161
78269
  box-sizing: border-box;
80162
- }
80163
- .adyen-company-lookup-result__alert {
78270
+ color: #00112c;
78271
+ cursor: default;
80164
78272
  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);
80169
- }
80170
- .adyen-company-lookup-result__alert--error {
80171
- background-color: #fce5e5;
80172
- }
80173
- .adyen-company-lookup-result__alert--verified {
80174
- background-color: #e6f8ed;
78273
+ flex-direction: row;
78274
+ font-size: 15px;
78275
+ line-height: 21px;
78276
+ padding: 8px 0 8px 8px;
80175
78277
  }
80176
- .adyen-company-lookup-result__alert--warning {
80177
- background-color: #fff4e5;
78278
+ .adyen-kyc-form-navigation__item--active {
78279
+ border-left: 2px solid #06f;
78280
+ color: #06f;
80178
78281
  }
80179
- .adyen-company-lookup-result__icon {
80180
- border-radius: 50%;
80181
- display: flex;
80182
- justify-content: center;
80183
- margin-right: 12px;
80184
- width: 18px;
80185
- height: 18px;
78282
+ .adyen-kyc-form-navigation__item--isnav {
78283
+ cursor: pointer;
80186
78284
  }
80187
- .adyen-company-lookup-result__icon [class*=" adyen-kyc-icon-"],
80188
- .adyen-company-lookup-result__icon [class^=adyen-kyc-icon-] {
80189
- align-items: center;
78285
+ .adyen-kyc-form-navigation__item-icon {
80190
78286
  display: flex;
78287
+ margin-left: 8px;
80191
78288
  }
80192
- .adyen-company-lookup-result__icon--error {
80193
- color: #e50000;
80194
- font-size: 18px;
80195
- }
80196
- .adyen-company-lookup-result__icon--verified {
80197
- background-color: #07863a;
80198
- color: #fff;
80199
- font-size: 10px;
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;
80200
78292
  }
80201
- .adyen-company-lookup-result__icon--warning {
80202
- color: #b36900;
80203
- font-size: 18px;
78293
+ .adyen-kyc-form-navigation__item-icon--success {
78294
+ color: #0abf53;
80204
78295
  }
80205
- .adyen-company-lookup-result__text {
80206
- display: flex;
80207
- flex-direction: column;
80208
- align-self: center;
80209
- gap: 8px;
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;
80210
78299
  }
80211
- .adyen-company-lookup-result__text--bold {
80212
- font-weight: 600;
78300
+ .adyen-kyc-form-navigation__item-icon--error {
78301
+ color: #720000;
80213
78302
  }/* #region Spacing */
80214
78303
  /* #endregion */
80215
78304
  /* #region Colors */