@sunrise-upc/sales-static-components 4.1.4 → 4.1.5

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 (26) hide show
  1. package/dist/cjs/components/BadgeContainer/BadgeContainer.css +5 -1
  2. package/dist/cjs/components/BadgeContainer/BadgeContainer.js +1 -1
  3. package/dist/cjs/components/BadgeContainer/BadgeContainer.js.map +1 -1
  4. package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.css +5 -1
  5. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.css +11 -0
  6. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +11 -0
  7. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.css +4 -4
  8. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css +4 -4
  9. package/dist/cjs/components/linecheck/AutoComplete.css +0 -1
  10. package/dist/cjs/components/linecheck/FiberUpgradeInfo.css +0 -1
  11. package/dist/cjs/components/linecheck/LineCheckV2.css +0 -1
  12. package/dist/cjs/components/linecheck/Success.css +0 -1
  13. package/dist/esm/components/BadgeContainer/BadgeContainer.css +5 -1
  14. package/dist/esm/components/BadgeContainer/BadgeContainer.js +1 -1
  15. package/dist/esm/components/BadgeContainer/BadgeContainer.js.map +1 -1
  16. package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.css +5 -1
  17. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css +11 -0
  18. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +11 -0
  19. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.css +4 -4
  20. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3Style.module.scss.css +4 -4
  21. package/dist/esm/components/linecheck/AutoComplete.css +0 -1
  22. package/dist/esm/components/linecheck/FiberUpgradeInfo.css +0 -1
  23. package/dist/esm/components/linecheck/LineCheckV2.css +0 -1
  24. package/dist/esm/components/linecheck/Success.css +0 -1
  25. package/dist/navigation.css +585 -574
  26. package/package.json +1 -1
@@ -1,137 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
- /* center a block element */
3
- /* use this to any of the pseudo elements as these are the mandatory properties */
4
- /* setting styles in separate formats for cross browser support */
5
- /* specify the max width for an element and apply ellipses and truncate the overflow */
6
- /* vertically center alilgn any HTML element */
7
- /* add basePath to assets */
8
- @media (min-width: 768px) {
9
- .MinimizedHeader-module__outer___JOzJC {
10
- background-color: #ffffff;
11
- border-top: 4px solid #da291c;
12
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
13
- height: 72px;
14
- }
15
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
16
- position: fixed;
17
- top: 0;
18
- left: 0;
19
- padding: 4px 8px;
20
- font-size: 14px;
21
- z-index: 10000;
22
- color: #5f5955;
23
- background: #ffffff;
24
- }
25
- }
26
- @media (min-width: 768px) and (max-width: 850px) {
27
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
28
- padding: 0 4px;
29
- font-size: 8px;
30
- }
31
- }
32
- @media (min-width: 768px) {
33
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
34
- width: 100%;
35
- display: inline-block;
36
- }
37
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
38
- display: flex;
39
- float: left;
40
- align-items: center;
41
- margin: 10px 0;
42
- }
43
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
44
- padding-left: 10px;
45
- }
46
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
47
- float: right;
48
- display: flex;
49
- margin: 24px 0 24px 0;
50
- }
51
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
52
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
53
- background-repeat: no-repeat;
54
- background-size: contain;
55
- display: block;
56
- height: 24px;
57
- margin-right: 6px;
58
- width: 24px;
59
- }
60
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
61
- color: #da291c;
62
- font-weight: 700;
63
- font-size: 18px;
64
- line-height: 24px;
65
- }
66
- }
67
- @media (max-width: 767px) {
68
- .MinimizedHeader-module__outer___JOzJC {
69
- background-color: #ffffff;
70
- border-top: 4px solid #da291c;
71
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
- height: 48px;
73
- }
74
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
75
- width: 100%;
76
- display: inline-block;
77
- }
78
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
79
- display: flex;
80
- float: left;
81
- }
82
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
83
- margin-top: 12px;
84
- }
85
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
86
- height: 24px;
87
- width: 24px;
88
- float: left;
89
- }
90
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
91
- margin-top: 8px;
92
- padding-left: 6px;
93
- }
94
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
95
- height: 20px;
96
- }
97
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
98
- float: right;
99
- display: flex;
100
- margin: 12px 0 12px 0;
101
- }
102
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
103
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
104
- background-repeat: no-repeat;
105
- background-size: contain;
106
- display: block;
107
- height: 20px;
108
- margin-right: 6px;
109
- width: 20px;
110
- }
111
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
112
- color: #da291c;
113
- font-weight: 700;
114
- font-size: 18px;
115
- line-height: 24px;
116
- }
117
- }
118
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
- position: fixed;
120
- top: 0;
121
- left: 0;
122
- padding: 4px 8px;
123
- font-size: 14px;
124
- z-index: 10000;
125
- color: #5f5955;
126
- background: #ffffff;
127
- }
128
- @media (max-width: 850px) {
129
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
- padding: 0 4px;
131
- font-size: 8px;
132
- }
133
- }
134
-
135
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
136
2
  /* center a block element */
137
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -529,85 +395,6 @@
529
395
  width: 24px;
530
396
  }
531
397
 
