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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  2. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  3. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  4. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  5. package/dist/navigation.css +853 -853
  6. 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,356 +472,330 @@
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/FalconMainNavigation.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;
488
+ .FalconMainNavigation-module__container___85E7S {
489
+ -webkit-transition: all 1s ease-out;
490
+ transition: all 1s ease-out;
491
+ font-size: 20px;
492
+ line-height: 23px;
493
+ position: fixed;
468
494
  width: 100%;
495
+ z-index: 10;
496
+ top: 0;
469
497
  }
470
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
471
- padding: 0px;
472
- max-width: 100%;
498
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
499
+ position: absolute;
500
+ z-index: 1;
501
+ top: 17px;
502
+ -webkit-transition: all 1s ease-out;
503
+ transition: all 1s ease-out;
473
504
  }
474
- @media (min-width: 1024px) and (max-width: 1439px) {
475
- .row-module__sr-def-row___us1ph {
476
- max-width: 972px;
477
- }
505
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
506
+ height: 89px;
507
+ width: 98px;
508
+ margin-left: auto;
509
+ margin-right: auto;
510
+ -webkit-transition: all 1s ease-out;
511
+ transition: all 1s ease-out;
478
512
  }
479
- @media (min-width: 768px) and (max-width: 1023px) {
480
- .row-module__sr-def-row___us1ph {
481
- max-width: 720px;
482
- }
513
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
514
+ top: 61px;
515
+ -webkit-transition: all 1s ease-out;
516
+ transition: all 1s ease-out;
483
517
  }
484
- @media (max-width: 767px) {
485
- .row-module__sr-def-row___us1ph {
486
- max-width: 100%;
487
- }
518
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
519
+ height: 56px;
520
+ -webkit-transition: all 1s ease-out;
521
+ transition: all 1s ease-out;
488
522
  }
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;
523
+ .FalconMainNavigation-module__container___85E7S ul,
524
+ .FalconMainNavigation-module__container___85E7S li {
525
+ list-style: none;
526
+ margin: 0px;
527
+ padding: 0px;
508
528
  }
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;
529
+ .FalconMainNavigation-module__container___85E7S a {
530
+ color: #1f1f1f;
531
+ text-decoration: none;
521
532
  }
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;
533
+ .FalconMainNavigation-module__container___85E7S a::before {
534
+ content: attr(title);
527
535
  display: block;
528
- height: 24px;
529
- width: 24px;
536
+ font-weight: bold;
537
+ height: 0;
538
+ opacity: 1;
539
+ overflow: hidden;
530
540
  }
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;
541
+ @media (max-width: 1023px) {
542
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
543
+ display: none;
544
+ }
541
545
  }
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;
546
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
547
+ color: #1f1f1f;
555
548
  }
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;
549
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
550
+ background: #ffffff;
551
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
552
+ }
553
+ .FalconMainNavigation-module__container___85E7S .full-width {
554
+ width: 100%;
561
555
  }
562
556
  @media (max-width: 1023px) {
563
- .FalconHeader-module__container___r3bIZ {
564
- background-color: #da291c;
565
- min-height: 4px;
557
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
558
+ max-width: 100%;
566
559
  }
567
560
  }
568
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
569
- margin-left: 20px;
561
+ @media (min-width: 1024px) and (max-width: 1439px) {
562
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
563
+ max-width: 1308px;
564
+ padding-left: 42px;
565
+ padding-right: 42px;
566
+ }
570
567
  }
571
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
572
- margin-left: 100px;
568
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
569
+ background-color: #ffffff;
570
+ position: relative;
571
+ z-index: auto;
573
572
  }
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;
573
+ @media (max-width: 1023px) {
574
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
575
+ background-color: #f8f8f8;
576
+ }
583
577
  }
584
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
585
- text-decoration: none;
578
+ @media (min-width: 1024px) {
579
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
580
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
581
+ }
586
582
  }
587
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
588
- float: right;
583
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
584
+ min-height: 68px;
589
585
  }
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;
586
+ @media (max-width: 1023px) {
587
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
588
+ min-height: 44px;
589
+ height: 44px;
590
+ }
598
591
  }
599
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
600
- text-decoration: none;
592
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
593
+ background-repeat: no-repeat;
594
+ background-size: contain;
601
595
  }
