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

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/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  2. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  3. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  4. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  5. package/dist/navigation.css +864 -864
  6. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -1,3 +1,483 @@
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
+
1
481
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
2
482
  /* center a block element */
3
483
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -318,350 +798,321 @@
318
798
  }
319
799
  }
320
800
 
321
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
801
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
322
802
  /* center a block element */
323
803
  /* use this to any of the pseudo elements as these are the mandatory properties */
324
804
  /* setting styles in separate formats for cross browser support */
325
805
  /* specify the max width for an element and apply ellipses and truncate the overflow */
326
806
  /* vertically center alilgn any HTML element */
327
807
  /* add basePath to assets */
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;
343
- }
344
- }
345
- @media (min-width: 768px) and (max-width: 1023px) {
346
- .row-module__sr-def-row___us1ph {
347
- max-width: 720px;
808
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
809
+ 0%, 80%, 100% {
810
+ transform: translateY(0);
348
811
  }
349
- }
350
- @media (max-width: 767px) {
351
- .row-module__sr-def-row___us1ph {
352
- max-width: 100%;
812
+ 40% {
813
+ transform: translateY(-10px);
353
814
  }
354
815
  }
355
-
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;
367
- align-items: center;
368
- cursor: pointer;
816
+ .CartDotLoader-module__loaderWrapper___PmIHe {
369
817
  display: flex;
370
818
  flex-direction: column;
371
- height: 18px;
372
- justify-content: space-between;
373
- width: 26px;
819
+ align-items: center;
820
+ justify-content: center;
821
+ gap: 20px;
822
+ height: 100%;
823
+ min-height: 200px;
824
+ padding: 40px 24px;
374
825
  }
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;
826
+
827
+ .CartDotLoader-module__dots___OiUF- {
828
+ display: flex;
829
+ align-items: center;
830
+ gap: 8px;
387
831
  }
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;
832
+
833
+ .CartDotLoader-module__dot___RsJtn {
393
834
  display: block;
394
- height: 24px;
395
- width: 24px;
835
+ width: 12px;
836
+ height: 12px;
837
+ border-radius: 50%;
838
+ background-color: #da291c;
839
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
840
+ }
841
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
842
+ animation-delay: 0s;
843
+ }
844
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
845
+ animation-delay: 0.2s;
846
+ }
847
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
848
+ animation-delay: 0.4s;
849
+ }
850
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
851
+ animation-delay: 0.6s;
396
852
  }
397
853
 
398
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
854
+ .CartDotLoader-module__loaderText___7uOK9 {
855
+ font-size: 16px;
856
+ line-height: 24px;
857
+ font-weight: 700;
858
+ color: #3d3935;
859
+ margin: 0;
860
+ text-align: center;
861
+ }
862
+
863
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
399
864
  /* center a block element */
400
865
  /* use this to any of the pseudo elements as these are the mandatory properties */
401
866
  /* setting styles in separate formats for cross browser support */
402
867
  /* specify the max width for an element and apply ellipses and truncate the overflow */
403
868
  /* vertically center alilgn any HTML element */
404
869
  /* add basePath to assets */
405
- .FalconHeader-module__outer___cpG-W {
406
- padding: 14px 0 18px;
407
- }
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;
421
- }
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;
427
- }
428
- @media (max-width: 1023px) {
429
- .FalconHeader-module__container___r3bIZ {
430
- background-color: #da291c;
431
- min-height: 4px;
432
- }
870
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
871
+ font-weight: unset;
433
872
  }
434
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
435
- margin-left: 20px;
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;
436
885
  }
437
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
438
- margin-left: 100px;
886
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
887
+ border: 1px solid #e8e8e8;
439
888
  }
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;
446
- display: block;
447
- height: 30px;
448
- text-decoration: none;
889
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
890
+ position: absolute;
891
+ left: 10px;
449
892
  }
450
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
451
- text-decoration: none;
893
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
894
+ position: absolute;
895
+ right: 10px;
452
896
  }