532
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
533
- /* center a block element */
534
- /* use this to any of the pseudo elements as these are the mandatory properties */
535
- /* setting styles in separate formats for cross browser support */
536
- /* specify the max width for an element and apply ellipses and truncate the overflow */
537
- /* vertically center alilgn any HTML element */
538
- /* add basePath to assets */
539
- .FalconHeader-module__outer___cpG-W {
540
- padding: 14px 0 18px;
541
- }
542
-
543
- .FalconHeader-module__container___r3bIZ {
544
- -webkit-transition: all 1s ease-out;
545
- transition: all 1s ease-out;
546
- background-color: #f7f6f5;
547
- font-size: 14px;
548
- line-height: 18px;
549
- font-weight: 700;
550
- max-height: 60px;
551
- min-height: 3px;
552
- opacity: 1;
553
- width: 100%;
554
- padding-top: 4px;
555
- }
556
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
557
- opacity: 1;
558
- background-color: #da291c;
559
- -webkit-transition: all 1s ease-out;
560
- transition: all 1s ease-out;
561
- }
562
- @media (max-width: 1023px) {
563
- .FalconHeader-module__container___r3bIZ {
564
- background-color: #da291c;
565
- min-height: 4px;
566
- }
567
- }
568
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
569
- margin-left: 20px;
570
- }
571
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
572
- margin-left: 100px;
573
- }
574
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
575
- float: left;
576
- color: #3d3935;
577
- font-weight: 400;
578
- font-size: 14px;
579
- line-height: 20px;
580
- display: block;
581
- height: 30px;
582
- text-decoration: none;
583
- }
584
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
585
- text-decoration: none;
586
- }
587
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
588
- float: right;
589
- }
590
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
591
- color: #1f1f1f;
592
- font-weight: 400;
593
- font-size: 14px;
594
- line-height: 20px;
595
- display: block;
596
- margin-bottom: 4px;
597
- text-decoration: none;
598
- }
599
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
600
- text-decoration: none;
601
- }
602
-
603
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
604
- background-color: #111111;
605
- }
606
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
607
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
608
- color: #ffffff;
609
- }
610
-
611
398
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
612
399
  /* center a block element */
613
400
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -690,34 +477,124 @@
690
477
  position: relative;
691
478
  }
692
479
 
693
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
480
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
694
481
  /* center a block element */
695
482
  /* use this to any of the pseudo elements as these are the mandatory properties */
696
483
  /* setting styles in separate formats for cross browser support */
697
484
  /* specify the max width for an element and apply ellipses and truncate the overflow */
698
485
  /* vertically center alilgn any HTML element */
699
486
  /* add basePath to assets */
700
- .MobileNavigation-module__container___apq4z {
701
- background-color: #ffffff;
487
+ .FalconHeader-module__outer___cpG-W {
488
+ padding: 14px 0 18px;
702
489
  }
703
- @media (max-width: 1023px) {
704
- .MobileNavigation-module__container___apq4z {
705
- background-color: #f8f8f8;
706
- }
490
+
491
+ .FalconHeader-module__container___r3bIZ {
492
+ -webkit-transition: all 1s ease-out;
493
+ transition: all 1s ease-out;
494
+ background-color: #f7f6f5;
495
+ font-size: 14px;
496
+ line-height: 18px;
497
+ font-weight: 700;
498
+ max-height: 60px;
499
+ min-height: 3px;
500
+ opacity: 1;
501
+ width: 100%;
502
+ padding-top: 4px;
707
503
  }
708
- .MobileNavigation-module__container___apq4z {
709
- left: 0;
710
- min-height: calc(100vh - 45px);
711
- height: calc(100vh - 45px);
504
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
505
+ opacity: 1;
506
+ background-color: #da291c;
507
+ -webkit-transition: all 1s ease-out;
508
+ transition: all 1s ease-out;
712
509
  }
713
- @supports (height: 100dvh) {
714
- .MobileNavigation-module__container___apq4z {
715
- min-height: calc(100dvh - 45px);
716
- height: calc(100dvh - 45px);
510
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
511
+ opacity: 0;
512
+ }
513
+ @media (max-width: 1023px) {
514
+ .FalconHeader-module__container___r3bIZ {
515
+ background-color: #da291c;
516
+ min-height: 4px;
717
517
  }
718
518
  }
719
- .MobileNavigation-module__container___apq4z {
720
- position: absolute;
519
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
520
+ margin-left: 20px;
521
+ }
522
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
523
+ margin-left: 100px;
524
+ }
525
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
526
+ float: left;
527
+ color: #3d3935;
528
+ font-weight: 400;
529
+ font-size: 14px;
530
+ line-height: 20px;
531
+ display: block;
532
+ height: 30px;
533
+ text-decoration: none;
534
+ }
535
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
536
+ text-decoration: none;
537
+ }
538
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
539
+ float: right;
540
+ }
541
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
542
+ color: #1f1f1f;
543
+ font-weight: 400;
544
+ font-size: 14px;
545
+ line-height: 20px;
546
+ display: block;
547
+ margin-bottom: 4px;
548
+ text-decoration: none;
549
+ }
550
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
551
+ text-decoration: none;
552
+ }
553
+
554
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
555
+ background-color: #111111;
556
+ }
557
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
558
+ background-color: #da291c;
559
+ }
560
+ @media (max-width: 1023px) {
561
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
562
+ background-color: #da291c;
563
+ }
564
+ }
565
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
566
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
567
+ color: #ffffff;
568
+ }
569
+
570
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
571
+ /* center a block element */
572
+ /* use this to any of the pseudo elements as these are the mandatory properties */
573
+ /* setting styles in separate formats for cross browser support */
574
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
575
+ /* vertically center alilgn any HTML element */
576
+ /* add basePath to assets */
577
+ .MobileNavigation-module__container___apq4z {
578
+ background-color: #ffffff;
579
+ }
580
+ @media (max-width: 1023px) {
581
+ .MobileNavigation-module__container___apq4z {
582
+ background-color: #f8f8f8;
583
+ }
584
+ }
585
+ .MobileNavigation-module__container___apq4z {
586
+ left: 0;
587
+ min-height: calc(100vh - 45px);
588
+ height: calc(100vh - 45px);
589
+ }
590
+ @supports (height: 100dvh) {
591
+ .MobileNavigation-module__container___apq4z {
592
+ min-height: calc(100dvh - 45px);
593
+ height: calc(100dvh - 45px);
594
+ }
595
+ }
596
+ .MobileNavigation-module__container___apq4z {
597
+ position: absolute;
721
598
  -webkit-transform: translateY(-100%);
722
599
  -moz-transform: translateY(-100%);
723
600
  -o-transform: translateY(-100%);
@@ -915,6 +792,140 @@
915
792
  text-align: center;
916
793
  }
