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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
  2. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  3. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.js +1 -1
  4. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css +10 -16
  5. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  6. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  7. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +10 -16
  8. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +10 -16
  9. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.js +1 -1
  10. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.js.map +1 -1
  11. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +30 -29
  12. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  13. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  14. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +30 -29
  15. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.js +1 -1
  16. package/dist/cjs/components/QuickLinks/QuickLinks.js +1 -1
  17. package/dist/cjs/components/QuickLinks/QuickLinks.js.map +1 -1
  18. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
  19. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  20. package/dist/esm/components/DeviceGallery/DeviceGalleryList.module.scss.js +1 -1
  21. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +10 -16
  22. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  23. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  24. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +10 -16
  25. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +10 -16
  26. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.js +1 -1
  27. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.js.map +1 -1
  28. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +30 -29
  29. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  30. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  31. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +30 -29
  32. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.js +1 -1
  33. package/dist/esm/components/QuickLinks/QuickLinks.js +1 -1
  34. package/dist/esm/components/QuickLinks/QuickLinks.js.map +1 -1
  35. package/dist/index.d.ts +4 -0
  36. package/dist/navigation.css +747 -747
  37. package/package.json +1 -1
@@ -1,323 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
2
- /* center a block element */
3
- /* use this to any of the pseudo elements as these are the mandatory properties */
4
- /* setting styles in separate formats for cross browser support */
5
- /* specify the max width for an element and apply ellipses and truncate the overflow */
6
- /* vertically center alilgn any HTML element */
7
- /* add basePath to assets */
8
- .FalconMainNavigation-module__container___85E7S {
9
- -webkit-transition: all 1s ease-out;
10
- transition: all 1s ease-out;
11
- font-size: 20px;
12
- line-height: 23px;
13
- position: fixed;
14
- width: 100%;
15
- z-index: 10;
16
- top: 0;
17
- }
18
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
19
- position: absolute;
20
- z-index: 1;
21
- top: 17px;
22
- -webkit-transition: all 1s ease-out;
23
- transition: all 1s ease-out;
24
- }
25
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
26
- height: 89px;
27
- width: 98px;
28
- margin-left: auto;
29
- margin-right: auto;
30
- -webkit-transition: all 1s ease-out;
31
- transition: all 1s ease-out;
32
- }
33
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
34
- top: 61px;
35
- -webkit-transition: all 1s ease-out;
36
- transition: all 1s ease-out;
37
- }
38
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
39
- height: 56px;
40
- -webkit-transition: all 1s ease-out;
41
- transition: all 1s ease-out;
42
- }
43
- .FalconMainNavigation-module__container___85E7S ul,
44
- .FalconMainNavigation-module__container___85E7S li {
45
- list-style: none;
46
- margin: 0px;
47
- padding: 0px;
48
- }
49
- .FalconMainNavigation-module__container___85E7S a {
50
- color: #1f1f1f;
51
- text-decoration: none;
52
- }
53
- .FalconMainNavigation-module__container___85E7S a::before {
54
- content: attr(title);
55
- display: block;
56
- font-weight: bold;
57
- height: 0;
58
- opacity: 1;
59
- overflow: hidden;
60
- }
61
- @media (max-width: 1023px) {
62
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
63
- display: none;
64
- }
65
- }
66
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
67
- color: #1f1f1f;
68
- }
69
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
70
- background: #ffffff;
71
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
- }
73
- .FalconMainNavigation-module__container___85E7S .full-width {
74
- width: 100%;
75
- }
76
- @media (max-width: 1023px) {
77
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
78
- max-width: 100%;
79
- }
80
- }
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
- }
87
- }
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;
92
- }
93
- @media (max-width: 1023px) {
94
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
95
- background-color: #f8f8f8;
96
- }
97
- }
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
- }
102
- }
103
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
104
- min-height: 68px;
105
- }
106
- @media (max-width: 1023px) {
107
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
108
- min-height: 44px;
109
- height: 44px;
110
- }
111
- }
112
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
113
- background-repeat: no-repeat;
114
- background-size: contain;
115
- }
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
- }
124
- }
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
- }
132
- }
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
- }
141
- }
142
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
143
- position: relative;
144
- display: flex;
145
- align-items: center;
146
- height: 24px;
147
- cursor: pointer;
148
- background: none;
149
- border: none;
150
- outline: none;
151
- }
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
- }
158
- }
159
- @media (max-width: 1023px) {
160
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
161
- padding: 0;
162
- margin-right: 16px;
163
- }
164
- }
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;
169
- }
170
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
171
- cursor: pointer;
172
- display: block;
173
- height: 24px;
174
- width: 24px;
175
- }
176
- @media (max-width: 1023px) {
177
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
178
- margin-right: 20px;
179
- margin-left: 16px;
180
- }
181
- }
182
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
183
- opacity: 0.6;
184
- pointer-events: none;
185
- cursor: default;
186
- }
187
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
188
- background-repeat: no-repeat;
189
- background-size: contain;
190
- display: block;
191
- height: 24px;
192
- margin: 10px 8px 0 10px;
193
- width: 24px;
194
- }
195
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
196
- font-size: 16px;
197
- line-height: 24px;
198
- color: #1f1f1f;
199
- margin: 10px 16px 0 8px;
200
- font-weight: 700;
201
- cursor: pointer;
202
- }
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;
211
- }
212
- @media (max-width: 1023px) {
213
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
214
- margin: 0px;
215
- cursor: pointer;
216
- }
217
- }
218
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
219
- margin: 10px 0px 0px;
220
- cursor: pointer;
221
- }
222
- @media (max-width: 1023px) {
223
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
224
- margin: 0px;
225
- }
226
- }
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
- }
236
- }
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;
245
- }
246
- }
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
- }
254
- }
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
- }
262
- }
263
-
264
- @media (min-width: 1024px) {
265
- .FalconMainNavigation-module__falcon-nav___YMp-r {
266
- top: -52px;
267
- }
268
- }
269
-
270
- .page-top,
271
- #main {
272
- padding-top: var(--main-nav-height, 72px);
273
- transition: padding-top 500ms ease-out;
274
- }
275
-
276
- @media (max-width: 767px) {
277
- .page-top,
278
- #main {
279
- padding-top: var(--main-nav-height, 50px);
280
- }
281
- }
282
- @media (prefers-reduced-motion: reduce) {
283
- .page-top,
284
- #main {
285
- transition: none;
286
- }
287
- }
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);
291
- }
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;
295
- }
296
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
297
- border-right-color: #86807c;
298
- border-left-color: #86807c;
299
- }
300
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
301
- color: #ffffff;
302
- }
303
-
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;
313
- }
314
- @media (max-width: 850px) {
315
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
316
- padding: 0 4px;
317
- font-size: 8px;
318
- }
319
- }
320
-
321
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
322
2
  /* center a block element */
