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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js +1 -1
  2. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  3. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  4. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  5. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +1 -1
  6. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  7. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  8. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  9. package/dist/navigation.css +1468 -1468
  10. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -1,441 +1,467 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
2
2
  /* center a block element */
3
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
4
4
  /* setting styles in separate formats for cross browser support */
5
5
  /* specify the max width for an element and apply ellipses and truncate the overflow */
6
6
  /* vertically center alilgn any HTML element */
7
7
  /* add basePath to assets */
8
- @media (min-width: 768px) {
9
- .MinimizedHeader-module__outer___JOzJC {
10
- background-color: #ffffff;
11
- border-top: 4px solid #da291c;
12
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
13
- height: 72px;
14
- }
15
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
16
- position: fixed;
17
- top: 0;
18
- left: 0;
19
- padding: 4px 8px;
20
- font-size: 14px;
21
- z-index: 10000;
22
- color: #5f5955;
23
- background: #ffffff;
24
- }
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%;
25
15
  }
26
- @media (min-width: 768px) and (max-width: 850px) {
27
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
28
- padding: 0 4px;
29
- font-size: 8px;
30
- }
16
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
+ padding: 0px;
18
+ max-width: 100%;
31
19
  }
32
- @media (min-width: 768px) {
33
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
34
- width: 100%;
35
- display: inline-block;
36
- }
37
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
38
- display: flex;
39
- float: left;
40
- align-items: center;
41
- margin: 10px 0;
42
- }
43
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
44
- padding-left: 10px;
45
- }
46
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
47
- float: right;
48
- display: flex;
49
- margin: 24px 0 24px 0;
50
- }
51
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
52
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
53
- background-repeat: no-repeat;
54
- background-size: contain;
55
- display: block;
56
- height: 24px;
57
- margin-right: 6px;
58
- width: 24px;
20
+ @media (min-width: 1024px) and (max-width: 1439px) {
21
+ .row-module__sr-def-row___us1ph {
22
+ max-width: 972px;
59
23
  }
60
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
61
- color: #da291c;
62
- font-weight: 700;
63
- font-size: 18px;
64
- line-height: 24px;
24
+ }
25
+ @media (min-width: 768px) and (max-width: 1023px) {
26
+ .row-module__sr-def-row___us1ph {
27
+ max-width: 720px;
65
28
  }
66
29
  }
67
30
  @media (max-width: 767px) {
68
- .MinimizedHeader-module__outer___JOzJC {
69
- background-color: #ffffff;
70
- border-top: 4px solid #da291c;
71
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
- height: 48px;
73
- }
74
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
75
- width: 100%;
76
- display: inline-block;
77
- }
78
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
79
- display: flex;
80
- float: left;
81
- }
82
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
83
- margin-top: 12px;
84
- }
85
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
86
- height: 24px;
87
- width: 24px;
88
- float: left;
89
- }
90
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
91
- margin-top: 8px;
92
- padding-left: 6px;
93
- }
94
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
95
- height: 20px;
96
- }
97
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
98
- float: right;
99
- display: flex;
100
- margin: 12px 0 12px 0;
101
- }
102
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
103
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
104
- background-repeat: no-repeat;
105
- background-size: contain;
106
- display: block;
107
- height: 20px;
108
- margin-right: 6px;
109
- width: 20px;
110
- }
111
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
112
- color: #da291c;
113
- font-weight: 700;
114
- font-size: 18px;
115
- line-height: 24px;
31
+ .row-module__sr-def-row___us1ph {
32
+ max-width: 100%;
116
33
  }
117
34
  }
118
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
- position: fixed;
120
- top: 0;
121
- left: 0;
122
- padding: 4px 8px;
123
- font-size: 14px;
124
- z-index: 10000;
125
- color: #5f5955;
126
- background: #ffffff;
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;
127
54
  }
128
- @media (max-width: 850px) {
129
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
- padding: 0 4px;
131
- font-size: 8px;
132
- }
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;
133
76
  }
134
77
 
135
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
78
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
136
79
  /* center a block element */
137
80
  /* use this to any of the pseudo elements as these are the mandatory properties */
138
81
  /* setting styles in separate formats for cross browser support */
139
82
  /* specify the max width for an element and apply ellipses and truncate the overflow */
140
83
  /* vertically center alilgn any HTML element */
141
84
  /* add basePath to assets */
142
- .FalconMainNavigation-module__container___85E7S {
85
+ .FalconHeader-module__outer___cpG-W {
86
+ padding: 14px 0 18px;
87
+ }
88
+
89
+ .FalconHeader-module__container___r3bIZ {
143
90
  -webkit-transition: all 1s ease-out;
144
91
  transition: all 1s ease-out;
145
- font-size: 20px;
146
- line-height: 23px;
147
- position: fixed;
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;
148
99
  width: 100%;
149
- z-index: 10;
150
- top: 0;
100
+ padding-top: 4px;
151
101
  }
152
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
153
- position: absolute;
154
- z-index: 1;
155
- top: 17px;
102
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
103
+ opacity: 1;
104
+ background-color: #da291c;
156
105
  -webkit-transition: all 1s ease-out;
157
106
  transition: all 1s ease-out;
158
107
  }
159
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
160
- height: 89px;
161
- width: 98px;
162
- margin-left: auto;
163
- margin-right: auto;
164
- -webkit-transition: all 1s ease-out;
165
- transition: all 1s ease-out;
108
+ @media (max-width: 1023px) {
109
+ .FalconHeader-module__container___r3bIZ {
110
+ background-color: #da291c;
111
+ min-height: 4px;
112
+ }
166
113
  }
167
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
168
- top: 61px;
169
- -webkit-transition: all 1s ease-out;
170
- transition: all 1s ease-out;
114
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
115
+ margin-left: 20px;
171
116
  }
172
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
173
- height: 56px;
174
- -webkit-transition: all 1s ease-out;
175
- transition: all 1s ease-out;
117
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
118
+ margin-left: 100px;
176
119
  }
177
- .FalconMainNavigation-module__container___85E7S ul,
178
- .FalconMainNavigation-module__container___85E7S li {
179
- list-style: none;
180
- margin: 0px;
181
- padding: 0px;
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;
182
129
  }
183
- .FalconMainNavigation-module__container___85E7S a {
184
- color: #1f1f1f;
130
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
185
131
  text-decoration: none;
186
132
  }
187
- .FalconMainNavigation-module__container___85E7S a::before {
188
- content: attr(title);
189
- display: block;
190
- font-weight: bold;
191
- height: 0;
192
- opacity: 1;
193
- overflow: hidden;
133
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
134
+ float: right;
194
135
  }
195
- @media (max-width: 1023px) {
196
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
197
- display: none;
198
- }
199
- }
200
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
136
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
201
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;
202
144
  }
203
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
204
- background: #ffffff;
205
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
145
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
146
+ text-decoration: none;
206
147
  }
207
- .FalconMainNavigation-module__container___85E7S .full-width {
208
- width: 100%;
148
+
149
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
150
+ background-color: #111111;
209
151
  }
210
- @media (max-width: 1023px) {
211
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
212
- max-width: 100%;
213
- }
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;
214
155
  }
215
- @media (min-width: 1024px) and (max-width: 1439px) {
216
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
217
- max-width: 1308px;
218
- padding-left: 42px;
219
- padding-right: 42px;
220
- }
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;
221
168
  }
222
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
223
- background-color: #ffffff;
224
- position: relative;
225
- z-index: auto;
169
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
170
+ padding: 10px 4px;
171
+ display: flex;
172
+ align-items: center;
173
+ gap: 8px;
226
174
  }
227
- @media (max-width: 1023px) {
228
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
229
- background-color: #f8f8f8;
230
- }
175
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
176
+ flex-shrink: 0;
177
+ height: 24px;
178
+ width: 24px;
231
179
  }
232
- @media (min-width: 1024px) {
233
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
234
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
235
- }
180
+ .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
181
+ filter: none;
236
182
  }
237
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
238
- min-height: 68px;
183
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
184
+ color: #3d3935;
185
+ background-color: #f7f6f5;
186
+ border-radius: 8px;
239
187
  }
240
- @media (max-width: 1023px) {
241
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
242
- min-height: 44px;
243
- height: 44px;
244
- }
188
+ .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
189
+ padding-left: unset;
190
+ padding-right: 4px;
191
+ transform: rotate(-180deg);
245
192
  }
246
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
247
- background-repeat: no-repeat;
248
- background-size: contain;
193
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
194
+ color: #ffffff;
249
195
  }
250
- @media (max-width: 1023px) {
251
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
252
- display: block;
253
- background-size: contain;
254
- width: 120px;
255
- height: 24px;
256
- margin-right: 10px;
257
- }
196
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
197
+ filter: brightness(0) invert(0.9);
258
198
  }
259
- @media (min-width: 1024px) {
260
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
261
- visibility: visible;
262
- }
263
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
264
- visibility: hidden;
265
- }
199
+ .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
200
+ color: #ffffff;
201
+ background-color: #1f1f1f;
266
202
  }
267
- @media (min-width: 1024px) {
268
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
269
- height: 24px;
270
- border-right: 1px solid #e6e3df;
271
- border-left: 1px solid #e6e3df;
272
- padding: 0 16px;
273
- margin-top: 10px;
274
- }
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;
275
212
  }
276
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
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 {
277
236
  position: relative;
278
- display: flex;
279
- align-items: center;
280
- height: 24px;
281
- cursor: pointer;
282
- background: none;
283
- border: none;
284
- outline: none;
285
237
  }
286
- @media (min-width: 1024px) {
287
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
288
- padding: 0 12px;
289
- margin-top: 10px;
290
- border-left: 1px solid #e6e3df;
291
- }
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;
292
248
  }
293
249
  @media (max-width: 1023px) {
294
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
295
- padding: 0;
296
- margin-right: 16px;
250
+ .MobileNavigation-module__container___apq4z {
251
+ background-color: #f8f8f8;
297
252
  }
298
253
  }
299
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
300
- outline: 2px solid #e6e3df;
301
- outline-offset: 2px;
302
- border-radius: 2px;
254
+ .MobileNavigation-module__container___apq4z {
255
+ left: 0;
256
+ min-height: calc(100vh - 45px);
257
+ height: calc(100vh - 45px);
303
258
  }
304
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
305
- cursor: pointer;
306
- display: block;
307
- height: 24px;
308
- width: 24px;
259
+ @supports (height: 100dvh) {
260
+ .MobileNavigation-module__container___apq4z {
261
+ min-height: calc(100dvh - 45px);
262
+ height: calc(100dvh - 45px);
263
+ }
309
264
  }
310
- @media (max-width: 1023px) {
311
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
312
- margin-right: 20px;
313
- margin-left: 16px;
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);
314
284
  }
315
285
  }
316
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
317
- opacity: 0.6;
318
- pointer-events: none;
319
- cursor: default;
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;
320
293
  }
321
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
322
- background-repeat: no-repeat;
323
- background-size: contain;
324
- display: block;
325
- height: 24px;
326
- margin: 10px 8px 0 10px;
327
- width: 24px;
294
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
295
+ margin-top: 24px;
328
296
  }
