@sunrise-upc/sales-static-components 4.4.0-beta.6 → 4.4.0-beta.8

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 (27) hide show
  1. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
  2. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  3. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
  4. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
  5. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
  6. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  7. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  8. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  9. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  10. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
  11. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
  12. package/dist/cjs/index.js +1 -1
  13. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
  14. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  15. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
  16. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
  17. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
  18. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  19. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  20. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  21. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  22. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
  23. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
  24. package/dist/esm/index.js +1 -1
  25. package/dist/index.d.ts +39 -2
  26. package/dist/navigation.css +1268 -1268
  27. package/package.json +2 -2
@@ -1,134 +1,159 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2
2
  /* center a block element */
3
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
4
4
  /* setting styles in separate formats for cross browser support */
5
5
  /* specify the max width for an element and apply ellipses and truncate the overflow */
6
6
  /* vertically center alilgn any HTML element */
7
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
- }
8
+ .CartItems-module__container___9xcV- {
9
+ display: flex;
10
+ flex-direction: column;
11
+ flex: 1;
25
12
  }
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
- }
13
+
14
+ .CartItems-module__itemList___CK3U1 {
15
+ list-style: none;
16
+ margin: 0;
17
+ padding: 0;
31
18
  }
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
- }
19
+
20
+ .CartItems-module__item___A6nFF {
21
+ border-bottom: 1px solid #e6e3df;
22
+ background-color: #f7f6f5;
23
+ }
24
+ .CartItems-module__item___A6nFF:last-child {
25
+ border-bottom: none;
26
+ }
27
+
28
+ .CartItems-module__itemContent___DaQhK {
29
+ display: flex;
30
+ flex-direction: row;
31
+ align-items: center;
32
+ gap: 16px;
33
+ padding: 16px 24px;
66
34
  }
67
35
  @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;
36
+ .CartItems-module__itemContent___DaQhK {
37
+ padding: 16px;
116
38
  }
117
39
  }
118
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
- position: fixed;
120
- top: 0;
121
- left: 0;
122
- padding: 4px 8px;
40
+
41
+ .CartItems-module__itemIcon___pk1NU {
42
+ display: flex;
43
+ align-items: center;
44
+ justify-content: center;
45
+ flex-shrink: 0;
46
+ width: 40px;
47
+ height: 40px;
48
+ color: #86807c;
49
+ }
50
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
51
+ width: 40px;
52
+ height: 40px;
53
+ object-fit: contain;
54
+ border-radius: 4px;
55
+ }
56
+
57
+ .CartItems-module__itemBody___leOoI {
58
+ display: flex;
59
+ flex-direction: column;
60
+ gap: 4px;
61
+ flex: 1;
62
+ min-width: 0;
63
+ }
64
+
65
+ .CartItems-module__itemRow___owvC2 {
66
+ display: grid;
67
+ grid-template-columns: 1fr auto;
68
+ row-gap: 2px;
69
+ column-gap: 16px;
70
+ }
71
+
72
+ .CartItems-module__itemDetails___vQu14 {
73
+ display: contents;
74
+ }
75
+
76
+ .CartItems-module__categoryLabel___gSZid {
77
+ font-size: 12px;
78
+ line-height: 16px;
79
+ color: #86807c;
80
+ grid-column: 1/-1;
81
+ }
82
+
83
+ .CartItems-module__productName___yYFNw {
123
84
  font-size: 14px;
124
- z-index: 10000;
125
- color: #5f5955;
126
- background: #ffffff;
85
+ line-height: 20px;
86
+ font-weight: 700;
87
+ color: #3d3935;
88
+ grid-column: 1;
89
+ min-width: 0;
127
90
  }
128
- @media (max-width: 850px) {
129
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
- padding: 0 4px;
131
- font-size: 8px;
91
+
92
+ .CartItems-module__variantText___saarn {
93
+ font-size: 12px;
94
+ line-height: 16px;
95
+ color: #86807c;
96
+ grid-column: 1;
97
+ }
98
+
99
+ .CartItems-module__downPaymentLabel___9sOP7 {
100
+ font-size: 12px;
101
+ line-height: 16px;
102
+ color: #86807c;
103
+ }
104
+
105
+ .CartItems-module__downPaymentRow___9a5jS {
106
+ display: flex;
107
+ width: 100%;
108
+ justify-content: space-between;
109
+ align-items: center;
110
+ }
111
+
112
+ .CartItems-module__itemPricing___7gEuf {
113
+ display: contents;
114
+ }
115
+
116
+ .CartItems-module__monthlyPrice___G6sH6 {
117
+ font-size: 14px;
118
+ line-height: 20px;
119
+ font-weight: 700;
120
+ color: #3d3935;
121
+ grid-column: 2;
122
+ grid-row: 2;
123
+ justify-self: end;
124
+ white-space: nowrap;
125
+ }
126
+
127
+ .CartItems-module__originalPrice___LsGAC {
128
+ font-size: 12px;
129
+ line-height: 16px;
130
+ color: #86807c;
131
+ text-decoration: line-through;
132
+ grid-column: 2;
133
+ grid-row: 3;
134
+ justify-self: end;
135
+ white-space: nowrap;
136
+ }
137
+
138
+ .CartItems-module__downPaymentAmount___3K98L {
139
+ font-size: 12px;
140
+ line-height: 16px;
141
+ font-weight: 700;
142
+ color: #3d3935;
143
+ }
144
+
145
+ .CartItems-module__disclaimer___mOvek {
146
+ font-size: 12px;
147
+ line-height: 16px;
148
+ color: #86807c;
149
+ padding: 16px 24px;
150
+ margin: 0;
151
+ background-color: #f7f6f5;
152
+ border-top: 1px solid #e6e3df;
153
+ }
154
+ @media (max-width: 767px) {
155
+ .CartItems-module__disclaimer___mOvek {
156
+ padding: 16px;
132
157
  }
133
158
  }
134
159
 
@@ -535,1460 +560,1435 @@
535
560
  /* setting styles in separate formats for cross browser support */
536
561
  /* specify the max width for an element and apply ellipses and truncate the overflow */
537
562
  /* vertically center alilgn any HTML element */
538
- /* add basePath to assets */
539
- .NavigationMenuItem-module__nav-link___ZDsjB {
540
- font-size: 16px;
541
- line-height: 24px;
542
- margin-right: 6px;
543
- }
544
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
545
- padding: 10px 4px;
546
- display: flex;
547
- align-items: center;
548
- gap: 8px;
549
- }
550
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
551
- flex-shrink: 0;
552
- height: 24px;
553
- width: 24px;
554
- }
555
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
556
- filter: none;
557
- }
558
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
559
- color: #3d3935;
560
- background-color: #f7f6f5;
561
- border-radius: 8px;
562
- }
563
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
564
- padding-left: unset;
565
- padding-right: 4px;
566
- transform: rotate(-180deg);
567
- }
568
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
569
- color: #ffffff;
570
- }
571
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
572
- filter: brightness(0) invert(0.9);
573
- }
574
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
575
- color: #ffffff;
576
- background-color: #1f1f1f;
577
- }
578
-
579
- .active-item .NavigationMenuItem-module__submenu___cWv9X {
580
- -webkit-transform: translateY(0);
581
- -moz-transform: translateY(0);
582
- -o-transform: translateY(0);
583
- transform: translateY(0);
584
- transition-delay: 0.3s;
585
- visibility: visible;
586
- border-radius: 0px 0px 8px 8px;
587
- }
588
-
589
- .NavigationMenuItem-module__submenu___cWv9X {
590
- background-color: #ffffff;
591
- display: block;
592
- left: 60%;
593
- margin-left: -58%;
594
- margin-top: -16px;
595
- position: absolute;
596
- top: 85px;
597
- font-size: 16px;
598
- line-height: 20px;
599
- -webkit-transform: translateY(-100%);
600
- -moz-transform: translateY(-100%);
601
- -o-transform: translateY(-100%);
602
- transform: translateY(-100%);
603
- visibility: hidden;
604
- }
605
-
606
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
607
- background-color: #1f1f1f;
608
- }
609
-
610
- .NavigationMenuItem-module__out___rzlPg {
611
- position: relative;
612
- }
613
-
614
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
615
- /* center a block element */
616
- /* use this to any of the pseudo elements as these are the mandatory properties */
617
- /* setting styles in separate formats for cross browser support */
618
- /* specify the max width for an element and apply ellipses and truncate the overflow */
619
- /* vertically center alilgn any HTML element */
620
- /* add basePath to assets */
621
- .FalconHeader-module__outer___cpG-W {
622
- padding: 14px 0 18px;
623
- }
624
-
625
- .FalconHeader-module__container___r3bIZ {
626
- -webkit-transition: all 1s ease-out;
627
- transition: all 1s ease-out;
628
- background-color: #f7f6f5;
629
- font-size: 14px;
630
- line-height: 18px;
631
- font-weight: 700;
632
- max-height: 60px;
633
- min-height: 3px;
634
- opacity: 1;
635
- width: 100%;
636
- padding-top: 4px;
637
- }
638
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
639
- opacity: 1;
640
- background-color: #da291c;
641
- -webkit-transition: all 1s ease-out;
642
- transition: all 1s ease-out;
643
- }
644
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
645
- opacity: 0;
646
- }
647
- @media (max-width: 1023px) {
648
- .FalconHeader-module__container___r3bIZ {
649
- background-color: #da291c;
650
- min-height: 4px;
651
- }
652
- }
653
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
654
- margin-left: 20px;
655
- }
656
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
657
- margin-left: 100px;
658
- }
659
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
660
- float: left;
661
- color: #3d3935;
662
- font-weight: 400;
663
- font-size: 14px;
664
- line-height: 20px;
665
- display: block;
666
- height: 30px;
667
- text-decoration: none;
668
- }
669
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
670
- text-decoration: none;
671
- }
672
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
673
- float: right;
674
- }
675
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
676
- color: #1f1f1f;
677
- font-weight: 400;
678
- font-size: 14px;
679
- line-height: 20px;
680
- display: block;
681
- margin-bottom: 4px;
682
- text-decoration: none;
683
- }
684
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
685
- text-decoration: none;
686
- }
687
-
688
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
689
- background-color: #111111;
690
- }
691
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
692
- background-color: #da291c;
693
- }
694
- @media (max-width: 1023px) {
695
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
696
- background-color: #da291c;
697
- }
698
- }
699
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
700
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
701
- color: #ffffff;
702
- }
703
-
704
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
705
- /* center a block element */
706
- /* use this to any of the pseudo elements as these are the mandatory properties */
707
- /* setting styles in separate formats for cross browser support */
708
- /* specify the max width for an element and apply ellipses and truncate the overflow */
709
- /* vertically center alilgn any HTML element */
710
- /* add basePath to assets */
711
- .MobileNavigation-module__container___apq4z {
712
- background-color: #ffffff;
713
- }
714
- @media (max-width: 1023px) {
715
- .MobileNavigation-module__container___apq4z {
716
- background-color: #f8f8f8;
717
- }
718
- }
719
- .MobileNavigation-module__container___apq4z {
720
- left: 0;
721
- min-height: calc(100vh - 45px);
722
- height: calc(100vh - 45px);
723
- }
724
- @supports (height: 100dvh) {
725
- .MobileNavigation-module__container___apq4z {
726
- min-height: calc(100dvh - 45px);
727
- height: calc(100dvh - 45px);
728
- }
729
- }
730
- .MobileNavigation-module__container___apq4z {
731
- position: absolute;
732
- -webkit-transform: translateY(-100%);
733
- -moz-transform: translateY(-100%);
734
- -o-transform: translateY(-100%);
735
- transform: translateY(-100%);
736
- transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
737
- transition: transform 0.3s ease, visibility 0.3s ease;
738
- transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
739
- visibility: hidden;
740
- width: 100%;
741
- z-index: 10;
742
- }
743
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
744
- height: calc(100vh - 45px);
745
- }
746
- @supports (height: 100dvh) {
747
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
748
- height: calc(100dvh - 45px);
749
- }
750
- }
751
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
752
- overflow-y: auto;
753
- overscroll-behavior: contain;
754
- -webkit-overflow-scrolling: touch;
755
- touch-action: pan-y;
756
- padding-top: 16px;
757
- padding-bottom: 16px;
758
- }
759
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
760
- margin-top: 24px;
761
- }
762
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
763
- margin-top: 20px;
764
- }
765
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
766
- background-color: #ffffff;
563
+ /* add basePath to assets */
564
+ .NavigationMenuItem-module__nav-link___ZDsjB {
767
565
  font-size: 16px;
768
566
  line-height: 24px;
769
- display: flex;
770
- height: auto;
771
- padding: 10px;
772
- margin-bottom: 4px;
773
- color: #333333;
567
+ margin-right: 6px;
774
568
  }
