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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/README.md +8 -8
  2. package/dist/cjs/components/ButtonGroup/ButtonGroup.css +95 -95
  3. package/dist/cjs/components/FalconButton/falconButton.js.map +1 -1
  4. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.css +134 -0
  5. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js +3 -0
  6. package/dist/cjs/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js.map +1 -0
  7. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.css +180 -0
  8. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js +3 -0
  9. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -0
  10. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +180 -0
  11. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js +3 -0
  12. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js.map +1 -0
  13. package/dist/cjs/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.js.map +1 -1
  14. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.css +1 -1
  15. package/dist/cjs/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +1 -1
  16. package/dist/cjs/components/FalconMainNavigation/FalconHeader/useScrollCheck.js +1 -1
  17. package/dist/cjs/components/FalconMainNavigation/FalconHeader/useScrollCheck.js.map +1 -1
  18. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.css +32 -16
  19. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  20. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  21. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +32 -16
  22. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.module.scss.js +1 -1
  23. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js +1 -1
  24. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
  25. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  26. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  27. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.css +0 -15
  28. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js +1 -1
  29. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js.map +1 -1
  30. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.css +0 -15
  31. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.js +1 -1
  32. package/dist/cjs/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
  33. package/dist/cjs/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js.map +1 -1
  34. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.css +2 -2
  35. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss.css +2 -2
  36. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.css +0 -30
  37. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.js +1 -1
  38. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.js.map +1 -1
  39. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.css +0 -30
  40. package/dist/cjs/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.js +1 -1
  41. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
  42. package/dist/cjs/components/RibbonComponent/RibbonComponent.css +389 -389
  43. package/dist/cjs/components/RibbonComponent/RibbonComponent.js +1 -1
  44. package/dist/cjs/components/RibbonComponent/RibbonComponent.js.map +1 -1
  45. package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
  46. package/dist/cjs/components/RibbonComponent/utils.css +134 -0
  47. package/dist/cjs/components/RibbonComponent/utils.js +2 -1
  48. package/dist/cjs/components/RibbonComponent/utils.js.map +1 -1
  49. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
  50. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js +1 -1
  51. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js.map +1 -1
  52. package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js +1 -1
  53. package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
  54. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
  55. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  56. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  57. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
  58. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  59. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  60. package/dist/cjs/components/linecheck/AutoComplete.css +484 -484
  61. package/dist/cjs/components/linecheck/LineCheckV2.css +484 -484
  62. package/dist/cjs/components/linecheck/Success.css +484 -484
  63. package/dist/cjs/index.js +1 -1
  64. package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
  65. package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
  66. package/dist/esm/components/ButtonGroup/ButtonGroup.css +95 -95
  67. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.css +134 -0
  68. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js +3 -0
  69. package/dist/esm/components/FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js.map +1 -0
  70. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.css +180 -0
  71. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js +3 -0
  72. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -0
  73. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +180 -0
  74. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js +3 -0
  75. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js.map +1 -0
  76. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css +1 -1
  77. package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css +1 -1
  78. package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js +1 -1
  79. package/dist/esm/components/FalconMainNavigation/FalconHeader/useScrollCheck.js.map +1 -1
  80. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.css +32 -16
  81. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  82. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  83. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.module.scss.css +32 -16
  84. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.module.scss.js +1 -1
  85. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js +1 -1
  86. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
  87. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  88. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  89. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.css +0 -15
  90. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js +1 -1
  91. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.js.map +1 -1
  92. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.css +0 -15
  93. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss.js +1 -1
  94. package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
  95. package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js.map +1 -1
  96. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.css +2 -2
  97. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss.css +2 -2
  98. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.css +0 -30
  99. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.js +1 -1
  100. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.js.map +1 -1
  101. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.css +0 -30
  102. package/dist/esm/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss.js +1 -1
  103. package/dist/esm/components/RibbonComponent/RibbonComponent.css +389 -389
  104. package/dist/esm/components/RibbonComponent/RibbonComponent.js +1 -1
  105. package/dist/esm/components/RibbonComponent/RibbonComponent.js.map +1 -1
  106. package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
  107. package/dist/esm/components/RibbonComponent/utils.css +134 -0
  108. package/dist/esm/components/RibbonComponent/utils.js +2 -1
  109. package/dist/esm/components/RibbonComponent/utils.js.map +1 -1
  110. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
  111. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js +1 -1
  112. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.js.map +1 -1
  113. package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js +1 -1
  114. package/dist/esm/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
  115. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
  116. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  117. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  118. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
  119. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  120. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  121. package/dist/esm/components/linecheck/AutoComplete.css +484 -484
  122. package/dist/esm/components/linecheck/LineCheckV2.css +484 -484
  123. package/dist/esm/components/linecheck/Success.css +484 -484
  124. package/dist/esm/index.js +1 -1
  125. package/dist/esm/node_modules/immer/dist/immer.js +1 -1
  126. package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
  127. package/dist/index.d.ts +32 -95
  128. package/dist/navigation.css +929 -776
  129. package/package.json +86 -86
  130. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +0 -145
  131. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +0 -3
  132. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +0 -1
  133. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +0 -145
  134. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js +0 -3
  135. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js.map +0 -1
  136. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.css +0 -240
  137. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +0 -3
  138. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +0 -1
  139. package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +0 -145
  140. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +0 -3
  141. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +0 -1
  142. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +0 -145
  143. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js +0 -3
  144. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js.map +0 -1
  145. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.css +0 -240
  146. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +0 -3
  147. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +0 -1
