@sunrise-upc/sales-static-components 3.8.6-beta.0 → 3.8.6-beta.1

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