775
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
776
- border: 1px solid #e8e8e8;
569
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
570
+ padding: 10px 4px;
571
+ display: flex;
572
+ align-items: center;
573
+ gap: 8px;
777
574
  }
778
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
779
- margin-left: 12px;
575
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
576
+ flex-shrink: 0;
577
+ height: 24px;
578
+ width: 24px;
780
579
  }
781
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
782
- border-bottom: 2px solid #f8f8f8;
783
- border-top: 2px solid #f8f8f8;
580
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
581
+ filter: none;
784
582
  }
785
-
786
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
787
- background-color: #111111;
583
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
584
+ color: #3d3935;
585
+ background-color: #f7f6f5;
586
+ border-radius: 8px;
788
587
  }
789
- @media (max-width: 1023px) {
790
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
791
- background-color: #111111;
792
- }
588
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
589
+ padding-left: unset;
590
+ padding-right: 4px;
591
+ transform: rotate(-180deg);
793
592
  }
794
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
795
- background-color: #1f1f1f;
593
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
796
594
  color: #ffffff;
797
- border: 1px solid #2c2c2c;
798
595
  }
799
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
800
- border-bottom: 2px solid #2c2c2c;
801
- border-top: 2px solid #2c2c2c;
596
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
597
+ filter: brightness(0) invert(0.9);
598
+ }
599
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
600
+ color: #ffffff;
601
+ background-color: #1f1f1f;
802
602
  }
803
603
 
804
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
604
+ .active-item .NavigationMenuItem-module__submenu___cWv9X {
805
605
  -webkit-transform: translateY(0);
806
606
  -moz-transform: translateY(0);
807
607
  -o-transform: translateY(0);
808
608
  transform: translateY(0);
609
+ transition-delay: 0.3s;
809
610
  visibility: visible;
611
+ border-radius: 0px 0px 8px 8px;
810
612
  }
811
613
 
812
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
614
+ .NavigationMenuItem-module__submenu___cWv9X {
615
+ background-color: #ffffff;
616
+ display: block;
617
+ left: 60%;
618
+ margin-left: -58%;
619
+ margin-top: -16px;
620
+ position: absolute;
621
+ top: 85px;
622
+ font-size: 16px;
623
+ line-height: 20px;
624
+ -webkit-transform: translateY(-100%);
625
+ -moz-transform: translateY(-100%);
626
+ -o-transform: translateY(-100%);
627
+ transform: translateY(-100%);
628
+ visibility: hidden;
629
+ }
630
+
631
+ .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
632
+ background-color: #1f1f1f;
633
+ }
634
+
635
+ .NavigationMenuItem-module__out___rzlPg {
636
+ position: relative;
637
+ }
638
+
639
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
813
640
  /* center a block element */
814
641
  /* use this to any of the pseudo elements as these are the mandatory properties */
815
642
  /* setting styles in separate formats for cross browser support */
816
643
  /* specify the max width for an element and apply ellipses and truncate the overflow */
817
644
  /* vertically center alilgn any HTML element */
818
645
  /* add basePath to assets */
819
- .LocaleSelector-module__button___0LEXR {
820
- position: relative;
646
+ .FalconHeader-module__outer___cpG-W {
647
+ padding: 14px 0 18px;
821
648
  }
822
- .LocaleSelector-module__button___0LEXR button {
823
- background-color: transparent;
824
- color: #3d3935;
825
- border: 0;
826
- border-radius: 4px;
827
- padding-bottom: 5px;
828
- cursor: pointer;
829
- height: 42px;
649
+
650
+ .FalconHeader-module__container___r3bIZ {
651
+ -webkit-transition: all 1s ease-out;
652
+ transition: all 1s ease-out;
653
+ background-color: #f7f6f5;
830
654
  font-size: 14px;
831
- line-height: 20px;
655
+ line-height: 18px;
656
+ font-weight: 700;
657
+ max-height: 60px;
658
+ min-height: 3px;
659
+ opacity: 1;
832
660
  width: 100%;
661
+ padding-top: 4px;
833
662
  }
834
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
835
- background-position: center center;
836
- background-repeat: no-repeat;
837
- height: 8px;
838
- margin-left: 10px;
839
- margin-top: 2px;
840
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
841
- width: 14px;
842
- }
843
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
844
- -webkit-transform: rotate(-180deg);
845
- -moz-transform: rotate(-180deg);
846
- -o-transform: rotate(-180deg);
847
- transform: rotate(-180deg);
848
- }
849
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
850
- padding: 24px 32px;
851
- background-color: #ffffff;
852
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
853
- }
854
- @media (max-width: 1023px) {
855
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
856
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
857
- }
858
- }
859
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
860
- box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
861
- border-radius: 0px 0px 8px 8px;
862
- margin-bottom: 4px;
863
- white-space: nowrap;
864
- position: absolute;
865
- z-index: 100;
866
- -webkit-transform: translateX(-50%);
867
- -moz-transform: translateX(-50%);
868
- -o-transform: translateX(-50%);
869
- transform: translateX(-50%);
870
- }
871
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
872
- margin-left: 0 !important;
873
- }
874
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
875
- font-weight: bold;
876
- }
877
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
878
- color: #da291c;
879
- }
880
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
881
- content: none !important;
882
- display: none !important;
883
- }
884
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
885
- display: none !important;
663
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
664
+ opacity: 1;
665
+ background-color: #da291c;
666
+ -webkit-transition: all 1s ease-out;
667
+ transition: all 1s ease-out;
886
668
  }
887
-
888
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
889
- color: #ffffff;
669
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
670
+ opacity: 0;
890
671
  }
891
672
  @media (max-width: 1023px) {
892
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
893
- background-color: #1f1f1f;
673
+ .FalconHeader-module__container___r3bIZ {
674
+ background-color: #da291c;
675
+ min-height: 4px;
894
676
  }
895
677
  }
896
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
897
- filter: brightness(0) invert(0.9);
898
- }
899
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
900
- background-color: #1f1f1f;
901
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
902
- }
903
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
904
- color: #ffffff;
678
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
679
+ margin-left: 20px;
905
680
  }
906
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
907
- color: #da291c;
681
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
682
+ margin-left: 100px;
908
683
  }
909
-
910
- .LocaleSelector-module__list-item___JVlRE a {
911
- font-size: 16px !important;
912
- line-height: 24px !important;
913
- display: flex;
914
- padding: 0 !important;
684
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
685
+ float: left;
686
+ color: #3d3935;
687
+ font-weight: 400;
688
+ font-size: 14px;
689
+ line-height: 20px;
690
+ display: block;
691
+ height: 30px;
692
+ text-decoration: none;
915
693
  }
916
- .LocaleSelector-module__list-item___JVlRE a span {
917
- margin: 10px 0 !important;
694
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
695
+ text-decoration: none;
918
696
  }
919
- .LocaleSelector-module__list-item___JVlRE a::before {
920
- content: none;
921
- display: none !important;
697
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
698
+ float: right;
922
699
  }
923
-
924
- @media (max-width: 1023px) {
925
- .LocaleSelector-module__button___0LEXR {
926
- color: #575452;
927
- position: relative;
928
- }
929
- .LocaleSelector-module__button___0LEXR button {
930
- background-color: #ffffff;
931
- border: 0;
932
- border-radius: 4px;
933
- cursor: pointer;
934
- font-size: 14px;
935
- line-height: 20px;
936
- padding-bottom: 0;
937
- margin-right: 6px;
938
- width: 100%;
939
- }
940
- .LocaleSelector-module__pop-up___HV8Ta {
941
- padding: 0px 12px !important;
942
- }
943
- .LocaleSelector-module__pop-up___HV8Ta img {
944
- padding-left: 12px;
945
- }
946
- .LocaleSelector-module__list-item___JVlRE a {
947
- font-size: 16px;
948
- line-height: 24px;
949
- font-weight: 400;
950
- display: flex;
951
- padding: 10px 12px;
952
- }
953
- .LocaleSelector-module__list-item___JVlRE a::before {
954
- content: none;
955
- display: none !important;
700
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
701
+ color: #1f1f1f;
702
+ font-weight: 400;
703
+ font-size: 14px;
704
+ line-height: 20px;
705
+ display: block;
706
+ margin-bottom: 4px;
707
+ text-decoration: none;
708
+ }
709
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
710
+ text-decoration: none;
711
+ }
712
+
713
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
714
+ background-color: #111111;
715
+ }
716
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
717
+ background-color: #da291c;
718
+ }
719
+ @media (max-width: 1023px) {
720
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
721
+ background-color: #da291c;
956
722
  }