602
-
603
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
604
- background-color: #111111;
596
+ @media (max-width: 1023px) {
597
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
598
+ display: block;
599
+ background-size: contain;
600
+ width: 120px;
601
+ height: 24px;
602
+ margin-right: 10px;
603
+ }
605
604
  }
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;
605
+ @media (min-width: 1024px) {
606
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
607
+ visibility: visible;
608
+ }
609
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
610
+ visibility: hidden;
611
+ }
609
612
  }
610
-
611
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
612
- /* center a block element */
613
- /* use this to any of the pseudo elements as these are the mandatory properties */
614
- /* setting styles in separate formats for cross browser support */
615
- /* specify the max width for an element and apply ellipses and truncate the overflow */
616
- /* vertically center alilgn any HTML element */
617
- /* add basePath to assets */
618
- .NavigationMenuItem-module__nav-link___ZDsjB {
619
- font-size: 16px;
620
- line-height: 24px;
621
- margin-right: 6px;
613
+ @media (min-width: 1024px) {
614
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
615
+ height: 24px;
616
+ border-right: 1px solid #e6e3df;
617
+ border-left: 1px solid #e6e3df;
618
+ padding: 0 16px;
619
+ margin-top: 10px;
620
+ }
622
621
  }
623
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG {
624
- padding: 10px 4px;
622
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
623
+ position: relative;
625
624
  display: flex;
626
625
  align-items: center;
627
- gap: 8px;
628
- }
629
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__outer___5QxvG img {
630
- flex-shrink: 0;
631
626
  height: 24px;
632
- width: 24px;
633
- }
634
- .NavigationMenuItem-module__nav-link___ZDsjB .NavigationMenuItem-module__menu-icon___9BnYz {
635
- filter: none;
627
+ cursor: pointer;
628
+ background: none;
629
+ border: none;
630
+ outline: none;
636
631
  }
637
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div {
638
- color: #3d3935;
639
- background-color: #f7f6f5;
640
- border-radius: 8px;
632
+ @media (min-width: 1024px) {
633
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
634
+ padding: 0 12px;
635
+ margin-top: 10px;
636
+ border-left: 1px solid #e6e3df;
637
+ }
641
638
  }
642
- .NavigationMenuItem-module__nav-link___ZDsjB.sunrise-bold div img {
643
- padding-left: unset;
644
- padding-right: 4px;
645
- transform: rotate(-180deg);
639
+ @media (max-width: 1023px) {
640
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
641
+ padding: 0;
642
+ margin-right: 16px;
643
+ }
646
644
  }
647
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 {
648
- color: #ffffff;
645
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
646
+ outline: 2px solid #e6e3df;
647
+ outline-offset: 2px;
648
+ border-radius: 2px;
649
649
  }
650
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48 .NavigationMenuItem-module__menu-icon___9BnYz {
651
- filter: brightness(0) invert(0.9);
650
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
651
+ cursor: pointer;
652
+ display: block;
653
+ height: 24px;
654
+ width: 24px;
652
655
  }
653
- .NavigationMenuItem-module__nav-link___ZDsjB.NavigationMenuItem-module__inverted___JCI48.sunrise-bold div {
654
- color: #ffffff;
655
- background-color: #1f1f1f;
656
+ @media (max-width: 1023px) {
657
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
658
+ margin-right: 20px;
659
+ margin-left: 16px;
660
+ }
656
661
  }
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;
662
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
663
+ opacity: 0.6;
664
+ pointer-events: none;
665
+ cursor: default;
666
666
  }
667
-
668
- .NavigationMenuItem-module__submenu___cWv9X {
669
- background-color: #ffffff;
667
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
668
+ background-repeat: no-repeat;
669
+ background-size: contain;
670
670
  display: block;
671
- left: 60%;
672
- margin-left: -58%;
673
- margin-top: -16px;
674
- position: absolute;
675
- top: 85px;
676
- 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;
683
- }
684
-
685
- .NavigationMenuItem-module__submenu___cWv9X.NavigationMenuItem-module__inverted___JCI48 {
686
- background-color: #1f1f1f;
671
+ height: 24px;
672
+ margin: 10px 8px 0 10px;
673
+ width: 24px;
687
674
  }
