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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +4 -4
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/navigation.css +759 -724
  6. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -1,308 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
- /* center a block element */
3
- /* use this to any of the pseudo elements as these are the mandatory properties */
4
- /* setting styles in separate formats for cross browser support */
5
- /* specify the max width for an element and apply ellipses and truncate the overflow */
6
- /* vertically center alilgn any HTML element */
7
- /* add basePath to assets */
8
- @media (min-width: 768px) {
9
- .MinimizedHeader-module__outer___JOzJC {
10
- background-color: #ffffff;
11
- border-top: 4px solid #da291c;
12
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
13
- height: 72px;
14
- }
15
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
16
- position: fixed;
17
- top: 0;
18
- left: 0;
19
- padding: 4px 8px;
20
- font-size: 14px;
21
- z-index: 10000;
22
- color: #5f5955;
23
- background: #ffffff;
24
- }
25
- }
26
- @media (min-width: 768px) and (max-width: 850px) {
27
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
28
- padding: 0 4px;
29
- font-size: 8px;
30
- }
31
- }
32
- @media (min-width: 768px) {
33
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
34
- width: 100%;
35
- display: inline-block;
36
- }
37
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
38
- display: flex;
39
- float: left;
40
- align-items: center;
41
- margin: 10px 0;
42
- }
43
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
44
- padding-left: 10px;
45
- }
46
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
47
- float: right;
48
- display: flex;
49
- margin: 24px 0 24px 0;
50
- }
51
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
52
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
53
- background-repeat: no-repeat;
54
- background-size: contain;
55
- display: block;
56
- height: 24px;
57
- margin-right: 6px;
58
- width: 24px;
59
- }
60
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
61
- color: #da291c;
62
- font-weight: 700;
63
- font-size: 18px;
64
- line-height: 24px;
65
- }
66
- }
67
- @media (max-width: 767px) {
68
- .MinimizedHeader-module__outer___JOzJC {
69
- background-color: #ffffff;
70
- border-top: 4px solid #da291c;
71
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
- height: 48px;
73
- }
74
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
75
- width: 100%;
76
- display: inline-block;
77
- }
78
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
79
- display: flex;
80
- float: left;
81
- }
82
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
83
- margin-top: 12px;
84
- }
85
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
86
- height: 24px;
87
- width: 24px;
88
- float: left;
89
- }
90
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
91
- margin-top: 8px;
92
- padding-left: 6px;
93
- }
94
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
95
- height: 20px;
96
- }
97
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
98
- float: right;
99
- display: flex;
100
- margin: 12px 0 12px 0;
101
- }
102
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
103
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
104
- background-repeat: no-repeat;
105
- background-size: contain;
106
- display: block;
107
- height: 20px;
108
- margin-right: 6px;
109
- width: 20px;
110
- }
111
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
112
- color: #da291c;
113
- font-weight: 700;
114
- font-size: 18px;
115
- line-height: 24px;
116
- }
117
- }
118
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
- position: fixed;
120
- top: 0;
121
- left: 0;
122
- padding: 4px 8px;
123
- font-size: 14px;
124
- z-index: 10000;
125
- color: #5f5955;
126
- background: #ffffff;
127
- }
128
- @media (max-width: 850px) {
129
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
- padding: 0 4px;
131
- font-size: 8px;
132
- }
133
- }
134
-
135
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
136
- /* center a block element */
137
- /* use this to any of the pseudo elements as these are the mandatory properties */
138
- /* setting styles in separate formats for cross browser support */
139
- /* specify the max width for an element and apply ellipses and truncate the overflow */
140
- /* vertically center alilgn any HTML element */
141
- /* add basePath to assets */
142
- .NavigationMenuItem-module__nav-link___ZDsjB {
143
- font-size: 16px;
144
- line-height: 24px;
145
- margin-right: 6px;
146
- }
147
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
148
- padding: 10px 4px;
149
- display: flex;
150
- align-items: center;
151
- gap: 8px;
152
- }
153
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
154
- flex-shrink: 0;
155
- height: 24px;
156
- width: 24px;
157
- }
158
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
159
- filter: none;
160
- }
161
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
162
- color: #3d3935;
163
- background-color: #f7f6f5;
164
- border-radius: 8px;
165
- }
166
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
167
- padding-left: unset;
168
- padding-right: 4px;
169
- transform: rotate(-180deg);
170
- }
171
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
172
- color: #ffffff;
173
- }
174
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
175
- filter: brightness(0) invert(0.9);
176
- }
177
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
178
- color: #ffffff;
179
- background-color: #1f1f1f;
180
- }
181
-
182
- .active-item .NavigationMenuItem-module__submenu___cWv9X {
183
- -webkit-transform: translateY(0);
184
- -moz-transform: translateY(0);
185
- -o-transform: translateY(0);
186
- transform: translateY(0);
187
- transition-delay: 0.3s;
188
- visibility: visible;
189
- border-radius: 0px 0px 8px 8px;
190
- }
191
-
192
- .NavigationMenuItem-module__submenu___cWv9X {
193
- background-color: #ffffff;
194
- display: block;
195
- left: 60%;
196
- margin-left: -58%;
197
- margin-top: -16px;
198
- position: absolute;
199
- top: 85px;
200
- font-size: 16px;
201
- line-height: 20px;
202
- -webkit-transform: translateY(-100%);
203
- -moz-transform: translateY(-100%);
204
- -o-transform: translateY(-100%);
205
- transform: translateY(-100%);
206
- visibility: hidden;
207
- }
208
-
209
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
210
- background-color: #1f1f1f;
211
- }
212
-
213
- .NavigationMenuItem-module__out___rzlPg {
214
- position: relative;
215
- }
216
-
217
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
218
- /* center a block element */
219
- /* use this to any of the pseudo elements as these are the mandatory properties */
220
- /* setting styles in separate formats for cross browser support */
221
- /* specify the max width for an element and apply ellipses and truncate the overflow */
222
- /* vertically center alilgn any HTML element */
223
- /* add basePath to assets */
224
- .MobileNavigation-module__container___apq4z {
225
- background-color: #ffffff;
226
- }
227
- @media (max-width: 1023px) {
228
- .MobileNavigation-module__container___apq4z {
229
- background-color: #f8f8f8;
230
- }
231
- }
232
- .MobileNavigation-module__container___apq4z {
233
- left: 0;
234
- min-height: calc(100vh - 50px);
235
- position: absolute;
236
- -webkit-transform: translateY(-100%);
237
- -moz-transform: translateY(-100%);
238
- -o-transform: translateY(-100%);
239
- transform: translateY(-100%);
240
- transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
241
- transition: transform 0.3s ease, visibility 0.3s ease;
242
- transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
243
- visibility: hidden;
244
- width: 100%;
245
- z-index: 10;
246
- }
247
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
248
- height: calc(100vh - 47px);
249
- overflow-y: auto;
250
- padding-top: 16px;
251
- padding-bottom: 16px;
252
- }
253
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
254
- margin-top: 24px;
255
- }
256
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
257
- margin-top: 20px;
258
- }
259
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
260
- background-color: #ffffff;
261
- font-size: 16px;
262
- line-height: 24px;
263
- display: flex;
264
- height: auto;
265
- padding: 10px;
266
- margin-bottom: 4px;
267
- color: #333333;
268
- }
269
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
270
- border: 1px solid #e8e8e8;
271
- }
272
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
273
- margin-left: 12px;
274
- }
275
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
276
- border-bottom: 2px solid #f8f8f8;
277
- border-top: 2px solid #f8f8f8;
278
- }
279
-
280
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
281
- background-color: #111111;
282
- }
283
- @media (max-width: 1023px) {
284
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
285
- background-color: #111111;
286
- }
287
- }
288
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
289
- background-color: #1f1f1f;
290
- color: #ffffff;
291
- border: 1px solid #2c2c2c;
292
- }
293
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
294
- border-bottom: 2px solid #2c2c2c;
295
- border-top: 2px solid #2c2c2c;
296
- }
297
-
298
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
299
- -webkit-transform: translateY(0);
300
- -moz-transform: translateY(0);
301
- -o-transform: translateY(0);
302
- transform: translateY(0);
303
- visibility: visible;
304
- }
305
-
306
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
307
2
  /* center a block element */