453
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
454
- float: right;
897
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
898
+ transition: transform 0.2s ease;
455
899
  }
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;
900
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
461
901
  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;
902
+ flex-shrink: 0;
903
+ height: 24px;
904
+ width: 24px;
905
+ margin-right: 8px;
467
906
  }
468
907
 
469
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
470
- background-color: #111111;
908
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
909
+ transform: rotate(-180deg);
471
910
  }
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 {
911
+
912
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
913
+ background-color: #1f1f1f;
474
914
  color: #ffffff;
915
+ border: 1px solid #2c2c2c;
916
+ }
917
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
918
+ filter: brightness(0) invert(0.9);
475
919
  }
476
920
 
477
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
921
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
478
922
  /* center a block element */
479
923
  /* use this to any of the pseudo elements as these are the mandatory properties */
480
924
  /* setting styles in separate formats for cross browser support */
481
925
  /* specify the max width for an element and apply ellipses and truncate the overflow */
482
926
  /* vertically center alilgn any HTML element */
483
927
  /* add basePath to assets */
484
- .NavigationMenuItem-module__nav-link___ZDsjB {
485
- font-size: 16px;
486
- line-height: 24px;
487
- margin-right: 6px;
488
- }
489
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
490
- padding: 10px 4px;
491
- display: flex;
492
- align-items: center;
493
- gap: 8px;
928
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
929
+ margin-left: 0 !important;
494
930
  }
495
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
496
- flex-shrink: 0;
497
- height: 24px;
498
- width: 24px;
931
+
932
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
933
+ padding: 14px 8px 18px 8px;
934
+ cursor: pointer;
499
935
  }
500
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
501
- filter: none;
936
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
937
+ margin-left: 0px !important;
938
+ padding-left: 8px;
502
939
  }
503
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
504
- color: #3d3935;
505
- background-color: #f7f6f5;
506
- border-radius: 8px;
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;
507
946
  }
508
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
947
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
948
+ color: #da291c;
949
+ margin-left: 0px !important;
509
950
  padding-left: unset;
510
- padding-right: 4px;
951
+ padding-right: 8px;
511
952
  transform: rotate(-180deg);
512
953
  }
513
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
514
- color: #ffffff;
954
+
955
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
956
+ color: #da291c !important;
515
957
  }
516
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
517
- filter: brightness(0) invert(0.9);
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;
518
962
  }
519
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
520
- color: #ffffff;
521
- background-color: #1f1f1f;
963
+
964
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
965
+ color: unset !important;
966
+ }
967
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
968
+ background-color: unset;
522
969
  }
523
970
 
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;
971
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
972
+ background-color: transparent;
532
973
  }
533
974
 
534
- .NavigationMenuItem-module__submenu___cWv9X {
535
- background-color: #ffffff;
536
- display: block;
537
- left: 60%;
538
- margin-left: -58%;
539
- margin-top: -16px;
975
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
976
+ margin-left: 0px !important;
540
977
  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;
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);
985
+ background-color: #ffffff;
986
+ border-radius: 0 0 8px 8px;
987
+ z-index: 1;
549
988
  }
550
-
551
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
552
- background-color: #1f1f1f;
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;
553
999
  }
554
1000
 