957
723
  }
724
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
725
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
726
+ color: #ffffff;
727
+ }
958
728
 
959
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
729
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
960
730
  /* center a block element */
961
731
  /* use this to any of the pseudo elements as these are the mandatory properties */
962
732
  /* setting styles in separate formats for cross browser support */
963
733
  /* specify the max width for an element and apply ellipses and truncate the overflow */
964
734
  /* vertically center alilgn any HTML element */
965
735
  /* add basePath to assets */
966
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
967
- 0%, 80%, 100% {
968
- transform: translateY(0);
969
- }
970
- 40% {
971
- transform: translateY(-10px);
972
- }
736
+ .MobileNavigation-module__container___apq4z {
737
+ background-color: #ffffff;
973
738
  }
974
- .CartDotLoader-module__loaderWrapper___PmIHe {
975
- display: flex;
976
- flex-direction: column;
977
- align-items: center;
978
- justify-content: center;
979
- gap: 20px;
980
- height: 100%;
981
- min-height: 200px;
982
- padding: 40px 24px;
739
+ @media (max-width: 1023px) {
740
+ .MobileNavigation-module__container___apq4z {
741
+ background-color: #f8f8f8;
742
+ }
983
743
  }
984
-
985
- .CartDotLoader-module__dots___OiUF- {
986
- display: flex;
987
- align-items: center;
988
- gap: 8px;
744
+ .MobileNavigation-module__container___apq4z {
745
+ left: 0;
746
+ min-height: calc(100vh - 45px);
747
+ height: calc(100vh - 45px);
989
748
  }
990
-
991
- .CartDotLoader-module__dot___RsJtn {
992
- display: block;
993
- width: 12px;
994
- height: 12px;
995
- border-radius: 50%;
996
- background-color: #da291c;
997
- animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
749
+ @supports (height: 100dvh) {
750
+ .MobileNavigation-module__container___apq4z {
751
+ min-height: calc(100dvh - 45px);
752
+ height: calc(100dvh - 45px);
753
+ }
998
754
  }
999
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1000
- animation-delay: 0s;
755
+ .MobileNavigation-module__container___apq4z {
756
+ position: absolute;
757
+ -webkit-transform: translateY(-100%);
758
+ -moz-transform: translateY(-100%);
759
+ -o-transform: translateY(-100%);
760
+ transform: translateY(-100%);
761
+ transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
762
+ transition: transform 0.3s ease, visibility 0.3s ease;
763
+ transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
764
+ visibility: hidden;
765
+ width: 100%;
766
+ z-index: 10;
1001
767
  }
1002
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1003
- animation-delay: 0.2s;
768
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
769
+ height: calc(100vh - 45px);
1004
770
  }
1005
- .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1006
- animation-delay: 0.4s;
771
+ @supports (height: 100dvh) {
772
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
773
+ height: calc(100dvh - 45px);
774
+ }
1007
775
  }
1008
- .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1009
- animation-delay: 0.6s;
776
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
777
+ overflow-y: auto;
778
+ overscroll-behavior: contain;
779
+ -webkit-overflow-scrolling: touch;
780
+ touch-action: pan-y;
781
+ padding-top: 16px;
782
+ padding-bottom: 16px;
1010
783
  }
1011
-
1012
- .CartDotLoader-module__loaderText___7uOK9 {
1013
- font-size: 16px;
1014
- line-height: 24px;
1015
- font-weight: 700;
1016
- color: #3d3935;
1017
- margin: 0;
1018
- text-align: center;
784
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
785
+ margin-top: 24px;
1019
786
  }
1020
-
1021
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1022
- /* center a block element */
1023
- /* use this to any of the pseudo elements as these are the mandatory properties */
1024
- /* setting styles in separate formats for cross browser support */
1025
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1026
- /* vertically center alilgn any HTML element */
1027
- /* add basePath to assets */
1028
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1029
- font-weight: unset;
787
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
788
+ margin-top: 20px;
1030
789
  }
1031
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1032
- position: relative;
1033
- color: #333333;
1034
- display: -webkit-box;
790
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
791
+ background-color: #ffffff;
1035
792
  font-size: 16px;
1036
793
  line-height: 24px;
1037
794
  display: flex;
1038
795
  height: auto;
1039
- text-decoration: none;
1040
- padding: 10px 10px 10px 10px;
796
+ padding: 10px;
1041
797
  margin-bottom: 4px;
1042
- background-color: #ffffff;
798
+ color: #333333;
1043
799
  }
1044
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
800
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
1045
801
  border: 1px solid #e8e8e8;
1046
802
  }
1047
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1048
- position: absolute;
1049
- left: 10px;
1050
- }
1051
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1052
- position: absolute;
1053
- right: 10px;
1054
- }
1055
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1056
- transition: transform 0.2s ease;
803
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
804
+ margin-left: 12px;
1057
805
  }
1058
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1059
- display: block;
1060
- flex-shrink: 0;
1061
- height: 24px;
1062
- width: 24px;
1063
- margin-right: 8px;
806
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
807
+ border-bottom: 2px solid #f8f8f8;
808
+ border-top: 2px solid #f8f8f8;
1064
809
  }
1065
810
 
1066
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1067
- transform: rotate(-180deg);
811
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
812
+ background-color: #111111;
1068
813
  }
1069
-
1070
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
814
+ @media (max-width: 1023px) {
815
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
816
+ background-color: #111111;
817
+ }
818
+ }
819
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
1071
820
  background-color: #1f1f1f;
1072
821
  color: #ffffff;
1073
822
  border: 1px solid #2c2c2c;
1074
823
  }
1075
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1076
- filter: brightness(0) invert(0.9);
824
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
825
+ border-bottom: 2px solid #2c2c2c;
826
+ border-top: 2px solid #2c2c2c;
1077
827
  }
1078
828
 
1079
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
829
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
830
+ -webkit-transform: translateY(0);
831
+ -moz-transform: translateY(0);
832
+ -o-transform: translateY(0);
833
+ transform: translateY(0);
834
+ visibility: visible;
835
+ }
836
+
837
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1080
838
  /* center a block element */
1081
839
  /* use this to any of the pseudo elements as these are the mandatory properties */
1082
840
  /* setting styles in separate formats for cross browser support */
1083
841
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1084
842
  /* vertically center alilgn any HTML element */
1085
843
  /* add basePath to assets */