308
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -519,50 +214,184 @@
519
214
  justify-content: space-between;
520
215
  padding: 12px 0;
521
216
  }
522
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
523
- margin-left: 58px;
217
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
218
+ margin-left: 58px;
219
+ }
220
+ }
221
+ @media (min-width: 1024px) {
222
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
223
+ padding-bottom: 47px;
224
+ }
225
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
226
+ padding-bottom: 0;
227
+ }
228
+ }
229
+ @media (min-width: 1440px) {
230
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
231
+ padding-bottom: 0;
232
+ }
233
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
234
+ padding-bottom: 0;
235
+ }
236
+ }
237
+
238
+ @media (min-width: 1024px) {
239
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
240
+ top: -52px;
241
+ }
242
+ }
243
+
244
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
245
+ background: #1f1f1f;
246
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
247
+ }
248
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
249
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
250
+ background-color: #1f1f1f;
251
+ }
252
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
253
+ border-right-color: #86807c;
254
+ border-left-color: #86807c;
255
+ }
256
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
257
+ color: #ffffff;
258
+ }
259
+
260
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
261
+ position: fixed;
262
+ top: 0;
263
+ left: 0;
264
+ padding: 4px 8px;
265
+ font-size: 14px;
266
+ z-index: 10000;
267
+ color: #5f5955;
268
+ background: #ffffff;
269
+ }
270
+ @media (max-width: 850px) {
271
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
272
+ padding: 0 4px;
273
+ font-size: 8px;
274
+ }
275
+ }
276
+
277
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
278
+ /* center a block element */
279
+ /* use this to any of the pseudo elements as these are the mandatory properties */
280
+ /* setting styles in separate formats for cross browser support */
281
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
282
+ /* vertically center alilgn any HTML element */
283
+ /* add basePath to assets */
284
+ @media (min-width: 768px) {
285
+ .MinimizedHeader-module__outer___JOzJC {
286
+ background-color: #ffffff;
287
+ border-top: 4px solid #da291c;
288
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
289
+ height: 72px;
290
+ }
291
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
292
+ position: fixed;
293
+ top: 0;
294
+ left: 0;
295
+ padding: 4px 8px;
296
+ font-size: 14px;
297
+ z-index: 10000;
298
+ color: #5f5955;
299
+ background: #ffffff;
300
+ }
301
+ }
302
+ @media (min-width: 768px) and (max-width: 850px) {
303
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
304
+ padding: 0 4px;
305
+ font-size: 8px;
306
+ }
307
+ }
308
+ @media (min-width: 768px) {
309
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
310
+ width: 100%;
311
+ display: inline-block;
312
+ }
313
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
314
+ display: flex;
315
+ float: left;
316
+ align-items: center;
317
+ margin: 10px 0;
318
+ }
319
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
320
+ padding-left: 10px;
321
+ }
322
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
323
+ float: right;
324
+ display: flex;
325
+ margin: 24px 0 24px 0;
326
+ }
327
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
328
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
329
+ background-repeat: no-repeat;
330
+ background-size: contain;
331
+ display: block;
332
+ height: 24px;
333
+ margin-right: 6px;
334
+ width: 24px;
335
+ }
336
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
337
+ color: #da291c;
338
+ font-weight: 700;
339
+ font-size: 18px;
340
+ line-height: 24px;
341
+ }
342
+ }
343
+ @media (max-width: 767px) {
344
+ .MinimizedHeader-module__outer___JOzJC {
345
+ background-color: #ffffff;
346
+ border-top: 4px solid #da291c;
347
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
348
+ height: 48px;
349
+ }
350
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
351
+ width: 100%;
352
+ display: inline-block;
353
+ }
354
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
355
+ display: flex;
356
+ float: left;
357
+ }
358
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
359
+ margin-top: 12px;
360
+ }
361
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
362
+ height: 24px;
363
+ width: 24px;
364
+ float: left;
524
365
  }
