@sunrise-upc/sales-static-components 4.1.0-beta.3 → 4.1.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,323 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.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
- .FalconMainNavigation-module__container___85E7S {
9
- -webkit-transition: all 1s ease-out;
10
- transition: all 1s ease-out;
11
- font-size: 20px;
12
- line-height: 23px;
13
- position: fixed;
14
- width: 100%;
15
- z-index: 10;
16
- top: 0;
17
- }
18
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
19
- position: absolute;
20
- z-index: 1;
21
- top: 17px;
22
- -webkit-transition: all 1s ease-out;
23
- transition: all 1s ease-out;
24
- }
25
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
26
- height: 89px;
27
- width: 98px;
28
- margin-left: auto;
29
- margin-right: auto;
30
- -webkit-transition: all 1s ease-out;
31
- transition: all 1s ease-out;
32
- }
33
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
34
- top: 61px;
35
- -webkit-transition: all 1s ease-out;
36
- transition: all 1s ease-out;
37
- }
38
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
39
- height: 56px;
40
- -webkit-transition: all 1s ease-out;
41
- transition: all 1s ease-out;
42
- }
43
- .FalconMainNavigation-module__container___85E7S ul,
44
- .FalconMainNavigation-module__container___85E7S li {
45
- list-style: none;
46
- margin: 0px;
47
- padding: 0px;
48
- }
49
- .FalconMainNavigation-module__container___85E7S a {
50
- color: #1f1f1f;
51
- text-decoration: none;
52
- }
53
- .FalconMainNavigation-module__container___85E7S a::before {
54
- content: attr(title);
55
- display: block;
56
- font-weight: bold;
57
- height: 0;
58
- opacity: 1;
59
- overflow: hidden;
60
- }
61
- @media (max-width: 1023px) {
62
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
63
- display: none;
64
- }
65
- }
66
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
67
- color: #1f1f1f;
68
- }
69
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
70
- background: #ffffff;
71
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
- }
73
- .FalconMainNavigation-module__container___85E7S .full-width {
74
- width: 100%;
75
- }
76
- @media (max-width: 1023px) {
77
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
78
- max-width: 100%;
79
- }
80
- }
81
- @media (min-width: 1024px) and (max-width: 1439px) {
82
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
83
- max-width: 1308px;
84
- padding-left: 42px;
85
- padding-right: 42px;
86
- }
87
- }
88
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
89
- background-color: #ffffff;
90
- position: relative;
91
- z-index: auto;
92
- }
93
- @media (max-width: 1023px) {
94
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
95
- background-color: #f8f8f8;
96
- }
97
- }
98
- @media (min-width: 1024px) {
99
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
100
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
101
- }
102
- }
103
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
104
- min-height: 68px;
105
- }
106
- @media (max-width: 1023px) {
107
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
108
- min-height: 44px;
109
- height: 44px;
110
- }
111
- }
112
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
113
- background-repeat: no-repeat;
114
- background-size: contain;
115
- }
116
- @media (max-width: 1023px) {
117
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
118
- display: block;
119
- background-size: contain;
120
- width: 120px;
121
- height: 24px;
122
- margin-right: 10px;
123
- }
124
- }
125
- @media (min-width: 1024px) {
126
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
127
- visibility: visible;
128
- }
129
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
130
- visibility: hidden;
131
- }
132
- }
133
- @media (min-width: 1024px) {
134
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
135
- height: 24px;
136
- border-right: 1px solid #e6e3df;
137
- border-left: 1px solid #e6e3df;
138
- padding: 0 16px;
139
- margin-top: 10px;
140
- }
141
- }
142
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
143
- position: relative;
144
- display: flex;
145
- align-items: center;
146
- height: 24px;
147
- cursor: pointer;
148
- background: none;
149
- border: none;
150
- outline: none;
151
- }
152
- @media (min-width: 1024px) {
153
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
154
- padding: 0 12px;
155
- margin-top: 10px;
156
- border-left: 1px solid #e6e3df;
157
- }
158
- }
159
- @media (max-width: 1023px) {
160
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
161
- padding: 0;
162
- margin-right: 16px;
163
- }
164
- }
165
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
166
- outline: 2px solid #e6e3df;
167
- outline-offset: 2px;
168
- border-radius: 2px;
169
- }
170
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
171
- cursor: pointer;
172
- display: block;
173
- height: 24px;
174
- width: 24px;
175
- }
176
- @media (max-width: 1023px) {
177
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
178
- margin-right: 20px;
179
- margin-left: 16px;
180
- }
181
- }
182
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
183
- opacity: 0.6;
184
- pointer-events: none;
185
- cursor: default;
186
- }
187
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
188
- background-repeat: no-repeat;
189
- background-size: contain;
190
- display: block;
191
- height: 24px;
192
- margin: 10px 8px 0 10px;
193
- width: 24px;
194
- }
195
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
196
- font-size: 16px;
197
- line-height: 24px;
198
- color: #1f1f1f;
199
- margin: 10px 16px 0 8px;
200
- font-weight: 700;
201
- cursor: pointer;
202
- }
203
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
204
- background-repeat: no-repeat;
205
- background-size: contain;
206
- display: block;
207
- height: 24px;
208
- margin: 11px 0px 0 0px;
209
- width: 24px;
210
- cursor: pointer;
211
- }
212
- @media (max-width: 1023px) {
213
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
214
- margin: 0px;
215
- cursor: pointer;
216
- }
217
- }
218
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
219
- margin: 10px 0px 0px;
220
- cursor: pointer;
221
- }
222
- @media (max-width: 1023px) {
223
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
224
- margin: 0px;
225
- }
226
- }
227
- @media (min-width: 1024px) {
228
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
229
- position: relative;
230
- justify-content: space-between;
231
- padding: 12px 0;
232
- }
233
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
234
- margin-left: 58px;
235
- }
236
- }
237
- @media (min-width: 1024px) {
238
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
239
- position: relative;
240
- justify-content: space-between;
241
- padding: 12px 0;
242
- }
243
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
244
- margin-left: 58px;
245
- }
246
- }
247
- @media (min-width: 1024px) {
248
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
249
- padding-bottom: 47px;
250
- }
251
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
252
- padding-bottom: 0;
253
- }
254
- }
255
- @media (min-width: 1440px) {
256
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
257
- padding-bottom: 0;
258
- }
259
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
260
- padding-bottom: 0;
261
- }
262
- }
263
-
264
- @media (min-width: 1024px) {
265
- .FalconMainNavigation-module__falcon-nav___YMp-r {
266
- top: -52px;
267
- }
268
- }
269
-
270
- .page-top,
271
- #main {
272
- padding-top: var(--main-nav-height, 72px);
273
- transition: padding-top 500ms ease-out;
274
- }
275
-
276
- @media (max-width: 767px) {
277
- .page-top,
278
- #main {
279
- padding-top: var(--main-nav-height, 50px);
280
- }
281
- }
282
- @media (prefers-reduced-motion: reduce) {
283
- .page-top,
284
- #main {
285
- transition: none;
286
- }
287
- }
288
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
289
- background-color: #1f1f1f;
290
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
291
- }
292
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
293
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
294
- background-color: #1f1f1f;
295
- }
296
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
297
- border-right-color: #86807c;
298
- border-left-color: #86807c;
299
- }
300
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
301
- color: #ffffff;
302
- }
303
-
304
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
305
- position: fixed;
306
- top: 0;
307
- left: 0;
308
- padding: 4px 8px;
309
- font-size: 14px;
310
- z-index: 10000;
311
- color: #5f5955;
312
- background: #ffffff;
313
- }
314
- @media (max-width: 850px) {
315
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
316
- padding: 0 4px;
317
- font-size: 8px;
318
- }
319
- }
320
-
321
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
322
2
  /* center a block element */