329
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
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;
330
302
  font-size: 16px;
331
303
  line-height: 24px;
332
- color: #1f1f1f;
333
- margin: 10px 16px 0 8px;
334
- font-weight: 700;
335
- cursor: pointer;
304
+ display: flex;
305
+ height: auto;
306
+ padding: 10px;
307
+ margin-bottom: 4px;
308
+ color: #333333;
336
309
  }
337
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
338
- background-repeat: no-repeat;
339
- background-size: contain;
340
- display: block;
341
- height: 24px;
342
- margin: 11px 0px 0 0px;
343
- width: 24px;
344
- cursor: pointer;
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;
345
312
  }
346
- @media (max-width: 1023px) {
347
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
348
- margin: 0px;
349
- cursor: pointer;
350
- }
313
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
314
+ margin-left: 12px;
351
315
  }
352
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
353
- margin: 10px 0px 0px;
354
- cursor: pointer;
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;
355
323
  }
356
324
  @media (max-width: 1023px) {
357
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
358
- margin: 0px;
325
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
326
+ background-color: #111111;
359
327
  }
360
328
  }
361
- @media (min-width: 1024px) {
362
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
363
- position: relative;
364
- justify-content: space-between;
365
- padding: 12px 0;
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;
366
360
  }
367
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
368
- margin-left: 58px;
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;
369
370
  }
370
371
  }
371
- @media (min-width: 1024px) {
372
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
373
- position: relative;
374
- justify-content: space-between;
375
- padding: 12px 0;
376
- }
377
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
378
- margin-left: 58px;
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;
379
376
  }
380
377
  }
381
- @media (min-width: 1024px) {
382
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
383
- padding-bottom: 47px;
378
+ @media (min-width: 768px) {
379
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
380
+ width: 100%;
381
+ display: inline-block;
384
382
  }
385
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
386
- padding-bottom: 0;
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;
387
388
  }
388
- }
389
- @media (min-width: 1440px) {
390
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
391
- padding-bottom: 0;
389
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
390
+ padding-left: 10px;
392
391
  }
393
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
394
- padding-bottom: 0;
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;
395
396
  }
396
- }
397
-
398
- @media (min-width: 1024px) {
399
- .FalconMainNavigation-module__falcon-nav___YMp-r {
400
- top: -52px;
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;
401
411
  }
402
412
  }
403
-
404
- .page-top,
405
- #main {
406
- padding-top: var(--main-nav-height, 72px);
407
- transition: padding-top 500ms ease-out;
408
- }
409
-
410
413
  @media (max-width: 767px) {
411
- .page-top,
412
- #main {
413
- padding-top: var(--main-nav-height, 50px);
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;
414
419
  }
415
- }
416
- @media (prefers-reduced-motion: reduce) {
417
- .page-top,
418
- #main {
419
- transition: none;
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;
420
462
  }
421
463
  }
422
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
423
- background-color: #1f1f1f;
424
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
425
- }
426
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
427
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
428
- background-color: #1f1f1f;
429
- }
430
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
431
- border-right-color: #86807c;
432
- border-left-color: #86807c;
433
- }
434
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
435
- color: #ffffff;
436
- }
437
-
438
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
464
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
439
465
  position: fixed;
440
466
  top: 0;
441
467
  left: 0;
@@ -446,1384 +472,1202 @@
446
472
  background: #ffffff;
447
473
  }
448
474
  @media (max-width: 850px) {
449
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
475
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
450
476
  padding: 0 4px;
451
477
  font-size: 8px;
452
478
  }
453
479
  }
454
480
 
455
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
481
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
456
482
  /* center a block element */
457
483
  /* use this to any of the pseudo elements as these are the mandatory properties */
458
484
  /* setting styles in separate formats for cross browser support */
459
485
  /* specify the max width for an element and apply ellipses and truncate the overflow */
460
486
  /* vertically center alilgn any HTML element */
461
487
  /* add basePath to assets */
462
- .row-module__sr-def-row___us1ph {
463
- margin-left: auto;
464
- margin-right: auto;
465
- padding-left: 16px;
466
- padding-right: 16px;
467
- max-width: 1308px;
468
- width: 100%;
488
+ .LocaleSelector-module__button___0LEXR {
489
+ position: relative;
469
490
  }
470
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
471
- padding: 0px;
472
- max-width: 100%;
491
+ .LocaleSelector-module__button___0LEXR button {
492
+ background-color: transparent;
493
+ color: #3d3935;
494
+ border: 0;
495
+ border-radius: 4px;
496
+ padding-bottom: 5px;
497
+ cursor: pointer;
498
+ height: 42px;
499
+ font-size: 14px;
500
+ line-height: 20px;
501
+ width: 100%;
473
502
  }
474
- @media (min-width: 1024px) and (max-width: 1439px) {
475
- .row-module__sr-def-row___us1ph {
476
- max-width: 972px;
477
- }
503
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
504
+ background-position: center center;
505
+ background-repeat: no-repeat;
506
+ height: 8px;
507
+ margin-left: 10px;
508
+ margin-top: 2px;
509
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
510
+ width: 14px;
478
511
  }
479
- @media (min-width: 768px) and (max-width: 1023px) {
480
- .row-module__sr-def-row___us1ph {
481
- max-width: 720px;
482
- }
512
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
513
+ -webkit-transform: rotate(-180deg);
514
+ -moz-transform: rotate(-180deg);
515
+ -o-transform: rotate(-180deg);
516
+ transform: rotate(-180deg);
483
517
  }
484
- @media (max-width: 767px) {
485
- .row-module__sr-def-row___us1ph {
486
- max-width: 100%;
518
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
519
+ padding: 24px 32px;
520
+ background-color: #ffffff;
521
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
522
+ }
523
+ @media (max-width: 1023px) {
524
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
525
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
487
526
  }
488
527
  }
489
-
490
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
491
- /* center a block element */
492
- /* use this to any of the pseudo elements as these are the mandatory properties */
493
- /* setting styles in separate formats for cross browser support */
494
- /* specify the max width for an element and apply ellipses and truncate the overflow */
495
- /* vertically center alilgn any HTML element */
496
- /* add basePath to assets */
497
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
498
- -webkit-align-items: center;
499
- -moz-align-items: center;
500
- -o-align-items: center;
501
- align-items: center;
502
- cursor: pointer;
503
- display: flex;
504
- flex-direction: column;
505
- height: 18px;
506
- justify-content: space-between;
507
- width: 26px;
528
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
529
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
530
+ border-radius: 0px 0px 8px 8px;
531
+ margin-bottom: 4px;
532
+ white-space: nowrap;
533
+ position: absolute;
534
+ z-index: 100;
535
+ -webkit-transform: translateX(-50%);
536
+ -moz-transform: translateX(-50%);
537
+ -o-transform: translateX(-50%);
538
+ transform: translateX(-50%);
508
539
  }
509
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
510
- background-color: #575452;
511
- border-radius: 4px;
512
- height: 2px;
513
- opacity: 1;
514
- position: relative;
515
- -webkit-transform: scale(1);
516
- -moz-transform: scale(1);
517
- -o-transform: scale(1);
518
- transform: scale(1);
519
- transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
520
- width: 26px;
540
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
541
+ margin-left: 0 !important;
521
542
  }
522
- .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
523
- justify-content: center;
524
- background-repeat: no-repeat;
525
- background-size: contain;
526
- cursor: pointer;
527
- display: block;
528
- height: 24px;
529
- width: 24px;
543
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
544
+ font-weight: bold;
530
545
  }
531
-
532
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
533
- /* center a block element */
534
- /* use this to any of the pseudo elements as these are the mandatory properties */
535
- /* setting styles in separate formats for cross browser support */
536
- /* specify the max width for an element and apply ellipses and truncate the overflow */
537
- /* vertically center alilgn any HTML element */
538
- /* add basePath to assets */
539
- .FalconHeader-module__outer___cpG-W {
540
- padding: 14px 0 18px;
546
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
547
+ color: #da291c;
541
548
  }
542
-
543
- .FalconHeader-module__container___r3bIZ {
544
- -webkit-transition: all 1s ease-out;
545
- transition: all 1s ease-out;
546
- background-color: #f7f6f5;
547
- font-size: 14px;
548
- line-height: 18px;
549
- font-weight: 700;
550
- max-height: 60px;
551
- min-height: 3px;
552
- opacity: 1;
553
- width: 100%;
554
- padding-top: 4px;
549
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
550
+ content: none !important;
551
+ display: none !important;
555
552
  }
556
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
557
- opacity: 1;
558
- background-color: #da291c;
559
- -webkit-transition: all 1s ease-out;
560
- transition: all 1s ease-out;
553
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
554
+ display: none !important;
555
+ }
556
+
557
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
558
+ color: #ffffff;
561
559
  }
562
560
  @media (max-width: 1023px) {
563
- .FalconHeader-module__container___r3bIZ {
564
- background-color: #da291c;
565
- min-height: 4px;
561
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
562
+ background-color: #1f1f1f;
566
563
  }
567
564
  }
568
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
569
- margin-left: 20px;
565
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
566
+ filter: brightness(0) invert(0.9);
570
567
  }
571
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
572
- margin-left: 100px;
568
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
569
+ background-color: #1f1f1f;
570
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
573
571
  }
574
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
575
- float: left;
576
- color: #3d3935;
577
- font-weight: 400;
578
- font-size: 14px;
579
- line-height: 20px;
580
- display: block;
581
- height: 30px;
582
- text-decoration: none;
572
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
573
+ color: #ffffff;
583
574
  }
584
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
585
- text-decoration: none;
575
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
576
+ color: #da291c;
586
577
  }
587
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
588
- float: right;
578
+
579
+ .LocaleSelector-module__list-item___JVlRE a {
580
+ font-size: 16px !important;
581
+ line-height: 24px !important;
582
+ display: flex;
583
+ padding: 0 !important;
589
584
  }
590
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
591
- color: #1f1f1f;
592
- font-weight: 400;
593
- font-size: 14px;
594
- line-height: 20px;
595
- display: block;
596
- margin-bottom: 4px;
597
- text-decoration: none;
585
+ .LocaleSelector-module__list-item___JVlRE a span {
586
+ margin: 10px 0 !important;
598
587
  }
599
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
600
- text-decoration: none;
588
+ .LocaleSelector-module__list-item___JVlRE a::before {
589
+ content: none;
590
+ display: none !important;
601
591
  }
602
592
 