525
- }
526
- @media (min-width: 1024px) {
527
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
528
- padding-bottom: 47px;
366
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
367
+ margin-top: 8px;
368
+ padding-left: 6px;
529
369
  }
530
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
531
- padding-bottom: 0;
370
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
371
+ height: 20px;
532
372
  }
533
- }
534
- @media (min-width: 1440px) {
535
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
536
- padding-bottom: 0;
373
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
374
+ float: right;
375
+ display: flex;
376
+ margin: 12px 0 12px 0;
537
377
  }
538
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
539
- padding-bottom: 0;
378
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
379
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
380
+ background-repeat: no-repeat;
381
+ background-size: contain;
382
+ display: block;
383
+ height: 20px;
384
+ margin-right: 6px;
385
+ width: 20px;
540
386
  }
541
- }
542
-
543
- @media (min-width: 1024px) {
544
- .FalconMainNavigation-module__falcon-nav___YMp-r {
545
- top: -52px;
387
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
388
+ color: #da291c;
389
+ font-weight: 700;
390
+ font-size: 18px;
391
+ line-height: 24px;
546
392
  }
547
393
  }
548
-
549
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
550
- background: #1f1f1f;
551
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
552
- }
553
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
554
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
555
- background-color: #1f1f1f;
556
- }
557
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
558
- border-right-color: #86807c;
559
- border-left-color: #86807c;
560
- }
561
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
562
- color: #ffffff;
563
- }
564
-
565
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
394
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
566
395
  position: fixed;
567
396
  top: 0;
568
397
  left: 0;
@@ -573,282 +402,216 @@
573
402
  background: #ffffff;
574
403
  }
575
404
  @media (max-width: 850px) {
576
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
405
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
577
406
  padding: 0 4px;
578
407
  font-size: 8px;
579
408
  }
580
409
  }
581
410
 
582
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
411
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
583
412
  /* center a block element */
584
413
  /* use this to any of the pseudo elements as these are the mandatory properties */
585
414
  /* setting styles in separate formats for cross browser support */
586
415
  /* specify the max width for an element and apply ellipses and truncate the overflow */
587
416
  /* vertically center alilgn any HTML element */
588
417
  /* add basePath to assets */
589
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
590
- transform: rotate(-180deg);
591
- }
592
-
593
- .ProfileLinkOut-module__personalized___VgbDx {
594
- margin-left: 8px;
418
+ .row-module__sr-def-row___us1ph {
419
+ margin-left: auto;
420
+ margin-right: auto;
421
+ padding-left: 16px;
422
+ padding-right: 16px;
423
+ max-width: 1308px;
424
+ width: 100%;
595
425
  }
596
-
597
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
598
- padding: 10px 8px;
426
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
427
+ padding: 0px;
428
+ max-width: 100%;
599
429
  }
600
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
601
- background-repeat: no-repeat;
602
- background-size: contain;
603
- display: block;
604
- height: 24px;
605
- margin-right: 4px;
606
- width: 24px;
430
+ @media (min-width: 1024px) and (max-width: 1439px) {
431
+ .row-module__sr-def-row___us1ph {
432
+ max-width: 972px;
433
+ }
607
434
  }
608
- @media (max-width: 1023px) {
609
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
610
- background-repeat: no-repeat;
611
- background-size: contain;
612
- display: block;
613
- margin-left: auto;
614
- height: 24px;
615
- width: 24px;
435
+ @media (min-width: 768px) and (max-width: 1023px) {
436
+ .row-module__sr-def-row___us1ph {
437
+ max-width: 720px;
616
438
  }
617
439
  }
618
- @media (max-width: 1023px) {
619
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
620
- background-repeat: no-repeat;
621
- background-size: contain;
622
- display: block;
623
- margin-left: auto;
624
- height: 8px;
625
- width: 14px;
440
+ @media (max-width: 767px) {
441
+ .row-module__sr-def-row___us1ph {
442
+ max-width: 100%;
626
443
  }
627
444
  }
628
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
629
- color: #da291c;
630
- font-weight: 700;
445
+
446
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
447
+ /* center a block element */
448
+ /* use this to any of the pseudo elements as these are the mandatory properties */
449
+ /* setting styles in separate formats for cross browser support */
450
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
451
+ /* vertically center alilgn any HTML element */
452
+ /* add basePath to assets */
453
+ .NavigationMenuItem-module__nav-link___ZDsjB {
631
454
  font-size: 16px;
632
455
  line-height: 24px;
456
+ margin-right: 6px;
633
457
  }
634
- @media (max-width: 1023px) {
635
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
636
- background-color: #ffffff;
637
- padding: 10px;
638
- }
639
- }
640
-
641
- .ProfileLinkOut-module__highlight___XDufd {
642
- border-radius: 8px;
643
- background-color: #f7f6f5;
458
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
459
+ padding: 10px 4px;
460
+ display: flex;
461
+ align-items: center;
462
+ gap: 8px;
644
463
  }
645
-
646
- .ProfileLinkOut-module__non-section___G1jJY {
647
- padding-left: 16px;
648
- height: fit-content;
464
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
465
+ flex-shrink: 0;
466
+ height: 24px;
467
+ width: 24px;
649
468
  }
650
- @media (min-width: 1024px) and (max-width: 1439px) {
651
- .ProfileLinkOut-module__non-section___G1jJY {
652
- padding-left: 12px;
653
- }
469
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
470
+ filter: none;
654
471
  }
655
- .ProfileLinkOut-module__non-section___G1jJY {
656
- background-color: unset !important;
472
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
473
+ color: #3d3935;
474
+ background-color: #f7f6f5;
475
+ border-radius: 8px;
657
476
  }
658
- @media (max-width: 1023px) {
659
- .ProfileLinkOut-module__non-section___G1jJY {
660
- background-color: #ffffff !important;
661
- }
477
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
478
+ padding-left: unset;
479
+ padding-right: 4px;
480
+ transform: rotate(-180deg);
662
481
  }
663
-
664
- @media (max-width: 1023px) {
665
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
666
- background-color: #1f1f1f !important;
667
- }
482
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
483
+ color: #ffffff;
668
484
  }