323
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -952,354 +632,674 @@
952
632
  -o-transform: rotate(-180deg);
953
633
  transform: rotate(-180deg);
954
634
  }
955
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
956
- padding: 24px 32px;
957
- background-color: #ffffff;
958
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
635
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
636
+ padding: 24px 32px;
637
+ background-color: #ffffff;
638
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
639
+ }
640
+ @media (max-width: 1023px) {
641
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
642
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
643
+ }
644
+ }
645
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
646
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
647
+ border-radius: 0px 0px 8px 8px;
648
+ margin-bottom: 4px;
649
+ white-space: nowrap;
650
+ position: absolute;
651
+ z-index: 100;
652
+ -webkit-transform: translateX(-50%);
653
+ -moz-transform: translateX(-50%);
654
+ -o-transform: translateX(-50%);
655
+ transform: translateX(-50%);
656
+ }
657
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
658
+ margin-left: 0 !important;
659
+ }
660
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
661
+ font-weight: bold;
662
+ }
663
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
664
+ color: #da291c;
665
+ }
666
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
667
+ content: none !important;
668
+ display: none !important;
669
+ }
670
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
671
+ display: none !important;
672
+ }
673
+
674
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
675
+ color: #ffffff;
676
+ }
677
+ @media (max-width: 1023px) {
678
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
679
+ background-color: #1f1f1f;
680
+ }
681
+ }
682
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
683
+ filter: brightness(0) invert(0.9);
684
+ }
685
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
686
+ background-color: #1f1f1f;
687
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
688
+ }
689
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
690
+ color: #ffffff;
691
+ }
692
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
693
+ color: #da291c;
694
+ }
695
+
696
+ .LocaleSelector-module__list-item___JVlRE a {
697
+ font-size: 16px !important;
698
+ line-height: 24px !important;
699
+ display: flex;
700
+ padding: 0 !important;
701
+ }
702
+ .LocaleSelector-module__list-item___JVlRE a span {
703
+ margin: 10px 0 !important;
704
+ }
705
+ .LocaleSelector-module__list-item___JVlRE a::before {
706
+ content: none;
707
+ display: none !important;
708
+ }
709
+
710
+ @media (max-width: 1023px) {
711
+ .LocaleSelector-module__button___0LEXR {
712
+ color: #575452;
713
+ position: relative;
714
+ }
715
+ .LocaleSelector-module__button___0LEXR button {
716
+ background-color: #ffffff;
717
+ border: 0;
718
+ border-radius: 4px;
719
+ cursor: pointer;
720
+ font-size: 14px;
721
+ line-height: 20px;
722
+ padding-bottom: 0;
723
+ margin-right: 6px;
724
+ width: 100%;
725
+ }
726
+ .LocaleSelector-module__pop-up___HV8Ta {
727
+ padding: 0px 12px !important;
728
+ }
729
+ .LocaleSelector-module__pop-up___HV8Ta img {
730
+ padding-left: 12px;
731
+ }
732
+ .LocaleSelector-module__list-item___JVlRE a {
733
+ font-size: 16px;
734
+ line-height: 24px;
735
+ font-weight: 400;
736
+ display: flex;
737
+ padding: 10px 12px;
738
+ }
739
+ .LocaleSelector-module__list-item___JVlRE a::before {
740
+ content: none;
741
+ display: none !important;
742
+ }
743
+ }
744
+
745
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
746
+ /* center a block element */
747
+ /* use this to any of the pseudo elements as these are the mandatory properties */
748
+ /* setting styles in separate formats for cross browser support */
749
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
750
+ /* vertically center alilgn any HTML element */
751
+ /* add basePath to assets */
752
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
753
+ transform: rotate(-180deg);
754
+ }
755
+
756
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
757
+ padding: 10px 8px;
758
+ }
759
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
760
+ background-repeat: no-repeat;
761
+ background-size: contain;
762
+ display: block;
763
+ height: 24px;
764
+ margin-right: 4px;
765
+ width: 24px;
766
+ }
767
+ @media (max-width: 1023px) {
768
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
769
+ background-repeat: no-repeat;
770
+ background-size: contain;
771
+ display: block;
772
+ margin-left: auto;
773
+ height: 24px;
774
+ width: 24px;
775
+ }
776
+ }
777
+ @media (max-width: 1023px) {
778
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
779
+ background-repeat: no-repeat;
780
+ background-size: contain;
781
+ display: block;
782
+ margin-left: auto;
783
+ height: 8px;
784
+ width: 14px;
785
+ }
786
+ }
787
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
788
+ color: #da291c;
789
+ font-weight: 700;
790
+ font-size: 16px;
791
+ line-height: 24px;
959
792
  }