323
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -974,332 +654,652 @@
974
654
  -o-transform: translateX(-50%);
975
655
  transform: translateX(-50%);
976
656
  }
977
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
978
- margin-left: 0 !important;
657
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
658
+ margin-left: 0 !important;
659
+ }
660
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
661
+ font-weight: bold;
662
+ }
663
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
664
+ color: #da291c;
665
+ }
666
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
667
+ content: none !important;
668
+ display: none !important;
669
+ }
670
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
671
+ display: none !important;
672
+ }
673
+
674
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
675
+ color: #ffffff;
676
+ }
677
+ @media (max-width: 1023px) {
678
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
679
+ background-color: #1f1f1f;
680
+ }
681
+ }
682
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
683
+ filter: brightness(0) invert(0.9);
684
+ }
685
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
686
+ background-color: #1f1f1f;
687
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
688
+ }
689
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
690
+ color: #ffffff;
691
+ }
692
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
693
+ color: #da291c;
694
+ }
695
+
696
+ .LocaleSelector-module__list-item___JVlRE a {
697
+ font-size: 16px !important;
698
+ line-height: 24px !important;
699
+ display: flex;
700
+ padding: 0 !important;
701
+ }
702
+ .LocaleSelector-module__list-item___JVlRE a span {
703
+ margin: 10px 0 !important;
704
+ }
705
+ .LocaleSelector-module__list-item___JVlRE a::before {
706
+ content: none;
707
+ display: none !important;
708
+ }
709
+
710
+ @media (max-width: 1023px) {
711
+ .LocaleSelector-module__button___0LEXR {
712
+ color: #575452;
713
+ position: relative;
714
+ }
715
+ .LocaleSelector-module__button___0LEXR button {
716
+ background-color: #ffffff;
717
+ border: 0;
718
+ border-radius: 4px;
719
+ cursor: pointer;
720
+ font-size: 14px;
721
+ line-height: 20px;
722
+ padding-bottom: 0;
723
+ margin-right: 6px;
724
+ width: 100%;
725
+ }
726
+ .LocaleSelector-module__pop-up___HV8Ta {
727
+ padding: 0px 12px !important;
728
+ }
729
+ .LocaleSelector-module__pop-up___HV8Ta img {
730
+ padding-left: 12px;
731
+ }
732
+ .LocaleSelector-module__list-item___JVlRE a {
733
+ font-size: 16px;
734
+ line-height: 24px;
735
+ font-weight: 400;
736
+ display: flex;
737
+ padding: 10px 12px;
738
+ }
739
+ .LocaleSelector-module__list-item___JVlRE a::before {
740
+ content: none;
741
+ display: none !important;
742
+ }
743
+ }
744
+
745
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
746
+ /* center a block element */
747
+ /* use this to any of the pseudo elements as these are the mandatory properties */
748
+ /* setting styles in separate formats for cross browser support */
749
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
750
+ /* vertically center alilgn any HTML element */
751
+ /* add basePath to assets */
752
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
753
+ transform: rotate(-180deg);
754
+ }
755
+
756
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
757
+ padding: 10px 8px;
758
+ }
759
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
760
+ background-repeat: no-repeat;
761
+ background-size: contain;
762
+ display: block;
763
+ height: 24px;
764
+ margin-right: 4px;
765
+ width: 24px;
766
+ }
767
+ @media (max-width: 1023px) {
768
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
769
+ background-repeat: no-repeat;
770
+ background-size: contain;
771
+ display: block;
772
+ margin-left: auto;
773
+ height: 24px;
774
+ width: 24px;
775
+ }
776
+ }
777
+ @media (max-width: 1023px) {
778
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
779
+ background-repeat: no-repeat;
780
+ background-size: contain;
781
+ display: block;
782
+ margin-left: auto;
783
+ height: 8px;
784
+ width: 14px;
785
+ }
786
+ }
787
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
788
+ color: #da291c;
789
+ font-weight: 700;
790
+ font-size: 16px;
791
+ line-height: 24px;
792
+ }
793
+ @media (max-width: 1023px) {
794
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
795
+ background-color: #ffffff;
796
+ padding: 10px;
797
+ }
798
+ }
799
+
800
+ .ProfileLinkOut-module__highlight___XDufd {
801
+ border-radius: 8px;
802
+ background-color: #f7f6f5;
803
+ }
804
+
805
+ .ProfileLinkOut-module__non-section___G1jJY {
806
+ padding-left: 16px;
807
+ padding-right: 16px;
808
+ height: fit-content;
809
+ }
810
+ @media (min-width: 1024px) and (max-width: 1439px) {
811
+ .ProfileLinkOut-module__non-section___G1jJY {
812
+ padding-left: 12px;
813
+ padding-right: 12px;
814
+ }
979
815
  }
