@globalpayments/js 1.9.13 → 1.9.14

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 (9) hide show
  1. package/package.json +1 -1
  2. package/types/internal/lib/styles/click-to-pay/default.d.ts +288 -0
  3. package/types/internal/lib/styles/click-to-pay/gp-default.d.ts +288 -0
  4. package/types/internal/lib/styles/click-to-pay/simple.d.ts +288 -0
  5. package/types/internal/lib/styles/default.d.ts +194 -167
  6. package/types/internal/lib/styles/gp-default.d.ts +261 -220
  7. package/types/internal/lib/styles/simple.d.ts +219 -192
  8. package/types/lib/version.d.ts +1 -1
  9. package/types/ui/form/index.d.ts +652 -539
package/types/ui/form/index.d.ts CHANGED
@@ -50,6 +50,9 @@ export declare const fieldStyles: () => {
50
50
  "font-size": string;
51
51
  "font-weight": string;
52
52
  "line-height": string;
53
+ /**
54
+ * Represents logic surrounding a group of hosted fields.
55
+ */
53
56
  "margin-bottom": string;
54
57
  padding: string;
55
58
  "text-align": string;
@@ -70,16 +73,7 @@ export declare const fieldStyles: () => {
70
73
  ".card-cvv": {
71
74
  background: string;
72
75
  "background-size": string;
73
- }; /**
74
- * Sets an event listener for an event type
75
- *
76
- * @param fieldTypeOrEventName The field type on which the listener should
77
- * be applied, or the type of event that should trigger the listener
78
- * @param eventNameOrListener The type of event that should trigger the
79
- * listener, or the listener function
80
- * @param listener The listener function when both field type and event type
81
- * are provided
82
- */
76
+ };
83
77
  ".card-cvv.card-type-amex": {
84
78
  background: string;
85
79
  "background-size": string;
@@ -115,11 +109,7 @@ export declare const fieldStyles: () => {
115
109
  };
116
110
  ".card-number.valid.card-type-amex": {
117
111
  background: string;
118
- "background-size": string; /**
119
- * Appends additional CSS rules to the group of hosted fields
120
- *
121
- * @param json New CSS rules
122
- */
112
+ "background-size": string;
123
113
  };
124
114
  ".card-number.valid.card-type-discover": {
125
115
  background: string;
@@ -360,130 +350,69 @@ export declare const parentStyles: () => {
360
350
  height: string;
361
351
  margin: string;
362
352
  };
363
- "apple-pay-button": {
364
- "--apple-pay-button-width": string;
365
- "--apple-pay-button-height": string;
366
- "--apple-pay-button-border-radius": string;
367
- "--apple-pay-button-padding": string;
368
- "--apple-pay-button-box-sizing": string;
369
- display: string;
370
- margin: string;
371
- };
372
- ".secure-payment-form": {
373
- "font-family": string;
374
- };
375
- ".secure-payment-form label": {
376
- color: string;
377
- "font-size": string;
378
- "font-weight": string;
379
- "line-height": string;
380
- "text-transform": string;
381
- };
382
- ".secure-payment-form #ss-banner": {
383
- background: string;
384
- "background-size": string;
385
- height: string;
386
- "margin-bottom": string;
387
- };
388
- ".secure-payment-form div": {
389
- display: string;
390
- };
391
- ".secure-payment-form iframe": {
392
- width: string;
393
- };
394
- ".secure-payment-form .form-row": {
395
- "margin-top": string;
396
- };
397
- ".secure-payment-form .form-wrapper": {
398
- display: string;
399
- margin: string;
400
- width: string;
401
- };
402
- ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
403
- display: string;
404
- };
405
- ".secure-payment-form .other-cards-label": {
406
- "border-bottom": string;
407
- "text-align": string;
408
- margin: string;
409
- position: string;
410
- };
411
- ".secure-payment-form .other-cards-label span": {
412
- "text-align": string;
413
- padding: string;
414
- background: string;
415
- position: string;
416
- color: string;
417
- width: string;
418
- left: string;
419
- "-webkit-transform": string;
420
- "-moz-transform": string;
421
- "-ms-transform": string;
422
- "-o-transform": string;
423
- transform: string;
424
- margin: string;
425
- "font-family": string;
426
- "font-size": string;
427
- "white-space": string;
428
- };
429
- ".secure-payment-form .hidden": {
430
- display: string;
431
- };
432
353
  ".secure-payment-form .ctp-panel": {
433
354
  border: string;
434
355
  "box-shadow": string;
435
356
  "border-radius": string;
357
+ "container-type": string;
358
+ "font-family": string;
436
359
  "margin-bottom": string;
437
360
  };
438
361
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
439
362
  display: string;
440
363
  };
441
364
  ".secure-payment-form .ctp-panel .ctp-button": {
442
- display: string;
443
- background: string;
444
- "flex-direction": string;
445
365
  "align-items": string;
446
- padding: string;
366
+ background: string;
367
+ cursor: string;
368
+ display: string;
447
369
  flex: string;
448
- order: string;
370
+ "flex-direction": string;
449
371
  "flex-grow": string;
372
+ order: string;
373
+ padding: string;
450
374
  position: string;
451
- "font-size": string;
452
- "line-height": string;
453
- cursor: string;
454
- "font-family": string;
375
+ "white-space": string;
455
376
  };
456
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
457
- cursor: string;
377
+ ".secure-payment-form .ctp-panel .ctp-header": {
378
+ width: string;
458
379
  };
459
- ".secure-payment-form .ctp-panel .ctp-button:after": {
460
- content: string;
461
- position: string;
380
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
381
+ "font-family": string;
382
+ "font-weight": string;
383
+ "line-height": string;
384
+ "font-size": string;
385
+ };
386
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
387
+ background: string;
388
+ "background-size": string;
462
389
  width: string;
463
390
  height: string;
464
- border: string;
465
- "border-width": string;
391
+ margin: string;
466
392
  display: string;
467
- padding: string;
468
- transform: string;
469
- "-webkit-transform": string;
393
+ "vertical-align": string;
394
+ flex: string;
395
+ order: string;
396
+ "flex-grow": string;
470
397
  };
471
- ".secure-payment-form .ctp-panel .right-arrow": {
472
- position: string;
398
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
399
+ margin: string;
400
+ "font-family": string;
401
+ "font-weight": string;
402
+ "font-size": string;
403
+ "line-height": string;
404
+ color: string;
405
+ };
406
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
473
407
  background: string;