1086
- .EmptyCart-module__emptyState___HtCXJ {
1087
- display: flex;
1088
- flex-direction: column;
1089
- align-items: center;
1090
- justify-content: center;
1091
- flex: 1;
1092
- padding: 32px 24px 24px;
1093
- text-align: center;
844
+ .cart-overlay-panel.offcanvas {
845
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
846
+ z-index: 2147483002;
1094
847
  }
1095
848
 
1096
- .EmptyCart-module__emptyIcon___A7F8f {
1097
- margin-bottom: 8px;
849
+ .cart-overlay-panel .offcanvas-header {
850
+ padding: 20px 16px;
851
+ gap: 24px;
852
+ align-items: center;
853
+ background: #ffffff;
854
+ border-bottom: 1px solid #e6e3df;
1098
855
  }
1099
856
 
1100
- .EmptyCart-module__emptyText___aX6Nu {
1101
- font-size: 16px;
1102
- line-height: 24px;
857
+ .cart-overlay-panel .offcanvas-title {
858
+ display: flex;
859
+ flex-direction: column;
860
+ align-items: flex-start;
861
+ gap: 2px;
862
+ font-size: 24px;
863
+ line-height: 32px;
1103
864
  font-weight: 700;
1104
865
  color: #3d3935;
1105
- margin: 0 0 44px;
866
+ }
867
+ @media (max-width: 1023px) {
868
+ .cart-overlay-panel .offcanvas-title {
869
+ font-size: 20px;
870
+ line-height: 28px;
871
+ }
1106
872
  }
1107
873
 
1108
- .EmptyCart-module__emptySubText___P504H {
1109
- font-size: 14px;
1110
- line-height: 20px;
1111
- color: #787472;
1112
- margin: 0 0 8px;
874
+ .cart-overlay-panel .btn-close {
875
+ opacity: 0.7;
876
+ width: 20px;
877
+ height: 20px;
878
+ }
879
+ .cart-overlay-panel .btn-close:hover {
880
+ opacity: 1;
1113
881
  }
1114
882
 
1115
- .EmptyCart-module__categoryLinks___J9tic {
883
+ .cart-overlay-panel .offcanvas-body {
884
+ padding: 0;
885
+ overflow-y: auto;
1116
886
  display: flex;
1117
- gap: 12px;
1118
- width: 100%;
1119
- justify-content: center;
887
+ flex-direction: column;
888
+ background: #f7f6f5;
889
+ }
890
+
891
+ .cart-overlay-panel.offcanvas-bottom {
892
+ border-radius: 8px 8px 0 0 !important;
893
+ width: 100% !important;
894
+ overflow: hidden;
895
+ }
896
+
897
+ .CartOverlay-module__backdrop___lMc-O {
898
+ position: fixed;
899
+ inset: 0;
900
+ z-index: 1040;
901
+ background: rgba(42, 42, 42, 0.7);
902
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
903
+ }
904
+
905
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
906
+ from {
907
+ opacity: 0;
908
+ }
909
+ to {
910
+ opacity: 1;
911
+ }
912
+ }
913
+ .CartOverlay-module__footer___OwJpW {
914
+ padding: 16px 24px;
915
+ border-top: 1px solid #d2d2d2;
916
+ background-color: #ffffff;
1120
917
  }
1121
918
 
1122
- .EmptyCart-module__categoryLink___YxsmA {
919
+ .CartOverlay-module__dismissButton___57qsq {
1123
920
  display: flex;
1124
- flex-direction: column;
1125
921
  align-items: center;
1126
922
  justify-content: center;
1127
- gap: 6px;
1128
- flex: 1;
1129
- padding: 12px 8px;
1130
- background-color: #ffffff;
1131
- border: none;
1132
- border-radius: 8px;
1133
- text-decoration: none;
1134
- color: #3d3935;
1135
- font-size: 12px;
1136
- line-height: 16px;
1137
- font-weight: 500;
923
+ width: 100%;
924
+ padding: 14px 24px;
925
+ gap: 8px;
926
+ background: none;
927
+ border: 2px solid #da291c;
928
+ border-radius: 28px;
929
+ font-size: 16px;
930
+ line-height: 24px;
931
+ font-weight: 600;
932
+ color: #da291c;
1138
933
  text-align: center;
934
+ cursor: pointer;
1139
935
  transition: background-color 0.15s ease;
1140
936
  }
1141
- .EmptyCart-module__categoryLink___YxsmA:hover {
1142
- background-color: #f8f8f8;
1143
- text-decoration: none;
1144
- color: #3d3935;
937
+ .CartOverlay-module__dismissButton___57qsq:hover {
938
+ background-color: rgba(218, 41, 28, 0.05);
1145
939
  }
1146
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1147
- outline: 2px solid #e6003c;
940
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
941
+ outline: 2px solid #da291c;
1148
942
  outline-offset: 2px;
1149
943
  }
1150
944
 
1151
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1152
- display: flex;
1153
- align-items: center;
1154
- justify-content: center;
945
+ .CartOverlay-module__errorMessage___ylBiH {
946
+ margin: auto 24px;
947
+ padding: 16px;
948
+ font-size: 20px;
949
+ line-height: 28px;
950
+ color: #3d3935;
951
+ text-align: center;
1155
952
  }
1156
953
 
1157
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1158
- line-height: 1.3;
954
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
955
+ /* center a block element */
956
+ /* use this to any of the pseudo elements as these are the mandatory properties */
957
+ /* setting styles in separate formats for cross browser support */
958
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
959
+ /* vertically center alilgn any HTML element */
960
+ /* add basePath to assets */
961
+ @media (min-width: 768px) {
962
+ .MinimizedHeader-module__outer___JOzJC {
963
+ background-color: #ffffff;
964
+ border-top: 4px solid #da291c;
965
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
966
+ height: 72px;
967
+ }
968
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
969
+ position: fixed;
970
+ top: 0;
971
+ left: 0;
972
+ padding: 4px 8px;
973
+ font-size: 14px;
974
+ z-index: 10000;
975
+ color: #5f5955;
976
+ background: #ffffff;
977
+ }
978
+ }
979
+ @media (min-width: 768px) and (max-width: 850px) {
980
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
981
+ padding: 0 4px;
982
+ font-size: 8px;
983
+ }
984
+ }
985
+ @media (min-width: 768px) {
986
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
987
+ width: 100%;
988
+ display: inline-block;
989
+ }
990
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
991
+ display: flex;
992
+ float: left;
993
+ align-items: center;
994
+ margin: 10px 0;
995
+ }
996
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
997
+ padding-left: 10px;
998
+ }
999
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
1000
+ float: right;
1001
+ display: flex;
1002
+ margin: 24px 0 24px 0;
1003
+ }
1004
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
1005
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
1006
+ background-repeat: no-repeat;
1007
+ background-size: contain;
1008
+ display: block;
1009
+ height: 24px;
1010
+ margin-right: 6px;
1011
+ width: 24px;
1012
+ }
1013
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
1014
+ color: #da291c;
1015
+ font-weight: 700;
1016
+ font-size: 18px;
1017
+ line-height: 24px;
1018
+ }
1019
+ }
1020
+ @media (max-width: 767px) {
1021
+ .MinimizedHeader-module__outer___JOzJC {
1022
+ background-color: #ffffff;
1023
+ border-top: 4px solid #da291c;
1024
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1025
+ height: 48px;
1026
+ }
1027
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
1028
+ width: 100%;
1029
+ display: inline-block;
1030
+ }
1031
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
1032
+ display: flex;
1033
+ float: left;
1034
+ }
1035
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
1036
+ margin-top: 12px;
1037
+ }
1038
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
1039
+ height: 24px;
1040
+ width: 24px;
1041
+ float: left;
1042
+ }
1043
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
1044
+ margin-top: 8px;
1045
+ padding-left: 6px;
1046
+ }
1047
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
1048
+ height: 20px;
1049
+ }
1050
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
1051
+ float: right;
1052
+ display: flex;
1053
+ margin: 12px 0 12px 0;
1054
+ }
1055
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
1056
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
1057
+ background-repeat: no-repeat;
1058
+ background-size: contain;
1059
+ display: block;
1060
+ height: 20px;
1061
+ margin-right: 6px;
1062
+ width: 20px;
1063
+ }
1064
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
1065
+ color: #da291c;
1066
+ font-weight: 700;
1067
+ font-size: 18px;
1068
+ line-height: 24px;
1069
+ }
1070
+ }
1071
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
1072
+ position: fixed;
1073
+ top: 0;
1074
+ left: 0;
1075
+ padding: 4px 8px;
1076
+ font-size: 14px;
1077
+ z-index: 10000;
1078
+ color: #5f5955;
1079
+ background: #ffffff;
1080
+ }
1081
+ @media (max-width: 850px) {
1082
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
1083
+ padding: 0 4px;
1084
+ font-size: 8px;
1085
+ }
1159
1086
  }
1160
1087
 
1161
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1088
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1162
1089
  /* center a block element */
1163
1090
  /* use this to any of the pseudo elements as these are the mandatory properties */
1164
1091
  /* setting styles in separate formats for cross browser support */
1165
1092
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1166
1093
  /* vertically center alilgn any HTML element */
1167
1094
  /* add basePath to assets */
1168
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1169
- margin-left: 0 !important;
1095
+ .LocaleSelector-module__button___0LEXR {
1096
+ position: relative;
1170
1097
  }
1171
-
1172
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1173
- padding: 14px 8px 18px 8px;
1098
+ .LocaleSelector-module__button___0LEXR button {
1099
+ background-color: transparent;
1100
+ color: #3d3935;
1101
+ border: 0;
1102
+ border-radius: 4px;
1103
+ padding-bottom: 5px;
1174
1104
  cursor: pointer;
1105
+ height: 42px;
1106
+ font-size: 14px;
1107
+ line-height: 20px;
1108
+ width: 100%;
1175
1109
  }
1176
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1177
- margin-left: 0px !important;
1178
- padding-left: 8px;
1110
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
1111
+ background-position: center center;
1112
+ background-repeat: no-repeat;
1113
+ height: 8px;
1114
+ margin-left: 10px;
1115
+ margin-top: 2px;
1116
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
1117
+ width: 14px;
1179
1118
  }
1180
-
1181
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1182
- color: #da291c;
1119
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
1120
+ -webkit-transform: rotate(-180deg);
1121
+ -moz-transform: rotate(-180deg);
1122
+ -o-transform: rotate(-180deg);
1123
+ transform: rotate(-180deg);
1124
+ }
1125
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1126
+ padding: 24px 32px;
1183
1127
  background-color: #ffffff;
1184
- padding: 14px 8px 18px 8px;
1185
- border-radius: 4px 4px 0 0;
1128
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
1129
+ }
1130
+ @media (max-width: 1023px) {
1131
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1132
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
1133
+ }
1134
+ }
1135
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1136
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
1137
+ border-radius: 0px 0px 8px 8px;
1138
+ margin-bottom: 4px;
1139
+ white-space: nowrap;
1140
+ position: absolute;
1141
+ z-index: 100;
1142
+ -webkit-transform: translateX(-50%);
1143
+ -moz-transform: translateX(-50%);
1144
+ -o-transform: translateX(-50%);
1145
+ transform: translateX(-50%);
1146
+ }
1147
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
1148
+ margin-left: 0 !important;
1149
+ }
1150
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
1151
+ font-weight: bold;
1186
1152
  }
1187
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1153
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1188
1154
  color: #da291c;
1189
- margin-left: 0px !important;
1190
- padding-left: unset;
1191
- padding-right: 8px;
1192
- transform: rotate(-180deg);
1193
1155
  }
1194
-
1195
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1196
- color: #da291c !important;
1156
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
1157
+ content: none !important;
1158
+ display: none !important;
1197
1159
  }
1198
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1199
- border-radius: 4px 4px 0 0;
1200
- background-color: #ffffff;
1201
- padding: 14px 8px 18px 8px;
1160
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
1161
+ display: none !important;
1202
1162
  }
1203
1163
 
1204
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1205
- color: unset !important;
1206
- }
1207
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1208
- background-color: unset;
1164
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1165
+ color: #ffffff;
1209
1166
  }
1210
-
1211
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1212
- background-color: transparent;
1167
+ @media (max-width: 1023px) {
1168
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1169
+ background-color: #1f1f1f;
1170
+ }
1213
1171
  }
1214
-
1215
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1216
- margin-left: 0px !important;
1217
- position: absolute;
1218
- min-width: 214px;
1219
- display: block;
1220
- padding: 36px 32px 36px 32px;
1221
- font-size: 18px;
1222
- line-height: 24px;
1223
- border: 0;
1224
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1225
- background-color: #ffffff;
1226
- border-radius: 0 0 8px 8px;
1227
- z-index: 1;
1172
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1173
+ filter: brightness(0) invert(0.9);
1228
1174
  }
1229
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1230
- margin-left: 0 !important;
1231
- padding-top: 18px;
1175
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
1176
+ background-color: #1f1f1f;
1177
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1232
1178
  }
1233
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1234
- padding-top: 28px;
1179
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
1180
+ color: #ffffff;
1235
1181
  }
1236
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1237
- border-bottom: 1px solid #e6e3df;
1238
- padding-bottom: 18px;
1182
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1183
+ color: #da291c;
1239
1184
  }
1240
1185
 
1241
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1242
- background-color: #111111;
1186
+ .LocaleSelector-module__list-item___JVlRE a {
1187
+ font-size: 16px !important;
1188
+ line-height: 24px !important;
1189
+ display: flex;
1190
+ padding: 0 !important;
1243
1191
  }
1244
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1245
- background-color: #1f1f1f;
1192
+ .LocaleSelector-module__list-item___JVlRE a span {
1193
+ margin: 10px 0 !important;
1194
+ }
1195
+ .LocaleSelector-module__list-item___JVlRE a::before {
1196
+ content: none;
1197
+ display: none !important;
1246
1198
  }
1247
1199
 