980
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
981
- font-weight: bold;
816
+ .ProfileLinkOut-module__non-section___G1jJY {
817
+ background-color: unset !important;
982
818
  }
983
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
984
- color: #da291c;
819
+ @media (max-width: 1023px) {
820
+ .ProfileLinkOut-module__non-section___G1jJY {
821
+ background-color: #ffffff !important;
822
+ }
985
823
  }
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;
824
+
825
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
826
+ color: #ffffff;
989
827
  }
990
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
991
- display: none !important;
828
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
829
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
830
+ filter: brightness(0) invert(0.9);
831
+ }
832
+ @media (max-width: 1023px) {
833
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
834
+ background-color: #1f1f1f !important;
835
+ }
992
836
  }
993
837
 
994
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
838
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
839
+ background-color: transparent;
840
+ }
841
+ .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 {
995
842
  color: #ffffff;
996
843
  }
844
+ .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,
845
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
846
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
847
+ filter: brightness(0) invert(0.9);
848
+ }
997
849
  @media (max-width: 1023px) {
998
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
850
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
999
851
  background-color: #1f1f1f;
1000
852
  }
1001
853
  }
1002
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1003
- filter: brightness(0) invert(0.9);
854
+
855
+ .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 {
856
+ background-color: #111111;
1004
857
  }
1005
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
858
+
859
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1006
860
  background-color: #1f1f1f;
1007
861
  box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1008
862
  }
1009
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
863
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1010
864
  color: #ffffff;
865
+ border-bottom-color: #86807c;
1011
866
  }
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;
867
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
868
+ background-color: #1f1f1f;
1014
869
  }
1015
-
1016
- .LocaleSelector-module__list-item___JVlRE a {
1017
- font-size: 16px !important;
1018
- line-height: 24px !important;
1019
- display: flex;
1020
- padding: 0 !important;
870
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
871
+ color: #da291c;
1021
872
  }
1022
- .LocaleSelector-module__list-item___JVlRE a span {
1023
- margin: 10px 0 !important;
873
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
874
+ color: #ffffff;
875
+ background-color: #1f1f1f;
1024
876
  }
1025
- .LocaleSelector-module__list-item___JVlRE a::before {
1026
- content: none;
1027
- display: none !important;
877
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
878
+ filter: brightness(0) invert(0.9);
1028
879
  }
1029
880
 