960
793
  @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;
794
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
795
+ background-color: #ffffff;
796
+ padding: 10px;
963
797
  }
964
798
  }
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%);
799
+
800
+ .ProfileLinkOut-module__highlight___XDufd {
801
+ border-radius: 8px;
802
+ background-color: #f7f6f5;
976
803
  }
977
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
978
- margin-left: 0 !important;
804
+
805
+ .ProfileLinkOut-module__non-section___G1jJY {
806
+ padding-left: 16px;
807
+ padding-right: 16px;
808
+ height: fit-content;
979
809
  }
980
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
981
- font-weight: bold;
810
+ @media (min-width: 1024px) and (max-width: 1439px) {
811
+ .ProfileLinkOut-module__non-section___G1jJY {
812
+ padding-left: 12px;
813
+ padding-right: 12px;
814
+ }
982
815
  }
983
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
984
- color: #da291c;
816
+ .ProfileLinkOut-module__non-section___G1jJY {
817
+ background-color: unset !important;
985
818
  }
986
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
987
- content: none !important;
988
- display: none !important;
819
+ @media (max-width: 1023px) {
820
+ .ProfileLinkOut-module__non-section___G1jJY {
821
+ background-color: #ffffff !important;
822
+ }
989
823
  }
990
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
991
- display: none !important;
824
+
825
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
826
+ color: #ffffff;
827
+ }
828
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
829
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
830
+ filter: brightness(0) invert(0.9);
831
+ }
832
+ @media (max-width: 1023px) {
833
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
834
+ background-color: #1f1f1f !important;
835
+ }
992
836
  }
993
837
 
994
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
838
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
839
+ background-color: transparent;
840
+ }
841
+ .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 {
995
842
  color: #ffffff;
996
843
  }
844
+ .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,
845
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
846
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
847
+ filter: brightness(0) invert(0.9);
848
+ }
997
849
  @media (max-width: 1023px) {
998
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
850
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
999
851
  background-color: #1f1f1f;
1000
852
  }