917
794
 
795
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
796
+ /* center a block element */
797
+ /* use this to any of the pseudo elements as these are the mandatory properties */
798
+ /* setting styles in separate formats for cross browser support */
799
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
800
+ /* vertically center alilgn any HTML element */
801
+ /* add basePath to assets */
802
+ @media (min-width: 768px) {
803
+ .MinimizedHeader-module__outer___JOzJC {
804
+ background-color: #ffffff;
805
+ border-top: 4px solid #da291c;
806
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
807
+ height: 72px;
808
+ }
809
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
810
+ position: fixed;
811
+ top: 0;
812
+ left: 0;
813
+ padding: 4px 8px;
814
+ font-size: 14px;
815
+ z-index: 10000;
816
+ color: #5f5955;
817
+ background: #ffffff;
818
+ }
819
+ }
820
+ @media (min-width: 768px) and (max-width: 850px) {
821
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
822
+ padding: 0 4px;
823
+ font-size: 8px;
824
+ }
825
+ }
826
+ @media (min-width: 768px) {
827
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
828
+ width: 100%;
829
+ display: inline-block;
830
+ }
831
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
832
+ display: flex;
833
+ float: left;
834
+ align-items: center;
835
+ margin: 10px 0;
836
+ }
837
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
838
+ padding-left: 10px;
839
+ }
840
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
841
+ float: right;
842
+ display: flex;
843
+ margin: 24px 0 24px 0;
844
+ }
845
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
846
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
847
+ background-repeat: no-repeat;
848
+ background-size: contain;
849
+ display: block;
850
+ height: 24px;
851
+ margin-right: 6px;
852
+ width: 24px;
853
+ }
854
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
855
+ color: #da291c;
856
+ font-weight: 700;
857
+ font-size: 18px;
858
+ line-height: 24px;
859
+ }
860
+ }
861
+ @media (max-width: 767px) {
862
+ .MinimizedHeader-module__outer___JOzJC {
863
+ background-color: #ffffff;
864
+ border-top: 4px solid #da291c;
865
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
866
+ height: 48px;
867
+ }
868
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
869
+ width: 100%;
870
+ display: inline-block;
871
+ }
872
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
873
+ display: flex;
874
+ float: left;
875
+ }
876
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
877
+ margin-top: 12px;
878
+ }
879
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
880
+ height: 24px;
881
+ width: 24px;
882
+ float: left;
883
+ }
884
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
885
+ margin-top: 8px;
886
+ padding-left: 6px;
887
+ }
888
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
889
+ height: 20px;
890
+ }
891
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
892
+ float: right;
893
+ display: flex;
894
+ margin: 12px 0 12px 0;
895
+ }
896
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
897
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
898
+ background-repeat: no-repeat;
899
+ background-size: contain;
900
+ display: block;
901
+ height: 20px;
902
+ margin-right: 6px;
903
+ width: 20px;
904
+ }
905
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
906
+ color: #da291c;
907
+ font-weight: 700;
908
+ font-size: 18px;
909
+ line-height: 24px;
910
+ }
911
+ }
912
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
913
+ position: fixed;
914
+ top: 0;
915
+ left: 0;
916
+ padding: 4px 8px;
917
+ font-size: 14px;
918
+ z-index: 10000;
919
+ color: #5f5955;
920
+ background: #ffffff;
921
+ }
922
+ @media (max-width: 850px) {
923
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
924
+ padding: 0 4px;
925
+ font-size: 8px;
926
+ }
927
+ }
928
+
918
929
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
919
930
  /* center a block element */
920
931
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1365,83 +1376,35 @@
1365
1376
  text-align: center;