1248
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1200
+ @media (max-width: 1023px) {
1201
+ .LocaleSelector-module__button___0LEXR {
1202
+ color: #575452;
1203
+ position: relative;
1204
+ }
1205
+ .LocaleSelector-module__button___0LEXR button {
1206
+ background-color: #ffffff;
1207
+ border: 0;
1208
+ border-radius: 4px;
1209
+ cursor: pointer;
1210
+ font-size: 14px;
1211
+ line-height: 20px;
1212
+ padding-bottom: 0;
1213
+ margin-right: 6px;
1214
+ width: 100%;
1215
+ }
1216
+ .LocaleSelector-module__pop-up___HV8Ta {
1217
+ padding: 0px 12px !important;
1218
+ }
1219
+ .LocaleSelector-module__pop-up___HV8Ta img {
1220
+ padding-left: 12px;
1221
+ }
1222
+ .LocaleSelector-module__list-item___JVlRE a {
1223
+ font-size: 16px;
1224
+ line-height: 24px;
1225
+ font-weight: 400;
1226
+ display: flex;
1227
+ padding: 10px 12px;
1228
+ }
1229
+ .LocaleSelector-module__list-item___JVlRE a::before {
1230
+ content: none;
1231
+ display: none !important;
1232
+ }
1233
+ }
1234
+
1235
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1249
1236
  /* center a block element */
1250
1237
  /* use this to any of the pseudo elements as these are the mandatory properties */
1251
1238
  /* setting styles in separate formats for cross browser support */
1252
1239
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1253
1240
  /* vertically center alilgn any HTML element */
1254
1241
  /* add basePath to assets */
1255
- .SubNavigation-module__container___Wb5XN {
1256
- background-color: #ffffff;
1257
- color: #575452;
1258
- border-radius: 0px 0px 8px 8px;
1259
- margin: 0 auto;
1260
- max-width: 1308px;
1261
- min-height: 47px;
1262
- -webkit-align-items: center;
1263
- -moz-align-items: center;
1264
- -o-align-items: center;
1265
- align-items: center;
1242
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1243
+ transform: rotate(-180deg);
1266
1244
  }
1267
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1268
- font-size: 14px;
1269
- line-height: 20px;
1270
- font-weight: 700;
1245
+
1246
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1247
+ padding: 10px 8px;
1271
1248
  }
1272
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1273
- margin-left: 0 !important;
1274
- margin-top: 0 !important;
1275
- font-size: 18px;
1276
- line-height: 24px;
1277
- font-weight: 400;
1278
- display: block !important;
1249
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1250
+ background-repeat: no-repeat;
1251
+ background-size: contain;
1252
+ display: block;
1253
+ height: 24px;
1254
+ margin-right: 4px;
1255
+ width: 24px;
1279
1256
  }
1280
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1281
- padding-bottom: 28px;
1257
+ @media (max-width: 1023px) {
1258
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1259
+ background-repeat: no-repeat;
1260
+ background-size: contain;
1261
+ display: block;
1262
+ margin-left: auto;
1263
+ height: 24px;
1264
+ width: 24px;
1265
+ }
1282
1266
  }
1283
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1284
- font-size: 14px;
1285
- line-height: 20px;
1286
- color: #7A7A7B;
1267
+ @media (max-width: 1023px) {
1268
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1269
+ background-repeat: no-repeat;
1270
+ background-size: contain;
1271
+ display: block;
1272
+ margin-left: auto;
1273
+ height: 8px;
1274
+ width: 14px;
1275
+ }
1276
+ }
1277
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1278
+ color: #da291c;
1287
1279
  font-weight: 700;
1288
- padding-bottom: 28px;
1280
+ font-size: 16px;
1281
+ line-height: 24px;
1289
1282
  }
1290
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1291
- display: flex;
1292
- grid-column: 2;
1293
- grid-template-columns: repeat(auto-fit, 20%);
1294
- padding: 24px 32px;
1283
+ @media (max-width: 1023px) {
1284
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1285
+ background-color: #ffffff;
1286
+ padding: 10px;
1287
+ }
1295
1288
  }
1296
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1297
- border-left: 1px solid #e6e3df;
1298
- padding-left: 24px;
1299
- padding-right: 24px;
1300
- max-width: 248px;
1289
+
1290
+ .ProfileLinkOut-module__highlight___XDufd {
1291
+ border-radius: 8px;
1292
+ background-color: #f7f6f5;
1301
1293
  }
1302
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1303
- padding-left: 0;
1304
- border: none;
1294
+
1295
+ .ProfileLinkOut-module__non-section___G1jJY {
1296
+ padding-left: 16px;
1297
+ padding-right: 16px;
1298
+ height: fit-content;
1305
1299
  }
1306
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1307
- margin-left: 4px;
1308
- vertical-align: middle;
1309
- height: 24px;
1310
- width: 24px;
1300
+ @media (min-width: 1024px) and (max-width: 1439px) {
1301
+ .ProfileLinkOut-module__non-section___G1jJY {
1302
+ padding-left: 12px;
1303
+ padding-right: 12px;
1304
+ }
1311
1305
  }
1312
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1313
- margin-left: 0;
1314
- margin-right: 4px;
1306
+ .ProfileLinkOut-module__non-section___G1jJY {
1307
+ background-color: unset !important;
1315
1308
  }
1316
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1317
- white-space: nowrap;
1318
- display: inline-flex;
1319
- align-items: center;
1309
+ @media (max-width: 1023px) {
1310
+ .ProfileLinkOut-module__non-section___G1jJY {
1311
+ background-color: #ffffff !important;
1312
+ }
1320
1313
  }
1321
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1322
- display: flex;
1323
- align-items: flex-start;
1324
- gap: 4px;
1325
- white-space: normal;
1326
- max-width: 100%;
1314
+
1315
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1316
+ color: #ffffff;
1317
+ }
1318
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1319
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1320
+ filter: brightness(0) invert(0.9);
1321
+ }
1322
+ @media (max-width: 1023px) {
1323
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1324
+ background-color: #1f1f1f !important;
1325
+ }
1326
+ }
1327
+
1328
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1329
+ background-color: transparent;
1330
+ }
1331
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1332
+ color: #ffffff;
1333
+ }
1334
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1335
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1336
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1337
+ filter: brightness(0) invert(0.9);
1327
1338
  }
1328
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1329
- white-space: normal;
1330
- min-width: 0;
1339
+ @media (max-width: 1023px) {
1340
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1341
+ background-color: #1f1f1f;
1342
+ }
1331
1343
  }
1332
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1333
- white-space: normal;
1334
- align-items: flex-start;
1335
- gap: 4px;
1344
+
1345
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
1346
+ background-color: #111111;
1336
1347
  }
1337
1348
 
1338
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1349
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1339
1350
  background-color: #1f1f1f;
1340
- color: #ffffff;
1351
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1341
1352
  }
1342
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1353
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1343
1354
  color: #ffffff;
1355
+ border-bottom-color: #86807c;
1344
1356
  }
1345
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1346
- color: #ffffff;
1357
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1358
+ background-color: #1f1f1f;
1347
1359
  }
1348
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1360
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1361
+ color: #da291c;
1362
+ }
1363
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1349
1364
  color: #ffffff;
1365
+ background-color: #1f1f1f;
1350
1366
  }
1351
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1352
- border-left: 1px solid #86807c;
1367
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1368
+ filter: brightness(0) invert(0.9);
1353
1369
  }
1354
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1355
- border: none;
1370
+
1371
+ .ProfileLinkOut-module__arrow___Mc7yw {
1372
+ display: none;
1373
+ }
1374
+ @media (max-width: 1023px) {
1375
+ .ProfileLinkOut-module__arrow___Mc7yw {
1376
+ position: absolute;
1377
+ right: 10px;
1378
+ display: inline-block;
1379
+ }
1356
1380
  }
1357
1381
 
1358
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1382
+ @media (min-width: 1024px) {
1383
+ .ProfileLinkOut-module__log___JdxjK {
1384
+ display: none;
1385
+ }
1386
+ }
1387
+ @media (min-width: 1024px) {
1388
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1389
+ position: absolute;
1390
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1391
+ min-width: max-content;
1392
+ display: block;
1393
+ padding: 24px 32px;
1394
+ font-size: 16px;
1395
+ border: 0;
1396
+ color: #e6003c;
1397
+ font-weight: 700;
1398
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1399
+ background-color: #ffffff;
1400
+ border-radius: 4px;
1401
+ }
1402
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1403
+ padding-bottom: 16px;
1404
+ letter-spacing: 1px;
1405
+ text-transform: uppercase;
1406
+ color: #86807c;
1407
+ font-weight: 500;
1408
+ font-size: 14px;
1409
+ line-height: 20px;
1410
+ border-bottom: 1px solid #e6e3df;
1411
+ }
1412
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1413
+ padding: 28px 0;
1414
+ }
1415
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1416
+ text-decoration: underline;
1417
+ }
1418
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1419
+ font-size: 18px;
1420
+ line-height: 24px;
1421
+ color: #da291c;
1422
+ }
1423
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1424
+ color: #3d3935;
1425
+ font-weight: 400;
1426
+ font-size: 18px;
1427
+ line-height: 24px;
1428
+ }
1429
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1430
+ padding-left: 10px;
1431
+ }
1432
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1433
+ text-decoration: underline;
1434
+ }
1435
+ }
1436
+ @media (max-width: 1023px) {
1437
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1438
+ color: #86807c;
1439
+ font-weight: 500;
1440
+ font-size: 14px;
1441
+ line-height: 20px;
1442
+ padding-left: 16px;
1443
+ }
1444
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1445
+ padding: 20px 0 8px 10px;
1446
+ letter-spacing: 1px;
1447
+ text-transform: uppercase;
1448
+ }
1449
+ .ProfileLinkOut-module__mysunrise___F326W {
1450
+ color: #da291c;
1451
+ font-weight: 700;
1452
+ font-size: 18px;
1453
+ line-height: 24px;
1454
+ background-color: #ffffff;
1455
+ padding: 10px;
1456
+ margin-bottom: 4px;
1457
+ }
1458
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
1459
+ font-weight: unset;
1460
+ }
1461
+ .ProfileLinkOut-module__logout___GfbcJ {
1462
+ color: #3d3935;
1463
+ font-weight: 400;
1464
+ background-color: #ffffff;
1465
+ padding: 10px;
1466
+ font-size: 18px;
1467
+ line-height: 24px;
1468
+ position: relative;
1469
+ }
1470
+ .ProfileLinkOut-module__logout___GfbcJ img {
1471
+ position: absolute;
1472
+ padding-left: 10px;
1473
+ }
1474
+ }
1475
+
1476
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1359
1477
  /* center a block element */
1360
1478
  /* use this to any of the pseudo elements as these are the mandatory properties */
1361
1479
  /* setting styles in separate formats for cross browser support */
1362
1480
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1363
1481
  /* vertically center alilgn any HTML element */
1364
1482
  /* add basePath to assets */