603
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
604
- background-color: #111111;
605
- }
606
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
607
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
608
- color: #ffffff;
593
+ @media (max-width: 1023px) {
594
+ .LocaleSelector-module__button___0LEXR {
595
+ color: #575452;
596
+ position: relative;
597
+ }
598
+ .LocaleSelector-module__button___0LEXR button {
599
+ background-color: #ffffff;
600
+ border: 0;
601
+ border-radius: 4px;
602
+ cursor: pointer;
603
+ font-size: 14px;
604
+ line-height: 20px;
605
+ padding-bottom: 0;
606
+ margin-right: 6px;
607
+ width: 100%;
608
+ }
609
+ .LocaleSelector-module__pop-up___HV8Ta {
610
+ padding: 0px 12px !important;
611
+ }
612
+ .LocaleSelector-module__pop-up___HV8Ta img {
613
+ padding-left: 12px;
614
+ }
615
+ .LocaleSelector-module__list-item___JVlRE a {
616
+ font-size: 16px;
617
+ line-height: 24px;
618
+ font-weight: 400;
619
+ display: flex;
620
+ padding: 10px 12px;
621
+ }
622
+ .LocaleSelector-module__list-item___JVlRE a::before {
623
+ content: none;
624
+ display: none !important;
625
+ }
609
626
  }
610
627
 
611
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
628
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
612
629
  /* center a block element */
613
630
  /* use this to any of the pseudo elements as these are the mandatory properties */
614
631
  /* setting styles in separate formats for cross browser support */
615
632
  /* specify the max width for an element and apply ellipses and truncate the overflow */
616
633
  /* vertically center alilgn any HTML element */
617
634
  /* add basePath to assets */
618
- .NavigationMenuItem-module__nav-link___ZDsjB {
619
- font-size: 16px;
620
- line-height: 24px;
621
- margin-right: 6px;
635
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
636
+ transform: rotate(-180deg);
622
637
  }
623
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
624
- padding: 10px 4px;
625
- display: flex;
626
- align-items: center;
627
- gap: 8px;
638
+
639
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
640
+ padding: 10px 8px;
628
641
  }
629
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
630
- flex-shrink: 0;
642
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
643
+ background-repeat: no-repeat;
644
+ background-size: contain;
645
+ display: block;
631
646
  height: 24px;
647
+ margin-right: 4px;
632
648
  width: 24px;
633
649
  }
634
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
635
- filter: none;
636
- }
637
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
638
- color: #3d3935;
639
- background-color: #f7f6f5;
640
- border-radius: 8px;
641
- }
642
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
643
- padding-left: unset;
644
- padding-right: 4px;
645
- transform: rotate(-180deg);
650
+ @media (max-width: 1023px) {
651
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
652
+ background-repeat: no-repeat;
653
+ background-size: contain;
654
+ display: block;
655
+ margin-left: auto;
656
+ height: 24px;
657
+ width: 24px;
658
+ }
646
659
  }
647
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
648
- color: #ffffff;
660
+ @media (max-width: 1023px) {
661
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
662
+ background-repeat: no-repeat;
663
+ background-size: contain;
664
+ display: block;
665
+ margin-left: auto;
666
+ height: 8px;
667
+ width: 14px;
668
+ }
649
669
  }
650
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
651
- filter: brightness(0) invert(0.9);
652
- }
653
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
654
- color: #ffffff;
655
- background-color: #1f1f1f;
656
- }
657
-
658
- .active-item .NavigationMenuItem-module__submenu___cWv9X {
659
- -webkit-transform: translateY(0);
660
- -moz-transform: translateY(0);
661
- -o-transform: translateY(0);
662
- transform: translateY(0);
663
- transition-delay: 0.3s;
664
- visibility: visible;
665
- border-radius: 0px 0px 8px 8px;
666
- }
667
-
668
- .NavigationMenuItem-module__submenu___cWv9X {
669
- background-color: #ffffff;
670
- display: block;
671
- left: 60%;
672
- margin-left: -58%;
673
- margin-top: -16px;
674
- position: absolute;
675
- top: 85px;
670
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
671
+ color: #da291c;
672
+ font-weight: 700;
676
673
  font-size: 16px;
677
- line-height: 20px;
678
- -webkit-transform: translateY(-100%);
679
- -moz-transform: translateY(-100%);
680
- -o-transform: translateY(-100%);
681
- transform: translateY(-100%);
682
- visibility: hidden;
674
+ line-height: 24px;
683
675
  }
684
-
685
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
686
- background-color: #1f1f1f;
676
+ @media (max-width: 1023px) {
677
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
678
+ background-color: #ffffff;
679
+ padding: 10px;
680
+ }
687
681
  }
688
682
 
689
- .NavigationMenuItem-module__out___rzlPg {
690
- position: relative;
683
+ .ProfileLinkOut-module__highlight___XDufd {
684
+ border-radius: 8px;
685
+ background-color: #f7f6f5;
691
686
  }
692
687
 
693
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
694
- /* center a block element */
695
- /* use this to any of the pseudo elements as these are the mandatory properties */
696
- /* setting styles in separate formats for cross browser support */
697
- /* specify the max width for an element and apply ellipses and truncate the overflow */
698
- /* vertically center alilgn any HTML element */
699
- /* add basePath to assets */
700
- .MobileNavigation-module__container___apq4z {
701
- background-color: #ffffff;
688
+ .ProfileLinkOut-module__non-section___G1jJY {
689
+ padding-left: 16px;
690
+ padding-right: 16px;
691
+ height: fit-content;
702
692
  }
703
- @media (max-width: 1023px) {
704
- .MobileNavigation-module__container___apq4z {
705
- background-color: #f8f8f8;
693
+ @media (min-width: 1024px) and (max-width: 1439px) {
694
+ .ProfileLinkOut-module__non-section___G1jJY {
695
+ padding-left: 12px;
696
+ padding-right: 12px;
706
697
  }
707
698
  }
708
- .MobileNavigation-module__container___apq4z {
709
- left: 0;
710
- min-height: calc(100vh - 45px);
711
- height: calc(100vh - 45px);
699
+ .ProfileLinkOut-module__non-section___G1jJY {
700
+ background-color: unset !important;
712
701
  }
713
- @supports (height: 100dvh) {
714
- .MobileNavigation-module__container___apq4z {
715
- min-height: calc(100dvh - 45px);
716
- height: calc(100dvh - 45px);
702
+ @media (max-width: 1023px) {
703
+ .ProfileLinkOut-module__non-section___G1jJY {
704
+ background-color: #ffffff !important;
717
705
  }
718
706
  }
719
- .MobileNavigation-module__container___apq4z {
720
- position: absolute;
721
- -webkit-transform: translateY(-100%);
722
- -moz-transform: translateY(-100%);
723
- -o-transform: translateY(-100%);
724
- transform: translateY(-100%);
725
- transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
726
- transition: transform 0.3s ease, visibility 0.3s ease;
727
- transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
728
- visibility: hidden;
729
- width: 100%;
730
- z-index: 10;
707
+
708
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
709
+ color: #ffffff;
731
710
  }
732
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
733
- height: calc(100vh - 45px);
711
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
712
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
713
+ filter: brightness(0) invert(0.9);
734
714
  }
735
- @supports (height: 100dvh) {
736
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
737
- height: calc(100dvh - 45px);
715
+ @media (max-width: 1023px) {
716
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
717
+ background-color: #1f1f1f !important;
738
718
  }
739
719
  }
740
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
741
- overflow-y: auto;
742
- overscroll-behavior: contain;
743
- -webkit-overflow-scrolling: touch;
744
- touch-action: pan-y;
745
- padding-top: 16px;
746
- padding-bottom: 16px;
747
- }
748
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
749
- margin-top: 24px;
750
- }
751
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
752
- margin-top: 20px;
753
- }
754
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
755
- background-color: #ffffff;
756
- font-size: 16px;
757
- line-height: 24px;
758
- display: flex;
759
- height: auto;
760
- padding: 10px;
761
- margin-bottom: 4px;
762
- color: #333333;
763
- }
764
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
765
- border: 1px solid #e8e8e8;
766
- }
767
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
768
- margin-left: 12px;
720
+
721
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
722
+ background-color: transparent;
769
723
  }
770
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
771
- border-bottom: 2px solid #f8f8f8;
772
- border-top: 2px solid #f8f8f8;
724
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
725
+ color: #ffffff;
773
726
  }
774
-
775
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
776
- background-color: #111111;
727
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
728
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
729
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
730
+ filter: brightness(0) invert(0.9);
777
731
  }
778
732
  @media (max-width: 1023px) {
779
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
780
- background-color: #111111;
733
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
734
+ background-color: #1f1f1f;
781
735
  }
782
736
  }
783
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
784
- background-color: #1f1f1f;
785
- color: #ffffff;
786
- border: 1px solid #2c2c2c;
787
- }
788
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
789
- border-bottom: 2px solid #2c2c2c;
790
- border-top: 2px solid #2c2c2c;
791
- }
792
737
 
793
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
794
- -webkit-transform: translateY(0);
795
- -moz-transform: translateY(0);
796
- -o-transform: translateY(0);
797
- transform: translateY(0);
798
- visibility: visible;
738
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
739
+ background-color: #111111;
799
740
  }
800
741
 
801
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
802
- /* center a block element */
803
- /* use this to any of the pseudo elements as these are the mandatory properties */
804
- /* setting styles in separate formats for cross browser support */
805
- /* specify the max width for an element and apply ellipses and truncate the overflow */
806
- /* vertically center alilgn any HTML element */
807
- /* add basePath to assets */
808
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
809
- 0%, 80%, 100% {
810
- transform: translateY(0);
811
- }
812
- 40% {
813
- transform: translateY(-10px);
814
- }
742
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
743
+ background-color: #1f1f1f;
744
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
815
745
  }
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;
746
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
747
+ color: #ffffff;
748
+ border-bottom-color: #86807c;
825
749
  }
826
-
827
- .CartDotLoader-module__dots___OiUF- {
828
- display: flex;
829
- align-items: center;
830
- gap: 8px;
750
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
751
+ background-color: #1f1f1f;
831
752
  }
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;
753
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
754
+ color: #da291c;
840
755
  }
841
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
842
- animation-delay: 0s;
756
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
757
+ color: #ffffff;
758
+ background-color: #1f1f1f;
843
759
  }
844
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
845
- animation-delay: 0.2s;
760
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
761
+ filter: brightness(0) invert(0.9);
846
762
  }
