@sunrise-upc/sales-static-components 3.8.12 → 3.9.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/dist/cjs/components/ButtonGroup/ButtonGroup.css +95 -95
- package/dist/cjs/components/FalconButton/falconButton.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponent.css +389 -389
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
- package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
- package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +106 -87
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.css +19 -0
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.js +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +136 -88
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.module.scss.css +49 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.module.scss.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.css +4 -4
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/StageTeaserV3.module.scss.css +4 -4
- package/dist/cjs/components/linecheck/AutoComplete.css +484 -484
- package/dist/cjs/components/linecheck/LineCheckV2.css +484 -484
- package/dist/cjs/components/linecheck/Success.css +484 -484
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
- package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.css +95 -95
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponent.css +389 -389
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
- package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +106 -87
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.css +19 -0
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.js +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +136 -88
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.module.scss.css +49 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.module.scss.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.css +4 -4
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/StageTeaserV3.module.scss.css +4 -4
- package/dist/esm/components/linecheck/AutoComplete.css +484 -484
- package/dist/esm/components/linecheck/LineCheckV2.css +484 -484
- package/dist/esm/components/linecheck/Success.css +484 -484
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
- package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/navigation.css +1082 -1082
- package/package.json +115 -114
package/dist/navigation.css
CHANGED
|
@@ -1,4 +1,138 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.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
|
+
@media (min-width: 768px) {
|
|
9
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
10
|
+
background-color: #ffffff;
|
|
11
|
+
border-top: 4px solid #da291c;
|
|
12
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
13
|
+
height: 72px;
|
|
14
|
+
}
|
|
15
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
16
|
+
position: fixed;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
padding: 4px 8px;
|
|
20
|
+
font-size: 14px;
|
|
21
|
+
z-index: 10000;
|
|
22
|
+
color: #5f5955;
|
|
23
|
+
background: #ffffff;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
@media (min-width: 768px) and (max-width: 850px) {
|
|
27
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
28
|
+
padding: 0 4px;
|
|
29
|
+
font-size: 8px;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
@media (min-width: 768px) {
|
|
33
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
34
|
+
width: 100%;
|
|
35
|
+
display: inline-block;
|
|
36
|
+
}
|
|
37
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
38
|
+
display: flex;
|
|
39
|
+
float: left;
|
|
40
|
+
align-items: center;
|
|
41
|
+
margin: 10px 0;
|
|
42
|
+
}
|
|
43
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
44
|
+
padding-left: 10px;
|
|
45
|
+
}
|
|
46
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
47
|
+
float: right;
|
|
48
|
+
display: flex;
|
|
49
|
+
margin: 24px 0 24px 0;
|
|
50
|
+
}
|
|
51
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
52
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
53
|
+
background-repeat: no-repeat;
|
|
54
|
+
background-size: contain;
|
|
55
|
+
display: block;
|
|
56
|
+
height: 24px;
|
|
57
|
+
margin-right: 6px;
|
|
58
|
+
width: 24px;
|
|
59
|
+
}
|
|
60
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
61
|
+
color: #da291c;
|
|
62
|
+
font-weight: 700;
|
|
63
|
+
font-size: 18px;
|
|
64
|
+
line-height: 24px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
@media (max-width: 767px) {
|
|
68
|
+
.MinimizedHeader-module__outer___JOzJC {
|
|
69
|
+
background-color: #ffffff;
|
|
70
|
+
border-top: 4px solid #da291c;
|
|
71
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
72
|
+
height: 48px;
|
|
73
|
+
}
|
|
74
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
75
|
+
width: 100%;
|
|
76
|
+
display: inline-block;
|
|
77
|
+
}
|
|
78
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
79
|
+
display: flex;
|
|
80
|
+
float: left;
|
|
81
|
+
}
|
|
82
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
83
|
+
margin-top: 12px;
|
|
84
|
+
}
|
|
85
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
86
|
+
height: 24px;
|
|
87
|
+
width: 24px;
|
|
88
|
+
float: left;
|
|
89
|
+
}
|
|
90
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
91
|
+
margin-top: 8px;
|
|
92
|
+
padding-left: 6px;
|
|
93
|
+
}
|
|
94
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
95
|
+
height: 20px;
|
|
96
|
+
}
|
|
97
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
98
|
+
float: right;
|
|
99
|
+
display: flex;
|
|
100
|
+
margin: 12px 0 12px 0;
|
|
101
|
+
}
|
|
102
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
103
|
+
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
104
|
+
background-repeat: no-repeat;
|
|
105
|
+
background-size: contain;
|
|
106
|
+
display: block;
|
|
107
|
+
height: 20px;
|
|
108
|
+
margin-right: 6px;
|
|
109
|
+
width: 20px;
|
|
110
|
+
}
|
|
111
|
+
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
112
|
+
color: #da291c;
|
|
113
|
+
font-weight: 700;
|
|
114
|
+
font-size: 18px;
|
|
115
|
+
line-height: 24px;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
119
|
+
position: fixed;
|
|
120
|
+
top: 0;
|
|
121
|
+
left: 0;
|
|
122
|
+
padding: 4px 8px;
|
|
123
|
+
font-size: 14px;
|
|
124
|
+
z-index: 10000;
|
|
125
|
+
color: #5f5955;
|
|
126
|
+
background: #ffffff;
|
|
127
|
+
}
|
|
128
|
+
@media (max-width: 850px) {
|
|
129
|
+
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
130
|
+
padding: 0 4px;
|
|
131
|
+
font-size: 8px;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
|
|
2
136
|
/* center a block element */
|
|
3
137
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
4
138
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -320,7 +454,7 @@
|
|
|
320
454
|
}
|
|
321
455
|
}
|
|
322
456
|
|
|
323
|
-
/*
|
|
457
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
324
458
|
/* center a block element */
|
|
325
459
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
326
460
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -355,7 +489,7 @@
|
|
|
355
489
|
}
|
|
356
490
|
}
|
|
357
491
|
|
|
358
|
-
/*
|
|
492
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
|
|
359
493
|
/* center a block element */
|
|
360
494
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
361
495
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -397,7 +531,7 @@
|
|
|
397
531
|
width: 24px;
|
|
398
532
|
}
|
|
399
533
|
|
|
400
|
-
/*
|
|
534
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
|
|
401
535
|
/* center a block element */
|
|
402
536
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
403
537
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -476,7 +610,7 @@
|
|
|
476
610
|
color: #ffffff;
|
|
477
611
|
}
|
|
478
612
|
|
|
479
|
-
/*
|
|
613
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
|
|
480
614
|
/* center a block element */
|
|
481
615
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
482
616
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -558,7 +692,7 @@
|
|
|
558
692
|
position: relative;
|
|
559
693
|
}
|
|
560
694
|
|
|
561
|
-
/*
|
|
695
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
|
|
562
696
|
/* center a block element */
|
|
563
697
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
564
698
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -666,1366 +800,1232 @@
|
|
|
666
800
|
visibility: visible;
|
|
667
801
|
}
|
|
668
802
|
|
|
669
|
-
/*
|
|
803
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
|
|
670
804
|
/* center a block element */
|
|
671
805
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
672
806
|
/* setting styles in separate formats for cross browser support */
|
|
673
807
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
674
808
|
/* vertically center alilgn any HTML element */
|
|
675
809
|
/* add basePath to assets */
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
gap: 24px;
|
|
684
|
-
align-items: center;
|
|
685
|
-
background: #ffffff;
|
|
686
|
-
border-bottom: 1px solid #e6e3df;
|
|
810
|
+
@keyframes CartDotLoader-module__dotBounce___Gv8-6 {
|
|
811
|
+
0%, 80%, 100% {
|
|
812
|
+
transform: translateY(0);
|
|
813
|
+
}
|
|
814
|
+
40% {
|
|
815
|
+
transform: translateY(-10px);
|
|
816
|
+
}
|
|
687
817
|
}
|
|
688
|
-
|
|
689
|
-
.cart-overlay-panel .offcanvas-title {
|
|
818
|
+
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
690
819
|
display: flex;
|
|
691
820
|
flex-direction: column;
|
|
692
|
-
align-items:
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
}
|
|
699
|
-
@media (max-width: 1023px) {
|
|
700
|
-
.cart-overlay-panel .offcanvas-title {
|
|
701
|
-
font-size: 20px;
|
|
702
|
-
line-height: 28px;
|
|
703
|
-
}
|
|
704
|
-
}
|
|
705
|
-
|
|
706
|
-
.cart-overlay-panel .btn-close {
|
|
707
|
-
opacity: 0.7;
|
|
708
|
-
width: 20px;
|
|
709
|
-
height: 20px;
|
|
710
|
-
}
|
|
711
|
-
.cart-overlay-panel .btn-close:hover {
|
|
712
|
-
opacity: 1;
|
|
821
|
+
align-items: center;
|
|
822
|
+
justify-content: center;
|
|
823
|
+
gap: 20px;
|
|
824
|
+
height: 100%;
|
|
825
|
+
min-height: 200px;
|
|
826
|
+
padding: 40px 24px;
|
|
713
827
|
}
|
|
714
828
|
|
|
715
|
-
.
|
|
716
|
-
padding: 0;
|
|
717
|
-
overflow-y: auto;
|
|
829
|
+
.CartDotLoader-module__dots___OiUF- {
|
|
718
830
|
display: flex;
|
|
719
|
-
|
|
720
|
-
|
|
831
|
+
align-items: center;
|
|
832
|
+
gap: 8px;
|
|
721
833
|
}
|
|
722
834
|
|
|
723
|
-
.
|
|
724
|
-
|
|
725
|
-
width:
|
|
726
|
-
|
|
835
|
+
.CartDotLoader-module__dot___RsJtn {
|
|
836
|
+
display: block;
|
|
837
|
+
width: 12px;
|
|
838
|
+
height: 12px;
|
|
839
|
+
border-radius: 50%;
|
|
840
|
+
background-color: #da291c;
|
|
841
|
+
animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
|
|
727
842
|
}
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
position: fixed;
|
|
731
|
-
inset: 0;
|
|
732
|
-
z-index: 1040;
|
|
733
|
-
background: rgba(42, 42, 42, 0.7);
|
|
734
|
-
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
843
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(1) {
|
|
844
|
+
animation-delay: 0s;
|
|
735
845
|
}
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
from {
|
|
739
|
-
opacity: 0;
|
|
740
|
-
}
|
|
741
|
-
to {
|
|
742
|
-
opacity: 1;
|
|
743
|
-
}
|
|
846
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(2) {
|
|
847
|
+
animation-delay: 0.2s;
|
|
744
848
|
}
|
|
745
|
-
.
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
849
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(3) {
|
|
850
|
+
animation-delay: 0.4s;
|
|
851
|
+
}
|
|
852
|
+
.CartDotLoader-module__dot___RsJtn:nth-child(4) {
|
|
853
|
+
animation-delay: 0.6s;
|
|
749
854
|
}
|
|
750
855
|
|
|
751
|
-
.
|
|
752
|
-
display: flex;
|
|
753
|
-
align-items: center;
|
|
754
|
-
justify-content: center;
|
|
755
|
-
width: 100%;
|
|
756
|
-
padding: 14px 24px;
|
|
757
|
-
gap: 8px;
|
|
758
|
-
background: none;
|
|
759
|
-
border: 2px solid #da291c;
|
|
760
|
-
border-radius: 28px;
|
|
856
|
+
.CartDotLoader-module__loaderText___7uOK9 {
|
|
761
857
|
font-size: 16px;
|
|
762
858
|
line-height: 24px;
|
|
763
|
-
font-weight:
|
|
764
|
-
color: #
|
|
859
|
+
font-weight: 700;
|
|
860
|
+
color: #3d3935;
|
|
861
|
+
margin: 0;
|
|
765
862
|
text-align: center;
|
|
766
|
-
cursor: pointer;
|
|
767
|
-
transition: background-color 0.15s ease;
|
|
768
|
-
}
|
|
769
|
-
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
770
|
-
background-color: rgba(218, 41, 28, 0.05);
|
|
771
|
-
}
|
|
772
|
-
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
773
|
-
outline: 2px solid #da291c;
|
|
774
|
-
outline-offset: 2px;
|
|
775
863
|
}
|
|
776
864
|
|
|
777
|
-
.
|
|
778
|
-
margin: auto 24px;
|
|
779
|
-
padding: 16px;
|
|
780
|
-
font-size: 20px;
|
|
781
|
-
line-height: 28px;
|
|
782
|
-
color: #3d3935;
|
|
783
|
-
text-align: center;
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
/* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Mobile\Persistent cart\sunrise-ch-b2c-sales-static-components\src\components\MinimizedHeader\MinimizedHeader.module.scss */
|
|
865
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
|
|
787
866
|
/* center a block element */
|
|
788
867
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
789
868
|
/* setting styles in separate formats for cross browser support */
|
|
790
869
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
791
870
|
/* vertically center alilgn any HTML element */
|
|
792
871
|
/* add basePath to assets */
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
background-color: #ffffff;
|
|
796
|
-
border-top: 4px solid #da291c;
|
|
797
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
798
|
-
height: 72px;
|
|
799
|
-
}
|
|
800
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
801
|
-
position: fixed;
|
|
802
|
-
top: 0;
|
|
803
|
-
left: 0;
|
|
804
|
-
padding: 4px 8px;
|
|
805
|
-
font-size: 14px;
|
|
806
|
-
z-index: 10000;
|
|
807
|
-
color: #5f5955;
|
|
808
|
-
background: #ffffff;
|
|
809
|
-
}
|
|
810
|
-
}
|
|
811
|
-
@media (min-width: 768px) and (max-width: 850px) {
|
|
812
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
813
|
-
padding: 0 4px;
|
|
814
|
-
font-size: 8px;
|
|
815
|
-
}
|
|
816
|
-
}
|
|
817
|
-
@media (min-width: 768px) {
|
|
818
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
819
|
-
width: 100%;
|
|
820
|
-
display: inline-block;
|
|
821
|
-
}
|
|
822
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
823
|
-
display: flex;
|
|
824
|
-
float: left;
|
|
825
|
-
align-items: center;
|
|
826
|
-
margin: 10px 0;
|
|
827
|
-
}
|
|
828
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
829
|
-
padding-left: 10px;
|
|
830
|
-
}
|
|
831
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
832
|
-
float: right;
|
|
833
|
-
display: flex;
|
|
834
|
-
margin: 24px 0 24px 0;
|
|
835
|
-
}
|
|
836
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
837
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
838
|
-
background-repeat: no-repeat;
|
|
839
|
-
background-size: contain;
|
|
840
|
-
display: block;
|
|
841
|
-
height: 24px;
|
|
842
|
-
margin-right: 6px;
|
|
843
|
-
width: 24px;
|
|
844
|
-
}
|
|
845
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
846
|
-
color: #da291c;
|
|
847
|
-
font-weight: 700;
|
|
848
|
-
font-size: 18px;
|
|
849
|
-
line-height: 24px;
|
|
850
|
-
}
|
|
851
|
-
}
|
|
852
|
-
@media (max-width: 767px) {
|
|
853
|
-
.MinimizedHeader-module__outer___JOzJC {
|
|
854
|
-
background-color: #ffffff;
|
|
855
|
-
border-top: 4px solid #da291c;
|
|
856
|
-
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
857
|
-
height: 48px;
|
|
858
|
-
}
|
|
859
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
|
|
860
|
-
width: 100%;
|
|
861
|
-
display: inline-block;
|
|
862
|
-
}
|
|
863
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
|
|
864
|
-
display: flex;
|
|
865
|
-
float: left;
|
|
866
|
-
}
|
|
867
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
|
|
868
|
-
margin-top: 12px;
|
|
869
|
-
}
|
|
870
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
|
|
871
|
-
height: 24px;
|
|
872
|
-
width: 24px;
|
|
873
|
-
float: left;
|
|
874
|
-
}
|
|
875
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
|
|
876
|
-
margin-top: 8px;
|
|
877
|
-
padding-left: 6px;
|
|
878
|
-
}
|
|
879
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
|
|
880
|
-
height: 20px;
|
|
881
|
-
}
|
|
882
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
|
|
883
|
-
float: right;
|
|
884
|
-
display: flex;
|
|
885
|
-
margin: 12px 0 12px 0;
|
|
886
|
-
}
|
|
887
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
|
|
888
|
-
background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
|
|
889
|
-
background-repeat: no-repeat;
|
|
890
|
-
background-size: contain;
|
|
891
|
-
display: block;
|
|
892
|
-
height: 20px;
|
|
893
|
-
margin-right: 6px;
|
|
894
|
-
width: 20px;
|
|
895
|
-
}
|
|
896
|
-
.MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
|
|
897
|
-
color: #da291c;
|
|
898
|
-
font-weight: 700;
|
|
899
|
-
font-size: 18px;
|
|
900
|
-
line-height: 24px;
|
|
901
|
-
}
|
|
902
|
-
}
|
|
903
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
904
|
-
position: fixed;
|
|
905
|
-
top: 0;
|
|
906
|
-
left: 0;
|
|
907
|
-
padding: 4px 8px;
|
|
908
|
-
font-size: 14px;
|
|
909
|
-
z-index: 10000;
|
|
910
|
-
color: #5f5955;
|
|
911
|
-
background: #ffffff;
|
|
912
|
-
}
|
|
913
|
-
@media (max-width: 850px) {
|
|
914
|
-
.MinimizedHeader-module__s20-header__version-number___vI9Rr {
|
|
915
|
-
padding: 0 4px;
|
|
916
|
-
font-size: 8px;
|
|
917
|
-
}
|
|
872
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
|
|
873
|
+
font-weight: unset;
|
|
918
874
|
}
|
|
919
|
-
|
|
920
|
-
/* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Mobile\Persistent cart\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\LocaleSelector\LocaleSelector.module.scss */
|
|
921
|
-
/* center a block element */
|
|
922
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
923
|
-
/* setting styles in separate formats for cross browser support */
|
|
924
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
925
|
-
/* vertically center alilgn any HTML element */
|
|
926
|
-
/* add basePath to assets */
|
|
927
|
-
.LocaleSelector-module__button___0LEXR {
|
|
875
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
928
876
|
position: relative;
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
font-size: 14px;
|
|
939
|
-
line-height: 20px;
|
|
940
|
-
width: 100%;
|
|
941
|
-
}
|
|
942
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
943
|
-
background-position: center center;
|
|
944
|
-
background-repeat: no-repeat;
|
|
945
|
-
height: 8px;
|
|
946
|
-
margin-left: 10px;
|
|
947
|
-
margin-top: 2px;
|
|
948
|
-
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
949
|
-
width: 14px;
|
|
950
|
-
}
|
|
951
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
|
|
952
|
-
-webkit-transform: rotate(-180deg);
|
|
953
|
-
-moz-transform: rotate(-180deg);
|
|
954
|
-
-o-transform: rotate(-180deg);
|
|
955
|
-
transform: rotate(-180deg);
|
|
956
|
-
}
|
|
957
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
958
|
-
padding: 24px 32px;
|
|
877
|
+
color: #333333;
|
|
878
|
+
display: -webkit-box;
|
|
879
|
+
font-size: 16px;
|
|
880
|
+
line-height: 24px;
|
|
881
|
+
display: flex;
|
|
882
|
+
height: auto;
|
|
883
|
+
text-decoration: none;
|
|
884
|
+
padding: 10px 10px 10px 10px;
|
|
885
|
+
margin-bottom: 4px;
|
|
959
886
|
background-color: #ffffff;
|
|
960
|
-
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
|
|
961
887
|
}
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
|
|
965
|
-
}
|
|
888
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
|
|
889
|
+
border: 1px solid #e8e8e8;
|
|
966
890
|
}
|
|
967
|
-
.
|
|
968
|
-
box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
|
|
969
|
-
border-radius: 0px 0px 8px 8px;
|
|
970
|
-
margin-bottom: 4px;
|
|
971
|
-
white-space: nowrap;
|
|
891
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
|
|
972
892
|
position: absolute;
|
|
973
|
-
|
|
974
|
-
-webkit-transform: translateX(-50%);
|
|
975
|
-
-moz-transform: translateX(-50%);
|
|
976
|
-
-o-transform: translateX(-50%);
|
|
977
|
-
transform: translateX(-50%);
|
|
978
|
-
}
|
|
979
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
|
|
980
|
-
margin-left: 0 !important;
|
|
981
|
-
}
|
|
982
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
|
|
983
|
-
font-weight: bold;
|
|
984
|
-
}
|
|
985
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
|
|
986
|
-
color: #da291c;
|
|
987
|
-
}
|
|
988
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
|
|
989
|
-
content: none !important;
|
|
990
|
-
display: none !important;
|
|
991
|
-
}
|
|
992
|
-
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
|
|
993
|
-
display: none !important;
|
|
994
|
-
}
|
|
995
|
-
|
|
996
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
|
|
997
|
-
color: #ffffff;
|
|
998
|
-
}
|
|
999
|
-
@media (max-width: 1023px) {
|
|
1000
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
|
|
1001
|
-
background-color: #1f1f1f;
|
|
1002
|
-
}
|
|
1003
|
-
}
|
|
1004
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
|
|
1005
|
-
filter: brightness(0) invert(0.9);
|
|
1006
|
-
}
|
|
1007
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
|
|
1008
|
-
background-color: #1f1f1f;
|
|
1009
|
-
box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
|
|
1010
|
-
}
|
|
1011
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
|
|
1012
|
-
color: #ffffff;
|
|
1013
|
-
}
|
|
1014
|
-
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
|
|
1015
|
-
color: #da291c;
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
.LocaleSelector-module__list-item___JVlRE a {
|
|
1019
|
-
font-size: 16px !important;
|
|
1020
|
-
line-height: 24px !important;
|
|
1021
|
-
display: flex;
|
|
1022
|
-
padding: 0 !important;
|
|
1023
|
-
}
|
|
1024
|
-
.LocaleSelector-module__list-item___JVlRE a span {
|
|
1025
|
-
margin: 10px 0 !important;
|
|
1026
|
-
}
|
|
1027
|
-
.LocaleSelector-module__list-item___JVlRE a::before {
|
|
1028
|
-
content: none;
|
|
1029
|
-
display: none !important;
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
@media (max-width: 1023px) {
|
|
1033
|
-
.LocaleSelector-module__button___0LEXR {
|
|
1034
|
-
color: #575452;
|
|
1035
|
-
position: relative;
|
|
1036
|
-
}
|
|
1037
|
-
.LocaleSelector-module__button___0LEXR button {
|
|
1038
|
-
background-color: #ffffff;
|
|
1039
|
-
border: 0;
|
|
1040
|
-
border-radius: 4px;
|
|
1041
|
-
cursor: pointer;
|
|
1042
|
-
font-size: 14px;
|
|
1043
|
-
line-height: 20px;
|
|
1044
|
-
padding-bottom: 0;
|
|
1045
|
-
margin-right: 6px;
|
|
1046
|
-
width: 100%;
|
|
1047
|
-
}
|
|
1048
|
-
.LocaleSelector-module__pop-up___HV8Ta {
|
|
1049
|
-
padding: 0px 12px !important;
|
|
1050
|
-
}
|
|
1051
|
-
.LocaleSelector-module__pop-up___HV8Ta img {
|
|
1052
|
-
padding-left: 12px;
|
|
1053
|
-
}
|
|
1054
|
-
.LocaleSelector-module__list-item___JVlRE a {
|
|
1055
|
-
font-size: 16px;
|
|
1056
|
-
line-height: 24px;
|
|
1057
|
-
font-weight: 400;
|
|
1058
|
-
display: flex;
|
|
1059
|
-
padding: 10px 12px;
|
|
1060
|
-
}
|
|
1061
|
-
.LocaleSelector-module__list-item___JVlRE a::before {
|
|
1062
|
-
content: none;
|
|
1063
|
-
display: none !important;
|
|
1064
|
-
}
|
|
893
|
+
left: 10px;
|
|
1065
894
|
}
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1070
|
-
/* setting styles in separate formats for cross browser support */
|
|
1071
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1072
|
-
/* vertically center alilgn any HTML element */
|
|
1073
|
-
/* add basePath to assets */
|
|
1074
|
-
.ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1075
|
-
transform: rotate(-180deg);
|
|
895
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
|
|
896
|
+
position: absolute;
|
|
897
|
+
right: 10px;
|
|
1076
898
|
}
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
padding: 10px 8px;
|
|
899
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
900
|
+
transition: transform 0.2s ease;
|
|
1080
901
|
}
|
|
1081
|
-
.
|
|
1082
|
-
background-repeat: no-repeat;
|
|
1083
|
-
background-size: contain;
|
|
902
|
+
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
|
|
1084
903
|
display: block;
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
width: 24px;
|
|
1088
|
-
|
|
1089
|
-
@media (max-width: 1023px) {
|
|
1090
|
-
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
|
|
1091
|
-
background-repeat: no-repeat;
|
|
1092
|
-
background-size: contain;
|
|
1093
|
-
display: block;
|
|
1094
|
-
margin-left: auto;
|
|
1095
|
-
height: 24px;
|
|
1096
|
-
width: 24px;
|
|
1097
|
-
}
|
|
1098
|
-
}
|
|
1099
|
-
@media (max-width: 1023px) {
|
|
1100
|
-
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1101
|
-
background-repeat: no-repeat;
|
|
1102
|
-
background-size: contain;
|
|
1103
|
-
display: block;
|
|
1104
|
-
margin-left: auto;
|
|
1105
|
-
height: 8px;
|
|
1106
|
-
width: 14px;
|
|
1107
|
-
}
|
|
904
|
+
flex-shrink: 0;
|
|
905
|
+
height: 24px;
|
|
906
|
+
width: 24px;
|
|
907
|
+
margin-right: 8px;
|
|
1108
908
|
}
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
font-size: 16px;
|
|
1113
|
-
line-height: 24px;
|
|
909
|
+
|
|
910
|
+
.MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
|
|
911
|
+
transform: rotate(-180deg);
|
|
1114
912
|
}
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
913
|
+
|
|
914
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
|
|
915
|
+
background-color: #1f1f1f;
|
|
916
|
+
color: #ffffff;
|
|
917
|
+
border: 1px solid #2c2c2c;
|
|
918
|
+
}
|
|
919
|
+
.MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
|
|
920
|
+
filter: brightness(0) invert(0.9);
|
|
1120
921
|
}
|
|
1121
922
|
|
|
1122
|
-
.
|
|
1123
|
-
|
|
1124
|
-
|
|
923
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
|
|
924
|
+
/* center a block element */
|
|
925
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
926
|
+
/* setting styles in separate formats for cross browser support */
|
|
927
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
928
|
+
/* vertically center alilgn any HTML element */
|
|
929
|
+
/* add basePath to assets */
|
|
930
|
+
.BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
|
|
931
|
+
margin-left: 0 !important;
|
|
1125
932
|
}
|
|
1126
933
|
|
|
1127
|
-
.
|
|
1128
|
-
padding
|
|
1129
|
-
|
|
1130
|
-
height: fit-content;
|
|
934
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm {
|
|
935
|
+
padding: 14px 8px 18px 8px;
|
|
936
|
+
cursor: pointer;
|
|
1131
937
|
}
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
padding-right: 12px;
|
|
1136
|
-
}
|
|
938
|
+
.BusinessCustomerLinkOut-module__icon___lYHUm img {
|
|
939
|
+
margin-left: 0px !important;
|
|
940
|
+
padding-left: 8px;
|
|
1137
941
|
}
|
|
1138
|
-
|
|
1139
|
-
|
|
942
|
+
|
|
943
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 {
|
|
944
|
+
color: #da291c;
|
|
945
|
+
background-color: #ffffff;
|
|
946
|
+
padding: 14px 8px 18px 8px;
|
|
947
|
+
border-radius: 4px 4px 0 0;
|
|
1140
948
|
}
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
949
|
+
.BusinessCustomerLinkOut-module__icon1___VBeT5 img {
|
|
950
|
+
color: #da291c;
|
|
951
|
+
margin-left: 0px !important;
|
|
952
|
+
padding-left: unset;
|
|
953
|
+
padding-right: 8px;
|
|
954
|
+
transform: rotate(-180deg);
|
|
1145
955
|
}
|
|
1146
956
|
|
|
1147
|
-
.
|
|
1148
|
-
color: #
|
|
957
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
|
|
958
|
+
color: #da291c !important;
|
|
1149
959
|
}
|
|
1150
|
-
.
|
|
1151
|
-
|
|
1152
|
-
|
|
960
|
+
.BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
961
|
+
border-radius: 4px 4px 0 0;
|
|
962
|
+
background-color: #ffffff;
|
|
963
|
+
padding: 14px 8px 18px 8px;
|
|
1153
964
|
}
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
965
|
+
|
|
966
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
|
|
967
|
+
color: unset !important;
|
|
968
|
+
}
|
|
969
|
+
.BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
|
|
970
|
+
background-color: unset;
|
|
1158
971
|
}
|
|
1159
972
|
|
|
1160
|
-
.
|
|
973
|
+
.BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1161
974
|
background-color: transparent;
|
|
1162
975
|
}
|
|
1163
|
-
|
|
1164
|
-
|
|
976
|
+
|
|
977
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf {
|
|
978
|
+
margin-left: 0px !important;
|
|
979
|
+
position: absolute;
|
|
980
|
+
min-width: 214px;
|
|
981
|
+
display: block;
|
|
982
|
+
padding: 36px 32px 36px 32px;
|
|
983
|
+
font-size: 18px;
|
|
984
|
+
line-height: 24px;
|
|
985
|
+
border: 0;
|
|
986
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
987
|
+
background-color: #ffffff;
|
|
988
|
+
border-radius: 0 0 8px 8px;
|
|
989
|
+
z-index: 1;
|
|
1165
990
|
}
|
|
1166
|
-
.
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
filter: brightness(0) invert(0.9);
|
|
991
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
|
|
992
|
+
margin-left: 0 !important;
|
|
993
|
+
padding-top: 18px;
|
|
1170
994
|
}
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
995
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
|
|
996
|
+
padding-top: 28px;
|
|
997
|
+
}
|
|
998
|
+
.BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
|
|
999
|
+
border-bottom: 1px solid #e6e3df;
|
|
1000
|
+
padding-bottom: 18px;
|
|
1175
1001
|
}
|
|
1176
1002
|
|
|
1177
|
-
.
|
|
1003
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
|
|
1178
1004
|
background-color: #111111;
|
|
1179
1005
|
}
|
|
1180
|
-
|
|
1181
|
-
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
|
|
1006
|
+
.BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
|
|
1182
1007
|
background-color: #1f1f1f;
|
|
1183
|
-
box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
|
|
1184
1008
|
}
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1009
|
+
|
|
1010
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1011
|
+
/* center a block element */
|
|
1012
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1013
|
+
/* setting styles in separate formats for cross browser support */
|
|
1014
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1015
|
+
/* vertically center alilgn any HTML element */
|
|
1016
|
+
/* add basePath to assets */
|
|
1017
|
+
.SubNavigation-module__container___Wb5XN {
|
|
1018
|
+
background-color: #ffffff;
|
|
1019
|
+
color: #575452;
|
|
1020
|
+
border-radius: 0px 0px 8px 8px;
|
|
1021
|
+
margin: 0 auto;
|
|
1022
|
+
max-width: 1308px;
|
|
1023
|
+
min-height: 47px;
|
|
1024
|
+
-webkit-align-items: center;
|
|
1025
|
+
-moz-align-items: center;
|
|
1026
|
+
-o-align-items: center;
|
|
1027
|
+
align-items: center;
|
|
1188
1028
|
}
|
|
1189
|
-
.
|
|
1190
|
-
|
|
1029
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1030
|
+
font-size: 14px;
|
|
1031
|
+
line-height: 20px;
|
|
1032
|
+
font-weight: 700;
|
|
1191
1033
|
}
|
|
1192
|
-
.
|
|
1193
|
-
|
|
1034
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1035
|
+
margin-left: 0 !important;
|
|
1036
|
+
margin-top: 0 !important;
|
|
1037
|
+
font-size: 18px;
|
|
1038
|
+
line-height: 24px;
|
|
1039
|
+
font-weight: 400;
|
|
1040
|
+
display: block !important;
|
|
1194
1041
|
}
|
|
1195
|
-
.
|
|
1196
|
-
|
|
1197
|
-
background-color: #1f1f1f;
|
|
1042
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1043
|
+
padding-bottom: 28px;
|
|
1198
1044
|
}
|
|
1199
|
-
.
|
|
1200
|
-
|
|
1045
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1046
|
+
font-size: 14px;
|
|
1047
|
+
line-height: 20px;
|
|
1048
|
+
color: #7A7A7B;
|
|
1049
|
+
font-weight: 700;
|
|
1050
|
+
padding-bottom: 28px;
|
|
1201
1051
|
}
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1052
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1053
|
+
display: flex;
|
|
1054
|
+
grid-column: 2;
|
|
1055
|
+
grid-template-columns: repeat(auto-fit, 20%);
|
|
1056
|
+
padding: 24px 32px;
|
|
1205
1057
|
}
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
}
|
|
1058
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1059
|
+
border-left: 1px solid #e6e3df;
|
|
1060
|
+
padding-left: 24px;
|
|
1061
|
+
padding-right: 24px;
|
|
1062
|
+
max-width: 248px;
|
|
1212
1063
|
}
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
display: none;
|
|
1217
|
-
}
|
|
1064
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1065
|
+
padding-left: 0;
|
|
1066
|
+
border: none;
|
|
1218
1067
|
}
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
display: block;
|
|
1225
|
-
padding: 24px 32px;
|
|
1226
|
-
font-size: 16px;
|
|
1227
|
-
border: 0;
|
|
1228
|
-
color: #e6003c;
|
|
1229
|
-
font-weight: 700;
|
|
1230
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1231
|
-
background-color: #ffffff;
|
|
1232
|
-
border-radius: 4px;
|
|
1233
|
-
}
|
|
1234
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
|
|
1235
|
-
padding-bottom: 16px;
|
|
1236
|
-
letter-spacing: 1px;
|
|
1237
|
-
text-transform: uppercase;
|
|
1238
|
-
color: #86807c;
|
|
1239
|
-
font-weight: 500;
|
|
1240
|
-
font-size: 14px;
|
|
1241
|
-
line-height: 20px;
|
|
1242
|
-
border-bottom: 1px solid #e6e3df;
|
|
1243
|
-
}
|
|
1244
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
|
|
1245
|
-
padding: 28px 0;
|
|
1246
|
-
}
|
|
1247
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
|
|
1248
|
-
text-decoration: underline;
|
|
1249
|
-
}
|
|
1250
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
|
|
1251
|
-
font-size: 18px;
|
|
1252
|
-
line-height: 24px;
|
|
1253
|
-
color: #da291c;
|
|
1254
|
-
}
|
|
1255
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
|
|
1256
|
-
color: #3d3935;
|
|
1257
|
-
font-weight: 400;
|
|
1258
|
-
font-size: 18px;
|
|
1259
|
-
line-height: 24px;
|
|
1260
|
-
}
|
|
1261
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
|
|
1262
|
-
padding-left: 10px;
|
|
1263
|
-
}
|
|
1264
|
-
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
|
|
1265
|
-
text-decoration: underline;
|
|
1266
|
-
}
|
|
1068
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
|
|
1069
|
+
margin-left: 4px;
|
|
1070
|
+
vertical-align: middle;
|
|
1071
|
+
height: 24px;
|
|
1072
|
+
width: 24px;
|
|
1267
1073
|
}
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1074
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
|
|
1075
|
+
margin-left: 0;
|
|
1076
|
+
margin-right: 4px;
|
|
1077
|
+
}
|
|
1078
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
|
|
1079
|
+
white-space: nowrap;
|
|
1080
|
+
display: inline-flex;
|
|
1081
|
+
align-items: center;
|
|
1082
|
+
}
|
|
1083
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1084
|
+
display: flex;
|
|
1085
|
+
align-items: flex-start;
|
|
1086
|
+
gap: 4px;
|
|
1087
|
+
white-space: normal;
|
|
1088
|
+
max-width: 100%;
|
|
1089
|
+
}
|
|
1090
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
|
|
1091
|
+
white-space: normal;
|
|
1092
|
+
min-width: 0;
|
|
1093
|
+
}
|
|
1094
|
+
.SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
|
|
1095
|
+
white-space: normal;
|
|
1096
|
+
align-items: flex-start;
|
|
1097
|
+
gap: 4px;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
|
|
1101
|
+
background-color: #1f1f1f;
|
|
1102
|
+
color: #ffffff;
|
|
1103
|
+
}
|
|
1104
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
|
|
1105
|
+
color: #ffffff;
|
|
1106
|
+
}
|
|
1107
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
|
|
1108
|
+
color: #ffffff;
|
|
1109
|
+
}
|
|
1110
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
|
|
1111
|
+
color: #ffffff;
|
|
1112
|
+
}
|
|
1113
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
|
|
1114
|
+
border-left: 1px solid #86807c;
|
|
1115
|
+
}
|
|
1116
|
+
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1117
|
+
border: none;
|
|
1306
1118
|
}
|
|
1307
1119
|
|
|
1308
|
-
/*
|
|
1120
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
|
|
1309
1121
|
/* center a block element */
|
|
1310
1122
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1311
1123
|
/* setting styles in separate formats for cross browser support */
|
|
1312
1124
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1313
1125
|
/* vertically center alilgn any HTML element */
|
|
1314
1126
|
/* add basePath to assets */
|
|
1315
|
-
|
|
1316
|
-
0%, 80%, 100% {
|
|
1317
|
-
transform: translateY(0);
|
|
1318
|
-
}
|
|
1319
|
-
40% {
|
|
1320
|
-
transform: translateY(-10px);
|
|
1321
|
-
}
|
|
1322
|
-
}
|
|
1323
|
-
.CartDotLoader-module__loaderWrapper___PmIHe {
|
|
1127
|
+
.CartFooter-module__cartFooter___pgZ1x {
|
|
1324
1128
|
display: flex;
|
|
1325
1129
|
flex-direction: column;
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1130
|
+
background-color: #3d3935;
|
|
1131
|
+
border-radius: 8px 8px 0 0;
|
|
1132
|
+
padding: 16px 24px;
|
|
1133
|
+
gap: 16px;
|
|
1134
|
+
}
|
|
1135
|
+
@media (max-width: 767px) {
|
|
1136
|
+
.CartFooter-module__cartFooter___pgZ1x {
|
|
1137
|
+
padding: 16px;
|
|
1138
|
+
}
|
|
1332
1139
|
}
|
|
1333
1140
|
|
|
1334
|
-
.
|
|
1141
|
+
.CartFooter-module__footerTotals___sG-0P {
|
|
1335
1142
|
display: flex;
|
|
1336
|
-
|
|
1337
|
-
gap:
|
|
1143
|
+
justify-content: space-between;
|
|
1144
|
+
gap: 0;
|
|
1338
1145
|
}
|
|
1339
1146
|
|
|
1340
|
-
.
|
|
1341
|
-
display:
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1147
|
+
.CartFooter-module__footerTotalsItem___zs1hY {
|
|
1148
|
+
display: flex;
|
|
1149
|
+
flex-direction: column;
|
|
1150
|
+
justify-content: space-between;
|
|
1151
|
+
gap: 2px;
|
|
1152
|
+
flex: 1;
|
|
1153
|
+
padding: 0 16px;
|
|
1347
1154
|
}
|
|
1348
|
-
.
|
|
1349
|
-
|
|
1155
|
+
.CartFooter-module__footerTotalsItem___zs1hY:first-child {
|
|
1156
|
+
padding-left: 0;
|
|
1350
1157
|
}
|
|
1351
|
-
.
|
|
1352
|
-
|
|
1158
|
+
.CartFooter-module__footerTotalsItem___zs1hY:last-child {
|
|
1159
|
+
padding-right: 0;
|
|
1353
1160
|
}
|
|
1354
|
-
|
|
1355
|
-
|
|
1161
|
+
|
|
1162
|
+
.CartFooter-module__footerTotalsItemDivider___--UXf {
|
|
1163
|
+
border-left: 1px solid #b3aeaa;
|
|
1356
1164
|
}
|
|
1357
|
-
|
|
1358
|
-
|
|
1165
|
+
|
|
1166
|
+
.CartFooter-module__footerTotalsLabel___Z30Az {
|
|
1167
|
+
font-size: 12px;
|
|
1168
|
+
line-height: 16px;
|
|
1169
|
+
color: #b3aeaa;
|
|
1359
1170
|
}
|
|
1360
1171
|
|
|
1361
|
-
.
|
|
1172
|
+
.CartFooter-module__footerTotalsValue___NfXPQ {
|
|
1362
1173
|
font-size: 16px;
|
|
1363
1174
|
line-height: 24px;
|
|
1364
1175
|
font-weight: 700;
|
|
1365
|
-
color: #
|
|
1366
|
-
|
|
1176
|
+
color: #ffffff;
|
|
1177
|
+
}
|
|
1178
|
+
|
|
1179
|
+
.CartFooter-module__footerButtons___6xWKX {
|
|
1180
|
+
display: flex;
|
|
1367
1181
|
text-align: center;
|
|
1182
|
+
gap: 12px;
|
|
1183
|
+
}
|
|
1184
|
+
|
|
1185
|
+
.CartFooter-module__closeSummaryButton___pq8US {
|
|
1186
|
+
display: flex;
|
|
1187
|
+
align-items: center;
|
|
1188
|
+
justify-content: center;
|
|
1189
|
+
flex: 1;
|
|
1190
|
+
padding: 14px 24px;
|
|
1191
|
+
background: none;
|
|
1192
|
+
border: 2px solid #ffffff;
|
|
1193
|
+
border-radius: 28px;
|
|
1194
|
+
font-size: 16px;
|
|
1195
|
+
line-height: 24px;
|
|
1196
|
+
font-weight: 600;
|
|
1197
|
+
color: #ffffff;
|
|
1198
|
+
cursor: pointer;
|
|
1199
|
+
transition: background-color 0.15s ease;
|
|
1200
|
+
}
|
|
1201
|
+
.CartFooter-module__closeSummaryButton___pq8US:hover {
|
|
1202
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
1203
|
+
}
|
|
1204
|
+
.CartFooter-module__closeSummaryButton___pq8US:focus-visible {
|
|
1205
|
+
outline: 2px solid #ffffff;
|
|
1206
|
+
outline-offset: 2px;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
.CartFooter-module__completeOrderButton___jxJLz {
|
|
1210
|
+
display: flex;
|
|
1211
|
+
align-items: center;
|
|
1212
|
+
justify-content: center;
|
|
1213
|
+
flex: 1;
|
|
1214
|
+
padding: 14px 24px;
|
|
1215
|
+
background-color: #da291c;
|
|
1216
|
+
border: 2px solid #da291c;
|
|
1217
|
+
border-radius: 28px;
|
|
1218
|
+
font-size: 16px;
|
|
1219
|
+
line-height: 24px;
|
|
1220
|
+
font-weight: 600;
|
|
1221
|
+
color: #ffffff;
|
|
1222
|
+
text-decoration: none;
|
|
1223
|
+
cursor: pointer;
|
|
1224
|
+
transition: background-color 0.15s ease;
|
|
1225
|
+
}
|
|
1226
|
+
.CartFooter-module__completeOrderButton___jxJLz:hover {
|
|
1227
|
+
background-color: #961c13;
|
|
1228
|
+
border-color: #961c13;
|
|
1229
|
+
text-decoration: none;
|
|
1230
|
+
color: #ffffff;
|
|
1231
|
+
}
|
|
1232
|
+
.CartFooter-module__completeOrderButton___jxJLz:focus-visible {
|
|
1233
|
+
outline: 2px solid #ffffff;
|
|
1234
|
+
outline-offset: 2px;
|
|
1368
1235
|
}
|
|
1369
1236
|
|
|
1370
|
-
/*
|
|
1237
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
|
|
1371
1238
|
/* center a block element */
|
|
1372
1239
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1373
1240
|
/* setting styles in separate formats for cross browser support */
|
|
1374
1241
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1375
1242
|
/* vertically center alilgn any HTML element */
|
|
1376
1243
|
/* add basePath to assets */
|
|
1377
|
-
.
|
|
1378
|
-
|
|
1244
|
+
.cart-overlay-panel.offcanvas {
|
|
1245
|
+
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
1246
|
+
}
|
|
1247
|
+
|
|
1248
|
+
.cart-overlay-panel .offcanvas-header {
|
|
1249
|
+
height: 96px;
|
|
1250
|
+
padding: 20px 16px;
|
|
1251
|
+
gap: 24px;
|
|
1379
1252
|
align-items: center;
|
|
1380
|
-
|
|
1253
|
+
background: #ffffff;
|
|
1254
|
+
border-bottom: 1px solid #e6e3df;
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
.cart-overlay-panel .offcanvas-title {
|
|
1258
|
+
display: flex;
|
|
1259
|
+
flex-direction: column;
|
|
1260
|
+
align-items: flex-start;
|
|
1261
|
+
gap: 2px;
|
|
1262
|
+
font-size: 24px;
|
|
1263
|
+
line-height: 32px;
|
|
1264
|
+
font-weight: 700;
|
|
1265
|
+
color: #3d3935;
|
|
1266
|
+
}
|
|
1267
|
+
@media (max-width: 1023px) {
|
|
1268
|
+
.cart-overlay-panel .offcanvas-title {
|
|
1269
|
+
font-size: 20px;
|
|
1270
|
+
line-height: 28px;
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1274
|
+
.cart-overlay-panel .btn-close {
|
|
1275
|
+
opacity: 0.7;
|
|
1276
|
+
width: 20px;
|
|
1277
|
+
height: 20px;
|
|
1278
|
+
}
|
|
1279
|
+
.cart-overlay-panel .btn-close:hover {
|
|
1280
|
+
opacity: 1;
|
|
1281
|
+
}
|
|
1282
|
+
|
|
1283
|
+
.cart-overlay-panel .offcanvas-body {
|
|
1284
|
+
padding: 0;
|
|
1285
|
+
overflow-y: auto;
|
|
1286
|
+
display: flex;
|
|
1287
|
+
flex-direction: column;
|
|
1288
|
+
background: #f7f6f5;
|
|
1381
1289
|
}
|
|
1382
1290
|
|
|
1383
|
-
.
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
color: #3d3935;
|
|
1291
|
+
.cart-overlay-panel.offcanvas-bottom {
|
|
1292
|
+
border-radius: 8px 8px 0 0 !important;
|
|
1293
|
+
width: 100% !important;
|
|
1294
|
+
overflow: hidden;
|
|
1388
1295
|
}
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1296
|
+
|
|
1297
|
+
.CartOverlay-module__backdrop___lMc-O {
|
|
1298
|
+
position: fixed;
|
|
1299
|
+
inset: 0;
|
|
1300
|
+
z-index: 1040;
|
|
1301
|
+
background: rgba(42, 42, 42, 0.7);
|
|
1302
|
+
animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
@keyframes CartOverlay-module__fadeIn___G8JYJ {
|
|
1306
|
+
from {
|
|
1307
|
+
opacity: 0;
|
|
1393
1308
|
}
|
|
1309
|
+
to {
|
|
1310
|
+
opacity: 1;
|
|
1311
|
+
}
|
|
1312
|
+
}
|
|
1313
|
+
.CartOverlay-module__footer___OwJpW {
|
|
1314
|
+
padding: 16px 24px;
|
|
1315
|
+
border-top: 1px solid #d2d2d2;
|
|
1316
|
+
background-color: #ffffff;
|
|
1394
1317
|
}
|
|
1395
1318
|
|
|
1396
|
-
.
|
|
1397
|
-
display:
|
|
1319
|
+
.CartOverlay-module__dismissButton___57qsq {
|
|
1320
|
+
display: flex;
|
|
1321
|
+
align-items: center;
|
|
1322
|
+
justify-content: center;
|
|
1323
|
+
width: 100%;
|
|
1324
|
+
padding: 14px 24px;
|
|
1325
|
+
gap: 8px;
|
|
1398
1326
|
background: none;
|
|
1399
|
-
border:
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
font-weight: 400;
|
|
1327
|
+
border: 2px solid #da291c;
|
|
1328
|
+
border-radius: 28px;
|
|
1329
|
+
font-size: 16px;
|
|
1330
|
+
line-height: 24px;
|
|
1331
|
+
font-weight: 600;
|
|
1405
1332
|
color: #da291c;
|
|
1406
|
-
text-
|
|
1407
|
-
|
|
1333
|
+
text-align: center;
|
|
1334
|
+
cursor: pointer;
|
|
1335
|
+
transition: background-color 0.15s ease;
|
|
1408
1336
|
}
|
|
1409
|
-
.
|
|
1410
|
-
color:
|
|
1337
|
+
.CartOverlay-module__dismissButton___57qsq:hover {
|
|
1338
|
+
background-color: rgba(218, 41, 28, 0.05);
|
|
1411
1339
|
}
|
|
1412
|
-
.
|
|
1340
|
+
.CartOverlay-module__dismissButton___57qsq:focus-visible {
|
|
1413
1341
|
outline: 2px solid #da291c;
|
|
1414
1342
|
outline-offset: 2px;
|
|
1415
|
-
border-radius: 2px;
|
|
1416
1343
|
}
|
|
1417
1344
|
|
|
1418
|
-
|
|
1345
|
+
.CartOverlay-module__errorMessage___ylBiH {
|
|
1346
|
+
margin: auto 24px;
|
|
1347
|
+
padding: 16px;
|
|
1348
|
+
font-size: 20px;
|
|
1349
|
+
line-height: 28px;
|
|
1350
|
+
color: #3d3935;
|
|
1351
|
+
text-align: center;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
|
|
1419
1355
|
/* center a block element */
|
|
1420
1356
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1421
1357
|
/* setting styles in separate formats for cross browser support */
|
|
1422
1358
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1423
1359
|
/* vertically center alilgn any HTML element */
|
|
1424
1360
|
/* add basePath to assets */
|
|
1425
|
-
.
|
|
1426
|
-
font-weight: unset;
|
|
1427
|
-
}
|
|
1428
|
-
.MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
|
|
1429
|
-
position: relative;
|
|
1430
|
-
color: #333333;
|
|
1431
|
-
display: -webkit-box;
|
|
1432
|
-
font-size: 16px;
|
|
1433
|
-
line-height: 24px;
|
|
1361
|
+
.CartItems-module__container___9xcV- {
|
|
1434
1362
|
display: flex;
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
padding: 10px 10px 10px 10px;
|
|
1438
|
-
margin-bottom: 4px;
|
|
1439
|
-
background-color: #ffffff;
|
|
1363
|
+
flex-direction: column;
|
|
1364
|
+
flex: 1;
|
|
1440
1365
|
}
|
|
1441
|
-
|
|
1442
|
-
|
|
1366
|
+
|
|
1367
|
+
.CartItems-module__itemList___CK3U1 {
|
|
1368
|
+
list-style: none;
|
|
1369
|
+
margin: 0;
|
|
1370
|
+
padding: 0;
|
|
1443
1371
|
}
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1372
|
+
|
|
1373
|
+
.CartItems-module__item___A6nFF {
|
|
1374
|
+
border-bottom: 1px solid #e6e3df;
|
|
1375
|
+
background-color: #f7f6f5;
|
|
1447
1376
|
}
|
|
1448
|
-
.
|
|
1449
|
-
|
|
1450
|
-
right: 10px;
|
|
1377
|
+
.CartItems-module__item___A6nFF:last-child {
|
|
1378
|
+
border-bottom: none;
|
|
1451
1379
|
}
|
|
1452
|
-
|
|
1453
|
-
|
|
1380
|
+
|
|
1381
|
+
.CartItems-module__itemContent___DaQhK {
|
|
1382
|
+
display: flex;
|
|
1383
|
+
flex-direction: row;
|
|
1384
|
+
align-items: flex-start;
|
|
1385
|
+
gap: 16px;
|
|
1386
|
+
padding: 16px 24px;
|
|
1454
1387
|
}
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
width: 24px;
|
|
1460
|
-
margin-right: 8px;
|
|
1388
|
+
@media (max-width: 767px) {
|
|
1389
|
+
.CartItems-module__itemContent___DaQhK {
|
|
1390
|
+
padding: 16px;
|
|
1391
|
+
}
|
|
1461
1392
|
}
|
|
1462
1393
|
|
|
1463
|
-
.
|
|
1464
|
-
|
|
1394
|
+
.CartItems-module__itemIcon___pk1NU {
|
|
1395
|
+
display: flex;
|
|
1396
|
+
align-items: center;
|
|
1397
|
+
justify-content: center;
|
|
1398
|
+
flex-shrink: 0;
|
|
1399
|
+
width: 40px;
|
|
1400
|
+
height: 40px;
|
|
1401
|
+
color: #86807c;
|
|
1402
|
+
}
|
|
1403
|
+
.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
|
|
1404
|
+
width: 40px;
|
|
1405
|
+
height: 40px;
|
|
1406
|
+
object-fit: contain;
|
|
1407
|
+
border-radius: 4px;
|
|
1465
1408
|
}
|
|
1466
1409
|
|
|
1467
|
-
.
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1410
|
+
.CartItems-module__itemBody___leOoI {
|
|
1411
|
+
display: flex;
|
|
1412
|
+
flex-direction: column;
|
|
1413
|
+
gap: 4px;
|
|
1414
|
+
flex: 1;
|
|
1415
|
+
min-width: 0;
|
|
1471
1416
|
}
|
|
1472
|
-
|
|
1473
|
-
|
|
1417
|
+
|
|
1418
|
+
.CartItems-module__itemRow___owvC2 {
|
|
1419
|
+
display: flex;
|
|
1420
|
+
justify-content: space-between;
|
|
1421
|
+
align-items: flex-start;
|
|
1422
|
+
gap: 16px;
|
|
1474
1423
|
}
|
|
1475
1424
|
|
|
1476
|
-
|
|
1477
|
-
/* center a block element */
|
|
1478
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1479
|
-
/* setting styles in separate formats for cross browser support */
|
|
1480
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1481
|
-
/* vertically center alilgn any HTML element */
|
|
1482
|
-
/* add basePath to assets */
|
|
1483
|
-
.EmptyCart-module__emptyState___HtCXJ {
|
|
1425
|
+
.CartItems-module__itemDetails___vQu14 {
|
|
1484
1426
|
display: flex;
|
|
1485
1427
|
flex-direction: column;
|
|
1486
|
-
|
|
1487
|
-
|
|
1428
|
+
gap: 2px;
|
|
1429
|
+
min-width: 0;
|
|
1488
1430
|
flex: 1;
|
|
1489
|
-
padding: 32px 24px 24px;
|
|
1490
|
-
text-align: center;
|
|
1491
1431
|
}
|
|
1492
1432
|
|
|
1493
|
-
.
|
|
1494
|
-
|
|
1433
|
+
.CartItems-module__categoryLabel___gSZid {
|
|
1434
|
+
font-size: 12px;
|
|
1435
|
+
line-height: 16px;
|
|
1436
|
+
color: #86807c;
|
|
1495
1437
|
}
|
|
1496
1438
|
|
|
1497
|
-
.
|
|
1498
|
-
font-size:
|
|
1499
|
-
line-height:
|
|
1439
|
+
.CartItems-module__productName___yYFNw {
|
|
1440
|
+
font-size: 14px;
|
|
1441
|
+
line-height: 20px;
|
|
1500
1442
|
font-weight: 700;
|
|
1501
1443
|
color: #3d3935;
|
|
1502
|
-
margin: 0 0 44px;
|
|
1503
1444
|
}
|
|
1504
1445
|
|
|
1505
|
-
.
|
|
1506
|
-
font-size:
|
|
1507
|
-
line-height:
|
|
1508
|
-
color: #
|
|
1509
|
-
margin: 0 0 8px;
|
|
1446
|
+
.CartItems-module__variantText___saarn {
|
|
1447
|
+
font-size: 12px;
|
|
1448
|
+
line-height: 16px;
|
|
1449
|
+
color: #86807c;
|
|
1510
1450
|
}
|
|
1511
1451
|
|
|
1512
|
-
.
|
|
1452
|
+
.CartItems-module__downPaymentLabel___9sOP7 {
|
|
1453
|
+
font-size: 12px;
|
|
1454
|
+
line-height: 16px;
|
|
1455
|
+
color: #86807c;
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
.CartItems-module__downPaymentRow___9a5jS {
|
|
1513
1459
|
display: flex;
|
|
1514
|
-
gap: 12px;
|
|
1515
1460
|
width: 100%;
|
|
1516
|
-
justify-content:
|
|
1461
|
+
justify-content: space-between;
|
|
1462
|
+
align-items: center;
|
|
1517
1463
|
}
|
|
1518
1464
|
|
|
1519
|
-
.
|
|
1465
|
+
.CartItems-module__itemPricing___7gEuf {
|
|
1520
1466
|
display: flex;
|
|
1521
1467
|
flex-direction: column;
|
|
1522
|
-
align-items:
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1468
|
+
align-items: flex-end;
|
|
1469
|
+
gap: 2px;
|
|
1470
|
+
flex-shrink: 0;
|
|
1471
|
+
white-space: nowrap;
|
|
1472
|
+
}
|
|
1473
|
+
|
|
1474
|
+
.CartItems-module__monthlyPrice___G6sH6 {
|
|
1475
|
+
font-size: 14px;
|
|
1476
|
+
line-height: 20px;
|
|
1477
|
+
font-weight: 700;
|
|
1531
1478
|
color: #3d3935;
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
.CartItems-module__originalPrice___LsGAC {
|
|
1532
1482
|
font-size: 12px;
|
|
1533
1483
|
line-height: 16px;
|
|
1534
|
-
|
|
1535
|
-
text-
|
|
1536
|
-
transition: background-color 0.15s ease;
|
|
1537
|
-
}
|
|
1538
|
-
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
1539
|
-
background-color: #f8f8f8;
|
|
1540
|
-
text-decoration: none;
|
|
1541
|
-
color: #3d3935;
|
|
1484
|
+
color: #86807c;
|
|
1485
|
+
text-decoration: line-through;
|
|
1542
1486
|
}
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1487
|
+
|
|
1488
|
+
.CartItems-module__downPaymentAmount___3K98L {
|
|
1489
|
+
font-size: 12px;
|
|
1490
|
+
line-height: 16px;
|
|
1491
|
+
font-weight: 700;
|
|
1492
|
+
color: #3d3935;
|
|
1546
1493
|
}
|
|
1547
1494
|
|
|
1548
|
-
.
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1495
|
+
.CartItems-module__disclaimer___mOvek {
|
|
1496
|
+
font-size: 12px;
|
|
1497
|
+
line-height: 16px;
|
|
1498
|
+
color: #86807c;
|
|
1499
|
+
padding: 16px 24px;
|
|
1500
|
+
margin: 0;
|
|
1501
|
+
background-color: #f7f6f5;
|
|
1502
|
+
border-top: 1px solid #e6e3df;
|
|
1552
1503
|
}
|
|
1553
|
-
|
|
1554
|
-
.
|
|
1555
|
-
|
|
1504
|
+
@media (max-width: 767px) {
|
|
1505
|
+
.CartItems-module__disclaimer___mOvek {
|
|
1506
|
+
padding: 16px;
|
|
1507
|
+
}
|
|
1556
1508
|
}
|
|
1557
1509
|
|
|
1558
|
-
/*
|
|
1510
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
|
|
1559
1511
|
/* center a block element */
|
|
1560
1512
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1561
1513
|
/* setting styles in separate formats for cross browser support */
|
|
1562
1514
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1563
1515
|
/* vertically center alilgn any HTML element */
|
|
1564
1516
|
/* add basePath to assets */
|
|
1565
|
-
.
|
|
1566
|
-
|
|
1517
|
+
.LocaleSelector-module__button___0LEXR {
|
|
1518
|
+
position: relative;
|
|
1567
1519
|
}
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1520
|
+
.LocaleSelector-module__button___0LEXR button {
|
|
1521
|
+
background-color: transparent;
|
|
1522
|
+
color: #3d3935;
|
|
1523
|
+
border: 0;
|
|
1524
|
+
border-radius: 4px;
|
|
1525
|
+
padding-bottom: 5px;
|
|
1571
1526
|
cursor: pointer;
|
|
1527
|
+
height: 42px;
|
|
1528
|
+
font-size: 14px;
|
|
1529
|
+
line-height: 20px;
|
|
1530
|
+
width: 100%;
|
|
1572
1531
|
}
|
|
1573
|
-
.
|
|
1574
|
-
|
|
1575
|
-
|
|
1532
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
|
|
1533
|
+
background-position: center center;
|
|
1534
|
+
background-repeat: no-repeat;
|
|
1535
|
+
height: 8px;
|
|
1536
|
+
margin-left: 10px;
|
|
1537
|
+
margin-top: 2px;
|
|
1538
|
+
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
|
|
1539
|
+
width: 14px;
|
|
1576
1540
|
}
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1541
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
|
|
1542
|
+
-webkit-transform: rotate(-180deg);
|
|
1543
|
+
-moz-transform: rotate(-180deg);
|
|
1544
|
+
-o-transform: rotate(-180deg);
|
|
1545
|
+
transform: rotate(-180deg);
|
|
1546
|
+
}
|
|
1547
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
1548
|
+
padding: 24px 32px;
|
|
1580
1549
|
background-color: #ffffff;
|
|
1581
|
-
|
|
1582
|
-
border-radius: 4px 4px 0 0;
|
|
1550
|
+
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
|
|
1583
1551
|
}
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
padding-right: 8px;
|
|
1589
|
-
transform: rotate(-180deg);
|
|
1552
|
+
@media (max-width: 1023px) {
|
|
1553
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
1554
|
+
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
|
|
1555
|
+
}
|
|
1590
1556
|
}
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1557
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
|
|
1558
|
+
box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
|
|
1559
|
+
border-radius: 0px 0px 8px 8px;
|
|
1560
|
+
margin-bottom: 4px;
|
|
1561
|
+
white-space: nowrap;
|
|
1562
|
+
position: absolute;
|
|
1563
|
+
z-index: 100;
|
|
1564
|
+
-webkit-transform: translateX(-50%);
|
|
1565
|
+
-moz-transform: translateX(-50%);
|
|
1566
|
+
-o-transform: translateX(-50%);
|
|
1567
|
+
transform: translateX(-50%);
|
|
1594
1568
|
}
|
|
1595
|
-
.
|
|
1596
|
-
|
|
1597
|
-
background-color: #ffffff;
|
|
1598
|
-
padding: 14px 8px 18px 8px;
|
|
1569
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
|
|
1570
|
+
margin-left: 0 !important;
|
|
1599
1571
|
}
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
color: unset !important;
|
|
1572
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
|
|
1573
|
+
font-weight: bold;
|
|
1603
1574
|
}
|
|
1604
|
-
.
|
|
1605
|
-
|
|
1575
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
|
|
1576
|
+
color: #da291c;
|
|
1606
1577
|
}
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1578
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
|
|
1579
|
+
content: none !important;
|
|
1580
|
+
display: none !important;
|
|
1581
|
+
}
|
|
1582
|
+
.LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
|
|
1583
|
+
display: none !important;
|
|
1610
1584
|
}
|
|
1611
1585
|
|
|
1612
|
-
.
|
|
1613
|
-
|
|
1614
|
-
position: absolute;
|
|
1615
|
-
min-width: 214px;
|
|
1616
|
-
display: block;
|
|
1617
|
-
padding: 36px 32px 36px 32px;
|
|
1618
|
-
font-size: 18px;
|
|
1619
|
-
line-height: 24px;
|
|
1620
|
-
border: 0;
|
|
1621
|
-
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1622
|
-
background-color: #ffffff;
|
|
1623
|
-
border-radius: 0 0 8px 8px;
|
|
1624
|
-
z-index: 1;
|
|
1586
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
|
|
1587
|
+
color: #ffffff;
|
|
1625
1588
|
}
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1589
|
+
@media (max-width: 1023px) {
|
|
1590
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
|
|
1591
|
+
background-color: #1f1f1f;
|
|
1592
|
+
}
|
|
1629
1593
|
}
|
|
1630
|
-
.
|
|
1631
|
-
|
|
1594
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
|
|
1595
|
+
filter: brightness(0) invert(0.9);
|
|
1632
1596
|
}
|
|
1633
|
-
.
|
|
1634
|
-
|
|
1635
|
-
|
|
1597
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
|
|
1598
|
+
background-color: #1f1f1f;
|
|
1599
|
+
box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
|
|
1600
|
+
}
|
|
1601
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
|
|
1602
|
+
color: #ffffff;
|
|
1603
|
+
}
|
|
1604
|
+
.LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
|
|
1605
|
+
color: #da291c;
|
|
1636
1606
|
}
|
|
1637
1607
|
|
|
1638
|
-
.
|
|
1639
|
-
|
|
1608
|
+
.LocaleSelector-module__list-item___JVlRE a {
|
|
1609
|
+
font-size: 16px !important;
|
|
1610
|
+
line-height: 24px !important;
|
|
1611
|
+
display: flex;
|
|
1612
|
+
padding: 0 !important;
|
|
1640
1613
|
}
|
|
1641
|
-
.
|
|
1642
|
-
|
|
1614
|
+
.LocaleSelector-module__list-item___JVlRE a span {
|
|
1615
|
+
margin: 10px 0 !important;
|
|
1616
|
+
}
|
|
1617
|
+
.LocaleSelector-module__list-item___JVlRE a::before {
|
|
1618
|
+
content: none;
|
|
1619
|
+
display: none !important;
|
|
1620
|
+
}
|
|
1621
|
+
|
|
1622
|
+
@media (max-width: 1023px) {
|
|
1623
|
+
.LocaleSelector-module__button___0LEXR {
|
|
1624
|
+
color: #575452;
|
|
1625
|
+
position: relative;
|
|
1626
|
+
}
|
|
1627
|
+
.LocaleSelector-module__button___0LEXR button {
|
|
1628
|
+
background-color: #ffffff;
|
|
1629
|
+
border: 0;
|
|
1630
|
+
border-radius: 4px;
|
|
1631
|
+
cursor: pointer;
|
|
1632
|
+
font-size: 14px;
|
|
1633
|
+
line-height: 20px;
|
|
1634
|
+
padding-bottom: 0;
|
|
1635
|
+
margin-right: 6px;
|
|
1636
|
+
width: 100%;
|
|
1637
|
+
}
|
|
1638
|
+
.LocaleSelector-module__pop-up___HV8Ta {
|
|
1639
|
+
padding: 0px 12px !important;
|
|
1640
|
+
}
|
|
1641
|
+
.LocaleSelector-module__pop-up___HV8Ta img {
|
|
1642
|
+
padding-left: 12px;
|
|
1643
|
+
}
|
|
1644
|
+
.LocaleSelector-module__list-item___JVlRE a {
|
|
1645
|
+
font-size: 16px;
|
|
1646
|
+
line-height: 24px;
|
|
1647
|
+
font-weight: 400;
|
|
1648
|
+
display: flex;
|
|
1649
|
+
padding: 10px 12px;
|
|
1650
|
+
}
|
|
1651
|
+
.LocaleSelector-module__list-item___JVlRE a::before {
|
|
1652
|
+
content: none;
|
|
1653
|
+
display: none !important;
|
|
1654
|
+
}
|
|
1643
1655
|
}
|
|
1644
1656
|
|
|
1645
|
-
/*
|
|
1657
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
|
|
1646
1658
|
/* center a block element */
|
|
1647
1659
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1648
1660
|
/* setting styles in separate formats for cross browser support */
|
|
1649
1661
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1650
1662
|
/* vertically center alilgn any HTML element */
|
|
1651
1663
|
/* add basePath to assets */
|
|
1652
|
-
.
|
|
1653
|
-
|
|
1654
|
-
color: #575452;
|
|
1655
|
-
border-radius: 0px 0px 8px 8px;
|
|
1656
|
-
margin: 0 auto;
|
|
1657
|
-
max-width: 1308px;
|
|
1658
|
-
min-height: 47px;
|
|
1659
|
-
-webkit-align-items: center;
|
|
1660
|
-
-moz-align-items: center;
|
|
1661
|
-
-o-align-items: center;
|
|
1662
|
-
align-items: center;
|
|
1663
|
-
}
|
|
1664
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
|
|
1665
|
-
font-size: 14px;
|
|
1666
|
-
line-height: 20px;
|
|
1667
|
-
font-weight: 700;
|
|
1668
|
-
}
|
|
1669
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
|
|
1670
|
-
margin-left: 0 !important;
|
|
1671
|
-
margin-top: 0 !important;
|
|
1672
|
-
font-size: 18px;
|
|
1673
|
-
line-height: 24px;
|
|
1674
|
-
font-weight: 400;
|
|
1675
|
-
display: block !important;
|
|
1676
|
-
}
|
|
1677
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
|
|
1678
|
-
padding-bottom: 28px;
|
|
1679
|
-
}
|
|
1680
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
|
|
1681
|
-
font-size: 14px;
|
|
1682
|
-
line-height: 20px;
|
|
1683
|
-
color: #7A7A7B;
|
|
1684
|
-
font-weight: 700;
|
|
1685
|
-
padding-bottom: 28px;
|
|
1686
|
-
}
|
|
1687
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
|
|
1688
|
-
display: flex;
|
|
1689
|
-
grid-column: 2;
|
|
1690
|
-
grid-template-columns: repeat(auto-fit, 20%);
|
|
1691
|
-
padding: 24px 32px;
|
|
1692
|
-
}
|
|
1693
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
|
|
1694
|
-
border-left: 1px solid #e6e3df;
|
|
1695
|
-
padding-left: 24px;
|
|
1696
|
-
padding-right: 24px;
|
|
1697
|
-
max-width: 248px;
|
|
1698
|
-
}
|
|
1699
|
-
.SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1700
|
-
padding-left: 0;
|
|
1701
|
-
border: none;
|
|
1664
|
+
.ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1665
|
+
transform: rotate(-180deg);
|
|
1702
1666
|
}
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1667
|
+
|
|
1668
|
+
.ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
|
|
1669
|
+
padding: 10px 8px;
|
|
1670
|
+
}
|
|
1671
|
+
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
|
|
1672
|
+
background-repeat: no-repeat;
|
|
1673
|
+
background-size: contain;
|
|
1674
|
+
display: block;
|
|
1706
1675
|
height: 24px;
|
|
1676
|
+
margin-right: 4px;
|
|
1707
1677
|
width: 24px;
|
|
1708
1678
|
}
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1679
|
+
@media (max-width: 1023px) {
|
|
1680
|
+
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
|
|
1681
|
+
background-repeat: no-repeat;
|
|
1682
|
+
background-size: contain;
|
|
1683
|
+
display: block;
|
|
1684
|
+
margin-left: auto;
|
|
1685
|
+
height: 24px;
|
|
1686
|
+
width: 24px;
|
|
1687
|
+
}
|
|
1712
1688
|
}
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1689
|
+
@media (max-width: 1023px) {
|
|
1690
|
+
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1691
|
+
background-repeat: no-repeat;
|
|
1692
|
+
background-size: contain;
|
|
1693
|
+
display: block;
|
|
1694
|
+
margin-left: auto;
|
|
1695
|
+
height: 8px;
|
|
1696
|
+
width: 14px;
|
|
1697
|
+
}
|
|
1717
1698
|
}
|
|
1718
|
-
.
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
max-width: 100%;
|
|
1699
|
+
.ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
|
|
1700
|
+
color: #da291c;
|
|
1701
|
+
font-weight: 700;
|
|
1702
|
+
font-size: 16px;
|
|
1703
|
+
line-height: 24px;
|
|
1724
1704
|
}
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1705
|
+
@media (max-width: 1023px) {
|
|
1706
|
+
.ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
|
|
1707
|
+
background-color: #ffffff;
|
|
1708
|
+
padding: 10px;
|
|
1709
|
+
}
|
|
1728
1710
|
}
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1711
|
+
|
|
1712
|
+
.ProfileLinkOut-module__highlight___XDufd {
|
|
1713
|
+
border-radius: 8px;
|
|
1714
|
+
background-color: #f7f6f5;
|
|
1733
1715
|
}
|
|
1734
1716
|
|
|
1735
|
-
.
|
|
1736
|
-
|
|
1737
|
-
|
|
1717
|
+
.ProfileLinkOut-module__non-section___G1jJY {
|
|
1718
|
+
padding-left: 16px;
|
|
1719
|
+
padding-right: 16px;
|
|
1720
|
+
height: fit-content;
|
|
1738
1721
|
}
|
|
1739
|
-
|
|
1740
|
-
|
|
1722
|
+
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
1723
|
+
.ProfileLinkOut-module__non-section___G1jJY {
|
|
1724
|
+
padding-left: 12px;
|
|
1725
|
+
padding-right: 12px;
|
|
1726
|
+
}
|
|
1741
1727
|
}
|
|
1742
|
-
.
|
|
1743
|
-
color:
|
|
1728
|
+
.ProfileLinkOut-module__non-section___G1jJY {
|
|
1729
|
+
background-color: unset !important;
|
|
1744
1730
|
}
|
|
1745
|
-
|
|
1731
|
+
@media (max-width: 1023px) {
|
|
1732
|
+
.ProfileLinkOut-module__non-section___G1jJY {
|
|
1733
|
+
background-color: #ffffff !important;
|
|
1734
|
+
}
|
|
1735
|
+
}
|
|
1736
|
+
|
|
1737
|
+
.ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
|
|
1746
1738
|
color: #ffffff;
|
|
1747
1739
|
}
|
|
1748
|
-
.
|
|
1749
|
-
|
|
1740
|
+
.ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
|
|
1741
|
+
.ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1742
|
+
filter: brightness(0) invert(0.9);
|
|
1750
1743
|
}
|
|
1751
|
-
|
|
1752
|
-
|
|
1744
|
+
@media (max-width: 1023px) {
|
|
1745
|
+
.ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
|
|
1746
|
+
background-color: #1f1f1f !important;
|
|
1747
|
+
}
|
|
1753
1748
|
}
|
|
1754
1749
|
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1758
|
-
/* setting styles in separate formats for cross browser support */
|
|
1759
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1760
|
-
/* vertically center alilgn any HTML element */
|
|
1761
|
-
/* add basePath to assets */
|
|
1762
|
-
.CartFooter-module__cartFooter___pgZ1x {
|
|
1763
|
-
display: flex;
|
|
1764
|
-
flex-direction: column;
|
|
1765
|
-
background-color: #3d3935;
|
|
1766
|
-
border-radius: 8px 8px 0 0;
|
|
1767
|
-
padding: 16px 24px;
|
|
1768
|
-
gap: 16px;
|
|
1750
|
+
.ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
|
|
1751
|
+
background-color: transparent;
|
|
1769
1752
|
}
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1753
|
+
.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 {
|
|
1754
|
+
color: #ffffff;
|
|
1755
|
+
}
|
|
1756
|
+
.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,
|
|
1757
|
+
.ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
|
|
1758
|
+
.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
|
|
1759
|
+
filter: brightness(0) invert(0.9);
|
|
1760
|
+
}
|
|
1761
|
+
@media (max-width: 1023px) {
|
|
1762
|
+
.ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
|
|
1763
|
+
background-color: #1f1f1f;
|
|
1773
1764
|
}
|
|
1774
1765
|
}
|
|
1775
1766
|
|
|
1776
|
-
.
|
|
1777
|
-
|
|
1778
|
-
justify-content: space-between;
|
|
1779
|
-
gap: 0;
|
|
1767
|
+
.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 {
|
|
1768
|
+
background-color: #111111;
|
|
1780
1769
|
}
|
|
1781
1770
|
|
|
1782
|
-
.
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
justify-content: space-between;
|
|
1786
|
-
gap: 2px;
|
|
1787
|
-
flex: 1;
|
|
1788
|
-
padding: 0 16px;
|
|
1771
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
|
|
1772
|
+
background-color: #1f1f1f;
|
|
1773
|
+
box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
|
|
1789
1774
|
}
|
|
1790
|
-
.
|
|
1791
|
-
|
|
1775
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
|
|
1776
|
+
color: #ffffff;
|
|
1777
|
+
border-bottom-color: #86807c;
|
|
1792
1778
|
}
|
|
1793
|
-
.
|
|
1794
|
-
|
|
1779
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
|
|
1780
|
+
background-color: #1f1f1f;
|
|
1795
1781
|
}
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
border-left: 1px solid #b3aeaa;
|
|
1782
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
|
|
1783
|
+
color: #da291c;
|
|
1799
1784
|
}
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1785
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
|
|
1786
|
+
color: #ffffff;
|
|
1787
|
+
background-color: #1f1f1f;
|
|
1788
|
+
}
|
|
1789
|
+
.ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
|
|
1790
|
+
filter: brightness(0) invert(0.9);
|
|
1805
1791
|
}
|
|
1806
1792
|
|
|
1807
|
-
.
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1793
|
+
.ProfileLinkOut-module__arrow___Mc7yw {
|
|
1794
|
+
display: none;
|
|
1795
|
+
}
|
|
1796
|
+
@media (max-width: 1023px) {
|
|
1797
|
+
.ProfileLinkOut-module__arrow___Mc7yw {
|
|
1798
|
+
position: absolute;
|
|
1799
|
+
right: 10px;
|
|
1800
|
+
display: inline-block;
|
|
1801
|
+
}
|
|
1812
1802
|
}
|
|
1813
1803
|
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1804
|
+
@media (min-width: 1024px) {
|
|
1805
|
+
.ProfileLinkOut-module__log___JdxjK {
|
|
1806
|
+
display: none;
|
|
1807
|
+
}
|
|
1808
|
+
}
|
|
1809
|
+
@media (min-width: 1024px) {
|
|
1810
|
+
.ProfileLinkOut-module__login-flyover___YDIVp {
|
|
1811
|
+
position: absolute;
|
|
1812
|
+
transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
|
|
1813
|
+
min-width: max-content;
|
|
1814
|
+
display: block;
|
|
1815
|
+
padding: 24px 32px;
|
|
1816
|
+
font-size: 16px;
|
|
1817
|
+
border: 0;
|
|
1818
|
+
color: #e6003c;
|
|
1819
|
+
font-weight: 700;
|
|
1820
|
+
box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
|
|
1821
|
+
background-color: #ffffff;
|
|
1822
|
+
border-radius: 4px;
|
|
1823
|
+
}
|
|
1824
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
|
|
1825
|
+
padding-bottom: 16px;
|
|
1826
|
+
letter-spacing: 1px;
|
|
1827
|
+
text-transform: uppercase;
|
|
1828
|
+
color: #86807c;
|
|
1829
|
+
font-weight: 500;
|
|
1830
|
+
font-size: 14px;
|
|
1831
|
+
line-height: 20px;
|
|
1832
|
+
border-bottom: 1px solid #e6e3df;
|
|
1833
|
+
}
|
|
1834
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
|
|
1835
|
+
padding: 28px 0;
|
|
1836
|
+
}
|
|
1837
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
|
|
1838
|
+
text-decoration: underline;
|
|
1839
|
+
}
|
|
1840
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
|
|
1841
|
+
font-size: 18px;
|
|
1842
|
+
line-height: 24px;
|
|
1843
|
+
color: #da291c;
|
|
1844
|
+
}
|
|
1845
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
|
|
1846
|
+
color: #3d3935;
|
|
1847
|
+
font-weight: 400;
|
|
1848
|
+
font-size: 18px;
|
|
1849
|
+
line-height: 24px;
|
|
1850
|
+
}
|
|
1851
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
|
|
1852
|
+
padding-left: 10px;
|
|
1853
|
+
}
|
|
1854
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
|
|
1855
|
+
text-decoration: underline;
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1858
|
+
@media (max-width: 1023px) {
|
|
1859
|
+
.ProfileLinkOut-module__login-flyover___YDIVp {
|
|
1860
|
+
color: #86807c;
|
|
1861
|
+
font-weight: 500;
|
|
1862
|
+
font-size: 14px;
|
|
1863
|
+
line-height: 20px;
|
|
1864
|
+
padding-left: 16px;
|
|
1865
|
+
}
|
|
1866
|
+
.ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
|
|
1867
|
+
padding: 20px 0 8px 10px;
|
|
1868
|
+
letter-spacing: 1px;
|
|
1869
|
+
text-transform: uppercase;
|
|
1870
|
+
}
|
|
1871
|
+
.ProfileLinkOut-module__mysunrise___F326W {
|
|
1872
|
+
color: #da291c;
|
|
1873
|
+
font-weight: 700;
|
|
1874
|
+
font-size: 18px;
|
|
1875
|
+
line-height: 24px;
|
|
1876
|
+
background-color: #ffffff;
|
|
1877
|
+
padding: 10px;
|
|
1878
|
+
margin-bottom: 4px;
|
|
1879
|
+
}
|
|
1880
|
+
.ProfileLinkOut-module__mysunrise___F326W a:hover {
|
|
1881
|
+
font-weight: unset;
|
|
1882
|
+
}
|
|
1883
|
+
.ProfileLinkOut-module__logout___GfbcJ {
|
|
1884
|
+
color: #3d3935;
|
|
1885
|
+
font-weight: 400;
|
|
1886
|
+
background-color: #ffffff;
|
|
1887
|
+
padding: 10px;
|
|
1888
|
+
font-size: 18px;
|
|
1889
|
+
line-height: 24px;
|
|
1890
|
+
position: relative;
|
|
1891
|
+
}
|
|
1892
|
+
.ProfileLinkOut-module__logout___GfbcJ img {
|
|
1893
|
+
position: absolute;
|
|
1894
|
+
padding-left: 10px;
|
|
1895
|
+
}
|
|
1818
1896
|
}
|
|
1819
1897
|
|
|
1820
|
-
.
|
|
1898
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
|
|
1899
|
+
/* center a block element */
|
|
1900
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1901
|
+
/* setting styles in separate formats for cross browser support */
|
|
1902
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1903
|
+
/* vertically center alilgn any HTML element */
|
|
1904
|
+
/* add basePath to assets */
|
|
1905
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
1821
1906
|
display: flex;
|
|
1822
1907
|
align-items: center;
|
|
1823
|
-
|
|
1824
|
-
flex: 1;
|
|
1825
|
-
padding: 14px 24px;
|
|
1826
|
-
background: none;
|
|
1827
|
-
border: 2px solid #ffffff;
|
|
1828
|
-
border-radius: 28px;
|
|
1829
|
-
font-size: 16px;
|
|
1830
|
-
line-height: 24px;
|
|
1831
|
-
font-weight: 600;
|
|
1832
|
-
color: #ffffff;
|
|
1833
|
-
cursor: pointer;
|
|
1834
|
-
transition: background-color 0.15s ease;
|
|
1908
|
+
gap: 8px;
|
|
1835
1909
|
}
|
|
1836
|
-
|
|
1837
|
-
|
|
1910
|
+
|
|
1911
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1912
|
+
font-size: 24px;
|
|
1913
|
+
line-height: 32px;
|
|
1914
|
+
font-weight: 400;
|
|
1915
|
+
color: #3d3935;
|
|
1838
1916
|
}
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1917
|
+
@media (max-width: 1023px) {
|
|
1918
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
1919
|
+
font-size: 20px;
|
|
1920
|
+
line-height: 28px;
|
|
1921
|
+
}
|
|
1842
1922
|
}
|
|
1843
1923
|
|
|
1844
|
-
.
|
|
1845
|
-
display:
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
padding: 14px 24px;
|
|
1850
|
-
background-color: #da291c;
|
|
1851
|
-
border: 2px solid #da291c;
|
|
1852
|
-
border-radius: 28px;
|
|
1853
|
-
font-size: 16px;
|
|
1854
|
-
line-height: 24px;
|
|
1855
|
-
font-weight: 600;
|
|
1856
|
-
color: #ffffff;
|
|
1857
|
-
text-decoration: none;
|
|
1924
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
1925
|
+
display: inline;
|
|
1926
|
+
background: none;
|
|
1927
|
+
border: none;
|
|
1928
|
+
padding: 0;
|
|
1858
1929
|
cursor: pointer;
|
|
1859
|
-
|
|
1930
|
+
font-size: 14px;
|
|
1931
|
+
line-height: 20px;
|
|
1932
|
+
font-weight: 400;
|
|
1933
|
+
color: #da291c;
|
|
1934
|
+
text-decoration: underline;
|
|
1935
|
+
text-underline-offset: 2px;
|
|
1860
1936
|
}
|
|
1861
|
-
.
|
|
1862
|
-
|
|
1863
|
-
border-color: #961c13;
|
|
1864
|
-
text-decoration: none;
|
|
1865
|
-
color: #ffffff;
|
|
1937
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
1938
|
+
color: #961c13;
|
|
1866
1939
|
}
|
|
1867
|
-
.
|
|
1868
|
-
outline: 2px solid #
|
|
1940
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
1941
|
+
outline: 2px solid #da291c;
|
|
1869
1942
|
outline-offset: 2px;
|
|
1943
|
+
border-radius: 2px;
|
|
1870
1944
|
}
|
|
1871
1945
|
|
|
1872
|
-
/*
|
|
1946
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
|
|
1873
1947
|
/* center a block element */
|
|
1874
1948
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1875
1949
|
/* setting styles in separate formats for cross browser support */
|
|
1876
1950
|
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1877
1951
|
/* vertically center alilgn any HTML element */
|
|
1878
1952
|
/* add basePath to assets */
|
|
1879
|
-
.
|
|
1953
|
+
.EmptyCart-module__emptyState___HtCXJ {
|
|
1880
1954
|
display: flex;
|
|
1881
1955
|
flex-direction: column;
|
|
1882
|
-
flex: 1;
|
|
1883
|
-
}
|
|
1884
|
-
|
|
1885
|
-
.CartItems-module__itemList___CK3U1 {
|
|
1886
|
-
list-style: none;
|
|
1887
|
-
margin: 0;
|
|
1888
|
-
padding: 0;
|
|
1889
|
-
}
|
|
1890
|
-
|
|
1891
|
-
.CartItems-module__item___A6nFF {
|
|
1892
|
-
border-bottom: 1px solid #e6e3df;
|
|
1893
|
-
background-color: #f7f6f5;
|
|
1894
|
-
}
|
|
1895
|
-
.CartItems-module__item___A6nFF:last-child {
|
|
1896
|
-
border-bottom: none;
|
|
1897
|
-
}
|
|
1898
|
-
|
|
1899
|
-
.CartItems-module__itemContent___DaQhK {
|
|
1900
|
-
display: flex;
|
|
1901
|
-
flex-direction: row;
|
|
1902
|
-
align-items: flex-start;
|
|
1903
|
-
gap: 16px;
|
|
1904
|
-
padding: 16px 24px;
|
|
1905
|
-
}
|
|
1906
|
-
@media (max-width: 767px) {
|
|
1907
|
-
.CartItems-module__itemContent___DaQhK {
|
|
1908
|
-
padding: 16px;
|
|
1909
|
-
}
|
|
1910
|
-
}
|
|
1911
|
-
|
|
1912
|
-
.CartItems-module__itemIcon___pk1NU {
|
|
1913
|
-
display: flex;
|
|
1914
1956
|
align-items: center;
|
|
1915
1957
|
justify-content: center;
|
|
1916
|
-
flex-shrink: 0;
|
|
1917
|
-
width: 40px;
|
|
1918
|
-
height: 40px;
|
|
1919
|
-
color: #86807c;
|
|
1920
|
-
}
|
|
1921
|
-
.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
|
|
1922
|
-
width: 40px;
|
|
1923
|
-
height: 40px;
|
|
1924
|
-
object-fit: contain;
|
|
1925
|
-
border-radius: 4px;
|
|
1926
|
-
}
|
|
1927
|
-
|
|
1928
|
-
.CartItems-module__itemBody___leOoI {
|
|
1929
|
-
display: flex;
|
|
1930
|
-
flex-direction: column;
|
|
1931
|
-
gap: 4px;
|
|
1932
|
-
flex: 1;
|
|
1933
|
-
min-width: 0;
|
|
1934
|
-
}
|
|
1935
|
-
|
|
1936
|
-
.CartItems-module__itemRow___owvC2 {
|
|
1937
|
-
display: flex;
|
|
1938
|
-
justify-content: space-between;
|
|
1939
|
-
align-items: flex-start;
|
|
1940
|
-
gap: 16px;
|
|
1941
|
-
}
|
|
1942
|
-
|
|
1943
|
-
.CartItems-module__itemDetails___vQu14 {
|
|
1944
|
-
display: flex;
|
|
1945
|
-
flex-direction: column;
|
|
1946
|
-
gap: 2px;
|
|
1947
|
-
min-width: 0;
|
|
1948
1958
|
flex: 1;
|
|
1959
|
+
padding: 32px 24px 24px;
|
|
1960
|
+
text-align: center;
|
|
1949
1961
|
}
|
|
1950
1962
|
|
|
1951
|
-
.
|
|
1952
|
-
|
|
1953
|
-
line-height: 16px;
|
|
1954
|
-
color: #86807c;
|
|
1963
|
+
.EmptyCart-module__emptyIcon___A7F8f {
|
|
1964
|
+
margin-bottom: 8px;
|
|
1955
1965
|
}
|
|
1956
1966
|
|
|
1957
|
-
.
|
|
1958
|
-
font-size:
|
|
1959
|
-
line-height:
|
|
1967
|
+
.EmptyCart-module__emptyText___aX6Nu {
|
|
1968
|
+
font-size: 16px;
|
|
1969
|
+
line-height: 24px;
|
|
1960
1970
|
font-weight: 700;
|
|
1961
1971
|
color: #3d3935;
|
|
1972
|
+
margin: 0 0 44px;
|
|
1962
1973
|
}
|
|
1963
1974
|
|
|
1964
|
-
.
|
|
1965
|
-
font-size:
|
|
1966
|
-
line-height:
|
|
1967
|
-
color: #
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
.CartItems-module__downPaymentLabel___9sOP7 {
|
|
1971
|
-
font-size: 12px;
|
|
1972
|
-
line-height: 16px;
|
|
1973
|
-
color: #86807c;
|
|
1975
|
+
.EmptyCart-module__emptySubText___P504H {
|
|
1976
|
+
font-size: 14px;
|
|
1977
|
+
line-height: 20px;
|
|
1978
|
+
color: #787472;
|
|
1979
|
+
margin: 0 0 8px;
|
|
1974
1980
|
}
|
|
1975
1981
|
|
|
1976
|
-
.
|
|
1982
|
+
.EmptyCart-module__categoryLinks___J9tic {
|
|
1977
1983
|
display: flex;
|
|
1984
|
+
gap: 12px;
|
|
1978
1985
|
width: 100%;
|
|
1979
|
-
justify-content:
|
|
1980
|
-
align-items: center;
|
|
1986
|
+
justify-content: center;
|
|
1981
1987
|
}
|
|
1982
1988
|
|
|
1983
|
-
.
|
|
1989
|
+
.EmptyCart-module__categoryLink___YxsmA {
|
|
1984
1990
|
display: flex;
|
|
1985
1991
|
flex-direction: column;
|
|
1986
|
-
align-items:
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
font-weight: 700;
|
|
1992
|
+
align-items: center;
|
|
1993
|
+
justify-content: center;
|
|
1994
|
+
gap: 6px;
|
|
1995
|
+
flex: 1;
|
|
1996
|
+
padding: 12px 8px;
|
|
1997
|
+
background-color: #ffffff;
|
|
1998
|
+
border: none;
|
|
1999
|
+
border-radius: 8px;
|
|
2000
|
+
text-decoration: none;
|
|
1996
2001
|
color: #3d3935;
|
|
1997
|
-
}
|
|
1998
|
-
|
|
1999
|
-
.CartItems-module__originalPrice___LsGAC {
|
|
2000
2002
|
font-size: 12px;
|
|
2001
2003
|
line-height: 16px;
|
|
2002
|
-
|
|
2003
|
-
text-
|
|
2004
|
+
font-weight: 500;
|
|
2005
|
+
text-align: center;
|
|
2006
|
+
transition: background-color 0.15s ease;
|
|
2004
2007
|
}
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
line-height: 16px;
|
|
2009
|
-
font-weight: 700;
|
|
2008
|
+
.EmptyCart-module__categoryLink___YxsmA:hover {
|
|
2009
|
+
background-color: #f8f8f8;
|
|
2010
|
+
text-decoration: none;
|
|
2010
2011
|
color: #3d3935;
|
|
2011
2012
|
}
|
|
2013
|
+
.EmptyCart-module__categoryLink___YxsmA:focus-visible {
|
|
2014
|
+
outline: 2px solid #e6003c;
|
|
2015
|
+
outline-offset: 2px;
|
|
2016
|
+
}
|
|
2012
2017
|
|
|
2013
|
-
.
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
padding: 16px 24px;
|
|
2018
|
-
margin: 0;
|
|
2019
|
-
background-color: #f7f6f5;
|
|
2020
|
-
border-top: 1px solid #e6e3df;
|
|
2018
|
+
.EmptyCart-module__categoryLinkIcon___HjhbO {
|
|
2019
|
+
display: flex;
|
|
2020
|
+
align-items: center;
|
|
2021
|
+
justify-content: center;
|
|
2021
2022
|
}
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
}
|
|
2023
|
+
|
|
2024
|
+
.EmptyCart-module__categoryLinkLabel___1dS9s {
|
|
2025
|
+
line-height: 1.3;
|
|
2026
2026
|
}
|
|
2027
2027
|
|
|
2028
|
-
/*
|
|
2028
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
|
|
2029
2029
|
/* center a block element */
|
|
2030
2030
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2031
2031
|
/* setting styles in separate formats for cross browser support */
|
|
@@ -2111,7 +2111,7 @@
|
|
|
2111
2111
|
outline-offset: 2px;
|
|
2112
2112
|
}
|
|
2113
2113
|
|
|
2114
|
-
/*
|
|
2114
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
2115
2115
|
/* center a block element */
|
|
2116
2116
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
2117
2117
|
/* setting styles in separate formats for cross browser support */
|