669
-
670
- .ProfileLinkOut-module__arrow___Mc7yw {
671
- display: none;
485
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
486
+ filter: brightness(0) invert(0.9);
672
487
  }
673
- @media (max-width: 1023px) {
674
- .ProfileLinkOut-module__arrow___Mc7yw {
675
- position: absolute;
676
- right: 10px;
677
- display: inline-block;
678
- }
488
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
489
+ color: #ffffff;
490
+ background-color: #1f1f1f;
679
491
  }
680
492
 
681
- @media (min-width: 1024px) {
682
- .ProfileLinkOut-module__log___JdxjK {
683
- display: none;
684
- }
493
+ .active-item .NavigationMenuItem-module__submenu___cWv9X {
494
+ -webkit-transform: translateY(0);
495
+ -moz-transform: translateY(0);
496
+ -o-transform: translateY(0);
497
+ transform: translateY(0);
498
+ transition-delay: 0.3s;
499
+ visibility: visible;
500
+ border-radius: 0px 0px 8px 8px;
685
501
  }
686
- @media (min-width: 1024px) {
687
- .ProfileLinkOut-module__login-flyover___YDIVp {
688
- position: absolute;
689
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
690
- min-width: max-content;
691
- display: block;
692
- padding: 24px 32px;
693
- font-size: 16px;
694
- border: 0;
695
- color: #e6003c;
696
- font-weight: 700;
697
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
698
- background-color: #ffffff;
699
- border-radius: 4px;
700
- }
701
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
702
- padding-bottom: 16px;
703
- letter-spacing: 1px;
704
- text-transform: uppercase;
705
- color: #86807c;
706
- font-weight: 500;
707
- font-size: 14px;
708
- line-height: 20px;
709
- border-bottom: 1px solid #e6e3df;
710
- }
711
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
712
- padding: 28px 0;
713
- }
714
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
715
- text-decoration: underline;
716
- }
717
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
718
- font-size: 18px;
719
- line-height: 24px;
720
- color: #da291c;
721
- }
722
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
723
- color: #3d3935;
724
- font-weight: 400;
725
- font-size: 18px;
726
- line-height: 24px;
727
- }
728
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
729
- padding-left: 10px;
730
- }
731
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
732
- text-decoration: underline;
733
- }
502
+
503
+ .NavigationMenuItem-module__submenu___cWv9X {
504
+ background-color: #ffffff;
505
+ display: block;
506
+ left: 60%;
507
+ margin-left: -58%;
508
+ margin-top: -16px;
509
+ position: absolute;
510
+ top: 85px;
511
+ font-size: 16px;
512
+ line-height: 20px;
513
+ -webkit-transform: translateY(-100%);
514
+ -moz-transform: translateY(-100%);
515
+ -o-transform: translateY(-100%);
516
+ transform: translateY(-100%);
517
+ visibility: hidden;
734
518
  }
735
- @media (max-width: 1023px) {
736
- .ProfileLinkOut-module__login-flyover___YDIVp {
737
- color: #86807c;
738
- font-weight: 500;
739
- font-size: 14px;
740
- line-height: 20px;
741
- padding-left: 16px;
742
- }
743
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
744
- padding: 20px 0 8px 10px;
745
- letter-spacing: 1px;
746
- text-transform: uppercase;
747
- }
748
- .ProfileLinkOut-module__mysunrise___F326W {
749
- color: #da291c;
750
- font-weight: 700;
751
- font-size: 18px;
752
- line-height: 24px;
753
- background-color: #ffffff;
754
- padding: 10px;
755
- margin-bottom: 4px;
756
- }
757
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
758
- font-weight: unset;
759
- }
760
- .ProfileLinkOut-module__logout___GfbcJ {
761
- color: #3d3935;
762
- font-weight: 400;
763
- background-color: #ffffff;
764
- padding: 10px;
765
- font-size: 18px;
766
- line-height: 24px;
767
- position: relative;
768
- }
769
- .ProfileLinkOut-module__logout___GfbcJ img {
770
- position: absolute;
771
- padding-left: 10px;
772
- }
519
+
520
+ .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
521
+ background-color: #1f1f1f;
773
522
  }
774
523
 
775
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
524
+ .NavigationMenuItem-module__out___rzlPg {
525
+ position: relative;
526
+ }
527
+
528
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
776
529
  /* center a block element */
777
530
  /* use this to any of the pseudo elements as these are the mandatory properties */
778
531
  /* setting styles in separate formats for cross browser support */
779
532
  /* specify the max width for an element and apply ellipses and truncate the overflow */
780
533
  /* vertically center alilgn any HTML element */
781
534
  /* add basePath to assets */