1365
- .cart-overlay-panel.offcanvas {
1366
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1367
- z-index: 2147483002;
1368
- }
1369
-
1370
- .cart-overlay-panel .offcanvas-header {
1371
- padding: 20px 16px;
1372
- gap: 24px;
1483
+ .CartHeader-module__headerTitle___35F6g {
1484
+ display: flex;
1373
1485
  align-items: center;
1374
- background: #ffffff;
1375
- border-bottom: 1px solid #e6e3df;
1486
+ gap: 8px;
1376
1487
  }
1377
1488
 
1378
- .cart-overlay-panel .offcanvas-title {
1379
- display: flex;
1380
- flex-direction: column;
1381
- align-items: flex-start;
1382
- gap: 2px;
1489
+ .CartHeader-module__headerItemCount___g1Ynd {
1383
1490
  font-size: 24px;
1384
1491
  line-height: 32px;
1385
- font-weight: 700;
1492
+ font-weight: 400;
1386
1493
  color: #3d3935;
1387
1494
  }
1388
1495
  @media (max-width: 1023px) {
1389
- .cart-overlay-panel .offcanvas-title {
1496
+ .CartHeader-module__headerItemCount___g1Ynd {
1390
1497
  font-size: 20px;
1391
1498
  line-height: 28px;
1392
1499
  }
1393
1500
  }
1394
1501
 
1395
- .cart-overlay-panel .btn-close {
1396
- opacity: 0.7;
1397
- width: 20px;
1398
- height: 20px;
1399
- }
1400
- .cart-overlay-panel .btn-close:hover {
1401
- opacity: 1;
1402
- }
1403
-
1404
- .cart-overlay-panel .offcanvas-body {
1405
- padding: 0;
1406
- overflow-y: auto;
1407
- display: flex;
1408
- flex-direction: column;
1409
- background: #f7f6f5;
1410
- }
1411
-
1412
- .cart-overlay-panel.offcanvas-bottom {
1413
- border-radius: 8px 8px 0 0 !important;
1414
- width: 100% !important;
1415
- overflow: hidden;
1416
- }
1417
-
1418
- .CartOverlay-module__backdrop___lMc-O {
1419
- position: fixed;
1420
- inset: 0;
1421
- z-index: 1040;
1422
- background: rgba(42, 42, 42, 0.7);
1423
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1424
- }
1425
-
1426
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1427
- from {
1428
- opacity: 0;
1429
- }
1430
- to {
1431
- opacity: 1;
1432
- }
1433
- }
1434
- .CartOverlay-module__footer___OwJpW {
1435
- padding: 16px 24px;
1436
- border-top: 1px solid #d2d2d2;
1437
- background-color: #ffffff;
1438
- }
1439
-
1440
- .CartOverlay-module__dismissButton___57qsq {
1441
- display: flex;
1442
- align-items: center;
1443
- justify-content: center;
1444
- width: 100%;
1445
- padding: 14px 24px;
1446
- gap: 8px;
1502
+ .CartHeader-module__clearAllButton___B3bNF {
1503
+ display: inline;
1447
1504
  background: none;
1448
- border: 2px solid #da291c;
1449
- border-radius: 28px;
1450
- font-size: 16px;
1451
- line-height: 24px;
1452
- font-weight: 600;
1453
- color: #da291c;
1454
- text-align: center;
1505
+ border: none;
1506
+ padding: 0;
1455
1507
  cursor: pointer;
1456
- transition: background-color 0.15s ease;
1457
- }
1458
- .CartOverlay-module__dismissButton___57qsq:hover {
1459
- background-color: rgba(218, 41, 28, 0.05);
1508
+ font-size: 14px;
1509
+ line-height: 20px;
1510
+ font-weight: 400;
1511
+ color: #da291c;
1512
+ text-decoration: underline;
1513
+ text-underline-offset: 2px;
1460
1514
  }
1461
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1462
- outline: 2px solid #da291c;
1463
- outline-offset: 2px;
1515
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1516
+ color: #961c13;
1464
1517
  }
1465
-
1466
- .CartOverlay-module__errorMessage___ylBiH {
1467
- margin: auto 24px;
1468
- padding: 16px;
1469
- font-size: 20px;
1470
- line-height: 28px;
1471
- color: #3d3935;
1472
- text-align: center;
1518
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1519
+ outline: 2px solid #da291c;
1520
+ outline-offset: 2px;
1521
+ border-radius: 2px;
1473
1522
  }
1474
1523
 
1475
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1524
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1476
1525
  /* center a block element */
1477
1526
  /* use this to any of the pseudo elements as these are the mandatory properties */
1478
1527
  /* setting styles in separate formats for cross browser support */
1479
1528
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1480
1529
  /* vertically center alilgn any HTML element */
1481
1530
  /* add basePath to assets */
1482
- .CartItems-module__container___9xcV- {
1483
- display: flex;
1484
- flex-direction: column;
1485
- flex: 1;
1486
- }
1487
-
1488
- .CartItems-module__itemList___CK3U1 {
1489
- list-style: none;
1490
- margin: 0;
1491
- padding: 0;
1492
- }
1493
-
1494
- .CartItems-module__item___A6nFF {
1495
- border-bottom: 1px solid #e6e3df;
1496
- background-color: #f7f6f5;
1497
- }
1498
- .CartItems-module__item___A6nFF:last-child {
1499
- border-bottom: none;
1500
- }
1501
-
1502
- .CartItems-module__itemContent___DaQhK {
1503
- display: flex;
1504
- flex-direction: row;
1505
- align-items: center;
1506
- gap: 16px;
1507
- padding: 16px 24px;
1508
- }
1509
- @media (max-width: 767px) {
1510
- .CartItems-module__itemContent___DaQhK {
1511
- padding: 16px;
1531
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1532
+ 0%, 80%, 100% {
1533
+ transform: translateY(0);
1534
+ }
1535
+ 40% {
1536
+ transform: translateY(-10px);
1512
1537
  }
1513
1538
  }
1514
-
1515
- .CartItems-module__itemIcon___pk1NU {
1539
+ .CartDotLoader-module__loaderWrapper___PmIHe {
1516
1540
  display: flex;
1541
+ flex-direction: column;
1517
1542
  align-items: center;
1518
1543
  justify-content: center;
1519
- flex-shrink: 0;
1520
- width: 40px;
1521
- height: 40px;
1522
- color: #86807c;
1523
- }
1524
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1525
- width: 40px;
1526
- height: 40px;
1527
- object-fit: contain;
1528
- border-radius: 4px;
1544
+ gap: 20px;
1545
+ height: 100%;
1546
+ min-height: 200px;
1547
+ padding: 40px 24px;
1529
1548
  }
1530
1549
 
1531
- .CartItems-module__itemBody___leOoI {
1550
+ .CartDotLoader-module__dots___OiUF- {
1532
1551
  display: flex;
1533
- flex-direction: column;
1534
- gap: 4px;
1535
- flex: 1;
1536
- min-width: 0;
1537
- }
1538
-
1539
- .CartItems-module__itemRow___owvC2 {
1540
- display: grid;
1541
- grid-template-columns: 1fr auto;
1542
- row-gap: 2px;
1543
- column-gap: 16px;
1544
- }
1545
-
1546
- .CartItems-module__itemDetails___vQu14 {
1547
- display: contents;
1548
- }
1549
-
1550
- .CartItems-module__categoryLabel___gSZid {
1551
- font-size: 12px;
1552
- line-height: 16px;
1553
- color: #86807c;
1554
- grid-column: 1/-1;
1555
- }
1556
-
1557
- .CartItems-module__productName___yYFNw {
1558
- font-size: 14px;
1559
- line-height: 20px;
1560
- font-weight: 700;
1561
- color: #3d3935;
1562
- grid-column: 1;
1563
- min-width: 0;
1564
- }
1565
-
1566
- .CartItems-module__variantText___saarn {
1567
- font-size: 12px;
1568
- line-height: 16px;
1569
- color: #86807c;
1570
- grid-column: 1;
1552
+ align-items: center;
1553
+ gap: 8px;
1571
1554
  }
1572
1555
 
1573
- .CartItems-module__downPaymentLabel___9sOP7 {
1574
- font-size: 12px;
1575
- line-height: 16px;
1576
- color: #86807c;
1556
+ .CartDotLoader-module__dot___RsJtn {
1557
+ display: block;
1558
+ width: 12px;
1559
+ height: 12px;
1560
+ border-radius: 50%;
1561
+ background-color: #da291c;
1562
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1577
1563
  }
1578
-
1579
- .CartItems-module__downPaymentRow___9a5jS {
1580
- display: flex;
1581
- width: 100%;
1582
- justify-content: space-between;
1583
- align-items: center;
1564
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1565
+ animation-delay: 0s;
1584
1566
  }
1585
-
1586
- .CartItems-module__itemPricing___7gEuf {
1587
- display: contents;
1567
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1568
+ animation-delay: 0.2s;
1588
1569
  }
1589
-
1590
- .CartItems-module__monthlyPrice___G6sH6 {
1591
- font-size: 14px;
1592
- line-height: 20px;
1593
- font-weight: 700;
1594
- color: #3d3935;
1595
- grid-column: 2;
1596
- grid-row: 2;
1597
- justify-self: end;
1598
- white-space: nowrap;
1570
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1571
+ animation-delay: 0.4s;
1599
1572
  }
1600
-
1601
- .CartItems-module__originalPrice___LsGAC {
1602
- font-size: 12px;
1603
- line-height: 16px;
1604
- color: #86807c;
1605
- text-decoration: line-through;
1606
- grid-column: 2;
1607
- grid-row: 3;
1608
- justify-self: end;
1609
- white-space: nowrap;
1573
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1574
+ animation-delay: 0.6s;
1610
1575
  }
1611
1576
 
1612
- .CartItems-module__downPaymentAmount___3K98L {
1613
- font-size: 12px;
1614
- line-height: 16px;
1577
+ .CartDotLoader-module__loaderText___7uOK9 {
1578
+ font-size: 16px;
1579
+ line-height: 24px;
1615
1580
  font-weight: 700;
1616
1581
  color: #3d3935;
1617
- }
1618
-
1619
- .CartItems-module__disclaimer___mOvek {
1620
- font-size: 12px;
1621
- line-height: 16px;
1622
- color: #86807c;
1623
- padding: 16px 24px;
1624
1582
  margin: 0;
1625
- background-color: #f7f6f5;
1626
- border-top: 1px solid #e6e3df;
1627
- }
1628
- @media (max-width: 767px) {
1629
- .CartItems-module__disclaimer___mOvek {
1630
- padding: 16px;
1631
- }
1583
+ text-align: center;
1632
1584
  }
1633
1585
 
1634
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1586
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1635
1587
  /* center a block element */
1636
1588
  /* use this to any of the pseudo elements as these are the mandatory properties */
1637
1589
  /* setting styles in separate formats for cross browser support */
1638
1590
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1639
1591
  /* vertically center alilgn any HTML element */
1640
1592
  /* add basePath to assets */
1641
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1642
- transform: rotate(-180deg);
1643
- }
1644
-
1645
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1646
- padding: 10px 8px;
1647
- }
1648
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1649
- background-repeat: no-repeat;
1650
- background-size: contain;
1651
- display: block;
1652
- height: 24px;
1653
- margin-right: 4px;
1654
- width: 24px;
1655
- }
1656
- @media (max-width: 1023px) {
1657
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1658
- background-repeat: no-repeat;
1659
- background-size: contain;
1660
- display: block;
1661
- margin-left: auto;
1662
- height: 24px;
1663
- width: 24px;
1664
- }
1665
- }
1666
- @media (max-width: 1023px) {
1667
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1668
- background-repeat: no-repeat;
1669
- background-size: contain;
1670
- display: block;
1671
- margin-left: auto;
1672
- height: 8px;
1673
- width: 14px;
1674
- }
1593
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1594
+ font-weight: unset;
1675
1595
  }
1676
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1677
- color: #da291c;
1678
- font-weight: 700;
1596
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1597
+ position: relative;
1598
+ color: #333333;
1599
+ display: -webkit-box;
1679
1600
  font-size: 16px;
1680
1601
  line-height: 24px;
1602
+ display: flex;
1603
+ height: auto;
1604
+ text-decoration: none;
1605
+ padding: 10px 10px 10px 10px;
1606
+ margin-bottom: 4px;
1607
+ background-color: #ffffff;
1681
1608
  }