@@ -1,4 +1,308 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
1
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconMainNavigation.module.scss */
2
+ /* center a block element */
3
+ /* use this to any of the pseudo elements as these are the mandatory properties */
4
+ /* setting styles in separate formats for cross browser support */
5
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
6
+ /* vertically center alilgn any HTML element */
7
+ /* add basePath to assets */
8
+ .FalconMainNavigation-module__container___85E7S {
9
+ -webkit-transition: all 1s ease-out;
10
+ transition: all 1s ease-out;
11
+ font-size: 20px;
12
+ line-height: 23px;
13
+ position: fixed;
14
+ width: 100%;
15
+ z-index: 10;
16
+ top: 0;
17
+ }
18
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
19
+ position: absolute;
20
+ z-index: 1;
21
+ top: 17px;
22
+ -webkit-transition: all 1s ease-out;
23
+ transition: all 1s ease-out;
24
+ }
25
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
26
+ height: 89px;
27
+ width: 98px;
28
+ margin-left: auto;
29
+ margin-right: auto;
30
+ -webkit-transition: all 1s ease-out;
31
+ transition: all 1s ease-out;
32
+ }
33
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
34
+ top: 61px;
35
+ -webkit-transition: all 1s ease-out;
36
+ transition: all 1s ease-out;
37
+ }
38
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
39
+ height: 56px;
40
+ -webkit-transition: all 1s ease-out;
41
+ transition: all 1s ease-out;
42
+ }
43
+ .FalconMainNavigation-module__container___85E7S ul,
44
+ .FalconMainNavigation-module__container___85E7S li {
45
+ list-style: none;
46
+ margin: 0px;
47
+ padding: 0px;
48
+ }
49
+ .FalconMainNavigation-module__container___85E7S a {
50
+ color: #3d3935;
51
+ text-decoration: none;
52
+ }
53
+ .FalconMainNavigation-module__container___85E7S a::before {
54
+ content: attr(title);
55
+ display: block;
56
+ font-weight: bold;
57
+ height: 0;
58
+ opacity: 1;
59
+ overflow: hidden;
60
+ }
61
+ @media (max-width: 1023px) {
62
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
63
+ display: none;
64
+ }
65
+ }
66
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
67
+ color: #86807c;
68
+ }
69
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
70
+ background: #ffffff;
71
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
+ }
73
+ .FalconMainNavigation-module__container___85E7S .full-width {
74
+ width: 100%;
75
+ }
76
+ @media (max-width: 1023px) {
77
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
78
+ max-width: 100%;
79
+ }
80
+ }
81
+ @media (min-width: 1024px) and (max-width: 1439px) {
82
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
83
+ max-width: 1308px;
84
+ padding-left: 42px;
85
+ padding-right: 42px;
86
+ }
87
+ }
88
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
89
+ background-color: #ffffff;
90
+ position: relative;
91
+ z-index: auto;
92
+ }
93
+ @media (max-width: 1023px) {
94
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
95
+ background-color: #f8f8f8;
96
+ }
97
+ }
98
+ @media (min-width: 1024px) {
99
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
100
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
101
+ }
102
+ }
103
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
104
+ min-height: 68px;
105
+ }
106
+ @media (max-width: 1023px) {
107
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
108
+ min-height: 44px;
109
+ height: 44px;
110
+ }
111
+ }
112
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
113
+ background-repeat: no-repeat;
114
+ background-size: contain;
115
+ }
116
+ @media (max-width: 1023px) {
117
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
118
+ display: block;
119
+ background-size: contain;
120
+ width: 120px;
121
+ height: 24px;
122
+ margin-right: 10px;
123
+ }
124
+ }
125
+ @media (min-width: 1024px) {
126
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
127
+ visibility: visible;
128
+ }
129
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
130
+ visibility: hidden;
131
+ }
132
+ }
133
+ @media (min-width: 1024px) {
134
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
135
+ height: 24px;
136
+ border-right: 1px solid #e6e3df;
137
+ border-left: 1px solid #e6e3df;
138
+ padding: 0 16px;
139
+ margin-top: 10px;
140
+ }
141
+ }
142
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
143
+ position: relative;
144
+ display: flex;
145
+ align-items: center;
146
+ height: 24px;
147
+ cursor: pointer;
148
+ background: none;
149
+ border: none;
150
+ outline: none;
151
+ }
152
+ @media (min-width: 1024px) {
153
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
154
+ padding: 0 12px;
155
+ margin-top: 10px;
156
+ border-left: 1px solid #e6e3df;
157
+ }
158
+ }
159
+ @media (max-width: 1023px) {
160
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
161
+ padding: 0;
162
+ margin-right: 16px;
163
+ }
164
+ }
165
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
166
+ outline: 2px solid #e6e3df;
167
+ outline-offset: 2px;
168
+ border-radius: 2px;
169
+ }
170
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
171
+ cursor: pointer;
172
+ display: block;
173
+ height: 24px;
174
+ width: 24px;
175
+ }
176
+ @media (max-width: 1023px) {
177
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
178
+ margin-right: 20px;
179
+ margin-left: 16px;
180
+ }
181
+ }
182
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
183
+ opacity: 0.6;
184
+ pointer-events: none;
185
+ cursor: default;
186
+ }
187
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
188
+ background-image: url("/ecom-int/icons/phone.svg");
189
+ background-repeat: no-repeat;
190
+ background-size: contain;
191
+ display: block;
192
+ height: 24px;
193
+ margin: 10px 8px 0 10px;
194
+ width: 24px;
195
+ }
196
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
197
+ font-size: 16px;
198
+ line-height: 24px;
199
+ color: #3d3935;
200
+ margin: 10px 16px 0 8px;
201
+ font-weight: 700;
202
+ cursor: pointer;
203
+ }
204
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
205
+ background-image: url("/ecom-int/icons/headset_black.svg");
206
+ background-repeat: no-repeat;
207
+ background-size: contain;
208
+ display: block;
209
+ height: 24px;
210
+ margin: 11px 0px 0 0px;
211
+ width: 24px;
212
+ cursor: pointer;
213
+ }
214
+ @media (max-width: 1023px) {
215
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
216
+ margin: 0px;
217
+ cursor: pointer;
218
+ }
219
+ }
220
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
221
+ margin: 10px 0px 0px;
222
+ cursor: pointer;
223
+ }
224
+ @media (max-width: 1023px) {
225
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
226
+ margin: 0px;
227
+ }
228
+ }
229
+ @media (min-width: 1024px) {
230
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
231
+ position: relative;
232
+ justify-content: space-between;
233
+ padding: 12px 0;
234
+ }
235
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
236
+ margin-left: 58px;
237
+ }
238
+ }
239
+ @media (min-width: 1024px) {
240
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
241
+ position: relative;
242
+ justify-content: space-between;
243
+ padding: 12px 0;
244
+ }
245
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
246
+ margin-left: 58px;
247
+ }
248
+ }
249
+ @media (min-width: 1024px) {
250
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
251
+ padding-bottom: 47px;
252
+ }
253
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
254
+ padding-bottom: 0;
255
+ }
256
+ }
257
+ @media (min-width: 1440px) {
258
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
259
+ padding-bottom: 0;
260
+ }
261
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
262
+ padding-bottom: 0;
263
+ }
264
+ }
265
+
266
+ @media (min-width: 1024px) {
267
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
268
+ top: -52px;
269
+ }
270
+ }
271
+
272
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
273
+ background: #1f1f1f;
274
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
275
+ }
276
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
277
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
278
+ background-color: #1f1f1f;
279
+ }
280
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
281
+ border-right-color: #86807c;
282
+ border-left-color: #86807c;
283
+ }
284
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
285
+ color: #ffffff;
286
+ }
287
+
288
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
289
+ position: fixed;
290
+ top: 0;
291
+ left: 0;
292
+ padding: 4px 8px;
293
+ font-size: 14px;
294
+ z-index: 10000;
295
+ color: #5f5955;
296
+ background: #ffffff;
297
+ }
298
+ @media (max-width: 850px) {
299
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
300
+ padding: 0 4px;
301
+ font-size: 8px;
302
+ }
303
+ }
304
+
305
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\ResponsiveRow\row.module.scss */
2
306
  /* center a block element */
3
307
  /* use this to any of the pseudo elements as these are the mandatory properties */
4
308
  /* setting styles in separate formats for cross browser support */
@@ -33,7 +337,7 @@
33
337
  }
34
338
  }
35
339
 
36
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
340
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\InteractiveHamburger\InteractiveHamburger.module.scss */
37
341
  /* center a block element */
38
342
  /* use this to any of the pseudo elements as these are the mandatory properties */
39
343
  /* setting styles in separate formats for cross browser support */
@@ -75,86 +379,7 @@
75
379
  width: 24px;
76
380
  }
77
381
 
78
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
79
- /* center a block element */
80
- /* use this to any of the pseudo elements as these are the mandatory properties */
81
- /* setting styles in separate formats for cross browser support */
82
- /* specify the max width for an element and apply ellipses and truncate the overflow */
83
- /* vertically center alilgn any HTML element */
84
- /* add basePath to assets */
85
- .FalconHeader-module__outer___cpG-W {
86
- padding: 14px 0 18px;
87
- }
88
-
89
- .FalconHeader-module__container___r3bIZ {
90
- -webkit-transition: all 1s ease-out;
91
- transition: all 1s ease-out;
92
- background-color: #f7f6f5;
93
- font-size: 14px;
94
- line-height: 18px;
95
- font-weight: 700;
96
- max-height: 60px;
97
- min-height: 3px;
98
- opacity: 1;
99
- width: 100%;
100
- padding-top: 4px;
101
- }
102
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
103
- opacity: 1;
104
- background-color: #da291c;
105
- -webkit-transition: all 1s ease-out;
106
- transition: all 1s ease-out;
107
- }
108
- @media (max-width: 1023px) {
109
- .FalconHeader-module__container___r3bIZ {
110
- background-color: #da291c;
111
- min-height: 4px;
112
- }
113
- }
114
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
115
- margin-left: 20px;
116
- }
117
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
118
- margin-left: 100px;
119
- }
120
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
121
- float: left;
122
- color: #3d3935;
123
- font-weight: 400;
124
- font-size: 14px;
125
- line-height: 20px;
126
- display: block;
127
- height: 30px;
128
- text-decoration: none;
129
- }
130
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
131
- text-decoration: none;
132
- }
133
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
134
- float: right;
135
- }
136
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
137
- color: #1f1f1f;
138
- font-weight: 400;
139
- font-size: 14px;
140
- line-height: 20px;
141
- display: block;
142
- margin-bottom: 4px;
143
- text-decoration: none;
144
- }
145
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
146
- text-decoration: none;
147
- }
148
-
149
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
150
- background-color: #111111;
151
- }
152
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
153
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
154
- color: #ffffff;
155
- }
156
-
157
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
382
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\NavigationMenuItem\NavigationMenuItem.module.scss */
158
383
  /* center a block element */
159
384
  /* use this to any of the pseudo elements as these are the mandatory properties */
160
385
  /* setting styles in separate formats for cross browser support */
@@ -236,7 +461,7 @@
236
461
  position: relative;
237
462
  }
238
463
 
239
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
464
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileNavigation.module.scss */
240
465
  /* center a block element */
241
466
  /* use this to any of the pseudo elements as these are the mandatory properties */
242
467
  /* setting styles in separate formats for cross browser support */
@@ -325,7 +550,7 @@
325
550
  visibility: visible;
326
551
  }
327
552
 
328
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
553
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\MinimizedHeader\MinimizedHeader.module.scss */
329
554
  /* center a block element */
330
555
  /* use this to any of the pseudo elements as these are the mandatory properties */
331
556
  /* setting styles in separate formats for cross browser support */
@@ -442,24 +667,241 @@
442
667
  line-height: 24px;
443
668
  }
444
669
  }
445
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
446
- position: fixed;
447
- top: 0;
448
- left: 0;
449
- padding: 4px 8px;
670
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
671
+ position: fixed;
672
+ top: 0;
673
+ left: 0;
674
+ padding: 4px 8px;
675
+ font-size: 14px;
676
+ z-index: 10000;
677
+ color: #5f5955;
678
+ background: #ffffff;
679
+ }
680
+ @media (max-width: 850px) {
681
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
682
+ padding: 0 4px;
683
+ font-size: 8px;
684
+ }
685
+ }
686
+
687
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileMenuItem\MobileMenuItem.module.scss */
688
+ /* center a block element */
689
+ /* use this to any of the pseudo elements as these are the mandatory properties */
690
+ /* setting styles in separate formats for cross browser support */
691
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
692
+ /* vertically center alilgn any HTML element */
693
+ /* add basePath to assets */
694
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
695
+ font-weight: unset;
696
+ }
697
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
698
+ position: relative;
699
+ color: #333333;
700
+ display: -webkit-box;
701
+ font-size: 16px;
702
+ line-height: 24px;
703
+ display: flex;
704
+ height: auto;
705
+ text-decoration: none;
706
+ padding: 10px 10px 10px 10px;
707
+ margin-bottom: 4px;
708
+ background-color: #ffffff;
709
+ }
710
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
711
+ border: 1px solid #e8e8e8;
712
+ }
713
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
714
+ position: absolute;
715
+ left: 10px;
716
+ }
717
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
718
+ position: absolute;
719
+ right: 10px;
720
+ }
721
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
722
+ transition: transform 0.2s ease;
723
+ }
724
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
725
+ display: block;
726
+ flex-shrink: 0;
727
+ height: 24px;
728
+ width: 24px;
729
+ margin-right: 8px;
730
+ }
731
+
732
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
733
+ transform: rotate(-180deg);
734
+ }
735
+
736
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
737
+ background-color: #1f1f1f;
738
+ color: #ffffff;
739
+ border: 1px solid #2c2c2c;
740
+ }
741
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
742
+ filter: brightness(0) invert(0.9);
743
+ }
744
+
745
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\FalconHeader.module.scss */
746
+ /* center a block element */
747
+ /* use this to any of the pseudo elements as these are the mandatory properties */
748
+ /* setting styles in separate formats for cross browser support */
749
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
750
+ /* vertically center alilgn any HTML element */
751
+ /* add basePath to assets */
752
+ .FalconHeader-module__outer___cpG-W {
753
+ padding: 14px 0 18px;
754
+ }
755
+
756
+ .FalconHeader-module__container___r3bIZ {
757
+ -webkit-transition: all 1s ease-out;
758
+ transition: all 1s ease-out;
759
+ background-color: #f7f6f5;
760
+ font-size: 14px;
761
+ line-height: 18px;
762
+ font-weight: 700;
763
+ max-height: 60px;
764
+ min-height: 3px;
765
+ opacity: 1;
766
+ width: 100%;
767
+ padding-top: 4px;
768
+ }
769
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
770
+ opacity: 1;
771
+ background-color: #da291c;
772
+ -webkit-transition: all 1s ease-out;
773
+ transition: all 1s ease-out;
774
+ }
775
+ @media (max-width: 1023px) {
776
+ .FalconHeader-module__container___r3bIZ {
777
+ background-color: #da291c;
778
+ min-height: 4px;
779
+ }
780
+ }
781
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
782
+ margin-left: 20px;
783
+ }
784
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
785
+ margin-left: 100px;
786
+ }
787
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
788
+ float: left;
789
+ color: #3d3935;
790
+ font-weight: 400;
791
+ font-size: 14px;
792
+ line-height: 20px;
793
+ display: block;
794
+ height: 30px;
795
+ text-decoration: none;
796
+ }
797
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
798
+ text-decoration: none;
799
+ }
800
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
801
+ float: right;
802
+ }
803
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
804
+ color: #3d3935;
805
+ font-weight: 400;
806
+ font-size: 14px;
807
+ line-height: 20px;
808
+ display: block;
809
+ margin-bottom: 4px;
810
+ text-decoration: none;
811
+ }
812
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
813
+ text-decoration: none;
814
+ }
815
+
816
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
817
+ background-color: #111111;
818
+ }
819
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
820
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
821
+ color: #ffffff;
822
+ }
823
+
824
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\SubNavigation\SubNavigation.module.scss */
825
+ /* center a block element */
826
+ /* use this to any of the pseudo elements as these are the mandatory properties */
827
+ /* setting styles in separate formats for cross browser support */
828
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
829
+ /* vertically center alilgn any HTML element */
830
+ /* add basePath to assets */
831
+ .SubNavigation-module__container___Wb5XN {
832
+ background-color: #ffffff;
833
+ color: #575452;
834
+ border-radius: 0px 0px 8px 8px;
835
+ margin: 0 auto;
836
+ max-width: 1308px;
837
+ min-height: 47px;
838
+ -webkit-align-items: center;
839
+ -moz-align-items: center;
840
+ -o-align-items: center;
841
+ align-items: center;
842
+ }
843
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
450
844
  font-size: 14px;