1001
853
  }
1002
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1003
- filter: brightness(0) invert(0.9);
854
+
855
+ .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 {
856
+ background-color: #111111;
1004
857
  }
1005
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
858
+
859
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1006
860
  background-color: #1f1f1f;
1007
861
  box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1008
862
  }
1009
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
863
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1010
864
  color: #ffffff;
865
+ border-bottom-color: #86807c;
1011
866
  }
1012
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1013
- color: #da291c;
867
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
868
+ background-color: #1f1f1f;
1014
869
  }
1015
-
1016
- .LocaleSelector-module__list-item___JVlRE a {
1017
- font-size: 16px !important;
1018
- line-height: 24px !important;
1019
- display: flex;
1020
- padding: 0 !important;
870
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
871
+ color: #da291c;
1021
872
  }
1022
- .LocaleSelector-module__list-item___JVlRE a span {
1023
- margin: 10px 0 !important;
873
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
874
+ color: #ffffff;
875
+ background-color: #1f1f1f;
1024
876
  }
1025
- .LocaleSelector-module__list-item___JVlRE a::before {
1026
- content: none;
1027
- display: none !important;
877
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
878
+ filter: brightness(0) invert(0.9);
1028
879
  }
1029
880
 
881
+ .ProfileLinkOut-module__arrow___Mc7yw {
882
+ display: none;
883
+ }
1030
884
  @media (max-width: 1023px) {
1031
- .LocaleSelector-module__button___0LEXR {
1032
- color: #575452;
1033
- position: relative;
885
+ .ProfileLinkOut-module__arrow___Mc7yw {
886
+ position: absolute;
887
+ right: 10px;
888
+ display: inline-block;
1034
889
  }
1035
- .LocaleSelector-module__button___0LEXR button {
1036
- background-color: #ffffff;
890
+ }
891
+
892
+ @media (min-width: 1024px) {
893
+ .ProfileLinkOut-module__log___JdxjK {
894
+ display: none;
895
+ }
896
+ }
897
+ @media (min-width: 1024px) {
898
+ .ProfileLinkOut-module__login-flyover___YDIVp {
899
+ position: absolute;
900
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
901
+ min-width: max-content;
902
+ display: block;
903
+ padding: 24px 32px;
904
+ font-size: 16px;
1037
905
  border: 0;
906
+ color: #e6003c;
907
+ font-weight: 700;
908
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
909
+ background-color: #ffffff;
1038
910
  border-radius: 4px;
1039
- cursor: pointer;
911
+ }
912
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
913
+ padding-bottom: 16px;
914
+ letter-spacing: 1px;
915
+ text-transform: uppercase;
916
+ color: #86807c;
917
+ font-weight: 500;
1040
918
  font-size: 14px;
1041
919
  line-height: 20px;
1042
- padding-bottom: 0;
1043
- margin-right: 6px;
1044
- width: 100%;
920
+ border-bottom: 1px solid #e6e3df;
1045
921
  }
1046
- .LocaleSelector-module__pop-up___HV8Ta {
1047
- padding: 0px 12px !important;
922
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
923
+ padding: 28px 0;
1048
924
  }
1049
- .LocaleSelector-module__pop-up___HV8Ta img {
1050
- padding-left: 12px;
925
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
926
+ text-decoration: underline;
1051
927
  }
1052
- .LocaleSelector-module__list-item___JVlRE a {
1053
- font-size: 16px;
928
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
929
+ font-size: 18px;
1054
930
  line-height: 24px;
931
+ color: #da291c;
932
+ }
933
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
934
+ color: #3d3935;
1055
935
  font-weight: 400;
1056
- display: flex;
1057
- padding: 10px 12px;
936
+ font-size: 18px;
937
+ line-height: 24px;
1058
938
  }
1059
- .LocaleSelector-module__list-item___JVlRE a::before {
1060
- content: none;
1061
- display: none !important;
939
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
940
+ padding-left: 10px;
941
+ }
942
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
943
+ text-decoration: underline;
944
+ }
945
+ }
946
+ @media (max-width: 1023px) {
947
+ .ProfileLinkOut-module__login-flyover___YDIVp {
948
+ color: #86807c;
949
+ font-weight: 500;
950
+ font-size: 14px;
951
+ line-height: 20px;
952
+ padding-left: 16px;
953
+ }
954
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
955
+ padding: 20px 0 8px 10px;
956
+ letter-spacing: 1px;
957
+ text-transform: uppercase;
958
+ }
959
+ .ProfileLinkOut-module__mysunrise___F326W {
960
+ color: #da291c;
961
+ font-weight: 700;
962
+ font-size: 18px;
963
+ line-height: 24px;
964
+ background-color: #ffffff;
965
+ padding: 10px;
966
+ margin-bottom: 4px;
967
+ }
968
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
969
+ font-weight: unset;
970
+ }
971
+ .ProfileLinkOut-module__logout___GfbcJ {
972
+ color: #3d3935;
973
+ font-weight: 400;
974
+ background-color: #ffffff;
975
+ padding: 10px;
976
+ font-size: 18px;
977
+ line-height: 24px;
978
+ position: relative;
979
+ }
980
+ .ProfileLinkOut-module__logout___GfbcJ img {
981
+ position: absolute;
982
+ padding-left: 10px;
1062
983
  }