1682
- @media (max-width: 1023px) {
1683
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1684
- background-color: #ffffff;
1685
- padding: 10px;
1686
- }
1609
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1610
+ border: 1px solid #e8e8e8;
1687
1611
  }
1688
-
1689
- .ProfileLinkOut-module__highlight___XDufd {
1690
- border-radius: 8px;
1691
- background-color: #f7f6f5;
1612
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1613
+ position: absolute;
1614
+ left: 10px;
1692
1615
  }
1693
-
1694
- .ProfileLinkOut-module__non-section___G1jJY {
1695
- padding-left: 16px;
1696
- padding-right: 16px;
1697
- height: fit-content;
1616
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1617
+ position: absolute;
1618
+ right: 10px;
1698
1619
  }
1699
- @media (min-width: 1024px) and (max-width: 1439px) {
1700
- .ProfileLinkOut-module__non-section___G1jJY {
1701
- padding-left: 12px;
1702
- padding-right: 12px;
1703
- }
1620
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1621
+ transition: transform 0.2s ease;
1704
1622
  }
1705
- .ProfileLinkOut-module__non-section___G1jJY {
1706
- background-color: unset !important;
1623
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1624
+ display: block;
1625
+ flex-shrink: 0;
1626
+ height: 24px;
1627
+ width: 24px;
1628
+ margin-right: 8px;
1707
1629
  }
1708
- @media (max-width: 1023px) {
1709
- .ProfileLinkOut-module__non-section___G1jJY {
1710
- background-color: #ffffff !important;
1711
- }
1630
+
1631
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1632
+ transform: rotate(-180deg);
1712
1633
  }
1713
1634
 
1714
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1635
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1636
+ background-color: #1f1f1f;
1715
1637
  color: #ffffff;
1638
+ border: 1px solid #2c2c2c;
1716
1639
  }
1717
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1718
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1640
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1719
1641
  filter: brightness(0) invert(0.9);
1720
1642
  }
1721
- @media (max-width: 1023px) {
1722
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1723
- background-color: #1f1f1f !important;
1643
+
1644
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1645
+ /* center a block element */
1646
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1647
+ /* setting styles in separate formats for cross browser support */
1648
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1649
+ /* vertically center alilgn any HTML element */
1650
+ /* add basePath to assets */
1651
+ .CartFooter-module__cartFooter___pgZ1x {
1652
+ display: flex;
1653
+ flex-direction: column;
1654
+ background-color: #3d3935;
1655
+ border-radius: 8px 8px 0 0;
1656
+ padding: 16px 24px;
1657
+ gap: 16px;
1658
+ }
1659
+ @media (max-width: 767px) {
1660
+ .CartFooter-module__cartFooter___pgZ1x {
1661
+ padding: 16px;
1724
1662
  }
1725
1663
  }
1726
1664
 
1727
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1728
- background-color: transparent;
1665
+ .CartFooter-module__footerTotals___sG-0P {
1666
+ display: flex;
1667
+ justify-content: space-between;
1668
+ gap: 0;
1729
1669
  }
1730
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1731
- color: #ffffff;
1670
+
1671
+ .CartFooter-module__footerTotalsItem___zs1hY {
1672
+ display: flex;
1673
+ flex-direction: column;
1674
+ justify-content: space-between;
1675
+ gap: 2px;
1676
+ flex: 1;
1677
+ padding: 0 16px;
1732
1678
  }
1733
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1734
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1735
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1736
- filter: brightness(0) invert(0.9);
1679
+ .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1680
+ padding-left: 0;
1737
1681
  }
1738
- @media (max-width: 1023px) {
1739
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1740
- background-color: #1f1f1f;
1741
- }
1682
+ .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1683
+ padding-right: 0;
1742
1684
  }
1743
1685
 
1744
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
1745
- background-color: #111111;
1686
+ .CartFooter-module__footerTotalsItemDivider___--UXf {
1687
+ border-left: 1px solid #b3aeaa;
1746
1688
  }
1747
1689
 
1748
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1749
- background-color: #1f1f1f;
1750
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1690
+ .CartFooter-module__footerTotalsLabel___Z30Az {
1691
+ font-size: 12px;
1692
+ line-height: 16px;
1693
+ color: #b3aeaa;
1751
1694
  }
1752
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1695
+
1696
+ .CartFooter-module__footerTotalsValue___NfXPQ {
1697
+ font-size: 16px;
1698
+ line-height: 24px;
1699
+ font-weight: 700;
1753
1700
  color: #ffffff;
1754
- border-bottom-color: #86807c;
1755
1701
  }
1756
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1757
- background-color: #1f1f1f;
1702
+
1703
+ .CartFooter-module__footerButtons___6xWKX {
1704
+ display: flex;
1705
+ text-align: center;
1706
+ gap: 12px;
1758
1707
  }
1759
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1760
- color: #da291c;
1708
+ .CartFooter-module__footerButtons___6xWKX > div {
1709
+ flex: 1;
1761
1710
  }
1762
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1763
- color: #ffffff;
1764
- background-color: #1f1f1f;
1711
+ .CartFooter-module__footerButtons___6xWKX a {
1712
+ text-decoration: none;
1765
1713
  }
1766
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1767
- filter: brightness(0) invert(0.9);
1714
+
1715
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1716
+ /* center a block element */
1717
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1718
+ /* setting styles in separate formats for cross browser support */
1719
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1720
+ /* vertically center alilgn any HTML element */
1721
+ /* add basePath to assets */
1722
+ .EmptyCart-module__emptyState___HtCXJ {
1723
+ display: flex;
1724
+ flex-direction: column;
1725
+ align-items: center;
1726
+ justify-content: center;
1727
+ flex: 1;
1728
+ padding: 32px 24px 24px;
1729
+ text-align: center;
1768
1730
  }
1769
1731
 
1770
- .ProfileLinkOut-module__arrow___Mc7yw {
1771
- display: none;
1732
+ .EmptyCart-module__emptyIcon___A7F8f {
1733
+ margin-bottom: 8px;
1772
1734
  }
1773
- @media (max-width: 1023px) {
1774
- .ProfileLinkOut-module__arrow___Mc7yw {
1775
- position: absolute;
1776
- right: 10px;
1777
- display: inline-block;
1778
- }
1735
+
1736
+ .EmptyCart-module__emptyText___aX6Nu {
1737
+ font-size: 16px;
1738
+ line-height: 24px;
1739
+ font-weight: 700;
1740
+ color: #3d3935;
1741
+ margin: 0 0 44px;
1779
1742
  }
1780
1743
 
1781
- @media (min-width: 1024px) {
1782
- .ProfileLinkOut-module__log___JdxjK {
1783
- display: none;
1784
- }
1744
+ .EmptyCart-module__emptySubText___P504H {
1745
+ font-size: 14px;
1746
+ line-height: 20px;
1747
+ color: #787472;
1748
+ margin: 0 0 8px;
1785
1749
  }
1786
- @media (min-width: 1024px) {
1787
- .ProfileLinkOut-module__login-flyover___YDIVp {
1788
- position: absolute;
1789
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1790
- min-width: max-content;
1791
- display: block;
1792
- padding: 24px 32px;
1793
- font-size: 16px;
1794
- border: 0;
1795
- color: #e6003c;
1796
- font-weight: 700;
1797
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1798
- background-color: #ffffff;
1799
- border-radius: 4px;
1800
- }
1801
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1802
- padding-bottom: 16px;
1803
- letter-spacing: 1px;
1804
- text-transform: uppercase;
1805
- color: #86807c;
1806
- font-weight: 500;
1807
- font-size: 14px;
1808
- line-height: 20px;
1809
- border-bottom: 1px solid #e6e3df;
1810
- }
1811
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1812
- padding: 28px 0;
1813
- }
1814
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1815
- text-decoration: underline;
1816
- }
1817
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1818
- font-size: 18px;
1819
- line-height: 24px;
1820
- color: #da291c;
1821
- }
1822
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1823
- color: #3d3935;
1824
- font-weight: 400;
1825
- font-size: 18px;
1826
- line-height: 24px;
1827
- }
1828
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1829
- padding-left: 10px;
1830
- }
1831
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1832
- text-decoration: underline;
1833
- }
1750
+
1751
+ .EmptyCart-module__categoryLinks___J9tic {
1752
+ display: flex;
1753
+ gap: 12px;
1754
+ width: 100%;
1755
+ justify-content: center;
1834
1756
  }