555
- .NavigationMenuItem-module__out___rzlPg {
556
- position: relative;
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 {
1005
+ background-color: #1f1f1f;
557
1006
  }
558
1007
 
559
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
1008
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
560
1009
  /* center a block element */
561
1010
  /* use this to any of the pseudo elements as these are the mandatory properties */
562
1011
  /* setting styles in separate formats for cross browser support */
563
1012
  /* specify the max width for an element and apply ellipses and truncate the overflow */
564
1013
  /* vertically center alilgn any HTML element */
565
1014
  /* add basePath to assets */
566
- .MobileNavigation-module__container___apq4z {
1015
+ .SubNavigation-module__container___Wb5XN {
567
1016
  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;
568
1026
  }
569
- @media (max-width: 1023px) {
570
- .MobileNavigation-module__container___apq4z {
571
- background-color: #f8f8f8;
572
- }
1027
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1028
+ font-size: 14px;
1029
+ line-height: 20px;
1030
+ font-weight: 700;
573
1031
  }
574
- .MobileNavigation-module__container___apq4z {
575
- left: 0;
576
- min-height: calc(100vh - 45px);
577
- height: calc(100vh - 45px);
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;
578
1039
  }
579
- @supports (height: 100dvh) {
580
- .MobileNavigation-module__container___apq4z {
581
- min-height: calc(100dvh - 45px);
582
- height: calc(100dvh - 45px);
583
- }
1040
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1041
+ padding-bottom: 28px;
584
1042
  }
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;
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;
597
1049
  }
598
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
599
- height: calc(100vh - 45px);
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;
600
1055
  }
601
- @supports (height: 100dvh) {
602
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
603
- height: calc(100dvh - 45px);
604
- }
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;
605
1061
  }
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;
1062
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1063
+ padding-left: 0;
1064
+ border: none;
613
1065
  }
614
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
615
- margin-top: 24px;
1066
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1067
+ margin-left: 4px;
1068
+ vertical-align: middle;
1069
+ height: 24px;
1070
+ width: 24px;
616
1071
  }
617
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
618
- margin-top: 20px;
1072
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1073
+ margin-left: 0;
1074
+ margin-right: 4px;
619
1075
  }
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;
624
- display: flex;
625
- height: auto;
626
- padding: 10px;
627
- margin-bottom: 4px;
628
- color: #333333;
1076
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1077
+ white-space: nowrap;
1078
+ display: inline-flex;
1079
+ align-items: center;
629
1080
  }
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;
1081
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1082
+ display: flex;
1083
+ align-items: flex-start;
1084
+ gap: 4px;
1085
+ white-space: normal;
1086
+ max-width: 100%;
632
1087
  }
633
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
634
- margin-left: 12px;
1088
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1089
+ white-space: normal;
1090
+ min-width: 0;
635
1091
  }
636
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
637
- border-bottom: 2px solid #f8f8f8;
638
- border-top: 2px solid #f8f8f8;
1092
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1093
+ white-space: normal;
1094
+ align-items: flex-start;
1095
+ gap: 4px;
639
1096
  }
640
1097
 
641
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
642
- background-color: #111111;
1098
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1099
+ background-color: #1f1f1f;
1100
+ color: #ffffff;
643
1101
  }
644
- @media (max-width: 1023px) {
645
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
646
- background-color: #111111;
647
- }
1102
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1103
+ color: #ffffff;
648
1104
  }
649
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
650
- background-color: #1f1f1f;
1105
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
651
1106
  color: #ffffff;
652
- border: 1px solid #2c2c2c;
653
1107
  }
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;
1108
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1109
+ color: #ffffff;
657
1110
  }
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;
1111
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1112
+ border-left: 1px solid #86807c;
1113
+ }
1114
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1115
+ border: none;
665
1116
  }
666
1117
 
667
1118
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
@@ -781,140 +1232,6 @@
781
1232
  text-align: center;
782
1233
  }
783
1234
 
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
-
918
1235
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
919
1236
  /* center a block element */
920
1237
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1294,181 +1611,61 @@
1294
1611
  background-color: #ffffff;
1295
1612
  padding: 10px;
1296
1613
  font-size: 18px;
1297
- line-height: 24px;
1298
- position: relative;
1299
- }
1300
- .ProfileLinkOut-module__logout___GfbcJ img {
1301
- position: absolute;
1302
- padding-left: 10px;
1303
- }
1304
- }
1305
-
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;
1614
+ line-height: 24px;
1615
+ position: relative;
1616
+ }
1617
+ .ProfileLinkOut-module__logout___GfbcJ img {
1618
+ position: absolute;
1619
+ padding-left: 10px;
1620
+ }
1414
1621
  }
1415
1622
 
1416
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1623
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1417
1624
  /* center a block element */
1418
1625
  /* use this to any of the pseudo elements as these are the mandatory properties */
1419
1626
  /* setting styles in separate formats for cross browser support */
1420
1627
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1421
1628
  /* vertically center alilgn any HTML element */
1422
1629
  /* add basePath to assets */
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;
1630
+ .CartHeader-module__headerTitle___35F6g {
1432
1631
  display: flex;
1433
- height: auto;
1434
- text-decoration: none;
1435
- padding: 10px 10px 10px 10px;
1436
- margin-bottom: 4px;
1437
- background-color: #ffffff;
1438
- }
1439
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1440
- border: 1px solid #e8e8e8;
1441
- }
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;
1632
+ align-items: center;
1633
+ gap: 8px;
1449
1634
  }
1450
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1451
- transition: transform 0.2s ease;
1635
+
1636
+ .CartHeader-module__headerItemCount___g1Ynd {
1637
+ font-size: 24px;
1638
+ line-height: 32px;
1639
+ font-weight: 400;
1640
+ color: #3d3935;
1452
1641
  }
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;
1642
+ @media (max-width: 1023px) {
1643
+ .CartHeader-module__headerItemCount___g1Ynd {
1644
+ font-size: 20px;
1645
+ line-height: 28px;
1646
+ }
1459
1647
  }
1460
1648
 
1461
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1462
- transform: rotate(-180deg);
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;
1463
1661
  }
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;
1662
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1663
+ color: #961c13;
1469
1664
  }
1470
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1471
- filter: brightness(0) invert(0.9);
1665
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1666
+ outline: 2px solid #da291c;
1667
+ outline-offset: 2px;
1668
+ border-radius: 2px;
1472
1669
  }
1473
1670
 
1474
1671
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
@@ -1553,201 +1750,184 @@
1553
1750
  line-height: 1.3;
1554
1751
  }
1555
1752
 
1556
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1753
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1557
1754
  /* center a block element */
1558
1755
  /* use this to any of the pseudo elements as these are the mandatory properties */
1559
1756
  /* setting styles in separate formats for cross browser support */
1560
1757
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1561
1758
  /* vertically center alilgn any HTML element */
1562
1759
  /* add basePath to assets */
1563
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1564
- margin-left: 0 !important;
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;
1565
1769
  }
1566
1770
 
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;
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;
1574
1780
  }
1575
1781
 
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);
1782
+ .CartClearConfirm-module__message___vd9VO {
1783
+ font-size: 18px;
1784
+ line-height: 26px;
1785
+ font-weight: 700;
1786
+ color: #ffffff;
1787
+ text-align: center;
1588
1788
  }
1589
1789
 
1590
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1591
- color: #da291c !important;
1790
+ .CartClearConfirm-module__actions___X0-0w {
1791
+ display: flex;
1792
+ gap: 12px;
1592
1793
  }
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;
1794
+ .CartClearConfirm-module__actions___X0-0w button {
1795
+ padding: 10px 24px;
1597
1796
  }
1598
1797
 
1599
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1600
- color: unset !important;
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;
1601
1809
  }
1602
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1603
- background-color: unset;
1810
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1811
+ background-color: rgba(255, 255, 255, 0.1);
1604
1812
  }
1605
-
1606
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1607
- background-color: transparent;
1813
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1814
+ outline: 2px solid #ffffff;
1815
+ outline-offset: 2px;
1608
1816
  }