451
- z-index: 10000;
452
- color: #5f5955;
453
- background: #ffffff;
845
+ line-height: 20px;
846
+ font-weight: 700;
454
847
  }
455
- @media (max-width: 850px) {
456
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
457
- padding: 0 4px;
458
- font-size: 8px;
459
- }
848
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
849
+ margin-left: 0 !important;
850
+ margin-top: 0 !important;
851
+ font-size: 18px;
852
+ line-height: 24px;
853
+ font-weight: 400;
854
+ display: block !important;
855
+ }
856
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
857
+ padding-bottom: 28px;
858
+ }
859
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
860
+ display: flex;
861
+ grid-column: 2;
862
+ grid-template-columns: repeat(auto-fit, 20%);
863
+ padding: 24px 32px;
864
+ }
865
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
866
+ border-left: 1px solid #e6e3df;
867
+ padding-left: 24px;
868
+ padding-right: 24px;
869
+ max-width: 248px;
870
+ }
871
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
872
+ padding-left: 0;
873
+ border: none;
874
+ }
875
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
876
+ margin-left: 4px;
877
+ vertical-align: middle;
878
+ height: 24px;
879
+ width: 24px;
880
+ }
881
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
882
+ white-space: nowrap;
883
+ display: inline-flex;
884
+ align-items: center;
885
+ }
886
+
887
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
888
+ background-color: #1f1f1f;
889
+ color: #ffffff;
890
+ }
891
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
892
+ color: #ffffff;
893
+ }
894
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
895
+ color: #ffffff;
896
+ }
897
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
898
+ border-left: 1px solid #86807c;
899
+ }
900
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
901
+ border: none;
460
902
  }
461
903
 
462
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
904
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\LocaleSelector\LocaleSelector.module.scss */
463
905
  /* center a block element */
464
906
  /* use this to any of the pseudo elements as these are the mandatory properties */
465
907
  /* setting styles in separate formats for cross browser support */
@@ -536,664 +978,500 @@
536
978
  }
537
979
 
538
980
  .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
539
- color: #ffffff;
540
- }
541
- @media (max-width: 1023px) {
542
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
543
- background-color: #1f1f1f;
544
- }
545
- }
546
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
547
- filter: brightness(0) invert(0.9);
548
- }
549
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
550
- background-color: #1f1f1f;
551
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
552
- }
553
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
554
- color: #ffffff;
555
- }
556
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
557
- color: #da291c;
558
- }
559
-
560
- .LocaleSelector-module__list-item___JVlRE a {
561
- font-size: 16px !important;
562
- line-height: 24px !important;
563
- display: flex;
564
- padding: 0 !important;
565
- }
566
- .LocaleSelector-module__list-item___JVlRE a span {
567
- margin: 10px 0 !important;
568
- }
569
- .LocaleSelector-module__list-item___JVlRE a::before {
570
- content: none;
571
- display: none !important;
572
- }
573
-
574
- @media (max-width: 1023px) {
575
- .LocaleSelector-module__button___0LEXR {
576
- color: #575452;
577
- position: relative;
578
- }
579
- .LocaleSelector-module__button___0LEXR button {
580
- background-color: #ffffff;
581
- border: 0;
582
- border-radius: 4px;
583
- cursor: pointer;
584
- font-size: 14px;
585
- line-height: 20px;
586
- width: 100%;
587
- }
588
- .LocaleSelector-module__pop-up___HV8Ta {
589
- padding: 0px 12px !important;
590
- }
591
- .LocaleSelector-module__pop-up___HV8Ta img {
592
- padding-left: 12px;
593
- }
594
- .LocaleSelector-module__list-item___JVlRE a {
595
- font-size: 16px;
596
- line-height: 24px;
597
- font-weight: 400;
598
- display: flex;
599
- padding: 10px 12px;
600
- }
601
- .LocaleSelector-module__list-item___JVlRE a::before {
602
- content: none;
603
- display: none !important;
604
- }
605
- }
606
-
607
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
608
- /* center a block element */
609
- /* use this to any of the pseudo elements as these are the mandatory properties */
610
- /* setting styles in separate formats for cross browser support */
611
- /* specify the max width for an element and apply ellipses and truncate the overflow */
612
- /* vertically center alilgn any HTML element */
613
- /* add basePath to assets */
614
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
615
- transform: rotate(-180deg);
616
- }
617
-
618
- .ProfileLinkOut-module__personalized___VgbDx {
619
- margin-left: 8px;
620
- }
621
-
622
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
623
- padding: 10px 8px;
624
- }
625
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
626
- background-repeat: no-repeat;
627
- background-size: contain;
628
- display: block;
629
- height: 24px;
630
- margin-right: 4px;
631
- width: 24px;
632
- }
633
- @media (max-width: 1023px) {
634
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
635
- background-repeat: no-repeat;
636
- background-size: contain;
637
- display: block;
638
- margin-left: auto;
639
- height: 24px;
640
- width: 24px;
641
- }
642
- }
643
- @media (max-width: 1023px) {
644
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
645
- background-repeat: no-repeat;
646
- background-size: contain;
647
- display: block;
648
- margin-left: auto;
649
- height: 8px;
650
- width: 14px;
651
- }
652
- }
653
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
654
- color: #da291c;
655
- font-weight: 700;
656
- font-size: 16px;
657
- line-height: 24px;
658
- }
659
- @media (max-width: 1023px) {
660
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
661
- background-color: #ffffff;
662
- padding: 10px;
663
- }
664
- }
665
-
666
- .ProfileLinkOut-module__highlight___XDufd {
667
- border-radius: 8px;
668
- background-color: #f7f6f5;
669
- }
670
-
671
- .ProfileLinkOut-module__non-section___G1jJY {
672
- padding-left: 16px;
673
- height: fit-content;
674
- }
675
- @media (min-width: 1024px) and (max-width: 1439px) {
676
- .ProfileLinkOut-module__non-section___G1jJY {
677
- padding-left: 12px;
678
- }
679
- }
680
- .ProfileLinkOut-module__non-section___G1jJY {
681
- background-color: unset !important;
682
- }
683
- @media (max-width: 1023px) {
684
- .ProfileLinkOut-module__non-section___G1jJY {
685
- background-color: #ffffff !important;
686
- }
687
- }
688
-
689
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
690
- color: #ffffff;
691
- }
692
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
693
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
694
- filter: brightness(0) invert(0.9);
695
- }
696
- @media (max-width: 1023px) {
697
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
698
- background-color: #1f1f1f !important;
699
- }
700
- }
701
-
702
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
703
- background-color: transparent;
704
- }
705
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
706
- color: #ffffff;
707
- }
708
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
709
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
710
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
711
- filter: brightness(0) invert(0.9);
981
+ color: #ffffff;
712
982
  }
713
983
  @media (max-width: 1023px) {
714
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
984
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
715
985
  background-color: #1f1f1f;
716
986
  }
717
987
  }
718
-
719
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__highlight___XDufd.ProfileLinkOut-module__non-section___G1jJY {
720
- background-color: #111111;
988
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
989
+ filter: brightness(0) invert(0.9);
721
990
  }
722
-
723
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
991
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
724
992
  background-color: #1f1f1f;
725
993
  box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
726
994
  }
727
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
995
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
728
996
  color: #ffffff;
729
- border-bottom-color: #86807c;
730
- }
731
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
732
- background-color: #1f1f1f;
733
997
  }
734
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
998
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
735
999
  color: #da291c;
736
1000
  }
737
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
738
- color: #ffffff;
739
- background-color: #1f1f1f;
740
- }
741
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
742
- filter: brightness(0) invert(0.9);
743
- }
744
1001
 