881
+ .ProfileLinkOut-module__arrow___Mc7yw {
882
+ display: none;
883
+ }
1030
884
  @media (max-width: 1023px) {
1031
- .LocaleSelector-module__button___0LEXR {
1032
- color: #575452;
1033
- position: relative;
885
+ .ProfileLinkOut-module__arrow___Mc7yw {
886
+ position: absolute;
887
+ right: 10px;
888
+ display: inline-block;
1034
889
  }
1035
- .LocaleSelector-module__button___0LEXR button {
1036
- background-color: #ffffff;
890
+ }
891
+
892
+ @media (min-width: 1024px) {
893
+ .ProfileLinkOut-module__log___JdxjK {
894
+ display: none;
895
+ }
896
+ }
897
+ @media (min-width: 1024px) {
898
+ .ProfileLinkOut-module__login-flyover___YDIVp {
899
+ position: absolute;
900
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
901
+ min-width: max-content;
902
+ display: block;
903
+ padding: 24px 32px;
904
+ font-size: 16px;
1037
905
  border: 0;
906
+ color: #e6003c;
907
+ font-weight: 700;
908
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
909
+ background-color: #ffffff;
1038
910
  border-radius: 4px;
1039
- cursor: pointer;
911
+ }
912
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
913
+ padding-bottom: 16px;
914
+ letter-spacing: 1px;
915
+ text-transform: uppercase;
916
+ color: #86807c;
917
+ font-weight: 500;
1040
918
  font-size: 14px;
1041
919
  line-height: 20px;
1042
- padding-bottom: 0;
1043
- margin-right: 6px;
1044
- width: 100%;
920
+ border-bottom: 1px solid #e6e3df;
1045
921
  }
1046
- .LocaleSelector-module__pop-up___HV8Ta {
1047
- padding: 0px 12px !important;
922
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
923
+ padding: 28px 0;
1048
924
  }
1049
- .LocaleSelector-module__pop-up___HV8Ta img {
1050
- padding-left: 12px;
925
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
926
+ text-decoration: underline;
1051
927
  }
1052
- .LocaleSelector-module__list-item___JVlRE a {
1053
- font-size: 16px;
928
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
929
+ font-size: 18px;
1054
930
  line-height: 24px;
931
+ color: #da291c;
932
+ }
933
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
934
+ color: #3d3935;
1055
935
  font-weight: 400;
1056
- display: flex;
1057
- padding: 10px 12px;
936
+ font-size: 18px;
937
+ line-height: 24px;
1058
938
  }
1059
- .LocaleSelector-module__list-item___JVlRE a::before {
1060
- content: none;
1061
- display: none !important;
939
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
940
+ padding-left: 10px;
941
+ }
942
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
943
+ text-decoration: underline;
944
+ }
945
+ }
946
+ @media (max-width: 1023px) {
947
+ .ProfileLinkOut-module__login-flyover___YDIVp {
948
+ color: #86807c;
949
+ font-weight: 500;
950
+ font-size: 14px;
951
+ line-height: 20px;
952
+ padding-left: 16px;
953
+ }
954
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
955
+ padding: 20px 0 8px 10px;
956
+ letter-spacing: 1px;
957
+ text-transform: uppercase;
958
+ }
959
+ .ProfileLinkOut-module__mysunrise___F326W {
960
+ color: #da291c;
961
+ font-weight: 700;
962
+ font-size: 18px;
963
+ line-height: 24px;
964
+ background-color: #ffffff;
965
+ padding: 10px;
966
+ margin-bottom: 4px;
967
+ }
968
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
969
+ font-weight: unset;
970
+ }
971
+ .ProfileLinkOut-module__logout___GfbcJ {
972
+ color: #3d3935;
973
+ font-weight: 400;
974
+ background-color: #ffffff;
975
+ padding: 10px;
976
+ font-size: 18px;
977
+ line-height: 24px;
978
+ position: relative;
979
+ }
980
+ .ProfileLinkOut-module__logout___GfbcJ img {
981
+ position: absolute;
982
+ padding-left: 10px;
983
+ }
984
+ }
985
+
986
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
987
+ /* center a block element */
988
+ /* use this to any of the pseudo elements as these are the mandatory properties */
989
+ /* setting styles in separate formats for cross browser support */
990
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
991
+ /* vertically center alilgn any HTML element */
992
+ /* add basePath to assets */
993
+ .FalconMainNavigation-module__container___85E7S {
994
+ -webkit-transition: all 1s ease-out;
995
+ transition: all 1s ease-out;
996
+ font-size: 20px;
997
+ line-height: 23px;
998
+ position: fixed;
999
+ width: 100%;
1000
+ z-index: 10;
1001
+ top: 0;
1002
+ }
1003
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
1004
+ position: absolute;
1005
+ z-index: 1;
1006
+ top: 17px;
1007
+ -webkit-transition: all 1s ease-out;
1008
+ transition: all 1s ease-out;
1009
+ }
1010
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
1011
+ height: 89px;
1012
+ width: 98px;
1013
+ margin-left: auto;
1014
+ margin-right: auto;
1015
+ -webkit-transition: all 1s ease-out;
1016
+ transition: all 1s ease-out;
1017
+ }
1018
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
1019
+ top: 61px;
1020
+ -webkit-transition: all 1s ease-out;
1021
+ transition: all 1s ease-out;
1022
+ }
1023
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
1024
+ height: 56px;
1025
+ -webkit-transition: all 1s ease-out;
1026
+ transition: all 1s ease-out;
1027
+ }
1028
+ .FalconMainNavigation-module__container___85E7S ul,
1029
+ .FalconMainNavigation-module__container___85E7S li {
1030
+ list-style: none;
1031
+ margin: 0px;
1032
+ padding: 0px;
1033
+ }
1034
+ .FalconMainNavigation-module__container___85E7S a {
1035
+ color: #1f1f1f;
1036
+ text-decoration: none;
1037
+ }
1038
+ .FalconMainNavigation-module__container___85E7S a::before {
1039
+ content: attr(title);
1040
+ display: block;
1041
+ font-weight: bold;
1042
+ height: 0;
1043
+ opacity: 1;
1044
+ overflow: hidden;
1045
+ }
1046
+ @media (max-width: 1023px) {
1047
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
1048
+ display: none;
1062
1049
  }
1063
1050
  }
1064
-
1065
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1066
- /* center a block element */
1067
- /* use this to any of the pseudo elements as these are the mandatory properties */
1068
- /* setting styles in separate formats for cross browser support */
1069
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1070
- /* vertically center alilgn any HTML element */
1071
- /* add basePath to assets */
1072
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1073
- transform: rotate(-180deg);
1051
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
1052
+ color: #1f1f1f;
1074
1053
  }
1075
-
1076
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1077
- padding: 10px 8px;
1054
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
1055
+ background: #ffffff;
1056
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1078
1057
  }
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;
1058
+ .FalconMainNavigation-module__container___85E7S .full-width {
1059
+ width: 100%;
1086
1060
  }
1087
1061
  @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;
1062
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
1063
+ max-width: 100%;
1095
1064
  }
1096
1065
  }
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;
1066
+ @media (min-width: 1024px) and (max-width: 1439px) {
1067
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
1068
+ max-width: 1308px;
1069
+ padding-left: 42px;
1070
+ padding-right: 42px;
1105
1071
  }