782
- .FalconHeader-module__outer___cpG-W {
783
- padding: 14px 0 18px;
784
- }
785
-
786
- .FalconHeader-module__container___r3bIZ {
787
- -webkit-transition: all 1s ease-out;
788
- transition: all 1s ease-out;
789
- background-color: #f7f6f5;
790
- font-size: 14px;
791
- line-height: 18px;
792
- font-weight: 700;
793
- max-height: 60px;
794
- min-height: 3px;
795
- opacity: 1;
796
- width: 100%;
797
- padding-top: 4px;
798
- }
799
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
800
- opacity: 1;
801
- background-color: #da291c;
802
- -webkit-transition: all 1s ease-out;
803
- transition: all 1s ease-out;
535
+ .MobileNavigation-module__container___apq4z {
536
+ background-color: #ffffff;
804
537
  }
805
538
  @media (max-width: 1023px) {
806
- .FalconHeader-module__container___r3bIZ {
807
- background-color: #da291c;
808
- min-height: 4px;
539
+ .MobileNavigation-module__container___apq4z {
540
+ background-color: #f8f8f8;
809
541
  }
810
542
  }
811
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
812
- margin-left: 20px;
813
- }
814
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
815
- margin-left: 100px;
543
+ .MobileNavigation-module__container___apq4z {
544
+ left: 0;
545
+ min-height: calc(100vh - 50px);
546
+ position: absolute;
547
+ -webkit-transform: translateY(-100%);
548
+ -moz-transform: translateY(-100%);
549
+ -o-transform: translateY(-100%);
550
+ transform: translateY(-100%);
551
+ transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
552
+ transition: transform 0.3s ease, visibility 0.3s ease;
553
+ transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
554
+ visibility: hidden;
555
+ width: 100%;
556
+ z-index: 10;
816
557
  }
817
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
818
- float: left;
819
- color: #3d3935;
820
- font-weight: 400;
821
- font-size: 14px;
822
- line-height: 20px;
823
- display: block;
824
- height: 30px;
825
- text-decoration: none;
558
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
559
+ height: calc(100vh - 47px);
560
+ overflow-y: auto;
561
+ padding-top: 16px;
562
+ padding-bottom: 16px;
826
563
  }
827
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
828
- text-decoration: none;
564
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
565
+ margin-top: 24px;
829
566
  }
830
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
831
- float: right;
567
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
568
+ margin-top: 20px;
832
569
  }
833
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
834
- color: #3d3935;
835
- font-weight: 400;
836
- font-size: 14px;
837
- line-height: 20px;
838
- display: block;
570
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
571
+ background-color: #ffffff;
572
+ font-size: 16px;
573
+ line-height: 24px;
574
+ display: flex;
575
+ height: auto;
576
+ padding: 10px;
839
577
  margin-bottom: 4px;
840
- text-decoration: none;
578
+ color: #333333;
841
579
  }
842
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
843
- text-decoration: none;
580
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
581
+ border: 1px solid #e8e8e8;
582
+ }
583
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
584
+ margin-left: 12px;
585
+ }
586
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
587
+ border-bottom: 2px solid #f8f8f8;
588
+ border-top: 2px solid #f8f8f8;
844
589
  }
845
590
 
846
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
591
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
847
592
  background-color: #111111;
848
593
  }
849
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
850
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
594
+ @media (max-width: 1023px) {
595
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
596
+ background-color: #111111;
597
+ }
598
+ }
599
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
600
+ background-color: #1f1f1f;
851
601
  color: #ffffff;
602
+ border: 1px solid #2c2c2c;
603
+ }
604
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
605
+ border-bottom: 2px solid #2c2c2c;
606
+ border-top: 2px solid #2c2c2c;
607
+ }
608
+
609
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
610
+ -webkit-transform: translateY(0);
611
+ -moz-transform: translateY(0);
612
+ -o-transform: translateY(0);
613
+ transform: translateY(0);
614
+ visibility: visible;
852
615
  }
853
616
 
854
617
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
@@ -893,229 +656,356 @@
893
656
  width: 24px;
894
657
  }
895
658
 
896
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
659
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
897
660
  /* center a block element */
898
661
  /* use this to any of the pseudo elements as these are the mandatory properties */
899
662
  /* setting styles in separate formats for cross browser support */
900
663
  /* specify the max width for an element and apply ellipses and truncate the overflow */
901
664
  /* vertically center alilgn any HTML element */
902
665
  /* add basePath to assets */
903
- .SubNavigation-module__container___Wb5XN {
904
- background-color: #ffffff;
905
- color: #575452;
906
- border-radius: 0px 0px 8px 8px;
907
- margin: 0 auto;
908
- max-width: 1308px;
909
- min-height: 47px;
910
- -webkit-align-items: center;
911
- -moz-align-items: center;
912
- -o-align-items: center;
913
- align-items: center;
666
+ .FalconHeader-module__outer___cpG-W {
667
+ padding: 14px 0 18px;
914
668
  }
915
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
669
+
670
+ .FalconHeader-module__container___r3bIZ {
671
+ -webkit-transition: all 1s ease-out;
672
+ transition: all 1s ease-out;
673
+ background-color: #f7f6f5;
916
674
  font-size: 14px;
917
- line-height: 20px;
675
+ line-height: 18px;
918
676
  font-weight: 700;
677
+ max-height: 60px;
678
+ min-height: 3px;
679
+ opacity: 1;
680
+ width: 100%;
681
+ padding-top: 4px;
919
682
  }
920
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
921
- margin-left: 0 !important;
922
- margin-top: 0 !important;
923
- font-size: 18px;
924
- line-height: 24px;
925
- font-weight: 400;
926
- display: block !important;
927
- }
928
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
929
- padding-bottom: 28px;
930
- }
931
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
932
- display: flex;
933
- grid-column: 2;
934
- grid-template-columns: repeat(auto-fit, 20%);
935
- padding: 24px 32px;
683
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
684
+ opacity: 1;
685
+ background-color: #da291c;
686
+ -webkit-transition: all 1s ease-out;
687
+ transition: all 1s ease-out;
936
688
  }