1835
- @media (max-width: 1023px) {
1836
- .ProfileLinkOut-module__login-flyover___YDIVp {
1837
- color: #86807c;
1838
- font-weight: 500;
1839
- font-size: 14px;
1840
- line-height: 20px;
1841
- padding-left: 16px;
1842
- }
1843
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1844
- padding: 20px 0 8px 10px;
1845
- letter-spacing: 1px;
1846
- text-transform: uppercase;
1847
- }
1848
- .ProfileLinkOut-module__mysunrise___F326W {
1849
- color: #da291c;
1850
- font-weight: 700;
1851
- font-size: 18px;
1852
- line-height: 24px;
1853
- background-color: #ffffff;
1854
- padding: 10px;
1855
- margin-bottom: 4px;
1856
- }
1857
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1858
- font-weight: unset;
1859
- }
1860
- .ProfileLinkOut-module__logout___GfbcJ {
1861
- color: #3d3935;
1862
- font-weight: 400;
1863
- background-color: #ffffff;
1864
- padding: 10px;
1865
- font-size: 18px;
1866
- line-height: 24px;
1867
- position: relative;
1868
- }
1869
- .ProfileLinkOut-module__logout___GfbcJ img {
1870
- position: absolute;
1871
- padding-left: 10px;
1872
- }
1757
+
1758
+ .EmptyCart-module__categoryLink___YxsmA {
1759
+ display: flex;
1760
+ flex-direction: column;
1761
+ align-items: center;
1762
+ justify-content: center;
1763
+ gap: 6px;
1764
+ flex: 1;
1765
+ padding: 12px 8px;
1766
+ background-color: #ffffff;
1767
+ border: none;
1768
+ border-radius: 8px;
1769
+ text-decoration: none;
1770
+ color: #3d3935;
1771
+ font-size: 12px;
1772
+ line-height: 16px;
1773
+ font-weight: 500;
1774
+ text-align: center;
1775
+ transition: background-color 0.15s ease;
1776
+ }
1777
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1778
+ background-color: #f8f8f8;
1779
+ text-decoration: none;
1780
+ color: #3d3935;
1781
+ }
1782
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1783
+ outline: 2px solid #e6003c;
1784
+ outline-offset: 2px;
1873
1785
  }
1874
1786
 
1875
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1787
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1788
+ display: flex;
1789
+ align-items: center;
1790
+ justify-content: center;
1791
+ }
1792
+
1793
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1794
+ line-height: 1.3;
1795
+ }
1796
+
1797
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1876
1798
  /* center a block element */
1877
1799
  /* use this to any of the pseudo elements as these are the mandatory properties */
1878
1800
  /* setting styles in separate formats for cross browser support */
1879
1801
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1880
1802
  /* vertically center alilgn any HTML element */
1881
1803
  /* add basePath to assets */
1882
- .CartHeader-module__headerTitle___35F6g {
1883
- display: flex;
1884
- align-items: center;
1885
- gap: 8px;
1804
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1805
+ margin-left: 0 !important;
1886
1806
  }
1887
1807
 
1888
- .CartHeader-module__headerItemCount___g1Ynd {
1889
- font-size: 24px;
1890
- line-height: 32px;
1891
- font-weight: 400;
1892
- color: #3d3935;
1808
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1809
+ padding: 14px 8px 18px 8px;
1810
+ cursor: pointer;
1893
1811
  }
1894
- @media (max-width: 1023px) {
1895
- .CartHeader-module__headerItemCount___g1Ynd {
1896
- font-size: 20px;
1897
- line-height: 28px;
1898
- }
1812
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1813
+ margin-left: 0px !important;
1814
+ padding-left: 8px;
1899
1815
  }
1900
1816
 
1901
- .CartHeader-module__clearAllButton___B3bNF {
1902
- display: inline;
1903
- background: none;
1904
- border: none;
1905
- padding: 0;
1906
- cursor: pointer;
1907
- font-size: 14px;
1908
- line-height: 20px;
1909
- font-weight: 400;
1817
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1910
1818
  color: #da291c;
1911
- text-decoration: underline;
1912
- text-underline-offset: 2px;
1819
+ background-color: #ffffff;
1820
+ padding: 14px 8px 18px 8px;
1821
+ border-radius: 4px 4px 0 0;
1913
1822
  }
1914
- .CartHeader-module__clearAllButton___B3bNF:hover {
1915
- color: #961c13;
1823
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1824
+ color: #da291c;
1825
+ margin-left: 0px !important;
1826
+ padding-left: unset;
1827
+ padding-right: 8px;
1828
+ transform: rotate(-180deg);
1916
1829
  }
1917
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1918
- outline: 2px solid #da291c;
1919
- outline-offset: 2px;
1920
- border-radius: 2px;
1830
+
1831
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1832
+ color: #da291c !important;
1833
+ }
1834
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1835
+ border-radius: 4px 4px 0 0;
1836
+ background-color: #ffffff;
1837
+ padding: 14px 8px 18px 8px;
1921
1838
  }
1922
1839
 
1923
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1840
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1841
+ color: unset !important;
1842
+ }
1843
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1844
+ background-color: unset;
1845
+ }
1846
+
1847
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1848
+ background-color: transparent;
1849
+ }
1850
+
1851
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1852
+ margin-left: 0px !important;
1853
+ position: absolute;
1854
+ min-width: 214px;
1855
+ display: block;
1856
+ padding: 36px 32px 36px 32px;
1857
+ font-size: 18px;
1858
+ line-height: 24px;
1859
+ border: 0;
1860
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1861
+ background-color: #ffffff;
1862
+ border-radius: 0 0 8px 8px;
1863
+ z-index: 1;
1864
+ }
1865
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1866
+ margin-left: 0 !important;
1867
+ padding-top: 18px;
1868
+ }
1869
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1870
+ padding-top: 28px;
1871
+ }
1872
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1873
+ border-bottom: 1px solid #e6e3df;
1874
+ padding-bottom: 18px;
1875
+ }
1876
+
1877
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1878
+ background-color: #111111;
1879
+ }
1880
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1881
+ background-color: #1f1f1f;
1882
+ }
1883
+
1884
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1924
1885
  /* center a block element */
1925
1886
  /* use this to any of the pseudo elements as these are the mandatory properties */
1926
1887
  /* setting styles in separate formats for cross browser support */
1927
1888
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1928
1889
  /* vertically center alilgn any HTML element */
1929
1890
  /* add basePath to assets */
1930
- .CartFooter-module__cartFooter___pgZ1x {
1931
- display: flex;
1932
- flex-direction: column;
1933
- background-color: #3d3935;
1934
- border-radius: 8px 8px 0 0;
1935
- padding: 16px 24px;
1936
- gap: 16px;
1891
+ .SubNavigation-module__container___Wb5XN {
1892
+ background-color: #ffffff;
1893
+ color: #575452;
1894
+ border-radius: 0px 0px 8px 8px;
1895
+ margin: 0 auto;
1896
+ max-width: 1308px;
1897
+ min-height: 47px;
1898
+ -webkit-align-items: center;
1899
+ -moz-align-items: center;
1900
+ -o-align-items: center;
1901
+ align-items: center;
1937
1902
  }
1938
- @media (max-width: 767px) {
1939
- .CartFooter-module__cartFooter___pgZ1x {
1940
- padding: 16px;
1941
- }
1903
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1904
+ font-size: 14px;
1905
+ line-height: 20px;
1906
+ font-weight: 700;
1942
1907
  }
1943
-
1944
- .CartFooter-module__footerTotals___sG-0P {
1945
- display: flex;
1946
- justify-content: space-between;
1947
- gap: 0;
1908
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1909
+ margin-left: 0 !important;
1910
+ margin-top: 0 !important;
1911
+ font-size: 18px;
1912
+ line-height: 24px;
1913
+ font-weight: 400;
1914
+ display: block !important;
1948
1915
  }
1949
-
1950
- .CartFooter-module__footerTotalsItem___zs1hY {
1916
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1917
+ padding-bottom: 28px;
1918
+ }
1919
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1920
+ font-size: 14px;
1921
+ line-height: 20px;
1922
+ color: #7A7A7B;
1923
+ font-weight: 700;
1924
+ padding-bottom: 28px;
1925
+ }
1926
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1951
1927
  display: flex;
1952
- flex-direction: column;
1953
- justify-content: space-between;
1954
- gap: 2px;
1955
- flex: 1;
1956
- padding: 0 16px;
1928
+ grid-column: 2;
1929
+ grid-template-columns: repeat(auto-fit, 20%);
1930
+ padding: 24px 32px;
1957
1931
  }
1958
- .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1932
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1933
+ border-left: 1px solid #e6e3df;
1934
+ padding-left: 24px;
1935
+ padding-right: 24px;
1936
+ max-width: 248px;
1937
+ }
1938
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1959
1939
  padding-left: 0;
1940
+ border: none;
1960
1941
  }
1961
- .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1962
- padding-right: 0;
1942
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1943
+ margin-left: 4px;
1944
+ vertical-align: middle;
1945
+ height: 24px;
1946
+ width: 24px;
1963
1947
  }
1964
-
1965
- .CartFooter-module__footerTotalsItemDivider___--UXf {
1966
- border-left: 1px solid #b3aeaa;
1948
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1949
+ margin-left: 0;
1950
+ margin-right: 4px;
1967
1951
  }
1968
-
1969
- .CartFooter-module__footerTotalsLabel___Z30Az {
1970
- font-size: 12px;
1971
- line-height: 16px;
1972
- color: #b3aeaa;
1952
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1953
+ white-space: nowrap;
1954
+ display: inline-flex;
1955
+ align-items: center;
1956
+ }
1957
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1958
+ display: flex;
1959
+ align-items: flex-start;
1960
+ gap: 4px;
1961
+ white-space: normal;
1962
+ max-width: 100%;
1963
+ }
1964
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1965
+ white-space: normal;
1966
+ min-width: 0;
1967
+ }
1968
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1969
+ white-space: normal;
1970
+ align-items: flex-start;
1971
+ gap: 4px;
1973
1972
  }
1974
1973
 
1975
- .CartFooter-module__footerTotalsValue___NfXPQ {
1976
- font-size: 16px;
1977
- line-height: 24px;
1978
- font-weight: 700;
1974
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1975
+ background-color: #1f1f1f;
1979
1976
  color: #ffffff;
1980
1977
  }
1981
-
1982
- .CartFooter-module__footerButtons___6xWKX {
1983
- display: flex;
1984
- text-align: center;
1985
- gap: 12px;
1978
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1979
+ color: #ffffff;
1986
1980
  }
1987
- .CartFooter-module__footerButtons___6xWKX > div {
1988
- flex: 1;
1981
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1982
+ color: #ffffff;
1989
1983
  }
1990
- .CartFooter-module__footerButtons___6xWKX a {
1991
- text-decoration: none;
1984
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1985
+ color: #ffffff;
1986
+ }
1987
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1988
+ border-left: 1px solid #86807c;
1989
+ }
1990
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1991
+ border: none;
1992
1992
  }
1993
1993
 
1994
1994
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */