@sunrise-upc/sales-static-components 3.9.0-beta.3 → 3.9.0-beta.5

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,483 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.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
- .row-module__sr-def-row___us1ph {
9
- margin-left: auto;
10
- margin-right: auto;
11
- padding-left: 16px;
12
- padding-right: 16px;
13
- max-width: 1308px;
14
- width: 100%;
15
- }
16
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
- padding: 0px;
18
- max-width: 100%;
19
- }
20
- @media (min-width: 1024px) and (max-width: 1439px) {
21
- .row-module__sr-def-row___us1ph {
22
- max-width: 972px;
23
- }
24
- }
25
- @media (min-width: 768px) and (max-width: 1023px) {
26
- .row-module__sr-def-row___us1ph {
27
- max-width: 720px;
28
- }
29
- }
30
- @media (max-width: 767px) {
31
- .row-module__sr-def-row___us1ph {
32
- max-width: 100%;
33
- }
34
- }
35
-
36
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
37
- /* center a block element */
38
- /* use this to any of the pseudo elements as these are the mandatory properties */
39
- /* setting styles in separate formats for cross browser support */
40
- /* specify the max width for an element and apply ellipses and truncate the overflow */
41
- /* vertically center alilgn any HTML element */
42
- /* add basePath to assets */
43
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
44
- -webkit-align-items: center;
45
- -moz-align-items: center;
46
- -o-align-items: center;
47
- align-items: center;
48
- cursor: pointer;
49
- display: flex;
50
- flex-direction: column;
51
- height: 18px;
52
- justify-content: space-between;
53
- width: 26px;
54
- }
55
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
56
- background-color: #575452;
57
- border-radius: 4px;
58
- height: 2px;
59
- opacity: 1;
60
- position: relative;
61
- -webkit-transform: scale(1);
62
- -moz-transform: scale(1);
63
- -o-transform: scale(1);
64
- transform: scale(1);
65
- transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
66
- width: 26px;
67
- }
68
- .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
69
- justify-content: center;
70
- background-repeat: no-repeat;
71
- background-size: contain;
72
- cursor: pointer;
73
- display: block;
74
- height: 24px;
75
- width: 24px;
76
- }
77
-
78
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
79
- /* center a block element */
80
- /* use this to any of the pseudo elements as these are the mandatory properties */
81
- /* setting styles in separate formats for cross browser support */
82
- /* specify the max width for an element and apply ellipses and truncate the overflow */
83
- /* vertically center alilgn any HTML element */
84
- /* add basePath to assets */
85
- .FalconHeader-module__outer___cpG-W {
86
- padding: 14px 0 18px;
87
- }
88
-
89
- .FalconHeader-module__container___r3bIZ {
90
- -webkit-transition: all 1s ease-out;
91
- transition: all 1s ease-out;
92
- background-color: #f7f6f5;
93
- font-size: 14px;
94
- line-height: 18px;
95
- font-weight: 700;
96
- max-height: 60px;
97
- min-height: 3px;
98
- opacity: 1;
99
- width: 100%;
100
- padding-top: 4px;
101
- }
102
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
103
- opacity: 1;
104
- background-color: #da291c;
105
- -webkit-transition: all 1s ease-out;
106
- transition: all 1s ease-out;
107
- }
108
- @media (max-width: 1023px) {
109
- .FalconHeader-module__container___r3bIZ {
110
- background-color: #da291c;
111
- min-height: 4px;
112
- }
113
- }
114
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
115
- margin-left: 20px;
116
- }
117
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
118
- margin-left: 100px;
119
- }
120
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
121
- float: left;
122
- color: #3d3935;
123
- font-weight: 400;
124
- font-size: 14px;
125
- line-height: 20px;
126
- display: block;
127
- height: 30px;
128
- text-decoration: none;
129
- }
130
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
131
- text-decoration: none;
132
- }
133
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
134
- float: right;
135
- }
136
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
137
- color: #1f1f1f;
138
- font-weight: 400;
139
- font-size: 14px;
140
- line-height: 20px;
141
- display: block;
142
- margin-bottom: 4px;
143
- text-decoration: none;
144
- }
145
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
146
- text-decoration: none;
147
- }
148
-
149
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
150
- background-color: #111111;
151
- }
152
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
153
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
154
- color: #ffffff;
155
- }
156
-
157
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
158
- /* center a block element */
159
- /* use this to any of the pseudo elements as these are the mandatory properties */
160
- /* setting styles in separate formats for cross browser support */
161
- /* specify the max width for an element and apply ellipses and truncate the overflow */
162
- /* vertically center alilgn any HTML element */
163
- /* add basePath to assets */
164
- .NavigationMenuItem-module__nav-link___ZDsjB {
165
- font-size: 16px;
166
- line-height: 24px;
167
- margin-right: 6px;
168
- }
169
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
170
- padding: 10px 4px;
171
- display: flex;
172
- align-items: center;
173
- gap: 8px;
174
- }
175
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
176
- flex-shrink: 0;
177
- height: 24px;
178
- width: 24px;
179
- }
180
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
181
- filter: none;
182
- }
183
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
184
- color: #3d3935;
185
- background-color: #f7f6f5;
186
- border-radius: 8px;
187
- }
188
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
189
- padding-left: unset;
190
- padding-right: 4px;
191
- transform: rotate(-180deg);
192
- }
193
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
194
- color: #ffffff;
195
- }
196
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
197
- filter: brightness(0) invert(0.9);
198
- }
199
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
200
- color: #ffffff;
201
- background-color: #1f1f1f;
202
- }
203
-
204
- .active-item .NavigationMenuItem-module__submenu___cWv9X {
205
- -webkit-transform: translateY(0);
206
- -moz-transform: translateY(0);
207
- -o-transform: translateY(0);
208
- transform: translateY(0);
209
- transition-delay: 0.3s;
210
- visibility: visible;
211
- border-radius: 0px 0px 8px 8px;
212
- }
213
-
214
- .NavigationMenuItem-module__submenu___cWv9X {
215
- background-color: #ffffff;
216
- display: block;
217
- left: 60%;
218
- margin-left: -58%;
219
- margin-top: -16px;
220
- position: absolute;
221
- top: 85px;
222
- font-size: 16px;
223
- line-height: 20px;
224
- -webkit-transform: translateY(-100%);
225
- -moz-transform: translateY(-100%);
226
- -o-transform: translateY(-100%);
227
- transform: translateY(-100%);
228
- visibility: hidden;
229
- }
230
-
231
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
232
- background-color: #1f1f1f;
233
- }
234
-
235
- .NavigationMenuItem-module__out___rzlPg {
236
- position: relative;
237
- }
238
-
239
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
240
- /* center a block element */
241
- /* use this to any of the pseudo elements as these are the mandatory properties */
242
- /* setting styles in separate formats for cross browser support */
243
- /* specify the max width for an element and apply ellipses and truncate the overflow */
244
- /* vertically center alilgn any HTML element */
245
- /* add basePath to assets */
246
- .MobileNavigation-module__container___apq4z {
247
- background-color: #ffffff;
248
- }
249
- @media (max-width: 1023px) {
250
- .MobileNavigation-module__container___apq4z {
251
- background-color: #f8f8f8;
252
- }
253
- }
254
- .MobileNavigation-module__container___apq4z {
255
- left: 0;
256
- min-height: calc(100vh - 45px);
257
- height: calc(100vh - 45px);
258
- }
259
- @supports (height: 100dvh) {
260
- .MobileNavigation-module__container___apq4z {
261
- min-height: calc(100dvh - 45px);
262
- height: calc(100dvh - 45px);
263
- }
264
- }
265
- .MobileNavigation-module__container___apq4z {
266
- position: absolute;
267
- -webkit-transform: translateY(-100%);
268
- -moz-transform: translateY(-100%);
269
- -o-transform: translateY(-100%);
270
- transform: translateY(-100%);
271
- transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
272
- transition: transform 0.3s ease, visibility 0.3s ease;
273
- transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
274
- visibility: hidden;
275
- width: 100%;
276
- z-index: 10;
277
- }
278
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
279
- height: calc(100vh - 45px);
280
- }
281
- @supports (height: 100dvh) {
282
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
283
- height: calc(100dvh - 45px);
284
- }
285
- }
286
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
287
- overflow-y: auto;
288
- overscroll-behavior: contain;
289
- -webkit-overflow-scrolling: touch;
290
- touch-action: pan-y;
291
- padding-top: 16px;
292
- padding-bottom: 16px;
293
- }
294
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
295
- margin-top: 24px;
296
- }
297
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
298
- margin-top: 20px;
299
- }
300
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
301
- background-color: #ffffff;
302
- font-size: 16px;
303
- line-height: 24px;
304
- display: flex;
305
- height: auto;
306
- padding: 10px;
307
- margin-bottom: 4px;
308
- color: #333333;
309
- }
310
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
311
- border: 1px solid #e8e8e8;
312
- }
313
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
314
- margin-left: 12px;
315
- }
316
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
317
- border-bottom: 2px solid #f8f8f8;
318
- border-top: 2px solid #f8f8f8;
319
- }
320
-
321
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
322
- background-color: #111111;
323
- }
324
- @media (max-width: 1023px) {
325
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
326
- background-color: #111111;
327
- }
328
- }
329
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
330
- background-color: #1f1f1f;
331
- color: #ffffff;
332
- border: 1px solid #2c2c2c;
333
- }
334
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
335
- border-bottom: 2px solid #2c2c2c;
336
- border-top: 2px solid #2c2c2c;
337
- }
338
-
339
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
340
- -webkit-transform: translateY(0);
341
- -moz-transform: translateY(0);
342
- -o-transform: translateY(0);
343
- transform: translateY(0);
344
- visibility: visible;
345
- }
346
-
347
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
348
- /* center a block element */
349
- /* use this to any of the pseudo elements as these are the mandatory properties */
350
- /* setting styles in separate formats for cross browser support */
351
- /* specify the max width for an element and apply ellipses and truncate the overflow */
352
- /* vertically center alilgn any HTML element */
353
- /* add basePath to assets */
354
- @media (min-width: 768px) {
355
- .MinimizedHeader-module__outer___JOzJC {
356
- background-color: #ffffff;
357
- border-top: 4px solid #da291c;
358
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
359
- height: 72px;
360
- }
361
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
362
- position: fixed;
363
- top: 0;
364
- left: 0;
365
- padding: 4px 8px;
366
- font-size: 14px;
367
- z-index: 10000;
368
- color: #5f5955;
369
- background: #ffffff;
370
- }
371
- }
372
- @media (min-width: 768px) and (max-width: 850px) {
373
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
374
- padding: 0 4px;
375
- font-size: 8px;
376
- }
377
- }
378
- @media (min-width: 768px) {
379
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
380
- width: 100%;
381
- display: inline-block;
382
- }
383
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
384
- display: flex;
385
- float: left;
386
- align-items: center;
387
- margin: 10px 0;
388
- }
389
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
390
- padding-left: 10px;
391
- }
392
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
393
- float: right;
394
- display: flex;
395
- margin: 24px 0 24px 0;
396
- }
397
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
398
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
399
- background-repeat: no-repeat;
400
- background-size: contain;
401
- display: block;
402
- height: 24px;
403
- margin-right: 6px;
404
- width: 24px;
405
- }
406
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
407
- color: #da291c;
408
- font-weight: 700;
409
- font-size: 18px;
410
- line-height: 24px;
411
- }
412
- }
413
- @media (max-width: 767px) {
414
- .MinimizedHeader-module__outer___JOzJC {
415
- background-color: #ffffff;
416
- border-top: 4px solid #da291c;
417
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
418
- height: 48px;
419
- }
420
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
421
- width: 100%;
422
- display: inline-block;
423
- }
424
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
425
- display: flex;
426
- float: left;
427
- }
428
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
429
- margin-top: 12px;
430
- }
431
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
432
- height: 24px;
433
- width: 24px;
434
- float: left;
435
- }
436
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
437
- margin-top: 8px;
438
- padding-left: 6px;
439
- }
440
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
441
- height: 20px;
442
- }
443
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
444
- float: right;
445
- display: flex;
446
- margin: 12px 0 12px 0;
447
- }
448
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
449
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
450
- background-repeat: no-repeat;
451
- background-size: contain;
452
- display: block;
453
- height: 20px;
454
- margin-right: 6px;
455
- width: 20px;
456
- }
457
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
458
- color: #da291c;
459
- font-weight: 700;
460
- font-size: 18px;
461
- line-height: 24px;
462
- }
463
- }
464
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
465
- position: fixed;
466
- top: 0;
467
- left: 0;
468
- padding: 4px 8px;
469
- font-size: 14px;
470
- z-index: 10000;
471
- color: #5f5955;
472
- background: #ffffff;
473
- }
474
- @media (max-width: 850px) {
475
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
476
- padding: 0 4px;
477
- font-size: 8px;
478
- }
479
- }
480
-
481
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
482
2
  /* center a block element */