745
- .ProfileLinkOut-module__arrow___Mc7yw {
746
- display: none;
1002
+ .LocaleSelector-module__list-item___JVlRE a {
1003
+ font-size: 16px !important;
1004
+ line-height: 24px !important;
1005
+ display: flex;
1006
+ padding: 0 !important;
747
1007
  }
748
- @media (max-width: 1023px) {
749
- .ProfileLinkOut-module__arrow___Mc7yw {
750
- position: absolute;
751
- right: 10px;
752
- display: inline-block;
753
- }
1008
+ .LocaleSelector-module__list-item___JVlRE a span {
1009
+ margin: 10px 0 !important;
1010
+ }
1011
+ .LocaleSelector-module__list-item___JVlRE a::before {
1012
+ content: none;
1013
+ display: none !important;
754
1014
  }
755
1015
 
756
- @media (min-width: 1024px) {
757
- .ProfileLinkOut-module__log___JdxjK {
758
- display: none;
1016
+ @media (max-width: 1023px) {
1017
+ .LocaleSelector-module__button___0LEXR {
1018
+ color: #575452;
1019
+ position: relative;
759
1020
  }
760
- }
761
- @media (min-width: 1024px) {
762
- .ProfileLinkOut-module__login-flyover___YDIVp {
763
- position: absolute;
764
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
765
- min-width: max-content;
766
- display: block;
767
- padding: 24px 32px;
768
- font-size: 16px;
769
- border: 0;
770
- color: #e6003c;
771
- font-weight: 700;
772
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1021
+ .LocaleSelector-module__button___0LEXR button {
773
1022
  background-color: #ffffff;
1023
+ border: 0;
774
1024
  border-radius: 4px;
775
- }
776
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
777
- padding-bottom: 16px;
778
- letter-spacing: 1px;
779
- text-transform: uppercase;
780
- color: #86807c;
781
- font-weight: 500;
1025
+ cursor: pointer;
782
1026
  font-size: 14px;
783
1027
  line-height: 20px;
784
- border-bottom: 1px solid #e6e3df;
785
- }
786
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
787
- padding: 28px 0;
788
- }
789
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
790
- text-decoration: underline;
791
- }
792
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
793
- font-size: 18px;
794
- line-height: 24px;
795
- color: #da291c;
796
- }
797
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
798
- color: #3d3935;
799
- font-weight: 400;
800
- font-size: 18px;
801
- line-height: 24px;
802
- }
803
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
804
- padding-left: 10px;
805
- }
806
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
807
- text-decoration: underline;
1028
+ width: 100%;
808
1029
  }