937
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
938
- border-left: 1px solid #e6e3df;
939
- padding-left: 24px;
940
- padding-right: 24px;
941
- max-width: 248px;
689
+ @media (max-width: 1023px) {
690
+ .FalconHeader-module__container___r3bIZ {
691
+ background-color: #da291c;
692
+ min-height: 4px;
693
+ }
942
694
  }
943
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
944
- padding-left: 0;
945
- border: none;
695
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
696
+ margin-left: 20px;
946
697
  }
947
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
948
- margin-left: 4px;
949
- vertical-align: middle;
950
- height: 24px;
951
- width: 24px;
698
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
699
+ margin-left: 100px;
952
700
  }
953
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
954
- white-space: nowrap;
955
- display: inline-flex;
956
- align-items: center;
701
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
702
+ float: left;
703
+ color: #3d3935;
704
+ font-weight: 400;
705
+ font-size: 14px;
706
+ line-height: 20px;
707
+ display: block;
708
+ height: 30px;
709
+ text-decoration: none;
957
710
  }
958
-
959
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
960
- background-color: #1f1f1f;
961
- color: #ffffff;
711
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
712
+ text-decoration: none;
962
713
  }
963
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
964
- color: #ffffff;
714
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
715
+ float: right;
965
716
  }
966
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
967
- color: #ffffff;
717
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
718
+ color: #3d3935;
719
+ font-weight: 400;
720
+ font-size: 14px;
721
+ line-height: 20px;
722
+ display: block;
723
+ margin-bottom: 4px;
724
+ text-decoration: none;
968
725
  }
969
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
970
- border-left: 1px solid #86807c;
726
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
727
+ text-decoration: none;
971
728
  }
972
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
973
- border: none;
729
+
730
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
731
+ background-color: #111111;
732
+ }
733
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
734
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
735
+ color: #ffffff;
974
736
  }
975
737
 
976
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
738
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
977
739
  /* center a block element */
978
740
  /* use this to any of the pseudo elements as these are the mandatory properties */
979
741
  /* setting styles in separate formats for cross browser support */
980
742
  /* specify the max width for an element and apply ellipses and truncate the overflow */
981
743
  /* vertically center alilgn any HTML element */
982
744
  /* add basePath to assets */
983
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
984
- font-weight: unset;
745
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
746
+ transform: rotate(-180deg);
985
747
  }
986
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
987
- position: relative;
988
- color: #333333;
989
- display: -webkit-box;
748
+
749
+ .ProfileLinkOut-module__personalized___VgbDx {
750
+ margin-left: 8px;
751
+ }
752
+
753
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
754
+ padding: 10px 8px;
755
+ }
756
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
757
+ background-repeat: no-repeat;
758
+ background-size: contain;
759
+ display: block;
760
+ height: 24px;
761
+ margin-right: 4px;
762
+ width: 24px;
763
+ }
764
+ @media (max-width: 1023px) {
765
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
766
+ background-repeat: no-repeat;
767
+ background-size: contain;
768
+ display: block;
769
+ margin-left: auto;
770
+ height: 24px;
771
+ width: 24px;
772
+ }
773
+ }
774
+ @media (max-width: 1023px) {
775
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
776
+ background-repeat: no-repeat;
777
+ background-size: contain;
778
+ display: block;
779
+ margin-left: auto;
780
+ height: 8px;
781
+ width: 14px;
782
+ }
783
+ }
784
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
785
+ color: #da291c;
786
+ font-weight: 700;
990
787
  font-size: 16px;
991
788
  line-height: 24px;
992
- display: flex;
993
- height: auto;
994
- text-decoration: none;
995
- padding: 10px 10px 10px 10px;
996
- margin-bottom: 4px;
997
- background-color: #ffffff;
998
789
  }
999
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1000
- border: 1px solid #e8e8e8;
790
+ @media (max-width: 1023px) {
791
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
792
+ background-color: #ffffff;
793
+ padding: 10px;
794
+ }
1001
795
  }
1002
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1003
- position: absolute;
1004
- left: 10px;
796
+
797
+ .ProfileLinkOut-module__highlight___XDufd {
798
+ border-radius: 8px;
799
+ background-color: #f7f6f5;
1005
800
  }
1006
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1007
- position: absolute;
1008
- right: 10px;
801
+
802
+ .ProfileLinkOut-module__non-section___G1jJY {
803
+ padding-left: 16px;
804
+ height: fit-content;
1009
805
  }
1010
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1011
- transition: transform 0.2s ease;
806
+ @media (min-width: 1024px) and (max-width: 1439px) {
807
+ .ProfileLinkOut-module__non-section___G1jJY {
808
+ padding-left: 12px;
809
+ }
1012
810
  }
1013
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1014
- display: block;
1015
- flex-shrink: 0;
1016
- height: 24px;
1017
- width: 24px;
1018
- margin-right: 8px;
811
+ .ProfileLinkOut-module__non-section___G1jJY {
812
+ background-color: unset !important;
813
+ }
814
+ @media (max-width: 1023px) {
815
+ .ProfileLinkOut-module__non-section___G1jJY {
816
+ background-color: #ffffff !important;
817
+ }
1019
818
  }
1020
819
 
1021
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1022
- transform: rotate(-180deg);
820
+ @media (max-width: 1023px) {
821
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
822
+ background-color: #1f1f1f !important;
823
+ }
1023
824
  }
1024
825
 
1025
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1026
- background-color: #1f1f1f;
1027
- color: #ffffff;
1028
- border: 1px solid #2c2c2c;
826
+ .ProfileLinkOut-module__arrow___Mc7yw {
827
+ display: none;
1029
828
  }