1063
984
  }
1064
-
1065
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1066
- /* center a block element */
1067
- /* use this to any of the pseudo elements as these are the mandatory properties */
1068
- /* setting styles in separate formats for cross browser support */
1069
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1070
- /* vertically center alilgn any HTML element */
1071
- /* add basePath to assets */
1072
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1073
- transform: rotate(-180deg);
985
+
986
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
987
+ /* center a block element */
988
+ /* use this to any of the pseudo elements as these are the mandatory properties */
989
+ /* setting styles in separate formats for cross browser support */
990
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
991
+ /* vertically center alilgn any HTML element */
992
+ /* add basePath to assets */
993
+ .FalconMainNavigation-module__container___85E7S {
994
+ -webkit-transition: all 1s ease-out;
995
+ transition: all 1s ease-out;
996
+ font-size: 20px;
997
+ line-height: 23px;
998
+ position: fixed;
999
+ width: 100%;
1000
+ z-index: 10;
1001
+ top: 0;
1002
+ }
1003
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
1004
+ position: absolute;
1005
+ z-index: 1;
1006
+ top: 17px;
1007
+ -webkit-transition: all 1s ease-out;
1008
+ transition: all 1s ease-out;
1009
+ }
1010
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
1011
+ height: 89px;
1012
+ width: 98px;
1013
+ margin-left: auto;
1014
+ margin-right: auto;
1015
+ -webkit-transition: all 1s ease-out;
1016
+ transition: all 1s ease-out;
1017
+ }
1018
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
1019
+ top: 61px;
1020
+ -webkit-transition: all 1s ease-out;
1021
+ transition: all 1s ease-out;
1074
1022
  }
1075
-
1076
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1077
- padding: 10px 8px;
1023
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
1024
+ height: 56px;
1025
+ -webkit-transition: all 1s ease-out;
1026
+ transition: all 1s ease-out;
1078
1027
  }
1079
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1080
- background-repeat: no-repeat;
1081
- background-size: contain;
1028
+ .FalconMainNavigation-module__container___85E7S ul,
1029
+ .FalconMainNavigation-module__container___85E7S li {
1030
+ list-style: none;
1031
+ margin: 0px;
1032
+ padding: 0px;
1033
+ }
1034
+ .FalconMainNavigation-module__container___85E7S a {
1035
+ color: #1f1f1f;
1036
+ text-decoration: none;
1037
+ }
1038
+ .FalconMainNavigation-module__container___85E7S a::before {
1039
+ content: attr(title);
1082
1040
  display: block;
1083
- height: 24px;
1084
- margin-right: 4px;
1085
- width: 24px;
1041
+ font-weight: bold;
1042
+ height: 0;
1043
+ opacity: 1;
1044
+ overflow: hidden;
1086
1045
  }
1087
1046
  @media (max-width: 1023px) {
1088
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1089
- background-repeat: no-repeat;
1090
- background-size: contain;
1091
- display: block;
1092
- margin-left: auto;
1093
- height: 24px;
1094
- width: 24px;
1047
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
1048
+ display: none;
1095
1049
  }
1096
1050
  }
1097
- @media (max-width: 1023px) {
1098
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1099
- background-repeat: no-repeat;
1100
- background-size: contain;
1101
- display: block;
1102
- margin-left: auto;
1103
- height: 8px;
1104
- width: 14px;
1105
- }
1051
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
1052
+ color: #1f1f1f;
1106
1053
  }
1107
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1108
- color: #da291c;
1109
- font-weight: 700;
1110
- font-size: 16px;
1111
- line-height: 24px;
1054
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
1055
+ background: #ffffff;
1056
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1057
+ }
1058
+ .FalconMainNavigation-module__container___85E7S .full-width {
1059
+ width: 100%;
1112
1060
  }
1113
1061
  @media (max-width: 1023px) {
1114
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1115
- background-color: #ffffff;
1116
- padding: 10px;
1062
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
1063
+ max-width: 100%;
1117
1064
  }
1118
1065
  }