1106
1072
  }
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;
1111
- line-height: 24px;
1073
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1074
+ background-color: #ffffff;
1075
+ position: relative;
1076
+ z-index: auto;
1112
1077
  }
1113
1078
  @media (max-width: 1023px) {
1114
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1115
- background-color: #ffffff;
1116
- padding: 10px;
1079
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1080
+ background-color: #f8f8f8;
1117
1081
  }
1118
1082
  }
1119
-
1120
- .ProfileLinkOut-module__highlight___XDufd {
1121
- border-radius: 8px;
1122
- background-color: #f7f6f5;
1123
- }
1124
-
1125
- .ProfileLinkOut-module__non-section___G1jJY {
1126
- padding-left: 16px;
1127
- padding-right: 16px;
1128
- height: fit-content;
1129
- }
1130
- @media (min-width: 1024px) and (max-width: 1439px) {
1131
- .ProfileLinkOut-module__non-section___G1jJY {
1132
- padding-left: 12px;
1133
- padding-right: 12px;
1083
+ @media (min-width: 1024px) {
1084
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
1085
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1134
1086
  }
1135
1087
  }
1136
- .ProfileLinkOut-module__non-section___G1jJY {
1137
- background-color: unset !important;
1088
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
1089
+ min-height: 68px;
1138
1090
  }
1139
1091
  @media (max-width: 1023px) {
1140
- .ProfileLinkOut-module__non-section___G1jJY {
1141
- background-color: #ffffff !important;
1092
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
1093
+ min-height: 44px;
1094
+ height: 44px;
1142
1095
  }
1143
1096
  }
1144
-
1145
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1146
- color: #ffffff;
1147
- }
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);
1097
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
1098
+ background-repeat: no-repeat;
1099
+ background-size: contain;
1151
1100
  }
1152
1101
  @media (max-width: 1023px) {
1153
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1154
- background-color: #1f1f1f !important;
1102
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
1103
+ display: block;
1104
+ background-size: contain;
1105
+ width: 120px;
1106
+ height: 24px;
1107
+ margin-right: 10px;
1155
1108
  }
1156
1109
  }
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;
1110
+ @media (min-width: 1024px) {
1111
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
1112
+ visibility: visible;
1113
+ }
1114
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
1115
+ visibility: hidden;
1116
+ }
1160
1117
  }
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;
1118
+ @media (min-width: 1024px) {
1119
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
1120
+ height: 24px;
1121
+ border-right: 1px solid #e6e3df;
1122
+ border-left: 1px solid #e6e3df;
1123
+ padding: 0 16px;
1124
+ margin-top: 10px;
1125
+ }
1163
1126
  }
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);
1127
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1128
+ position: relative;
1129
+ display: flex;
1130
+ align-items: center;
1131
+ height: 24px;
1132
+ cursor: pointer;
1133
+ background: none;
1134
+ border: none;
1135
+ outline: none;
1168
1136
  }
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;
1137
+ @media (min-width: 1024px) {
1138
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1139
+ padding: 0 12px;
1140
+ margin-top: 10px;
1141
+ border-left: 1px solid #e6e3df;
1172
1142
  }
1173
1143
  }
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;
1144
+ @media (max-width: 1023px) {
1145
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1146
+ padding: 0;
1147
+ margin-right: 16px;
1148
+ }
1177
1149
  }
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);
1150
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
1151
+ outline: 2px solid #e6e3df;
1152
+ outline-offset: 2px;
1153
+ border-radius: 2px;
1182
1154
  }
1183
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1184
- color: #ffffff;
1185
- border-bottom-color: #86807c;
1155
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1156
+ cursor: pointer;
1157
+ display: block;
1158
+ height: 24px;
1159
+ width: 24px;
1186
1160
  }
1187
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1188
- background-color: #1f1f1f;
1161
+ @media (max-width: 1023px) {
1162
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1163
+ margin-right: 20px;
1164
+ margin-left: 16px;
1165
+ }
1189
1166
  }
1190
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1191
- color: #da291c;
1167
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1168
+ opacity: 0.6;
1169
+ pointer-events: none;
1170
+ cursor: default;
1192
1171
  }
1193
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1194
- color: #ffffff;
1195
- background-color: #1f1f1f;
1172
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1173
+ background-repeat: no-repeat;
1174
+ background-size: contain;
1175
+ display: block;
1176
+ height: 24px;
1177
+ margin: 10px 8px 0 10px;
1178
+ width: 24px;
1196
1179
  }
1197
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1198
- filter: brightness(0) invert(0.9);
1180
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1181
+ font-size: 16px;
1182
+ line-height: 24px;
1183
+ color: #1f1f1f;
1184
+ margin: 10px 16px 0 8px;
1185
+ font-weight: 700;
1186
+ cursor: pointer;
1199
1187
  }
1200
-
1201
- .ProfileLinkOut-module__arrow___Mc7yw {
1202
- display: none;
1188
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1189
+ background-repeat: no-repeat;
1190
+ background-size: contain;
1191
+ display: block;
1192
+ height: 24px;
1193
+ margin: 11px 0px 0 0px;
1194
+ width: 24px;
1195
+ cursor: pointer;
1203
1196
  }