483
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -798,321 +318,350 @@
798
318
  }
799
319
  }
800
320
 
801
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
321
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
802
322
  /* center a block element */
803
323
  /* use this to any of the pseudo elements as these are the mandatory properties */
804
324
  /* setting styles in separate formats for cross browser support */
805
325
  /* specify the max width for an element and apply ellipses and truncate the overflow */
806
326
  /* vertically center alilgn any HTML element */
807
327
  /* add basePath to assets */
808
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
809
- 0%, 80%, 100% {
810
- transform: translateY(0);
328
+ .row-module__sr-def-row___us1ph {
329
+ margin-left: auto;
330
+ margin-right: auto;
331
+ padding-left: 16px;
332
+ padding-right: 16px;
333
+ max-width: 1308px;
334
+ width: 100%;
335
+ }
336
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
337
+ padding: 0px;
338
+ max-width: 100%;
339
+ }
340
+ @media (min-width: 1024px) and (max-width: 1439px) {
341
+ .row-module__sr-def-row___us1ph {
342
+ max-width: 972px;
811
343
  }
812
- 40% {
813
- transform: translateY(-10px);
344
+ }
345
+ @media (min-width: 768px) and (max-width: 1023px) {
346
+ .row-module__sr-def-row___us1ph {
347
+ max-width: 720px;
814
348
  }
815
349
  }
816
- .CartDotLoader-module__loaderWrapper___PmIHe {
817
- display: flex;
818
- flex-direction: column;
819
- align-items: center;
820
- justify-content: center;
821
- gap: 20px;
822
- height: 100%;
823
- min-height: 200px;
824
- padding: 40px 24px;
350
+ @media (max-width: 767px) {
351
+ .row-module__sr-def-row___us1ph {
352
+ max-width: 100%;
353
+ }
825
354
  }
826
355
 
827
- .CartDotLoader-module__dots___OiUF- {
828
- display: flex;
356
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
357
+ /* center a block element */
358
+ /* use this to any of the pseudo elements as these are the mandatory properties */
359
+ /* setting styles in separate formats for cross browser support */
360
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
361
+ /* vertically center alilgn any HTML element */
362
+ /* add basePath to assets */
363
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
364
+ -webkit-align-items: center;
365
+ -moz-align-items: center;
366
+ -o-align-items: center;
829
367
  align-items: center;
830
- gap: 8px;
831
- }
832
-
833
- .CartDotLoader-module__dot___RsJtn {
834
- display: block;
835
- width: 12px;
836
- height: 12px;
837
- border-radius: 50%;
838
- background-color: #da291c;
839
- animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
840
- }
841
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
842
- animation-delay: 0s;
843
- }
844
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
845
- animation-delay: 0.2s;
846
- }
847
- .CartDotLoader-module__dot___RsJtn:nth-child(3) {
848
- animation-delay: 0.4s;
368
+ cursor: pointer;
369
+ display: flex;
370
+ flex-direction: column;
371
+ height: 18px;
372
+ justify-content: space-between;
373
+ width: 26px;
849
374
  }