688
-
689
- .NavigationMenuItem-module__out___rzlPg {
690
- position: relative;
675
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
676
+ font-size: 16px;
677
+ line-height: 24px;
678
+ color: #1f1f1f;
679
+ margin: 10px 16px 0 8px;
680
+ font-weight: 700;
681
+ cursor: pointer;
691
682
  }
692
-
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;
683
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
684
+ background-repeat: no-repeat;
685
+ background-size: contain;
686
+ display: block;
687
+ height: 24px;
688
+ margin: 11px 0px 0 0px;
689
+ width: 24px;
690
+ cursor: pointer;
702
691
  }
703
692
  @media (max-width: 1023px) {
704
- .MobileNavigation-module__container___apq4z {
705
- background-color: #f8f8f8;
693
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
694
+ margin: 0px;
695
+ cursor: pointer;
706
696
  }
707
697
  }
708
- .MobileNavigation-module__container___apq4z {
709
- left: 0;
710
- min-height: calc(100vh - 45px);
711
- height: calc(100vh - 45px);
698
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
699
+ margin: 10px 0px 0px;
700
+ cursor: pointer;
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
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
704
+ margin: 0px;
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;
731
- }
732
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
733
- height: calc(100vh - 45px);
734
- }
735
- @supports (height: 100dvh) {
736
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
737
- height: calc(100dvh - 45px);
707
+ @media (min-width: 1024px) {
708
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
709
+ position: relative;
710
+ justify-content: space-between;
711
+ padding: 12px 0;
712
+ }
713
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
714
+ margin-left: 58px;
738
715
  }
739
716
  }
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;
717
+ @media (min-width: 1024px) {
718
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
719
+ position: relative;
720
+ justify-content: space-between;
721
+ padding: 12px 0;
722
+ }
723
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
724
+ margin-left: 58px;
725
+ }
753
726
  }
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;
727
+ @media (min-width: 1024px) {
728
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
729
+ padding-bottom: 47px;
730
+ }
731
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
732
+ padding-bottom: 0;
733
+ }
763
734
  }
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;
735
+ @media (min-width: 1440px) {
736
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
737
+ padding-bottom: 0;
738
+ }
739
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
740
+ padding-bottom: 0;
741
+ }
766
742
  }
767
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
768
- margin-left: 12px;
743
+
744
+ @media (min-width: 1024px) {
745
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
746
+ top: -52px;
747
+ }
769
748
  }
770
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
771
- border-bottom: 2px solid #f8f8f8;
772
- border-top: 2px solid #f8f8f8;
749
+
750
+ .page-top,
751
+ #main {
752
+ padding-top: var(--main-nav-height, 72px);
753
+ transition: padding-top 500ms ease-out;
773
754
  }
774
755
 
775
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
776
- background-color: #111111;
756
+ @media (max-width: 767px) {
757
+ .page-top,
758
+ #main {
759
+ padding-top: var(--main-nav-height, 50px);
760
+ }
777
761
  }
778
- @media (max-width: 1023px) {
779
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
780
- background-color: #111111;
762
+ @media (prefers-reduced-motion: reduce) {
763
+ .page-top,
764
+ #main {
765
+ transition: none;
781
766
  }
782
767
  }
783
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
768
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
784
769
  background-color: #1f1f1f;
785
- color: #ffffff;
786
- border: 1px solid #2c2c2c;
770
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
787
771
  }
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;
772
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
773
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
774
+ background-color: #1f1f1f;
775
+ }
776
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
777
+ border-right-color: #86807c;
778
+ border-left-color: #86807c;
779
+ }
780
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
781
+ color: #ffffff;
791
782
  }
792
783
 
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;
784
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
785
+ position: fixed;
786
+ top: 0;
787
+ left: 0;
788
+ padding: 4px 8px;
789
+ font-size: 14px;
790
+ z-index: 10000;
791
+ color: #5f5955;
792
+ background: #ffffff;
793
+ }
794
+ @media (max-width: 850px) {
795
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
796
+ padding: 0 4px;
797
+ font-size: 8px;
798
+ }
799
799
  }
800
800
 
801
801
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
@@ -860,54 +860,6 @@
860
860
  text-align: center;
861
861
  }
862
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;
881
- }
882
- @media (max-width: 1023px) {
883
- .CartHeader-module__headerItemCount___g1Ynd {
884
- font-size: 20px;
885
- line-height: 28px;
886
- }
887
- }
888
-
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
863
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
912
864
  /* center a block element */