1366
1377
  }
1367
1378
 
1368
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1379
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1369
1380
  /* center a block element */
1370
1381
  /* use this to any of the pseudo elements as these are the mandatory properties */
1371
1382
  /* setting styles in separate formats for cross browser support */
1372
1383
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1373
1384
  /* vertically center alilgn any HTML element */
1374
1385
  /* add basePath to assets */
1375
- .CartHeader-module__headerTitle___35F6g {
1386
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1387
+ font-weight: unset;
1388
+ }
1389
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1390
+ position: relative;
1391
+ color: #333333;
1392
+ display: -webkit-box;
1393
+ font-size: 16px;
1394
+ line-height: 24px;
1376
1395
  display: flex;
1377
- align-items: center;
1378
- gap: 8px;
1396
+ height: auto;
1397
+ text-decoration: none;
1398
+ padding: 10px 10px 10px 10px;
1399
+ margin-bottom: 4px;
1400
+ background-color: #ffffff;
1379
1401
  }
1380
-
1381
- .CartHeader-module__headerItemCount___g1Ynd {
1382
- font-size: 24px;
1383
- line-height: 32px;
1384
- font-weight: 400;
1385
- color: #3d3935;
1402
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1403
+ border: 1px solid #e8e8e8;
1386
1404
  }
1387
- @media (max-width: 1023px) {
1388
- .CartHeader-module__headerItemCount___g1Ynd {
1389
- font-size: 20px;
1390
- line-height: 28px;
1391
- }
1392
- }
1393
-
1394
- .CartHeader-module__clearAllButton___B3bNF {
1395
- display: inline;
1396
- background: none;
1397
- border: none;
1398
- padding: 0;
1399
- cursor: pointer;
1400
- font-size: 14px;
1401
- line-height: 20px;
1402
- font-weight: 400;
1403
- color: #da291c;
1404
- text-decoration: underline;
1405
- text-underline-offset: 2px;
1406
- }
1407
- .CartHeader-module__clearAllButton___B3bNF:hover {
1408
- color: #961c13;
1409
- }
1410
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1411
- outline: 2px solid #da291c;
1412
- outline-offset: 2px;
1413
- border-radius: 2px;
1414
- }
1415
-
1416
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1417
- /* center a block element */
1418
- /* use this to any of the pseudo elements as these are the mandatory properties */
1419
- /* setting styles in separate formats for cross browser support */
1420
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1421
- /* vertically center alilgn any HTML element */
1422
- /* add basePath to assets */
1423
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1424
- font-weight: unset;
1425
- }
1426
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1427
- position: relative;
1428
- color: #333333;
1429
- display: -webkit-box;
1430
- font-size: 16px;
1431
- line-height: 24px;
1432
- display: flex;
1433
- height: auto;
1434
- text-decoration: none;
1435
- padding: 10px 10px 10px 10px;
1436
- margin-bottom: 4px;
1437
- background-color: #ffffff;
1438
- }
1439
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1440
- border: 1px solid #e8e8e8;
1441
- }
1442
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1443
- position: absolute;
1444
- left: 10px;
1405
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1406
+ position: absolute;
1407
+ left: 10px;
1445
1408
  }
1446
1409
  .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1447
1410
  position: absolute;
@@ -1542,88 +1505,6 @@
1542
1505
  text-decoration: none;
1543
1506
  }
1544
1507
 
1545
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1546
- /* center a block element */
1547
- /* use this to any of the pseudo elements as these are the mandatory properties */
1548
- /* setting styles in separate formats for cross browser support */
1549
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1550
- /* vertically center alilgn any HTML element */
1551
- /* add basePath to assets */
1552
- .EmptyCart-module__emptyState___HtCXJ {
1553
- display: flex;
1554
- flex-direction: column;
1555
- align-items: center;
1556
- justify-content: center;
1557
- flex: 1;
1558
- padding: 32px 24px 24px;
1559
- text-align: center;
1560
- }
1561
-
1562
- .EmptyCart-module__emptyIcon___A7F8f {
1563
- margin-bottom: 8px;
1564
- }
1565
-
1566
- .EmptyCart-module__emptyText___aX6Nu {
1567
- font-size: 16px;
1568
- line-height: 24px;
1569
- font-weight: 700;
1570
- color: #3d3935;
1571
- margin: 0 0 44px;
1572
- }
1573
-
1574
- .EmptyCart-module__emptySubText___P504H {
1575
- font-size: 14px;
1576
- line-height: 20px;
1577
- color: #787472;
1578
- margin: 0 0 8px;
1579
- }
1580
-
1581
- .EmptyCart-module__categoryLinks___J9tic {
1582
- display: flex;
1583
- gap: 12px;
1584
- width: 100%;
1585
- justify-content: center;
1586
- }
1587
-
1588
- .EmptyCart-module__categoryLink___YxsmA {
1589
- display: flex;
1590
- flex-direction: column;
1591
- align-items: center;
1592
- justify-content: center;
1593
- gap: 6px;
1594
- flex: 1;
1595
- padding: 12px 8px;
1596
- background-color: #ffffff;
1597
- border: none;
1598
- border-radius: 8px;
1599
- text-decoration: none;
1600
- color: #3d3935;
1601
- font-size: 12px;
1602
- line-height: 16px;
1603
- font-weight: 500;
1604
- text-align: center;
1605
- transition: background-color 0.15s ease;
1606
- }
1607
- .EmptyCart-module__categoryLink___YxsmA:hover {
1608
- background-color: #f8f8f8;
1609
- text-decoration: none;
1610
- color: #3d3935;
1611
- }
1612
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1613
- outline: 2px solid #e6003c;
1614
- outline-offset: 2px;
1615
- }
1616
-
1617
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1618
- display: flex;
1619
- align-items: center;
1620
- justify-content: center;
1621
- }
1622
-
1623
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1624
- line-height: 1.3;
1625
- }
1626
-
1627
1508
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1628
1509
  /* center a block element */