850
- .CartDotLoader-module__dot___RsJtn:nth-child(4) {
851
- animation-delay: 0.6s;
375
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
376
+ background-color: #575452;
377
+ border-radius: 4px;
378
+ height: 2px;
379
+ opacity: 1;
380
+ position: relative;
381
+ -webkit-transform: scale(1);
382
+ -moz-transform: scale(1);
383
+ -o-transform: scale(1);
384
+ transform: scale(1);
385
+ transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
386
+ width: 26px;
852
387
  }
853
-
854
- .CartDotLoader-module__loaderText___7uOK9 {
855
- font-size: 16px;
856
- line-height: 24px;
857
- font-weight: 700;
858
- color: #3d3935;
859
- margin: 0;
860
- text-align: center;
388
+ .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
389
+ justify-content: center;
390
+ background-repeat: no-repeat;
391
+ background-size: contain;
392
+ cursor: pointer;
393
+ display: block;
394
+ height: 24px;
395
+ width: 24px;
861
396
  }
862
397
 
863
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
398
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
864
399
  /* center a block element */
865
400
  /* use this to any of the pseudo elements as these are the mandatory properties */
866
401
  /* setting styles in separate formats for cross browser support */
867
402
  /* specify the max width for an element and apply ellipses and truncate the overflow */
868
403
  /* vertically center alilgn any HTML element */
869
404
  /* add basePath to assets */
870
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
871
- font-weight: unset;
405
+ .FalconHeader-module__outer___cpG-W {
406
+ padding: 14px 0 18px;
872
407
  }
873
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
874
- position: relative;
875
- color: #333333;
876
- display: -webkit-box;
877
- font-size: 16px;
878
- line-height: 24px;
879
- display: flex;
880
- height: auto;
881
- text-decoration: none;
882
- padding: 10px 10px 10px 10px;
883
- margin-bottom: 4px;
884
- background-color: #ffffff;
408
+
409
+ .FalconHeader-module__container___r3bIZ {
410
+ -webkit-transition: all 1s ease-out;
411
+ transition: all 1s ease-out;
412
+ background-color: #f7f6f5;
413
+ font-size: 14px;
414
+ line-height: 18px;
415
+ font-weight: 700;
416
+ max-height: 60px;
417
+ min-height: 3px;
418
+ opacity: 1;
419
+ width: 100%;
420
+ padding-top: 4px;
885
421
  }
886
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
887
- border: 1px solid #e8e8e8;
422
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
423
+ opacity: 1;
424
+ background-color: #da291c;
425
+ -webkit-transition: all 1s ease-out;
426
+ transition: all 1s ease-out;
888
427
  }
889
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
890
- position: absolute;
891
- left: 10px;
428
+ @media (max-width: 1023px) {
429
+ .FalconHeader-module__container___r3bIZ {
430
+ background-color: #da291c;
431
+ min-height: 4px;
432
+ }
892
433
  }
893
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
894
- position: absolute;
895
- right: 10px;
434
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
435
+ margin-left: 20px;
896
436
  }
897
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
898
- transition: transform 0.2s ease;
437
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
438
+ margin-left: 100px;
899
439
  }
900
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
440
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
441
+ float: left;
442
+ color: #3d3935;
443
+ font-weight: 400;
444
+ font-size: 14px;
445
+ line-height: 20px;
901
446
  display: block;
902
- flex-shrink: 0;
903
- height: 24px;
904
- width: 24px;
905
- margin-right: 8px;
447
+ height: 30px;
448
+ text-decoration: none;
906
449
  }
907
-
908
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
909
- transform: rotate(-180deg);
450
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
451
+ text-decoration: none;
452
+ }
453
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
454
+ float: right;
455
+ }
456
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
457
+ color: #1f1f1f;
458
+ font-weight: 400;
459
+ font-size: 14px;
460
+ line-height: 20px;
461
+ display: block;
462
+ margin-bottom: 4px;
463
+ text-decoration: none;
464
+ }
465
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
466
+ text-decoration: none;
910
467
  }
911
468
 
912
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
913
- background-color: #1f1f1f;
914
- color: #ffffff;
915
- border: 1px solid #2c2c2c;
469
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
470
+ background-color: #111111;
916
471
  }
917
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
918
- filter: brightness(0) invert(0.9);
472
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
473
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
474
+ color: #ffffff;
919
475
  }
920
476
 
921
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
477
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
922
478
  /* center a block element */
923
479
  /* use this to any of the pseudo elements as these are the mandatory properties */
924
480
  /* setting styles in separate formats for cross browser support */
925
481
  /* specify the max width for an element and apply ellipses and truncate the overflow */
926
482
  /* vertically center alilgn any HTML element */
927
483
  /* add basePath to assets */