1119
-
1120
- .ProfileLinkOut-module__highlight___XDufd {
1121
- border-radius: 8px;
1122
- background-color: #f7f6f5;
1123
- }
1124
-
1125
- .ProfileLinkOut-module__non-section___G1jJY {
1126
- padding-left: 16px;
1127
- padding-right: 16px;
1128
- height: fit-content;
1129
- }
1130
1066
  @media (min-width: 1024px) and (max-width: 1439px) {
1131
- .ProfileLinkOut-module__non-section___G1jJY {
1132
- padding-left: 12px;
1133
- padding-right: 12px;
1067
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
1068
+ max-width: 1308px;
1069
+ padding-left: 42px;
1070
+ padding-right: 42px;
1134
1071
  }
1135
1072
  }
1136
- .ProfileLinkOut-module__non-section___G1jJY {
1137
- background-color: unset !important;
1073
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1074
+ background-color: #ffffff;
1075
+ position: relative;
1076
+ z-index: auto;
1138
1077
  }
1139
1078
  @media (max-width: 1023px) {
1140
- .ProfileLinkOut-module__non-section___G1jJY {
1141
- background-color: #ffffff !important;
1079
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1080
+ background-color: #f8f8f8;
1142
1081
  }
1143
1082
  }
1144
-
1145
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1146
- color: #ffffff;
1083
+ @media (min-width: 1024px) {
1084
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1085
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1086
+ }
1147
1087
  }
1148
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1149
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1150
- filter: brightness(0) invert(0.9);
1088
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
1089
+ min-height: 68px;
1151
1090
  }
1152
1091
  @media (max-width: 1023px) {
1153
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1154
- background-color: #1f1f1f !important;
1092
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
1093
+ min-height: 44px;
1094
+ height: 44px;
1155
1095
  }
1156
1096
  }
1157
-
1158
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1159
- background-color: transparent;
1097
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
1098
+ background-repeat: no-repeat;
1099
+ background-size: contain;
1160
1100
  }
1161
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1162
- color: #ffffff;
1101
+ @media (max-width: 1023px) {
1102
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
1103
+ display: block;
1104
+ background-size: contain;
1105
+ width: 120px;
1106
+ height: 24px;
1107
+ margin-right: 10px;
1108
+ }
1163
1109
  }
1164
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1165
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1166
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1167
- filter: brightness(0) invert(0.9);
1110
+ @media (min-width: 1024px) {
1111
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
1112
+ visibility: visible;
1113
+ }
1114
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
1115
+ visibility: hidden;
1116
+ }
1168
1117
  }
1169
- @media (max-width: 1023px) {
1170
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1171
- background-color: #1f1f1f;
1118
+ @media (min-width: 1024px) {
1119
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
1120
+ height: 24px;
1121
+ border-right: 1px solid #e6e3df;
1122
+ border-left: 1px solid #e6e3df;
1123
+ padding: 0 16px;
1124
+ margin-top: 10px;
1172
1125
  }
1173
1126
  }
1174
-
1175
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
1176
- background-color: #111111;
1127
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1128
+ position: relative;
1129
+ display: flex;
1130
+ align-items: center;
1131
+ height: 24px;
1132
+ cursor: pointer;
1133
+ background: none;
1134
+ border: none;
1135
+ outline: none;
1177
1136
  }
1178
-
1179
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1180
- background-color: #1f1f1f;
1181
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1137
+ @media (min-width: 1024px) {
1138
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1139
+ padding: 0 12px;
1140
+ margin-top: 10px;
1141
+ border-left: 1px solid #e6e3df;
1142
+ }
1182
1143
  }
1183
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1184
- color: #ffffff;
1185
- border-bottom-color: #86807c;
1144
+ @media (max-width: 1023px) {
1145
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1146
+ padding: 0;
1147
+ margin-right: 16px;
1148
+ }
1186
1149
  }
1187
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1188
- background-color: #1f1f1f;
1150
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
1151
+ outline: 2px solid #e6e3df;
1152
+ outline-offset: 2px;
1153
+ border-radius: 2px;
1189
1154
  }
1190
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1191
- color: #da291c;
1155
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1156
+ cursor: pointer;
1157
+ display: block;
1158
+ height: 24px;
1159
+ width: 24px;
1192
1160
  }
1193
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1194
- color: #ffffff;
1195
- background-color: #1f1f1f;
1161
+ @media (max-width: 1023px) {
1162
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1163
+ margin-right: 20px;
1164
+ margin-left: 16px;
1165
+ }
1196
1166
  }
1197
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1198
- filter: brightness(0) invert(0.9);
1167
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1168
+ opacity: 0.6;
1169
+ pointer-events: none;
1170
+ cursor: default;
1199
1171
  }