1609
1817
 
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;
1818
+ .CartClearConfirm-module__confirmButton___KgPKy {
1819
+ flex: 1;
1820
+ background: #ffffff;
1821
+ border: 2px solid #ffffff;
1822
+ border-radius: 28px;
1823
+ font-size: 16px;
1617
1824
  line-height: 24px;
1618
- border: 0;
1619
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1620
- background-color: #ffffff;
1621
- border-radius: 0 0 8px 8px;
1622
- z-index: 1;
1623
- }
1624
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1625
- margin-left: 0 !important;
1626
- padding-top: 18px;
1627
- }
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;
1825
+ font-weight: 600;
1826
+ color: #3d3935;
1827
+ cursor: pointer;
1828
+ transition: background-color 0.15s ease;
1634
1829
  }
1635
-
1636
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1637
- background-color: #111111;
1830
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1831
+ background-color: #e6e3df;
1832
+ border-color: #e6e3df;
1638
1833
  }
1639
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1640
- background-color: #1f1f1f;
1834
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1835
+ outline: 2px solid #ffffff;
1836
+ outline-offset: 2px;
1641
1837
  }
1642
1838
 
1643
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1839
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1644
1840
  /* center a block element */
1645
1841
  /* use this to any of the pseudo elements as these are the mandatory properties */
1646
1842
  /* setting styles in separate formats for cross browser support */
1647
1843
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1648
1844
  /* vertically center alilgn any HTML element */
1649
1845
  /* add basePath to assets */
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;
1661
- }
1662
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1663
- font-size: 14px;
1664
- line-height: 20px;
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;
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%;
1677
1853
  }
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;
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;
1860
+ font-size: 14px;
1861
+ line-height: 20px;
1862
+ font-weight: 500;
1684
1863
  }
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;
1864
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1865
+ background-color: #ffffff;
1866
+ padding: 10px;
1690
1867
  }
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;
1868
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
1869
+ border: 1px solid #e8e8e8;
1696
1870
  }
1697
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1698
- padding-left: 0;
1699
- border: none;
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;
1700
1876
  }
1701
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1877
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
1702
1878
  margin-left: 4px;
1703
- vertical-align: middle;
1879
+ flex-shrink: 0;
1704
1880
  height: 24px;
1705
1881
  width: 24px;
1706
1882
  }
1707
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1883
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1708
1884
  margin-left: 0;
1709
1885
  margin-right: 4px;
1710
1886
  }
1711
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1887
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1712
1888
  white-space: nowrap;
1713
1889
  display: inline-flex;
1714
1890
  align-items: center;
1715
1891
  }
1716
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1892
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1717
1893
  display: flex;
1718
1894
  align-items: flex-start;
1719
1895
  gap: 4px;
1720
1896
  white-space: normal;
1721
1897
  max-width: 100%;
1722
1898
  }
1723
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1899
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1724
1900
  white-space: normal;
1725
1901
  min-width: 0;
1726
1902
  }
1727
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1728
- white-space: normal;
1729
- align-items: flex-start;
1730
- gap: 4px;
1903
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1904
+ display: none;
1731
1905
  }
1732
-
1733
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1734
- background-color: #1f1f1f;
1735
- color: #ffffff;
1906
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
1907
+ display: block;
1908
+ height: auto;
1736
1909
  }
1737
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1738
- color: #ffffff;
1910
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
1911
+ padding: 0 0 24px 16px;
1739
1912
  }
1740
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1741
- color: #ffffff;
1913
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
1914
+ padding-bottom: 4px;
1742
1915
  }
1743
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1916
+
1917
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
1918
+ color: #f2f2f2;
1919
+ }
1920
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
1921
+ background-color: #1f1f1f;
1922
+ border: 1px solid #2c2c2c;
1744
1923
  color: #ffffff;
1745
1924
  }
1746
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1747
- border-left: 1px solid #86807c;
1925
+
1926
+ .active-link .MobileSubNavigation-module__container___1tQpO {
1927
+ max-height: 200vh;
1748
1928
  }
1749
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1750
- border: none;
1929
+ .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1930
+ display: block;
1751
1931
  }
1752
1932
 
1753
1933
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
@@ -2022,183 +2202,3 @@
2022
2202
  padding: 16px;
2023
2203
  }
2024
2204
  }
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
- }