809
- }
810
- @media (max-width: 1023px) {
811
- .ProfileLinkOut-module__login-flyover___YDIVp {
812
- color: #86807c;
813
- font-weight: 500;
814
- font-size: 14px;
815
- line-height: 20px;
816
- padding-left: 16px;
1030
+ .LocaleSelector-module__pop-up___HV8Ta {
1031
+ padding: 0px 12px !important;
817
1032
  }
818
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
819
- padding: 20px 0 8px 10px;
820
- letter-spacing: 1px;
821
- text-transform: uppercase;
1033
+ .LocaleSelector-module__pop-up___HV8Ta img {
1034
+ padding-left: 12px;
822
1035
  }
823
- .ProfileLinkOut-module__mysunrise___F326W {
824
- color: #da291c;
825
- font-weight: 700;
826
- font-size: 18px;
1036
+ .LocaleSelector-module__list-item___JVlRE a {
1037
+ font-size: 16px;
827
1038
  line-height: 24px;
828
- background-color: #ffffff;
829
- padding: 10px;
830
- margin-bottom: 4px;
831
- }
832
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
833
- font-weight: unset;
834
- }
835
- .ProfileLinkOut-module__logout___GfbcJ {
836
- color: #3d3935;
837
1039
  font-weight: 400;
838
- background-color: #ffffff;
839
- padding: 10px;
840
- font-size: 18px;
841
- line-height: 24px;
842
- position: relative;
1040
+ display: flex;
1041
+ padding: 10px 12px;
843
1042
  }
844
- .ProfileLinkOut-module__logout___GfbcJ img {
845
- position: absolute;
846
- padding-left: 10px;
1043
+ .LocaleSelector-module__list-item___JVlRE a::before {
1044
+ content: none;
1045
+ display: none !important;
847
1046
  }
848
1047
  }
849
1048
 
850
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
1049
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartOverlay.module.scss */
851
1050
  /* center a block element */
852
1051
  /* use this to any of the pseudo elements as these are the mandatory properties */
853
1052
  /* setting styles in separate formats for cross browser support */
854
1053
  /* specify the max width for an element and apply ellipses and truncate the overflow */
855
1054
  /* vertically center alilgn any HTML element */
856
1055
  /* add basePath to assets */
857
- .FalconMainNavigation-module__container___85E7S {
858
- -webkit-transition: all 1s ease-out;
859
- transition: all 1s ease-out;
860
- font-size: 20px;
861
- line-height: 23px;
862
- position: fixed;
863
- width: 100%;
864
- z-index: 10;
865
- top: 0;
866
- }
867
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
868
- position: absolute;
869
- z-index: 1;
870
- top: 17px;
871
- -webkit-transition: all 1s ease-out;
872
- transition: all 1s ease-out;
1056
+ .cart-overlay-panel.offcanvas {
1057
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
873
1058
  }
874
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
875
- height: 89px;
876
- width: 98px;
877
- margin-left: auto;
878
- margin-right: auto;
879
- -webkit-transition: all 1s ease-out;
880
- transition: all 1s ease-out;
881
- }
882
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
883
- top: 61px;
884
- -webkit-transition: all 1s ease-out;
885
- transition: all 1s ease-out;
1059
+
1060
+ .cart-overlay-panel .offcanvas-header {
1061
+ height: 96px;
1062
+ padding: 20px 16px;
1063
+ gap: 24px;
1064
+ align-items: center;
1065
+ background: #ffffff;
1066
+ border-bottom: 1px solid #e6e3df;
886
1067
  }
887
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
888
- height: 56px;
889
- -webkit-transition: all 1s ease-out;
890
- transition: all 1s ease-out;
1068
+
1069
+ .cart-overlay-panel .offcanvas-title {
1070
+ font-size: 24px;
1071
+ font-weight: 700;
1072
+ line-height: 32px;
1073
+ color: #3d3935;
891
1074
  }
892
- .FalconMainNavigation-module__container___85E7S ul,
893
- .FalconMainNavigation-module__container___85E7S li {
894
- list-style: none;
895
- margin: 0px;
896
- padding: 0px;
1075
+ @media (max-width: 1023px) {
1076
+ .cart-overlay-panel .offcanvas-title {
1077
+ font-size: 20px;
1078
+ line-height: 28px;
1079
+ }
897
1080
  }
898
- .FalconMainNavigation-module__container___85E7S a {
899
- color: #1f1f1f;
900
- text-decoration: none;
1081
+
1082
+ .cart-overlay-panel .btn-close {
1083
+ opacity: 0.7;
1084
+ width: 20px;
1085
+ height: 20px;
901
1086
  }
902
- .FalconMainNavigation-module__container___85E7S a::before {
903
- content: attr(title);
904
- display: block;
905
- font-weight: bold;
906
- height: 0;
1087
+ .cart-overlay-panel .btn-close:hover {
907
1088
  opacity: 1;
908
- overflow: hidden;
909
- }
910
- @media (max-width: 1023px) {
911
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
912
- display: none;
913
- }
914
1089
  }
915
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
916
- color: #1f1f1f;
1090
+
1091
+ .cart-overlay-panel .offcanvas-body {
1092
+ padding: 0;
1093
+ overflow-y: auto;
1094
+ display: flex;
1095
+ flex-direction: column;
1096
+ background: #f7f6f5;
917
1097
  }
918
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
919
- background: #ffffff;
920
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1098
+
1099
+ .cart-overlay-panel.offcanvas-bottom {
1100
+ border-radius: 8px 8px 0 0 !important;
1101
+ width: 100% !important;
1102
+ overflow: hidden;
921
1103
  }
922
- .FalconMainNavigation-module__container___85E7S .full-width {
923
- width: 100%;
1104
+
1105
+ .CartOverlay-module__backdrop___lMc-O {
1106
+ position: fixed;
1107
+ inset: 0;
1108
+ z-index: 1040;
1109
+ background: rgba(0, 0, 0, 0.5);
1110
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
924
1111
  }
925
- @media (max-width: 1023px) {
926
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
927
- max-width: 100%;
1112
+
1113
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
1114
+ from {
1115
+ opacity: 0;
928
1116
  }
929
- }
930
- @media (min-width: 1024px) and (max-width: 1439px) {
931
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
932
- max-width: 1308px;
933
- padding-left: 42px;
934
- padding-right: 42px;
1117
+ to {
1118
+ opacity: 1;
935
1119
  }
936
1120
  }
937
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
938
- background-color: #ffffff;
939
- position: relative;
940
- z-index: auto;
1121
+ .CartOverlay-module__headerTitle___hbL0K {
1122
+ display: flex;
1123
+ align-items: center;
1124
+ gap: 8px;
941
1125
  }
942
- @media (max-width: 1023px) {
943
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
944
- background-color: #f8f8f8;
945
- }
1126
+
1127
+ .CartOverlay-module__emptyState___bXUfs {
1128
+ display: flex;
1129
+ flex-direction: column;
1130
+ align-items: center;
1131
+ justify-content: center;
1132
+ flex: 1;
1133
+ padding: 32px 24px 24px;
1134
+ text-align: center;
946
1135
  }
947
- @media (min-width: 1024px) {
948
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
949
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
950
- }
1136
+
1137
+ .CartOverlay-module__emptyIcon___3FlYf {
1138
+ margin-bottom: 8px;
1139
+ }
1140
+
1141
+ .CartOverlay-module__emptyText___D4IY3 {
1142
+ font-size: 16px;
1143
+ font-weight: 700;
1144
+ color: #3d3935;
1145
+ margin: 0 0 44px;
1146
+ }
1147
+
1148
+ .CartOverlay-module__emptySubText___tNFv4 {
1149
+ font-size: 14px;
1150
+ color: #787472;
1151
+ margin: 0 0 8px;
951
1152
  }
952
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
953
- min-height: 68px;
1153
+
1154
+ .CartOverlay-module__categoryLinks___JYlL1 {
1155
+ display: flex;
1156
+ gap: 12px;
1157
+ width: 100%;
1158
+ justify-content: center;
954
1159
  }
955
- @media (max-width: 1023px) {
956
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
957
- min-height: 44px;
958
- height: 44px;
959
- }
1160
+
1161
+ .CartOverlay-module__categoryLink___FBePP {
1162
+ display: flex;
1163
+ flex-direction: column;
1164
+ align-items: center;
1165
+ justify-content: center;
1166
+ gap: 6px;
1167
+ flex: 1;
1168
+ padding: 12px 8px;
1169
+ background-color: #ffffff;
1170
+ border: none;
1171
+ border-radius: 8px;
1172
+ text-decoration: none;
1173
+ color: #3d3935;
1174
+ font-size: 12px;
1175
+ font-weight: 500;
1176
+ text-align: center;
1177
+ transition: background-color 0.15s ease;
960
1178
  }
961
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
962
- background-repeat: no-repeat;
963
- background-size: contain;
1179
+ .CartOverlay-module__categoryLink___FBePP:hover {
1180
+ background-color: #f8f8f8;
1181
+ text-decoration: none;
1182
+ color: #3d3935;
964
1183
  }
965
- @media (max-width: 1023px) {
966
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
967
- display: block;
968
- background-size: contain;
969
- width: 120px;
970
- height: 24px;
971
- margin-right: 10px;
972
- }
1184
+ .CartOverlay-module__categoryLink___FBePP:focus-visible {
1185
+ outline: 2px solid #e6003c;
1186
+ outline-offset: 2px;
973
1187
  }
974
- @media (min-width: 1024px) {
975
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
976
- visibility: visible;
977
- }
978
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
979
- visibility: hidden;
980
- }
1188
+
1189
+ .CartOverlay-module__categoryLinkIcon___Pb58O {
1190
+ display: flex;
1191
+ align-items: center;
1192
+ justify-content: center;
981
1193
  }
982
- @media (min-width: 1024px) {
983
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
984
- height: 24px;
985
- border-right: 1px solid #e6e3df;
986
- border-left: 1px solid #e6e3df;
987
- padding: 0 16px;
988
- margin-top: 10px;
989
- }
1194
+
1195
+ .CartOverlay-module__categoryLinkLabel___ewD47 {
1196
+ line-height: 1.3;
990
1197
  }
991
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1198
+
1199
+ .CartOverlay-module__footer___OwJpW {
1200
+ padding: 16px 24px;
1201
+ border-top: 1px solid #d2d2d2;
1202
+ background-color: #ffffff;
1203
+ }
1204
+
1205
+ .CartOverlay-module__dismissButton___57qsq {
1206
+ display: flex;
1207
+ align-items: center;
1208
+ justify-content: center;
1209
+ width: 100%;
1210
+ height: 52px;
1211
+ padding: 14px 24px;
1212
+ gap: 8px;
1213
+ background: none;
1214
+ border: 2px solid #da291c;
1215
+ border-radius: 28px;
1216
+ font-size: 16px;
1217
+ font-weight: 600;
1218
+ color: #da291c;
1219
+ text-align: center;
992
1220
  cursor: pointer;
993
- display: block;
994
- height: 24px;
995
- width: 24px;
1221
+ transition: background-color 0.15s ease;
996
1222
  }
997
- @media (max-width: 1023px) {
998
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
999
- margin-right: 20px;
1000
- margin-left: 16px;
1001
- }
1223
+ .CartOverlay-module__dismissButton___57qsq:hover {
1224
+ background-color: rgba(218, 41, 28, 0.05);
1002
1225
  }
1003
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1004
- opacity: 0.6;
1005
- pointer-events: none;
1006
- cursor: default;
1226
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1227
+ outline: 2px solid #da291c;
1228
+ outline-offset: 2px;
1007
1229
  }
1008
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1009
- background-image: url("/ecom-int/icons/phone.svg");
1010
- background-repeat: no-repeat;
1011
- background-size: contain;
1012
- display: block;
1013
- height: 24px;
1014
- margin: 10px 8px 0 10px;
1015
- width: 24px;
1230
+
1231
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\ProfileLinkOut\ProfileLinkOut.module.scss */
1232
+ /* center a block element */
1233
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1234
+ /* setting styles in separate formats for cross browser support */
1235
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1236
+ /* vertically center alilgn any HTML element */
1237
+ /* add basePath to assets */
1238
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1239
+ transform: rotate(-180deg);
1016
1240
  }
1017
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1018
- font-size: 16px;
1019
- line-height: 24px;
1020
- color: #1f1f1f;
1021
- margin: 10px 16px 0 8px;
1022
- font-weight: 700;
1023
- cursor: pointer;
1241
+
1242
+ .ProfileLinkOut-module__personalized___VgbDx {
1243
+ margin-left: 8px;
1024
1244
  }
1025
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1026
- background-image: url("/ecom-int/icons/headset_black.svg");
1245
+
1246
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1247
+ padding: 10px 8px;
1248
+ }
1249
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1027
1250
  background-repeat: no-repeat;