928
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
929
- margin-left: 0 !important;
484
+ .NavigationMenuItem-module__nav-link___ZDsjB {
485
+ font-size: 16px;
486
+ line-height: 24px;
487
+ margin-right: 6px;
930
488
  }
931
-
932
- .BusinessCustomerLinkOut-module__icon___lYHUm {
933
- padding: 14px 8px 18px 8px;
934
- cursor: pointer;
489
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
490
+ padding: 10px 4px;
491
+ display: flex;
492
+ align-items: center;
493
+ gap: 8px;
935
494
  }
936
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
937
- margin-left: 0px !important;
938
- padding-left: 8px;
495
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
496
+ flex-shrink: 0;
497
+ height: 24px;
498
+ width: 24px;
939
499
  }
940
-
941
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
942
- color: #da291c;
943
- background-color: #ffffff;
944
- padding: 14px 8px 18px 8px;
945
- border-radius: 4px 4px 0 0;
500
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
501
+ filter: none;
946
502
  }
947
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
948
- color: #da291c;
949
- margin-left: 0px !important;
503
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
504
+ color: #3d3935;
505
+ background-color: #f7f6f5;
506
+ border-radius: 8px;
507
+ }
508
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
950
509
  padding-left: unset;
951
- padding-right: 8px;
510
+ padding-right: 4px;
952
511
  transform: rotate(-180deg);
953
512
  }
954
-
955
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
956
- color: #da291c !important;
957
- }
958
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
959
- border-radius: 4px 4px 0 0;
960
- background-color: #ffffff;
961
- padding: 14px 8px 18px 8px;
513
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
514
+ color: #ffffff;
962
515
  }
963
-
964
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
965
- color: unset !important;
516
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
517
+ filter: brightness(0) invert(0.9);
966
518
  }
967
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
968
- background-color: unset;
519
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
520
+ color: #ffffff;
521
+ background-color: #1f1f1f;
969
522
  }
970
523
 
971
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
972
- background-color: transparent;
524
+ .active-item .NavigationMenuItem-module__submenu___cWv9X {
525
+ -webkit-transform: translateY(0);
526
+ -moz-transform: translateY(0);
527
+ -o-transform: translateY(0);
528
+ transform: translateY(0);
529
+ transition-delay: 0.3s;
530
+ visibility: visible;
531
+ border-radius: 0px 0px 8px 8px;
973
532
  }
974
533
 
975
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
976
- margin-left: 0px !important;
977
- position: absolute;
978
- min-width: 214px;
979
- display: block;
980
- padding: 36px 32px 36px 32px;
981
- font-size: 18px;
982
- line-height: 24px;
983
- border: 0;
984
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
534
+ .NavigationMenuItem-module__submenu___cWv9X {
985
535
  background-color: #ffffff;
986
- border-radius: 0 0 8px 8px;
987
- z-index: 1;
988
- }
989
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
990
- margin-left: 0 !important;
991
- padding-top: 18px;
992
- }
993
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
994
- padding-top: 28px;
995
- }
996
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
997
- border-bottom: 1px solid #e6e3df;
998
- padding-bottom: 18px;
536
+ display: block;
537
+ left: 60%;
538
+ margin-left: -58%;
539
+ margin-top: -16px;
540
+ position: absolute;
541
+ top: 85px;
542
+ font-size: 16px;
543
+ line-height: 20px;
544
+ -webkit-transform: translateY(-100%);
545
+ -moz-transform: translateY(-100%);
546
+ -o-transform: translateY(-100%);
547
+ transform: translateY(-100%);
548
+ visibility: hidden;
999
549
  }
1000
550
 
1001
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1002
- background-color: #111111;
1003
- }
1004
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
551
+ .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
1005
552
  background-color: #1f1f1f;
1006
553
  }
1007
554
 
1008
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
555
+ .NavigationMenuItem-module__out___rzlPg {
556
+ position: relative;
557
+ }
558
+
559
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
1009
560
  /* center a block element */
1010
561
  /* use this to any of the pseudo elements as these are the mandatory properties */
1011
562
  /* setting styles in separate formats for cross browser support */
1012
563
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1013
564
  /* vertically center alilgn any HTML element */
1014
565
  /* add basePath to assets */
1015
- .SubNavigation-module__container___Wb5XN {
566
+ .MobileNavigation-module__container___apq4z {
1016
567
  background-color: #ffffff;
1017
- color: #575452;
1018
- border-radius: 0px 0px 8px 8px;
1019
- margin: 0 auto;
1020
- max-width: 1308px;
1021
- min-height: 47px;
1022
- -webkit-align-items: center;
1023
- -moz-align-items: center;
1024
- -o-align-items: center;
1025
- align-items: center;
1026
- }
1027
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1028
- font-size: 14px;
1029
- line-height: 20px;
1030
- font-weight: 700;
1031
568
  }
1032
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1033
- margin-left: 0 !important;
1034
- margin-top: 0 !important;
1035
- font-size: 18px;
1036
- line-height: 24px;
1037
- font-weight: 400;
1038
- display: block !important;
569
+ @media (max-width: 1023px) {
570
+ .MobileNavigation-module__container___apq4z {
571
+ background-color: #f8f8f8;
572
+ }
1039
573
  }
1040
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1041
- padding-bottom: 28px;
574
+ .MobileNavigation-module__container___apq4z {
575
+ left: 0;
576
+ min-height: calc(100vh - 45px);
577
+ height: calc(100vh - 45px);
1042
578
  }
1043
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1044
- font-size: 14px;
1045
- line-height: 20px;
1046
- color: #7A7A7B;
1047
- font-weight: 700;
1048
- padding-bottom: 28px;
579
+ @supports (height: 100dvh) {
580
+ .MobileNavigation-module__container___apq4z {
581
+ min-height: calc(100dvh - 45px);
582
+ height: calc(100dvh - 45px);
583
+ }
1049
584
  }
1050
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1051
- display: flex;
1052
- grid-column: 2;
1053
- grid-template-columns: repeat(auto-fit, 20%);
1054
- padding: 24px 32px;
585
+ .MobileNavigation-module__container___apq4z {
586
+ position: absolute;
587
+ -webkit-transform: translateY(-100%);
588
+ -moz-transform: translateY(-100%);
589
+ -o-transform: translateY(-100%);
590
+ transform: translateY(-100%);
591
+ transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
592
+ transition: transform 0.3s ease, visibility 0.3s ease;
593
+ transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
594
+ visibility: hidden;
595
+ width: 100%;
596
+ z-index: 10;
1055
597
  }
1056
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1057
- border-left: 1px solid #e6e3df;
1058
- padding-left: 24px;
1059
- padding-right: 24px;
1060
- max-width: 248px;
598
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
599
+ height: calc(100vh - 45px);
1061
600
  }
1062
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1063
- padding-left: 0;
1064
- border: none;
601
+ @supports (height: 100dvh) {
602
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
603
+ height: calc(100dvh - 45px);
604
+ }
1065
605
  }