1204
1197
  @media (max-width: 1023px) {
1205
- .ProfileLinkOut-module__arrow___Mc7yw {
1206
- position: absolute;
1207
- right: 10px;
1208
- display: inline-block;
1209
- }
1210
- }
1211
-
1212
- @media (min-width: 1024px) {
1213
- .ProfileLinkOut-module__log___JdxjK {
1214
- display: none;
1198
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1199
+ margin: 0px;
1200
+ cursor: pointer;
1215
1201
  }
1216
1202
  }
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;
1203
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1204
+ margin: 10px 0px 0px;
1205
+ cursor: pointer;
1206
+ }
1207
+ @media (max-width: 1023px) {
1208
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1209
+ margin: 0px;
1241
1210
  }
1242
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1243
- padding: 28px 0;
1211
+ }
1212
+ @media (min-width: 1024px) {
1213
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1214
+ position: relative;
1215
+ justify-content: space-between;
1216
+ padding: 12px 0;
1244
1217
  }
1245
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1246
- text-decoration: underline;
1218
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1219
+ margin-left: 58px;
1247
1220
  }
1248
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1249
- font-size: 18px;
1250
- line-height: 24px;
1251
- color: #da291c;
1221
+ }
1222
+ @media (min-width: 1024px) {
1223
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1224
+ position: relative;
1225
+ justify-content: space-between;
1226
+ padding: 12px 0;
1252
1227
  }
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;
1228
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1229
+ margin-left: 58px;
1258
1230
  }
1259
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1260
- padding-left: 10px;
1231
+ }
1232
+ @media (min-width: 1024px) {
1233
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1234
+ padding-bottom: 47px;
1261
1235
  }
1262
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1263
- text-decoration: underline;
1236
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1237
+ padding-bottom: 0;
1264
1238
  }
1265
1239
  }
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;
1240
+ @media (min-width: 1440px) {
1241
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1242
+ padding-bottom: 0;
1273
1243
  }
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;
1244
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1245
+ padding-bottom: 0;
1278
1246
  }
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;
1247
+ }
1248
+
1249
+ @media (min-width: 1024px) {
1250
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
1251
+ top: -52px;
1287
1252
  }
1288
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1289
- font-weight: unset;
1253
+ }
1254
+
1255
+ .page-top,
1256
+ #main {
1257
+ padding-top: var(--main-nav-height, 72px);
1258
+ transition: padding-top 500ms ease-out;
1259
+ }
1260
+
1261
+ @media (max-width: 767px) {
1262
+ .page-top,
1263
+ #main {
1264
+ padding-top: var(--main-nav-height, 50px);
1290
1265
  }
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;
1266
+ }
1267
+ @media (prefers-reduced-motion: reduce) {
1268
+ .page-top,
1269
+ #main {
1270
+ transition: none;
1299
1271
  }
1300
- .ProfileLinkOut-module__logout___GfbcJ img {
1301
- position: absolute;
1302
- padding-left: 10px;
1272
+ }
1273
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1274
+ background-color: #1f1f1f;
1275
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1276
+ }
1277
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1278
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1279
+ background-color: #1f1f1f;
1280
+ }
1281
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1282
+ border-right-color: #86807c;
1283
+ border-left-color: #86807c;
1284
+ }
1285
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1286
+ color: #ffffff;
1287
+ }
1288
+
1289
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1290
+ position: fixed;
1291
+ top: 0;
1292
+ left: 0;
1293
+ padding: 4px 8px;
1294
+ font-size: 14px;
1295
+ z-index: 10000;
1296
+ color: #5f5955;
1297
+ background: #ffffff;
1298
+ }
1299
+ @media (max-width: 850px) {
1300
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1301
+ padding: 0 4px;
1302
+ font-size: 8px;
1303
1303
  }
1304
1304
  }
1305
1305
 
@@ -1779,46 +1779,205 @@
1779
1779
  margin-left: 0;
1780
1780
  margin-right: 4px;
1781
1781
  }