1028
1251
  background-size: contain;
1029
1252
  display: block;
1030
1253
  height: 24px;
1031
- margin: 11px 0px 0 0px;
1254
+ margin-right: 4px;
1032
1255
  width: 24px;
1033
- cursor: pointer;
1034
1256
  }
1035
1257
  @media (max-width: 1023px) {
1036
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1037
- margin: 0px;
1038
- cursor: pointer;
1258
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1259
+ background-repeat: no-repeat;
1260
+ background-size: contain;
1261
+ display: block;
1262
+ margin-left: auto;
1263
+ height: 24px;
1264
+ width: 24px;
1039
1265
  }
1040
1266
  }
1041
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1042
- margin: 10px 0px 0px;
1043
- cursor: pointer;
1044
- }
1045
1267
  @media (max-width: 1023px) {
1046
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1047
- margin: 0px;
1048
- }
1049
- }
1050
- @media (min-width: 1024px) {
1051
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1052
- position: relative;
1053
- justify-content: space-between;
1054
- padding: 12px 0;
1055
- }
1056
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1057
- margin-left: 58px;
1058
- }
1059
- }
1060
- @media (min-width: 1024px) {
1061
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1062
- position: relative;
1063
- justify-content: space-between;
1064
- padding: 12px 0;
1065
- }
1066
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1067
- margin-left: 58px;
1268
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1269
+ background-repeat: no-repeat;
1270
+ background-size: contain;
1271
+ display: block;
1272
+ margin-left: auto;
1273
+ height: 8px;
1274
+ width: 14px;
1068
1275
  }
1069
1276
  }
1070
- @media (min-width: 1024px) {
1071
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1072
- padding-bottom: 47px;
1073
- }
1074
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1075
- padding-bottom: 0;
1076
- }
1277
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1278
+ color: #da291c;
1279
+ font-weight: 700;
1280
+ font-size: 16px;
1281
+ line-height: 24px;
1077
1282
  }
1078
- @media (min-width: 1440px) {
1079
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1080
- padding-bottom: 0;
1081
- }
1082
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1083
- padding-bottom: 0;
1283
+ @media (max-width: 1023px) {
1284
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1285
+ background-color: #ffffff;
1286
+ padding: 10px;
1084
1287
  }
1085
1288
  }
1086
1289
 
1087
- @media (min-width: 1024px) {
1088
- .FalconMainNavigation-module__falcon-nav___YMp-r {
1089
- top: -52px;
1090
- }
1290
+ .ProfileLinkOut-module__highlight___XDufd {
1291
+ border-radius: 8px;
1292
+ background-color: #f7f6f5;
1091
1293
  }
1092
1294
 
1093
- .page-top,
1094
- #main {
1095
- padding-top: var(--main-nav-height, 72px);
1096
- transition: padding-top 1s ease-out;
1295
+ .ProfileLinkOut-module__non-section___G1jJY {
1296
+ padding: 16px;
1297
+ height: fit-content;
1097
1298
  }
1098
-
1099
- @media (prefers-reduced-motion: reduce) {
1100
- .page-top,
1101
- #main {
1102
- transition: none;
1299
+ @media (min-width: 1024px) and (max-width: 1439px) {
1300
+ .ProfileLinkOut-module__non-section___G1jJY {
1301
+ padding: 12px;
1103
1302
  }
1104
1303
  }
1105
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1106
- background-color: #1f1f1f;
1107
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1108
- }
1109
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1110
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1111
- background-color: #1f1f1f;
1112
- }
1113
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1114
- border-right-color: #86807c;
1115
- border-left-color: #86807c;
1116
- }
1117
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1118
- color: #ffffff;
1119
- }
1120
-
1121
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1122
- position: fixed;
1123
- top: 0;
1124
- left: 0;
1125
- padding: 4px 8px;
1126
- font-size: 14px;
1127
- z-index: 10000;
1128
- color: #5f5955;
1129
- background: #ffffff;
1304
+ .ProfileLinkOut-module__non-section___G1jJY {
1305
+ background-color: unset !important;
1130
1306
  }
1131
- @media (max-width: 850px) {
1132
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1133
- padding: 0 4px;
1134
- font-size: 8px;
1307
+ @media (max-width: 1023px) {
1308
+ .ProfileLinkOut-module__non-section___G1jJY {
1309
+ background-color: #ffffff !important;
1135
1310
  }
1136
1311
  }
1137
1312
 
1138
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1139
- /* center a block element */
1140
- /* use this to any of the pseudo elements as these are the mandatory properties */
1141
- /* setting styles in separate formats for cross browser support */
1142
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1143
- /* vertically center alilgn any HTML element */
1144
- /* add basePath to assets */
1145
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1146
- font-weight: unset;
1313
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1314
+ color: #ffffff;
1147
1315
  }
1148
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1149
- position: relative;
1150
- color: #333333;
1151
- display: -webkit-box;
1152
- font-size: 16px;
1153
- line-height: 24px;
1154
- display: flex;
1155
- height: auto;
1156
- text-decoration: none;
1157
- padding: 10px 10px 10px 10px;
1158
- margin-bottom: 4px;
1159
- background-color: #ffffff;
1316
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1317
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1318
+ filter: brightness(0) invert(0.9);
1160
1319
  }
1161
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1162
- border: 1px solid #e8e8e8;
1320
+ @media (max-width: 1023px) {
1321
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1322
+ background-color: #1f1f1f !important;
1323
+ }
1163
1324
  }
1164
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1165
- position: absolute;
1166
- left: 10px;
1325
+
1326
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1327
+ background-color: transparent;
1167
1328
  }
1168
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1169
- position: absolute;
1170
- right: 10px;
1329
+ .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 {
1330
+ color: #ffffff;
1171
1331
  }
1172
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1173
- transition: transform 0.2s ease;
1332
+ .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,
1333
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1334
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1335
+ filter: brightness(0) invert(0.9);
1174
1336
  }
1175
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1176
- display: block;
1177
- flex-shrink: 0;
1178
- height: 24px;
1179
- width: 24px;
1180
- margin-right: 8px;
1337
+ @media (max-width: 1023px) {
1338
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1339
+ background-color: #1f1f1f;
1340
+ }
1181
1341
  }
1182
1342
 
1183
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1184
- transform: rotate(-180deg);
1343
+ .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 {
1344
+ background-color: #111111;
1185
1345
  }
1186
1346
 
1187
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1347
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1188
1348
  background-color: #1f1f1f;
1349
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1350
+ }
1351
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1189
1352
  color: #ffffff;
1190
- border: 1px solid #2c2c2c;
1353
+ border-bottom-color: #86807c;
1191
1354
  }
1192
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1355
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1356
+ background-color: #1f1f1f;
1357
+ }
1358
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1359
+ color: #da291c;
1360
+ }
1361
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1362
+ color: #ffffff;
1363
+ background-color: #1f1f1f;
1364
+ }
1365
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1193
1366
  filter: brightness(0) invert(0.9);
1194
1367
  }
1195
1368
 