847
- .CartDotLoader-module__dot___RsJtn:nth-child(3) {
848
- animation-delay: 0.4s;
763
+
764
+ .ProfileLinkOut-module__arrow___Mc7yw {
765
+ display: none;
849
766
  }
850
- .CartDotLoader-module__dot___RsJtn:nth-child(4) {
851
- animation-delay: 0.6s;
767
+ @media (max-width: 1023px) {
768
+ .ProfileLinkOut-module__arrow___Mc7yw {
769
+ position: absolute;
770
+ right: 10px;
771
+ display: inline-block;
772
+ }
852
773
  }
853
774
 
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;
775
+ @media (min-width: 1024px) {
776
+ .ProfileLinkOut-module__log___JdxjK {
777
+ display: none;
778
+ }
861
779
  }
862
-
863
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
864
- /* center a block element */
865
- /* use this to any of the pseudo elements as these are the mandatory properties */
866
- /* setting styles in separate formats for cross browser support */
867
- /* specify the max width for an element and apply ellipses and truncate the overflow */
868
- /* vertically center alilgn any HTML element */
869
- /* add basePath to assets */
870
- .CartHeader-module__headerTitle___35F6g {
871
- display: flex;
872
- align-items: center;
873
- gap: 8px;
874
- }
875
-
876
- .CartHeader-module__headerItemCount___g1Ynd {
877
- font-size: 24px;
878
- line-height: 32px;
879
- font-weight: 400;
880
- color: #3d3935;
780
+ @media (min-width: 1024px) {
781
+ .ProfileLinkOut-module__login-flyover___YDIVp {
782
+ position: absolute;
783
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
784
+ min-width: max-content;
785
+ display: block;
786
+ padding: 24px 32px;
787
+ font-size: 16px;
788
+ border: 0;
789
+ color: #e6003c;
790
+ font-weight: 700;
791
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
792
+ background-color: #ffffff;
793
+ border-radius: 4px;
794
+ }
795
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
796
+ padding-bottom: 16px;
797
+ letter-spacing: 1px;
798
+ text-transform: uppercase;
799
+ color: #86807c;
800
+ font-weight: 500;
801
+ font-size: 14px;
802
+ line-height: 20px;
803
+ border-bottom: 1px solid #e6e3df;
804
+ }
805
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
806
+ padding: 28px 0;
807
+ }
808
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
809
+ text-decoration: underline;
810
+ }
811
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
812
+ font-size: 18px;
813
+ line-height: 24px;
814
+ color: #da291c;
815
+ }
816
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
817
+ color: #3d3935;
818
+ font-weight: 400;
819
+ font-size: 18px;
820
+ line-height: 24px;
821
+ }
822
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
823
+ padding-left: 10px;
824
+ }
825
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
826
+ text-decoration: underline;
827
+ }
881
828
  }
882
829
  @media (max-width: 1023px) {
883
- .CartHeader-module__headerItemCount___g1Ynd {
884
- font-size: 20px;
885
- line-height: 28px;
830
+ .ProfileLinkOut-module__login-flyover___YDIVp {
831
+ color: #86807c;
832
+ font-weight: 500;
833
+ font-size: 14px;
834
+ line-height: 20px;
835
+ padding-left: 16px;
836
+ }
837
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
838
+ padding: 20px 0 8px 10px;
839
+ letter-spacing: 1px;
840
+ text-transform: uppercase;
841
+ }
842
+ .ProfileLinkOut-module__mysunrise___F326W {
843
+ color: #da291c;
844
+ font-weight: 700;
845
+ font-size: 18px;
846
+ line-height: 24px;
847
+ background-color: #ffffff;
848
+ padding: 10px;
849
+ margin-bottom: 4px;
850
+ }
851
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
852
+ font-weight: unset;
853
+ }
854
+ .ProfileLinkOut-module__logout___GfbcJ {
855
+ color: #3d3935;
856
+ font-weight: 400;
857
+ background-color: #ffffff;
858
+ padding: 10px;
859
+ font-size: 18px;
860
+ line-height: 24px;
861
+ position: relative;
862
+ }
863
+ .ProfileLinkOut-module__logout___GfbcJ img {
864
+ position: absolute;
865
+ padding-left: 10px;
886
866
  }
887
867
  }
888
868
 
889
- .CartHeader-module__clearAllButton___B3bNF {
890
- display: inline;
891
- background: none;
892
- border: none;
893
- padding: 0;
894
- cursor: pointer;
895
- font-size: 14px;
896
- line-height: 20px;
897
- font-weight: 400;
898
- color: #da291c;
899
- text-decoration: underline;
900
- text-underline-offset: 2px;
901
- }
902
- .CartHeader-module__clearAllButton___B3bNF:hover {
903
- color: #961c13;
904
- }
905
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
906
- outline: 2px solid #da291c;
907
- outline-offset: 2px;
908
- border-radius: 2px;
909
- }
910
-
911
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
869
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
912
870
  /* center a block element */
913
871
  /* use this to any of the pseudo elements as these are the mandatory properties */
914
872
  /* setting styles in separate formats for cross browser support */
915
873
  /* specify the max width for an element and apply ellipses and truncate the overflow */
916
874
  /* vertically center alilgn any HTML element */
917
875
  /* add basePath to assets */
918
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
919
- font-weight: unset;
920
- }
921
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
922
- position: relative;
923
- color: #333333;
924
- display: -webkit-box;
925
- font-size: 16px;
926
- line-height: 24px;
927
- display: flex;
928
- height: auto;
929
- text-decoration: none;
930
- padding: 10px 10px 10px 10px;
931
- margin-bottom: 4px;
932
- background-color: #ffffff;
933
- }
934
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
935
- border: 1px solid #e8e8e8;
936
- }
937
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
938
- position: absolute;
939
- left: 10px;
876
+ .FalconMainNavigation-module__container___85E7S {
877
+ -webkit-transition: all 1s ease-out;
878
+ transition: all 1s ease-out;
879
+ font-size: 20px;
880
+ line-height: 23px;
881
+ position: fixed;
882
+ width: 100%;
883
+ z-index: 10;
884
+ top: 0;
940
885
  }
941
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
886
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
942
887
  position: absolute;
943
- right: 10px;
944
- }
945
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
946
- transition: transform 0.2s ease;
947
- }
948
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
949
- display: block;
950
- flex-shrink: 0;
951
- height: 24px;
952
- width: 24px;
953
- margin-right: 8px;
954
- }
955
-
956
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
957
- transform: rotate(-180deg);
958
- }
959
-
960
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
961
- background-color: #1f1f1f;
962
- color: #ffffff;
963
- border: 1px solid #2c2c2c;
964
- }
965
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
966
- filter: brightness(0) invert(0.9);
967
- }
968
-
969
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
970
- /* center a block element */
971
- /* use this to any of the pseudo elements as these are the mandatory properties */
972
- /* setting styles in separate formats for cross browser support */
973
- /* specify the max width for an element and apply ellipses and truncate the overflow */
974
- /* vertically center alilgn any HTML element */
975
- /* add basePath to assets */
976
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
977
- margin-left: 0 !important;
978
- }
979
-
980
- .BusinessCustomerLinkOut-module__icon___lYHUm {
981
- padding: 14px 8px 18px 8px;
982
- cursor: pointer;
983
- }
984
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
985
- margin-left: 0px !important;
986
- padding-left: 8px;
987
- }
988
-
989
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
990
- color: #da291c;
991
- background-color: #ffffff;
992
- padding: 14px 8px 18px 8px;
993
- border-radius: 4px 4px 0 0;
994
- }
995
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
996
- color: #da291c;
997
- margin-left: 0px !important;
998
- padding-left: unset;
999
- padding-right: 8px;
1000
- transform: rotate(-180deg);
888
+ z-index: 1;
889
+ top: 17px;
890
+ -webkit-transition: all 1s ease-out;
891
+ transition: all 1s ease-out;
1001
892
  }
1002
-
1003
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1004
- color: #da291c !important;
893
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
894
+ height: 89px;
895
+ width: 98px;
896
+ margin-left: auto;
897
+ margin-right: auto;
898
+ -webkit-transition: all 1s ease-out;
899
+ transition: all 1s ease-out;
1005
900
  }
1006
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1007
- border-radius: 4px 4px 0 0;
1008
- background-color: #ffffff;
1009
- padding: 14px 8px 18px 8px;
901
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
902
+ top: 61px;
903
+ -webkit-transition: all 1s ease-out;
904
+ transition: all 1s ease-out;
1010
905
  }
1011
-
1012
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1013
- color: unset !important;
906
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
907
+ height: 56px;
908
+ -webkit-transition: all 1s ease-out;
909
+ transition: all 1s ease-out;
1014
910
  }
1015
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1016
- background-color: unset;
911
+ .FalconMainNavigation-module__container___85E7S ul,
912
+ .FalconMainNavigation-module__container___85E7S li {
913
+ list-style: none;
914
+ margin: 0px;
915
+ padding: 0px;
1017
916
  }
1018
-
1019
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1020
- background-color: transparent;
917
+ .FalconMainNavigation-module__container___85E7S a {
918
+ color: #1f1f1f;
919
+ text-decoration: none;
1021
920
  }
1022
-
1023
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1024
- margin-left: 0px !important;
1025
- position: absolute;
1026
- min-width: 214px;
921
+ .FalconMainNavigation-module__container___85E7S a::before {
922
+ content: attr(title);
1027
923
  display: block;
1028
- padding: 36px 32px 36px 32px;
1029
- font-size: 18px;
1030
- line-height: 24px;
1031
- border: 0;
1032
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1033
- background-color: #ffffff;
1034
- border-radius: 0 0 8px 8px;
1035
- z-index: 1;
1036
- }
1037
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1038
- margin-left: 0 !important;
1039
- padding-top: 18px;
1040
- }
1041
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1042
- padding-top: 28px;
924
+ font-weight: bold;
925
+ height: 0;
926
+ opacity: 1;
927
+ overflow: hidden;
1043
928
  }
1044
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1045
- border-bottom: 1px solid #e6e3df;
1046
- padding-bottom: 18px;
929
+ @media (max-width: 1023px) {
930
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
931
+ display: none;
932
+ }
1047
933
  }
1048
-
1049
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1050
- background-color: #111111;
934
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
935
+ color: #1f1f1f;
1051
936
  }
1052
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1053
- background-color: #1f1f1f;
937
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
938
+ background: #ffffff;
939
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1054
940
  }
1055
-
1056
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1057
- /* center a block element */
1058
- /* use this to any of the pseudo elements as these are the mandatory properties */
1059
- /* setting styles in separate formats for cross browser support */
1060
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1061
- /* vertically center alilgn any HTML element */
1062
- /* add basePath to assets */
1063
- .SubNavigation-module__container___Wb5XN {
1064
- background-color: #ffffff;
1065
- color: #575452;
1066
- border-radius: 0px 0px 8px 8px;
1067
- margin: 0 auto;
1068
- max-width: 1308px;
1069
- min-height: 47px;
1070
- -webkit-align-items: center;
1071
- -moz-align-items: center;
1072
- -o-align-items: center;
1073
- align-items: center;
941
+ .FalconMainNavigation-module__container___85E7S .full-width {
942
+ width: 100%;
1074
943
  }
1075
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1076
- font-size: 14px;
1077
- line-height: 20px;
1078
- font-weight: 700;
944
+ @media (max-width: 1023px) {
945
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
946
+ max-width: 100%;
947
+ }
1079
948
  }
1080
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1081
- margin-left: 0 !important;
1082
- margin-top: 0 !important;
1083
- font-size: 18px;
1084
- line-height: 24px;
1085
- font-weight: 400;
1086
- display: block !important;
949
+ @media (min-width: 1024px) and (max-width: 1439px) {
950
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
951
+ max-width: 1308px;
952
+ padding-left: 42px;
953
+ padding-right: 42px;
954
+ }
1087
955
  }
1088
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1089
- padding-bottom: 28px;
956
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
957
+ background-color: #ffffff;
958
+ position: relative;
959
+ z-index: auto;
1090
960
  }