1066
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1067
- margin-left: 4px;
1068
- vertical-align: middle;
1069
- height: 24px;
1070
- width: 24px;
606
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
607
+ overflow-y: auto;
608
+ overscroll-behavior: contain;
609
+ -webkit-overflow-scrolling: touch;
610
+ touch-action: pan-y;
611
+ padding-top: 16px;
612
+ padding-bottom: 16px;
1071
613
  }
1072
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1073
- margin-left: 0;
1074
- margin-right: 4px;
614
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
615
+ margin-top: 24px;
1075
616
  }
1076
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1077
- white-space: nowrap;
1078
- display: inline-flex;
1079
- align-items: center;
617
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
618
+ margin-top: 20px;
1080
619
  }
1081
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
620
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
621
+ background-color: #ffffff;
622
+ font-size: 16px;
623
+ line-height: 24px;
1082
624
  display: flex;
1083
- align-items: flex-start;
1084
- gap: 4px;
1085
- white-space: normal;
1086
- max-width: 100%;
1087
- }
1088
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1089
- white-space: normal;
1090
- min-width: 0;
625
+ height: auto;
626
+ padding: 10px;
627
+ margin-bottom: 4px;
628
+ color: #333333;
1091
629
  }
1092
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1093
- white-space: normal;
1094
- align-items: flex-start;
1095
- gap: 4px;
630
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
631
+ border: 1px solid #e8e8e8;
1096
632
  }
1097
-
1098
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1099
- background-color: #1f1f1f;
1100
- color: #ffffff;
633
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
634
+ margin-left: 12px;
1101
635
  }
1102
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1103
- color: #ffffff;
636
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
637
+ border-bottom: 2px solid #f8f8f8;
638
+ border-top: 2px solid #f8f8f8;
1104
639
  }
1105
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1106
- color: #ffffff;
640
+
641
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
642
+ background-color: #111111;
1107
643
  }
1108
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
644
+ @media (max-width: 1023px) {
645
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
646
+ background-color: #111111;
647
+ }
648
+ }
649
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
650
+ background-color: #1f1f1f;
1109
651
  color: #ffffff;
652
+ border: 1px solid #2c2c2c;
1110
653
  }
1111
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1112
- border-left: 1px solid #86807c;
654
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
655
+ border-bottom: 2px solid #2c2c2c;
656
+ border-top: 2px solid #2c2c2c;
1113
657
  }
1114
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1115
- border: none;
658
+
659
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
660
+ -webkit-transform: translateY(0);
661
+ -moz-transform: translateY(0);
662
+ -o-transform: translateY(0);
663
+ transform: translateY(0);
664
+ visibility: visible;
1116
665
  }
1117
666
 
1118
667
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
@@ -1232,6 +781,140 @@
1232
781
  text-align: center;
1233
782
  }
1234
783
 
784
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
785
+ /* center a block element */
786
+ /* use this to any of the pseudo elements as these are the mandatory properties */
787
+ /* setting styles in separate formats for cross browser support */
788
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
789
+ /* vertically center alilgn any HTML element */
790
+ /* add basePath to assets */
791
+ @media (min-width: 768px) {
792
+ .MinimizedHeader-module__outer___JOzJC {
793
+ background-color: #ffffff;
794
+ border-top: 4px solid #da291c;
795
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
796
+ height: 72px;
797
+ }
798
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
799
+ position: fixed;
800
+ top: 0;
801
+ left: 0;
802
+ padding: 4px 8px;
803
+ font-size: 14px;
804
+ z-index: 10000;
805
+ color: #5f5955;
806
+ background: #ffffff;
807
+ }
808
+ }
809
+ @media (min-width: 768px) and (max-width: 850px) {
810
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
811
+ padding: 0 4px;
812
+ font-size: 8px;
813
+ }
814
+ }
815
+ @media (min-width: 768px) {
816
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
817
+ width: 100%;
818
+ display: inline-block;
819
+ }
820
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
821
+ display: flex;
822
+ float: left;
823
+ align-items: center;
824
+ margin: 10px 0;
825
+ }
826
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
827
+ padding-left: 10px;
828
+ }
829
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
830
+ float: right;
831
+ display: flex;
832
+ margin: 24px 0 24px 0;
833
+ }
834
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
835
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
836
+ background-repeat: no-repeat;
837
+ background-size: contain;
838
+ display: block;
839
+ height: 24px;
840
+ margin-right: 6px;
841
+ width: 24px;
842
+ }
843
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
844
+ color: #da291c;
845
+ font-weight: 700;
846
+ font-size: 18px;
847
+ line-height: 24px;
848
+ }
849
+ }
850
+ @media (max-width: 767px) {
851
+ .MinimizedHeader-module__outer___JOzJC {
852
+ background-color: #ffffff;
853
+ border-top: 4px solid #da291c;
854
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
855
+ height: 48px;
856
+ }
857
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
858
+ width: 100%;
859
+ display: inline-block;
860
+ }
861
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
862
+ display: flex;
863
+ float: left;
864
+ }
865
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
866
+ margin-top: 12px;
867
+ }
868
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
869
+ height: 24px;
870
+ width: 24px;
871
+ float: left;
872
+ }
873
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
874
+ margin-top: 8px;
875
+ padding-left: 6px;
876
+ }
877
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
878
+ height: 20px;
879
+ }
880
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
881
+ float: right;
882
+ display: flex;
883
+ margin: 12px 0 12px 0;
884
+ }
885
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
886
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
887
+ background-repeat: no-repeat;
888
+ background-size: contain;
889
+ display: block;
890
+ height: 20px;
891
+ margin-right: 6px;
892
+ width: 20px;
893
+ }
894
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
895
+ color: #da291c;
896
+ font-weight: 700;
897
+ font-size: 18px;
898
+ line-height: 24px;
899
+ }
900
+ }
901
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
902
+ position: fixed;
903
+ top: 0;
904
+ left: 0;
905
+ padding: 4px 8px;
906
+ font-size: 14px;
907
+ z-index: 10000;
908
+ color: #5f5955;
909
+ background: #ffffff;
910
+ }
911
+ @media (max-width: 850px) {
912
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
913
+ padding: 0 4px;
914
+ font-size: 8px;
915
+ }
916
+ }
917
+
1235
918
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1236
919
  /* center a block element */
1237
920
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1620,52 +1303,172 @@
1620
1303
  }
1621
1304
  }
1622
1305
 