1200
-
1201
- .ProfileLinkOut-module__arrow___Mc7yw {
1202
- display: none;
1172
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1173
+ background-repeat: no-repeat;
1174
+ background-size: contain;
1175
+ display: block;
1176
+ height: 24px;
1177
+ margin: 10px 8px 0 10px;
1178
+ width: 24px;
1179
+ }
1180
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1181
+ font-size: 16px;
1182
+ line-height: 24px;
1183
+ color: #1f1f1f;
1184
+ margin: 10px 16px 0 8px;
1185
+ font-weight: 700;
1186
+ cursor: pointer;
1187
+ }
1188
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1189
+ background-repeat: no-repeat;
1190
+ background-size: contain;
1191
+ display: block;
1192
+ height: 24px;
1193
+ margin: 11px 0px 0 0px;
1194
+ width: 24px;
1195
+ cursor: pointer;
1203
1196
  }
1204
1197
  @media (max-width: 1023px) {
1205
- .ProfileLinkOut-module__arrow___Mc7yw {
1206
- position: absolute;
1207
- right: 10px;
1208
- display: inline-block;
1198
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1199
+ margin: 0px;
1200
+ cursor: pointer;
1209
1201
  }
1210
1202
  }
1211
-
1212
- @media (min-width: 1024px) {
1213
- .ProfileLinkOut-module__log___JdxjK {
1214
- display: none;
1203
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1204
+ margin: 10px 0px 0px;
1205
+ cursor: pointer;
1206
+ }
1207
+ @media (max-width: 1023px) {
1208
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1209
+ margin: 0px;
1215
1210
  }
1216
1211
  }
1217
1212
  @media (min-width: 1024px) {
1218
- .ProfileLinkOut-module__login-flyover___YDIVp {
1219
- position: absolute;
1220
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1221
- min-width: max-content;
1222
- display: block;
1223
- padding: 24px 32px;
1224
- font-size: 16px;
1225
- border: 0;
1226
- color: #e6003c;
1227
- font-weight: 700;
1228
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1229
- background-color: #ffffff;
1230
- border-radius: 4px;
1231
- }
1232
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1233
- padding-bottom: 16px;
1234
- letter-spacing: 1px;
1235
- text-transform: uppercase;
1236
- color: #86807c;
1237
- font-weight: 500;
1238
- font-size: 14px;
1239
- line-height: 20px;
1240
- border-bottom: 1px solid #e6e3df;
1241
- }
1242
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1243
- padding: 28px 0;
1213
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1214
+ position: relative;
1215
+ justify-content: space-between;
1216
+ padding: 12px 0;
1244
1217
  }
1245
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1246
- text-decoration: underline;
1218
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1219
+ margin-left: 58px;
1247
1220
  }
1248
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1249
- font-size: 18px;
1250
- line-height: 24px;
1251
- color: #da291c;
1221
+ }
1222
+ @media (min-width: 1024px) {
1223
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1224
+ position: relative;
1225
+ justify-content: space-between;
1226
+ padding: 12px 0;
1252
1227
  }
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;
1228
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1229
+ margin-left: 58px;
1258
1230
  }
1259
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1260
- padding-left: 10px;
1231
+ }
1232
+ @media (min-width: 1024px) {
1233
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1234
+ padding-bottom: 47px;
1261
1235
  }
1262
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1263
- text-decoration: underline;
1236
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1237
+ padding-bottom: 0;
1264
1238
  }
1265
1239
  }
1266
- @media (max-width: 1023px) {
1267
- .ProfileLinkOut-module__login-flyover___YDIVp {
1268
- color: #86807c;
1269
- font-weight: 500;
1270
- font-size: 14px;
1271
- line-height: 20px;
1272
- padding-left: 16px;
1240
+ @media (min-width: 1440px) {
1241
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1242
+ padding-bottom: 0;
1273
1243
  }
1274
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1275
- padding: 20px 0 8px 10px;
1276
- letter-spacing: 1px;
1277
- text-transform: uppercase;
1244
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1245
+ padding-bottom: 0;
1278
1246
  }
1279
- .ProfileLinkOut-module__mysunrise___F326W {
1280
- color: #da291c;
1281
- font-weight: 700;
1282
- font-size: 18px;
1283
- line-height: 24px;
1284
- background-color: #ffffff;
1285
- padding: 10px;
1286
- margin-bottom: 4px;
1247
+ }
1248
+
1249
+ @media (min-width: 1024px) {
1250
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
1251
+ top: -52px;
1287
1252
  }
1288
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1289
- font-weight: unset;
1253
+ }
1254
+
1255
+ .page-top,
1256
+ #main {
1257
+ padding-top: var(--main-nav-height, 72px);
1258
+ transition: padding-top 500ms ease-out;
1259
+ }
1260
+
1261
+ @media (max-width: 767px) {
1262
+ .page-top,
1263
+ #main {
1264
+ padding-top: var(--main-nav-height, 50px);
1290
1265
  }
