@adyen/kyc-components 2.11.0 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/dist/es/adyen-kyc-components.es.js +577 -532
- package/dist/style.css +774 -772
- package/dist/types/components/Dropins/types.d.ts +4 -4
- package/dist/types/components/IdDocumentUpload/types.d.ts +1 -0
- package/dist/types/components/IdVerification/component/IdVerificationComponent.d.ts +1 -1
- package/dist/types/components/IdVerification/types.d.ts +1 -0
- package/dist/types/components/Individual/rules.d.ts +1 -0
- package/dist/types/components/PayoutVerificationMethod/allowedBankCountriesPerCountry.d.ts +1 -1
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/DriversLicense.d.ts +1 -1
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/IdentityAuComponent.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/validate.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/component/IdentityHKComponent.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/validate.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/DriversLicense.d.ts +1 -1
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/IdentityNZComponent.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/validate.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/TypeOfIdentity/index.d.ts +10 -0
- package/dist/types/components/PersonalDetails/component/IdentityComponent/{IdentityHK/additionalIdentityInfoSchema.d.ts → TypeOfIdentity/types.d.ts} +1 -0
- package/dist/types/components/PersonalDetails/component/IdentityComponent/index.d.ts +2 -2
- package/dist/types/components/PersonalDetails/component/IdentityComponent/types.d.ts +16 -0
- package/dist/types/components/PersonalDetails/types.d.ts +2 -2
- package/dist/types/components/TaskIntros/TaskIntro.d.ts +2 -2
- package/dist/types/components/TaskIntros/types.d.ts +1 -1
- package/dist/types/components/TaskList/component/TaskItemStatus.d.ts +2 -1
- package/dist/types/components/TaskList/types.d.ts +1 -1
- package/dist/types/components/TrustRegistrationDetails/types.d.ts +2 -0
- package/dist/types/components/internal/Address/utils.d.ts +1 -1
- package/dist/types/core/Context/CoreContext.d.ts +0 -1
- package/dist/types/core/Context/CoreProvider.d.ts +1 -2
- package/dist/types/core/Services/componentApi/create-document.d.ts +2 -2
- package/dist/types/core/Services/componentApi/get-document.d.ts +2 -2
- package/dist/types/core/Services/componentApi/update-document.d.ts +2 -2
- package/dist/types/core/Services/utils.d.ts +8 -1
- package/dist/types/core/hooks/taskIntros.d.ts +10 -0
- package/dist/types/core/hooks/useIdVerificationToken.d.ts +2 -1
- package/dist/types/core/models/api/document.d.ts +7 -1
- package/dist/types/core/models/api/instant-id-verification.d.ts +1 -0
- package/dist/types/core/models/api/legal-arrangement.d.ts +3 -1
- package/dist/types/core/models/api/trust-types-value.d.ts +1 -1
- package/dist/types/core/models/currency.d.ts +1 -0
- package/dist/types/core/models/errors/validation-error.d.ts +1 -0
- package/dist/types/core/models/identity.d.ts +4 -1
- package/dist/types/language/config.d.ts +15 -13
- package/dist/types/utils/api/documentUtils.d.ts +14 -14
- package/dist/types/utils/decision-maker-roles.d.ts +1 -1
- package/dist/types/utils/entity-status-util.d.ts +2 -2
- package/dist/types/utils/formatting/stripNonAlphanumeric.d.ts +1 -0
- package/dist/types/utils/isValueMasked.d.ts +1 -0
- package/dist/types/utils/mapping/componentApiMapping.d.ts +2 -1
- package/dist/types/utils/mapping/utils.d.ts +1 -0
- package/dist/types/utils/omitMaskedFieldsIfUnchanged.d.ts +2 -0
- package/dist/types/utils/trust-util.d.ts +1 -1
- package/package.json +16 -15
- package/dist/mockServiceWorker.js +0 -302
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/additionalIdentityInfoSchema.d.ts +0 -8
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/component/TypeOfIdentity.d.ts +0 -12
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityAu/types.d.ts +0 -10
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/component/TypeOfIdentity.d.ts +0 -12
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityHK/types.d.ts +0 -10
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/additionalIdentityInfoSchema.d.ts +0 -7
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/component/TypeOfIdentity.d.ts +0 -12
- package/dist/types/components/PersonalDetails/component/IdentityComponent/IdentityNZ/types.d.ts +0 -10
- package/dist/types/components/internal/Alert/components/ReviewAlert.d.ts +0 -2
- package/dist/types/core/hooks/useShouldShowGuidanceIntros.d.ts +0 -7
package/dist/style.css
CHANGED
|
@@ -2047,683 +2047,6 @@
|
|
|
2047
2047
|
/* With Icons */
|
|
2048
2048
|
/* Icon Only */
|
|
2049
2049
|
/* Button circle */
|
|
2050
|
-
/* #region Spacing */
|
|
2051
|
-
/* #endregion */
|
|
2052
|
-
/* #region Colors */
|
|
2053
|
-
/* #endregion */
|
|
2054
|
-
/* #region Fonts */
|
|
2055
|
-
/* #endregion */
|
|
2056
|
-
/* #region Borders */
|
|
2057
|
-
/* #endregion */
|
|
2058
|
-
/* #region Box-shadow */
|
|
2059
|
-
/* #endregion */
|
|
2060
|
-
/* #region Shadows */
|
|
2061
|
-
/* #endregion */
|
|
2062
|
-
/* #region Z-index */
|
|
2063
|
-
/* #endregion */
|
|
2064
|
-
/* #region Transition */
|
|
2065
|
-
/* #endregion */
|
|
2066
|
-
/* #region Timing functions */
|
|
2067
|
-
/* #endregion */
|
|
2068
|
-
/* #region Focus ring */
|
|
2069
|
-
/* #endregion */
|
|
2070
|
-
/* #region Inline components */
|
|
2071
|
-
/* #endregion */
|
|
2072
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2073
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2074
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2075
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2076
|
-
/* #region Spacing */
|
|
2077
|
-
/* #endregion */
|
|
2078
|
-
/* #region Colors */
|
|
2079
|
-
/* #endregion */
|
|
2080
|
-
/* #region Fonts */
|
|
2081
|
-
/* #endregion */
|
|
2082
|
-
/* #region Borders */
|
|
2083
|
-
/* #endregion */
|
|
2084
|
-
/* #region Box-shadow */
|
|
2085
|
-
/* #endregion */
|
|
2086
|
-
/* #region Shadows */
|
|
2087
|
-
/* #endregion */
|
|
2088
|
-
/* #region Z-index */
|
|
2089
|
-
/* #endregion */
|
|
2090
|
-
/* #region Transition */
|
|
2091
|
-
/* #endregion */
|
|
2092
|
-
/* #region Timing functions */
|
|
2093
|
-
/* #endregion */
|
|
2094
|
-
/* #region Focus ring */
|
|
2095
|
-
/* #endregion */
|
|
2096
|
-
/* #region Inline components */
|
|
2097
|
-
/* #endregion */
|
|
2098
|
-
/* #region Spacing */
|
|
2099
|
-
/* #endregion */
|
|
2100
|
-
/* #region Colors */
|
|
2101
|
-
/* #endregion */
|
|
2102
|
-
/* #region Fonts */
|
|
2103
|
-
/* #endregion */
|
|
2104
|
-
/* #region Borders */
|
|
2105
|
-
/* #endregion */
|
|
2106
|
-
/* #region Box-shadow */
|
|
2107
|
-
/* #endregion */
|
|
2108
|
-
/* #region Shadows */
|
|
2109
|
-
/* #endregion */
|
|
2110
|
-
/* #region Z-index */
|
|
2111
|
-
/* #endregion */
|
|
2112
|
-
/* #region Transition */
|
|
2113
|
-
/* #endregion */
|
|
2114
|
-
/* #region Timing functions */
|
|
2115
|
-
/* #endregion */
|
|
2116
|
-
/* #region Focus ring */
|
|
2117
|
-
/* #endregion */
|
|
2118
|
-
/* #region Inline components */
|
|
2119
|
-
/* #endregion */
|
|
2120
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2121
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2122
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2123
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2124
|
-
/* #region Spacing */
|
|
2125
|
-
/* #endregion */
|
|
2126
|
-
/* #region Colors */
|
|
2127
|
-
/* #endregion */
|
|
2128
|
-
/* #region Fonts */
|
|
2129
|
-
/* #endregion */
|
|
2130
|
-
/* #region Borders */
|
|
2131
|
-
/* #endregion */
|
|
2132
|
-
/* #region Box-shadow */
|
|
2133
|
-
/* #endregion */
|
|
2134
|
-
/* #region Shadows */
|
|
2135
|
-
/* #endregion */
|
|
2136
|
-
/* #region Z-index */
|
|
2137
|
-
/* #endregion */
|
|
2138
|
-
/* #region Transition */
|
|
2139
|
-
/* #endregion */
|
|
2140
|
-
/* #region Timing functions */
|
|
2141
|
-
/* #endregion */
|
|
2142
|
-
/* #region Focus ring */
|
|
2143
|
-
/* #endregion */
|
|
2144
|
-
/* #region Inline components */
|
|
2145
|
-
/* #endregion */
|
|
2146
|
-
/* #region Spacing */
|
|
2147
|
-
/* #endregion */
|
|
2148
|
-
/* #region Colors */
|
|
2149
|
-
/* #endregion */
|
|
2150
|
-
/* #region Fonts */
|
|
2151
|
-
/* #endregion */
|
|
2152
|
-
/* #region Borders */
|
|
2153
|
-
/* #endregion */
|
|
2154
|
-
/* #region Box-shadow */
|
|
2155
|
-
/* #endregion */
|
|
2156
|
-
/* #region Shadows */
|
|
2157
|
-
/* #endregion */
|
|
2158
|
-
/* #region Z-index */
|
|
2159
|
-
/* #endregion */
|
|
2160
|
-
/* #region Transition */
|
|
2161
|
-
/* #endregion */
|
|
2162
|
-
/* #region Timing functions */
|
|
2163
|
-
/* #endregion */
|
|
2164
|
-
/* #region Focus ring */
|
|
2165
|
-
/* #endregion */
|
|
2166
|
-
/* #region Inline components */
|
|
2167
|
-
/* #endregion */
|
|
2168
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2169
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2170
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2171
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2172
|
-
/*
|
|
2173
|
-
* [1] Title should appear to have line-height 1 when on one line, standard line-height when on multiple lines.
|
|
2174
|
-
* Calculation for margin-y correction: -((line-height(px) - font-size(px)) / 2)
|
|
2175
|
-
*/
|
|
2176
|
-
/*
|
|
2177
|
-
* [1] Since the explanation is optional, it is better to set this margin here instead of the header
|
|
2178
|
-
*/
|
|
2179
|
-
.adl-alert {
|
|
2180
|
-
color: #00112c;
|
|
2181
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2182
|
-
font-size: 15px;
|
|
2183
|
-
-webkit-font-smoothing: antialiased;
|
|
2184
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2185
|
-
font-weight: 400;
|
|
2186
|
-
line-height: 1.4;
|
|
2187
|
-
border-radius: 12px;
|
|
2188
|
-
padding: 16px;
|
|
2189
|
-
word-break: break-word;
|
|
2190
|
-
}
|
|
2191
|
-
.adl-alert *,
|
|
2192
|
-
.adl-alert *::before,
|
|
2193
|
-
.adl-alert *::after {
|
|
2194
|
-
box-sizing: border-box;
|
|
2195
|
-
}
|
|
2196
|
-
.adl-alert--basic {
|
|
2197
|
-
background-color: #f3f6f9;
|
|
2198
|
-
color: #001e4c;
|
|
2199
|
-
}
|
|
2200
|
-
.adl-alert--information {
|
|
2201
|
-
background-color: #cce0ff;
|
|
2202
|
-
color: #0047b2;
|
|
2203
|
-
}
|
|
2204
|
-
.adl-alert--without-explanation .adl-alert__title {
|
|
2205
|
-
font-weight: 100;
|
|
2206
|
-
}
|
|
2207
|
-
.adl-alert--error {
|
|
2208
|
-
background-color: #fce5e5;
|
|
2209
|
-
color: #e50000;
|
|
2210
|
-
}
|
|
2211
|
-
.adl-alert--warning {
|
|
2212
|
-
background-color: #ffeacc;
|
|
2213
|
-
color: #7f4a00;
|
|
2214
|
-
}
|
|
2215
|
-
.adl-alert--success {
|
|
2216
|
-
background-color: #cef2dd;
|
|
2217
|
-
color: #055f29;
|
|
2218
|
-
}
|
|
2219
|
-
.adl-alert__header {
|
|
2220
|
-
align-items: flex-start;
|
|
2221
|
-
display: flex;
|
|
2222
|
-
}
|
|
2223
|
-
.adl-alert__icon {
|
|
2224
|
-
height: 15px;
|
|
2225
|
-
line-height: 1;
|
|
2226
|
-
}
|
|
2227
|
-
.adl-alert__title {
|
|
2228
|
-
color: #20304c;
|
|
2229
|
-
flex-grow: 1;
|
|
2230
|
-
font-size: 15px;
|
|
2231
|
-
font-weight: 600;
|
|
2232
|
-
line-height: 1.4;
|
|
2233
|
-
margin-bottom: -3px; /* [1] */
|
|
2234
|
-
margin-left: 16px;
|
|
2235
|
-
margin-top: -3px; /* [1] */
|
|
2236
|
-
}
|
|
2237
|
-
.adl-alert__title--no-content {
|
|
2238
|
-
font-weight: 400;
|
|
2239
|
-
}
|
|
2240
|
-
.adl-alert__action {
|
|
2241
|
-
color: #00112c;
|
|
2242
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2243
|
-
font-size: 15px;
|
|
2244
|
-
-webkit-font-smoothing: antialiased;
|
|
2245
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2246
|
-
font-weight: 400;
|
|
2247
|
-
line-height: 1.4;
|
|
2248
|
-
align-items: center;
|
|
2249
|
-
background: none;
|
|
2250
|
-
border: none;
|
|
2251
|
-
cursor: pointer;
|
|
2252
|
-
display: inline-flex;
|
|
2253
|
-
justify-content: center;
|
|
2254
|
-
line-height: 1;
|
|
2255
|
-
margin: 0;
|
|
2256
|
-
outline: none;
|
|
2257
|
-
padding: 0;
|
|
2258
|
-
text-decoration: none;
|
|
2259
|
-
user-select: none;
|
|
2260
|
-
vertical-align: baseline;
|
|
2261
|
-
white-space: nowrap;
|
|
2262
|
-
color: inherit;
|
|
2263
|
-
font-size: 13px;
|
|
2264
|
-
font-weight: 600;
|
|
2265
|
-
line-height: 1;
|
|
2266
|
-
margin-left: 24px;
|
|
2267
|
-
text-transform: uppercase;
|
|
2268
|
-
white-space: nowrap;
|
|
2269
|
-
}
|
|
2270
|
-
.adl-alert__action *,
|
|
2271
|
-
.adl-alert__action *::before,
|
|
2272
|
-
.adl-alert__action *::after {
|
|
2273
|
-
box-sizing: border-box;
|
|
2274
|
-
}
|
|
2275
|
-
.adl-alert__action::-moz-focus-inner {
|
|
2276
|
-
border: none;
|
|
2277
|
-
padding: 0;
|
|
2278
|
-
}
|
|
2279
|
-
.adl-alert__action:hover {
|
|
2280
|
-
color: #00112c;
|
|
2281
|
-
text-decoration: underline;
|
|
2282
|
-
}
|
|
2283
|
-
.adl-alert__dismiss {
|
|
2284
|
-
color: #00112c;
|
|
2285
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2286
|
-
font-size: 15px;
|
|
2287
|
-
-webkit-font-smoothing: antialiased;
|
|
2288
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2289
|
-
font-weight: 400;
|
|
2290
|
-
line-height: 1.4;
|
|
2291
|
-
align-items: center;
|
|
2292
|
-
background: none;
|
|
2293
|
-
border: none;
|
|
2294
|
-
cursor: pointer;
|
|
2295
|
-
display: inline-flex;
|
|
2296
|
-
justify-content: center;
|
|
2297
|
-
line-height: 1;
|
|
2298
|
-
margin: 0;
|
|
2299
|
-
outline: none;
|
|
2300
|
-
padding: 0;
|
|
2301
|
-
text-decoration: none;
|
|
2302
|
-
user-select: none;
|
|
2303
|
-
vertical-align: baseline;
|
|
2304
|
-
white-space: nowrap;
|
|
2305
|
-
color: inherit;
|
|
2306
|
-
font-size: 15px;
|
|
2307
|
-
height: 15px;
|
|
2308
|
-
line-height: 1;
|
|
2309
|
-
margin-left: 48px;
|
|
2310
|
-
}
|
|
2311
|
-
.adl-alert__dismiss *,
|
|
2312
|
-
.adl-alert__dismiss *::before,
|
|
2313
|
-
.adl-alert__dismiss *::after {
|
|
2314
|
-
box-sizing: border-box;
|
|
2315
|
-
}
|
|
2316
|
-
.adl-alert__dismiss::-moz-focus-inner {
|
|
2317
|
-
border: none;
|
|
2318
|
-
padding: 0;
|
|
2319
|
-
}
|
|
2320
|
-
.adl-alert__dismiss:hover {
|
|
2321
|
-
background: transparent;
|
|
2322
|
-
color: #00112c;
|
|
2323
|
-
}
|
|
2324
|
-
.adl-alert__explanation {
|
|
2325
|
-
color: #20304c;
|
|
2326
|
-
font-size: 14px;
|
|
2327
|
-
line-height: 1.4;
|
|
2328
|
-
margin-top: 16px; /* [1] */
|
|
2329
|
-
padding-left: 31px;
|
|
2330
|
-
}
|
|
2331
|
-
.adl-alert__explanation .adl-link {
|
|
2332
|
-
color: #00112c;
|
|
2333
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2334
|
-
font-size: 15px;
|
|
2335
|
-
-webkit-font-smoothing: antialiased;
|
|
2336
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2337
|
-
font-weight: 400;
|
|
2338
|
-
line-height: 1.4;
|
|
2339
|
-
background-color: transparent;
|
|
2340
|
-
border: 0;
|
|
2341
|
-
color: #06f;
|
|
2342
|
-
cursor: pointer;
|
|
2343
|
-
display: inline;
|
|
2344
|
-
padding: 0;
|
|
2345
|
-
text-decoration: none;
|
|
2346
|
-
vertical-align: baseline;
|
|
2347
|
-
color: #20304c;
|
|
2348
|
-
font-size: 14px;
|
|
2349
|
-
text-decoration: underline;
|
|
2350
|
-
}
|
|
2351
|
-
.adl-alert__explanation .adl-link *,
|
|
2352
|
-
.adl-alert__explanation .adl-link *::before,
|
|
2353
|
-
.adl-alert__explanation .adl-link *::after {
|
|
2354
|
-
box-sizing: border-box;
|
|
2355
|
-
}
|
|
2356
|
-
.adl-alert__explanation .adl-link:hover {
|
|
2357
|
-
text-decoration: underline;
|
|
2358
|
-
}
|
|
2359
|
-
.adl-alert__explanation .adl-link:active {
|
|
2360
|
-
color: #06f;
|
|
2361
|
-
}
|
|
2362
|
-
.adl-alert__explanation .adl-link:focus {
|
|
2363
|
-
outline: none;
|
|
2364
|
-
text-decoration: underline;
|
|
2365
|
-
}
|
|
2366
|
-
.adl-alert__explanation .adl-link:visited {
|
|
2367
|
-
color: #06f;
|
|
2368
|
-
}
|
|
2369
|
-
.adl-alert__explanation .adl-link, .adl-alert__explanation .adl-link:hover, .adl-alert__explanation .adl-link:active, .adl-alert__explanation .adl-link:visited {
|
|
2370
|
-
color: inherit;
|
|
2371
|
-
font-size: inherit;
|
|
2372
|
-
font-weight: inherit;
|
|
2373
|
-
}
|
|
2374
|
-
.adl-alert__explanation .adl-link:hover {
|
|
2375
|
-
color: #20304c;
|
|
2376
|
-
}
|
|
2377
|
-
.adl-alert__explanation .adl-link:focus {
|
|
2378
|
-
border: 1px dotted;
|
|
2379
|
-
}
|
|
2380
|
-
.adl-alert__list {
|
|
2381
|
-
color: #00112c;
|
|
2382
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2383
|
-
font-size: 15px;
|
|
2384
|
-
-webkit-font-smoothing: antialiased;
|
|
2385
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2386
|
-
font-weight: 400;
|
|
2387
|
-
line-height: 1.4;
|
|
2388
|
-
display: block;
|
|
2389
|
-
list-style-position: outside;
|
|
2390
|
-
list-style-type: disc;
|
|
2391
|
-
margin: 0;
|
|
2392
|
-
padding: 0 0 0 18px;
|
|
2393
|
-
color: inherit;
|
|
2394
|
-
padding-left: 18px;
|
|
2395
|
-
}
|
|
2396
|
-
.adl-alert__list *,
|
|
2397
|
-
.adl-alert__list *::before,
|
|
2398
|
-
.adl-alert__list *::after {
|
|
2399
|
-
box-sizing: border-box;
|
|
2400
|
-
}
|
|
2401
|
-
.adl-alert__link {
|
|
2402
|
-
color: #00112c;
|
|
2403
|
-
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
2404
|
-
font-size: 15px;
|
|
2405
|
-
-webkit-font-smoothing: antialiased;
|
|
2406
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2407
|
-
font-weight: 400;
|
|
2408
|
-
line-height: 1.4;
|
|
2409
|
-
background-color: transparent;
|
|
2410
|
-
border: 0;
|
|
2411
|
-
color: #06f;
|
|
2412
|
-
cursor: pointer;
|
|
2413
|
-
display: inline;
|
|
2414
|
-
padding: 0;
|
|
2415
|
-
text-decoration: none;
|
|
2416
|
-
vertical-align: baseline;
|
|
2417
|
-
color: #20304c;
|
|
2418
|
-
font-size: 14px;
|
|
2419
|
-
text-decoration: underline;
|
|
2420
|
-
}
|
|
2421
|
-
.adl-alert__link *,
|
|
2422
|
-
.adl-alert__link *::before,
|
|
2423
|
-
.adl-alert__link *::after {
|
|
2424
|
-
box-sizing: border-box;
|
|
2425
|
-
}
|
|
2426
|
-
.adl-alert__link:hover {
|
|
2427
|
-
text-decoration: underline;
|
|
2428
|
-
}
|
|
2429
|
-
.adl-alert__link:active {
|
|
2430
|
-
color: #06f;
|
|
2431
|
-
}
|
|
2432
|
-
.adl-alert__link:focus {
|
|
2433
|
-
outline: none;
|
|
2434
|
-
text-decoration: underline;
|
|
2435
|
-
}
|
|
2436
|
-
.adl-alert__link:visited {
|
|
2437
|
-
color: #06f;
|
|
2438
|
-
}
|
|
2439
|
-
.adl-alert__link, .adl-alert__link:hover, .adl-alert__link:active, .adl-alert__link:visited {
|
|
2440
|
-
color: inherit;
|
|
2441
|
-
font-size: inherit;
|
|
2442
|
-
font-weight: inherit;
|
|
2443
|
-
}
|
|
2444
|
-
.adl-alert__link:hover {
|
|
2445
|
-
color: #20304c;
|
|
2446
|
-
}
|
|
2447
|
-
.adl-review-alert {
|
|
2448
|
-
width: 100%;
|
|
2449
|
-
}
|
|
2450
|
-
.adyen-kyc-icon.adl-alert-error-icon::before {
|
|
2451
|
-
display: inline-block;
|
|
2452
|
-
color: #a10000;
|
|
2453
|
-
transform: scale(1.6);
|
|
2454
|
-
}/* #region Spacing */
|
|
2455
|
-
/* #endregion */
|
|
2456
|
-
/* #region Colors */
|
|
2457
|
-
/* #endregion */
|
|
2458
|
-
/* #region Fonts */
|
|
2459
|
-
/* #endregion */
|
|
2460
|
-
/* #region Borders */
|
|
2461
|
-
/* #endregion */
|
|
2462
|
-
/* #region Box-shadow */
|
|
2463
|
-
/* #endregion */
|
|
2464
|
-
/* #region Shadows */
|
|
2465
|
-
/* #endregion */
|
|
2466
|
-
/* #region Z-index */
|
|
2467
|
-
/* #endregion */
|
|
2468
|
-
/* #region Transition */
|
|
2469
|
-
/* #endregion */
|
|
2470
|
-
/* #region Timing functions */
|
|
2471
|
-
/* #endregion */
|
|
2472
|
-
/* #region Focus ring */
|
|
2473
|
-
/* #endregion */
|
|
2474
|
-
/* #region Inline components */
|
|
2475
|
-
/* #endregion */
|
|
2476
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2477
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2478
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2479
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2480
|
-
/* #region Spacing */
|
|
2481
|
-
/* #endregion */
|
|
2482
|
-
/* #region Colors */
|
|
2483
|
-
/* #endregion */
|
|
2484
|
-
/* #region Fonts */
|
|
2485
|
-
/* #endregion */
|
|
2486
|
-
/* #region Borders */
|
|
2487
|
-
/* #endregion */
|
|
2488
|
-
/* #region Box-shadow */
|
|
2489
|
-
/* #endregion */
|
|
2490
|
-
/* #region Shadows */
|
|
2491
|
-
/* #endregion */
|
|
2492
|
-
/* #region Z-index */
|
|
2493
|
-
/* #endregion */
|
|
2494
|
-
/* #region Transition */
|
|
2495
|
-
/* #endregion */
|
|
2496
|
-
/* #region Timing functions */
|
|
2497
|
-
/* #endregion */
|
|
2498
|
-
/* #region Focus ring */
|
|
2499
|
-
/* #endregion */
|
|
2500
|
-
/* #region Inline components */
|
|
2501
|
-
/* #endregion */
|
|
2502
|
-
[class*=" adyen-kyc-icon-"],
|
|
2503
|
-
[class^=adyen-kyc-icon-] {
|
|
2504
|
-
color: inherit;
|
|
2505
|
-
display: inline-block;
|
|
2506
|
-
vertical-align: baseline;
|
|
2507
|
-
}
|
|
2508
|
-
[class*=" adyen-kyc-icon-"]::before,
|
|
2509
|
-
[class^=adyen-kyc-icon-]::before {
|
|
2510
|
-
color: inherit;
|
|
2511
|
-
font-family: "adyen-kyc-icons", sans-serif;
|
|
2512
|
-
-webkit-font-smoothing: antialiased;
|
|
2513
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2514
|
-
font-style: normal;
|
|
2515
|
-
font-variant: normal;
|
|
2516
|
-
font-weight: normal;
|
|
2517
|
-
line-height: 1;
|
|
2518
|
-
position: relative;
|
|
2519
|
-
speak: none;
|
|
2520
|
-
text-transform: none;
|
|
2521
|
-
}
|
|
2522
|
-
.adyen-kyc-icon-arrow-left::before {
|
|
2523
|
-
content: "\f11c";
|
|
2524
|
-
}
|
|
2525
|
-
.adyen-kyc-icon-arrow-right::before {
|
|
2526
|
-
content: "\f11f";
|
|
2527
|
-
}
|
|
2528
|
-
.adyen-kyc-icon-bin::before {
|
|
2529
|
-
content: "\f106";
|
|
2530
|
-
}
|
|
2531
|
-
.adyen-kyc-icon-check::before {
|
|
2532
|
-
content: "\f11a";
|
|
2533
|
-
}
|
|
2534
|
-
.adyen-kyc-icon-checkmark-small::before {
|
|
2535
|
-
content: "\f131";
|
|
2536
|
-
}
|
|
2537
|
-
.adyen-kyc-icon-checkmark::before {
|
|
2538
|
-
content: "\f117";
|
|
2539
|
-
}
|
|
2540
|
-
.adyen-kyc-icon-chevron-down::before {
|
|
2541
|
-
content: "\f125";
|
|
2542
|
-
}
|
|
2543
|
-
.adyen-kyc-icon-chevron-right::before {
|
|
2544
|
-
content: "\f103";
|
|
2545
|
-
}
|
|
2546
|
-
.adyen-kyc-icon-chevron-up::before {
|
|
2547
|
-
content: "\f11d";
|
|
2548
|
-
}
|
|
2549
|
-
.adyen-kyc-icon-company::before {
|
|
2550
|
-
content: "\f102";
|
|
2551
|
-
}
|
|
2552
|
-
.adyen-kyc-icon-contract::before {
|
|
2553
|
-
content: "\f10b";
|
|
2554
|
-
}
|
|
2555
|
-
.adyen-kyc-icon-controlling-person::before {
|
|
2556
|
-
content: "\f116";
|
|
2557
|
-
}
|
|
2558
|
-
.adyen-kyc-icon-cross::before {
|
|
2559
|
-
content: "\f105";
|
|
2560
|
-
}
|
|
2561
|
-
.adyen-kyc-icon-decision-maker::before {
|
|
2562
|
-
content: "\f104";
|
|
2563
|
-
}
|
|
2564
|
-
.adyen-kyc-icon-decision-makers::before {
|
|
2565
|
-
content: "\f10a";
|
|
2566
|
-
}
|
|
2567
|
-
.adyen-kyc-icon-document::before {
|
|
2568
|
-
content: "\f109";
|
|
2569
|
-
}
|
|
2570
|
-
.adyen-kyc-icon-download::before {
|
|
2571
|
-
content: "\f107";
|
|
2572
|
-
}
|
|
2573
|
-
.adyen-kyc-icon-edit::before {
|
|
2574
|
-
content: "\f10d";
|
|
2575
|
-
}
|
|
2576
|
-
.adyen-kyc-icon-field-error::before {
|
|
2577
|
-
content: "\f108";
|
|
2578
|
-
}
|
|
2579
|
-
.adyen-kyc-icon-info-circle::before {
|
|
2580
|
-
content: "\f10c";
|
|
2581
|
-
}
|
|
2582
|
-
.adyen-kyc-icon-light-bulb::before {
|
|
2583
|
-
content: "\f130";
|
|
2584
|
-
}
|
|
2585
|
-
.adyen-kyc-icon-more-horiz::before {
|
|
2586
|
-
content: "\f111";
|
|
2587
|
-
}
|
|
2588
|
-
.adyen-kyc-icon-new-document::before {
|
|
2589
|
-
content: "\f10f";
|
|
2590
|
-
}
|
|
2591
|
-
.adyen-kyc-icon-owners::before {
|
|
2592
|
-
content: "\f110";
|
|
2593
|
-
}
|
|
2594
|
-
.adyen-kyc-icon-payout::before {
|
|
2595
|
-
content: "\f112";
|
|
2596
|
-
}
|
|
2597
|
-
.adyen-kyc-icon-pci::before {
|
|
2598
|
-
content: "\f10e";
|
|
2599
|
-
}
|
|
2600
|
-
.adyen-kyc-icon-plus::before {
|
|
2601
|
-
content: "\f113";
|
|
2602
|
-
}
|
|
2603
|
-
.adyen-kyc-icon-remove::before {
|
|
2604
|
-
content: "\f114";
|
|
2605
|
-
}
|
|
2606
|
-
.adyen-kyc-icon-search::before {
|
|
2607
|
-
content: "\f11e";
|
|
2608
|
-
}
|
|
2609
|
-
.adyen-kyc-icon-signatory::before {
|
|
2610
|
-
content: "\f11b";
|
|
2611
|
-
}
|
|
2612
|
-
.adyen-kyc-icon-store::before {
|
|
2613
|
-
content: "\f118";
|
|
2614
|
-
}
|
|
2615
|
-
.adyen-kyc-icon-trust::before {
|
|
2616
|
-
content: "\f12f";
|
|
2617
|
-
}
|
|
2618
|
-
.adyen-kyc-icon-warning::before {
|
|
2619
|
-
content: "\f119";
|
|
2620
|
-
}
|
|
2621
|
-
.adyen-kyc-icon-wrong::before {
|
|
2622
|
-
content: "\f115";
|
|
2623
|
-
}/* #region Spacing */
|
|
2624
|
-
/* #endregion */
|
|
2625
|
-
/* #region Colors */
|
|
2626
|
-
/* #endregion */
|
|
2627
|
-
/* #region Fonts */
|
|
2628
|
-
/* #endregion */
|
|
2629
|
-
/* #region Borders */
|
|
2630
|
-
/* #endregion */
|
|
2631
|
-
/* #region Box-shadow */
|
|
2632
|
-
/* #endregion */
|
|
2633
|
-
/* #region Shadows */
|
|
2634
|
-
/* #endregion */
|
|
2635
|
-
/* #region Z-index */
|
|
2636
|
-
/* #endregion */
|
|
2637
|
-
/* #region Transition */
|
|
2638
|
-
/* #endregion */
|
|
2639
|
-
/* #region Timing functions */
|
|
2640
|
-
/* #endregion */
|
|
2641
|
-
/* #region Focus ring */
|
|
2642
|
-
/* #endregion */
|
|
2643
|
-
/* #region Inline components */
|
|
2644
|
-
/* #endregion */
|
|
2645
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2646
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2647
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2648
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2649
|
-
/* #region Spacing */
|
|
2650
|
-
/* #endregion */
|
|
2651
|
-
/* #region Colors */
|
|
2652
|
-
/* #endregion */
|
|
2653
|
-
/* #region Fonts */
|
|
2654
|
-
/* #endregion */
|
|
2655
|
-
/* #region Borders */
|
|
2656
|
-
/* #endregion */
|
|
2657
|
-
/* #region Box-shadow */
|
|
2658
|
-
/* #endregion */
|
|
2659
|
-
/* #region Shadows */
|
|
2660
|
-
/* #endregion */
|
|
2661
|
-
/* #region Z-index */
|
|
2662
|
-
/* #endregion */
|
|
2663
|
-
/* #region Transition */
|
|
2664
|
-
/* #endregion */
|
|
2665
|
-
/* #region Timing functions */
|
|
2666
|
-
/* #endregion */
|
|
2667
|
-
/* #region Focus ring */
|
|
2668
|
-
/* #endregion */
|
|
2669
|
-
/* #region Inline components */
|
|
2670
|
-
/* #endregion */
|
|
2671
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2672
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2673
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2674
|
-
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2675
|
-
/* #region Spacing */
|
|
2676
|
-
/* #endregion */
|
|
2677
|
-
/* #region Colors */
|
|
2678
|
-
/* #endregion */
|
|
2679
|
-
/* #region Fonts */
|
|
2680
|
-
/* #endregion */
|
|
2681
|
-
/* #region Borders */
|
|
2682
|
-
/* #endregion */
|
|
2683
|
-
/* #region Box-shadow */
|
|
2684
|
-
/* #endregion */
|
|
2685
|
-
/* #region Shadows */
|
|
2686
|
-
/* #endregion */
|
|
2687
|
-
/* #region Z-index */
|
|
2688
|
-
/* #endregion */
|
|
2689
|
-
/* #region Transition */
|
|
2690
|
-
/* #endregion */
|
|
2691
|
-
/* #region Timing functions */
|
|
2692
|
-
/* #endregion */
|
|
2693
|
-
/* #region Focus ring */
|
|
2694
|
-
/* #endregion */
|
|
2695
|
-
/* #region Inline components */
|
|
2696
|
-
/* #endregion */
|
|
2697
|
-
/* Reset */
|
|
2698
|
-
/* Regular - Dimensions */
|
|
2699
|
-
/* Regular - Fonts */
|
|
2700
|
-
/* Shared - Styles */
|
|
2701
|
-
/* Shared - Colors */
|
|
2702
|
-
/* Small - Styles */
|
|
2703
|
-
/* Small - Dimensions */
|
|
2704
|
-
/* Small - Fonts */
|
|
2705
|
-
/* State */
|
|
2706
|
-
/* Shadow */
|
|
2707
|
-
/* Motion */
|
|
2708
|
-
/* Loader */
|
|
2709
|
-
/* Circle */
|
|
2710
|
-
/* Label Hover box */
|
|
2711
|
-
/* Utility mixins */
|
|
2712
|
-
/* Base button */
|
|
2713
|
-
/* ADL Buttons */
|
|
2714
|
-
/* Secondary */
|
|
2715
|
-
/* Tertiary */
|
|
2716
|
-
/* Ghost */
|
|
2717
|
-
/* Loading button */
|
|
2718
|
-
/* Colors */
|
|
2719
|
-
/* Colors - Positive */
|
|
2720
|
-
/* Colors - Negative */
|
|
2721
|
-
/* Disabled */
|
|
2722
|
-
/* Small */
|
|
2723
|
-
/* Block */
|
|
2724
|
-
/* With Icons */
|
|
2725
|
-
/* Icon Only */
|
|
2726
|
-
/* Button circle */
|
|
2727
2050
|
/* stylelint-disable declaration-block-no-duplicate-properties, no-duplicate-selectors */
|
|
2728
2051
|
.adl-button {
|
|
2729
2052
|
color: #00112c;
|
|
@@ -3174,6 +2497,175 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
|
|
|
3174
2497
|
/* #endregion */
|
|
3175
2498
|
/* #region Inline components */
|
|
3176
2499
|
/* #endregion */
|
|
2500
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2501
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2502
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2503
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
2504
|
+
/* #region Spacing */
|
|
2505
|
+
/* #endregion */
|
|
2506
|
+
/* #region Colors */
|
|
2507
|
+
/* #endregion */
|
|
2508
|
+
/* #region Fonts */
|
|
2509
|
+
/* #endregion */
|
|
2510
|
+
/* #region Borders */
|
|
2511
|
+
/* #endregion */
|
|
2512
|
+
/* #region Box-shadow */
|
|
2513
|
+
/* #endregion */
|
|
2514
|
+
/* #region Shadows */
|
|
2515
|
+
/* #endregion */
|
|
2516
|
+
/* #region Z-index */
|
|
2517
|
+
/* #endregion */
|
|
2518
|
+
/* #region Transition */
|
|
2519
|
+
/* #endregion */
|
|
2520
|
+
/* #region Timing functions */
|
|
2521
|
+
/* #endregion */
|
|
2522
|
+
/* #region Focus ring */
|
|
2523
|
+
/* #endregion */
|
|
2524
|
+
/* #region Inline components */
|
|
2525
|
+
/* #endregion */
|
|
2526
|
+
[class*=" adyen-kyc-icon-"],
|
|
2527
|
+
[class^=adyen-kyc-icon-] {
|
|
2528
|
+
color: inherit;
|
|
2529
|
+
display: inline-block;
|
|
2530
|
+
vertical-align: baseline;
|
|
2531
|
+
}
|
|
2532
|
+
[class*=" adyen-kyc-icon-"]::before,
|
|
2533
|
+
[class^=adyen-kyc-icon-]::before {
|
|
2534
|
+
color: inherit;
|
|
2535
|
+
font-family: "adyen-kyc-icons", sans-serif;
|
|
2536
|
+
-webkit-font-smoothing: antialiased;
|
|
2537
|
+
-moz-osx-font-smoothing: grayscale;
|
|
2538
|
+
font-style: normal;
|
|
2539
|
+
font-variant: normal;
|
|
2540
|
+
font-weight: normal;
|
|
2541
|
+
line-height: 1;
|
|
2542
|
+
position: relative;
|
|
2543
|
+
speak: none;
|
|
2544
|
+
text-transform: none;
|
|
2545
|
+
}
|
|
2546
|
+
.adyen-kyc-icon-arrow-left::before {
|
|
2547
|
+
content: "\f11c";
|
|
2548
|
+
}
|
|
2549
|
+
.adyen-kyc-icon-arrow-right::before {
|
|
2550
|
+
content: "\f11f";
|
|
2551
|
+
}
|
|
2552
|
+
.adyen-kyc-icon-bin::before {
|
|
2553
|
+
content: "\f106";
|
|
2554
|
+
}
|
|
2555
|
+
.adyen-kyc-icon-check::before {
|
|
2556
|
+
content: "\f11a";
|
|
2557
|
+
}
|
|
2558
|
+
.adyen-kyc-icon-checkmark-small::before {
|
|
2559
|
+
content: "\f131";
|
|
2560
|
+
}
|
|
2561
|
+
.adyen-kyc-icon-checkmark::before {
|
|
2562
|
+
content: "\f117";
|
|
2563
|
+
}
|
|
2564
|
+
.adyen-kyc-icon-chevron-down::before {
|
|
2565
|
+
content: "\f125";
|
|
2566
|
+
}
|
|
2567
|
+
.adyen-kyc-icon-chevron-right::before {
|
|
2568
|
+
content: "\f103";
|
|
2569
|
+
}
|
|
2570
|
+
.adyen-kyc-icon-chevron-up::before {
|
|
2571
|
+
content: "\f11d";
|
|
2572
|
+
}
|
|
2573
|
+
.adyen-kyc-icon-company::before {
|
|
2574
|
+
content: "\f102";
|
|
2575
|
+
}
|
|
2576
|
+
.adyen-kyc-icon-contract::before {
|
|
2577
|
+
content: "\f10b";
|
|
2578
|
+
}
|
|
2579
|
+
.adyen-kyc-icon-controlling-person::before {
|
|
2580
|
+
content: "\f116";
|
|
2581
|
+
}
|
|
2582
|
+
.adyen-kyc-icon-cross::before {
|
|
2583
|
+
content: "\f105";
|
|
2584
|
+
}
|
|
2585
|
+
.adyen-kyc-icon-decision-maker::before {
|
|
2586
|
+
content: "\f104";
|
|
2587
|
+
}
|
|
2588
|
+
.adyen-kyc-icon-decision-makers::before {
|
|
2589
|
+
content: "\f10a";
|
|
2590
|
+
}
|
|
2591
|
+
.adyen-kyc-icon-document::before {
|
|
2592
|
+
content: "\f109";
|
|
2593
|
+
}
|
|
2594
|
+
.adyen-kyc-icon-download::before {
|
|
2595
|
+
content: "\f107";
|
|
2596
|
+
}
|
|
2597
|
+
.adyen-kyc-icon-edit::before {
|
|
2598
|
+
content: "\f10d";
|
|
2599
|
+
}
|
|
2600
|
+
.adyen-kyc-icon-field-error::before {
|
|
2601
|
+
content: "\f108";
|
|
2602
|
+
}
|
|
2603
|
+
.adyen-kyc-icon-info-circle::before {
|
|
2604
|
+
content: "\f10c";
|
|
2605
|
+
}
|
|
2606
|
+
.adyen-kyc-icon-light-bulb::before {
|
|
2607
|
+
content: "\f130";
|
|
2608
|
+
}
|
|
2609
|
+
.adyen-kyc-icon-more-horiz::before {
|
|
2610
|
+
content: "\f111";
|
|
2611
|
+
}
|
|
2612
|
+
.adyen-kyc-icon-new-document::before {
|
|
2613
|
+
content: "\f10f";
|
|
2614
|
+
}
|
|
2615
|
+
.adyen-kyc-icon-owners::before {
|
|
2616
|
+
content: "\f110";
|
|
2617
|
+
}
|
|
2618
|
+
.adyen-kyc-icon-payout::before {
|
|
2619
|
+
content: "\f112";
|
|
2620
|
+
}
|
|
2621
|
+
.adyen-kyc-icon-pci::before {
|
|
2622
|
+
content: "\f10e";
|
|
2623
|
+
}
|
|
2624
|
+
.adyen-kyc-icon-plus::before {
|
|
2625
|
+
content: "\f113";
|
|
2626
|
+
}
|
|
2627
|
+
.adyen-kyc-icon-remove::before {
|
|
2628
|
+
content: "\f114";
|
|
2629
|
+
}
|
|
2630
|
+
.adyen-kyc-icon-search::before {
|
|
2631
|
+
content: "\f11e";
|
|
2632
|
+
}
|
|
2633
|
+
.adyen-kyc-icon-signatory::before {
|
|
2634
|
+
content: "\f11b";
|
|
2635
|
+
}
|
|
2636
|
+
.adyen-kyc-icon-store::before {
|
|
2637
|
+
content: "\f118";
|
|
2638
|
+
}
|
|
2639
|
+
.adyen-kyc-icon-trust::before {
|
|
2640
|
+
content: "\f12f";
|
|
2641
|
+
}
|
|
2642
|
+
.adyen-kyc-icon-warning::before {
|
|
2643
|
+
content: "\f119";
|
|
2644
|
+
}
|
|
2645
|
+
.adyen-kyc-icon-wrong::before {
|
|
2646
|
+
content: "\f115";
|
|
2647
|
+
}/* #region Spacing */
|
|
2648
|
+
/* #endregion */
|
|
2649
|
+
/* #region Colors */
|
|
2650
|
+
/* #endregion */
|
|
2651
|
+
/* #region Fonts */
|
|
2652
|
+
/* #endregion */
|
|
2653
|
+
/* #region Borders */
|
|
2654
|
+
/* #endregion */
|
|
2655
|
+
/* #region Box-shadow */
|
|
2656
|
+
/* #endregion */
|
|
2657
|
+
/* #region Shadows */
|
|
2658
|
+
/* #endregion */
|
|
2659
|
+
/* #region Z-index */
|
|
2660
|
+
/* #endregion */
|
|
2661
|
+
/* #region Transition */
|
|
2662
|
+
/* #endregion */
|
|
2663
|
+
/* #region Timing functions */
|
|
2664
|
+
/* #endregion */
|
|
2665
|
+
/* #region Focus ring */
|
|
2666
|
+
/* #endregion */
|
|
2667
|
+
/* #region Inline components */
|
|
2668
|
+
/* #endregion */
|
|
3177
2669
|
/* #region Spacing */
|
|
3178
2670
|
/* #endregion */
|
|
3179
2671
|
/* #region Colors */
|
|
@@ -4939,134 +4431,642 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
|
|
|
4939
4431
|
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4940
4432
|
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4941
4433
|
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4942
|
-
.adl-u-display-flex {
|
|
4943
|
-
display: flex !important;
|
|
4434
|
+
.adl-u-display-flex {
|
|
4435
|
+
display: flex !important;
|
|
4436
|
+
}
|
|
4437
|
+
.adl-u-display-inline-flex {
|
|
4438
|
+
display: inline-flex !important;
|
|
4439
|
+
}
|
|
4440
|
+
.adl-u-flex-direction-row {
|
|
4441
|
+
flex-direction: row !important;
|
|
4442
|
+
}
|
|
4443
|
+
.adl-u-flex-direction-row-reverse {
|
|
4444
|
+
flex-direction: row-reverse !important;
|
|
4445
|
+
}
|
|
4446
|
+
.adl-u-flex-direction-column {
|
|
4447
|
+
flex-direction: column !important;
|
|
4448
|
+
}
|
|
4449
|
+
.adl-u-flex-direction-column-reverse {
|
|
4450
|
+
flex-direction: column-reverse !important;
|
|
4451
|
+
}
|
|
4452
|
+
.adl-u-flex-wrap-wrap {
|
|
4453
|
+
flex-wrap: wrap !important;
|
|
4454
|
+
}
|
|
4455
|
+
.adl-u-flex-wrap-nowrap {
|
|
4456
|
+
flex-wrap: nowrap !important;
|
|
4457
|
+
}
|
|
4458
|
+
.adl-u-align-items-start {
|
|
4459
|
+
align-items: start !important;
|
|
4460
|
+
}
|
|
4461
|
+
.adl-u-align-items-flex-start {
|
|
4462
|
+
align-items: flex-start !important;
|
|
4463
|
+
}
|
|
4464
|
+
.adl-u-align-items-flex-end {
|
|
4465
|
+
align-items: flex-end !important;
|
|
4466
|
+
}
|
|
4467
|
+
.adl-u-align-items-center {
|
|
4468
|
+
align-items: center !important;
|
|
4469
|
+
}
|
|
4470
|
+
.adl-u-align-items-stretch {
|
|
4471
|
+
align-items: stretch !important;
|
|
4472
|
+
}
|
|
4473
|
+
.adl-u-align-items-baseline {
|
|
4474
|
+
align-items: baseline !important;
|
|
4475
|
+
}
|
|
4476
|
+
.adl-u-align-items-end {
|
|
4477
|
+
align-items: end !important;
|
|
4478
|
+
}
|
|
4479
|
+
.adl-u-justify-content-center {
|
|
4480
|
+
justify-content: center !important;
|
|
4481
|
+
}
|
|
4482
|
+
.adl-u-justify-content-flex-start {
|
|
4483
|
+
justify-content: flex-start !important;
|
|
4484
|
+
}
|
|
4485
|
+
.adl-u-justify-content-flex-end {
|
|
4486
|
+
justify-content: flex-end !important;
|
|
4487
|
+
}
|
|
4488
|
+
.adl-u-justify-content-start {
|
|
4489
|
+
justify-content: start !important;
|
|
4490
|
+
}
|
|
4491
|
+
.adl-u-justify-content-end {
|
|
4492
|
+
justify-content: end !important;
|
|
4493
|
+
}
|
|
4494
|
+
.adl-u-justify-content-left {
|
|
4495
|
+
justify-content: left !important;
|
|
4496
|
+
}
|
|
4497
|
+
.adl-u-justify-content-right {
|
|
4498
|
+
justify-content: right !important;
|
|
4499
|
+
}
|
|
4500
|
+
.adl-u-justify-content-space-between {
|
|
4501
|
+
justify-content: space-between !important;
|
|
4502
|
+
}
|
|
4503
|
+
.adl-u-justify-content-space-around {
|
|
4504
|
+
justify-content: space-around !important;
|
|
4505
|
+
}
|
|
4506
|
+
.adl-u-justify-content-space-evenly {
|
|
4507
|
+
justify-content: space-evenly !important;
|
|
4508
|
+
}
|
|
4509
|
+
.adl-u-justify-content-stretch {
|
|
4510
|
+
justify-content: stretch !important;
|
|
4511
|
+
}
|
|
4512
|
+
.adl-u-flex-1 {
|
|
4513
|
+
flex: 1 !important;
|
|
4514
|
+
}
|
|
4515
|
+
.adl-u-width-full {
|
|
4516
|
+
width: 100% !important;
|
|
4517
|
+
}
|
|
4518
|
+
.adl-u-width-auto {
|
|
4519
|
+
width: auto !important;
|
|
4520
|
+
}
|
|
4521
|
+
.adyen-kyc-spinner__wrapper {
|
|
4522
|
+
align-items: center;
|
|
4523
|
+
display: flex;
|
|
4524
|
+
height: 100%;
|
|
4525
|
+
justify-content: center;
|
|
4526
|
+
}
|
|
4527
|
+
.adyen-kyc-spinner__wrapper--inline {
|
|
4528
|
+
display: inline-block;
|
|
4529
|
+
height: auto;
|
|
4530
|
+
margin-right: 8px;
|
|
4531
|
+
}
|
|
4532
|
+
.adyen-kyc-spinner {
|
|
4533
|
+
animation: rotateSpinner 1.5s infinite linear;
|
|
4534
|
+
border: 3px solid #06f;
|
|
4535
|
+
border-radius: 50%;
|
|
4536
|
+
border-top-color: transparent;
|
|
4537
|
+
height: 43px;
|
|
4538
|
+
width: 43px;
|
|
4539
|
+
}
|
|
4540
|
+
.adyen-kyc-spinner--large {
|
|
4541
|
+
height: 43px;
|
|
4542
|
+
width: 43px;
|
|
4543
|
+
}
|
|
4544
|
+
.adyen-kyc-spinner--small {
|
|
4545
|
+
border-width: 2px;
|
|
4546
|
+
height: 16px;
|
|
4547
|
+
width: 16px;
|
|
4548
|
+
}
|
|
4549
|
+
.adyen-kyc-spinner--medium {
|
|
4550
|
+
height: 28px;
|
|
4551
|
+
width: 28px;
|
|
4552
|
+
}
|
|
4553
|
+
@keyframes rotateSpinner {
|
|
4554
|
+
0% {
|
|
4555
|
+
transform: rotate(0deg);
|
|
4556
|
+
}
|
|
4557
|
+
100% {
|
|
4558
|
+
transform: rotate(360deg);
|
|
4559
|
+
}
|
|
4560
|
+
}.adyen-kyc-error-panel {
|
|
4561
|
+
margin-bottom: 20px;
|
|
4562
|
+
}/* #region Spacing */
|
|
4563
|
+
/* #endregion */
|
|
4564
|
+
/* #region Colors */
|
|
4565
|
+
/* #endregion */
|
|
4566
|
+
/* #region Fonts */
|
|
4567
|
+
/* #endregion */
|
|
4568
|
+
/* #region Borders */
|
|
4569
|
+
/* #endregion */
|
|
4570
|
+
/* #region Box-shadow */
|
|
4571
|
+
/* #endregion */
|
|
4572
|
+
/* #region Shadows */
|
|
4573
|
+
/* #endregion */
|
|
4574
|
+
/* #region Z-index */
|
|
4575
|
+
/* #endregion */
|
|
4576
|
+
/* #region Transition */
|
|
4577
|
+
/* #endregion */
|
|
4578
|
+
/* #region Timing functions */
|
|
4579
|
+
/* #endregion */
|
|
4580
|
+
/* #region Focus ring */
|
|
4581
|
+
/* #endregion */
|
|
4582
|
+
/* #region Inline components */
|
|
4583
|
+
/* #endregion */
|
|
4584
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4585
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4586
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4587
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4588
|
+
/* #region Spacing */
|
|
4589
|
+
/* #endregion */
|
|
4590
|
+
/* #region Colors */
|
|
4591
|
+
/* #endregion */
|
|
4592
|
+
/* #region Fonts */
|
|
4593
|
+
/* #endregion */
|
|
4594
|
+
/* #region Borders */
|
|
4595
|
+
/* #endregion */
|
|
4596
|
+
/* #region Box-shadow */
|
|
4597
|
+
/* #endregion */
|
|
4598
|
+
/* #region Shadows */
|
|
4599
|
+
/* #endregion */
|
|
4600
|
+
/* #region Z-index */
|
|
4601
|
+
/* #endregion */
|
|
4602
|
+
/* #region Transition */
|
|
4603
|
+
/* #endregion */
|
|
4604
|
+
/* #region Timing functions */
|
|
4605
|
+
/* #endregion */
|
|
4606
|
+
/* #region Focus ring */
|
|
4607
|
+
/* #endregion */
|
|
4608
|
+
/* #region Inline components */
|
|
4609
|
+
/* #endregion */
|
|
4610
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4611
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4612
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4613
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4614
|
+
/* #region Spacing */
|
|
4615
|
+
/* #endregion */
|
|
4616
|
+
/* #region Colors */
|
|
4617
|
+
/* #endregion */
|
|
4618
|
+
/* #region Fonts */
|
|
4619
|
+
/* #endregion */
|
|
4620
|
+
/* #region Borders */
|
|
4621
|
+
/* #endregion */
|
|
4622
|
+
/* #region Box-shadow */
|
|
4623
|
+
/* #endregion */
|
|
4624
|
+
/* #region Shadows */
|
|
4625
|
+
/* #endregion */
|
|
4626
|
+
/* #region Z-index */
|
|
4627
|
+
/* #endregion */
|
|
4628
|
+
/* #region Transition */
|
|
4629
|
+
/* #endregion */
|
|
4630
|
+
/* #region Timing functions */
|
|
4631
|
+
/* #endregion */
|
|
4632
|
+
/* #region Focus ring */
|
|
4633
|
+
/* #endregion */
|
|
4634
|
+
/* #region Inline components */
|
|
4635
|
+
/* #endregion */
|
|
4636
|
+
/* Reset */
|
|
4637
|
+
/* Regular - Dimensions */
|
|
4638
|
+
/* Regular - Fonts */
|
|
4639
|
+
/* Shared - Styles */
|
|
4640
|
+
/* Shared - Colors */
|
|
4641
|
+
/* Small - Styles */
|
|
4642
|
+
/* Small - Dimensions */
|
|
4643
|
+
/* Small - Fonts */
|
|
4644
|
+
/* State */
|
|
4645
|
+
/* Shadow */
|
|
4646
|
+
/* Motion */
|
|
4647
|
+
/* Loader */
|
|
4648
|
+
/* Circle */
|
|
4649
|
+
/* Label Hover box */
|
|
4650
|
+
/* Utility mixins */
|
|
4651
|
+
/* Base button */
|
|
4652
|
+
/* ADL Buttons */
|
|
4653
|
+
/* Secondary */
|
|
4654
|
+
/* Tertiary */
|
|
4655
|
+
/* Ghost */
|
|
4656
|
+
/* Loading button */
|
|
4657
|
+
/* Colors */
|
|
4658
|
+
/* Colors - Positive */
|
|
4659
|
+
/* Colors - Negative */
|
|
4660
|
+
/* Disabled */
|
|
4661
|
+
/* Small */
|
|
4662
|
+
/* Block */
|
|
4663
|
+
/* With Icons */
|
|
4664
|
+
/* Icon Only */
|
|
4665
|
+
/* Button circle */
|
|
4666
|
+
/* #region Spacing */
|
|
4667
|
+
/* #endregion */
|
|
4668
|
+
/* #region Colors */
|
|
4669
|
+
/* #endregion */
|
|
4670
|
+
/* #region Fonts */
|
|
4671
|
+
/* #endregion */
|
|
4672
|
+
/* #region Borders */
|
|
4673
|
+
/* #endregion */
|
|
4674
|
+
/* #region Box-shadow */
|
|
4675
|
+
/* #endregion */
|
|
4676
|
+
/* #region Shadows */
|
|
4677
|
+
/* #endregion */
|
|
4678
|
+
/* #region Z-index */
|
|
4679
|
+
/* #endregion */
|
|
4680
|
+
/* #region Transition */
|
|
4681
|
+
/* #endregion */
|
|
4682
|
+
/* #region Timing functions */
|
|
4683
|
+
/* #endregion */
|
|
4684
|
+
/* #region Focus ring */
|
|
4685
|
+
/* #endregion */
|
|
4686
|
+
/* #region Inline components */
|
|
4687
|
+
/* #endregion */
|
|
4688
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4689
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4690
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4691
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4692
|
+
/* #region Spacing */
|
|
4693
|
+
/* #endregion */
|
|
4694
|
+
/* #region Colors */
|
|
4695
|
+
/* #endregion */
|
|
4696
|
+
/* #region Fonts */
|
|
4697
|
+
/* #endregion */
|
|
4698
|
+
/* #region Borders */
|
|
4699
|
+
/* #endregion */
|
|
4700
|
+
/* #region Box-shadow */
|
|
4701
|
+
/* #endregion */
|
|
4702
|
+
/* #region Shadows */
|
|
4703
|
+
/* #endregion */
|
|
4704
|
+
/* #region Z-index */
|
|
4705
|
+
/* #endregion */
|
|
4706
|
+
/* #region Transition */
|
|
4707
|
+
/* #endregion */
|
|
4708
|
+
/* #region Timing functions */
|
|
4709
|
+
/* #endregion */
|
|
4710
|
+
/* #region Focus ring */
|
|
4711
|
+
/* #endregion */
|
|
4712
|
+
/* #region Inline components */
|
|
4713
|
+
/* #endregion */
|
|
4714
|
+
/* #region Spacing */
|
|
4715
|
+
/* #endregion */
|
|
4716
|
+
/* #region Colors */
|
|
4717
|
+
/* #endregion */
|
|
4718
|
+
/* #region Fonts */
|
|
4719
|
+
/* #endregion */
|
|
4720
|
+
/* #region Borders */
|
|
4721
|
+
/* #endregion */
|
|
4722
|
+
/* #region Box-shadow */
|
|
4723
|
+
/* #endregion */
|
|
4724
|
+
/* #region Shadows */
|
|
4725
|
+
/* #endregion */
|
|
4726
|
+
/* #region Z-index */
|
|
4727
|
+
/* #endregion */
|
|
4728
|
+
/* #region Transition */
|
|
4729
|
+
/* #endregion */
|
|
4730
|
+
/* #region Timing functions */
|
|
4731
|
+
/* #endregion */
|
|
4732
|
+
/* #region Focus ring */
|
|
4733
|
+
/* #endregion */
|
|
4734
|
+
/* #region Inline components */
|
|
4735
|
+
/* #endregion */
|
|
4736
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4737
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4738
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4739
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4740
|
+
/* #region Spacing */
|
|
4741
|
+
/* #endregion */
|
|
4742
|
+
/* #region Colors */
|
|
4743
|
+
/* #endregion */
|
|
4744
|
+
/* #region Fonts */
|
|
4745
|
+
/* #endregion */
|
|
4746
|
+
/* #region Borders */
|
|
4747
|
+
/* #endregion */
|
|
4748
|
+
/* #region Box-shadow */
|
|
4749
|
+
/* #endregion */
|
|
4750
|
+
/* #region Shadows */
|
|
4751
|
+
/* #endregion */
|
|
4752
|
+
/* #region Z-index */
|
|
4753
|
+
/* #endregion */
|
|
4754
|
+
/* #region Transition */
|
|
4755
|
+
/* #endregion */
|
|
4756
|
+
/* #region Timing functions */
|
|
4757
|
+
/* #endregion */
|
|
4758
|
+
/* #region Focus ring */
|
|
4759
|
+
/* #endregion */
|
|
4760
|
+
/* #region Inline components */
|
|
4761
|
+
/* #endregion */
|
|
4762
|
+
/* #region Spacing */
|
|
4763
|
+
/* #endregion */
|
|
4764
|
+
/* #region Colors */
|
|
4765
|
+
/* #endregion */
|
|
4766
|
+
/* #region Fonts */
|
|
4767
|
+
/* #endregion */
|
|
4768
|
+
/* #region Borders */
|
|
4769
|
+
/* #endregion */
|
|
4770
|
+
/* #region Box-shadow */
|
|
4771
|
+
/* #endregion */
|
|
4772
|
+
/* #region Shadows */
|
|
4773
|
+
/* #endregion */
|
|
4774
|
+
/* #region Z-index */
|
|
4775
|
+
/* #endregion */
|
|
4776
|
+
/* #region Transition */
|
|
4777
|
+
/* #endregion */
|
|
4778
|
+
/* #region Timing functions */
|
|
4779
|
+
/* #endregion */
|
|
4780
|
+
/* #region Focus ring */
|
|
4781
|
+
/* #endregion */
|
|
4782
|
+
/* #region Inline components */
|
|
4783
|
+
/* #endregion */
|
|
4784
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4785
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4786
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4787
|
+
/* stylelint-disable-line scss/dollar-variable-pattern */
|
|
4788
|
+
/*
|
|
4789
|
+
* [1] Title should appear to have line-height 1 when on one line, standard line-height when on multiple lines.
|
|
4790
|
+
* Calculation for margin-y correction: -((line-height(px) - font-size(px)) / 2)
|
|
4791
|
+
*/
|
|
4792
|
+
/*
|
|
4793
|
+
* [1] Since the explanation is optional, it is better to set this margin here instead of the header
|
|
4794
|
+
*/
|
|
4795
|
+
.adl-alert {
|
|
4796
|
+
color: #00112c;
|
|
4797
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
4798
|
+
font-size: 15px;
|
|
4799
|
+
-webkit-font-smoothing: antialiased;
|
|
4800
|
+
-moz-osx-font-smoothing: grayscale;
|
|
4801
|
+
font-weight: 400;
|
|
4802
|
+
line-height: 1.4;
|
|
4803
|
+
border-radius: 12px;
|
|
4804
|
+
padding: 16px;
|
|
4805
|
+
word-break: break-word;
|
|
4944
4806
|
}
|
|
4945
|
-
.adl-
|
|
4946
|
-
|
|
4807
|
+
.adl-alert *,
|
|
4808
|
+
.adl-alert *::before,
|
|
4809
|
+
.adl-alert *::after {
|
|
4810
|
+
box-sizing: border-box;
|
|
4947
4811
|
}
|
|
4948
|
-
.adl-
|
|
4949
|
-
|
|
4812
|
+
.adl-alert--basic {
|
|
4813
|
+
background-color: #f3f6f9;
|
|
4814
|
+
color: #001e4c;
|
|
4950
4815
|
}
|
|
4951
|
-
.adl-
|
|
4952
|
-
|
|
4816
|
+
.adl-alert--information {
|
|
4817
|
+
background-color: #cce0ff;
|
|
4818
|
+
color: #0047b2;
|
|
4953
4819
|
}
|
|
4954
|
-
.adl-
|
|
4955
|
-
|
|
4820
|
+
.adl-alert--without-explanation .adl-alert__title {
|
|
4821
|
+
font-weight: 100;
|
|
4956
4822
|
}
|
|
4957
|
-
.adl-
|
|
4958
|
-
|
|
4823
|
+
.adl-alert--error {
|
|
4824
|
+
background-color: #fce5e5;
|
|
4825
|
+
color: #e50000;
|
|
4959
4826
|
}
|
|
4960
|
-
.adl-
|
|
4961
|
-
|
|
4827
|
+
.adl-alert--warning {
|
|
4828
|
+
background-color: #ffeacc;
|
|
4829
|
+
color: #7f4a00;
|
|
4962
4830
|
}
|
|
4963
|
-
.adl-
|
|
4964
|
-
|
|
4831
|
+
.adl-alert--success {
|
|
4832
|
+
background-color: #cef2dd;
|
|
4833
|
+
color: #055f29;
|
|
4965
4834
|
}
|
|
4966
|
-
.adl-
|
|
4967
|
-
align-items: start
|
|
4835
|
+
.adl-alert__header {
|
|
4836
|
+
align-items: flex-start;
|
|
4837
|
+
display: flex;
|
|
4968
4838
|
}
|
|
4969
|
-
.adl-
|
|
4970
|
-
|
|
4839
|
+
.adl-alert__icon {
|
|
4840
|
+
height: 15px;
|
|
4841
|
+
line-height: 1;
|
|
4971
4842
|
}
|
|
4972
|
-
.adl-
|
|
4973
|
-
|
|
4843
|
+
.adl-alert__title {
|
|
4844
|
+
color: #20304c;
|
|
4845
|
+
flex-grow: 1;
|
|
4846
|
+
font-size: 15px;
|
|
4847
|
+
font-weight: 600;
|
|
4848
|
+
line-height: 1.4;
|
|
4849
|
+
margin-bottom: -3px; /* [1] */
|
|
4850
|
+
margin-left: 16px;
|
|
4851
|
+
margin-top: -3px; /* [1] */
|
|
4974
4852
|
}
|
|
4975
|
-
.adl-
|
|
4976
|
-
|
|
4853
|
+
.adl-alert__title--no-content {
|
|
4854
|
+
font-weight: 400;
|
|
4977
4855
|
}
|
|
4978
|
-
.adl-
|
|
4979
|
-
|
|
4856
|
+
.adl-alert__action {
|
|
4857
|
+
color: #00112c;
|
|
4858
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
4859
|
+
font-size: 15px;
|
|
4860
|
+
-webkit-font-smoothing: antialiased;
|
|
4861
|
+
-moz-osx-font-smoothing: grayscale;
|
|
4862
|
+
font-weight: 400;
|
|
4863
|
+
line-height: 1.4;
|
|
4864
|
+
align-items: center;
|
|
4865
|
+
background: none;
|
|
4866
|
+
border: none;
|
|
4867
|
+
cursor: pointer;
|
|
4868
|
+
display: inline-flex;
|
|
4869
|
+
justify-content: center;
|
|
4870
|
+
line-height: 1;
|
|
4871
|
+
margin: 0;
|
|
4872
|
+
outline: none;
|
|
4873
|
+
padding: 0;
|
|
4874
|
+
text-decoration: none;
|
|
4875
|
+
user-select: none;
|
|
4876
|
+
vertical-align: baseline;
|
|
4877
|
+
white-space: nowrap;
|
|
4878
|
+
color: inherit;
|
|
4879
|
+
font-size: 13px;
|
|
4880
|
+
font-weight: 600;
|
|
4881
|
+
line-height: 1;
|
|
4882
|
+
margin-left: 24px;
|
|
4883
|
+
text-transform: uppercase;
|
|
4884
|
+
white-space: nowrap;
|
|
4980
4885
|
}
|
|
4981
|
-
.adl-
|
|
4982
|
-
|
|
4886
|
+
.adl-alert__action *,
|
|
4887
|
+
.adl-alert__action *::before,
|
|
4888
|
+
.adl-alert__action *::after {
|
|
4889
|
+
box-sizing: border-box;
|
|
4983
4890
|
}
|
|
4984
|
-
.adl-
|
|
4985
|
-
|
|
4891
|
+
.adl-alert__action::-moz-focus-inner {
|
|
4892
|
+
border: none;
|
|
4893
|
+
padding: 0;
|
|
4986
4894
|
}
|
|
4987
|
-
.adl-
|
|
4988
|
-
|
|
4895
|
+
.adl-alert__action:hover {
|
|
4896
|
+
color: #00112c;
|
|
4897
|
+
text-decoration: underline;
|
|
4989
4898
|
}
|
|
4990
|
-
.adl-
|
|
4991
|
-
|
|
4899
|
+
.adl-alert__dismiss {
|
|
4900
|
+
color: #00112c;
|
|
4901
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
4902
|
+
font-size: 15px;
|
|
4903
|
+
-webkit-font-smoothing: antialiased;
|
|
4904
|
+
-moz-osx-font-smoothing: grayscale;
|
|
4905
|
+
font-weight: 400;
|
|
4906
|
+
line-height: 1.4;
|
|
4907
|
+
align-items: center;
|
|
4908
|
+
background: none;
|
|
4909
|
+
border: none;
|
|
4910
|
+
cursor: pointer;
|
|
4911
|
+
display: inline-flex;
|
|
4912
|
+
justify-content: center;
|
|
4913
|
+
line-height: 1;
|
|
4914
|
+
margin: 0;
|
|
4915
|
+
outline: none;
|
|
4916
|
+
padding: 0;
|
|
4917
|
+
text-decoration: none;
|
|
4918
|
+
user-select: none;
|
|
4919
|
+
vertical-align: baseline;
|
|
4920
|
+
white-space: nowrap;
|
|
4921
|
+
color: inherit;
|
|
4922
|
+
font-size: 15px;
|
|
4923
|
+
height: 15px;
|
|
4924
|
+
line-height: 1;
|
|
4925
|
+
margin-left: 48px;
|
|
4992
4926
|
}
|
|
4993
|
-
.adl-
|
|
4994
|
-
|
|
4927
|
+
.adl-alert__dismiss *,
|
|
4928
|
+
.adl-alert__dismiss *::before,
|
|
4929
|
+
.adl-alert__dismiss *::after {
|
|
4930
|
+
box-sizing: border-box;
|
|
4995
4931
|
}
|
|
4996
|
-
.adl-
|
|
4997
|
-
|
|
4932
|
+
.adl-alert__dismiss::-moz-focus-inner {
|
|
4933
|
+
border: none;
|
|
4934
|
+
padding: 0;
|
|
4998
4935
|
}
|
|
4999
|
-
.adl-
|
|
5000
|
-
|
|
4936
|
+
.adl-alert__dismiss:hover {
|
|
4937
|
+
background: transparent;
|
|
4938
|
+
color: #00112c;
|
|
5001
4939
|
}
|
|
5002
|
-
.adl-
|
|
5003
|
-
|
|
4940
|
+
.adl-alert__explanation {
|
|
4941
|
+
color: #20304c;
|
|
4942
|
+
font-size: 14px;
|
|
4943
|
+
line-height: 1.4;
|
|
4944
|
+
margin-top: 16px; /* [1] */
|
|
4945
|
+
padding-left: 31px;
|
|
5004
4946
|
}
|
|
5005
|
-
.adl-
|
|
5006
|
-
|
|
4947
|
+
.adl-alert__explanation .adl-link {
|
|
4948
|
+
color: #00112c;
|
|
4949
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
4950
|
+
font-size: 15px;
|
|
4951
|
+
-webkit-font-smoothing: antialiased;
|
|
4952
|
+
-moz-osx-font-smoothing: grayscale;
|
|
4953
|
+
font-weight: 400;
|
|
4954
|
+
line-height: 1.4;
|
|
4955
|
+
background-color: transparent;
|
|
4956
|
+
border: 0;
|
|
4957
|
+
color: #06f;
|
|
4958
|
+
cursor: pointer;
|
|
4959
|
+
display: inline;
|
|
4960
|
+
padding: 0;
|
|
4961
|
+
text-decoration: none;
|
|
4962
|
+
vertical-align: baseline;
|
|
4963
|
+
color: #20304c;
|
|
4964
|
+
font-size: 14px;
|
|
4965
|
+
text-decoration: underline;
|
|
5007
4966
|
}
|
|
5008
|
-
.adl-
|
|
5009
|
-
|
|
4967
|
+
.adl-alert__explanation .adl-link *,
|
|
4968
|
+
.adl-alert__explanation .adl-link *::before,
|
|
4969
|
+
.adl-alert__explanation .adl-link *::after {
|
|
4970
|
+
box-sizing: border-box;
|
|
5010
4971
|
}
|
|
5011
|
-
.adl-
|
|
5012
|
-
|
|
4972
|
+
.adl-alert__explanation .adl-link:hover {
|
|
4973
|
+
text-decoration: underline;
|
|
5013
4974
|
}
|
|
5014
|
-
.adl-
|
|
5015
|
-
|
|
4975
|
+
.adl-alert__explanation .adl-link:active {
|
|
4976
|
+
color: #06f;
|
|
5016
4977
|
}
|
|
5017
|
-
.adl-
|
|
5018
|
-
|
|
4978
|
+
.adl-alert__explanation .adl-link:focus {
|
|
4979
|
+
outline: none;
|
|
4980
|
+
text-decoration: underline;
|
|
5019
4981
|
}
|
|
5020
|
-
.adl-
|
|
5021
|
-
|
|
4982
|
+
.adl-alert__explanation .adl-link:visited {
|
|
4983
|
+
color: #06f;
|
|
5022
4984
|
}
|
|
5023
|
-
.adl-
|
|
5024
|
-
|
|
4985
|
+
.adl-alert__explanation .adl-link, .adl-alert__explanation .adl-link:hover, .adl-alert__explanation .adl-link:active, .adl-alert__explanation .adl-link:visited {
|
|
4986
|
+
color: inherit;
|
|
4987
|
+
font-size: inherit;
|
|
4988
|
+
font-weight: inherit;
|
|
5025
4989
|
}
|
|
5026
|
-
.adl-
|
|
5027
|
-
|
|
4990
|
+
.adl-alert__explanation .adl-link:hover {
|
|
4991
|
+
color: #20304c;
|
|
5028
4992
|
}
|
|
5029
|
-
.
|
|
5030
|
-
|
|
5031
|
-
display: flex;
|
|
5032
|
-
height: 100%;
|
|
5033
|
-
justify-content: center;
|
|
4993
|
+
.adl-alert__explanation .adl-link:focus {
|
|
4994
|
+
border: 1px dotted;
|
|
5034
4995
|
}
|
|
5035
|
-
.
|
|
5036
|
-
|
|
5037
|
-
|
|
5038
|
-
|
|
4996
|
+
.adl-alert__list {
|
|
4997
|
+
color: #00112c;
|
|
4998
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
4999
|
+
font-size: 15px;
|
|
5000
|
+
-webkit-font-smoothing: antialiased;
|
|
5001
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5002
|
+
font-weight: 400;
|
|
5003
|
+
line-height: 1.4;
|
|
5004
|
+
display: block;
|
|
5005
|
+
list-style-position: outside;
|
|
5006
|
+
list-style-type: disc;
|
|
5007
|
+
margin: 0;
|
|
5008
|
+
padding: 0 0 0 18px;
|
|
5009
|
+
color: inherit;
|
|
5010
|
+
padding-left: 18px;
|
|
5039
5011
|
}
|
|
5040
|
-
.
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
border-top-color: transparent;
|
|
5045
|
-
height: 43px;
|
|
5046
|
-
width: 43px;
|
|
5012
|
+
.adl-alert__list *,
|
|
5013
|
+
.adl-alert__list *::before,
|
|
5014
|
+
.adl-alert__list *::after {
|
|
5015
|
+
box-sizing: border-box;
|
|
5047
5016
|
}
|
|
5048
|
-
.
|
|
5049
|
-
|
|
5050
|
-
|
|
5017
|
+
.adl-alert__link {
|
|
5018
|
+
color: #00112c;
|
|
5019
|
+
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
5020
|
+
font-size: 15px;
|
|
5021
|
+
-webkit-font-smoothing: antialiased;
|
|
5022
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5023
|
+
font-weight: 400;
|
|
5024
|
+
line-height: 1.4;
|
|
5025
|
+
background-color: transparent;
|
|
5026
|
+
border: 0;
|
|
5027
|
+
color: #06f;
|
|
5028
|
+
cursor: pointer;
|
|
5029
|
+
display: inline;
|
|
5030
|
+
padding: 0;
|
|
5031
|
+
text-decoration: none;
|
|
5032
|
+
vertical-align: baseline;
|
|
5033
|
+
color: #20304c;
|
|
5034
|
+
font-size: 14px;
|
|
5035
|
+
text-decoration: underline;
|
|
5051
5036
|
}
|
|
5052
|
-
.
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
|
|
5037
|
+
.adl-alert__link *,
|
|
5038
|
+
.adl-alert__link *::before,
|
|
5039
|
+
.adl-alert__link *::after {
|
|
5040
|
+
box-sizing: border-box;
|
|
5056
5041
|
}
|
|
5057
|
-
.
|
|
5058
|
-
|
|
5059
|
-
width: 28px;
|
|
5042
|
+
.adl-alert__link:hover {
|
|
5043
|
+
text-decoration: underline;
|
|
5060
5044
|
}
|
|
5061
|
-
|
|
5062
|
-
|
|
5063
|
-
|
|
5064
|
-
|
|
5065
|
-
|
|
5066
|
-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
|
|
5045
|
+
.adl-alert__link:active {
|
|
5046
|
+
color: #06f;
|
|
5047
|
+
}
|
|
5048
|
+
.adl-alert__link:focus {
|
|
5049
|
+
outline: none;
|
|
5050
|
+
text-decoration: underline;
|
|
5051
|
+
}
|
|
5052
|
+
.adl-alert__link:visited {
|
|
5053
|
+
color: #06f;
|
|
5054
|
+
}
|
|
5055
|
+
.adl-alert__link, .adl-alert__link:hover, .adl-alert__link:active, .adl-alert__link:visited {
|
|
5056
|
+
color: inherit;
|
|
5057
|
+
font-size: inherit;
|
|
5058
|
+
font-weight: inherit;
|
|
5059
|
+
}
|
|
5060
|
+
.adl-alert__link:hover {
|
|
5061
|
+
color: #20304c;
|
|
5062
|
+
}
|
|
5063
|
+
.adl-review-alert {
|
|
5064
|
+
width: 100%;
|
|
5065
|
+
}
|
|
5066
|
+
.adyen-kyc-icon.adl-alert-error-icon::before {
|
|
5067
|
+
display: inline-block;
|
|
5068
|
+
color: #a10000;
|
|
5069
|
+
transform: scale(1.6);
|
|
5070
5070
|
}/* #region Spacing */
|
|
5071
5071
|
/* #endregion */
|
|
5072
5072
|
/* #region Colors */
|
|
@@ -88123,7 +88123,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
|
|
|
88123
88123
|
color: #dce0e5;
|
|
88124
88124
|
font-size: 210px;
|
|
88125
88125
|
font-weight: 600;
|
|
88126
|
-
|
|
88126
|
+
height: 210px;
|
|
88127
88127
|
margin-bottom: var(--spacing-md);
|
|
88128
88128
|
position: relative;
|
|
88129
88129
|
top: var(--spacing-md);
|
|
@@ -88144,8 +88144,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
|
|
|
88144
88144
|
.adyen-kyc-task-intros__description p:not(:last-child) {
|
|
88145
88145
|
margin-bottom: var(--spacing-md);
|
|
88146
88146
|
}
|
|
88147
|
-
.adyen-kyc-task-intros__description p
|
|
88147
|
+
.adyen-kyc-task-intros__description p:has(+ ul) {
|
|
88148
88148
|
font-weight: 600;
|
|
88149
|
+
}
|
|
88150
|
+
.adyen-kyc-task-intros__description p + ul {
|
|
88149
88151
|
margin: 0;
|
|
88150
88152
|
margin-top: calc(var(--spacing-md) * -1);
|
|
88151
88153
|
}
|