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