1629
1510
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1711,92 +1592,6 @@
1711
1592
  background-color: #1f1f1f;
1712
1593
  }
1713
1594
 
1714
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1715
- /* center a block element */
1716
- /* use this to any of the pseudo elements as these are the mandatory properties */
1717
- /* setting styles in separate formats for cross browser support */
1718
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1719
- /* vertically center alilgn any HTML element */
1720
- /* add basePath to assets */
1721
- .CartClearConfirm-module__overlay___sxCOO {
1722
- position: absolute;
1723
- inset: 0;
1724
- z-index: 10;
1725
- background: rgba(42, 42, 42, 0.8);
1726
- display: flex;
1727
- align-items: center;
1728
- justify-content: center;
1729
- padding: 24px;
1730
- }
1731
-
1732
- .CartClearConfirm-module__dialog___UWokE {
1733
- background: transparent;
1734
- border-radius: 16px;
1735
- padding: 24px;
1736
- width: 100%;
1737
- max-width: 320px;
1738
- display: flex;
1739
- flex-direction: column;
1740
- gap: 24px;
1741
- }
1742
-
1743
- .CartClearConfirm-module__message___vd9VO {
1744
- font-size: 18px;
1745
- line-height: 26px;
1746
- font-weight: 700;
1747
- color: #ffffff;
1748
- text-align: center;
1749
- }
1750
-
1751
- .CartClearConfirm-module__actions___X0-0w {
1752
- display: flex;
1753
- gap: 12px;
1754
- }
1755
- .CartClearConfirm-module__actions___X0-0w button {
1756
- padding: 10px 24px;
1757
- }
1758
-
1759
- .CartClearConfirm-module__cancelButton___LYopb {
1760
- flex: 1;
1761
- background: none;
1762
- border: 2px solid #ffffff;
1763
- border-radius: 28px;
1764
- font-size: 16px;
1765
- line-height: 24px;
1766
- font-weight: 600;
1767
- color: #ffffff;
1768
- cursor: pointer;
1769
- transition: background-color 0.15s ease;
1770
- }
1771
- .CartClearConfirm-module__cancelButton___LYopb:hover {
1772
- background-color: rgba(255, 255, 255, 0.1);
1773
- }
1774
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1775
- outline: 2px solid #ffffff;
1776
- outline-offset: 2px;
1777
- }
1778
-
1779
- .CartClearConfirm-module__confirmButton___KgPKy {
1780
- flex: 1;
1781
- background: #ffffff;
1782
- border: 2px solid #ffffff;
1783
- border-radius: 28px;
1784
- font-size: 16px;
1785
- line-height: 24px;
1786
- font-weight: 600;
1787
- color: #3d3935;
1788
- cursor: pointer;
1789
- transition: background-color 0.15s ease;
1790
- }
1791
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
1792
- background-color: #e6e3df;
1793
- border-color: #e6e3df;
1794
- }
1795
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1796
- outline: 2px solid #ffffff;
1797
- outline-offset: 2px;
1798
- }
1799
-
1800
1595
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1801
1596
  /* center a block element */
1802
1597
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1907,163 +1702,220 @@
1907
1702
  border: none;
1908
1703
  }
1909
1704
 
1910
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1705
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1911
1706
  /* center a block element */
1912
1707
  /* use this to any of the pseudo elements as these are the mandatory properties */
1913
1708
  /* setting styles in separate formats for cross browser support */
1914
1709
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1915
1710
  /* vertically center alilgn any HTML element */
1916
1711
  /* add basePath to assets */
