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

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