1091
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1092
- font-size: 14px;
1093
- line-height: 20px;
1094
- color: #7A7A7B;
1095
- font-weight: 700;
1096
- padding-bottom: 28px;
961
+ @media (max-width: 1023px) {
962
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
963
+ background-color: #f8f8f8;
964
+ }
1097
965
  }
1098
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1099
- display: flex;
1100
- grid-column: 2;
1101
- grid-template-columns: repeat(auto-fit, 20%);
1102
- padding: 24px 32px;
966
+ @media (min-width: 1024px) {
967
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
968
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
969
+ }
1103
970
  }
1104
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1105
- border-left: 1px solid #e6e3df;
1106
- padding-left: 24px;
1107
- padding-right: 24px;
1108
- max-width: 248px;
971
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
972
+ min-height: 68px;
1109
973
  }
1110
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1111
- padding-left: 0;
1112
- border: none;
974
+ @media (max-width: 1023px) {
975
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
976
+ min-height: 44px;
977
+ height: 44px;
978
+ }
1113
979
  }
1114
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1115
- margin-left: 4px;
1116
- vertical-align: middle;
1117
- height: 24px;
1118
- width: 24px;
980
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
981
+ background-repeat: no-repeat;
982
+ background-size: contain;
1119
983
  }
1120
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1121
- margin-left: 0;
1122
- margin-right: 4px;
984
+ @media (max-width: 1023px) {
985
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
986
+ display: block;
987
+ background-size: contain;
988
+ width: 120px;
989
+ height: 24px;
990
+ margin-right: 10px;
991
+ }
1123
992
  }
1124
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1125
- white-space: nowrap;
1126
- display: inline-flex;
1127
- align-items: center;
993
+ @media (min-width: 1024px) {
994
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
995
+ visibility: visible;
996
+ }
997
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
998
+ visibility: hidden;
999
+ }
1128
1000
  }
1129
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1001
+ @media (min-width: 1024px) {
1002
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
1003
+ height: 24px;
1004
+ border-right: 1px solid #e6e3df;
1005
+ border-left: 1px solid #e6e3df;
1006
+ padding: 0 16px;
1007
+ margin-top: 10px;
1008
+ }
1009
+ }
1010
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1011
+ position: relative;
1130
1012
  display: flex;
1131
- align-items: flex-start;
1132
- gap: 4px;
1133
- white-space: normal;
1134
- max-width: 100%;
1013
+ align-items: center;
1014
+ height: 24px;
1015
+ cursor: pointer;
1016
+ background: none;
1017
+ border: none;
1018
+ outline: none;
1135
1019
  }
1136
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1137
- white-space: normal;
1138
- min-width: 0;
1020
+ @media (min-width: 1024px) {
1021
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1022
+ padding: 0 12px;
1023
+ margin-top: 10px;
1024
+ border-left: 1px solid #e6e3df;
1025
+ }
1139
1026
  }
1140
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1141
- white-space: normal;
1142
- align-items: flex-start;
1143
- gap: 4px;
1027
+ @media (max-width: 1023px) {
1028
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1029
+ padding: 0;
1030
+ margin-right: 16px;
1031
+ }
1144
1032
  }
1145
-
1146
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1147
- background-color: #1f1f1f;
1148
- color: #ffffff;
1033
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
1034
+ outline: 2px solid #e6e3df;
1035
+ outline-offset: 2px;
1036
+ border-radius: 2px;
1149
1037
  }
1150
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1151
- color: #ffffff;
1038
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1039
+ cursor: pointer;
1040
+ display: block;
1041
+ height: 24px;
1042
+ width: 24px;
1152
1043
  }
1153
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1154
- color: #ffffff;
1044
+ @media (max-width: 1023px) {
1045
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1046
+ margin-right: 20px;
1047
+ margin-left: 16px;
1048
+ }
1155
1049
  }
1156
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1157
- color: #ffffff;
1050
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1051
+ opacity: 0.6;
1052
+ pointer-events: none;
1053
+ cursor: default;
1158
1054
  }
1159
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1160
- border-left: 1px solid #86807c;
1055
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1056
+ background-repeat: no-repeat;
1057
+ background-size: contain;
1058
+ display: block;
1059
+ height: 24px;
1060
+ margin: 10px 8px 0 10px;
1061
+ width: 24px;
1161
1062
  }
1162
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1163
- border: none;
1063
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1064
+ font-size: 16px;
1065
+ line-height: 24px;
1066
+ color: #1f1f1f;
1067
+ margin: 10px 16px 0 8px;
1068
+ font-weight: 700;
1069
+ cursor: pointer;
1164
1070
  }
1165
-
1166
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1167
- /* center a block element */
1168
- /* use this to any of the pseudo elements as these are the mandatory properties */
1169
- /* setting styles in separate formats for cross browser support */
1170
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1171
- /* vertically center alilgn any HTML element */
1172
- /* add basePath to assets */
1173
- .cart-overlay-panel.offcanvas {
1174
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1071
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1072
+ background-repeat: no-repeat;
1073
+ background-size: contain;
1074
+ display: block;
1075
+ height: 24px;
1076
+ margin: 11px 0px 0 0px;
1077
+ width: 24px;
1078
+ cursor: pointer;
1175
1079
  }
1176
-
1177
- .cart-overlay-panel .offcanvas-header {
1178
- height: 96px;
1179
- padding: 20px 16px;
1180
- gap: 24px;
1181
- align-items: center;
1182
- background: #ffffff;
1183
- border-bottom: 1px solid #e6e3df;
1080
+ @media (max-width: 1023px) {
1081
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1082
+ margin: 0px;
1083
+ cursor: pointer;
1084
+ }
1184
1085
  }
1185
-
1186
- .cart-overlay-panel .offcanvas-title {
1187
- display: flex;
1188
- flex-direction: column;
1189
- align-items: flex-start;
1190
- gap: 2px;
1191
- font-size: 24px;
1192
- line-height: 32px;
1193
- font-weight: 700;
1194
- color: #3d3935;
1086
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1087
+ margin: 10px 0px 0px;
1088
+ cursor: pointer;
1195
1089
  }
1196
1090
  @media (max-width: 1023px) {
1197
- .cart-overlay-panel .offcanvas-title {
1198
- font-size: 20px;
1199
- line-height: 28px;
1091
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1092
+ margin: 0px;
1200
1093
  }
1201
1094
  }
1202
-
1203
- .cart-overlay-panel .btn-close {
1204
- opacity: 0.7;
1205
- width: 20px;
1206
- height: 20px;
1095
+ @media (min-width: 1024px) {
1096
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1097
+ position: relative;
1098
+ justify-content: space-between;
1099
+ padding: 12px 0;
1100
+ }
1101
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1102
+ margin-left: 58px;
1103
+ }
1207
1104
  }
1208
- .cart-overlay-panel .btn-close:hover {
1209
- opacity: 1;
1105
+ @media (min-width: 1024px) {
1106
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1107
+ position: relative;
1108
+ justify-content: space-between;
1109
+ padding: 12px 0;
1110
+ }
1111
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1112
+ margin-left: 58px;
1113
+ }
1210
1114
  }
1211
-
1212
- .cart-overlay-panel .offcanvas-body {
1213
- padding: 0;
1214
- overflow-y: auto;
1215
- display: flex;
1216
- flex-direction: column;
1217
- background: #f7f6f5;
1115
+ @media (min-width: 1024px) {
1116
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1117
+ padding-bottom: 47px;
1118
+ }
1119
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1120
+ padding-bottom: 0;
1121
+ }
1122
+ }
1123
+ @media (min-width: 1440px) {
1124
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1125
+ padding-bottom: 0;
1126
+ }
1127
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1128
+ padding-bottom: 0;
1129
+ }
1218
1130
  }
1219
1131
 
1220
- .cart-overlay-panel.offcanvas-bottom {
1221
- border-radius: 8px 8px 0 0 !important;
1222
- width: 100% !important;
1223
- overflow: hidden;
1132
+ @media (min-width: 1024px) {
1133
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
1134
+ top: -52px;
1135
+ }
1224
1136
  }
1225
1137
 
1226
- .CartOverlay-module__backdrop___lMc-O {
1227
- position: fixed;
1228
- inset: 0;
1229
- z-index: 1040;
1230
- background: rgba(42, 42, 42, 0.7);
1231
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1138
+ .page-top,
1139
+ #main {
1140
+ padding-top: var(--main-nav-height, 72px);
1141
+ transition: padding-top 500ms ease-out;
1232
1142
  }
1233
1143
 
1234
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1235
- from {
1236
- opacity: 0;
1237
- }
1238
- to {
1239
- opacity: 1;
1144
+ @media (max-width: 767px) {
1145
+ .page-top,
1146
+ #main {
1147
+ padding-top: var(--main-nav-height, 50px);
1240
1148
  }
1241
1149
  }
1242
- .CartOverlay-module__footer___OwJpW {
1243
- padding: 16px 24px;
1244
- border-top: 1px solid #d2d2d2;
1245
- background-color: #ffffff;
1150
+ @media (prefers-reduced-motion: reduce) {
1151
+ .page-top,
1152
+ #main {
1153
+ transition: none;
1154
+ }
1246
1155
  }
1247
-
1248
- .CartOverlay-module__dismissButton___57qsq {
1249
- display: flex;
1250
- align-items: center;
1251
- justify-content: center;
1252
- width: 100%;
1253
- padding: 14px 24px;
1254
- gap: 8px;
1255
- background: none;
1256
- border: 2px solid #da291c;
1257
- border-radius: 28px;
1258
- font-size: 16px;
1259
- line-height: 24px;
1260
- font-weight: 600;
1261
- color: #da291c;
1262
- text-align: center;
1263
- cursor: pointer;
1264
- transition: background-color 0.15s ease;
1156
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1157
+ background-color: #1f1f1f;
1158
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1265
1159
  }
1266
- .CartOverlay-module__dismissButton___57qsq:hover {
1267
- background-color: rgba(218, 41, 28, 0.05);
1160
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1161
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1162
+ background-color: #1f1f1f;
1268
1163
  }
1269
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1270
- outline: 2px solid #da291c;
1271
- outline-offset: 2px;
1164
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1165
+ border-right-color: #86807c;
1166
+ border-left-color: #86807c;
1167
+ }
1168
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1169
+ color: #ffffff;
1272
1170
  }
1273
1171
 
1274
- .CartOverlay-module__errorMessage___ylBiH {
1275
- margin: auto 24px;
1276
- padding: 16px;
1277
- font-size: 20px;
1278
- line-height: 28px;
1279
- color: #3d3935;
1280
- text-align: center;
1172
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1173
+ position: fixed;
1174
+ top: 0;
1175
+ left: 0;
1176
+ padding: 4px 8px;
1177
+ font-size: 14px;
1178
+ z-index: 10000;
1179
+ color: #5f5955;
1180
+ background: #ffffff;
1181
+ }
1182
+ @media (max-width: 850px) {
1183
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1184
+ padding: 0 4px;
1185
+ font-size: 8px;
1186
+ }
1281
1187
  }
1282
1188
 
1283
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1189
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1284
1190
  /* center a block element */
1285
1191
  /* use this to any of the pseudo elements as these are the mandatory properties */