474
- right: string;
475
- border: string;
476
- "border-width": string;
477
- display: string;
478
408
  padding: string;
479
- transform: string;
480
- "-webkit-transform": string;
481
- "z-index": string;
482
- top: string;
483
- "margin-top": string;
484
- };
485
- ".secure-payment-form .apm-active .right-arrow": {
409
+ width: string;
410
+ height: string;
486
411
  display: string;
412
+ "vertical-align": string;
413
+ flex: string;
414
+ order: string;
415
+ "flex-grow": string;
487
416
  };
488
417
  ".secure-payment-form .ctp-info-tooltip": {
489
418
  width: string;
@@ -493,7 +422,18 @@ export declare const parentStyles: () => {
493
422
  overflow: string;
494
423
  background: string;
495
424
  margin: string;
425
+ "white-space": string;
496
426
  };
427
+ /**
428
+ * Sets an event listener for an event type
429
+ *
430
+ * @param fieldTypeOrEventName The field type on which the listener should
431
+ * be applied, or the type of event that should trigger the listener
432
+ * @param eventNameOrListener The type of event that should trigger the
433
+ * listener, or the listener function
434
+ * @param listener The listener function when both field type and event type
435
+ * are provided
436
+ */
497
437
  ".secure-payment-form .ctp-info-tooltip-content": {
498
438
  visibility: string;
499
439
  width: string;
@@ -509,16 +449,21 @@ export declare const parentStyles: () => {
509
449
  "margin-top": string;
510
450
  opacity: string;
511
451
  transition: string;
452
+ "font-family": string;
512
453
  "font-size": string;
513
454
  "font-weight": string;
514
455
  "box-shadow": string;
515
456
  };
457
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
458
+ "margin-left": string;
459
+ };
516
460
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
517
461
  "max-width": string;
518
462
  margin: string;
519
463
  };
520
464
  ".secure-payment-form .ctp-info-tooltip-content ul": {
521
465
  padding: string;
466
+ "margin-bottom": string;
522
467
  };
523
468
  ".secure-payment-form .ctp-info-tooltip-content li": {
524
469
  padding: string;
@@ -564,133 +509,140 @@ export declare const parentStyles: () => {
564
509
  visibility: string;
565
510
  opacity: string;
566
511
  };
567
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
568
- background: string;
569
- display: string;
570
- "vertical-align": string;
512
+ "@container (min-width: 408px)": {
513
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
514
+ "font-size": string;
515
+ };
516
+ ".secure-payment-form .ctp-panel .right-arrow": {
517
+ "border-width": string;
518
+ };
519
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
520
+ width: string;
521
+ height: string;
522
+ "background-size": string;
523
+ };
524
+ };
525
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
526
+ cursor: string;
527
+ };
528
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
529
+ cursor: string;
530
+ };
531
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
532
+ content: string;
533
+ position: string;
571
534
  width: string;
572
535
  height: string;
573
- margin: string;
536
+ border: string;
537
+ "border-width": string;
538
+ display: string;
539
+ padding: string;
540
+ transform: string;
541
+ "-webkit-transform": string;
574
542
  };
