@globalpayments/js 4.0.20 → 4.1.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.
Files changed (31) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/types/common/constants.d.ts +2 -0
  4. package/types/common/enums.d.ts +6 -0
  5. package/types/internal/lib/add-footer-branded-icons.d.ts +12 -0
  6. package/types/internal/lib/enums.d.ts +4 -0
  7. package/types/internal/lib/styles/built-in-validations/common.d.ts +0 -4
  8. package/types/internal/lib/styles/built-in-validations/default.d.ts +0 -4
  9. package/types/internal/lib/styles/built-in-validations/gp-default.d.ts +0 -4
  10. package/types/internal/lib/styles/built-in-validations/simple.d.ts +0 -4
  11. package/types/internal/lib/styles/currency-conversion/common.d.ts +25 -2
  12. package/types/internal/lib/styles/currency-conversion/default.d.ts +22 -0
  13. package/types/internal/lib/styles/currency-conversion/gp-default.d.ts +25 -2
  14. package/types/internal/lib/styles/currency-conversion/simple.d.ts +18 -0
  15. package/types/internal/lib/styles/default.d.ts +30 -4
  16. package/types/internal/lib/styles/gp-default.d.ts +37 -6
  17. package/types/internal/lib/styles/simple.d.ts +26 -4
  18. package/types/internal/lib/styles/themes/brand-themes/base/base-theme-preset.d.ts +5 -0
  19. package/types/internal/lib/styles/themes/brand-themes/base/base-theme.d.ts +1706 -0
  20. package/types/internal/lib/styles/themes/brand-themes/base/base-token-definition.d.ts +98 -0
  21. package/types/internal/lib/styles/themes/brand-themes/base/contracts.d.ts +82 -0
  22. package/types/internal/lib/styles/themes/brand-themes/brand-theme-boipa-uk.d.ts +9 -0
  23. package/types/internal/lib/styles/themes/brand-themes/brand-theme-boipa.d.ts +9 -0
  24. package/types/internal/lib/styles/themes/brand-themes/brand-theme-commerzbank.d.ts +9 -0
  25. package/types/internal/lib/styles/themes/brand-themes/brand-theme-e-service.d.ts +9 -0
  26. package/types/internal/lib/styles/themes/brand-themes/brand-theme-nbg-pay.d.ts +9 -0
  27. package/types/internal/lib/styles/themes/brand-themes/brand-themes.d.ts +14 -0
  28. package/types/internal/lib/styles/themes/helpers.d.ts +1 -0
  29. package/types/internal/lib/styles/tooltip/common.d.ts +8 -0
  30. package/types/lib/version.d.ts +1 -1
  31. package/types/ui/form/index.d.ts +191 -25