1286
1192
  /* setting styles in separate formats for cross browser support */
1287
1193
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1288
1194
  /* vertically center alilgn any HTML element */
1289
1195
  /* add basePath to assets */
1290
- .CartItems-module__container___9xcV- {
1291
- display: flex;
1292
- flex-direction: column;
1293
- flex: 1;
1294
- }
1295
-
1296
- .CartItems-module__itemList___CK3U1 {
1297
- list-style: none;
1298
- margin: 0;
1299
- padding: 0;
1300
- }
1301
-
1302
- .CartItems-module__item___A6nFF {
1303
- border-bottom: 1px solid #e6e3df;
1304
- background-color: #f7f6f5;
1305
- }
1306
- .CartItems-module__item___A6nFF:last-child {
1307
- border-bottom: none;
1308
- }
1309
-
1310
- .CartItems-module__itemContent___DaQhK {
1311
- display: flex;
1312
- flex-direction: row;
1313
- align-items: flex-start;
1314
- gap: 16px;
1315
- padding: 16px 24px;
1316
- }
1317
- @media (max-width: 767px) {
1318
- .CartItems-module__itemContent___DaQhK {
1319
- padding: 16px;
1196
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1197
+ 0%, 80%, 100% {
1198
+ transform: translateY(0);
1199
+ }
1200
+ 40% {
1201
+ transform: translateY(-10px);
1320
1202
  }
1321
1203
  }
1322
-
1323
- .CartItems-module__itemIcon___pk1NU {
1204
+ .CartDotLoader-module__loaderWrapper___PmIHe {
1324
1205
  display: flex;
1206
+ flex-direction: column;
1325
1207
  align-items: center;
1326
1208
  justify-content: center;
1327
- flex-shrink: 0;
1328
- width: 40px;
1329
- height: 40px;
1330
- color: #86807c;
1331
- }
1332
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1333
- width: 40px;
1334
- height: 40px;
1335
- object-fit: contain;
1336
- border-radius: 4px;
1209
+ gap: 20px;
1210
+ height: 100%;
1211
+ min-height: 200px;
1212
+ padding: 40px 24px;
1337
1213
  }
1338
1214
 
1339
- .CartItems-module__itemBody___leOoI {
1215
+ .CartDotLoader-module__dots___OiUF- {
1340
1216
  display: flex;
1341
- flex-direction: column;
1342
- gap: 4px;
1343
- flex: 1;
1344
- min-width: 0;
1217
+ align-items: center;
1218
+ gap: 8px;
1345
1219
  }
1346
1220
 
1347
- .CartItems-module__itemRow___owvC2 {
1348
- display: flex;
1349
- justify-content: space-between;
1350
- align-items: flex-start;
1351
- gap: 16px;
1221
+ .CartDotLoader-module__dot___RsJtn {
1222
+ display: block;
1223
+ width: 12px;
1224
+ height: 12px;
1225
+ border-radius: 50%;
1226
+ background-color: #da291c;
1227
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1352
1228
  }
1353
-
1354
- .CartItems-module__itemDetails___vQu14 {
1355
- display: flex;
1356
- flex-direction: column;
1357
- gap: 2px;
1358
- min-width: 0;
1359
- flex: 1;
1229
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1230
+ animation-delay: 0s;
1360
1231
  }
1361
-
1362
- .CartItems-module__categoryLabel___gSZid {
1363
- font-size: 12px;
1364
- line-height: 16px;
1365
- color: #86807c;
1232
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1233
+ animation-delay: 0.2s;
1234
+ }
1235
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1236
+ animation-delay: 0.4s;
1237
+ }
1238
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1239
+ animation-delay: 0.6s;
1366
1240
  }
1367
1241
 
1368
- .CartItems-module__productName___yYFNw {
1369
- font-size: 14px;
1370
- line-height: 20px;
1242
+ .CartDotLoader-module__loaderText___7uOK9 {
1243
+ font-size: 16px;
1244
+ line-height: 24px;
1371
1245
  font-weight: 700;
1372
1246
  color: #3d3935;
1247
+ margin: 0;
1248
+ text-align: center;
1373
1249
  }
1374
1250
 
1375
- .CartItems-module__variantText___saarn {
1376
- font-size: 12px;
1377
- line-height: 16px;
1378
- color: #86807c;
1379
- }
1380
-
1381
- .CartItems-module__downPaymentLabel___9sOP7 {
1382
- font-size: 12px;
1383
- line-height: 16px;
1384
- color: #86807c;
1251
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1252
+ /* center a block element */
1253
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1254
+ /* setting styles in separate formats for cross browser support */
1255
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1256
+ /* vertically center alilgn any HTML element */
1257
+ /* add basePath to assets */
1258
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1259
+ font-weight: unset;
1385
1260
  }
1386
-
1387
- .CartItems-module__downPaymentRow___9a5jS {
1261
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1262
+ position: relative;
1263
+ color: #333333;
1264
+ display: -webkit-box;
1265
+ font-size: 16px;
1266
+ line-height: 24px;
1388
1267
  display: flex;
1389
- width: 100%;
1390
- justify-content: space-between;
1391
- align-items: center;
1268
+ height: auto;
1269
+ text-decoration: none;
1270
+ padding: 10px 10px 10px 10px;
1271
+ margin-bottom: 4px;
1272
+ background-color: #ffffff;
1392
1273
  }
1393
-
1394
- .CartItems-module__itemPricing___7gEuf {
1395
- display: flex;
1396
- flex-direction: column;
1397
- align-items: flex-end;
1398
- gap: 2px;
1399
- flex-shrink: 0;
1400
- white-space: nowrap;
1274
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1275
+ border: 1px solid #e8e8e8;
1401
1276
  }
1402
-
1403
- .CartItems-module__monthlyPrice___G6sH6 {
1404
- font-size: 14px;
1405
- line-height: 20px;
1406
- font-weight: 700;
1407
- color: #3d3935;
1277
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1278
+ position: absolute;
1279
+ left: 10px;
1408
1280
  }
1409
-
1410
- .CartItems-module__originalPrice___LsGAC {
1411
- font-size: 12px;
1412
- line-height: 16px;
1413
- color: #86807c;
1414
- text-decoration: line-through;
1281
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1282
+ position: absolute;
1283
+ right: 10px;
1284
+ }
1285
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1286
+ transition: transform 0.2s ease;
1287
+ }
1288
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1289
+ display: block;
1290
+ flex-shrink: 0;
1291
+ height: 24px;
1292
+ width: 24px;
1293
+ margin-right: 8px;
1415
1294
  }
1416
1295
 
1417
- .CartItems-module__downPaymentAmount___3K98L {
1418
- font-size: 12px;
1419
- line-height: 16px;
1420
- font-weight: 700;
1421
- color: #3d3935;
1296
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1297
+ transform: rotate(-180deg);
1422
1298
  }
1423
1299
 
1424
- .CartItems-module__disclaimer___mOvek {
1425
- font-size: 12px;
1426
- line-height: 16px;
1427
- color: #86807c;
1428
- padding: 16px 24px;
1429
- margin: 0;
1430
- background-color: #f7f6f5;
1431
- border-top: 1px solid #e6e3df;
1300
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1301
+ background-color: #1f1f1f;
1302
+ color: #ffffff;
1303
+ border: 1px solid #2c2c2c;
1432
1304
  }
1433
- @media (max-width: 767px) {
1434
- .CartItems-module__disclaimer___mOvek {
1435
- padding: 16px;
1436
- }
1305
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1306
+ filter: brightness(0) invert(0.9);
1437
1307
  }
1438
1308
 
1439
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1309
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1440
1310
  /* center a block element */
1441
1311
  /* use this to any of the pseudo elements as these are the mandatory properties */
1442
1312
  /* setting styles in separate formats for cross browser support */
1443
1313
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1444
1314
  /* vertically center alilgn any HTML element */
1445
1315
  /* add basePath to assets */
1446
- .LocaleSelector-module__button___0LEXR {
1447
- position: relative;
1316
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1317
+ margin-left: 0 !important;
1448
1318
  }
1449
- .LocaleSelector-module__button___0LEXR button {
1450
- background-color: transparent;
1451
- color: #3d3935;
1452
- border: 0;
1453
- border-radius: 4px;
1454
- padding-bottom: 5px;
1319
+
1320
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1321
+ padding: 14px 8px 18px 8px;
1455
1322
  cursor: pointer;
1456
- height: 42px;
1457
- font-size: 14px;
1458
- line-height: 20px;
1459
- width: 100%;
1460
- }
1461
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
1462
- background-position: center center;
1463
- background-repeat: no-repeat;
1464
- height: 8px;
1465
- margin-left: 10px;
1466
- margin-top: 2px;
1467
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
1468
- width: 14px;
1469
1323
  }
1470
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
1471
- -webkit-transform: rotate(-180deg);
1472
- -moz-transform: rotate(-180deg);
1473
- -o-transform: rotate(-180deg);
1474
- transform: rotate(-180deg);
1324
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1325
+ margin-left: 0px !important;
1326
+ padding-left: 8px;
1475
1327
  }
1476
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1477
- padding: 24px 32px;
1328
+
1329
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1330
+ color: #da291c;
1478
1331
  background-color: #ffffff;
1479
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
1480
- }
1481
- @media (max-width: 1023px) {
1482
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1483
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
1484
- }
1485
- }
1486
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1487
- box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
1488
- border-radius: 0px 0px 8px 8px;
1489
- margin-bottom: 4px;
1490
- white-space: nowrap;
1491
- position: absolute;
1492
- z-index: 100;
1493
- -webkit-transform: translateX(-50%);
1494
- -moz-transform: translateX(-50%);
1495
- -o-transform: translateX(-50%);
1496
- transform: translateX(-50%);
1497
- }
1498
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
1499
- margin-left: 0 !important;
1500
- }
1501
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
1502
- font-weight: bold;
1332
+ padding: 14px 8px 18px 8px;
1333
+ border-radius: 4px 4px 0 0;
1503
1334
  }
1504
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1335
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1505
1336
  color: #da291c;
1506
- }
1507
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
1508
- content: none !important;
1509
- display: none !important;
1510
- }
1511
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
1512
- display: none !important;
1337
+ margin-left: 0px !important;
1338
+ padding-left: unset;
1339
+ padding-right: 8px;
1340
+ transform: rotate(-180deg);
1513
1341
  }
1514
1342
 
1515
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1516
- color: #ffffff;
1517
- }
1518
- @media (max-width: 1023px) {
1519
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1520
- background-color: #1f1f1f;
1521
- }
1343
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1344
+ color: #da291c !important;
1522
1345
  }
1523
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1524
- filter: brightness(0) invert(0.9);
1346
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1347
+ border-radius: 4px 4px 0 0;
1348
+ background-color: #ffffff;
1349
+ padding: 14px 8px 18px 8px;
1525
1350
  }
1526
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
1527
- background-color: #1f1f1f;
1528
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1351
+
1352
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1353
+ color: unset !important;
1529
1354
  }
1530
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
1531
- color: #ffffff;
1355
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1356
+ background-color: unset;
1532
1357
  }