1030
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1031
- filter: brightness(0) invert(0.9);
829
+ @media (max-width: 1023px) {
830
+ .ProfileLinkOut-module__arrow___Mc7yw {
831
+ position: absolute;
832
+ right: 10px;
833
+ display: inline-block;
834
+ }
1032
835
  }
1033
836
 
1034
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
837
+ @media (min-width: 1024px) {
838
+ .ProfileLinkOut-module__log___JdxjK {
839
+ display: none;
840
+ }
841
+ }
842
+ @media (min-width: 1024px) {
843
+ .ProfileLinkOut-module__login-flyover___YDIVp {
844
+ position: absolute;
845
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
846
+ min-width: max-content;
847
+ display: block;
848
+ padding: 24px 32px;
849
+ font-size: 16px;
850
+ border: 0;
851
+ color: #e6003c;
852
+ font-weight: 700;
853
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
854
+ background-color: #ffffff;
855
+ border-radius: 4px;
856
+ }
857
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
858
+ padding-bottom: 16px;
859
+ letter-spacing: 1px;
860
+ text-transform: uppercase;
861
+ color: #86807c;
862
+ font-weight: 500;
863
+ font-size: 14px;
864
+ line-height: 20px;
865
+ border-bottom: 1px solid #e6e3df;
866
+ }
867
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
868
+ padding: 28px 0;
869
+ }
870
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
871
+ text-decoration: underline;
872
+ }
873
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
874
+ font-size: 18px;
875
+ line-height: 24px;
876
+ color: #da291c;
877
+ }
878
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
879
+ color: #3d3935;
880
+ font-weight: 400;
881
+ font-size: 18px;
882
+ line-height: 24px;
883
+ }
884
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
885
+ padding-left: 10px;
886
+ }
887
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
888
+ text-decoration: underline;
889
+ }
890
+ }
891
+ @media (max-width: 1023px) {
892
+ .ProfileLinkOut-module__login-flyover___YDIVp {
893
+ color: #86807c;
894
+ font-weight: 500;
895
+ font-size: 14px;
896
+ line-height: 20px;
897
+ padding-left: 16px;
898
+ }
899
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
900
+ padding: 20px 0 8px 10px;
901
+ letter-spacing: 1px;
902
+ text-transform: uppercase;
903
+ }
904
+ .ProfileLinkOut-module__mysunrise___F326W {
905
+ color: #da291c;
906
+ font-weight: 700;
907
+ font-size: 18px;
908
+ line-height: 24px;
909
+ background-color: #ffffff;
910
+ padding: 10px;
911
+ margin-bottom: 4px;
912
+ }
913
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
914
+ font-weight: unset;
915
+ }
916
+ .ProfileLinkOut-module__logout___GfbcJ {
917
+ color: #3d3935;
918
+ font-weight: 400;
919
+ background-color: #ffffff;
920
+ padding: 10px;
921
+ font-size: 18px;
922
+ line-height: 24px;
923
+ position: relative;
924
+ }
925
+ .ProfileLinkOut-module__logout___GfbcJ img {
926
+ position: absolute;
927
+ padding-left: 10px;
928
+ }
929
+ }
930
+
931
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1035
932
  /* center a block element */
1036
933
  /* use this to any of the pseudo elements as these are the mandatory properties */
1037
934
  /* setting styles in separate formats for cross browser support */
1038
935
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1039
936
  /* vertically center alilgn any HTML element */
1040
937
  /* add basePath to assets */
1041
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1042
- margin-left: 0 !important;
1043
- }
1044
-
1045
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1046
- padding: 14px 8px 18px 8px;
1047
- cursor: pointer;
938
+ .SubNavigation-module__container___Wb5XN {
939
+ background-color: #ffffff;
940
+ color: #575452;
941
+ border-radius: 0px 0px 8px 8px;
942
+ margin: 0 auto;
943
+ max-width: 1308px;
944
+ min-height: 47px;
945
+ -webkit-align-items: center;
946
+ -moz-align-items: center;
947
+ -o-align-items: center;
948
+ align-items: center;
1048
949
  }
1049
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1050
- margin-left: 0px !important;
1051
- padding-left: 8px;
950
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
951
+ font-size: 14px;
952
+ line-height: 20px;
953
+ font-weight: 700;
1052
954
  }
1053
-
1054
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1055
- color: #da291c;
1056
- background-color: #ffffff;
1057
- padding: 14px 8px 18px 8px;
1058
- border-radius: 4px 4px 0 0;
955
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
956
+ margin-left: 0 !important;
957
+ margin-top: 0 !important;
958
+ font-size: 18px;
959
+ line-height: 24px;
960
+ font-weight: 400;
961
+ display: block !important;
1059
962
  }
1060
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1061
- color: #da291c;
1062
- margin-left: 0px !important;
1063
- padding-left: unset;
1064
- padding-right: 8px;
1065
- transform: rotate(-180deg);
963
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
964
+ padding-bottom: 28px;
1066
965
  }
1067
-
1068
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1069
- color: #da291c !important;
966
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
967
+ display: flex;
968
+ grid-column: 2;
969
+ grid-template-columns: repeat(auto-fit, 20%);
970
+ padding: 24px 32px;
1070
971
  }
1071
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1072
- border-radius: 4px 4px 0 0;
1073
- background-color: #ffffff;
1074
- padding: 14px 8px 18px 8px;
972
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
973
+ border-left: 1px solid #e6e3df;
974
+ padding-left: 24px;
975
+ padding-right: 24px;
976
+ max-width: 248px;
1075
977
  }
1076
-
1077
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1078
- color: unset !important;
978
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
979
+ padding-left: 0;
980
+ border: none;
1079
981
  }