1782
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1783
- white-space: nowrap;
1784
- display: inline-flex;
1785
- align-items: center;
1782
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1783
+ white-space: nowrap;
1784
+ display: inline-flex;
1785
+ align-items: center;
1786
+ }
1787
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1788
+ display: flex;
1789
+ align-items: flex-start;
1790
+ gap: 4px;
1791
+ white-space: normal;
1792
+ max-width: 100%;
1793
+ }
1794
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1795
+ white-space: normal;
1796
+ min-width: 0;
1797
+ }
1798
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1799
+ white-space: normal;
1800
+ align-items: flex-start;
1801
+ gap: 4px;
1802
+ }
1803
+
1804
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1805
+ background-color: #1f1f1f;
1806
+ color: #ffffff;
1807
+ }
1808
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1809
+ color: #ffffff;
1810
+ }
1811
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1812
+ color: #ffffff;
1813
+ }
1814
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1815
+ color: #ffffff;
1816
+ }
1817
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1818
+ border-left: 1px solid #86807c;
1819
+ }
1820
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1821
+ border: none;
1822
+ }
1823
+
1824
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1825
+ /* center a block element */
1826
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1827
+ /* setting styles in separate formats for cross browser support */
1828
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1829
+ /* vertically center alilgn any HTML element */
1830
+ /* add basePath to assets */
1831
+ .CartItems-module__container___9xcV- {
1832
+ display: flex;
1833
+ flex-direction: column;
1834
+ flex: 1;
1835
+ }
1836
+
1837
+ .CartItems-module__itemList___CK3U1 {
1838
+ list-style: none;
1839
+ margin: 0;
1840
+ padding: 0;
1841
+ }
1842
+
1843
+ .CartItems-module__item___A6nFF {
1844
+ border-bottom: 1px solid #e6e3df;
1845
+ background-color: #f7f6f5;
1846
+ }
1847
+ .CartItems-module__item___A6nFF:last-child {
1848
+ border-bottom: none;
1849
+ }
1850
+
1851
+ .CartItems-module__itemContent___DaQhK {
1852
+ display: flex;
1853
+ flex-direction: row;
1854
+ align-items: center;
1855
+ gap: 16px;
1856
+ padding: 16px 24px;
1857
+ }
1858
+ @media (max-width: 767px) {
1859
+ .CartItems-module__itemContent___DaQhK {
1860
+ padding: 16px;
1861
+ }
1862
+ }
1863
+
1864
+ .CartItems-module__itemIcon___pk1NU {
1865
+ display: flex;
1866
+ align-items: center;
1867
+ justify-content: center;
1868
+ flex-shrink: 0;
1869
+ width: 40px;
1870
+ height: 40px;
1871
+ color: #86807c;
1872
+ }
1873
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1874
+ width: 40px;
1875
+ height: 40px;
1876
+ object-fit: contain;
1877
+ border-radius: 4px;
1878
+ }
1879
+
1880
+ .CartItems-module__itemBody___leOoI {
1881
+ display: flex;
1882
+ flex-direction: column;
1883
+ gap: 4px;
1884
+ flex: 1;
1885
+ min-width: 0;
1886
+ }
1887
+
1888
+ .CartItems-module__itemRow___owvC2 {
1889
+ display: grid;
1890
+ grid-template-columns: 1fr auto;
1891
+ row-gap: 2px;
1892
+ column-gap: 16px;
1893
+ }
1894
+
1895
+ .CartItems-module__itemDetails___vQu14 {
1896
+ display: contents;
1897
+ }
1898
+
1899
+ .CartItems-module__categoryLabel___gSZid {
1900
+ font-size: 12px;
1901
+ line-height: 16px;
1902
+ color: #86807c;
1903
+ grid-column: 1/-1;
1904
+ }
1905
+
1906
+ .CartItems-module__productName___yYFNw {
1907
+ font-size: 14px;
1908
+ line-height: 20px;
1909
+ font-weight: 700;
1910
+ color: #3d3935;
1911
+ grid-column: 1;
1912
+ min-width: 0;
1786
1913
  }
1787
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1788
- display: flex;
1789
- align-items: flex-start;
1790
- gap: 4px;
1791
- white-space: normal;
1792
- max-width: 100%;
1914
+
1915
+ .CartItems-module__variantText___saarn {
1916
+ font-size: 12px;
1917
+ line-height: 16px;
1918
+ color: #86807c;
1919
+ grid-column: 1;
1793
1920
  }
1794
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1795
- white-space: normal;
1796
- min-width: 0;
1921
+
1922
+ .CartItems-module__downPaymentLabel___9sOP7 {
1923
+ font-size: 12px;
1924
+ line-height: 16px;
1925
+ color: #86807c;
1797
1926
  }
1798
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1799
- white-space: normal;
1800
- align-items: flex-start;
1801
- gap: 4px;
1927
+
1928
+ .CartItems-module__downPaymentRow___9a5jS {
1929
+ display: flex;
1930
+ width: 100%;
1931
+ justify-content: space-between;
1932
+ align-items: center;
1802
1933
  }
1803
1934
 
1804
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1805
- background-color: #1f1f1f;
1806
- color: #ffffff;
1935
+ .CartItems-module__itemPricing___7gEuf {
1936
+ display: contents;
1807
1937
  }
1808
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1809
- color: #ffffff;
1938
+
1939
+ .CartItems-module__monthlyPrice___G6sH6 {
1940
+ font-size: 14px;
1941
+ line-height: 20px;
1942
+ font-weight: 700;
1943
+ color: #3d3935;
1944
+ grid-column: 2;
1945
+ grid-row: 2;
1946
+ justify-self: end;
1947
+ white-space: nowrap;
1810
1948
  }
1811
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1812
- color: #ffffff;
1949
+
1950
+ .CartItems-module__originalPrice___LsGAC {
1951
+ font-size: 12px;
1952
+ line-height: 16px;
1953
+ color: #86807c;
1954
+ text-decoration: line-through;
1955
+ grid-column: 2;
1956
+ grid-row: 3;
1957
+ justify-self: end;
1958
+ white-space: nowrap;
1813
1959
  }
1814
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1815
- color: #ffffff;
1960
+
1961
+ .CartItems-module__downPaymentAmount___3K98L {
1962
+ font-size: 12px;
1963
+ line-height: 16px;
1964
+ font-weight: 700;
1965
+ color: #3d3935;
1816
1966
  }
1817
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1818
- border-left: 1px solid #86807c;
1967
+
1968
+ .CartItems-module__disclaimer___mOvek {
1969
+ font-size: 12px;
1970
+ line-height: 16px;
1971
+ color: #86807c;
1972
+ padding: 16px 24px;
1973
+ margin: 0;
1974
+ background-color: #f7f6f5;
1975
+ border-top: 1px solid #e6e3df;
1819
1976
  }