1533
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1534
- color: #da291c;
1358
+
1359
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1360
+ background-color: transparent;
1535
1361
  }
1536
1362
 
1537
- .LocaleSelector-module__list-item___JVlRE a {
1538
- font-size: 16px !important;
1539
- line-height: 24px !important;
1540
- display: flex;
1541
- padding: 0 !important;
1363
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1364
+ margin-left: 0px !important;
1365
+ position: absolute;
1366
+ min-width: 214px;
1367
+ display: block;
1368
+ padding: 36px 32px 36px 32px;
1369
+ font-size: 18px;
1370
+ line-height: 24px;
1371
+ border: 0;
1372
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1373
+ background-color: #ffffff;
1374
+ border-radius: 0 0 8px 8px;
1375
+ z-index: 1;
1542
1376
  }
1543
- .LocaleSelector-module__list-item___JVlRE a span {
1544
- margin: 10px 0 !important;
1377
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1378
+ margin-left: 0 !important;
1379
+ padding-top: 18px;
1545
1380
  }
1546
- .LocaleSelector-module__list-item___JVlRE a::before {
1547
- content: none;
1548
- display: none !important;
1381
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1382
+ padding-top: 28px;
1383
+ }
1384
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1385
+ border-bottom: 1px solid #e6e3df;
1386
+ padding-bottom: 18px;
1549
1387
  }
1550
1388
 
1551
- @media (max-width: 1023px) {
1552
- .LocaleSelector-module__button___0LEXR {
1553
- color: #575452;
1554
- position: relative;
1555
- }
1556
- .LocaleSelector-module__button___0LEXR button {
1557
- background-color: #ffffff;
1558
- border: 0;
1559
- border-radius: 4px;
1560
- cursor: pointer;
1561
- font-size: 14px;
1562
- line-height: 20px;
1563
- padding-bottom: 0;
1564
- margin-right: 6px;
1565
- width: 100%;
1566
- }
1567
- .LocaleSelector-module__pop-up___HV8Ta {
1568
- padding: 0px 12px !important;
1569
- }
1570
- .LocaleSelector-module__pop-up___HV8Ta img {
1571
- padding-left: 12px;
1572
- }
1573
- .LocaleSelector-module__list-item___JVlRE a {
1574
- font-size: 16px;
1575
- line-height: 24px;
1576
- font-weight: 400;
1577
- display: flex;
1578
- padding: 10px 12px;
1579
- }
1580
- .LocaleSelector-module__list-item___JVlRE a::before {
1581
- content: none;
1582
- display: none !important;
1583
- }
1389
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1390
+ background-color: #111111;
1391
+ }
1392
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1393
+ background-color: #1f1f1f;
1584
1394
  }
1585
1395
 
1586
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1396
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1587
1397
  /* center a block element */
1588
1398
  /* use this to any of the pseudo elements as these are the mandatory properties */
1589
1399
  /* setting styles in separate formats for cross browser support */
1590
1400
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1591
1401
  /* vertically center alilgn any HTML element */
1592
1402
  /* add basePath to assets */
1593
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1594
- transform: rotate(-180deg);
1403
+ .SubNavigation-module__container___Wb5XN {
1404
+ background-color: #ffffff;
1405
+ color: #575452;
1406
+ border-radius: 0px 0px 8px 8px;
1407
+ margin: 0 auto;
1408
+ max-width: 1308px;
1409
+ min-height: 47px;
1410
+ -webkit-align-items: center;
1411
+ -moz-align-items: center;
1412
+ -o-align-items: center;
1413
+ align-items: center;
1595
1414
  }
1596
-
1597
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1598
- padding: 10px 8px;
1415
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1416
+ font-size: 14px;
1417
+ line-height: 20px;
1418
+ font-weight: 700;
1599
1419
  }
1600
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1601
- background-repeat: no-repeat;
1602
- background-size: contain;
1603
- display: block;
1604
- height: 24px;
1605
- margin-right: 4px;
1606
- width: 24px;
1420
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1421
+ margin-left: 0 !important;
1422
+ margin-top: 0 !important;
1423
+ font-size: 18px;
1424
+ line-height: 24px;
1425
+ font-weight: 400;
1426
+ display: block !important;
1607
1427
  }
1608
- @media (max-width: 1023px) {
1609
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1610
- background-repeat: no-repeat;
1611
- background-size: contain;
1612
- display: block;
1613
- margin-left: auto;
1614
- height: 24px;
1615
- width: 24px;
1616
- }
1428
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1429
+ padding-bottom: 28px;
1617
1430
  }
1618
- @media (max-width: 1023px) {
1619
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1620
- background-repeat: no-repeat;
1621
- background-size: contain;
1622
- display: block;
1623
- margin-left: auto;
1624
- height: 8px;
1625
- width: 14px;
1626
- }
1431
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1432
+ font-size: 14px;
1433
+ line-height: 20px;
1434
+ color: #7A7A7B;
1435
+ font-weight: 700;
1436
+ padding-bottom: 28px;
1437
+ }
1438
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1439
+ display: flex;
1440
+ grid-column: 2;
1441
+ grid-template-columns: repeat(auto-fit, 20%);
1442
+ padding: 24px 32px;
1443
+ }
1444
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1445
+ border-left: 1px solid #e6e3df;
1446
+ padding-left: 24px;
1447
+ padding-right: 24px;
1448
+ max-width: 248px;
1627
1449
  }
1628
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1629
- color: #da291c;
1630
- font-weight: 700;
1631
- font-size: 16px;
1632
- line-height: 24px;
1450
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1451
+ padding-left: 0;
1452
+ border: none;
1633
1453
  }
1634
- @media (max-width: 1023px) {
1635
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1636
- background-color: #ffffff;
1637
- padding: 10px;
1638
- }
1454
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1455
+ margin-left: 4px;
1456
+ vertical-align: middle;
1457
+ height: 24px;
1458
+ width: 24px;
1639
1459
  }
1640
-
1641
- .ProfileLinkOut-module__highlight___XDufd {
1642
- border-radius: 8px;
1643
- background-color: #f7f6f5;
1460
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1461
+ margin-left: 0;
1462
+ margin-right: 4px;
1644
1463
  }
1645
-
1646
- .ProfileLinkOut-module__non-section___G1jJY {
1647
- padding-left: 16px;
1648
- padding-right: 16px;
1649
- height: fit-content;
1464
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1465
+ white-space: nowrap;
1466
+ display: inline-flex;
1467
+ align-items: center;
1650
1468
  }
1651
- @media (min-width: 1024px) and (max-width: 1439px) {
1652
- .ProfileLinkOut-module__non-section___G1jJY {
1653
- padding-left: 12px;
1654
- padding-right: 12px;
1655
- }
1469
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1470
+ display: flex;
1471
+ align-items: flex-start;
1472
+ gap: 4px;
1473
+ white-space: normal;
1474
+ max-width: 100%;
1656
1475
  }
1657
- .ProfileLinkOut-module__non-section___G1jJY {
1658
- background-color: unset !important;
1476
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1477
+ white-space: normal;
1478
+ min-width: 0;
1659
1479
  }
1660
- @media (max-width: 1023px) {
1661
- .ProfileLinkOut-module__non-section___G1jJY {
1662
- background-color: #ffffff !important;
1663
- }
1480
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1481
+ white-space: normal;
1482
+ align-items: flex-start;
1483
+ gap: 4px;
1664
1484
  }
1665
1485
 
1666
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1486
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1487
+ background-color: #1f1f1f;
1667
1488
  color: #ffffff;
1668
1489
  }
1669
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1670
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1671
- filter: brightness(0) invert(0.9);
1672
- }
1673
- @media (max-width: 1023px) {
1674
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1675
- background-color: #1f1f1f !important;
1676
- }
1490
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1491
+ color: #ffffff;
1677
1492
  }
1678
-
1679
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1680
- background-color: transparent;
1493
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1494
+ color: #ffffff;
1681
1495
  }
1682
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1496
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1683
1497
  color: #ffffff;
1684
1498
  }
1685
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1686
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1687
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1688
- filter: brightness(0) invert(0.9);
1499
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1500
+ border-left: 1px solid #86807c;
1689
1501
  }
1690
- @media (max-width: 1023px) {
1691
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1692
- background-color: #1f1f1f;
1693
- }
1502
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1503
+ border: none;
1694
1504
  }
1695
1505
 
1696
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
1697
- background-color: #111111;
1506
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1507
+ /* center a block element */
1508
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1509
+ /* setting styles in separate formats for cross browser support */
1510
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1511
+ /* vertically center alilgn any HTML element */
1512
+ /* add basePath to assets */
1513
+ .cart-overlay-panel.offcanvas {
1514
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1698
1515
  }
1699
1516
 
1700
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1701
- background-color: #1f1f1f;
1702
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1703
- }
1704
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1705
- color: #ffffff;
1706
- border-bottom-color: #86807c;
1517
+ .cart-overlay-panel .offcanvas-header {
1518
+ height: 96px;
1519
+ padding: 20px 16px;
1520
+ gap: 24px;
1521
+ align-items: center;
1522
+ background: #ffffff;
1523
+ border-bottom: 1px solid #e6e3df;
1707
1524
  }
1708
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1709
- background-color: #1f1f1f;
1525
+
1526
+ .cart-overlay-panel .offcanvas-title {
1527
+ display: flex;
1528
+ flex-direction: column;
1529
+ align-items: flex-start;
1530
+ gap: 2px;
1531
+ font-size: 24px;
1532
+ line-height: 32px;
1533
+ font-weight: 700;
1534
+ color: #3d3935;
1710
1535
  }
1711
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1712
- color: #da291c;
1536
+ @media (max-width: 1023px) {
1537
+ .cart-overlay-panel .offcanvas-title {
1538
+ font-size: 20px;
1539
+ line-height: 28px;
1540
+ }
1713
1541
  }
1714
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1715
- color: #ffffff;
1716
- background-color: #1f1f1f;
1542
+
1543
+ .cart-overlay-panel .btn-close {
1544
+ opacity: 0.7;
1545
+ width: 20px;
1546
+ height: 20px;
1717
1547
  }
1718
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1719
- filter: brightness(0) invert(0.9);
1548
+ .cart-overlay-panel .btn-close:hover {
1549
+ opacity: 1;
1720
1550
  }
1721
1551
 