1291
- .ProfileLinkOut-module__logout___GfbcJ {
1292
- color: #3d3935;
1293
- font-weight: 400;
1294
- background-color: #ffffff;
1295
- padding: 10px;
1296
- font-size: 18px;
1297
- line-height: 24px;
1298
- position: relative;
1266
+ }
1267
+ @media (prefers-reduced-motion: reduce) {
1268
+ .page-top,
1269
+ #main {
1270
+ transition: none;
1299
1271
  }
1300
- .ProfileLinkOut-module__logout___GfbcJ img {
1301
- position: absolute;
1302
- padding-left: 10px;
1272
+ }
1273
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1274
+ background-color: #1f1f1f;
1275
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1276
+ }
1277
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1278
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1279
+ background-color: #1f1f1f;
1280
+ }
1281
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1282
+ border-right-color: #86807c;
1283
+ border-left-color: #86807c;
1284
+ }
1285
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1286
+ color: #ffffff;
1287
+ }
1288
+
1289
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1290
+ position: fixed;
1291
+ top: 0;
1292
+ left: 0;
1293
+ padding: 4px 8px;
1294
+ font-size: 14px;
1295
+ z-index: 10000;
1296
+ color: #5f5955;
1297
+ background: #ffffff;
1298
+ }
1299
+ @media (max-width: 850px) {
1300
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1301
+ padding: 0 4px;
1302
+ font-size: 8px;
1303
1303
  }
1304
1304
  }
1305
1305
 
@@ -1365,6 +1365,54 @@
1365
1365
  text-align: center;
1366
1366
  }
1367
1367
 
1368
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1369
+ /* center a block element */
1370
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1371
+ /* setting styles in separate formats for cross browser support */
1372
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1373
+ /* vertically center alilgn any HTML element */
1374
+ /* add basePath to assets */
1375
+ .CartHeader-module__headerTitle___35F6g {
1376
+ display: flex;
1377
+ align-items: center;
1378
+ gap: 8px;
1379
+ }
1380
+
1381
+ .CartHeader-module__headerItemCount___g1Ynd {
1382
+ font-size: 24px;
1383
+ line-height: 32px;
1384
+ font-weight: 400;
1385
+ color: #3d3935;
1386
+ }
1387
+ @media (max-width: 1023px) {
1388
+ .CartHeader-module__headerItemCount___g1Ynd {
1389
+ font-size: 20px;
1390
+ line-height: 28px;
1391
+ }
1392
+ }
1393
+
1394
+ .CartHeader-module__clearAllButton___B3bNF {
1395
+ display: inline;
1396
+ background: none;
1397
+ border: none;
1398
+ padding: 0;
1399
+ cursor: pointer;
1400
+ font-size: 14px;
1401
+ line-height: 20px;
1402
+ font-weight: 400;
1403
+ color: #da291c;
1404
+ text-decoration: underline;
1405
+ text-underline-offset: 2px;
1406
+ }
1407
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1408
+ color: #961c13;
1409
+ }
1410
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1411
+ outline: 2px solid #da291c;
1412
+ outline-offset: 2px;
1413
+ border-radius: 2px;
1414
+ }
1415
+
1368
1416
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1369
1417
  /* center a block element */
1370
1418
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1932,54 +1980,6 @@
1932
1980
  }
1933
1981
  }
1934
1982
 
1935
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1936
- /* center a block element */
1937
- /* use this to any of the pseudo elements as these are the mandatory properties */
1938
- /* setting styles in separate formats for cross browser support */
1939
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1940
- /* vertically center alilgn any HTML element */
1941
- /* add basePath to assets */
1942
- .CartHeader-module__headerTitle___35F6g {
1943
- display: flex;
1944
- align-items: center;
1945
- gap: 8px;
1946
- }
1947
-
1948
- .CartHeader-module__headerItemCount___g1Ynd {
1949
- font-size: 24px;
1950
- line-height: 32px;
1951
- font-weight: 400;
1952
- color: #3d3935;
1953
- }
1954
- @media (max-width: 1023px) {
1955
- .CartHeader-module__headerItemCount___g1Ynd {
1956
- font-size: 20px;
1957
- line-height: 28px;
1958
- }
1959
- }
1960
-
1961
- .CartHeader-module__clearAllButton___B3bNF {
1962
- display: inline;
1963
- background: none;
1964
- border: none;
1965
- padding: 0;
1966
- cursor: pointer;
1967
- font-size: 14px;
1968
- line-height: 20px;
1969
- font-weight: 400;
1970
- color: #da291c;
1971
- text-decoration: underline;
1972
- text-underline-offset: 2px;
1973
- }
1974
- .CartHeader-module__clearAllButton___B3bNF:hover {
1975
- color: #961c13;
1976
- }
1977
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1978
- outline: 2px solid #da291c;
1979
- outline-offset: 2px;
1980
- border-radius: 2px;
1981
- }
1982
-
1983
1983
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1984
1984
  /* center a block element */
1985
1985
  /* use this to any of the pseudo elements as these are the mandatory properties */