1820
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1821
- border: none;
1977
+ @media (max-width: 767px) {
1978
+ .CartItems-module__disclaimer___mOvek {
1979
+ padding: 16px;
1980
+ }
1822
1981
  }
1823
1982
 
1824
1983
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
@@ -2000,162 +2159,3 @@
2000
2159
  .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2001
2160
  display: block;
2002
2161
  }
2003
-
2004
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2005
- /* center a block element */
2006
- /* use this to any of the pseudo elements as these are the mandatory properties */
2007
- /* setting styles in separate formats for cross browser support */
2008
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2009
- /* vertically center alilgn any HTML element */
2010
- /* add basePath to assets */
2011
- .CartItems-module__container___9xcV- {
2012
- display: flex;
2013
- flex-direction: column;
2014
- flex: 1;
2015
- }
2016
-
2017
- .CartItems-module__itemList___CK3U1 {
2018
- list-style: none;
2019
- margin: 0;
2020
- padding: 0;
2021
- }
2022
-
2023
- .CartItems-module__item___A6nFF {
2024
- border-bottom: 1px solid #e6e3df;
2025
- background-color: #f7f6f5;
2026
- }
2027
- .CartItems-module__item___A6nFF:last-child {
2028
- border-bottom: none;
2029
- }
2030
-
2031
- .CartItems-module__itemContent___DaQhK {
2032
- display: flex;
2033
- flex-direction: row;
2034
- align-items: center;
2035
- gap: 16px;
2036
- padding: 16px 24px;
2037
- }
2038
- @media (max-width: 767px) {
2039
- .CartItems-module__itemContent___DaQhK {
2040
- padding: 16px;
2041
- }
2042
- }
2043
-
2044
- .CartItems-module__itemIcon___pk1NU {
2045
- display: flex;
2046
- align-items: center;
2047
- justify-content: center;
2048
- flex-shrink: 0;
2049
- width: 40px;
2050
- height: 40px;
2051
- color: #86807c;
2052
- }
2053
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2054
- width: 40px;
2055
- height: 40px;
2056
- object-fit: contain;
2057
- border-radius: 4px;
2058
- }
2059
-
2060
- .CartItems-module__itemBody___leOoI {
2061
- display: flex;
2062
- flex-direction: column;
2063
- gap: 4px;
2064
- flex: 1;
2065
- min-width: 0;
2066
- }
2067
-
2068
- .CartItems-module__itemRow___owvC2 {
2069
- display: grid;
2070
- grid-template-columns: 1fr auto;
2071
- row-gap: 2px;
2072
- column-gap: 16px;
2073
- }
2074
-
2075
- .CartItems-module__itemDetails___vQu14 {
2076
- display: contents;
2077
- }
2078
-
2079
- .CartItems-module__categoryLabel___gSZid {
2080
- font-size: 12px;
2081
- line-height: 16px;
2082
- color: #86807c;
2083
- grid-column: 1/-1;
2084
- }
2085
-
2086
- .CartItems-module__productName___yYFNw {
2087
- font-size: 14px;
2088
- line-height: 20px;
2089
- font-weight: 700;
2090
- color: #3d3935;
2091
- grid-column: 1;
2092
- min-width: 0;
2093
- }
2094
-
2095
- .CartItems-module__variantText___saarn {
2096
- font-size: 12px;
2097
- line-height: 16px;
2098
- color: #86807c;
2099
- grid-column: 1;
2100
- }
2101
-
2102
- .CartItems-module__downPaymentLabel___9sOP7 {
2103
- font-size: 12px;
2104
- line-height: 16px;
2105
- color: #86807c;
2106
- }
2107
-
2108
- .CartItems-module__downPaymentRow___9a5jS {
2109
- display: flex;
2110
- width: 100%;
2111
- justify-content: space-between;
2112
- align-items: center;
2113
- }
2114
-
2115
- .CartItems-module__itemPricing___7gEuf {
2116
- display: contents;
2117
- }
2118
-
2119
- .CartItems-module__monthlyPrice___G6sH6 {
2120
- font-size: 14px;
2121
- line-height: 20px;
2122
- font-weight: 700;
2123
- color: #3d3935;
2124
- grid-column: 2;
2125
- grid-row: 2;
2126
- justify-self: end;
2127
- white-space: nowrap;
2128
- }
2129
-
2130
- .CartItems-module__originalPrice___LsGAC {
2131
- font-size: 12px;
2132
- line-height: 16px;
2133
- color: #86807c;
2134
- text-decoration: line-through;
2135
- grid-column: 2;
2136
- grid-row: 3;
2137
- justify-self: end;
2138
- white-space: nowrap;
2139
- }
2140
-
2141
- .CartItems-module__downPaymentAmount___3K98L {
2142
- font-size: 12px;
2143
- line-height: 16px;
2144
- font-weight: 700;
2145
- color: #3d3935;
2146
- }
2147
-
2148
- .CartItems-module__disclaimer___mOvek {
2149
- font-size: 12px;
2150
- line-height: 16px;
2151
- color: #86807c;
2152
- padding: 16px 24px;
2153
- margin: 0;
2154
- background-color: #f7f6f5;
2155
- border-top: 1px solid #e6e3df;
2156
- }
2157
- @media (max-width: 767px) {
2158
- .CartItems-module__disclaimer___mOvek {
2159
- padding: 16px;
2160
- }
2161
- }