913
865
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1252,188 +1204,32 @@
1252
1204
  width: 100%;
1253
1205
  padding: 14px 24px;
1254
1206
  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;
1265
- }
1266
- .CartOverlay-module__dismissButton___57qsq:hover {
1267
- background-color: rgba(218, 41, 28, 0.05);
1268
- }
1269
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1270
- outline: 2px solid #da291c;
1271
- outline-offset: 2px;
1272
- }
1273
-
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;
1281
- }
1282
-
1283
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1284
- /* center a block element */
1285
- /* use this to any of the pseudo elements as these are the mandatory properties */
1286
- /* setting styles in separate formats for cross browser support */
1287
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1288
- /* vertically center alilgn any HTML element */
1289
- /* 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;
1320
- }
1321
- }
1322
-
1323
- .CartItems-module__itemIcon___pk1NU {
1324
- display: flex;
1325
- align-items: center;
1326
- 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;
1337
- }
1338
-
1339
- .CartItems-module__itemBody___leOoI {
1340
- display: flex;
1341
- flex-direction: column;
1342
- gap: 4px;
1343
- flex: 1;
1344
- min-width: 0;
1345
- }
1346
-
1347
- .CartItems-module__itemRow___owvC2 {
1348
- display: flex;
1349
- justify-content: space-between;
1350
- align-items: flex-start;
1351
- gap: 16px;
1352
- }
1353
-
1354
- .CartItems-module__itemDetails___vQu14 {
1355
- display: flex;
1356
- flex-direction: column;
1357
- gap: 2px;
1358
- min-width: 0;
1359
- flex: 1;
1360
- }
1361
-
1362
- .CartItems-module__categoryLabel___gSZid {
1363
- font-size: 12px;
1364
- line-height: 16px;
1365
- color: #86807c;
1366
- }
1367
-
1368
- .CartItems-module__productName___yYFNw {
1369
- font-size: 14px;
1370
- line-height: 20px;
1371
- font-weight: 700;
1372
- color: #3d3935;
1373
- }
1374
-
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;
1385
- }
1386
-
1387
- .CartItems-module__downPaymentRow___9a5jS {
1388
- display: flex;
1389
- width: 100%;
1390
- justify-content: space-between;
1391
- align-items: center;
1392
- }
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;
1207
+ background: none;
1208
+ border: 2px solid #da291c;
1209
+ border-radius: 28px;
1210
+ font-size: 16px;
1211
+ line-height: 24px;
1212
+ font-weight: 600;
1213
+ color: #da291c;
1214
+ text-align: center;
1215
+ cursor: pointer;
1216
+ transition: background-color 0.15s ease;
1401
1217
  }
1402
-
1403
- .CartItems-module__monthlyPrice___G6sH6 {
1404
- font-size: 14px;
1405
- line-height: 20px;
1406
- font-weight: 700;
1407
- color: #3d3935;
1218
+ .CartOverlay-module__dismissButton___57qsq:hover {
1219
+ background-color: rgba(218, 41, 28, 0.05);
1408
1220
  }
1409
-
1410
- .CartItems-module__originalPrice___LsGAC {
1411
- font-size: 12px;
1412
- line-height: 16px;
1413
- color: #86807c;
1414
- text-decoration: line-through;
1221
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1222
+ outline: 2px solid #da291c;
1223
+ outline-offset: 2px;
1415
1224
  }
1416
1225
 
1417
- .CartItems-module__downPaymentAmount___3K98L {
1418
- font-size: 12px;
1419
- line-height: 16px;
1420
- font-weight: 700;
1226
+ .CartOverlay-module__errorMessage___ylBiH {
1227
+ margin: auto 24px;
1228
+ padding: 16px;
1229
+ font-size: 20px;
1230
+ line-height: 28px;
1421
1231
  color: #3d3935;
1422
- }
1423
-
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;
1432
- }
1433
- @media (max-width: 767px) {
1434
- .CartItems-module__disclaimer___mOvek {
1435
- padding: 16px;
1436
- }
1232
+ text-align: center;
1437
1233
  }
1438
1234
 
1439
1235
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
@@ -1824,6 +1620,54 @@
1824
1620
  }
1825
1621
  }
1826
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;
1646
+ }
1647
+ }
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
+ }