@sunrise-upc/sales-static-components 3.9.0-beta.1 → 3.9.0-beta.2

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