575
- ".secure-payment-form div[class^='ctp'] .card-brands": {
543
+ ".secure-payment-form .ctp-panel .right-arrow": {
544
+ position: string;
576
545
  background: string;
546
+ right: string;
547
+ border: string;
548
+ "border-width": string;
549
+ display: string;
550
+ padding: string;
551
+ transform: string;
552
+ "-webkit-transform": string;
553
+ "z-index": string;
554
+ top: string;
555
+ "margin-top": string;
556
+ };
557
+ ".secure-payment-form .apm-active .right-arrow": {
577
558
  display: string;
578
- "vertical-align": string;
579
- "padding-right": string;
580
- "min-height": string;
581
- color: string;
582
- "white-space": string;
583
559
  };
584
- ".secure-payment-form #ctp-wrapper #header": {
560
+ ".secure-payment-form.apm-active .right-arrow": {
585
561
  display: string;
586
562
  };
587
- ".secure-payment-form #ctp-wrapper #footer": {
563
+ "#ctp-wrapper #header": {
588
564
  display: string;
589
565
  };
590
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
591
- margin: string;
566
+ "#ctp-wrapper .logindiv .tooltip": {
567
+ display: string;
568
+ };
569
+ "#ctp-wrapper .logindiv .lblemailInput": {
570
+ display: string;
571
+ };
572
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
592
573
  "font-size": string;
574
+ "font-family": string;
593
575
  "line-height": string;
594
- "font-weight": string;
595
576
  };
596
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
597
- padding: string;
577
+ "#ctp-wrapper #verifyVisa label": {
578
+ display: string;
579
+ "font-size": string;
580
+ "font-family": string;
581
+ margin: string;
598
582
  };
599
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
583
+ "#ctp-wrapper .blue-button label": {
600
584
  "font-size": string;
601
585
  "line-height": string;
602
- "text-align": string;
603
- float: string;
586
+ "font-family": string;
604
587
  margin: string;
605
588
  };
606
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
589
+ "#ctp-wrapper .cardhdr label": {
590
+ margin: string;
591
+ display: string;
607
592
  "font-size": string;
608
593
  "line-height": string;
609
- "text-align": string;
610
- float: string;
594
+ };
595
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
611
596
  margin: string;
612
597
  };
613
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
598
+ "#ctp-wrapper button label": {
599
+ margin: string;
614
600
  "font-size": string;
615
- "line-height": string;
616
- "text-align": string;
617
- float: string;
618
601
  };
619
- ".secure-payment-form #ctp-wrapper .quitbanner": {
620
- "margin-left": string;
621
- "margin-top": string;
602
+ "#ctp-wrapper .quitbanner > svg": {
603
+ display: string;
622
604
  };
623
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
605
+ "#ctp-wrapper #footer": {
624
606
  display: string;
625
607
  };
626
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
627
- margin: string;
608
+ "#ctp-wrapper .signinlayout": {
609
+ "max-width": string;
610
+ "min-height": string;
628
611
  };
629
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
630
- "font-size": string;
631
- "line-height": string;
632
- "font-weight": string;
633
- margin: string;
612
+ ".secure-payment-form.apm-active .signinlayout": {
613
+ "min-height": string;
634
614
  };
635
- ".secure-payment-form #ctp-wrapper label": {
615
+ "#ctp-wrapper .rsdcode": {
636
616
  "font-size": string;
637
- "line-height": string;
638
617
  "font-weight": string;
639
618
  margin: string;
640
619
  };
641
- ".secure-payment-form #ctp-wrapper label.change": {
620
+ "#ctp-wrapper .footerLabelDiv label": {
642
621
  "font-size": string;
643
- "line-height": string;
644
622
  "font-weight": string;
645
- margin: string;
623
+ "margin-top": string;
624
+ "margin-bottom": string;
646
625
  };
647
- ".secure-payment-form #ctp-wrapper .blue-button": {
648
- height: string;
626
+ "#ctp-wrapper .logindiv": {
627
+ "min-height": string;
628
+ };
629
+ "#ctp-wrapper .VerificationLabel label": {
630
+ display: string;
631
+ margin: string;
649
632
  "font-size": string;
650
- "line-height": string;
651
- padding: string;
652
633
  };
653
- ".secure-payment-form #ctp-wrapper .blue-button label": {
634
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
654
635
  margin: string;
655
636
  };
656
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
637
+ "#ctp-wrapper .transctcardlabel": {
638
+ margin: string;
657
639
  "font-size": string;
658
- "line-height": string;
659
- "margin-top": string;
660
640
  };
661
- ".secure-payment-form #ctp-wrapper .rsdcode": {
641
+ "#ctp-wrapper .TransitionLabel": {
662
642
  "font-size": string;
663
643
  "line-height": string;
664
- "font-weight": string;
665
- "margin-bottom": string;
666
- };
667
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
668
- padding: string;
669
- };
670
- ".secure-payment-form #ctp-wrapper .signinlayout": {
671
- "min-height": string;
672
- "max-width": string;
673
- };
674
- ".secure-payment-form #ctp-wrapper .logindiv": {
675
- "min-height": string;
676
- padding: string;
677
- };
678
- ".secure-payment-form #ctp-wrapper #cancel-link": {
679
- "margin-bottom": string;
680
- };
681
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
682
- display: string;
683
- };
684
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
685
- display: string;
686
- };
687
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
688
- display: string;
689
- };
690
- };
691
- "gp-default": {
692
- "#googlePay": {
693
- height: string;
644
+ "text-align": string;
645
+ float: string;
694
646
  margin: string;
695
647
  };
696
648
  "apple-pay-button": {
@@ -703,94 +655,37 @@ export declare const parentStyles: () => {
703
655
  margin: string;
704
656
  };
705
657
  ".secure-payment-form": {
706
- display: string;
707
- "-ms-flex-wrap": string;
708
- "flex-wrap": string;
709
- };
710
- ".secure-payment-form *": {
711
- "box-sizing": string;
658
+ "font-family": string;
712
659
  };
713
660
  ".secure-payment-form label": {
714
- margin: string;
715
- display: string;
661
+ color: string;
716
662
  "font-size": string;
717
663
  "font-weight": string;
718
- "font-family": string;
719
- };
720
- ".secure-payment-form > div": {
721
- flex: string;
722
- };
723
- ".secure-payment-form .credit-card-card-cvv iframe": {
724
- width: string;
725
- float: string;
664
+ "line-height": string;
665
+ "text-transform": string;
726
666
  };
727
- ".secure-payment-form .credit-card-shield": {
728
- flex: string;
729
- "margin-right": string;
667
+ ".secure-payment-form #ss-banner": {
730
668
  background: string;
731
- width: string;
669
+ "background-size": string;
732
670
  height: string;
671
+ "margin-bottom": string;
733
672
  };
734
- ".secure-payment-form .credit-card-logo": {
735
- flex: string;
736
- "margin-left": string;
737
- background: string;
738
- width: string;
739
- height: string;
740
- }; /**
741
- * Appends additional CSS rules to the group of hosted fields
742
- *
743
- * @param json New CSS rules
744
- */
745
- ".secure-payment-form .credit-card-submit": {
746
- margin: string;
673
+ ".secure-payment-form div": {
674
+ display: string;
747
675
  };
748
676
  ".secure-payment-form iframe": {
749
- "min-height": string;
750
- width: string;
751
- };
752
- ".secure-payment-form .tooltip": {
753
- position: string;
754
677
  width: string;
755
- height: string;
756
- border: string;
757
- "border-left": string;
758
- color: string;
759
- overflow: string;
760
- "background-size": string;
761
- background: string;
762
- };
763
- ".secure-payment-form .tooltip:focus": {
764
- border: string;
765
- outline: string;
766
678
  };
767
- ".secure-payment-form .tooltip-content": {
768
- visibility: string;
769
- width: string;
770
- "background-color": string;
771
- color: string;
772
- "text-align": string;
773
- "border-radius": string;
774
- border: string;
775
- padding: string;
776
- position: string;
777
- "z-index": string;
778
- right: string;
779
- opacity: string;
780
- transition: string;
781
- "font-size": string;
782
- "font-weight": string;
679
+ ".secure-payment-form .form-row": {
783
680
  "margin-top": string;
784
- overflow: string;
785
- "box-shadow": string;
786
681
  };
787
- ".secure-payment-form .tooltip:hover + .tooltip-content": {
788
- visibility: string;
789
- opacity: string;
682
+ ".secure-payment-form .form-wrapper": {
683
+ display: string;
684
+ margin: string;
685
+ width: string;
790
686
  };
791
- ".secure-payment-form .tooltip:focus + .tooltip-content": {
792
- visibility: string;
793
- opacity: string;
687
+ ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
688
+ display: string;
794
689
  };
795
690
  ".secure-payment-form .other-cards-label": {
796
691
  "border-bottom": string;
@@ -819,61 +714,75 @@ export declare const parentStyles: () => {
819
714
  ".secure-payment-form .hidden": {
820
715
  display: string;
821
716
  };
717
+ };
718
+ "gp-default": {
719
+ "#googlePay": {
720
+ height: string;
721
+ margin: string;
722
+ };
822
723
  ".secure-payment-form .ctp-panel": {
823
724
  border: string;
824
725
  "box-shadow": string;
825
726
  "border-radius": string;
727
+ "container-type": string;
728
+ "font-family": string;
826
729
  "margin-bottom": string;
827
730
  };
828
731
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
829
732
  display: string;
830
733
  };
831
734
  ".secure-payment-form .ctp-panel .ctp-button": {
832
- display: string;
833
- background: string;
834
- "flex-direction": string;
835
735
  "align-items": string;
836
- padding: string;
736
+ background: string;
737
+ cursor: string;
738
+ display: string;
837
739
  flex: string;
838
- order: string;
740
+ "flex-direction": string;
839
741
  "flex-grow": string;
742
+ order: string;
743
+ padding: string;
840
744
  position: string;
841
- "font-size": string;
842
- "line-height": string;
843
- cursor: string;
844
- "font-family": string;
745
+ "white-space": string;
845
746
  };
846
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
847
- cursor: string;
747
+ ".secure-payment-form .ctp-panel .ctp-header": {
748
+ width: string;
848
749
  };
849
- ".secure-payment-form .ctp-panel .ctp-button:after": {
850
- content: string;
851
- position: string;
750
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
751
+ "font-family": string;
752
+ "font-weight": string;
753
+ "line-height": string;
754
+ "font-size": string;
755
+ };
756
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
757
+ background: string;
758
+ "background-size": string;
852
759
  width: string;
853
760
  height: string;
854
- border: string;
855
- "border-width": string;
761
+ margin: string;
856
762
  display: string;
857
- padding: string;
858
- transform: string;
859
- "-webkit-transform": string;
763
+ "vertical-align": string;
764
+ flex: string;
765
+ order: string;
766
+ "flex-grow": string;
860
767
  };
861
- ".secure-payment-form .ctp-panel .right-arrow": {
862
- position: string;
768
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
769
+ margin: string;
770
+ "font-family": string;
771
+ "font-weight": string;
772
+ "font-size": string;
773
+ "line-height": string;
774
+ color: string;
775
+ };
776
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
863
777
  background: string;
864
- right: string;
865
- border: string;
866
- "border-width": string;
867
- display: string;
868
778
  padding: string;
869
- transform: string;
870
- "-webkit-transform": string;
871
- "z-index": string;
872
- top: string;
873
- "margin-top": string;
874
- };
875
- ".secure-payment-form .apm-active .right-arrow": {
779
+ width: string;
780
+ height: string;
876
781
  display: string;
782
+ "vertical-align": string;
783
+ flex: string;
784
+ order: string;
785
+ "flex-grow": string;
877
786
  };
878
787
  ".secure-payment-form .ctp-info-tooltip": {
879
788
  width: string;
@@ -883,7 +792,18 @@ export declare const parentStyles: () => {
883
792
  overflow: string;
884
793
  background: string;
885
794
  margin: string;
795
+ "white-space": string;
886
796
  };
797
+ /**
798
+ * Sets an event listener for an event type
799
+ *
800
+ * @param fieldTypeOrEventName The field type on which the listener should
801
+ * be applied, or the type of event that should trigger the listener
802
+ * @param eventNameOrListener The type of event that should trigger the
803
+ * listener, or the listener function
804
+ * @param listener The listener function when both field type and event type
805
+ * are provided
806
+ */
887
807
  ".secure-payment-form .ctp-info-tooltip-content": {
888
808
  visibility: string;
889
809
  width: string;
@@ -899,16 +819,21 @@ export declare const parentStyles: () => {
899
819
  "margin-top": string;
900
820
  opacity: string;
901
821
  transition: string;
822
+ "font-family": string;
902
823
  "font-size": string;
903
824
  "font-weight": string;
904
825
  "box-shadow": string;
905
826
  };
827
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
828
+ "margin-left": string;
829
+ };
906
830
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
907
831
  "max-width": string;
908
832
  margin: string;
909
833
  };
910
834
  ".secure-payment-form .ctp-info-tooltip-content ul": {
911
835
  padding: string;
836
+ "margin-bottom": string;
912
837
  };
913
838
  ".secure-payment-form .ctp-info-tooltip-content li": {
914
839
  padding: string;
@@ -954,150 +879,140 @@ export declare const parentStyles: () => {
954
879
  visibility: string;
955
880
  opacity: string;
956
881
  };
957
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
958
- background: string;
959
- display: string;
960
- "vertical-align": string;
882
+ "@container (min-width: 408px)": {
883
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
884
+ "font-size": string;
885
+ };
886
+ ".secure-payment-form .ctp-panel .right-arrow": {
887
+ "border-width": string;
888
+ };
889
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
890
+ width: string;
891
+ height: string;
892
+ "background-size": string;
893
+ };
894
+ };
895
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
896
+ cursor: string;
897
+ };
898
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
899
+ cursor: string;
900
+ };
901
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
902
+ content: string;
903
+ position: string;
961
904
  width: string;
962
905
  height: string;
963
- margin: string;
906
+ border: string;
907
+ "border-width": string;
908
+ display: string;
909
+ padding: string;
910
+ transform: string;
911
+ "-webkit-transform": string;
964
912
  };
965
- ".secure-payment-form div[class^='ctp'] .card-brands": {
913
+ ".secure-payment-form .ctp-panel .right-arrow": {
914
+ position: string;
966
915
  background: string;
916
+ right: string;
917
+ border: string;
918
+ "border-width": string;
967
919
  display: string;
968
- "vertical-align": string;
969
- "padding-right": string;
970
- "min-height": string;
971
- color: string;
972
- "white-space": string;
920
+ padding: string;
921
+ transform: string;
922
+ "-webkit-transform": string;
923
+ "z-index": string;
924
+ top: string;
925
+ "margin-top": string;
973
926
  };
974
- ".secure-payment-form #ctp-wrapper #header": {
927
+ ".secure-payment-form .apm-active .right-arrow": {
975
928
  display: string;
976
929
  };
977
- ".secure-payment-form #ctp-wrapper #footer": {
930
+ ".secure-payment-form.apm-active .right-arrow": {
978
931
  display: string;
979
932
  };
980
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
981
- margin: string;
982
- "font-size": string;
983
- "line-height": string;
984
- "font-weight": string;
933
+ "#ctp-wrapper #header": {
934
+ display: string;
985
935
  };
986
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
987
- padding: string;
936
+ "#ctp-wrapper .logindiv .tooltip": {
937
+ display: string;
938
+ };
939
+ "#ctp-wrapper .logindiv .lblemailInput": {
940
+ display: string;
988
941
  };
989
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
942
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
990
943
  "font-size": string;
944
+ "font-family": string;
991
945
  "line-height": string;
992
- "text-align": string;
993
- float: string;
946
+ };
947
+ "#ctp-wrapper #verifyVisa label": {
948
+ display: string;
949
+ "font-size": string;
950
+ "font-family": string;
994
951
  margin: string;
995
952
  };
996
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
953
+ "#ctp-wrapper .blue-button label": {
997
954
  "font-size": string;
998
955
  "line-height": string;
999
- "text-align": string;
1000
- float: string;
956
+ "font-family": string;
1001
957
  margin: string;
1002
958
  };
1003
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
959
+ "#ctp-wrapper .cardhdr label": {
960
+ margin: string;
961
+ display: string;
1004
962
  "font-size": string;
1005
963
  "line-height": string;
1006
- "text-align": string;
1007
- float: string;
1008
964
  };
1009
- ".secure-payment-form #ctp-wrapper .quitbanner": {
1010
- "margin-left": string;
1011
- "margin-top": string;
1012
- };
1013
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
1014
- display: string;
1015
- };
1016
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
965
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
1017
966
  margin: string;
1018
967
  };
1019
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
1020
- "font-size": string;
1021
- "line-height": string;
1022
- "font-weight": string;
968
+ "#ctp-wrapper button label": {
1023
969
  margin: string;
1024
- };
1025
- ".secure-payment-form #ctp-wrapper label": {
1026
970
  "font-size": string;
1027
- "line-height": string;
1028
- "font-weight": string;
1029
- margin: string;
1030
971
  };
1031
- ".secure-payment-form #ctp-wrapper label.change": {
1032
- "font-size": string;
1033
- "line-height": string;
1034
- "font-weight": string;
1035
- margin: string;
972
+ "#ctp-wrapper .quitbanner > svg": {
973
+ display: string;
1036
974
  };
1037
- ".secure-payment-form #ctp-wrapper .blue-button": {
1038
- height: string;
1039
- "font-size": string;
1040
- "line-height": string;
1041
- padding: string;
975
+ "#ctp-wrapper #footer": {
976
+ display: string;
1042
977
  };
1043
- ".secure-payment-form #ctp-wrapper .blue-button label": {
1044
- margin: string;
978
+ "#ctp-wrapper .signinlayout": {
979
+ "max-width": string;
980
+ "min-height": string;
981
+ };
982
+ ".secure-payment-form.apm-active .signinlayout": {
983
+ "min-height": string;
1045
984
  };
1046
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
985
+ "#ctp-wrapper .rsdcode": {
1047
986
  "font-size": string;
1048
- "line-height": string;
1049
- "margin-top": string;
987
+ "font-weight": string;
988
+ margin: string;
1050
989
  };
1051
- ".secure-payment-form #ctp-wrapper .rsdcode": {
990
+ "#ctp-wrapper .footerLabelDiv label": {
1052
991
  "font-size": string;
1053
- "line-height": string;
1054
992
  "font-weight": string;
993
+ "margin-top": string;
1055
994
  "margin-bottom": string;
1056
995
  };
1057
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
1058
- padding: string;
1059
- };
1060
- ".secure-payment-form #ctp-wrapper .signinlayout": {
996
+ "#ctp-wrapper .logindiv": {
1061
997
  "min-height": string;
1062
- "max-width": string;
1063
- };
1064
- ".secure-payment-form #ctp-wrapper .logindiv": {
1065
- "min-height": string;
1066
- padding: string;
1067
998
  };
1068
- ".secure-payment-form #ctp-wrapper #cancel-link": {
1069
- "margin-bottom": string;
1070
- };
1071
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
1072
- display: string;
1073
- };
1074
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
1075
- display: string;
1076
- };
1077
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
999
+ "#ctp-wrapper .VerificationLabel label": {
1078
1000
  display: string;
1001
+ margin: string;
1002
+ "font-size": string;
1079
1003
  };
1080
- "@font-face": {
1081
- "font-family": string;
1082
- src: string;
1004
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
1005
+ margin: string;
1083
1006
  };
1084
- "@media(min-width: 800px)": {
1085
- ".secure-payment-form .credit-card-card-expiration": {
1086
- flex: string;
1087
- "margin-right": string;
1088
- };
1089
- ".secure-payment-form .credit-card-card-cvv": {
1090
- flex: string;
1091
- "margin-left": string;
1092
- };
1093
- ".secure-payment-form .tooltip-content": {
1094
- right: string;
1095
- };
1007
+ "#ctp-wrapper .transctcardlabel": {
1008
+ margin: string;
1009
+ "font-size": string;
1096
1010
  };
1097
- };
1098
- simple: {
1099
- "#googlePay": {
1100
- height: string;
1011
+ "#ctp-wrapper .TransitionLabel": {
1012
+ "font-size": string;
1013
+ "line-height": string;
1014
+ "text-align": string;
1015
+ float: string;
1101
1016
  margin: string;
1102
1017
  };
1103
1018
  "apple-pay-button": {
@@ -1110,64 +1025,106 @@ export declare const parentStyles: () => {
1110
1025
  margin: string;
1111
1026
  };
1112
1027
  ".secure-payment-form": {
1113
- "font-family": string;
1114
- width: string;
1028
+ display: string;
1029
+ "-ms-flex-wrap": string;
1030
+ "flex-wrap": string;
1031
+ };
1032
+ ".secure-payment-form *": {
1033
+ "box-sizing": string;
1115
1034
  };
1116
1035
  ".secure-payment-form label": {
1117
- color: string;
1036
+ margin: string;
1037
+ display: string;
1118
1038
  "font-size": string;
1119
1039
  "font-weight": string;
1120
- "line-height": string;
1121
- "text-transform": string;
1040
+ "font-family": string;
1122
1041
  };
1123
- ".secure-payment-form #ss-banner": {
1042
+ ".secure-payment-form > div": {
1043
+ flex: string;
1044
+ };
1045
+ ".secure-payment-form .credit-card-card-cvv iframe": {
1046
+ width: string;
1047
+ float: string;
1048
+ };
1049
+ ".secure-payment-form .credit-card-shield": {
1050
+ flex: string;
1051
+ "margin-right": string;
1124
1052
  background: string;
1125
- "background-size": string;
1053
+ width: string;
1126
1054
  height: string;
1127
- "margin-bottom": string;
1128
1055
  };
1129
- ".secure-payment-form div": {
1130
- display: string;
1056
+ ".secure-payment-form .apm-shield": {
1057
+ flex: string;
1058
+ "margin-right": string;
1059
+ background: string;
1060
+ width: string;
1061
+ height: string;
1062
+ };
1063
+ ".secure-payment-form .credit-card-logo": {
1064
+ flex: string;
1065
+ "margin-left": string;
1066
+ background: string;
1067
+ width: string;
1068
+ height: string;
1069
+ };
1070
+ ".secure-payment-form .apm-logo": {
1071
+ flex: string;
1072
+ "margin-left": string;
1073
+ background: string;
1074
+ width: string;
1075
+ height: string;
1076
+ };
1077
+ ".secure-payment-form .credit-card-submit": {
1078
+ margin: string;
1131
1079
  };
1132
1080
  ".secure-payment-form iframe": {
1133
1081
  "min-height": string;
1082
+ width: string;
1134
1083
  };
1135
- ".secure-payment-form .form-row": {
1136
- "margin-top": string;
1084
+ ".secure-payment-form .tooltip": {
1085
+ position: string;
1086
+ width: string;
1087
+ height: string;
1088
+ border: string;
1089
+ "border-left": string;
1090
+ color: string;
1091
+ overflow: string;
1092
+ "background-size": string;
1093
+ background: string;
1137
1094
  };
1138
- ".secure-payment-form .form-wrapper": {
1139
- display: string;
1140
- margin: string;
1095
+ ".secure-payment-form .tooltip:focus": {
1096
+ border: string;
1097
+ outline: string;
1141
1098
  };
1142
- ".secure-payment-form input": {
1143
- "-o-transition": string;
1144
- "-webkit-box-shadow": string;
1145
- "-webkit-transition": string;
1099
+ ".secure-payment-form .tooltip-content": {
1100
+ visibility: string;
1101
+ width: string;
1146
1102
  "background-color": string;
1103
+ color: string;
1104
+ "text-align": string;
1105
+ "border-radius": string; /**
1106
+ * Deletes all hosted fields within the form
1107
+ */
1147
1108
  border: string;
1148
- "border-radius": string;
1149
- "box-shadow": string;
1150
- "box-sizing": string;
1151
- display: string;
1152
- "font-family": string;
1153
- "font-size": string;
1154
- "font-smoothing": string;
1155
- height: string;
1156
- margin: string;
1157
- "max-width": string;
1158
- outline: string;
1159
1109
  padding: string;
1110
+ position: string;
1111
+ "z-index": string;
1112
+ right: string;
1113
+ opacity: string;
1160
1114
  transition: string;
1161
- "vertical-align": string;
1162
- width: string;
1163
- };
1164
- ".secure-payment-form input:focus": {
1165
- border: string;
1115
+ "font-size": string;
1116
+ "font-weight": string;
1117
+ "margin-top": string;
1118
+ overflow: string;
1166
1119
  "box-shadow": string;
1167
- outline: string;
1168
1120
  };
1169
- ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
1170
- display: string;
1121
+ ".secure-payment-form .tooltip:hover + .tooltip-content": {
1122
+ visibility: string;
1123
+ opacity: string;
1124
+ };
1125
+ ".secure-payment-form .tooltip:focus + .tooltip-content": {
1126
+ visibility: string;
1127
+ opacity: string;
1171
1128
  };
1172
1129
  ".secure-payment-form .other-cards-label": {
1173
1130
  "border-bottom": string;
@@ -1196,61 +1153,92 @@ export declare const parentStyles: () => {
1196
1153
  ".secure-payment-form .hidden": {
1197
1154
  display: string;
1198
1155
  };
1156
+ "@font-face": {
1157
+ "font-family": string;
1158
+ src: string;
1159
+ };
1160
+ "@media(min-width: 800px)": {
1161
+ ".secure-payment-form .credit-card-card-expiration": {
1162
+ flex: string;
1163
+ "margin-right": string;
1164
+ };
1165
+ ".secure-payment-form .credit-card-card-cvv": {
1166
+ flex: string;
1167
+ "margin-left": string;
1168
+ };
1169
+ ".secure-payment-form .tooltip-content": {
1170
+ right: string;
1171
+ };
1172
+ };
1173
+ };
1174
+ simple: {
1175
+ "#googlePay": {
1176
+ height: string;
1177
+ margin: string;
1178
+ };
1199
1179
  ".secure-payment-form .ctp-panel": {
1200
1180
  border: string;
1201
1181
  "box-shadow": string;
1202
1182
  "border-radius": string;
1183
+ "container-type": string;
1184
+ "font-family": string;
1203
1185
  "margin-bottom": string;
1204
1186
  };
1205
1187
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
1206
1188
  display: string;
1207
1189
  };
1208
1190
  ".secure-payment-form .ctp-panel .ctp-button": {
1209
- display: string;
1210
- background: string;
1211
- "flex-direction": string;
1212
1191
  "align-items": string;
1213
- padding: string;
1192
+ background: string;
1193
+ cursor: string;
1194
+ display: string;
1214
1195
  flex: string;
1215
- order: string;
1196
+ "flex-direction": string;
1216
1197
  "flex-grow": string;
1198
+ order: string;
1199
+ padding: string;
1217
1200
  position: string;
1218
- "font-size": string;
1219
- "line-height": string;
1220
- cursor: string;
1221
- "font-family": string;
1201
+ "white-space": string;
1222
1202
  };
1223
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
1224
- cursor: string;
1203
+ ".secure-payment-form .ctp-panel .ctp-header": {
1204
+ width: string;
1225
1205
  };
1226
- ".secure-payment-form .ctp-panel .ctp-button:after": {
1227
- content: string;
1228
- position: string;
1206
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
1207
+ "font-family": string;
1208
+ "font-weight": string;
1209
+ "line-height": string;
1210
+ "font-size": string;
1211
+ };
1212
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1213
+ background: string;
1214
+ "background-size": string;
1229
1215
  width: string;
1230
1216
  height: string;
1231
- border: string;
1232
- "border-width": string;
1217
+ margin: string;
1233
1218
  display: string;
1234
- padding: string;
1235
- transform: string;
1236
- "-webkit-transform": string;
1219
+ "vertical-align": string;
1220
+ flex: string;
1221
+ order: string;
1222
+ "flex-grow": string;
1237
1223
  };
1238
- ".secure-payment-form .ctp-panel .right-arrow": {
1239
- position: string;
1224
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
1225
+ margin: string;
1226
+ "font-family": string;
1227
+ "font-weight": string;
1228
+ "font-size": string;
1229
+ "line-height": string;
1230
+ color: string;
1231
+ };
1232
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
1240
1233
  background: string;
1241
- right: string;
1242
- border: string;
1243
- "border-width": string;
1244
- display: string;
1245
1234
  padding: string;
1246
- transform: string;
1247
- "-webkit-transform": string;
1248
- "z-index": string;
1249
- top: string;
1250
- "margin-top": string;
1251
- };
1252
- ".secure-payment-form .apm-active .right-arrow": {
1235
+ width: string;
1236
+ height: string;
1253
1237
  display: string;
1238
+ "vertical-align": string;
1239
+ flex: string;
1240
+ order: string;
1241
+ "flex-grow": string;
1254
1242
  };
1255
1243
  ".secure-payment-form .ctp-info-tooltip": {
1256
1244
  width: string;
@@ -1260,7 +1248,18 @@ export declare const parentStyles: () => {
1260
1248
  overflow: string;
1261
1249
  background: string;
1262
1250
  margin: string;
1251
+ "white-space": string;
1263
1252
  };
1253
+ /**
1254
+ * Sets an event listener for an event type
1255
+ *
1256
+ * @param fieldTypeOrEventName The field type on which the listener should
1257
+ * be applied, or the type of event that should trigger the listener
1258
+ * @param eventNameOrListener The type of event that should trigger the
1259
+ * listener, or the listener function
1260
+ * @param listener The listener function when both field type and event type
1261
+ * are provided
1262
+ */
1264
1263
  ".secure-payment-form .ctp-info-tooltip-content": {
1265
1264
  visibility: string;
1266
1265
  width: string;
@@ -1276,16 +1275,21 @@ export declare const parentStyles: () => {
1276
1275
  "margin-top": string;
1277
1276
  opacity: string;
1278
1277
  transition: string;
1278
+ "font-family": string;
1279
1279
  "font-size": string;
1280
1280
  "font-weight": string;
1281
1281
  "box-shadow": string;
1282
1282
  };
1283
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
1284
+ "margin-left": string;
1285
+ };
1283
1286
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
1284
1287
  "max-width": string;
1285
1288
  margin: string;
1286
1289
  };
1287
1290
  ".secure-payment-form .ctp-info-tooltip-content ul": {
1288
1291
  padding: string;
1292
+ "margin-bottom": string;
1289
1293
  };
1290
1294
  ".secure-payment-form .ctp-info-tooltip-content li": {
1291
1295
  padding: string;
@@ -1331,127 +1335,236 @@ export declare const parentStyles: () => {
1331
1335
  visibility: string;
1332
1336
  opacity: string;
1333
1337
  };
1334
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1335
- background: string;
1336
- display: string;
1337
- "vertical-align": string;
1338
+ "@container (min-width: 408px)": {
1339
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
1340
+ "font-size": string;
1341
+ };
1342
+ ".secure-payment-form .ctp-panel .right-arrow": {
1343
+ "border-width": string;
1344
+ };
1345
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1346
+ width: string;
1347
+ height: string;
1348
+ "background-size": string;
1349
+ };
1350
+ };
1351
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
1352
+ cursor: string;
1353
+ };
1354
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
1355
+ cursor: string;
1356
+ };
1357
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
1358
+ content: string;
1359
+ position: string;
1338
1360
  width: string;
1339
1361
  height: string;
1340
- margin: string;
1362
+ border: string;
1363
+ "border-width": string;
1364
+ display: string;
1365
+ padding: string;
1366
+ transform: string;
1367
+ "-webkit-transform": string;
1341
1368
  };
1342
- ".secure-payment-form div[class^='ctp'] .card-brands": {
1369
+ ".secure-payment-form .ctp-panel .right-arrow": {
1370
+ position: string;
1343
1371
  background: string;
1372
+ right: string;
1373
+ border: string;
1374
+ "border-width": string;
1344
1375
  display: string;
1345
- "vertical-align": string;
1346
- "padding-right": string;
1347
- "min-height": string;
1348
- color: string;
1349
- "white-space": string;
1376
+ padding: string;
1377
+ transform: string;
1378
+ "-webkit-transform": string;
1379
+ "z-index": string;
1380
+ top: string;
1381
+ "margin-top": string;
1350
1382
  };
1351
- ".secure-payment-form #ctp-wrapper #header": {
1383
+ ".secure-payment-form .apm-active .right-arrow": {
1352
1384
  display: string;
1353
1385
  };
1354
- ".secure-payment-form #ctp-wrapper #footer": {
1386
+ ".secure-payment-form.apm-active .right-arrow": {
1355
1387
  display: string;
1356
1388
  };
1357
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
1358
- margin: string;
1389
+ "#ctp-wrapper #header": {
1390
+ display: string;
1391
+ };
1392
+ "#ctp-wrapper .logindiv .tooltip": {
1393
+ display: string;
1394
+ };
1395
+ "#ctp-wrapper .logindiv .lblemailInput": {
1396
+ display: string;
1397
+ };
1398
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
1359
1399
  "font-size": string;
1400
+ "font-family": string;
1360
1401
  "line-height": string;
1361
- "font-weight": string;
1362
1402
  };
1363
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
1364
- padding: string;
1403
+ "#ctp-wrapper #verifyVisa label": {
1404
+ display: string;
1405
+ "font-size": string;
1406
+ "font-family": string;
1407
+ margin: string;
1365
1408
  };
1366
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
1409
+ "#ctp-wrapper .blue-button label": {
1367
1410
  "font-size": string;
1368
1411
  "line-height": string;
1369
- "text-align": string;
1370
- float: string;
1412
+ "font-family": string;
1371
1413
  margin: string;
1372
1414
  };
1373
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
1415
+ "#ctp-wrapper .cardhdr label": {
1416
+ margin: string;
1417
+ display: string;
1374
1418
  "font-size": string;
1375
1419
  "line-height": string;
1376
- "text-align": string;
1377
- float: string;
1420
+ };
1421
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
1378
1422
  margin: string;
1379
1423
  };
1380
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
1424
+ "#ctp-wrapper button label": {
1425
+ margin: string;
1381
1426
  "font-size": string;
1382
- "line-height": string;
1383
- "text-align": string;
1384
- float: string;
1385
1427
  };
1386
- ".secure-payment-form #ctp-wrapper .quitbanner": {
1387
- "margin-left": string;
1388
- "margin-top": string;
1428
+ "#ctp-wrapper .quitbanner > svg": {
1429
+ display: string;
1389
1430
  };
1390
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
1431
+ "#ctp-wrapper #footer": {
1391
1432
  display: string;
1392
1433
  };
1393
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
1394
- margin: string;
1434
+ "#ctp-wrapper .signinlayout": {
1435
+ "max-width": string;
1436
+ "min-height": string;
1437
+ };
1438
+ ".secure-payment-form.apm-active .signinlayout": {
1439
+ "min-height": string;
1395
1440
  };
1396
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
1441
+ "#ctp-wrapper .rsdcode": {
1397
1442
  "font-size": string;
1398
- "line-height": string;
1399
1443
  "font-weight": string;
1400
1444
  margin: string;
1401
1445
  };
1402
- ".secure-payment-form #ctp-wrapper label": {
1446
+ "#ctp-wrapper .footerLabelDiv label": {
1403
1447
  "font-size": string;
1404
- "line-height": string;
1405
1448
  "font-weight": string;
1406
- margin: string;
1449
+ "margin-top": string;
1450
+ "margin-bottom": string;
1451
+ };
1452
+ "#ctp-wrapper .logindiv": {
1453
+ "min-height": string;
1407
1454
  };
1408
- ".secure-payment-form #ctp-wrapper label.change": {
1455
+ "#ctp-wrapper .VerificationLabel label": {
1456
+ display: string;
1457
+ margin: string;
1409
1458
  "font-size": string;
1410
- "line-height": string;
1411
- "font-weight": string;
1459
+ };
1460
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
1412
1461
  margin: string;
1413
1462
  };
1414
- ".secure-payment-form #ctp-wrapper .blue-button": {
1415
- height: string;
1463
+ "#ctp-wrapper .transctcardlabel": {
1464
+ margin: string;
1465
+ "font-size": string;
1466
+ };
1467
+ "#ctp-wrapper .TransitionLabel": {
1416
1468
  "font-size": string;
1417
1469
  "line-height": string;
1418
- padding: string;
1470
+ "text-align": string;
1471
+ float: string;
1472
+ margin: string;
1419
1473
  };
1420
- ".secure-payment-form #ctp-wrapper .blue-button label": {
1474
+ "apple-pay-button": {
1475
+ "--apple-pay-button-width": string;
1476
+ "--apple-pay-button-height": string;
1477
+ "--apple-pay-button-border-radius": string;
1478
+ "--apple-pay-button-padding": string;
1479
+ "--apple-pay-button-box-sizing": string;
1480
+ display: string;
1421
1481
  margin: string;
1422
1482
  };
1423
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
1424
- "font-size": string;
1425
- "line-height": string;
1426
- "margin-top": string;
1483
+ ".secure-payment-form": {
1484
+ "font-family": string;
1485
+ width: string;
1427
1486
  };
1428
- ".secure-payment-form #ctp-wrapper .rsdcode": {
1487
+ ".secure-payment-form label": {
1488
+ color: string;
1429
1489
  "font-size": string;
1430
- "line-height": string;
1431
1490
  "font-weight": string;
1491
+ "line-height": string;
1492
+ "text-transform": string;
1493
+ };
1494
+ ".secure-payment-form #ss-banner": {
1495
+ background: string;
1496
+ "background-size": string;
1497
+ height: string;
1432
1498
  "margin-bottom": string;
1433
1499
  };
1434
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
1435
- padding: string;
1500
+ ".secure-payment-form div": {
1501
+ display: string;
1436
1502
  };
1437
- ".secure-payment-form #ctp-wrapper .signinlayout": {
1503
+ ".secure-payment-form iframe": {
1438
1504
  "min-height": string;
1439
- "max-width": string;
1440
1505
  };
1441
- ".secure-payment-form #ctp-wrapper .logindiv": {
1442
- "min-height": string;
1443
- padding: string;
1506
+ ".secure-payment-form .form-row": {
1507
+ "margin-top": string;
1444
1508
  };
1445
- ".secure-payment-form #ctp-wrapper #cancel-link": {
1446
- "margin-bottom": string;
1509
+ ".secure-payment-form .form-wrapper": {
1510
+ display: string;
1511
+ margin: string;
1447
1512
  };
1448
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
1513
+ ".secure-payment-form input": {
1514
+ "-o-transition": string;
1515
+ "-webkit-box-shadow": string;
1516
+ "-webkit-transition": string;
1517
+ "background-color": string;
1518
+ border: string;
1519
+ "border-radius": string;
1520
+ "box-shadow": string;
1521
+ "box-sizing": string;
1449
1522
  display: string;
1523
+ "font-family": string;
1524
+ "font-size": string;
1525
+ "font-smoothing": string;
1526
+ height: string;
1527
+ margin: string;
1528
+ "max-width": string;
1529
+ outline: string;
1530
+ padding: string;
1531
+ transition: string;
1532
+ "vertical-align": string;
1533
+ width: string;
1450
1534
  };
1451
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
1535
+ ".secure-payment-form input:focus": {
1536
+ border: string;
1537
+ "box-shadow": string;
1538
+ outline: string;
1539
+ };
1540
+ ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
1452
1541
  display: string;
1453
1542
  };
1454
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
1543
+ ".secure-payment-form .other-cards-label": {
1544
+ "border-bottom": string;
1545
+ "text-align": string;
1546
+ margin: string;
1547
+ position: string;
1548
+ };
1549
+ ".secure-payment-form .other-cards-label span": {
1550
+ "text-align": string;
1551
+ padding: string;
1552
+ background: string;
1553
+ position: string;
1554
+ color: string;
1555
+ width: string;
1556
+ left: string;
1557
+ "-webkit-transform": string;
1558
+ "-moz-transform": string;
1559
+ "-ms-transform": string;
1560
+ "-o-transform": string;
1561
+ transform: string;
1562
+ margin: string;
1563
+ "font-family": string;
1564
+ "font-size": string;
1565
+ "white-space": string;
1566
+ };
1567
+ ".secure-payment-form .hidden": {
1455
1568
  display: string;
1456
1569
  };
1457
1570
  };