1623
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1306
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1307
+ /* center a block element */
1308
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1309
+ /* setting styles in separate formats for cross browser support */
1310
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1311
+ /* vertically center alilgn any HTML element */
1312
+ /* add basePath to assets */
1313
+ .CartHeader-module__headerTitle___35F6g {
1314
+ display: flex;
1315
+ align-items: center;
1316
+ gap: 8px;
1317
+ }
1318
+
1319
+ .CartHeader-module__headerItemCount___g1Ynd {
1320
+ font-size: 24px;
1321
+ line-height: 32px;
1322
+ font-weight: 400;
1323
+ color: #3d3935;
1324
+ }
1325
+ @media (max-width: 1023px) {
1326
+ .CartHeader-module__headerItemCount___g1Ynd {
1327
+ font-size: 20px;
1328
+ line-height: 28px;
1329
+ }
1330
+ }
1331
+
1332
+ .CartHeader-module__clearAllButton___B3bNF {
1333
+ display: inline;
1334
+ background: none;
1335
+ border: none;
1336
+ padding: 0;
1337
+ cursor: pointer;
1338
+ font-size: 14px;
1339
+ line-height: 20px;
1340
+ font-weight: 400;
1341
+ color: #da291c;
1342
+ text-decoration: underline;
1343
+ text-underline-offset: 2px;
1344
+ }
1345
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1346
+ color: #961c13;
1347
+ }
1348
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1349
+ outline: 2px solid #da291c;
1350
+ outline-offset: 2px;
1351
+ border-radius: 2px;
1352
+ }
1353
+
1354
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1355
+ /* center a block element */
1356
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1357
+ /* setting styles in separate formats for cross browser support */
1358
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1359
+ /* vertically center alilgn any HTML element */
1360
+ /* add basePath to assets */
1361
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1362
+ 0%, 80%, 100% {
1363
+ transform: translateY(0);
1364
+ }
1365
+ 40% {
1366
+ transform: translateY(-10px);
1367
+ }
1368
+ }
1369
+ .CartDotLoader-module__loaderWrapper___PmIHe {
1370
+ display: flex;
1371
+ flex-direction: column;
1372
+ align-items: center;
1373
+ justify-content: center;
1374
+ gap: 20px;
1375
+ height: 100%;
1376
+ min-height: 200px;
1377
+ padding: 40px 24px;
1378
+ }
1379
+
1380
+ .CartDotLoader-module__dots___OiUF- {
1381
+ display: flex;
1382
+ align-items: center;
1383
+ gap: 8px;
1384
+ }
1385
+
1386
+ .CartDotLoader-module__dot___RsJtn {
1387
+ display: block;
1388
+ width: 12px;
1389
+ height: 12px;
1390
+ border-radius: 50%;
1391
+ background-color: #da291c;
1392
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1393
+ }
1394
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1395
+ animation-delay: 0s;
1396
+ }
1397
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1398
+ animation-delay: 0.2s;
1399
+ }
1400
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1401
+ animation-delay: 0.4s;
1402
+ }
1403
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1404
+ animation-delay: 0.6s;
1405
+ }
1406
+
1407
+ .CartDotLoader-module__loaderText___7uOK9 {
1408
+ font-size: 16px;
1409
+ line-height: 24px;
1410
+ font-weight: 700;
1411
+ color: #3d3935;
1412
+ margin: 0;
1413
+ text-align: center;
1414
+ }
1415
+
1416
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1624
1417
  /* center a block element */
1625
1418
  /* use this to any of the pseudo elements as these are the mandatory properties */
1626
1419
  /* setting styles in separate formats for cross browser support */
1627
1420
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1628
1421
  /* vertically center alilgn any HTML element */
1629
1422
  /* add basePath to assets */
1630
- .CartHeader-module__headerTitle___35F6g {
1423
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1424
+ font-weight: unset;
1425
+ }
1426
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1427
+ position: relative;
1428
+ color: #333333;
1429
+ display: -webkit-box;
1430
+ font-size: 16px;
1431
+ line-height: 24px;
1631
1432
  display: flex;
1632
- align-items: center;
1633
- gap: 8px;
1433
+ height: auto;
1434
+ text-decoration: none;
1435
+ padding: 10px 10px 10px 10px;
1436
+ margin-bottom: 4px;
1437
+ background-color: #ffffff;
1634
1438
  }
1635
-
1636
- .CartHeader-module__headerItemCount___g1Ynd {
1637
- font-size: 24px;
1638
- line-height: 32px;
1639
- font-weight: 400;
1640
- color: #3d3935;
1439
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1440
+ border: 1px solid #e8e8e8;
1641
1441
  }
1642
- @media (max-width: 1023px) {
1643
- .CartHeader-module__headerItemCount___g1Ynd {
1644
- font-size: 20px;
1645
- line-height: 28px;
1646
- }
1442
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1443
+ position: absolute;
1444
+ left: 10px;
1445
+ }
1446
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1447
+ position: absolute;
1448
+ right: 10px;
1449
+ }
1450
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1451
+ transition: transform 0.2s ease;
1452
+ }
1453
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1454
+ display: block;
1455
+ flex-shrink: 0;
1456
+ height: 24px;
1457
+ width: 24px;
1458
+ margin-right: 8px;
1647
1459
  }
1648
1460
 
1649
- .CartHeader-module__clearAllButton___B3bNF {
1650
- display: inline;
1651
- background: none;
1652
- border: none;
1653
- padding: 0;
1654
- cursor: pointer;
1655
- font-size: 14px;
1656
- line-height: 20px;
1657
- font-weight: 400;
1658
- color: #da291c;
1659
- text-decoration: underline;
1660
- text-underline-offset: 2px;
1461
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1462
+ transform: rotate(-180deg);
1661
1463
  }
1662
- .CartHeader-module__clearAllButton___B3bNF:hover {
1663
- color: #961c13;
1464
+
1465
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1466
+ background-color: #1f1f1f;
1467
+ color: #ffffff;
1468
+ border: 1px solid #2c2c2c;
1664
1469
  }
1665
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1666
- outline: 2px solid #da291c;
1667
- outline-offset: 2px;
1668
- border-radius: 2px;
1470
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1471
+ filter: brightness(0) invert(0.9);
1669
1472
  }
1670
1473
 
1671
1474
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
@@ -1750,184 +1553,201 @@
1750
1553
  line-height: 1.3;
1751
1554
  }
1752
1555
 
1753
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1556
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1754
1557
  /* center a block element */
1755
1558
  /* use this to any of the pseudo elements as these are the mandatory properties */
1756
1559
  /* setting styles in separate formats for cross browser support */
1757
1560
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1758
1561
  /* vertically center alilgn any HTML element */
1759
1562
  /* add basePath to assets */
1760
- .CartClearConfirm-module__overlay___sxCOO {
1761
- position: absolute;
1762
- inset: 0;
1763
- z-index: 10;
1764
- background: rgba(42, 42, 42, 0.8);
1765
- display: flex;
1766
- align-items: center;
1767
- justify-content: center;
1768
- padding: 24px;
1563
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1564
+ margin-left: 0 !important;
1769
1565
  }
1770
1566
 
1771
- .CartClearConfirm-module__dialog___UWokE {
1772
- background: transparent;
1773
- border-radius: 16px;
1774
- padding: 24px;
1775
- width: 100%;
1776
- max-width: 320px;
1777
- display: flex;
1778
- flex-direction: column;
1779
- gap: 24px;
1567
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1568
+ padding: 14px 8px 18px 8px;
1569
+ cursor: pointer;
1570
+ }
1571
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1572
+ margin-left: 0px !important;
1573
+ padding-left: 8px;
1780
1574
  }