1080
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1081
- background-color: unset;
982
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
983
+ margin-left: 4px;
984
+ vertical-align: middle;
985
+ height: 24px;
986
+ width: 24px;
1082
987
  }
1083
-
1084
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1085
- background-color: transparent;
988
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
989
+ white-space: nowrap;
990
+ display: inline-flex;
991
+ align-items: center;
1086
992
  }
1087
993
 
1088
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1089
- margin-left: 0px !important;
1090
- position: absolute;
1091
- min-width: 214px;
1092
- display: block;
1093
- padding: 36px 32px 36px 32px;
1094
- font-size: 18px;
1095
- line-height: 24px;
1096
- border: 0;
1097
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1098
- background-color: #ffffff;
1099
- border-radius: 0 0 8px 8px;
1100
- z-index: 1;
1101
- }
1102
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1103
- margin-left: 0 !important;
1104
- padding-top: 18px;
994
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
995
+ background-color: #1f1f1f;
996
+ color: #ffffff;
1105
997
  }
1106
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1107
- padding-top: 28px;
998
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
999
+ color: #ffffff;
1108
1000
  }
1109
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1110
- border-bottom: 1px solid #e6e3df;
1111
- padding-bottom: 18px;
1001
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1002
+ color: #ffffff;
1112
1003
  }
1113
-
1114
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1115
- background-color: #111111;
1004
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1005
+ border-left: 1px solid #86807c;
1116
1006
  }
1117
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1118
- background-color: #1f1f1f;
1007
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1008
+ border: none;
1119
1009
  }
1120
1010
 
1121
1011
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
@@ -1263,6 +1153,151 @@
1263
1153
  }
1264
1154
  }
1265
1155
 
1156
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1157
+ /* center a block element */
1158
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1159
+ /* setting styles in separate formats for cross browser support */
1160
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1161
+ /* vertically center alilgn any HTML element */
1162
+ /* add basePath to assets */
1163
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1164
+ margin-left: 0 !important;
1165
+ }
1166
+
1167
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1168
+ padding: 14px 8px 18px 8px;
1169
+ cursor: pointer;
1170
+ }
1171
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1172
+ margin-left: 0px !important;
1173
+ padding-left: 8px;
1174
+ }
1175
+
1176
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1177
+ color: #da291c;
1178
+ background-color: #ffffff;
1179
+ padding: 14px 8px 18px 8px;
1180
+ border-radius: 4px 4px 0 0;
1181
+ }
1182
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1183
+ color: #da291c;
1184
+ margin-left: 0px !important;
1185
+ padding-left: unset;
1186
+ padding-right: 8px;
1187
+ transform: rotate(-180deg);
1188
+ }
1189
+
1190
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1191
+ color: #da291c !important;
1192
+ }
1193
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1194
+ border-radius: 4px 4px 0 0;
1195
+ background-color: #ffffff;
1196
+ padding: 14px 8px 18px 8px;
1197
+ }
1198
+
1199
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1200
+ color: unset !important;
1201
+ }
1202
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1203
+ background-color: unset;
1204
+ }
1205
+
1206
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1207
+ background-color: transparent;
1208
+ }
1209
+
1210
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1211
+ margin-left: 0px !important;
1212
+ position: absolute;
1213
+ min-width: 214px;
1214
+ display: block;
1215
+ padding: 36px 32px 36px 32px;
1216
+ font-size: 18px;
1217
+ line-height: 24px;
1218
+ border: 0;
1219
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1220
+ background-color: #ffffff;
1221
+ border-radius: 0 0 8px 8px;
1222
+ z-index: 1;
1223
+ }
1224
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1225
+ margin-left: 0 !important;
1226
+ padding-top: 18px;
1227
+ }
1228
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1229
+ padding-top: 28px;
1230
+ }
1231
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1232
+ border-bottom: 1px solid #e6e3df;
1233
+ padding-bottom: 18px;
1234
+ }
1235
+
1236
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1237
+ background-color: #111111;
1238
+ }
1239
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1240
+ background-color: #1f1f1f;
1241
+ }
1242
+
1243
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1244
+ /* center a block element */
1245
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1246
+ /* setting styles in separate formats for cross browser support */
1247
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1248
+ /* vertically center alilgn any HTML element */
1249
+ /* add basePath to assets */
1250
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1251
+ font-weight: unset;
1252
+ }
1253
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1254
+ position: relative;
1255
+ color: #333333;
1256
+ display: -webkit-box;
1257
+ font-size: 16px;
1258
+ line-height: 24px;
1259
+ display: flex;
1260
+ height: auto;
1261
+ text-decoration: none;
1262
+ padding: 10px 10px 10px 10px;
1263
+ margin-bottom: 4px;
1264
+ background-color: #ffffff;
1265
+ }
1266
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1267
+ border: 1px solid #e8e8e8;
1268
+ }
1269
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1270
+ position: absolute;
1271
+ left: 10px;
1272
+ }
1273
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1274
+ position: absolute;
1275
+ right: 10px;
1276
+ }
1277
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1278
+ transition: transform 0.2s ease;
1279
+ }
1280
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1281
+ display: block;
1282
+ flex-shrink: 0;
1283
+ height: 24px;
1284
+ width: 24px;
1285
+ margin-right: 8px;
1286
+ }
1287
+
1288
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1289
+ transform: rotate(-180deg);
1290
+ }
1291
+
1292
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1293
+ background-color: #1f1f1f;
1294
+ color: #ffffff;
1295
+ border: 1px solid #2c2c2c;
1296
+ }
1297
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1298
+ filter: brightness(0) invert(0.9);
1299
+ }
1300
+
1266
1301
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1267
1302
  /* center a block element */
1268
1303
  /* use this to any of the pseudo elements as these are the mandatory properties */