@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.
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js +1 -1
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/useLocaleService.js.map +1 -1
- package/dist/navigation.css +1117 -1117
- package/package.json +1 -1
package/dist/navigation.css
CHANGED
|
@@ -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/
|
|
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
|
-
|
|
675
|
-
|
|
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
|
-
.
|
|
679
|
-
|
|
680
|
-
padding: 20px 16px;
|
|
681
|
-
gap: 24px;
|
|
827
|
+
.CartDotLoader-module__dots___OiUF- {
|
|
828
|
+
display: flex;
|
|
682
829
|
align-items: center;
|
|
683
|
-
|
|
684
|
-
border-bottom: 1px solid #e6e3df;
|
|
830
|
+
gap: 8px;
|
|
685
831
|
}
|
|
686
832
|
|
|
687
|
-
.
|
|
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
|
-
|
|
690
|
-
|
|
691
|
-
|
|
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:
|
|
879
|
+
font-weight: 400;
|
|
695
880
|
color: #3d3935;
|
|
696
881
|
}
|
|
697
882
|
@media (max-width: 1023px) {
|
|
698
|
-
.
|
|
883
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
699
884
|
font-size: 20px;
|
|
700
885
|
line-height: 28px;
|
|
701
886
|
}
|
|
702
887
|
}
|
|
703
888
|
|
|
704
|
-
.
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
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
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
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
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
792
|
-
|
|
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
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
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
|
-
|
|
816
|
-
|
|
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
|
-
|
|
851
|
-
|
|
852
|
-
|
|
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
|
-
.
|
|
902
|
-
position:
|
|
903
|
-
|
|
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
|
-
|
|
912
|
-
.
|
|
913
|
-
|
|
914
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
926
|
-
|
|
976
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
977
|
+
margin-left: 0 !important;
|
|
927
978
|
}
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
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
|
-
.
|
|
950
|
-
-
|
|
951
|
-
-
|
|
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
|
-
|
|
956
|
-
|
|
988
|
+
|
|
989
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
990
|
+
color: #da291c;
|
|
957
991
|
background-color: #ffffff;
|
|
958
|
-
|
|
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
|
-
.
|
|
995
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
984
996
|
color: #da291c;
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
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
|
-
.
|
|
995
|
-
color: #
|
|
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
|
-
.
|
|
1013
|
-
|
|
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
|
-
.
|
|
1017
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1066
|
-
|
|
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
|
-
.
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
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
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
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
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
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
|
-
.
|
|
1108
|
-
|
|
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
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
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
|
-
.
|
|
1121
|
-
|
|
1122
|
-
|
|
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
|
-
.
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
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
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
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
|
-
.
|
|
1137
|
-
|
|
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
|
-
|
|
1140
|
-
|
|
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
|
-
|
|
1146
|
-
|
|
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
|
-
.
|
|
1149
|
-
|
|
1150
|
-
|
|
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
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
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
|
-
|
|
1159
|
-
|
|
1110
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1111
|
+
padding-left: 0;
|
|
1112
|
+
border: none;
|
|
1160
1113
|
}
|
|
1161
|
-
.
|
|
1162
|
-
|
|
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
|
-
.
|
|
1165
|
-
|
|
1166
|
-
|
|
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
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
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
|
-
|
|
1176
|
-
|
|
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
|
-
|
|
1180
|
-
|
|
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
|
-
.
|
|
1184
|
-
|
|
1185
|
-
|
|
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
|
-
|
|
1145
|
+
|
|
1146
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1188
1147
|
background-color: #1f1f1f;
|
|
1148
|
+
color: #ffffff;
|
|
1189
1149
|
}
|
|
1190
|
-
.
|
|
1191
|
-
color: #
|
|
1150
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1151
|
+
color: #ffffff;
|
|
1192
1152
|
}
|
|
1193
|
-
.
|
|
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
|
-
.
|
|
1198
|
-
|
|
1156
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1157
|
+
color: #ffffff;
|
|
1199
1158
|
}
|
|
1200
|
-
|
|
1201
|
-
|
|
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
|
-
|
|
1205
|
-
|
|
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
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
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
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
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
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
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
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
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
|
-
|
|
1301
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
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
|
-
.
|
|
1339
|
+
.CartItems-module__itemBody___leOoI {
|
|
1333
1340
|
display: flex;
|
|
1334
|
-
|
|
1335
|
-
gap:
|
|
1341
|
+
flex-direction: column;
|
|
1342
|
+
gap: 4px;
|
|
1343
|
+
flex: 1;
|
|
1344
|
+
min-width: 0;
|
|
1336
1345
|
}
|
|
1337
1346
|
|
|
1338
|
-
.
|
|
1339
|
-
display:
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
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
|
-
|
|
1347
|
-
|
|
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
|
-
|
|
1350
|
-
|
|
1361
|
+
|
|
1362
|
+
.CartItems-module__categoryLabel___gSZid {
|
|
1363
|
+
font-size: 12px;
|
|
1364
|
+
line-height: 16px;
|
|
1365
|
+
color: #86807c;
|
|
1351
1366
|
}
|
|
1352
|
-
|
|
1353
|
-
|
|
1367
|
+
|
|
1368
|
+
.CartItems-module__productName___yYFNw {
|
|
1369
|
+
font-size: 14px;
|
|
1370
|
+
line-height: 20px;
|
|
1371
|
+
font-weight: 700;
|
|
1372
|
+
color: #3d3935;
|
|
1354
1373
|
}
|
|
1355
|
-
|
|
1356
|
-
|
|
1374
|
+
|
|
1375
|
+
.CartItems-module__variantText___saarn {
|
|
1376
|
+
font-size: 12px;
|
|
1377
|
+
line-height: 16px;
|
|
1378
|
+
color: #86807c;
|
|
1357
1379
|
}
|
|
1358
1380
|
|
|
1359
|
-
.
|
|
1360
|
-
font-size:
|
|
1361
|
-
line-height:
|
|
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
|
-
|
|
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/
|
|
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
|
-
.
|
|
1376
|
-
|
|
1377
|
-
align-items: center;
|
|
1378
|
-
gap: 8px;
|
|
1446
|
+
.LocaleSelector-module__button___0LEXR {
|
|
1447
|
+
position: relative;
|
|
1379
1448
|
}
|
|
1380
|
-
|
|
1381
|
-
|
|
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
|
-
|
|
1388
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
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
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
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
|
-
.
|
|
1427
|
-
|
|
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
|
-
|
|
1440
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
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
|
-
.
|
|
1447
|
-
|
|
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
|
-
.
|
|
1451
|
-
|
|
1501
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
|
|
1502
|
+
font-weight: bold;
|
|
1452
1503
|
}
|
|
1453
|
-
.
|
|
1454
|
-
|
|
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
|
-
|
|
1462
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
1496
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
1537
|
+
.LocaleSelector-module__list-item___JVlRE a {
|
|
1538
|
+
font-size: 16px !important;
|
|
1539
|
+
line-height: 24px !important;
|
|
1518
1540
|
display: flex;
|
|
1519
|
-
|
|
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
|
-
.
|
|
1542
|
-
|
|
1543
|
-
outline-offset: 2px;
|
|
1543
|
+
.LocaleSelector-module__list-item___JVlRE a span {
|
|
1544
|
+
margin: 10px 0 !important;
|
|
1544
1545
|
}
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
display:
|
|
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
|
-
|
|
1553
|
-
|
|
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/
|
|
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
|
-
.
|
|
1564
|
-
|
|
1593
|
+
.ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1594
|
+
transform: rotate(-180deg);
|
|
1565
1595
|
}
|
|
1566
1596
|
|
|
1567
|
-
.
|
|
1568
|
-
padding:
|
|
1569
|
-
cursor: pointer;
|
|
1597
|
+
.ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
|
|
1598
|
+
padding: 10px 8px;
|
|
1570
1599
|
}
|
|
1571
|
-
.
|
|
1572
|
-
|
|
1573
|
-
|
|
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
|
-
.
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
transform: rotate(-180deg);
|
|
1630
|
+
font-weight: 700;
|
|
1631
|
+
font-size: 16px;
|
|
1632
|
+
line-height: 24px;
|
|
1588
1633
|
}
|
|
1589
|
-
|
|
1590
|
-
.
|
|
1591
|
-
|
|
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
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1640
|
+
|
|
1641
|
+
.ProfileLinkOut-module__highlight___XDufd {
|
|
1642
|
+
border-radius: 8px;
|
|
1643
|
+
background-color: #f7f6f5;
|
|
1597
1644
|
}
|
|
1598
1645
|
|
|
1599
|
-
.
|
|
1600
|
-
|
|
1646
|
+
.ProfileLinkOut-module__non-section___G1jJY {
|
|
1647
|
+
padding-left: 16px;
|
|
1648
|
+
padding-right: 16px;
|
|
1649
|
+
height: fit-content;
|
|
1601
1650
|
}
|
|
1602
|
-
|
|
1603
|
-
|
|
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
|
-
.
|
|
1607
|
-
|
|
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
|
-
.
|
|
1611
|
-
|
|
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
|
-
.
|
|
1625
|
-
|
|
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
|
-
.
|
|
1629
|
-
|
|
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
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
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
|
-
.
|
|
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
|
-
|
|
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/
|
|
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
|
-
.
|
|
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
|
-
|
|
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
|
-
.
|
|
1681
|
-
|
|
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
|
-
.
|
|
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:
|
|
1696
|
-
color: #
|
|
1697
|
-
|
|
1698
|
-
transition: background-color 0.15s ease;
|
|
1851
|
+
font-weight: 700;
|
|
1852
|
+
color: #3d3935;
|
|
1853
|
+
margin: 0 0 44px;
|
|
1699
1854
|
}
|
|
1700
|
-
|
|
1701
|
-
|
|
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
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1862
|
+
|
|
1863
|
+
.EmptyCart-module__categoryLinks___J9tic {
|
|
1864
|
+
display: flex;
|
|
1865
|
+
gap: 12px;
|
|
1866
|
+
width: 100%;
|
|
1867
|
+
justify-content: center;
|
|
1706
1868
|
}
|
|
1707
1869
|
|
|
1708
|
-
.
|
|
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
|
-
|
|
1711
|
-
|
|
1712
|
-
border
|
|
1713
|
-
|
|
1714
|
-
|
|
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
|
-
|
|
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
|
-
.
|
|
1721
|
-
background-color: #
|
|
1722
|
-
|
|
1889
|
+
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
1890
|
+
background-color: #f8f8f8;
|
|
1891
|
+
text-decoration: none;
|
|
1892
|
+
color: #3d3935;
|
|
1723
1893
|
}
|
|
1724
|
-
.
|
|
1725
|
-
outline: 2px solid #
|
|
1894
|
+
.EmptyCart-module__categoryLink___YxsmA:focus-visible {
|
|
1895
|
+
outline: 2px solid #e6003c;
|
|
1726
1896
|
outline-offset: 2px;
|
|
1727
1897
|
}
|
|
1728
1898
|
|
|
1729
|
-
|
|
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
|
-
.
|
|
1820
|
-
|
|
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/
|
|
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
|
-
.
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
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
|
-
|
|
1863
|
-
|
|
1922
|
+
align-items: center;
|
|
1923
|
+
justify-content: center;
|
|
1924
|
+
padding: 24px;
|
|
1864
1925
|
}
|
|
1865
1926
|
|
|
1866
|
-
.
|
|
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
|
-
|
|
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
|
-
.
|
|
1892
|
-
font-size:
|
|
1893
|
-
line-height:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1966
|
+
.CartClearConfirm-module__cancelButton___LYopb:hover {
|
|
1921
1967
|
background-color: rgba(255, 255, 255, 0.1);
|
|
1922
1968
|
}
|
|
1923
|
-
.
|
|
1969
|
+
.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
|
|
1924
1970
|
outline: 2px solid #ffffff;
|
|
1925
1971
|
outline-offset: 2px;
|
|
1926
1972
|
}
|
|
1927
1973
|
|
|
1928
|
-
.
|
|
1929
|
-
display: flex;
|
|
1930
|
-
align-items: center;
|
|
1931
|
-
justify-content: center;
|
|
1974
|
+
.CartClearConfirm-module__confirmButton___KgPKy {
|
|
1932
1975
|
flex: 1;
|
|
1933
|
-
|
|
1934
|
-
|
|
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: #
|
|
1941
|
-
text-decoration: none;
|
|
1982
|
+
color: #3d3935;
|
|
1942
1983
|
cursor: pointer;
|
|
1943
1984
|
transition: background-color 0.15s ease;
|
|
1944
1985
|
}
|
|
1945
|
-
.
|
|
1946
|
-
background-color: #
|
|
1947
|
-
border-color: #
|
|
1948
|
-
text-decoration: none;
|
|
1949
|
-
color: #ffffff;
|
|
1986
|
+
.CartClearConfirm-module__confirmButton___KgPKy:hover {
|
|
1987
|
+
background-color: #e6e3df;
|
|
1988
|
+
border-color: #e6e3df;
|
|
1950
1989
|
}
|
|
1951
|
-
.
|
|
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/
|
|
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
|
-
.
|
|
2096
|
+
.CartFooter-module__cartFooter___pgZ1x {
|
|
2058
2097
|
display: flex;
|
|
2059
2098
|
flex-direction: column;
|
|
2060
|
-
|
|
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
|
-
.
|
|
2105
|
+
.CartFooter-module__cartFooter___pgZ1x {
|
|
2086
2106
|
padding: 16px;
|
|
2087
2107
|
}
|
|
2088
2108
|
}
|
|
2089
2109
|
|
|
2090
|
-
.
|
|
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
|
-
|
|
2118
|
-
gap: 16px;
|
|
2113
|
+
gap: 0;
|
|
2119
2114
|
}
|
|
2120
2115
|
|
|
2121
|
-
.
|
|
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
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
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
|
-
.
|
|
2136
|
-
|
|
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
|
-
.
|
|
2135
|
+
.CartFooter-module__footerTotalsLabel___Z30Az {
|
|
2143
2136
|
font-size: 12px;
|
|
2144
2137
|
line-height: 16px;
|
|
2145
|
-
color: #
|
|
2138
|
+
color: #b3aeaa;
|
|
2146
2139
|
}
|
|
2147
2140
|
|
|
2148
|
-
.
|
|
2149
|
-
font-size:
|
|
2150
|
-
line-height:
|
|
2151
|
-
|
|
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
|
-
.
|
|
2148
|
+
.CartFooter-module__footerButtons___6xWKX {
|
|
2155
2149
|
display: flex;
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
align-items: center;
|
|
2150
|
+
text-align: center;
|
|
2151
|
+
gap: 12px;
|
|
2159
2152
|
}
|
|
2160
2153
|
|
|
2161
|
-
.
|
|
2154
|
+
.CartFooter-module__closeSummaryButton___pq8US {
|
|
2162
2155
|
display: flex;
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2178
|
-
|
|
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
|
-
.
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
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
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
color: #
|
|
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
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
}
|
|
2201
|
+
.CartFooter-module__completeOrderButton___jxJLz:focus-visible {
|
|
2202
|
+
outline: 2px solid #ffffff;
|
|
2203
|
+
outline-offset: 2px;
|
|
2204
2204
|
}
|