1781
1575
 
1782
- .CartClearConfirm-module__message___vd9VO {
1783
- font-size: 18px;
1784
- line-height: 26px;
1785
- font-weight: 700;
1786
- color: #ffffff;
1787
- text-align: center;
1576
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1577
+ color: #da291c;
1578
+ background-color: #ffffff;
1579
+ padding: 14px 8px 18px 8px;
1580
+ border-radius: 4px 4px 0 0;
1581
+ }
1582
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1583
+ color: #da291c;
1584
+ margin-left: 0px !important;
1585
+ padding-left: unset;
1586
+ padding-right: 8px;
1587
+ transform: rotate(-180deg);
1788
1588
  }
1789
1589
 
1790
- .CartClearConfirm-module__actions___X0-0w {
1791
- display: flex;
1792
- gap: 12px;
1590
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1591
+ color: #da291c !important;
1793
1592
  }
1794
- .CartClearConfirm-module__actions___X0-0w button {
1795
- padding: 10px 24px;
1593
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1594
+ border-radius: 4px 4px 0 0;
1595
+ background-color: #ffffff;
1596
+ padding: 14px 8px 18px 8px;
1796
1597
  }
1797
1598
 
1798
- .CartClearConfirm-module__cancelButton___LYopb {
1799
- flex: 1;
1800
- background: none;
1801
- border: 2px solid #ffffff;
1802
- border-radius: 28px;
1803
- font-size: 16px;
1804
- line-height: 24px;
1805
- font-weight: 600;
1806
- color: #ffffff;
1807
- cursor: pointer;
1808
- transition: background-color 0.15s ease;
1599
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1600
+ color: unset !important;
1809
1601
  }
1810
- .CartClearConfirm-module__cancelButton___LYopb:hover {
1811
- background-color: rgba(255, 255, 255, 0.1);
1602
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1603
+ background-color: unset;
1812
1604
  }
1813
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1814
- outline: 2px solid #ffffff;
1815
- outline-offset: 2px;
1605
+
1606
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1607
+ background-color: transparent;
1816
1608
  }
1817
1609
 
1818
- .CartClearConfirm-module__confirmButton___KgPKy {
1819
- flex: 1;
1820
- background: #ffffff;
1821
- border: 2px solid #ffffff;
1822
- border-radius: 28px;
1823
- font-size: 16px;
1610
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1611
+ margin-left: 0px !important;
1612
+ position: absolute;
1613
+ min-width: 214px;
1614
+ display: block;
1615
+ padding: 36px 32px 36px 32px;
1616
+ font-size: 18px;
1824
1617
  line-height: 24px;
1825
- font-weight: 600;
1826
- color: #3d3935;
1827
- cursor: pointer;
1828
- transition: background-color 0.15s ease;
1618
+ border: 0;
1619
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1620
+ background-color: #ffffff;
1621
+ border-radius: 0 0 8px 8px;
1622
+ z-index: 1;
1829
1623
  }
1830
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
1831
- background-color: #e6e3df;
1832
- border-color: #e6e3df;
1624
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1625
+ margin-left: 0 !important;
1626
+ padding-top: 18px;
1833
1627
  }
1834
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1835
- outline: 2px solid #ffffff;
1836
- outline-offset: 2px;
1628
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1629
+ padding-top: 28px;
1630
+ }
1631
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1632
+ border-bottom: 1px solid #e6e3df;
1633
+ padding-bottom: 18px;
1837
1634
  }
1838
1635
 
1839
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1636
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1637
+ background-color: #111111;
1638
+ }
1639
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1640
+ background-color: #1f1f1f;
1641
+ }
1642
+
1643
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1840
1644
  /* center a block element */
1841
1645
  /* use this to any of the pseudo elements as these are the mandatory properties */
1842
1646
  /* setting styles in separate formats for cross browser support */
1843
1647
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1844
1648
  /* vertically center alilgn any HTML element */
1845
1649
  /* add basePath to assets */
1846
- .MobileSubNavigation-module__container___1tQpO {
1847
- max-height: 0px;
1848
- overflow: hidden;
1849
- transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1850
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1851
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1852
- width: 100%;
1650
+ .SubNavigation-module__container___Wb5XN {
1651
+ background-color: #ffffff;
1652
+ color: #575452;
1653
+ border-radius: 0px 0px 8px 8px;
1654
+ margin: 0 auto;
1655
+ max-width: 1308px;
1656
+ min-height: 47px;
1657
+ -webkit-align-items: center;
1658
+ -moz-align-items: center;
1659
+ -o-align-items: center;
1660
+ align-items: center;
1853
1661
  }
1854
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
1855
- cursor: unset;
1856
- padding: 20px 10px 4px;
1857
- color: #858585;
1858
- letter-spacing: 1px;
1859
- text-transform: uppercase;
1662
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1860
1663
  font-size: 14px;
1861
1664
  line-height: 20px;
1862
- font-weight: 500;
1665
+ font-weight: 700;
1666
+ }
1667
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1668
+ margin-left: 0 !important;
1669
+ margin-top: 0 !important;
1670
+ font-size: 18px;
1671
+ line-height: 24px;
1672
+ font-weight: 400;
1673
+ display: block !important;
1674
+ }
1675
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1676
+ padding-bottom: 28px;
1677
+ }
1678
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1679
+ font-size: 14px;
1680
+ line-height: 20px;
1681
+ color: #7A7A7B;
1682
+ font-weight: 700;
1683
+ padding-bottom: 28px;
1863
1684
  }
1864
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1865
- background-color: #ffffff;
1866
- padding: 10px;
1685
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1686
+ display: flex;
1687
+ grid-column: 2;
1688
+ grid-template-columns: repeat(auto-fit, 20%);
1689
+ padding: 24px 32px;
1867
1690
  }
1868
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
1869
- border: 1px solid #e8e8e8;
1691
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1692
+ border-left: 1px solid #e6e3df;
1693
+ padding-left: 24px;
1694
+ padding-right: 24px;
1695
+ max-width: 248px;
1870
1696
  }
1871
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1872
- color: #333333;
1873
- font-weight: 500;
1874
- font-size: 16px;
1875
- line-height: 24px;
1697
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1698
+ padding-left: 0;
1699
+ border: none;
1876
1700
  }
1877
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
1701
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1878
1702
  margin-left: 4px;
1879
- flex-shrink: 0;
1703
+ vertical-align: middle;
1880
1704
  height: 24px;
1881
1705
  width: 24px;
1882
1706
  }
1883
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1707
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1884
1708
  margin-left: 0;
1885
1709
  margin-right: 4px;
1886
1710
  }
1887
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1711
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1888
1712
  white-space: nowrap;
1889
1713
  display: inline-flex;
1890
1714
  align-items: center;
1891
1715
  }
1892
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1716
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1893
1717
  display: flex;
1894
1718
  align-items: flex-start;
1895
1719
  gap: 4px;