1722
- .ProfileLinkOut-module__arrow___Mc7yw {
1723
- display: none;
1724
- }
1725
- @media (max-width: 1023px) {
1726
- .ProfileLinkOut-module__arrow___Mc7yw {
1727
- position: absolute;
1728
- right: 10px;
1729
- display: inline-block;
1730
- }
1552
+ .cart-overlay-panel .offcanvas-body {
1553
+ padding: 0;
1554
+ overflow-y: auto;
1555
+ display: flex;
1556
+ flex-direction: column;
1557
+ background: #f7f6f5;
1731
1558
  }
1732
1559
 
1733
- @media (min-width: 1024px) {
1734
- .ProfileLinkOut-module__log___JdxjK {
1735
- display: none;
1736
- }
1560
+ .cart-overlay-panel.offcanvas-bottom {
1561
+ border-radius: 8px 8px 0 0 !important;
1562
+ width: 100% !important;
1563
+ overflow: hidden;
1737
1564
  }
1738
- @media (min-width: 1024px) {
1739
- .ProfileLinkOut-module__login-flyover___YDIVp {
1740
- position: absolute;
1741
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1742
- min-width: max-content;
1743
- display: block;
1744
- padding: 24px 32px;
1745
- font-size: 16px;
1746
- border: 0;
1747
- color: #e6003c;
1748
- font-weight: 700;
1749
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1750
- background-color: #ffffff;
1751
- border-radius: 4px;
1752
- }
1753
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1754
- padding-bottom: 16px;
1755
- letter-spacing: 1px;
1756
- text-transform: uppercase;
1757
- color: #86807c;
1758
- font-weight: 500;
1759
- font-size: 14px;
1760
- line-height: 20px;
1761
- border-bottom: 1px solid #e6e3df;
1762
- }
1763
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1764
- padding: 28px 0;
1765
- }
1766
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1767
- text-decoration: underline;
1768
- }
1769
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1770
- font-size: 18px;
1771
- line-height: 24px;
1772
- color: #da291c;
1773
- }
1774
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1775
- color: #3d3935;
1776
- font-weight: 400;
1777
- font-size: 18px;
1778
- line-height: 24px;
1779
- }
1780
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1781
- padding-left: 10px;
1782
- }
1783
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1784
- text-decoration: underline;
1785
- }
1565
+
1566
+ .CartOverlay-module__backdrop___lMc-O {
1567
+ position: fixed;
1568
+ inset: 0;
1569
+ z-index: 1040;
1570
+ background: rgba(42, 42, 42, 0.7);
1571
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1786
1572
  }
1787
- @media (max-width: 1023px) {
1788
- .ProfileLinkOut-module__login-flyover___YDIVp {
1789
- color: #86807c;
1790
- font-weight: 500;
1791
- font-size: 14px;
1792
- line-height: 20px;
1793
- padding-left: 16px;
1794
- }
1795
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1796
- padding: 20px 0 8px 10px;
1797
- letter-spacing: 1px;
1798
- text-transform: uppercase;
1799
- }
1800
- .ProfileLinkOut-module__mysunrise___F326W {
1801
- color: #da291c;
1802
- font-weight: 700;
1803
- font-size: 18px;
1804
- line-height: 24px;
1805
- background-color: #ffffff;
1806
- padding: 10px;
1807
- margin-bottom: 4px;
1808
- }
1809
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1810
- font-weight: unset;
1573
+
1574
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
1575
+ from {
1576
+ opacity: 0;
1811
1577
  }
1812
- .ProfileLinkOut-module__logout___GfbcJ {
1813
- color: #3d3935;
1814
- font-weight: 400;
1815
- background-color: #ffffff;
1816
- padding: 10px;
1817
- font-size: 18px;
1818
- line-height: 24px;
1819
- position: relative;
1578
+ to {
1579
+ opacity: 1;
1820
1580
  }
1821
- .ProfileLinkOut-module__logout___GfbcJ img {
1822
- position: absolute;
1823
- padding-left: 10px;
1581
+ }
1582
+ .CartOverlay-module__footer___OwJpW {
1583
+ padding: 16px 24px;
1584
+ border-top: 1px solid #d2d2d2;
1585
+ background-color: #ffffff;
1586
+ }
1587
+
1588
+ .CartOverlay-module__dismissButton___57qsq {
1589
+ display: flex;
1590
+ align-items: center;
1591
+ justify-content: center;
1592
+ width: 100%;
1593
+ padding: 14px 24px;
1594
+ gap: 8px;
1595
+ background: none;
1596
+ border: 2px solid #da291c;
1597
+ border-radius: 28px;
1598
+ font-size: 16px;
1599
+ line-height: 24px;
1600
+ font-weight: 600;
1601
+ color: #da291c;
1602
+ text-align: center;
1603
+ cursor: pointer;
1604
+ transition: background-color 0.15s ease;
1605
+ }
1606
+ .CartOverlay-module__dismissButton___57qsq:hover {
1607
+ background-color: rgba(218, 41, 28, 0.05);
1608
+ }
1609
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1610
+ outline: 2px solid #da291c;
1611
+ outline-offset: 2px;
1612
+ }
1613
+
1614
+ .CartOverlay-module__errorMessage___ylBiH {
1615
+ margin: auto 24px;
1616
+ padding: 16px;
1617
+ font-size: 20px;
1618
+ line-height: 28px;
1619
+ color: #3d3935;
1620
+ text-align: center;
1621
+ }
1622
+
1623
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1624
+ /* center a block element */
1625
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1626
+ /* setting styles in separate formats for cross browser support */
1627
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1628
+ /* vertically center alilgn any HTML element */
1629
+ /* add basePath to assets */
1630
+ .CartHeader-module__headerTitle___35F6g {
1631
+ display: flex;
1632
+ align-items: center;
1633
+ gap: 8px;
1634
+ }
1635
+
1636
+ .CartHeader-module__headerItemCount___g1Ynd {
1637
+ font-size: 24px;
1638
+ line-height: 32px;
1639
+ font-weight: 400;
1640
+ color: #3d3935;
1641
+ }
1642
+ @media (max-width: 1023px) {
1643
+ .CartHeader-module__headerItemCount___g1Ynd {
1644
+ font-size: 20px;
1645
+ line-height: 28px;
1824
1646
  }
1825
1647
  }
1826
1648
 
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;
1661
+ }
1662
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1663
+ color: #961c13;
1664
+ }
1665
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1666
+ outline: 2px solid #da291c;
1667
+ outline-offset: 2px;
1668
+ border-radius: 2px;
1669
+ }
1670
+
1827
1671
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1828
1672
  /* center a block element */
1829
1673
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -2202,3 +2046,159 @@
2202
2046
  outline: 2px solid #ffffff;
2203
2047
  outline-offset: 2px;
2204
2048
  }
2049
+
2050
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2051
+ /* center a block element */
2052
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2053
+ /* setting styles in separate formats for cross browser support */
2054
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2055
+ /* vertically center alilgn any HTML element */
2056
+ /* add basePath to assets */
2057
+ .CartItems-module__container___9xcV- {
2058
+ display: flex;
2059
+ flex-direction: column;
2060
+ flex: 1;
2061
+ }
2062
+
2063
+ .CartItems-module__itemList___CK3U1 {
2064
+ list-style: none;
2065
+ margin: 0;
2066
+ padding: 0;
2067
+ }
2068
+
2069
+ .CartItems-module__item___A6nFF {
2070
+ border-bottom: 1px solid #e6e3df;
2071
+ background-color: #f7f6f5;
2072
+ }
2073
+ .CartItems-module__item___A6nFF:last-child {
2074
+ border-bottom: none;
2075
+ }
2076
+
2077
+ .CartItems-module__itemContent___DaQhK {
2078
+ display: flex;
2079
+ flex-direction: row;
2080
+ align-items: flex-start;
2081
+ gap: 16px;
2082
+ padding: 16px 24px;
2083
+ }
2084
+ @media (max-width: 767px) {
2085
+ .CartItems-module__itemContent___DaQhK {
2086
+ padding: 16px;
2087
+ }
2088
+ }
2089
+
2090
+ .CartItems-module__itemIcon___pk1NU {
2091
+ display: flex;
2092
+ align-items: center;
2093
+ justify-content: center;
2094
+ flex-shrink: 0;
2095
+ width: 40px;
2096
+ height: 40px;
2097
+ color: #86807c;
2098
+ }
2099
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2100
+ width: 40px;
2101
+ height: 40px;
2102
+ object-fit: contain;
2103
+ border-radius: 4px;
2104
+ }
2105
+
2106
+ .CartItems-module__itemBody___leOoI {
2107
+ display: flex;
2108
+ flex-direction: column;
2109
+ gap: 4px;
2110
+ flex: 1;
2111
+ min-width: 0;
2112
+ }
2113
+
2114
+ .CartItems-module__itemRow___owvC2 {
2115
+ display: flex;
2116
+ justify-content: space-between;
2117
+ align-items: flex-start;
2118
+ gap: 16px;
2119
+ }
2120
+
2121
+ .CartItems-module__itemDetails___vQu14 {
2122
+ display: flex;
2123
+ flex-direction: column;
2124
+ gap: 2px;
2125
+ min-width: 0;
2126
+ flex: 1;
2127
+ }
2128
+
2129
+ .CartItems-module__categoryLabel___gSZid {
2130
+ font-size: 12px;
2131
+ line-height: 16px;
2132
+ color: #86807c;
2133
+ }
2134
+
2135
+ .CartItems-module__productName___yYFNw {
2136
+ font-size: 14px;
2137
+ line-height: 20px;
2138
+ font-weight: 700;
2139
+ color: #3d3935;
2140
+ }
2141
+
2142
+ .CartItems-module__variantText___saarn {
2143
+ font-size: 12px;
2144
+ line-height: 16px;
2145
+ color: #86807c;
2146
+ }
2147
+
2148
+ .CartItems-module__downPaymentLabel___9sOP7 {
2149
+ font-size: 12px;
2150
+ line-height: 16px;
2151
+ color: #86807c;
2152
+ }
2153
+
2154
+ .CartItems-module__downPaymentRow___9a5jS {
2155
+ display: flex;
2156
+ width: 100%;
2157
+ justify-content: space-between;
2158
+ align-items: center;
2159
+ }
2160
+
2161
+ .CartItems-module__itemPricing___7gEuf {
2162
+ display: flex;
2163
+ flex-direction: column;
2164
+ align-items: flex-end;
2165
+ gap: 2px;
2166
+ flex-shrink: 0;
2167
+ white-space: nowrap;
2168
+ }
2169
+
2170
+ .CartItems-module__monthlyPrice___G6sH6 {
2171
+ font-size: 14px;
2172
+ line-height: 20px;
2173
+ font-weight: 700;
2174
+ color: #3d3935;
2175
+ }
2176
+
2177
+ .CartItems-module__originalPrice___LsGAC {
2178
+ font-size: 12px;
2179
+ line-height: 16px;
2180
+ color: #86807c;
2181
+ text-decoration: line-through;
2182
+ }
2183
+
2184
+ .CartItems-module__downPaymentAmount___3K98L {
2185
+ font-size: 12px;
2186
+ line-height: 16px;
2187
+ font-weight: 700;
2188
+ color: #3d3935;
2189
+ }
2190
+
2191
+ .CartItems-module__disclaimer___mOvek {
2192
+ font-size: 12px;
2193
+ line-height: 16px;
2194
+ color: #86807c;
2195
+ padding: 16px 24px;
2196
+ margin: 0;
2197
+ background-color: #f7f6f5;
2198
+ border-top: 1px solid #e6e3df;
2199
+ }
2200
+ @media (max-width: 767px) {
2201
+ .CartItems-module__disclaimer___mOvek {
2202
+ padding: 16px;
2203
+ }
2204
+ }