@@ -0,0 +1,1706 @@
1
+ import { IThemePreset } from './contracts';
2
+ declare const fieldStyles: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {
3
+ "img.card-number-icon": {
4
+ background: string;
5
+ right: string;
6
+ top: string;
7
+ width: string;
8
+ height: string;
9
+ "background-size": string;
10
+ } | {
11
+ background: string;
12
+ right: string;
13
+ top: string;
14
+ width: string;
15
+ height: string;
16
+ "margin-top": string;
17
+ "background-size": string;
18
+ };
19
+ "#secure-payment-field[type=text].field-validation-wrapper"?: {
20
+ "font-family": string;
21
+ };
22
+ "#secure-payment-field[type=tel].hf-invalid"?: {
23
+ border: string;
24
+ };
25
+ "#secure-payment-field[type=text].hf-invalid"?: {
26
+ border: string;
27
+ };
28
+ "#secure-payment-field[hidden]"?: {
29
+ display: string;
30
+ opacity: string;
31
+ visibility: string;
32
+ };
33
+ "*": {
34
+ "box-sizing": string;
35
+ };
36
+ "::-webkit-input-placeholder": {
37
+ color: string;
38
+ "font-family": string;
39
+ "font-weight": string;
40
+ "font-size": string;
41
+ };
42
+ "::-ms-input-placeholder": {
43
+ color: string;
44
+ "font-family": string;
45
+ "font-weight": string;
46
+ "font-size": string;
47
+ };
48
+ "::-moz-input-placeholder": {
49
+ color: string;
50
+ opacity: number;
51
+ "font-family": string;
52
+ "font-weight": string;
53
+ "font-size": string;
54
+ };
55
+ ":-moz-input-placeholder": {
56
+ color: string;
57
+ opacity: number;
58
+ "font-family": string;
59
+ "font-weight": string;
60
+ "font-size": string;
61
+ };
62
+ ":-moz-placeholder": {
63
+ color: string;
64
+ opacity: string;
65
+ "font-family": string;
66
+ "font-weight": string;
67
+ "font-size": string;
68
+ };
69
+ "::-moz-placeholder": {
70
+ color: string;
71
+ opacity: string;
72
+ "font-family": string;
73
+ "font-weight": string;
74
+ "font-size": string;
75
+ };
76
+ "#secure-payment-field": {
77
+ width: string;
78
+ height: string;
79
+ padding: string;
80
+ border: string;
81
+ "border-radius": string;
82
+ color: string;
83
+ "font-family": string;
84
+ "font-weight": string;
85
+ "font-size": string;
86
+ };
87
+ "#secure-payment-field:focus": {
88
+ border: string;
89
+ outline: string;
90
+ };
91
+ "#secure-payment-field:hover": {
92
+ border: string;
93
+ outline: string;
94
+ };
95
+ "#secure-payment-field[type=button]": {
96
+ "background-color": string;
97
+ color: string;
98
+ padding: string;
99
+ border: string;
100
+ width: string;
101
+ cursor: string;
102
+ "font-size": string;
103
+ "font-weight": string;
104
+ height: string;
105
+ "text-align": string;
106
+ "vertical-align": string;
107
+ "text-transform": string;
108
+ "font-family": string;
109
+ "border-bottom-left-radius": string;
110
+ "border-bottom-right-radius": string;
111
+ "border-top-left-radius": string;
112
+ "border-top-right-radius": string;
113
+ display: string;
114
+ "align-items": string;
115
+ "justify-content": string;
116
+ };
117
+ "#secure-payment-field[type=button]:focus": {
118
+ "background-color": string;
119
+ border: string;
120
+ color: string;
121
+ outline: string;
122
+ };
123
+ "#secure-payment-field[type=button]:hover": {
124
+ "background-color": string;
125
+ color: string;
126
+ };
127
+ "#secure-payment-field[type=button]::before": {
128
+ content: string;
129
+ "margin-right": string;
130
+ display: string;
131
+ width: string;
132
+ height: string;
133
+ };
134
+ ".card-cvv": {
135
+ background: string;
136
+ "background-size": string;
137
+ };
138
+ ".card-cvv.card-type-amex": {
139
+ "background-image": string;
140
+ };
141
+ "img.card-number-icon.card-type-amex": {
142
+ "background-image": string;
143
+ };
144
+ "img.card-number-icon.card-type-discover": {
145
+ "background-image": string;
146
+ };
147
+ "img.card-number-icon.card-type-jcb": {
148
+ "background-image": string;
149
+ };
150
+ "img.card-number-icon.card-type-mastercard": {
151
+ "background-image": string;
152
+ };
153
+ "img.card-number-icon.card-type-visa": {
154
+ "background-image": string;
155
+ };
156
+ "img.card-number-icon.card-type-diners": {
157
+ "background-image": string;
158
+ };
159
+ ".card-number::-ms-clear": {
160
+ display: string;
161
+ };
162
+ "@font-face": {
163
+ "font-family": string;
164
+ src: string;
165
+ };
166
+ ":root": {
167
+ "--inputfield-label-font": string;
168
+ "--inputfield-container-font-placeholder": string;
169
+ "--inputfield-container-font-input": string;
170
+ "--inputfield-container-font-error": string;
171
+ "--tooltip-overlay-font-heading": string;
172
+ "--tooltip-overlay-font-body": string;
173
+ "--button-primary-font-label": string;
174
+ "--dcc-radio-button-font": string;
175
+ "--dcc-options-label-font": string;
176
+ "--dcc-options-font-exchange-rate": string;
177
+ "--other-method-divider-font": string;
178
+ "--inputfield-label-weight-text": string;
179
+ "--dcc-options-label-weight-text": string;
180
+ "--button-primary-weight-label-text": string;
181
+ "--dcc-radio-button-weight-text-label": string;
182
+ "--inputfield-container-weight-text-placeholder": string;
183
+ "--inputfield-container-weight-text-input": string;
184
+ "--inputfield-container-weight-text-error": string;
185
+ "--other-method-divider-weight-text": string;
186
+ "--dropin-ui-body-color-background": string;
187
+ "--dropin-ui-body-padding-top": string;
188
+ "--dropin-ui-body-padding-bottom": string;
189
+ "--dropin-ui-body-padding-left": string;
190
+ "--dropin-ui-body-padding-right": string;
191
+ "--inputfield-label-color-text": string;
192
+ "--inputfield-container-color-border-focus": string;
193
+ "--inputfield-container-color-border-hover": string;
194
+ "--inputfield-tooltip-color-border-hover": string;
195
+ "--inputfield-tooltip-color-focus-indicator-focus": string;
196
+ "--general-tooltip-color-border-hover": string;
197
+ "--general-tooltip-color-focus-indicator-focus": string;
198
+ "--inputfield-tooltip-color-border-focus": string;
199
+ "--inputfield-container-color-border-error": string;
200
+ "--inputfield-container-color-text-error": string;
201
+ "--inputfield-container-color-text-input": string;
202
+ "--dcc-options-label-color-text": string;
203
+ "--dcc-options-color-text-exchange-rate": string;
204
+ "--dcc-radio-button-color-text-default": string;
205
+ "--dcc-radio-button-color-text-hover": string;
206
+ "--dcc-radio-button-color-text-focus": string;
207
+ "--tooltip-overlay-color-background": string;
208
+ "--inputfield-container-color-border-default": string;
209
+ "--inputfield-container-color-text-placeholder": string;
210
+ "--inputfield-tooltip-color-border-default": string;
211
+ "--dcc-radio-button-color-border-default": string;
212
+ "--dcc-radio-button-color-border-hover": string;
213
+ "--dcc-radio-button-color-focus-indicator-focus": string;
214
+ "--dcc-radio-button-color-border-focus": string;
215
+ "--dcc-radio-button-color-border-selected": string;
216
+ "--dcc-radio-button-color-background-selected": string;
217
+ "--dcc-radio-button-color-icon-selected": string;
218
+ "--dcc-radio-button-color-text-selected": string;
219
+ "--button-primary-color-background-default": string;
220
+ "--button-primary-color-background-focus": string;
221
+ "--button-primary-color-text-default": string;
222
+ "--button-primary-color-text-hover": string;
223
+ "--button-primary-color-text-focus": string;
224
+ "--button-primary-color-background-hover": string;
225
+ "--button-primary-color-focus-indicator-focus": string;
226
+ "--dropin-ui-body-radius-bottom-left": string;
227
+ "--dropin-ui-body-radius-bottom-right": string;
228
+ "--dropin-ui-body-radius-top-left": string;
229
+ "--dropin-ui-body-radius-top-right": string;
230
+ "--button-primary-radius-top-left": string;
231
+ "--button-primary-radius-top-right": string;
232
+ "--button-primary-radius-bottom-left": string;
233
+ "--button-primary-radius-bottom-right": string;
234
+ "--button-primary-size-text": string;
235
+ "--other-method-divider-size-text": string;
236
+ "--inputfield-label-size-text": string;
237
+ "--inputfield-container-size-text-placeholder": string;
238
+ "--inputfield-container-size-text-input": string;
239
+ "--tooltip-overlay-size-text-heading": string;
240
+ "--tooltip-overlay-size-text-body": string;
241
+ "--inputfield-container-size-text-error": string;
242
+ "--dcc-options-label-size-text": string;
243
+ "--dcc-radio-button-size-text": string;
244
+ "--dcc-options-size-text-exchange-rate": string;
245
+ "--tooltip-overlay-color-text-heading": string;
246
+ "--tooltip-overlay-color-text-body": string;
247
+ "--other-method-divider-color-text": string;
248
+ "--other-method-divider-color-line": string;
249
+ "--tooltip-overlay-line-height-text-heading": string;
250
+ "--tooltip-overlay-line-height-text-body": string;
251
+ "--dcc-options-line-height-text-exchange-rate": string;
252
+ "--hppfooter-desktop": string;
253
+ "--hppfooter-tablet": string;
254
+ "--hppfooter-mobile": string;
255
+ "--dropin-ui-button-primary-icon": string;
256
+ };
257
+ };
258
+ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {
259
+ ".secure-payment-form .credit-card-qr-code-payments"?: {
260
+ "font-family": string;
261
+ };
262
+ ".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
263
+ display: string;
264
+ "flex-direction": string;
265
+ "align-items": string;
266
+ };
267
+ ".secure-payment-form .qr-code-payment-methods-wrapper"?: {
268
+ width: string;
269
+ };
270
+ ".secure-payment-form .qr-code-payment-method-button"?: {
271
+ color: string;
272
+ height: string;
273
+ width: string;
274
+ "border-radius": string;
275
+ border: string;
276
+ margin: string;
277
+ cursor: string;
278
+ };
279
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
280
+ outline: string;
281
+ "outline-offset": string;
282
+ };
283
+ ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
284
+ "background-color": string;
285
+ border: string;
286
+ };
287
+ ".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
288
+ "background-color": string;
289
+ border: string;
290
+ };
291
+ ".secure-payment-form .qr-code-payment-method-alipay"?: {
292
+ "background-color": string;
293
+ border: string;
294
+ };
295
+ ".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
296
+ "background-color": string;
297
+ border: string;
298
+ };
299
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
300
+ "background-color": string;
301
+ border: string;
302
+ };
303
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
304
+ "background-color": string;
305
+ border: string;
306
+ };
307
+ ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
308
+ display: string;
309
+ "flex-direction": string;
310
+ "align-items": string;
311
+ };
312
+ ".secure-payment-form .qr-code-payment-iframe"?: {
313
+ border: string;
314
+ width: string;
315
+ height: string;
316
+ };
317
+ ".secure-payment-form .qr-code-payment-content"?: {
318
+ "font-size": string;
319
+ "line-height": string;
320
+ width: string;
321
+ };
322
+ ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
323
+ color: string;
324
+ "font-size": string;
325
+ "line-height": string;
326
+ };
327
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
328
+ "margin-right": string;
329
+ };
330
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
331
+ display: string;
332
+ "align-items": string;
333
+ color: string;
334
+ "font-size": string;
335
+ "line-height": string;
336
+ "font-weight": string;
337
+ "justify-content": string;
338
+ };
339
+ ".secure-payment-form .payment-amount"?: {
340
+ color: string;
341
+ "font-style": string;
342
+ "font-weight": string;
343
+ "line-height": string;
344
+ "font-size": string;
345
+ };
346
+ ".secure-payment-form .qr-code-expired-alert"?: {
347
+ display: string;
348
+ border: string;
349
+ height: string;
350
+ "margin-top": string;
351
+ };
352
+ ".secure-payment-form .qr-code-expired-alert-icon"?: {
353
+ background: string;
354
+ display: string;
355
+ "align-items": string;
356
+ "justify-content": string;
357
+ width: string;
358
+ };
359
+ ".secure-payment-form .qr-code-expired-alert-message"?: {
360
+ display: string;
361
+ "flex-direction": string;
362
+ "justify-content": string;
363
+ padding: string;
364
+ "font-size": string;
365
+ "line-height": string;
366
+ };
367
+ ".secure-payment-form .qr-code-expired-alert-message-title"?: {
368
+ color: string;
369
+ "font-size": string;
370
+ "line-height": string;
371
+ };
372
+ ".secure-payment-form .paypal-button-wrapper": {
373
+ display: string;
374
+ "flex-direction": string;
375
+ "align-items": string;
376
+ };
377
+ ".secure-payment-form .paypal-button": {
378
+ position: string;
379
+ background: string;
380
+ height: string;
381
+ border: string;
382
+ width: string;
383
+ "border-radius": string;
384
+ margin: string;
385
+ cursor: string;
386
+ };
387
+ ".secure-payment-form .paypal-button:hover": {
388
+ "background-color": string;
389
+ };
390
+ ".secure-payment-form .paypal-button:focus": {
391
+ "background-color": string;
392
+ outline: string;
393
+ "outline-offset": string;
394
+ };
395
+ ".secure-payment-form .open-banking-button-wrapper": {
396
+ display: string;
397
+ "flex-direction": string;
398
+ "align-items": string;
399
+ };
400
+ ".secure-payment-form .open-banking-button::before": {
401
+ content: string;
402
+ width: string;
403
+ height: string;
404
+ position: string;
405
+ top: string;
406
+ right: string;
407
+ };
408
+ ".secure-payment-form .open-banking-button": {
409
+ position: string;
410
+ background: string;
411
+ color: string;
412
+ height: string;
413
+ width: string;
414
+ "border-radius": string;
415
+ border: string;
416
+ margin: string;
417
+ cursor: string;
418
+ "-webkit-box-shadow": string;
419
+ "-moz-box-shadow": string;
420
+ "box-shadow": string;
421
+ };
422
+ ".secure-payment-form .open-banking-button:hover": {
423
+ "border-color": string;
424
+ "-webkit-box-shadow": string;
425
+ "-moz-box-shadow": string;
426
+ "box-shadow": string;
427
+ };
428
+ ".secure-payment-form .open-banking-button:focus": {
429
+ outline: string;
430
+ "outline-offset": string;
431
+ };
432
+ ".secure-payment-form .link-button": {
433
+ display: string;
434
+ "flex-direction": string;
435
+ "align-items": string;
436
+ background: string;
437
+ border: string;
438
+ color: string;
439
+ "font-style": string;
440
+ "font-weight": string;
441
+ "line-height": string;
442
+ "font-size": string;
443
+ padding: string;
444
+ cursor: string;
445
+ margin: string;
446
+ };
447
+ ".secure-payment-form .link-button:hover": {
448
+ color: string;
449
+ };
450
+ ".secure-payment-form .link-button:active": {
451
+ color: string;
452
+ };
453
+ ".secure-payment-form .link-button:focus": {
454
+ color: string;
455
+ border: string;
456
+ };
457
+ ".secure-payment-form .apms-redirecting-to-page": {
458
+ "justify-content": string;
459
+ height: string;
460
+ display: string;
461
+ "flex-direction": string;
462
+ "align-items": string;
463
+ };
464
+ ".secure-payment-form .apms-redirecting-to-page-message": {
465
+ color: string;
466
+ "font-family": string;
467
+ "font-size": string;
468
+ "line-height": string;
469
+ };
470
+ ".secure-payment-form .currency-conversion-container"?: {
471
+ display: string;
472
+ "flex-direction": string;
473
+ "align-items": string;
474
+ };
475
+ ".secure-payment-form .credit-card-currency-conversion iframe"?: {
476
+ "min-height": string;
477
+ };
478
+ ".secure-payment-form .credit-card-currency-conversion fieldset"?: {
479
+ "font-family": string;
480
+ border: string;
481
+ margin: string;
482
+ padding: string;
483
+ display: string;
484
+ "flex-wrap": string;
485
+ };
486
+ ".secure-payment-form .credit-card-currency-conversion legend"?: {
487
+ "font-family": string;
488
+ border: number;
489
+ top: string;
490
+ margin: string;
491
+ padding: number;
492
+ display: string;
493
+ "font-size": string;
494
+ "font-weight": string;
495
+ position: string;
496
+ color: string;
497
+ };
498
+ ".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
499
+ display: string;
500
+ "justify-content": string;
501
+ "align-items": string;
502
+ border: string;
503
+ padding: string;
504
+ "white-space": string;
505
+ height: string;
506
+ "margin-right": string;
507
+ };
508
+ ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
509
+ "margin-right": string;
510
+ };
511
+ ".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
512
+ "border-color": string;
513
+ color: string;
514
+ };
515
+ ".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
516
+ outline: string;
517
+ "outline-offset": string;
518
+ };
519
+ ".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
520
+ outline: string;
521
+ "outline-offset": string;
522
+ };
523
+ ".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
524
+ background: string;
525
+ "border-color": string;
526
+ color: string;
527
+ outline: string;
528
+ };
529
+ ".secure-payment-form .credit-card-currency-conversion .radio-button.checked label"?: {
530
+ color: string;
531
+ };
532
+ ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
533
+ margin: string;
534
+ appearance: string;
535
+ "-webkit-appearance": string;
536
+ "-moz-appearance": string;
537
+ border: string;
538
+ "border-radius": string;
539
+ width: string;
540
+ height: string;
541
+ display: string;
542
+ position: string;
543
+ padding: string;
544
+ };
545
+ ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
546
+ "background-color": string;
547
+ border: string;
548
+ color: string;
549
+ };
550
+ ".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
551
+ outline: string;
552
+ color: string;
553
+ };
554
+ ".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
555
+ "font-family": string;
556
+ "font-size": string;
557
+ "font-weight": string;
558
+ display: string;
559
+ margin: string;
560
+ color: string;
561
+ };
562
+ ".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
563
+ opacity: string;
564
+ visibility: boolean;
565
+ display: string;
566
+ "flex-direction": string;
567
+ "margin-left": string;
568
+ "align-items": string;
569
+ height: string;
570
+ };
571
+ ".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
572
+ display: string;
573
+ opacity: string;
574
+ visibility: boolean;
575
+ };
576
+ ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
577
+ opacity: string;
578
+ visibility: boolean;
579
+ display: string;
580
+ "flex-direction": string;
581
+ "margin-left": string;
582
+ "align-items": string;
583
+ height: string;
584
+ };
585
+ ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
586
+ display: string;
587
+ opacity: string;
588
+ visibility: boolean;
589
+ };
590
+ ".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
591
+ "font-family": string;
592
+ "font-size": string;
593
+ "font-weight": number;
594
+ margin: string;
595
+ display: string;
596
+ "line-height": string;
597
+ color: string;
598
+ };
599
+ ".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
600
+ margin: string;
601
+ "font-style": string;
602
+ };
603
+ ".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
604
+ width: string;
605
+ height: string;
606
+ "min-width": string;
607
+ "border-left": string;
608
+ display: string;
609
+ };
610
+ ".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
611
+ "border-left": string;
612
+ };
613
+ ".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
614
+ "border-left": string;
615
+ };
616
+ ".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
617
+ bottom: string;
618
+ right: string;
619
+ display: string;
620
+ };
621
+ ".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
622
+ display: string;
623
+ };
624
+ ".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
625
+ margin: string;
626
+ };
627
+ ".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
628
+ "margin-bottom": string;
629
+ };
630
+ ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
631
+ left: string;
632
+ top: string;
633
+ right: string;
634
+ transform: string;
635
+ "border-width": string;
636
+ "border-style": string;
637
+ "border-color": string;
638
+ };
639
+ "@media only screen and (max-width: 768px)"?: {
640
+ ".secure-payment-form .currency-conversion-container": {
641
+ "flex-direction": string;
642
+ "align-items": string;
643
+ };
644
+ ".secure-payment-form .credit-card-currency-conversion fieldset": {
645
+ "justify-content": string;
646
+ };
647
+ ".secure-payment-form .credit-card-currency-conversion .radio-button": {
648
+ width: string;
649
+ "justify-content": string;
650
+ };
651
+ ".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
652
+ margin: string;
653
+ };
654
+ ".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
655
+ width: string;
656
+ "margin-top": string;
657
+ "margin-left": string;
658
+ };
659
+ ".secure-payment-form .credit-card-currency-conversion .merchant-currency-content": {
660
+ width: string;
661
+ "margin-top": string;
662
+ "margin-left": string;
663
+ };
664
+ ".secure-payment-form .credit-card-currency-conversion .tooltip-content::before": {
665
+ right: string;
666
+ };
667
+ };
668
+ "@media(max-width: 340px)"?: {
669
+ ".secure-payment-form .credit-card-currency-conversion fieldset": {
670
+ "flex-flow": string;
671
+ };
672
+ ".secure-payment-form .credit-card-currency-conversion .radio-button": {
673
+ width: string;
674
+ "margin-bottom": string;
675
+ "margin-right": string;
676
+ };
677
+ ".secure-payment-form .credit-card-currency-conversion .radio-button:last-child": {
678
+ "margin-bottom": string;
679
+ };
680
+ };
681
+ ".secure-payment-form .hf-cvv-tooltip-invalid"?: {
682
+ border: string;
683
+ "border-left": string;
684
+ };
685
+ ".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
686
+ border: string;
687
+ "border-left": string;
688
+ };
689
+ ".secure-payment-form .hf-cvv-tooltip-invalid:focus"?: {
690
+ border: string;
691
+ "border-left": string;
692
+ };
693
+ "#googlePay": {
694
+ height: string;
695
+ margin: string;
696
+ };
697
+ "#googlePay button:focus": {
698
+ outline: string;
699
+ "outline-offset": string;
700
+ };
701
+ ".secure-payment-form .ctp-panel": {
702
+ border: string;
703
+ "box-shadow": string;
704
+ "border-radius": string;
705
+ "container-type": string;
706
+ "font-family": string;
707
+ "margin-bottom": string;
708
+ };
709
+ ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
710
+ display: string;
711
+ };
712
+ ".secure-payment-form .ctp-panel .ctp-button": {
713
+ "align-items": string;
714
+ background: string;
715
+ cursor: string;
716
+ display: string;
717
+ flex: string;
718
+ "flex-direction": string;
719
+ "flex-grow": string;
720
+ order: string;
721
+ padding: string;
722
+ position: string;
723
+ "white-space": string;
724
+ };
725
+ ".secure-payment-form .ctp-panel .ctp-header": {
726
+ width: string;
727
+ };
728
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
729
+ "font-family": string;
730
+ "font-weight": string;
731
+ "line-height": string;
732
+ "font-size": string;
733
+ };
734
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
735
+ background: string;
736
+ "background-size": string;
737
+ width: string;
738
+ height: string;
739
+ margin: string;
740
+ display: string;
741
+ "vertical-align": string;
742
+ flex: string;
743
+ order: string;
744
+ "flex-grow": string;
745
+ };
746
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
747
+ margin: string;
748
+ "font-family": string;
749
+ "font-weight": string;
750
+ "font-size": string;
751
+ "line-height": string;
752
+ color: string;
753
+ };
754
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
755
+ background: string;
756
+ padding: string;
757
+ width: string;
758
+ height: string;
759
+ display: string;
760
+ "vertical-align": string;
761
+ flex: string;
762
+ order: string;
763
+ "flex-grow": string;
764
+ };
765
+ ".secure-payment-form .ctp-info-tooltip": {
766
+ width: string;
767
+ height: string;
768
+ display: string;
769
+ "vertical-align": string;
770
+ overflow: string;
771
+ background: string;
772
+ margin: string;
773
+ "white-space": string;
774
+ };
775
+ ".secure-payment-form .ctp-info-tooltip-content": {
776
+ visibility: string;
777
+ width: string;
778
+ "background-color": string;
779
+ color: string;
780
+ "text-align": string;
781
+ "border-radius": string;
782
+ border: string;
783
+ padding: string;
784
+ position: string;
785
+ "z-index": string;
786
+ "margin-left": string;
787
+ "margin-top": string;
788
+ opacity: string;
789
+ transition: string;
790
+ "font-family": string;
791
+ "font-size": string;
792
+ "font-weight": string;
793
+ "box-shadow": string;
794
+ };
795
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
796
+ "margin-left": string;
797
+ };
798
+ ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
799
+ "max-width": string;
800
+ margin: string;
801
+ };
802
+ ".secure-payment-form .ctp-info-tooltip-content ul": {
803
+ padding: string;
804
+ "margin-bottom": string;
805
+ };
806
+ ".secure-payment-form .ctp-info-tooltip-content li": {
807
+ padding: string;
808
+ "font-size": string;
809
+ "line-height": string;
810
+ "list-style": string;
811
+ };
812
+ ".secure-payment-form .ctp-info-tooltip-content li.smart-checkout": {
813
+ background: string;
814
+ };
815
+ ".secure-payment-form .ctp-info-tooltip-content li.faster-checkout": {
816
+ background: string;
817
+ };
818
+ ".secure-payment-form .ctp-info-tooltip-content li.industry-standards": {
819
+ background: string;
820
+ };
821
+ ".secure-payment-form .ctp-info-tooltip .top-arrow": {
822
+ position: string;
823
+ "margin-top": string;
824
+ background: string;
825
+ width: string;
826
+ left: string;
827
+ "margin-left": string;
828
+ border: string;
829
+ "border-width": string;
830
+ display: string;
831
+ padding: string;
832
+ transform: string;
833
+ "-webkit-transform": string;
834
+ "z-index": string;
835
+ };
836
+ ".secure-payment-form .ctp-info-tooltip-content li .ctp-icon": {
837
+ "background-size": string;
838
+ width: string;
839
+ height: string;
840
+ margin: string;
841
+ };
842
+ ".secure-payment-form .ctp-info-tooltip-content strong": {
843
+ "font-size": string;
844
+ "vertical-align": string;
845
+ };
846
+ ".secure-payment-form .ctp-info-tooltip:hover .ctp-info-tooltip-content": {
847
+ visibility: string;
848
+ opacity: string;
849
+ };
850
+ "@container (min-width: 408px)": {
851
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
852
+ "font-size": string;
853
+ };
854
+ ".secure-payment-form .ctp-panel .right-arrow": {
855
+ "border-width": string;
856
+ };
857
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
858
+ width: string;
859
+ height: string;
860
+ "background-size": string;
861
+ };
862
+ };
863
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
864
+ cursor: string;
865
+ };
866
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
867
+ cursor: string;
868
+ };
869
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
870
+ content: string;
871
+ position: string;
872
+ width: string;
873
+ height: string;
874
+ border: string;
875
+ "border-width": string;
876
+ display: string;
877
+ padding: string;
878
+ transform: string;
879
+ "-webkit-transform": string;
880
+ };
881
+ ".secure-payment-form .ctp-panel .right-arrow": {
882
+ position: string;
883
+ background: string;
884
+ right: string;
885
+ border: string;
886
+ "border-width": string;
887
+ display: string;
888
+ padding: string;
889
+ transform: string;
890
+ "-webkit-transform": string;
891
+ "z-index": string;
892
+ top: string;
893
+ "margin-top": string;
894
+ };
895
+ ".secure-payment-form .apm-active .right-arrow": {
896
+ display: string;
897
+ };
898
+ ".secure-payment-form.apm-active .right-arrow": {
899
+ display: string;
900
+ };
901
+ "#ctp-wrapper #header": {
902
+ display: string;
903
+ };
904
+ "#ctp-wrapper .logindiv .tooltip": {
905
+ display: string;
906
+ };
907
+ "#ctp-wrapper .logindiv .lblemailInput": {
908
+ display: string;
909
+ };
910
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
911
+ "font-size": string;
912
+ "font-family": string;
913
+ "line-height": string;
914
+ };
915
+ "#ctp-wrapper #verifyVisa label": {
916
+ display: string;
917
+ "font-size": string;
918
+ "font-family": string;
919
+ margin: string;
920
+ };
921
+ "#ctp-wrapper .blue-button label": {
922
+ "font-size": string;
923
+ "line-height": string;
924
+ "font-family": string;
925
+ margin: string;
926
+ };
927
+ "#ctp-wrapper .cardhdr label": {
928
+ margin: string;
929
+ display: string;
930
+ "font-size": string;
931
+ "line-height": string;
932
+ };
933
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
934
+ margin: string;
935
+ };
936
+ "#ctp-wrapper button label": {
937
+ margin: string;
938
+ "font-size": string;
939
+ };
940
+ "#ctp-wrapper .quitbanner > svg": {
941
+ display: string;
942
+ };
943
+ "#ctp-wrapper #footer": {
944
+ display: string;
945
+ };
946
+ "#ctp-wrapper .signinlayout": {
947
+ "max-width": string;
948
+ "min-height": string;
949
+ };
950
+ ".secure-payment-form.apm-active .signinlayout": {
951
+ "min-height": string;
952
+ };
953
+ "#ctp-wrapper .rsdcode": {
954
+ "font-size": string;
955
+ "font-weight": string;
956
+ margin: string;
957
+ };
958
+ "#ctp-wrapper .footerLabelDiv label": {
959
+ "font-size": string;
960
+ "font-weight": string;
961
+ "margin-top": string;
962
+ "margin-bottom": string;
963
+ };
964
+ "#ctp-wrapper .logindiv": {
965
+ "min-height": string;
966
+ };
967
+ "#ctp-wrapper .VerificationLabel label": {
968
+ display: string;
969
+ margin: string;
970
+ "font-size": string;
971
+ };
972
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
973
+ margin: string;
974
+ };
975
+ "#ctp-wrapper .transctcardlabel": {
976
+ margin: string;
977
+ "font-size": string;
978
+ };
979
+ "#ctp-wrapper .TransitionLabel": {
980
+ "font-size": string;
981
+ "line-height": string;
982
+ "text-align": string;
983
+ float: string;
984
+ margin: string;
985
+ };
986
+ "apple-pay-button": {
987
+ "--apple-pay-button-width": string;
988
+ "--apple-pay-button-height": string;
989
+ "--apple-pay-button-border-radius": string;
990
+ "--apple-pay-button-padding": string;
991
+ "--apple-pay-button-box-sizing": string;
992
+ display: string;
993
+ margin: string;
994
+ };
995
+ ".secure-payment-form .modal-overlay": {
996
+ background: string;
997
+ position: string;
998
+ top: string;
999
+ left: string;
1000
+ margin: string;
1001
+ width: string;
1002
+ height: string;
1003
+ display: string;
1004
+ "justify-content": string;
1005
+ "align-items": string;
1006
+ "z-index": string;
1007
+ };
1008
+ ".secure-payment-form .modal-wrapper": {
1009
+ "font-family": string;
1010
+ background: string;
1011
+ "border-width": string;
1012
+ "border-radius": string;
1013
+ overflow: string;
1014
+ };
1015
+ ".secure-payment-form .credit-card-installments": {
1016
+ "font-family": string;
1017
+ };
1018
+ ".secure-payment-form .installment-issuer-panel": {
1019
+ background: string;
1020
+ display: string;
1021
+ "flex-direction": string;
1022
+ "max-width": string;
1023
+ padding: string;
1024
+ margin: string;
1025
+ gap: string;
1026
+ width: string;
1027
+ };
1028
+ ".secure-payment-form .installment-issuer-panel-header": {
1029
+ display: string;
1030
+ "justify-content": string;
1031
+ "align-items": string;
1032
+ };
1033
+ ".secure-payment-form .installment-issuer-panel-title": {
1034
+ color: string;
1035
+ "font-style": string;
1036
+ "font-weight": string;
1037
+ "line-height": string;
1038
+ "font-size": string;
1039
+ };
1040
+ ".secure-payment-form .installment-issuer-panel-content": {
1041
+ color: string;
1042
+ "font-style": string;
1043
+ "font-weight": string;
1044
+ "line-height": string;
1045
+ "font-size": string;
1046
+ };
1047
+ ".secure-payment-form .installment-panel": {
1048
+ "max-width": string;
1049
+ "margin-bottom": string;
1050
+ };
1051
+ ".secure-payment-form .installment-plans-title": {
1052
+ color: string;
1053
+ "font-style": string;
1054
+ "font-weight": string;
1055
+ "line-height": string;
1056
+ "font-size": string;
1057
+ margin: string;
1058
+ };
1059
+ ".secure-payment-form .installment-plans-subtitle": {
1060
+ color: string;
1061
+ "font-style": string;
1062
+ "font-weight": string;
1063
+ "line-height": string;
1064
+ "font-size": string;
1065
+ };
1066
+ ".secure-payment-form .installment-plan-details": {
1067
+ "border-top": string;
1068
+ "border-bottom": string;
1069
+ padding: string;
1070
+ };
1071
+ ".secure-payment-form .installment-plan-monthly-amount": {
1072
+ color: string;
1073
+ "font-style": string;
1074
+ "font-weight": string;
1075
+ "line-height": string;
1076
+ "font-size": string;
1077
+ };
1078
+ ".secure-payment-form .installment-options, .installment-panel": {
1079
+ display: string;
1080
+ "flex-direction": string;
1081
+ padding: string;
1082
+ width: string;
1083
+ };
1084
+ ".secure-payment-form .installment-options": {
1085
+ background: string;
1086
+ margin: string;
1087
+ padding: string;
1088
+ "border-radius": string;
1089
+ };
1090
+ ".secure-payment-form .installment-plan-options-title": {
1091
+ color: string;
1092
+ "font-style": string;
1093
+ "font-weight": string;
1094
+ "line-height": string;
1095
+ "font-size": string;
1096
+ };
1097
+ ".secure-payment-form .installment-options-content": {
1098
+ color: string;
1099
+ "font-style": string;
1100
+ "font-weight": string;
1101
+ "line-height": string;
1102
+ "font-size": string;
1103
+ margin: string;
1104
+ };
1105
+ ".secure-payment-form .installment-term-selector-title": {
1106
+ "text-align": string;
1107
+ padding: string;
1108
+ };
1109
+ ".secure-payment-form .installment-panel-header": {
1110
+ "text-align": string;
1111
+ display: string;
1112
+ "flex-direction": string;
1113
+ };
1114
+ ".secure-payment-form .installment-panel-content": {
1115
+ margin: string;
1116
+ };
1117
+ ".secure-payment-form .installment-panel-footer": {
1118
+ "text-align": string;
1119
+ display: string;
1120
+ "flex-direction": string;
1121
+ };
1122
+ ".secure-payment-form .installment-field-value-item": {
1123
+ color: string;
1124
+ "font-style": string;
1125
+ "font-weight": string;
1126
+ "line-height": string;
1127
+ "font-size": string;
1128
+ margin: string;
1129
+ };
1130
+ ".secure-payment-form .installment-field-value-item, .installment-options-header": {
1131
+ display: string;
1132
+ "flex-direction": string;
1133
+ "justify-content": string;
1134
+ };
1135
+ ".secure-payment-form .installment-link": {
1136
+ background: string;
1137
+ border: string;
1138
+ color: string;
1139
+ "font-style": string;
1140
+ "font-weight": string;
1141
+ "text-decoration": string;
1142
+ "line-height": string;
1143
+ "font-size": string;
1144
+ padding: string;
1145
+ cursor: string;
1146
+ };
1147
+ ".secure-payment-form .installment-link:hover": {
1148
+ color: string;
1149
+ };
1150
+ ".secure-payment-form .installment-link:active": {
1151
+ color: string;
1152
+ };
1153
+ ".secure-payment-form .installment-link:focus": {
1154
+ color: string;
1155
+ border: string;
1156
+ };
1157
+ ".secure-payment-form .installment-step-container": {
1158
+ display: string;
1159
+ "justify-content": string;
1160
+ };
1161
+ ".secure-payment-form .installment-base-action-button-wrapper": {
1162
+ display: string;
1163
+ "justify-content": string;
1164
+ "flex-wrap": string;
1165
+ };
1166
+ ".secure-payment-form .installment-base-action-button, .installment-button-explore-plans, .installment-button-learn-more, .installment-button-month-term, .installment-button-pay": {
1167
+ "border-radius": string;
1168
+ width: string;
1169
+ height: string;
1170
+ padding: string;
1171
+ color: string;
1172
+ "font-weight": string;
1173
+ "font-size": string;
1174
+ "line-height": string;
1175
+ "font-style": string;
1176
+ border: string;
1177
+ cursor: string;
1178
+ "margin-top": string;
1179
+ "margin-bottom": string;
1180
+ display: string;
1181
+ "justify-content": string;
1182
+ "align-items": string;
1183
+ gap: string;
1184
+ };
1185
+ ".secure-payment-form .installment-button-explore-plans": {
1186
+ background: string;
1187
+ "margin-bottom": string;
1188
+ };
1189
+ ".secure-payment-form .installment-button-explore-plans:hover": {
1190
+ background: string;
1191
+ };
1192
+ ".secure-payment-form .installment-button-explore-plans:active": {
1193
+ background: string;
1194
+ };
1195
+ ".secure-payment-form .installment-button-explore-plans:focus": {
1196
+ background: string;
1197
+ border: string;
1198
+ };
1199
+ ".secure-payment-form .installment-button-learn-more": {
1200
+ background: string;
1201
+ color: string;
1202
+ "font-weight": string;
1203
+ "font-size": string;
1204
+ "line-height": string;
1205
+ margin: string;
1206
+ };
1207
+ ".secure-payment-form .installment-button-learn-more::after": {
1208
+ content: string;
1209
+ "padding-top": string;
1210
+ filter: string;
1211
+ };
1212
+ ".secure-payment-form .installment-button-learn-more:hover": {
1213
+ color: string;
1214
+ };
1215
+ ".secure-payment-form .installment-button-learn-more:active": {
1216
+ color: string;
1217
+ };
1218
+ ".secure-payment-form .installment-button-learn-more:focus": {
1219
+ color: string;
1220
+ border: string;
1221
+ };
1222
+ ".secure-payment-form .installment-button-month-term": {
1223
+ background: string;
1224
+ width: string;
1225
+ height: string;
1226
+ "font-weight": string;
1227
+ margin: string;
1228
+ };
1229
+ ".secure-payment-form .installment-unselected": {
1230
+ background: string;
1231
+ color: string;
1232
+ };
1233
+ ".secure-payment-form .installment-unselected:hover": {
1234
+ border: string;
1235
+ };
1236
+ ".secure-payment-form .installment-button-pay": {
1237
+ background: string;
1238
+ height: string;
1239
+ padding: string;
1240
+ };
1241
+ ".secure-payment-form .installment-button-pay:hover": {
1242
+ background: string;
1243
+ };
1244
+ ".secure-payment-form .installment-button-pay:active": {
1245
+ background: string;
1246
+ };
1247
+ ".secure-payment-form .installment-button-pay:focus": {
1248
+ background: string;
1249
+ border: string;
1250
+ };
1251
+ ".secure-payment-form .installment-button-pay::before": {
1252
+ content: string;
1253
+ "margin-right": string;
1254
+ };
1255
+ ".secure-payment-form .provided-by": {
1256
+ "font-style": string;
1257
+ "font-weight": string;
1258
+ "font-size": string;
1259
+ "line-height": string;
1260
+ color: string;
1261
+ margin: string;
1262
+ };
1263
+ ".secure-payment-form .installment-learn-more-content": {
1264
+ width: string;
1265
+ };
1266
+ ".secure-payment-form .installment-learn-more-header": {
1267
+ display: string;
1268
+ padding: string;
1269
+ "justify-content": string;
1270
+ "align-items": string;
1271
+ background: string;
1272
+ };
1273
+ ".secure-payment-form .installment-learn-more-header-title": {
1274
+ "font-style": string;
1275
+ "font-size": string;
1276
+ "line-height": string;
1277
+ color: string;
1278
+ };
1279
+ ".secure-payment-form .installment-learn-more-body": {
1280
+ display: string;
1281
+ margin: string;
1282
+ "flex-direction": string;
1283
+ "align-items": string;
1284
+ };
1285
+ ".secure-payment-form .installment-learn-more-body ul": {
1286
+ color: string;
1287
+ "font-style": string;
1288
+ "font-weight": string;
1289
+ "line-height": string;
1290
+ padding: string;
1291
+ "margin-top": string;
1292
+ };
1293
+ ".secure-payment-form .installment-learn-more-link": {
1294
+ color: string;
1295
+ "font-style": string;
1296
+ "font-weight": string;
1297
+ "line-height": string;
1298
+ "text-decoration-line": string;
1299
+ margin: string;
1300
+ };
1301
+ ".secure-payment-form .installment-button-close": {
1302
+ background: string;
1303
+ border: string;
1304
+ padding: string;
1305
+ cursor: string;
1306
+ };
1307
+ ".secure-payment-form .installment-button-close::after": {
1308
+ content: string;
1309
+ };
1310
+ ".secure-payment-form .term-and-condition-title": {
1311
+ display: string;
1312
+ "align-items": string;
1313
+ "font-style": string;
1314
+ "font-weight": string;
1315
+ };
1316
+ ".secure-payment-form .term-and-condition-title::before": {
1317
+ content: string;
1318
+ "margin-right": string;
1319
+ };
1320
+ ".secure-payment-form .term-and-condition-link": {
1321
+ color: string;
1322
+ "font-style": string;
1323
+ "font-weight": string;
1324
+ "line-height": string;
1325
+ "text-decoration-line": string;
1326
+ };
1327
+ ".secure-payment-form .tooltip": {
1328
+ position: string;
1329
+ width: string;
1330
+ height: string;
1331
+ border: string;
1332
+ "border-left": string;
1333
+ color: string;
1334
+ float: string;
1335
+ "background-size": string;
1336
+ background: string;
1337
+ "font-family": string;
1338
+ "font-size": string;
1339
+ "line-height": string;
1340
+ };
1341
+ ".secure-payment-form .tooltip h4": {
1342
+ "font-family": string;
1343
+ "font-size": string;
1344
+ "line-height": string;
1345
+ color: string;
1346
+ };
1347
+ ".secure-payment-form .tooltip:focus": {
1348
+ border: string;
1349
+ outline: string;
1350
+ "border-left": string;
1351
+ };
1352
+ ".secure-payment-form .tooltip:hover": {
1353
+ border: string;
1354
+ outline: string;
1355
+ "border-left": string;
1356
+ };
1357
+ ".secure-payment-form .tooltip-content": {
1358
+ visibility: string;
1359
+ width: string;
1360
+ "background-color": string;
1361
+ color: string;
1362
+ "text-align": string;
1363
+ "border-radius": string;
1364
+ border: string;
1365
+ padding: string;
1366
+ position: string;
1367
+ "z-index": string;
1368
+ right: string;
1369
+ opacity: string;
1370
+ transition: string;
1371
+ "font-size": string;
1372
+ "font-weight": string;
1373
+ "box-shadow": string;
1374
+ "margin-top": string;
1375
+ "margin-right": string;
1376
+ };
1377
+ ".secure-payment-form .tooltip-content h4": {
1378
+ margin: string;
1379
+ };
1380
+ ".secure-payment-form .tooltip:hover > .tooltip-content": {
1381
+ visibility: string;
1382
+ opacity: string;
1383
+ };
1384
+ ".secure-payment-form .tooltip:focus > .tooltip-content": {
1385
+ visibility: string;
1386
+ opacity: string;
1387
+ };
1388
+ ".secure-payment-form .tooltip-content::before": {
1389
+ position: string;
1390
+ content: string;
1391
+ right: string;
1392
+ top: string;
1393
+ "border-left": string;
1394
+ "border-right": string;
1395
+ "border-bottom": string;
1396
+ };
1397
+ ".secure-payment-form": {
1398
+ "background-color": string;
1399
+ display: string;
1400
+ "-ms-flex-wrap": string;
1401
+ "flex-wrap": string;
1402
+ "border-bottom-left-radius": string;
1403
+ "border-bottom-right-radius": string;
1404
+ "border-top-left-radius": string;
1405
+ "border-top-right-radius": string;
1406
+ "padding-top": string;
1407
+ "padding-bottom": string;
1408
+ "padding-left": string;
1409
+ "padding-right": string;
1410
+ };
1411
+ ".secure-payment-form *": {
1412
+ "box-sizing": string;
1413
+ };
1414
+ ".secure-payment-form label": {
1415
+ color: string;
1416
+ margin: string;
1417
+ display: string;
1418
+ "font-size": string;
1419
+ "font-weight": string;
1420
+ "font-family": string;
1421
+ };
1422
+ ".secure-payment-form > div": {
1423
+ flex: string;
1424
+ };
1425
+ ".secure-payment-form .credit-card-card-cvv iframe": {
1426
+ width: string;
1427
+ float: string;
1428
+ };
1429
+ ".secure-payment-form .credit-card-footer": {
1430
+ display: string;
1431
+ "align-items": string;
1432
+ };
1433
+ ".secure-payment-form .credit-card-footer .credit-card-shield": {
1434
+ "min-width": string;
1435
+ };
1436
+ ".secure-payment-form .credit-card-footer .footer-branded-logo-image": {
1437
+ margin: number;
1438
+ flex: string;
1439
+ background: string;
1440
+ "background-size": string;
1441
+ "min-height": string;
1442
+ "min-width": string;
1443
+ };
1444
+ ".secure-payment-form .apm-footer": {
1445
+ display: string;
1446
+ "align-items": string;
1447
+ };
1448
+ ".secure-payment-form .apm-footer .apm-shield": {
1449
+ "min-width": string;
1450
+ };
1451
+ ".secure-payment-form .apm-footer .footer-branded-logo-image": {
1452
+ margin: number;
1453
+ flex: string;
1454
+ background: string;
1455
+ "background-size": string;
1456
+ "min-height": string;
1457
+ "min-width": string;
1458
+ };
1459
+ "@media(max-width: 530px)": {
1460
+ ".secure-payment-form .credit-card-footer .footer-branded-logo-image": {
1461
+ background: string;
1462
+ "min-height": string;
1463
+ "min-width": string;
1464
+ };
1465
+ ".secure-payment-form .credit-card-footer .credit-card-logo": {
1466
+ "margin-left": string;
1467
+ "min-width": string;
1468
+ };
1469
+ ".secure-payment-form .apm-footer .footer-branded-logo-image": {
1470
+ background: string;
1471
+ "min-height": string;
1472
+ "min-width": string;
1473
+ };
1474
+ ".secure-payment-form .apm-footer .apm-logo": {
1475
+ "margin-left": string;
1476
+ "min-width": string;
1477
+ };
1478
+ };
1479
+ "@media(max-width: 380px)": {
1480
+ ".secure-payment-form .credit-card-footer .footer-branded-logo-image": {
1481
+ background: string;
1482
+ "min-height": string;
1483
+ "min-width": string;
1484
+ };
1485
+ ".secure-payment-form .credit-card-footer .credit-card-logo": {
1486
+ "margin-left": string;
1487
+ "min-width": string;
1488
+ };
1489
+ ".secure-payment-form .apm-footer .footer-branded-logo-image": {
1490
+ background: string;
1491
+ "min-height": string;
1492
+ "min-width": string;
1493
+ };
1494
+ ".secure-payment-form .apm-footer .apm-logo": {
1495
+ "margin-left": string;
1496
+ "min-width": string;
1497
+ };
1498
+ };
1499
+ ".secure-payment-form div[class$='-shield']": {
1500
+ flex: string;
1501
+ "margin-right": string;
1502
+ };
1503
+ ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
1504
+ border: string;
1505
+ "border-radius": string;
1506
+ height: string;
1507
+ "text-align": string;
1508
+ margin: string;
1509
+ display: string;
1510
+ "justify-content": string;
1511
+ "align-items": string;
1512
+ width: string;
1513
+ };
1514
+ ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
1515
+ width: string;
1516
+ height: string;
1517
+ "margin-left": string;
1518
+ "vertical-align": string;
1519
+ };
1520
+ ".secure-payment-form div[class$='-shield'] .ssl-msg": {
1521
+ "font-size": string;
1522
+ "font-weight": string;
1523
+ "font-family": string;
1524
+ color: string;
1525
+ "line-height": string;
1526
+ display: string;
1527
+ "vertical-align": string;
1528
+ "text-align": string;
1529
+ "margin-left": string;
1530
+ "margin-right": string;
1531
+ "margin-top": string;
1532
+ };
1533
+ ".secure-payment-form div[class$='-logo']": {
1534
+ flex: string;
1535
+ "margin-left": string;
1536
+ width: string;
1537
+ height: string;
1538
+ "text-align": string;
1539
+ display: string;
1540
+ "justify-content": string;
1541
+ };
1542
+ ".secure-payment-form div[class$='-logo'] .security-msg": {
1543
+ color: string;
1544
+ "font-size": string;
1545
+ display: string;
1546
+ "vertical-align": string;
1547
+ "white-space": string;
1548
+ "margin-right": string;
1549
+ "font-family": string;
1550
+ };
1551
+ ".secure-payment-form div[class$='-logo'] .security-msg strong": {
1552
+ "white-space": string;
1553
+ "font-weight": string;
1554
+ display: string;
1555
+ };
1556
+ ".secure-payment-form div[class$='-logo'] img": {
1557
+ "vertical-align": string;
1558
+ };
1559
+ ".secure-payment-form .credit-card-submit": {
1560
+ margin: string;
1561
+ };
1562
+ ".secure-payment-form iframe": {
1563
+ "min-height": string;
1564
+ width: string;
1565
+ };
1566
+ ".secure-payment-form .other-cards-label": {
1567
+ "border-bottom": string;
1568
+ "text-align": string;
1569
+ margin: string;
1570
+ position: string;
1571
+ };
1572
+ ".secure-payment-form .other-cards-label span": {
1573
+ "text-align": string;
1574
+ padding: string;
1575
+ background: string;
1576
+ position: string;
1577
+ color: string;
1578
+ width: string;
1579
+ left: string;
1580
+ "-webkit-transform": string;
1581
+ "-moz-transform": string;
1582
+ "-ms-transform": string;
1583
+ "-o-transform": string;
1584
+ transform: string;
1585
+ margin: string;
1586
+ "font-family": string;
1587
+ "font-size": string;
1588
+ "white-space": string;
1589
+ "font-weight": string;
1590
+ };
1591
+ ".secure-payment-form .hidden": {
1592
+ display: string;
1593
+ };
1594
+ "@media(min-width: 800px)": {
1595
+ ".secure-payment-form .credit-card-card-expiration": {
1596
+ flex: string;
1597
+ width: string;
1598
+ "padding-right": string;
1599
+ };
1600
+ ".secure-payment-form .credit-card-card-cvv": {
1601
+ flex: string;
1602
+ width: string;
1603
+ "padding-left": string;
1604
+ };
1605
+ };
1606
+ "@font-face": {
1607
+ "font-family": string;
1608
+ src: string;
1609
+ };
1610
+ ":root": {
1611
+ "--inputfield-label-font": string;
1612
+ "--inputfield-container-font-placeholder": string;
1613
+ "--inputfield-container-font-input": string;
1614
+ "--inputfield-container-font-error": string;
1615
+ "--tooltip-overlay-font-heading": string;
1616
+ "--tooltip-overlay-font-body": string;
1617
+ "--button-primary-font-label": string;
1618
+ "--dcc-radio-button-font": string;
1619
+ "--dcc-options-label-font": string;
1620
+ "--dcc-options-font-exchange-rate": string;
1621
+ "--other-method-divider-font": string;
1622
+ "--inputfield-label-weight-text": string;
1623
+ "--dcc-options-label-weight-text": string;
1624
+ "--button-primary-weight-label-text": string;
1625
+ "--dcc-radio-button-weight-text-label": string;
1626
+ "--inputfield-container-weight-text-placeholder": string;
1627
+ "--inputfield-container-weight-text-input": string;
1628
+ "--inputfield-container-weight-text-error": string;
1629
+ "--other-method-divider-weight-text": string;
1630
+ "--dropin-ui-body-color-background": string;
1631
+ "--dropin-ui-body-padding-top": string;
1632
+ "--dropin-ui-body-padding-bottom": string;
1633
+ "--dropin-ui-body-padding-left": string;
1634
+ "--dropin-ui-body-padding-right": string;
1635
+ "--inputfield-label-color-text": string;
1636
+ "--inputfield-container-color-border-focus": string;
1637
+ "--inputfield-container-color-border-hover": string;
1638
+ "--inputfield-tooltip-color-border-hover": string;
1639
+ "--inputfield-tooltip-color-focus-indicator-focus": string;
1640
+ "--general-tooltip-color-border-hover": string;
1641
+ "--general-tooltip-color-focus-indicator-focus": string;
1642
+ "--inputfield-tooltip-color-border-focus": string;
1643
+ "--inputfield-container-color-border-error": string;
1644
+ "--inputfield-container-color-text-error": string;
1645
+ "--inputfield-container-color-text-input": string;
1646
+ "--dcc-options-label-color-text": string;
1647
+ "--dcc-options-color-text-exchange-rate": string;
1648
+ "--dcc-radio-button-color-text-default": string;
1649
+ "--dcc-radio-button-color-text-hover": string;
1650
+ "--dcc-radio-button-color-text-focus": string;
1651
+ "--tooltip-overlay-color-background": string;
1652
+ "--inputfield-container-color-border-default": string;
1653
+ "--inputfield-container-color-text-placeholder": string;
1654
+ "--inputfield-tooltip-color-border-default": string;
1655
+ "--dcc-radio-button-color-border-default": string;
1656
+ "--dcc-radio-button-color-border-hover": string;
1657
+ "--dcc-radio-button-color-focus-indicator-focus": string;
1658
+ "--dcc-radio-button-color-border-focus": string;
1659
+ "--dcc-radio-button-color-border-selected": string;
1660
+ "--dcc-radio-button-color-background-selected": string;
1661
+ "--dcc-radio-button-color-icon-selected": string;
1662
+ "--dcc-radio-button-color-text-selected": string;
1663
+ "--button-primary-color-background-default": string;
1664
+ "--button-primary-color-background-focus": string;
1665
+ "--button-primary-color-text-default": string;
1666
+ "--button-primary-color-text-hover": string;
1667
+ "--button-primary-color-text-focus": string;
1668
+ "--button-primary-color-background-hover": string;
1669
+ "--button-primary-color-focus-indicator-focus": string;
1670
+ "--dropin-ui-body-radius-bottom-left": string;
1671
+ "--dropin-ui-body-radius-bottom-right": string;
1672
+ "--dropin-ui-body-radius-top-left": string;
1673
+ "--dropin-ui-body-radius-top-right": string;
1674
+ "--button-primary-radius-top-left": string;
1675
+ "--button-primary-radius-top-right": string;
1676
+ "--button-primary-radius-bottom-left": string;
1677
+ "--button-primary-radius-bottom-right": string;
1678
+ "--button-primary-size-text": string;
1679
+ "--other-method-divider-size-text": string;
1680
+ "--inputfield-label-size-text": string;
1681
+ "--inputfield-container-size-text-placeholder": string;
1682
+ "--inputfield-container-size-text-input": string;
1683
+ "--tooltip-overlay-size-text-heading": string;
1684
+ "--tooltip-overlay-size-text-body": string;
1685
+ "--inputfield-container-size-text-error": string;
1686
+ "--dcc-options-label-size-text": string;
1687
+ "--dcc-radio-button-size-text": string;
1688
+ "--dcc-options-size-text-exchange-rate": string;
1689
+ "--tooltip-overlay-color-text-heading": string;
1690
+ "--tooltip-overlay-color-text-body": string;
1691
+ "--other-method-divider-color-text": string;
1692
+ "--other-method-divider-color-line": string;
1693
+ "--tooltip-overlay-line-height-text-heading": string;
1694
+ "--tooltip-overlay-line-height-text-body": string;
1695
+ "--dcc-options-line-height-text-exchange-rate": string;
1696
+ "--hppfooter-desktop": string;
1697
+ "--hppfooter-tablet": string;
1698
+ "--hppfooter-mobile": string;
1699
+ "--dropin-ui-button-primary-icon": string;
1700
+ };
1701
+ };
1702
+ export declare const getBaseThemeStyles: (assetBaseUrl: string, themePreset?: IThemePreset | undefined) => {
1703
+ fieldStyles: object;
1704
+ parentStyles: object;
1705
+ };
1706
+ export {};