1196
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1369
+ .ProfileLinkOut-module__arrow___Mc7yw {
1370
+ display: none;
1371
+ }
1372
+ @media (max-width: 1023px) {
1373
+ .ProfileLinkOut-module__arrow___Mc7yw {
1374
+ position: absolute;
1375
+ right: 10px;
1376
+ display: inline-block;
1377
+ }
1378
+ }
1379
+
1380
+ @media (min-width: 1024px) {
1381
+ .ProfileLinkOut-module__log___JdxjK {
1382
+ display: none;
1383
+ }
1384
+ }
1385
+ @media (min-width: 1024px) {
1386
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1387
+ position: absolute;
1388
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1389
+ min-width: max-content;
1390
+ display: block;
1391
+ padding: 24px 32px;
1392
+ font-size: 16px;
1393
+ border: 0;
1394
+ color: #e6003c;
1395
+ font-weight: 700;
1396
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1397
+ background-color: #ffffff;
1398
+ border-radius: 4px;
1399
+ }
1400
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1401
+ padding-bottom: 16px;
1402
+ letter-spacing: 1px;
1403
+ text-transform: uppercase;
1404
+ color: #86807c;
1405
+ font-weight: 500;
1406
+ font-size: 14px;
1407
+ line-height: 20px;
1408
+ border-bottom: 1px solid #e6e3df;
1409
+ }
1410
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1411
+ padding: 28px 0;
1412
+ }
1413
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1414
+ text-decoration: underline;
1415
+ }
1416
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1417
+ font-size: 18px;
1418
+ line-height: 24px;
1419
+ color: #da291c;
1420
+ }
1421
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1422
+ color: #3d3935;
1423
+ font-weight: 400;
1424
+ font-size: 18px;
1425
+ line-height: 24px;
1426
+ }
1427
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1428
+ padding-left: 10px;
1429
+ }
1430
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1431
+ text-decoration: underline;
1432
+ }
1433
+ }
1434
+ @media (max-width: 1023px) {
1435
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1436
+ color: #86807c;
1437
+ font-weight: 500;
1438
+ font-size: 14px;
1439
+ line-height: 20px;
1440
+ padding-left: 16px;
1441
+ }
1442
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1443
+ padding: 20px 0 8px 10px;
1444
+ letter-spacing: 1px;
1445
+ text-transform: uppercase;
1446
+ }
1447
+ .ProfileLinkOut-module__mysunrise___F326W {
1448
+ color: #da291c;
1449
+ font-weight: 700;
1450
+ font-size: 18px;
1451
+ line-height: 24px;
1452
+ background-color: #ffffff;
1453
+ padding: 10px;
1454
+ margin-bottom: 4px;
1455
+ }
1456
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
1457
+ font-weight: unset;
1458
+ }
1459
+ .ProfileLinkOut-module__logout___GfbcJ {
1460
+ color: #3d3935;
1461
+ font-weight: 400;
1462
+ background-color: #ffffff;
1463
+ padding: 10px;
1464
+ font-size: 18px;
1465
+ line-height: 24px;
1466
+ position: relative;
1467
+ }
1468
+ .ProfileLinkOut-module__logout___GfbcJ img {
1469
+ position: absolute;
1470
+ padding-left: 10px;
1471
+ }
1472
+ }
1473
+
1474
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\BusinessCustomerLinkOut\BusinessCustomerLinkOut.module.scss */
1197
1475
  /* center a block element */
1198
1476
  /* use this to any of the pseudo elements as these are the mandatory properties */
1199
1477
  /* setting styles in separate formats for cross browser support */
@@ -1280,117 +1558,7 @@
1280
1558
  background-color: #1f1f1f;
1281
1559
  }
1282
1560
 
1283
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1284
- /* center a block element */
1285
- /* use this to any of the pseudo elements as these are the mandatory properties */
1286
- /* setting styles in separate formats for cross browser support */
1287
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1288
- /* vertically center alilgn any HTML element */
1289
- /* add basePath to assets */
1290
- .SubNavigation-module__container___Wb5XN {
1291
- background-color: #ffffff;
1292
- color: #575452;
1293
- border-radius: 0px 0px 8px 8px;
1294
- margin: 0 auto;
1295
- max-width: 1308px;
1296
- min-height: 47px;
1297
- -webkit-align-items: center;
1298
- -moz-align-items: center;
1299
- -o-align-items: center;
1300
- align-items: center;
1301
- }
1302
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1303
- font-size: 14px;
1304
- line-height: 20px;
1305
- font-weight: 700;
1306
- }
1307
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1308
- margin-left: 0 !important;
1309
- margin-top: 0 !important;
1310
- font-size: 18px;
1311
- line-height: 24px;
1312
- font-weight: 400;
1313
- display: block !important;
1314
- }
1315
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1316
- padding-bottom: 28px;
1317
- }
1318
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1319
- font-size: 14px;
1320
- line-height: 20px;
1321
- color: #7A7A7B;
1322
- font-weight: 700;
1323
- padding-bottom: 28px;
1324
- }
1325
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1326
- display: flex;
1327
- grid-column: 2;
1328
- grid-template-columns: repeat(auto-fit, 20%);
1329
- padding: 24px 32px;
1330
- }
1331
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1332
- border-left: 1px solid #e6e3df;
1333
- padding-left: 24px;
1334
- padding-right: 24px;
1335
- max-width: 248px;
1336
- }
1337
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1338
- padding-left: 0;
1339
- border: none;
1340
- }
1341
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1342
- margin-left: 4px;
1343
- vertical-align: middle;
1344
- height: 24px;
1345
- width: 24px;
1346
- }
1347
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1348
- margin-left: 0;
1349
- margin-right: 4px;
1350
- }
1351
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1352
- white-space: nowrap;
1353
- display: inline-flex;
1354
- align-items: center;
1355
- }
1356
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1357
- display: flex;
1358
- align-items: flex-start;
1359
- gap: 4px;
1360
- white-space: normal;
1361
- max-width: 100%;
1362
- }
1363
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1364
- white-space: normal;
1365
- min-width: 0;
1366
- }
1367
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1368
- white-space: normal;
1369
- align-items: flex-start;
1370
- gap: 4px;
1371
- }
1372
-
1373
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1374
- background-color: #1f1f1f;
1375
- color: #ffffff;
1376
- }
1377
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1378
- color: #ffffff;
1379
- }
1380
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1381
- color: #ffffff;
1382
- }
1383
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1384
- color: #ffffff;
1385
- }
1386
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1387
- border-left: 1px solid #86807c;
1388
- }
1389
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1390
- border: none;
1391
- }
1392
-
1393
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1561
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Other repos\Offers\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileSubNavigation\MobileSubNavigation.module.scss */
1394
1562
  /* center a block element */
1395
1563
  /* use this to any of the pseudo elements as these are the mandatory properties */
1396
1564
  /* setting styles in separate formats for cross browser support */
@@ -1434,26 +1602,11 @@
1434
1602
  height: 24px;
1435
1603
  width: 24px;
1436
1604
  }
1437
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1438
- margin-left: 0;
1439
- margin-right: 4px;
1440
- }
1441
1605
  .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1442
1606
  white-space: nowrap;
1443
1607
  display: inline-flex;
1444
1608
  align-items: center;
1445
1609
  }
1446
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1447
- display: flex;
1448
- align-items: flex-start;
1449
- gap: 4px;
1450
- white-space: normal;
1451
- max-width: 100%;
1452
- }
1453
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1454
- white-space: normal;
1455
- min-width: 0;
1456
- }
1457
1610
  .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1458
1611
  display: none;
1459
1612
  }