1896
1720
  white-space: normal;
1897
1721
  max-width: 100%;
1898
1722
  }
1899
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1723
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1900
1724
  white-space: normal;
1901
1725
  min-width: 0;
1902
1726
  }
1903
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1904
- display: none;
1905
- }
1906
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
1907
- display: block;
1908
- height: auto;
1727
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1728
+ white-space: normal;
1729
+ align-items: flex-start;
1730
+ gap: 4px;
1909
1731
  }
1910
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
1911
- padding: 0 0 24px 16px;
1732
+
1733
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1734
+ background-color: #1f1f1f;
1735
+ color: #ffffff;
1912
1736
  }
1913
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
1914
- padding-bottom: 4px;
1737
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1738
+ color: #ffffff;
1915
1739
  }
1916
-
1917
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
1918
- color: #f2f2f2;
1740
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1741
+ color: #ffffff;
1919
1742
  }
1920
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
1921
- background-color: #1f1f1f;
1922
- border: 1px solid #2c2c2c;
1743
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1923
1744
  color: #ffffff;
1924
1745
  }
1925
-
1926
- .active-link .MobileSubNavigation-module__container___1tQpO {
1927
- max-height: 200vh;
1746
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1747
+ border-left: 1px solid #86807c;
1928
1748
  }
1929
- .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1930
- display: block;
1749
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1750
+ border: none;
1931
1751
  }
1932
1752
 
1933
1753
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
@@ -2202,3 +2022,183 @@
2202
2022
  padding: 16px;
2203
2023
  }
2204
2024
  }
2025
+
2026
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
2027
+ /* center a block element */
2028
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2029
+ /* setting styles in separate formats for cross browser support */
2030
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2031
+ /* vertically center alilgn any HTML element */
2032
+ /* add basePath to assets */
2033
+ .CartClearConfirm-module__overlay___sxCOO {
2034
+ position: absolute;
2035
+ inset: 0;
2036
+ z-index: 10;
2037
+ background: rgba(42, 42, 42, 0.8);
2038
+ display: flex;
2039
+ align-items: center;
2040
+ justify-content: center;
2041
+ padding: 24px;
2042
+ }
2043
+
2044
+ .CartClearConfirm-module__dialog___UWokE {
2045
+ background: transparent;
2046
+ border-radius: 16px;
2047
+ padding: 24px;
2048
+ width: 100%;
2049
+ max-width: 320px;
2050
+ display: flex;
2051
+ flex-direction: column;
2052
+ gap: 24px;
2053
+ }
2054
+
2055
+ .CartClearConfirm-module__message___vd9VO {
2056
+ font-size: 18px;
2057
+ line-height: 26px;
2058
+ font-weight: 700;
2059
+ color: #ffffff;
2060
+ text-align: center;
2061
+ }
2062
+
2063
+ .CartClearConfirm-module__actions___X0-0w {
2064
+ display: flex;
2065
+ gap: 12px;
2066
+ }
2067
+ .CartClearConfirm-module__actions___X0-0w button {
2068
+ padding: 10px 24px;
2069
+ }
2070
+
2071
+ .CartClearConfirm-module__cancelButton___LYopb {
2072
+ flex: 1;
2073
+ background: none;
2074
+ border: 2px solid #ffffff;
2075
+ border-radius: 28px;
2076
+ font-size: 16px;
2077
+ line-height: 24px;
2078
+ font-weight: 600;
2079
+ color: #ffffff;
2080
+ cursor: pointer;
2081
+ transition: background-color 0.15s ease;
2082
+ }
2083
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
2084
+ background-color: rgba(255, 255, 255, 0.1);
2085
+ }
2086
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2087
+ outline: 2px solid #ffffff;
2088
+ outline-offset: 2px;
2089
+ }
2090
+
2091
+ .CartClearConfirm-module__confirmButton___KgPKy {
2092
+ flex: 1;
2093
+ background: #ffffff;
2094
+ border: 2px solid #ffffff;
2095
+ border-radius: 28px;
2096
+ font-size: 16px;
2097
+ line-height: 24px;
2098
+ font-weight: 600;
2099
+ color: #3d3935;
2100
+ cursor: pointer;
2101
+ transition: background-color 0.15s ease;
2102
+ }
2103
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
2104
+ background-color: #e6e3df;
2105
+ border-color: #e6e3df;
2106
+ }
2107
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2108
+ outline: 2px solid #ffffff;
2109
+ outline-offset: 2px;
2110
+ }
2111
+
2112
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2113
+ /* center a block element */
2114
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2115
+ /* setting styles in separate formats for cross browser support */
2116
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2117
+ /* vertically center alilgn any HTML element */
2118
+ /* add basePath to assets */
2119
+ .MobileSubNavigation-module__container___1tQpO {
2120
+ max-height: 0px;
2121
+ overflow: hidden;
2122
+ transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2123
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2124
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2125
+ width: 100%;
2126
+ }
2127
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
2128
+ cursor: unset;
2129
+ padding: 20px 10px 4px;
2130
+ color: #858585;
2131
+ letter-spacing: 1px;
2132
+ text-transform: uppercase;
2133
+ font-size: 14px;
2134
+ line-height: 20px;
2135
+ font-weight: 500;
2136
+ }
2137
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2138
+ background-color: #ffffff;
2139
+ padding: 10px;
2140
+ }
2141
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
2142
+ border: 1px solid #e8e8e8;
2143
+ }
2144
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2145
+ color: #333333;
2146
+ font-weight: 500;
2147
+ font-size: 16px;
2148
+ line-height: 24px;
2149
+ }
2150
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
2151
+ margin-left: 4px;
2152
+ flex-shrink: 0;
2153
+ height: 24px;
2154
+ width: 24px;
2155
+ }
2156
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
2157
+ margin-left: 0;
2158
+ margin-right: 4px;
2159
+ }
2160
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
2161
+ white-space: nowrap;
2162
+ display: inline-flex;
2163
+ align-items: center;
2164
+ }
2165
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
2166
+ display: flex;
2167
+ align-items: flex-start;
2168
+ gap: 4px;
2169
+ white-space: normal;
2170
+ max-width: 100%;
2171
+ }
2172
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
2173
+ white-space: normal;
2174
+ min-width: 0;
2175
+ }
2176
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2177
+ display: none;
2178
+ }
2179
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
2180
+ display: block;
2181
+ height: auto;
2182
+ }
2183
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
2184
+ padding: 0 0 24px 16px;
2185
+ }
2186
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
2187
+ padding-bottom: 4px;
2188
+ }
2189
+
2190
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
2191
+ color: #f2f2f2;
2192
+ }
2193
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
2194
+ background-color: #1f1f1f;
2195
+ border: 1px solid #2c2c2c;
2196
+ color: #ffffff;
2197
+ }
2198
+
2199
+ .active-link .MobileSubNavigation-module__container___1tQpO {
2200
+ max-height: 200vh;
2201
+ }
2202
+ .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2203
+ display: block;
2204
+ }