1917
- .CartItems-module__container___9xcV- {
1712
+ .CartHeader-module__headerTitle___35F6g {
1918
1713
  display: flex;
1919
- flex-direction: column;
1920
- flex: 1;
1921
- }
1922
-
1923
- .CartItems-module__itemList___CK3U1 {
1924
- list-style: none;
1925
- margin: 0;
1926
- padding: 0;
1927
- }
1928
-
1929
- .CartItems-module__item___A6nFF {
1930
- border-bottom: 1px solid #e6e3df;
1931
- background-color: #f7f6f5;
1932
- }
1933
- .CartItems-module__item___A6nFF:last-child {
1934
- border-bottom: none;
1714
+ align-items: center;
1715
+ gap: 8px;
1935
1716
  }
1936
1717
 
1937
- .CartItems-module__itemContent___DaQhK {
1938
- display: flex;
1939
- flex-direction: row;
1940
- align-items: center;
1941
- gap: 16px;
1942
- padding: 16px 24px;
1718
+ .CartHeader-module__headerItemCount___g1Ynd {
1719
+ font-size: 24px;
1720
+ line-height: 32px;
1721
+ font-weight: 400;
1722
+ color: #3d3935;
1943
1723
  }
1944
- @media (max-width: 767px) {
1945
- .CartItems-module__itemContent___DaQhK {
1946
- padding: 16px;
1724
+ @media (max-width: 1023px) {
1725
+ .CartHeader-module__headerItemCount___g1Ynd {
1726
+ font-size: 20px;
1727
+ line-height: 28px;
1947
1728
  }
1948
1729
  }
1949
1730
 
1950
- .CartItems-module__itemIcon___pk1NU {
1951
- display: flex;
1952
- align-items: center;
1953
- justify-content: center;
1954
- flex-shrink: 0;
1955
- width: 40px;
1956
- height: 40px;
1957
- color: #86807c;
1731
+ .CartHeader-module__clearAllButton___B3bNF {
1732
+ display: inline;
1733
+ background: none;
1734
+ border: none;
1735
+ padding: 0;
1736
+ cursor: pointer;
1737
+ font-size: 14px;
1738
+ line-height: 20px;
1739
+ font-weight: 400;
1740
+ color: #da291c;
1741
+ text-decoration: underline;
1742
+ text-underline-offset: 2px;
1958
1743
  }
1959
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1960
- width: 40px;
1961
- height: 40px;
1962
- object-fit: contain;
1963
- border-radius: 4px;
1744
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1745
+ color: #961c13;
1746
+ }
1747
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1748
+ outline: 2px solid #da291c;
1749
+ outline-offset: 2px;
1750
+ border-radius: 2px;
1964
1751
  }
1965
1752
 
1966
- .CartItems-module__itemBody___leOoI {
1753
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1754
+ /* center a block element */
1755
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1756
+ /* setting styles in separate formats for cross browser support */
1757
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1758
+ /* vertically center alilgn any HTML element */
1759
+ /* add basePath to assets */
1760
+ .EmptyCart-module__emptyState___HtCXJ {
1967
1761
  display: flex;
1968
1762
  flex-direction: column;
1969
- gap: 4px;
1763
+ align-items: center;
1764
+ justify-content: center;
1970
1765
  flex: 1;
1971
- min-width: 0;
1972
- }
1973
-
1974
- .CartItems-module__itemRow___owvC2 {
1975
- display: grid;
1976
- grid-template-columns: 1fr auto;
1977
- row-gap: 2px;
1978
- column-gap: 16px;
1766
+ padding: 32px 24px 24px;
1767
+ text-align: center;
1979
1768
  }
1980
1769
 
1981
- .CartItems-module__itemDetails___vQu14 {
1982
- display: contents;
1770
+ .EmptyCart-module__emptyIcon___A7F8f {
1771
+ margin-bottom: 8px;
1983
1772
  }
1984
1773
 
1985
- .CartItems-module__categoryLabel___gSZid {
1986
- font-size: 12px;
1987
- line-height: 16px;
1988
- color: #86807c;
1989
- grid-column: 1/-1;
1774
+ .EmptyCart-module__emptyText___aX6Nu {
1775
+ font-size: 16px;
1776
+ line-height: 24px;
1777
+ font-weight: 700;
1778
+ color: #3d3935;
1779
+ margin: 0 0 44px;
1990
1780
  }
1991
1781
 
1992
- .CartItems-module__productName___yYFNw {
1782
+ .EmptyCart-module__emptySubText___P504H {
1993
1783
  font-size: 14px;
1994
1784
  line-height: 20px;
1995
- font-weight: 700;
1996
- color: #3d3935;
1997
- grid-column: 1;
1998
- min-width: 0;
1785
+ color: #787472;
1786
+ margin: 0 0 8px;
1999
1787
  }
2000
1788
 
2001
- .CartItems-module__variantText___saarn {
2002
- font-size: 12px;
2003
- line-height: 16px;
2004
- color: #86807c;
2005
- grid-column: 1;
1789
+ .EmptyCart-module__categoryLinks___J9tic {
1790
+ display: flex;
1791
+ gap: 12px;
1792
+ width: 100%;
1793
+ justify-content: center;
2006
1794
  }
2007
1795
 
2008
- .CartItems-module__downPaymentLabel___9sOP7 {
1796
+ .EmptyCart-module__categoryLink___YxsmA {
1797
+ display: flex;
1798
+ flex-direction: column;
1799
+ align-items: center;
1800
+ justify-content: center;
1801
+ gap: 6px;
1802
+ flex: 1;
1803
+ padding: 12px 8px;
1804
+ background-color: #ffffff;
1805
+ border: none;
1806
+ border-radius: 8px;
1807
+ text-decoration: none;
1808
+ color: #3d3935;
2009
1809
  font-size: 12px;
2010
1810
  line-height: 16px;
2011
- color: #86807c;
1811
+ font-weight: 500;
1812
+ text-align: center;
1813
+ transition: background-color 0.15s ease;
1814
+ }
1815
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1816
+ background-color: #f8f8f8;
1817
+ text-decoration: none;
1818
+ color: #3d3935;
1819
+ }
1820
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1821
+ outline: 2px solid #e6003c;
1822
+ outline-offset: 2px;
2012
1823
  }
2013
1824
 
2014
- .CartItems-module__downPaymentRow___9a5jS {
1825
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
2015
1826
  display: flex;
2016
- width: 100%;
2017
- justify-content: space-between;
2018
1827
  align-items: center;
1828
+ justify-content: center;
2019
1829
  }
2020
1830
 
2021
- .CartItems-module__itemPricing___7gEuf {
2022
- display: contents;
1831
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1832
+ line-height: 1.3;
2023
1833
  }
2024
1834
 
2025
- .CartItems-module__monthlyPrice___G6sH6 {
2026
- font-size: 14px;
2027
- line-height: 20px;
2028
- font-weight: 700;
2029
- color: #3d3935;
2030
- grid-column: 2;
2031
- grid-row: 2;
2032
- justify-self: end;
2033
- white-space: nowrap;
1835
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1836
+ /* center a block element */
1837
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1838
+ /* setting styles in separate formats for cross browser support */
1839
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1840
+ /* vertically center alilgn any HTML element */
1841
+ /* add basePath to assets */
1842
+ .CartClearConfirm-module__overlay___sxCOO {
1843
+ position: absolute;
1844
+ inset: 0;
1845
+ z-index: 10;
1846
+ background: rgba(42, 42, 42, 0.8);
1847
+ display: flex;
1848
+ align-items: center;
1849
+ justify-content: center;
1850
+ padding: 24px;
2034
1851
  }
2035
1852
 
2036
- .CartItems-module__originalPrice___LsGAC {
2037
- font-size: 12px;
2038
- line-height: 16px;
2039
- color: #86807c;
2040
- text-decoration: line-through;
2041
- grid-column: 2;
2042
- grid-row: 3;
2043
- justify-self: end;
2044
- white-space: nowrap;
1853
+ .CartClearConfirm-module__dialog___UWokE {
1854
+ background: transparent;
1855
+ border-radius: 16px;
1856
+ padding: 24px;
1857
+ width: 100%;
1858
+ max-width: 320px;
1859
+ display: flex;
1860
+ flex-direction: column;
1861
+ gap: 24px;
2045
1862
  }
2046
1863
 
2047
- .CartItems-module__downPaymentAmount___3K98L {
2048
- font-size: 12px;
2049
- line-height: 16px;
1864
+ .CartClearConfirm-module__message___vd9VO {
1865
+ font-size: 18px;
1866
+ line-height: 26px;
2050
1867
  font-weight: 700;
2051
- color: #3d3935;
1868
+ color: #ffffff;
1869
+ text-align: center;
2052
1870
  }
2053
1871
 
2054
- .CartItems-module__disclaimer___mOvek {
2055
- font-size: 12px;
2056
- line-height: 16px;
2057
- color: #86807c;
2058
- padding: 16px 24px;
2059
- margin: 0;
2060
- background-color: #f7f6f5;
2061
- border-top: 1px solid #e6e3df;
1872
+ .CartClearConfirm-module__actions___X0-0w {
1873
+ display: flex;
1874
+ gap: 12px;
2062
1875
  }
2063
- @media (max-width: 767px) {
2064
- .CartItems-module__disclaimer___mOvek {
2065
- padding: 16px;
2066
- }
1876
+ .CartClearConfirm-module__actions___X0-0w button {
1877
+ padding: 10px 24px;
1878
+ }
1879
+
1880
+ .CartClearConfirm-module__cancelButton___LYopb {
1881
+ flex: 1;
1882
+ background: none;
1883
+ border: 2px solid #ffffff;
1884
+ border-radius: 28px;
1885
+ font-size: 16px;
1886
+ line-height: 24px;
1887
+ font-weight: 600;
1888
+ color: #ffffff;
1889
+ cursor: pointer;
1890
+ transition: background-color 0.15s ease;
1891
+ }
1892
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1893
+ background-color: rgba(255, 255, 255, 0.1);
1894
+ }
1895
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1896
+ outline: 2px solid #ffffff;
1897
+ outline-offset: 2px;
1898
+ }
1899
+
1900
+ .CartClearConfirm-module__confirmButton___KgPKy {
1901
+ flex: 1;
1902
+ background: #ffffff;
1903
+ border: 2px solid #ffffff;
1904
+ border-radius: 28px;
1905
+ font-size: 16px;
1906
+ line-height: 24px;
1907
+ font-weight: 600;
1908
+ color: #3d3935;
1909
+ cursor: pointer;
1910
+ transition: background-color 0.15s ease;
1911
+ }
1912
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1913
+ background-color: #e6e3df;
1914
+ border-color: #e6e3df;
1915
+ }
1916
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1917
+ outline: 2px solid #ffffff;
1918
+ outline-offset: 2px;
2067
1919
  }
2068
1920
 
2069
1921
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
@@ -2159,3 +2011,162 @@
2159
2011
  .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2160
2012
  display: block;
2161
2013
  }
2014
+
2015
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2016
+ /* center a block element */
2017
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2018
+ /* setting styles in separate formats for cross browser support */
2019
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2020
+ /* vertically center alilgn any HTML element */
2021
+ /* add basePath to assets */
2022
+ .CartItems-module__container___9xcV- {
2023
+ display: flex;
2024
+ flex-direction: column;
2025
+ flex: 1;
2026
+ }
2027
+
2028
+ .CartItems-module__itemList___CK3U1 {
2029
+ list-style: none;
2030
+ margin: 0;
2031
+ padding: 0;
2032
+ }
2033
+
2034
+ .CartItems-module__item___A6nFF {
2035
+ border-bottom: 1px solid #e6e3df;
2036
+ background-color: #f7f6f5;
2037
+ }
2038
+ .CartItems-module__item___A6nFF:last-child {
2039
+ border-bottom: none;
2040
+ }
2041
+
2042
+ .CartItems-module__itemContent___DaQhK {
2043
+ display: flex;
2044
+ flex-direction: row;
2045
+ align-items: center;
2046
+ gap: 16px;
2047
+ padding: 16px 24px;
2048
+ }
2049
+ @media (max-width: 767px) {
2050
+ .CartItems-module__itemContent___DaQhK {
2051
+ padding: 16px;
2052
+ }
2053
+ }
2054
+
2055
+ .CartItems-module__itemIcon___pk1NU {
2056
+ display: flex;
2057
+ align-items: center;
2058
+ justify-content: center;
2059
+ flex-shrink: 0;
2060
+ width: 40px;
2061
+ height: 40px;
2062
+ color: #86807c;
2063
+ }
2064
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2065
+ width: 40px;
2066
+ height: 40px;
2067
+ object-fit: contain;
2068
+ border-radius: 4px;
2069
+ }
2070
+
2071
+ .CartItems-module__itemBody___leOoI {
2072
+ display: flex;
2073
+ flex-direction: column;
2074
+ gap: 4px;
2075
+ flex: 1;
2076
+ min-width: 0;
2077
+ }
2078
+
2079
+ .CartItems-module__itemRow___owvC2 {
2080
+ display: grid;
2081
+ grid-template-columns: 1fr auto;
2082
+ row-gap: 2px;
2083
+ column-gap: 16px;
2084
+ }
2085
+
2086
+ .CartItems-module__itemDetails___vQu14 {
2087
+ display: contents;
2088
+ }
2089
+
2090
+ .CartItems-module__categoryLabel___gSZid {
2091
+ font-size: 12px;
2092
+ line-height: 16px;
2093
+ color: #86807c;
2094
+ grid-column: 1/-1;
2095
+ }
2096
+
2097
+ .CartItems-module__productName___yYFNw {
2098
+ font-size: 14px;
2099
+ line-height: 20px;
2100
+ font-weight: 700;
2101
+ color: #3d3935;
2102
+ grid-column: 1;
2103
+ min-width: 0;
2104
+ }
2105
+
2106
+ .CartItems-module__variantText___saarn {
2107
+ font-size: 12px;
2108
+ line-height: 16px;
2109
+ color: #86807c;
2110
+ grid-column: 1;
2111
+ }
2112
+
2113
+ .CartItems-module__downPaymentLabel___9sOP7 {
2114
+ font-size: 12px;
2115
+ line-height: 16px;
2116
+ color: #86807c;
2117
+ }
2118
+
2119
+ .CartItems-module__downPaymentRow___9a5jS {
2120
+ display: flex;
2121
+ width: 100%;
2122
+ justify-content: space-between;
2123
+ align-items: center;
2124
+ }
2125
+
2126
+ .CartItems-module__itemPricing___7gEuf {
2127
+ display: contents;
2128
+ }
2129
+
2130
+ .CartItems-module__monthlyPrice___G6sH6 {
2131
+ font-size: 14px;
2132
+ line-height: 20px;
2133
+ font-weight: 700;
2134
+ color: #3d3935;
2135
+ grid-column: 2;
2136
+ grid-row: 2;
2137
+ justify-self: end;
2138
+ white-space: nowrap;
2139
+ }
2140
+
2141
+ .CartItems-module__originalPrice___LsGAC {
2142
+ font-size: 12px;
2143
+ line-height: 16px;
2144
+ color: #86807c;
2145
+ text-decoration: line-through;
2146
+ grid-column: 2;
2147
+ grid-row: 3;
2148
+ justify-self: end;
2149
+ white-space: nowrap;
2150
+ }
2151
+
2152
+ .CartItems-module__downPaymentAmount___3K98L {
2153
+ font-size: 12px;
2154
+ line-height: 16px;
2155
+ font-weight: 700;
2156
+ color: #3d3935;
2157
+ }
2158
+
2159
+ .CartItems-module__disclaimer___mOvek {
2160
+ font-size: 12px;
2161
+ line-height: 16px;
2162
+ color: #86807c;
2163
+ padding: 16px 24px;
2164
+ margin: 0;
2165
+ background-color: #f7f6f5;
2166
+ border-top: 1px solid #e6e3df;
2167
+ }
2168
+ @media (max-width: 767px) {
2169
+ .CartItems-module__disclaimer___mOvek {
2170
+ padding: 16px;
2171
+ }
2172
+ }