@sunrise-upc/sales-static-components 4.2.0-beta.5 → 4.2.0-beta.8

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 (181) 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/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  5. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  6. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
  7. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  9. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  10. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  11. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  12. package/dist/cjs/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js +1 -1
  13. package/dist/cjs/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js.map +1 -1
  14. package/dist/cjs/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.js.map +1 -1
  15. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
  16. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
  17. package/dist/cjs/components/RibbonComponent/RibbonComponent.css +389 -389
  18. package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +79 -68
  19. package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
  20. package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
  21. package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
  22. package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
  23. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
  24. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
  25. package/dist/cjs/components/linecheck/AutoComplete.css +514 -514
  26. package/dist/cjs/components/linecheck/FiberUpgradeInfo.css +514 -514
  27. package/dist/cjs/components/linecheck/LineCheckV2.css +514 -514
  28. package/dist/cjs/components/linecheck/Success.css +514 -514
  29. package/dist/cjs/index.js +1 -1
  30. package/dist/cjs/node_modules/@algolia/client-common/dist/common.js +1 -1
  31. package/dist/cjs/node_modules/@algolia/client-common/dist/common.js.map +1 -1
  32. package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
  33. package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
  34. package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
  35. package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
  36. package/dist/cjs/node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js.map +1 -1
  37. package/dist/cjs/node_modules/algoliasearch-helper/src/SearchParameters/index.js.map +1 -1
  38. package/dist/cjs/node_modules/algoliasearch-helper/src/SearchResults/index.js.map +1 -1
  39. package/dist/cjs/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
  40. package/dist/cjs/node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js.map +1 -1
  41. package/dist/cjs/node_modules/algoliasearch-helper/src/version.js +1 -1
  42. package/dist/cjs/node_modules/algoliasearch-helper/src/version.js.map +1 -1
  43. package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
  44. package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
  45. package/dist/cjs/node_modules/instantsearch.js/es/helpers/insights.js +1 -1
  46. package/dist/cjs/node_modules/instantsearch.js/es/helpers/insights.js.map +1 -1
  47. package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
  48. package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
  49. package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js +1 -1
  50. package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -1
  51. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/defer.js +1 -1
  52. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/defer.js.map +1 -1
  53. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/getHighlightFromSiblings.js +1 -1
  54. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/getHighlightFromSiblings.js.map +1 -1
  55. package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
  56. package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
  57. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
  58. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
  59. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js +1 -1
  60. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js.map +1 -1
  61. package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
  62. package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
  63. package/dist/cjs/node_modules/qs/lib/parse.js +1 -1
  64. package/dist/cjs/node_modules/qs/lib/parse.js.map +1 -1
  65. package/dist/cjs/node_modules/qs/lib/stringify.js +1 -1
  66. package/dist/cjs/node_modules/qs/lib/stringify.js.map +1 -1
  67. package/dist/cjs/node_modules/qs/lib/utils.js +1 -1
  68. package/dist/cjs/node_modules/qs/lib/utils.js.map +1 -1
  69. package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
  70. package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
  71. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
  72. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
  73. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
  74. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
  75. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js +1 -1
  76. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js.map +1 -1
  77. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
  78. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
  79. package/dist/cjs/utils/AnalyticUtils.js +1 -1
  80. package/dist/cjs/utils/AnalyticUtils.js.map +1 -1
  81. package/dist/cjs/utils/AnalyticsConstants.js +1 -1
  82. package/dist/cjs/utils/AnalyticsConstants.js.map +1 -1
  83. package/dist/esm/components/ButtonGroup/ButtonGroup.css +95 -95
  84. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  85. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  86. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
  87. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
  88. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  89. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  90. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  91. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  92. package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js +1 -1
  93. package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js.map +1 -1
  94. package/dist/esm/components/RibbonComponent/RibbonComponent.css +389 -389
  95. package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +79 -68
  96. package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +11 -0
  97. package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +11 -0
  98. package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
  99. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
  100. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
  101. package/dist/esm/components/linecheck/AutoComplete.css +514 -514
  102. package/dist/esm/components/linecheck/FiberUpgradeInfo.css +514 -514
  103. package/dist/esm/components/linecheck/LineCheckV2.css +514 -514
  104. package/dist/esm/components/linecheck/Success.css +514 -514
  105. package/dist/esm/index.js +1 -1
  106. package/dist/esm/node_modules/@algolia/client-common/dist/common.js +1 -1
  107. package/dist/esm/node_modules/@algolia/client-common/dist/common.js.map +1 -1
  108. package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
  109. package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
  110. package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
  111. package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
  112. package/dist/esm/node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js.map +1 -1
  113. package/dist/esm/node_modules/algoliasearch-helper/src/SearchParameters/index.js.map +1 -1
  114. package/dist/esm/node_modules/algoliasearch-helper/src/SearchResults/index.js.map +1 -1
  115. package/dist/esm/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
  116. package/dist/esm/node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js.map +1 -1
  117. package/dist/esm/node_modules/algoliasearch-helper/src/version.js +1 -1
  118. package/dist/esm/node_modules/algoliasearch-helper/src/version.js.map +1 -1
  119. package/dist/esm/node_modules/immer/dist/immer.js +1 -1
  120. package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
  121. package/dist/esm/node_modules/instantsearch.js/es/helpers/insights.js +1 -1
  122. package/dist/esm/node_modules/instantsearch.js/es/helpers/insights.js.map +1 -1
  123. package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
  124. package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
  125. package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js +1 -1
  126. package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -1
  127. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/defer.js +1 -1
  128. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/defer.js.map +1 -1
  129. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/getHighlightFromSiblings.js +1 -1
  130. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/getHighlightFromSiblings.js.map +1 -1
  131. package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
  132. package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
  133. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
  134. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
  135. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js +1 -1
  136. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js.map +1 -1
  137. package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
  138. package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
  139. package/dist/esm/node_modules/qs/lib/parse.js +1 -1
  140. package/dist/esm/node_modules/qs/lib/parse.js.map +1 -1
  141. package/dist/esm/node_modules/qs/lib/stringify.js +1 -1
  142. package/dist/esm/node_modules/qs/lib/stringify.js.map +1 -1
  143. package/dist/esm/node_modules/qs/lib/utils.js +1 -1
  144. package/dist/esm/node_modules/qs/lib/utils.js.map +1 -1
  145. package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
  146. package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
  147. package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
  148. package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
  149. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
  150. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
  151. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js +1 -1
  152. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/useWidget.js.map +1 -1
  153. package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
  154. package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
  155. package/dist/esm/utils/AnalyticUtils.js +1 -1
  156. package/dist/esm/utils/AnalyticUtils.js.map +1 -1
  157. package/dist/esm/utils/AnalyticsConstants.js +1 -1
  158. package/dist/esm/utils/AnalyticsConstants.js.map +1 -1
  159. package/dist/index.d.ts +78 -2
  160. package/dist/navigation.css +986 -986
  161. package/package.json +115 -115
  162. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js +0 -2
  163. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js.map +0 -1
  164. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js +0 -2
  165. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js.map +0 -1
  166. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js +0 -2
  167. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js.map +0 -1
  168. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/now.js +0 -2
  169. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/now.js.map +0 -1
  170. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/omit.js +0 -2
  171. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/omit.js.map +0 -1
  172. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js +0 -2
  173. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/addInsightsToRecommendParameters.js.map +0 -1
  174. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js +0 -2
  175. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js.map +0 -1
  176. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js +0 -2
  177. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js.map +0 -1
  178. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/now.js +0 -2
  179. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/now.js.map +0 -1
  180. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/omit.js +0 -2
  181. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/omit.js.map +0 -1
@@ -1,4 +1,324 @@
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\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconMainNavigation.module.scss */
2
+ /* center a block element */
3
+ /* use this to any of the pseudo elements as these are the mandatory properties */
4
+ /* setting styles in separate formats for cross browser support */
5
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
6
+ /* vertically center alilgn any HTML element */
7
+ /* add basePath to assets */
8
+ .FalconMainNavigation-module__container___85E7S {
9
+ -webkit-transition: all 1s ease-out;
10
+ transition: all 1s ease-out;
11
+ font-size: 20px;
12
+ line-height: 23px;
13
+ position: fixed;
14
+ width: 100%;
15
+ z-index: 10;
16
+ top: 0;
17
+ }
18
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
19
+ position: absolute;
20
+ z-index: 1;
21
+ top: 17px;
22
+ -webkit-transition: all 1s ease-out;
23
+ transition: all 1s ease-out;
24
+ }
25
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
26
+ height: 89px;
27
+ width: 98px;
28
+ margin-left: auto;
29
+ margin-right: auto;
30
+ -webkit-transition: all 1s ease-out;
31
+ transition: all 1s ease-out;
32
+ }
33
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
34
+ top: 61px;
35
+ -webkit-transition: all 1s ease-out;
36
+ transition: all 1s ease-out;
37
+ }
38
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
39
+ height: 56px;
40
+ -webkit-transition: all 1s ease-out;
41
+ transition: all 1s ease-out;
42
+ }
43
+ .FalconMainNavigation-module__container___85E7S ul,
44
+ .FalconMainNavigation-module__container___85E7S li {
45
+ list-style: none;
46
+ margin: 0px;
47
+ padding: 0px;
48
+ }
49
+ .FalconMainNavigation-module__container___85E7S a {
50
+ color: #1f1f1f;
51
+ text-decoration: none;
52
+ }
53
+ .FalconMainNavigation-module__container___85E7S a::before {
54
+ content: attr(title);
55
+ display: block;
56
+ font-weight: bold;
57
+ height: 0;
58
+ opacity: 1;
59
+ overflow: hidden;
60
+ }
61
+ @media (max-width: 1023px) {
62
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
63
+ display: none;
64
+ }
65
+ }
66
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
67
+ color: #1f1f1f;
68
+ }
69
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
70
+ background: #ffffff;
71
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
+ }
73
+ .FalconMainNavigation-module__container___85E7S .full-width {
74
+ width: 100%;
75
+ }
76
+ @media (max-width: 1023px) {
77
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
78
+ max-width: 100%;
79
+ }
80
+ }
81
+ @media (min-width: 1024px) and (max-width: 1439px) {
82
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
83
+ max-width: 1308px;
84
+ padding-left: 42px;
85
+ padding-right: 42px;
86
+ }
87
+ }
88
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
89
+ background-color: #ffffff;
90
+ position: relative;
91
+ z-index: auto;
92
+ }
93
+ @media (max-width: 1023px) {
94
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
95
+ background-color: #f8f8f8;
96
+ }
97
+ }
98
+ @media (min-width: 1024px) {
99
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
100
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
101
+ }
102
+ }
103
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
104
+ min-height: 68px;
105
+ }
106
+ @media (max-width: 1023px) {
107
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
108
+ min-height: 44px;
109
+ height: 44px;
110
+ }
111
+ }
112
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
113
+ background-repeat: no-repeat;
114
+ background-size: contain;
115
+ }
116
+ @media (max-width: 1023px) {
117
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
118
+ display: block;
119
+ background-size: contain;
120
+ width: 120px;
121
+ height: 24px;
122
+ margin-right: 10px;
123
+ }
124
+ }
125
+ @media (min-width: 1024px) {
126
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
127
+ visibility: visible;
128
+ }
129
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
130
+ visibility: hidden;
131
+ }
132
+ }
133
+ @media (min-width: 1024px) {
134
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
135
+ height: 24px;
136
+ border-right: 1px solid #e6e3df;
137
+ border-left: 1px solid #e6e3df;
138
+ padding: 0 16px;
139
+ margin-top: 10px;
140
+ }
141
+ }
142
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
143
+ position: relative;
144
+ display: flex;
145
+ align-items: center;
146
+ height: 24px;
147
+ cursor: pointer;
148
+ background: none;
149
+ border: none;
150
+ outline: none;
151
+ }
152
+ @media (min-width: 1024px) {
153
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
154
+ padding: 0 12px;
155
+ margin-top: 10px;
156
+ border-left: 1px solid #e6e3df;
157
+ }
158
+ }
159
+ @media (max-width: 1023px) {
160
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
161
+ padding: 0;
162
+ margin-right: 16px;
163
+ }
164
+ }
165
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
166
+ outline: 2px solid #e6e3df;
167
+ outline-offset: 2px;
168
+ border-radius: 2px;
169
+ }
170
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
171
+ cursor: pointer;
172
+ display: block;
173
+ height: 24px;
174
+ width: 24px;
175
+ }
176
+ @media (max-width: 1023px) {
177
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
178
+ margin-right: 20px;
179
+ margin-left: 16px;
180
+ }
181
+ }
182
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
183
+ opacity: 0.6;
184
+ pointer-events: none;
185
+ cursor: default;
186
+ }
187
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
188
+ background-repeat: no-repeat;
189
+ background-size: contain;
190
+ display: block;
191
+ height: 24px;
192
+ margin: 10px 8px 0 10px;
193
+ width: 24px;
194
+ }
195
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
196
+ font-size: 16px;
197
+ line-height: 24px;
198
+ color: #1f1f1f;
199
+ margin: 10px 16px 0 8px;
200
+ font-weight: 700;
201
+ cursor: pointer;
202
+ }
203
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
204
+ background-repeat: no-repeat;
205
+ background-size: contain;
206
+ display: block;
207
+ height: 24px;
208
+ margin: 11px 0px 0 0px;
209
+ width: 24px;
210
+ cursor: pointer;
211
+ }
212
+ @media (max-width: 1023px) {
213
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
214
+ margin: 0px;
215
+ cursor: pointer;
216
+ }
217
+ }
218
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
219
+ margin: 10px 0px 0px;
220
+ cursor: pointer;
221
+ }
222
+ @media (max-width: 1023px) {
223
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
224
+ margin: 0px;
225
+ }
226
+ }
227
+ @media (min-width: 1024px) {
228
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
229
+ position: relative;
230
+ justify-content: space-between;
231
+ padding: 12px 0;
232
+ }
233
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
234
+ margin-left: 58px;
235
+ }
236
+ }
237
+ @media (min-width: 1024px) {
238
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
239
+ position: relative;
240
+ justify-content: space-between;
241
+ padding: 12px 0;
242
+ }
243
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
244
+ margin-left: 58px;
245
+ }
246
+ }
247
+ @media (min-width: 1024px) {
248
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
249
+ padding-bottom: 47px;
250
+ }
251
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
252
+ padding-bottom: 0;
253
+ }
254
+ }
255
+ @media (min-width: 1440px) {
256
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
257
+ padding-bottom: 0;
258
+ }
259
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
260
+ padding-bottom: 0;
261
+ }
262
+ }
263
+
264
+ @media (min-width: 1024px) {
265
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
266
+ top: -52px;
267
+ }
268
+ }
269
+
270
+ .page-top,
271
+ #main {
272
+ padding-top: var(--main-nav-height, 72px);
273
+ transition: padding-top 500ms ease-out;
274
+ }
275
+
276
+ @media (max-width: 767px) {
277
+ .page-top,
278
+ #main {
279
+ padding-top: var(--main-nav-height, 50px);
280
+ }
281
+ }
282
+ @media (prefers-reduced-motion: reduce) {
283
+ .page-top,
284
+ #main {
285
+ transition: none;
286
+ }
287
+ }
288
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
289
+ background-color: #1f1f1f;
290
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
291
+ }
292
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
293
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
294
+ background-color: #1f1f1f;
295
+ }
296
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
297
+ border-right-color: #86807c;
298
+ border-left-color: #86807c;
299
+ }
300
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
301
+ color: #ffffff;
302
+ }
303
+
304
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
305
+ position: fixed;
306
+ top: 0;
307
+ left: 0;
308
+ padding: 4px 8px;
309
+ font-size: 14px;
310
+ z-index: 10000;
311
+ color: #5f5955;
312
+ background: #ffffff;
313
+ }
314
+ @media (max-width: 850px) {
315
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
316
+ padding: 0 4px;
317
+ font-size: 8px;
318
+ }
319
+ }
320
+
321
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\ResponsiveRow\row.module.scss */
2
322
  /* center a block element */
3
323
  /* use this to any of the pseudo elements as these are the mandatory properties */
4
324
  /* setting styles in separate formats for cross browser support */
@@ -33,7 +353,7 @@
33
353
  }
34
354
  }
35
355
 
36
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
356
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\InteractiveHamburger\InteractiveHamburger.module.scss */
37
357
  /* center a block element */
38
358
  /* use this to any of the pseudo elements as these are the mandatory properties */
39
359
  /* setting styles in separate formats for cross browser support */
@@ -75,7 +395,7 @@
75
395
  width: 24px;
76
396
  }
77
397
 
78
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
398
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\NavigationMenuItem\NavigationMenuItem.module.scss */
79
399
  /* center a block element */
80
400
  /* use this to any of the pseudo elements as these are the mandatory properties */
81
401
  /* setting styles in separate formats for cross browser support */
@@ -157,7 +477,7 @@
157
477
  position: relative;
158
478
  }
159
479
 
160
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
480
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\FalconHeader.module.scss */
161
481
  /* center a block element */
162
482
  /* use this to any of the pseudo elements as these are the mandatory properties */
163
483
  /* setting styles in separate formats for cross browser support */
@@ -247,7 +567,7 @@
247
567
  color: #ffffff;
248
568
  }
249
569
 
250
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
570
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileNavigation.module.scss */
251
571
  /* center a block element */
252
572
  /* use this to any of the pseudo elements as these are the mandatory properties */
253
573
  /* setting styles in separate formats for cross browser support */
@@ -324,38 +644,155 @@
324
644
  .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
325
645
  margin-left: 12px;
326
646
  }
327
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
328
- border-bottom: 2px solid #f8f8f8;
329
- border-top: 2px solid #f8f8f8;
647
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
648
+ border-bottom: 2px solid #f8f8f8;
649
+ border-top: 2px solid #f8f8f8;
650
+ }
651
+
652
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
653
+ background-color: #111111;
654
+ }
655
+ @media (max-width: 1023px) {
656
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
657
+ background-color: #111111;
658
+ }
659
+ }
660
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
661
+ background-color: #1f1f1f;
662
+ color: #ffffff;
663
+ border: 1px solid #2c2c2c;
664
+ }
665
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
666
+ border-bottom: 2px solid #2c2c2c;
667
+ border-top: 2px solid #2c2c2c;
668
+ }
669
+
670
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
671
+ -webkit-transform: translateY(0);
672
+ -moz-transform: translateY(0);
673
+ -o-transform: translateY(0);
674
+ transform: translateY(0);
675
+ visibility: visible;
676
+ }
677
+
678
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartOverlay.module.scss */
679
+ /* center a block element */
680
+ /* use this to any of the pseudo elements as these are the mandatory properties */
681
+ /* setting styles in separate formats for cross browser support */
682
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
683
+ /* vertically center alilgn any HTML element */
684
+ /* add basePath to assets */
685
+ .cart-overlay-panel.offcanvas {
686
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
687
+ z-index: 2147483002;
688
+ }
689
+
690
+ .cart-overlay-panel .offcanvas-header {
691
+ padding: 20px 16px;
692
+ gap: 24px;
693
+ align-items: center;
694
+ background: #ffffff;
695
+ border-bottom: 1px solid #e6e3df;
696
+ }
697
+
698
+ .cart-overlay-panel .offcanvas-title {
699
+ display: flex;
700
+ flex-direction: column;
701
+ align-items: flex-start;
702
+ gap: 2px;
703
+ font-size: 24px;
704
+ line-height: 32px;
705
+ font-weight: 700;
706
+ color: #3d3935;
707
+ }
708
+ @media (max-width: 1023px) {
709
+ .cart-overlay-panel .offcanvas-title {
710
+ font-size: 20px;
711
+ line-height: 28px;
712
+ }
713
+ }
714
+
715
+ .cart-overlay-panel .btn-close {
716
+ opacity: 0.7;
717
+ width: 20px;
718
+ height: 20px;
719
+ }
720
+ .cart-overlay-panel .btn-close:hover {
721
+ opacity: 1;
722
+ }
723
+
724
+ .cart-overlay-panel .offcanvas-body {
725
+ padding: 0;
726
+ overflow-y: auto;
727
+ display: flex;
728
+ flex-direction: column;
729
+ background: #f7f6f5;
730
+ }
731
+
732
+ .cart-overlay-panel.offcanvas-bottom {
733
+ border-radius: 8px 8px 0 0 !important;
734
+ width: 100% !important;
735
+ overflow: hidden;
330
736
  }
331
737
 
332
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
333
- background-color: #111111;
738
+ .CartOverlay-module__backdrop___lMc-O {
739
+ position: fixed;
740
+ inset: 0;
741
+ z-index: 1040;
742
+ background: rgba(42, 42, 42, 0.7);
743
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
334
744
  }
335
- @media (max-width: 1023px) {
336
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
337
- background-color: #111111;
745
+
746
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
747
+ from {
748
+ opacity: 0;
749
+ }
750
+ to {
751
+ opacity: 1;
338
752
  }
339
753
  }
340
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
341
- background-color: #1f1f1f;
342
- color: #ffffff;
343
- border: 1px solid #2c2c2c;
754
+ .CartOverlay-module__footer___OwJpW {
755
+ padding: 16px 24px;
756
+ border-top: 1px solid #d2d2d2;
757
+ background-color: #ffffff;
344
758
  }
345
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
346
- border-bottom: 2px solid #2c2c2c;
347
- border-top: 2px solid #2c2c2c;
759
+
760
+ .CartOverlay-module__dismissButton___57qsq {
761
+ display: flex;
762
+ align-items: center;
763
+ justify-content: center;
764
+ width: 100%;
765
+ padding: 14px 24px;
766
+ gap: 8px;
767
+ background: none;
768
+ border: 2px solid #da291c;
769
+ border-radius: 28px;
770
+ font-size: 16px;
771
+ line-height: 24px;
772
+ font-weight: 600;
773
+ color: #da291c;
774
+ text-align: center;
775
+ cursor: pointer;
776
+ transition: background-color 0.15s ease;
777
+ }
778
+ .CartOverlay-module__dismissButton___57qsq:hover {
779
+ background-color: rgba(218, 41, 28, 0.05);
780
+ }
781
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
782
+ outline: 2px solid #da291c;
783
+ outline-offset: 2px;
348
784
  }
349
785
 
350
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
351
- -webkit-transform: translateY(0);
352
- -moz-transform: translateY(0);
353
- -o-transform: translateY(0);
354
- transform: translateY(0);
355
- visibility: visible;
786
+ .CartOverlay-module__errorMessage___ylBiH {
787
+ margin: auto 24px;
788
+ padding: 16px;
789
+ font-size: 20px;
790
+ line-height: 28px;
791
+ color: #3d3935;
792
+ text-align: center;
356
793
  }
357
794
 
358
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
795
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\MinimizedHeader\MinimizedHeader.module.scss */
359
796
  /* center a block element */
360
797
  /* use this to any of the pseudo elements as these are the mandatory properties */
361
798
  /* setting styles in separate formats for cross browser support */
@@ -489,7 +926,7 @@
489
926
  }
490
927
  }
491
928
 
492
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
929
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\LocaleSelector\LocaleSelector.module.scss */
493
930
  /* center a block element */
494
931
  /* use this to any of the pseudo elements as these are the mandatory properties */
495
932
  /* setting styles in separate formats for cross browser support */
@@ -573,631 +1010,311 @@
573
1010
  background-color: #1f1f1f;
574
1011
  }
575
1012
  }
576
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
577
- filter: brightness(0) invert(0.9);
578
- }
579
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
580
- background-color: #1f1f1f;
581
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
582
- }
583
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
584
- color: #ffffff;
585
- }
586
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
587
- color: #da291c;
588
- }
589
-
590
- .LocaleSelector-module__list-item___JVlRE a {
591
- font-size: 16px !important;
592
- line-height: 24px !important;
593
- display: flex;
594
- padding: 0 !important;
595
- }
596
- .LocaleSelector-module__list-item___JVlRE a span {
597
- margin: 10px 0 !important;
598
- }
599
- .LocaleSelector-module__list-item___JVlRE a::before {
600
- content: none;
601
- display: none !important;
602
- }
603
-
604
- @media (max-width: 1023px) {
605
- .LocaleSelector-module__button___0LEXR {
606
- color: #575452;
607
- position: relative;
608
- }
609
- .LocaleSelector-module__button___0LEXR button {
610
- background-color: #ffffff;
611
- border: 0;
612
- border-radius: 4px;
613
- cursor: pointer;
614
- font-size: 14px;
615
- line-height: 20px;
616
- padding-bottom: 0;
617
- margin-right: 6px;
618
- width: 100%;
619
- }
620
- .LocaleSelector-module__pop-up___HV8Ta {
621
- padding: 0px 12px !important;
622
- }
623
- .LocaleSelector-module__pop-up___HV8Ta img {
624
- padding-left: 12px;
625
- }
626
- .LocaleSelector-module__list-item___JVlRE a {
627
- font-size: 16px;
628
- line-height: 24px;
629
- font-weight: 400;
630
- display: flex;
631
- padding: 10px 12px;
632
- }
633
- .LocaleSelector-module__list-item___JVlRE a::before {
634
- content: none;
635
- display: none !important;
636
- }
637
- }
638
-
639
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
640
- /* center a block element */
641
- /* use this to any of the pseudo elements as these are the mandatory properties */
642
- /* setting styles in separate formats for cross browser support */
643
- /* specify the max width for an element and apply ellipses and truncate the overflow */
644
- /* vertically center alilgn any HTML element */
645
- /* add basePath to assets */
646
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
647
- transform: rotate(-180deg);
648
- }
649
-
650
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
651
- padding: 10px 8px;
652
- }
653
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
654
- background-repeat: no-repeat;
655
- background-size: contain;
656
- display: block;
657
- height: 24px;
658
- margin-right: 4px;
659
- width: 24px;
660
- }
661
- @media (max-width: 1023px) {
662
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
663
- background-repeat: no-repeat;
664
- background-size: contain;
665
- display: block;
666
- margin-left: auto;
667
- height: 24px;
668
- width: 24px;
669
- }
670
- }
671
- @media (max-width: 1023px) {
672
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
673
- background-repeat: no-repeat;
674
- background-size: contain;
675
- display: block;
676
- margin-left: auto;
677
- height: 8px;
678
- width: 14px;
679
- }
680
- }
681
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
682
- color: #da291c;
683
- font-weight: 700;
684
- font-size: 16px;
685
- line-height: 24px;
686
- }
687
- @media (max-width: 1023px) {
688
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
689
- background-color: #ffffff;
690
- padding: 10px;
691
- }
692
- }
693
-
694
- .ProfileLinkOut-module__highlight___XDufd {
695
- border-radius: 8px;
696
- background-color: #f7f6f5;
697
- }
698
-
699
- .ProfileLinkOut-module__non-section___G1jJY {
700
- padding-left: 16px;
701
- padding-right: 16px;
702
- height: fit-content;
703
- }
704
- @media (min-width: 1024px) and (max-width: 1439px) {
705
- .ProfileLinkOut-module__non-section___G1jJY {
706
- padding-left: 12px;
707
- padding-right: 12px;
708
- }
709
- }
710
- .ProfileLinkOut-module__non-section___G1jJY {
711
- background-color: unset !important;
712
- }
713
- @media (max-width: 1023px) {
714
- .ProfileLinkOut-module__non-section___G1jJY {
715
- background-color: #ffffff !important;
716
- }
717
- }
718
-
719
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
720
- color: #ffffff;
721
- }
722
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
723
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
724
- filter: brightness(0) invert(0.9);
725
- }
726
- @media (max-width: 1023px) {
727
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
728
- background-color: #1f1f1f !important;
729
- }
730
- }
731
-
732
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
733
- background-color: transparent;
734
- }
735
- .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 {
736
- color: #ffffff;
737
- }
738
- .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,
739
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
740
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
741
- filter: brightness(0) invert(0.9);
742
- }
743
- @media (max-width: 1023px) {
744
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
745
- background-color: #1f1f1f;
746
- }
747
- }
748
-
749
- .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 {
750
- background-color: #111111;
751
- }
752
-
753
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1013
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1014
+ filter: brightness(0) invert(0.9);
1015
+ }
1016
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
754
1017
  background-color: #1f1f1f;
755
1018
  box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
756
1019
  }
757
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1020
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
758
1021
  color: #ffffff;
759
- border-bottom-color: #86807c;
760
- }
761
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
762
- background-color: #1f1f1f;
763
1022
  }
764
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1023
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
765
1024
  color: #da291c;
766
1025
  }
767
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
768
- color: #ffffff;
769
- background-color: #1f1f1f;
770
- }
771
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
772
- filter: brightness(0) invert(0.9);
773
- }
774
1026
 
775
- .ProfileLinkOut-module__arrow___Mc7yw {
776
- display: none;
1027
+ .LocaleSelector-module__list-item___JVlRE a {
1028
+ font-size: 16px !important;
1029
+ line-height: 24px !important;
1030
+ display: flex;
1031
+ padding: 0 !important;
777
1032
  }
778
- @media (max-width: 1023px) {
779
- .ProfileLinkOut-module__arrow___Mc7yw {
780
- position: absolute;
781
- right: 10px;
782
- display: inline-block;
783
- }
1033
+ .LocaleSelector-module__list-item___JVlRE a span {
1034
+ margin: 10px 0 !important;
1035
+ }
1036
+ .LocaleSelector-module__list-item___JVlRE a::before {
1037
+ content: none;
1038
+ display: none !important;
784
1039
  }
785
1040
 
786
- @media (min-width: 1024px) {
787
- .ProfileLinkOut-module__log___JdxjK {
788
- display: none;
1041
+ @media (max-width: 1023px) {
1042
+ .LocaleSelector-module__button___0LEXR {
1043
+ color: #575452;
1044
+ position: relative;
789
1045
  }
790
- }
791
- @media (min-width: 1024px) {
792
- .ProfileLinkOut-module__login-flyover___YDIVp {
793
- position: absolute;
794
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
795
- min-width: max-content;
796
- display: block;
797
- padding: 24px 32px;
798
- font-size: 16px;
799
- border: 0;
800
- color: #e6003c;
801
- font-weight: 700;
802
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1046
+ .LocaleSelector-module__button___0LEXR button {
803
1047
  background-color: #ffffff;
1048
+ border: 0;
804
1049
  border-radius: 4px;
805
- }
806
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
807
- padding-bottom: 16px;
808
- letter-spacing: 1px;
809
- text-transform: uppercase;
810
- color: #86807c;
811
- font-weight: 500;
1050
+ cursor: pointer;
812
1051
  font-size: 14px;
813
1052
  line-height: 20px;
814
- border-bottom: 1px solid #e6e3df;
815
- }
816
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
817
- padding: 28px 0;
818
- }
819
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
820
- text-decoration: underline;
821
- }
822
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
823
- font-size: 18px;
824
- line-height: 24px;
825
- color: #da291c;
826
- }
827
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
828
- color: #3d3935;
829
- font-weight: 400;
830
- font-size: 18px;
831
- line-height: 24px;
832
- }
833
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
834
- padding-left: 10px;
835
- }
836
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
837
- text-decoration: underline;
1053
+ padding-bottom: 0;
1054
+ margin-right: 6px;
1055
+ width: 100%;
838
1056
  }
839
- }
840
- @media (max-width: 1023px) {
841
- .ProfileLinkOut-module__login-flyover___YDIVp {
842
- color: #86807c;
843
- font-weight: 500;
844
- font-size: 14px;
845
- line-height: 20px;
846
- padding-left: 16px;
1057
+ .LocaleSelector-module__pop-up___HV8Ta {
1058
+ padding: 0px 12px !important;
847
1059
  }
848
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
849
- padding: 20px 0 8px 10px;
850
- letter-spacing: 1px;
851
- text-transform: uppercase;
1060
+ .LocaleSelector-module__pop-up___HV8Ta img {
1061
+ padding-left: 12px;
852
1062
  }
853
- .ProfileLinkOut-module__mysunrise___F326W {
854
- color: #da291c;
855
- font-weight: 700;
856
- font-size: 18px;
1063
+ .LocaleSelector-module__list-item___JVlRE a {
1064
+ font-size: 16px;
857
1065
  line-height: 24px;
858
- background-color: #ffffff;
859
- padding: 10px;
860
- margin-bottom: 4px;
861
- }
862
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
863
- font-weight: unset;
864
- }
865
- .ProfileLinkOut-module__logout___GfbcJ {
866
- color: #3d3935;
867
1066
  font-weight: 400;
868
- background-color: #ffffff;
869
- padding: 10px;
870
- font-size: 18px;
871
- line-height: 24px;
872
- position: relative;
1067
+ display: flex;
1068
+ padding: 10px 12px;
873
1069
  }
874
- .ProfileLinkOut-module__logout___GfbcJ img {
875
- position: absolute;
876
- padding-left: 10px;
1070
+ .LocaleSelector-module__list-item___JVlRE a::before {
1071
+ content: none;
1072
+ display: none !important;
877
1073
  }
878
1074
  }
879
1075
 
880
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
1076
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\ProfileLinkOut\ProfileLinkOut.module.scss */
881
1077
  /* center a block element */
882
1078
  /* use this to any of the pseudo elements as these are the mandatory properties */
883
1079
  /* setting styles in separate formats for cross browser support */
884
1080
  /* specify the max width for an element and apply ellipses and truncate the overflow */
885
1081
  /* vertically center alilgn any HTML element */
886
1082
  /* add basePath to assets */
887
- .FalconMainNavigation-module__container___85E7S {
888
- -webkit-transition: all 1s ease-out;
889
- transition: all 1s ease-out;
890
- font-size: 20px;
891
- line-height: 23px;
892
- position: fixed;
893
- width: 100%;
894
- z-index: 10;
895
- top: 0;
896
- }
897
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
898
- position: absolute;
899
- z-index: 1;
900
- top: 17px;
901
- -webkit-transition: all 1s ease-out;
902
- transition: all 1s ease-out;
903
- }
904
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
905
- height: 89px;
906
- width: 98px;
907
- margin-left: auto;
908
- margin-right: auto;
909
- -webkit-transition: all 1s ease-out;
910
- transition: all 1s ease-out;
911
- }
912
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
913
- top: 61px;
914
- -webkit-transition: all 1s ease-out;
915
- transition: all 1s ease-out;
916
- }
917
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
918
- height: 56px;
919
- -webkit-transition: all 1s ease-out;
920
- transition: all 1s ease-out;
921
- }
922
- .FalconMainNavigation-module__container___85E7S ul,
923
- .FalconMainNavigation-module__container___85E7S li {
924
- list-style: none;
925
- margin: 0px;
926
- padding: 0px;
1083
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1084
+ transform: rotate(-180deg);
927
1085
  }
928
- .FalconMainNavigation-module__container___85E7S a {
929
- color: #1f1f1f;
930
- text-decoration: none;
1086
+
1087
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1088
+ padding: 10px 8px;
931
1089
  }
932
- .FalconMainNavigation-module__container___85E7S a::before {
933
- content: attr(title);
1090
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1091
+ background-repeat: no-repeat;
1092
+ background-size: contain;
934
1093
  display: block;
935
- font-weight: bold;
936
- height: 0;
937
- opacity: 1;
938
- overflow: hidden;
1094
+ height: 24px;
1095
+ margin-right: 4px;
1096
+ width: 24px;
939
1097
  }
940
1098
  @media (max-width: 1023px) {
941
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
942
- display: none;
1099
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1100
+ background-repeat: no-repeat;
1101
+ background-size: contain;
1102
+ display: block;
1103
+ margin-left: auto;
1104
+ height: 24px;
1105
+ width: 24px;
943
1106
  }
944
1107
  }
945
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
946
- color: #1f1f1f;
947
- }
948
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
949
- background: #ffffff;
950
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
951
- }
952
- .FalconMainNavigation-module__container___85E7S .full-width {
953
- width: 100%;
954
- }
955
1108
  @media (max-width: 1023px) {
956
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
957
- max-width: 100%;
958
- }
959
- }
960
- @media (min-width: 1024px) and (max-width: 1439px) {
961
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
962
- max-width: 1308px;
963
- padding-left: 42px;
964
- padding-right: 42px;
1109
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1110
+ background-repeat: no-repeat;
1111
+ background-size: contain;
1112
+ display: block;
1113
+ margin-left: auto;
1114
+ height: 8px;
1115
+ width: 14px;
965
1116
  }
966
1117
  }
967
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
968
- background-color: #ffffff;
969
- position: relative;
970
- z-index: auto;
1118
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1119
+ color: #da291c;
1120
+ font-weight: 700;
1121
+ font-size: 16px;
1122
+ line-height: 24px;
971
1123
  }
972
1124
  @media (max-width: 1023px) {
973
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
974
- background-color: #f8f8f8;
1125
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1126
+ background-color: #ffffff;
1127
+ padding: 10px;
975
1128
  }
976
1129
  }
977
- @media (min-width: 1024px) {
978
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
979
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
1130
+
1131
+ .ProfileLinkOut-module__highlight___XDufd {
1132
+ border-radius: 8px;
1133
+ background-color: #f7f6f5;
1134
+ }
1135
+
1136
+ .ProfileLinkOut-module__non-section___G1jJY {
1137
+ padding-left: 16px;
1138
+ padding-right: 16px;
1139
+ height: fit-content;
1140
+ }
1141
+ @media (min-width: 1024px) and (max-width: 1439px) {
1142
+ .ProfileLinkOut-module__non-section___G1jJY {
1143
+ padding-left: 12px;
1144
+ padding-right: 12px;
980
1145
  }
981
1146
  }
982
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
983
- min-height: 68px;
1147
+ .ProfileLinkOut-module__non-section___G1jJY {
1148
+ background-color: unset !important;
984
1149
  }
985
1150
  @media (max-width: 1023px) {
986
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
987
- min-height: 44px;
988
- height: 44px;
1151
+ .ProfileLinkOut-module__non-section___G1jJY {
1152
+ background-color: #ffffff !important;
989
1153
  }
990
1154
  }
991
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
992
- background-repeat: no-repeat;
993
- background-size: contain;
1155
+
1156
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1157
+ color: #ffffff;
994
1158
  }
995
- @media (max-width: 1023px) {
996
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
997
- display: block;
998
- background-size: contain;
999
- width: 120px;
1000
- height: 24px;
1001
- margin-right: 10px;
1002
- }
1159
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1160
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1161
+ filter: brightness(0) invert(0.9);
1003
1162
  }
1004
- @media (min-width: 1024px) {
1005
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
1006
- visibility: visible;
1007
- }
1008
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
1009
- visibility: hidden;
1163
+ @media (max-width: 1023px) {
1164
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1165
+ background-color: #1f1f1f !important;
1010
1166
  }
1011
1167
  }
1012
- @media (min-width: 1024px) {
1013
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
1014
- height: 24px;
1015
- border-right: 1px solid #e6e3df;
1016
- border-left: 1px solid #e6e3df;
1017
- padding: 0 16px;
1018
- margin-top: 10px;
1019
- }
1168
+
1169
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1170
+ background-color: transparent;
1020
1171
  }
1021
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1022
- position: relative;
1023
- display: flex;
1024
- align-items: center;
1025
- height: 24px;
1026
- cursor: pointer;
1027
- background: none;
1028
- border: none;
1029
- outline: none;
1172
+ .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 {
1173
+ color: #ffffff;
1030
1174
  }
1031
- @media (min-width: 1024px) {
1032
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1033
- padding: 0 12px;
1034
- margin-top: 10px;
1035
- border-left: 1px solid #e6e3df;
1036
- }
1175
+ .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,
1176
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1177
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1178
+ filter: brightness(0) invert(0.9);
1037
1179
  }
1038
1180
  @media (max-width: 1023px) {
1039
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1040
- padding: 0;
1041
- margin-right: 16px;
1181
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1182
+ background-color: #1f1f1f;
1042
1183
  }
1043
1184
  }
1044
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
1045
- outline: 2px solid #e6e3df;
1046
- outline-offset: 2px;
1047
- border-radius: 2px;
1048
- }
1049
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1050
- cursor: pointer;
1051
- display: block;
1052
- height: 24px;
1053
- width: 24px;
1185
+
1186
+ .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 {
1187
+ background-color: #111111;
1054
1188
  }
1055
- @media (max-width: 1023px) {
1056
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1057
- margin-right: 20px;
1058
- margin-left: 16px;
1059
- }
1189
+
1190
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1191
+ background-color: #1f1f1f;
1192
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1060
1193
  }
1061
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1062
- opacity: 0.6;
1063
- pointer-events: none;
1064
- cursor: default;
1194
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1195
+ color: #ffffff;
1196
+ border-bottom-color: #86807c;
1065
1197
  }
1066
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1067
- background-repeat: no-repeat;
1068
- background-size: contain;
1069
- display: block;
1070
- height: 24px;
1071
- margin: 10px 8px 0 10px;
1072
- width: 24px;
1198
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1199
+ background-color: #1f1f1f;
1073
1200
  }
1074
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1075
- font-size: 16px;
1076
- line-height: 24px;
1077
- color: #1f1f1f;
1078
- margin: 10px 16px 0 8px;
1079
- font-weight: 700;
1080
- cursor: pointer;
1201
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1202
+ color: #da291c;
1081
1203
  }
1082
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1083
- background-repeat: no-repeat;
1084
- background-size: contain;
1085
- display: block;
1086
- height: 24px;
1087
- margin: 11px 0px 0 0px;
1088
- width: 24px;
1089
- cursor: pointer;
1204
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1205
+ color: #ffffff;
1206
+ background-color: #1f1f1f;
1090
1207
  }
1091
- @media (max-width: 1023px) {
1092
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1093
- margin: 0px;
1094
- cursor: pointer;
1095
- }
1208
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1209
+ filter: brightness(0) invert(0.9);
1096
1210
  }
1097
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1098
- margin: 10px 0px 0px;
1099
- cursor: pointer;
1211
+
1212
+ .ProfileLinkOut-module__arrow___Mc7yw {
1213
+ display: none;
1100
1214
  }
1101
1215
  @media (max-width: 1023px) {
1102
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1103
- margin: 0px;
1216
+ .ProfileLinkOut-module__arrow___Mc7yw {
1217
+ position: absolute;
1218
+ right: 10px;
1219
+ display: inline-block;
1104
1220
  }
1105
1221
  }
1222
+
1106
1223
  @media (min-width: 1024px) {
1107
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1108
- position: relative;
1109
- justify-content: space-between;
1110
- padding: 12px 0;
1111
- }
1112
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1113
- margin-left: 58px;
1224
+ .ProfileLinkOut-module__log___JdxjK {
1225
+ display: none;
1114
1226
  }
1115
1227
  }
1116
1228
  @media (min-width: 1024px) {
1117
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1118
- position: relative;
1119
- justify-content: space-between;
1120
- padding: 12px 0;
1229
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1230
+ position: absolute;
1231
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1232
+ min-width: max-content;
1233
+ display: block;
1234
+ padding: 24px 32px;
1235
+ font-size: 16px;
1236
+ border: 0;
1237
+ color: #e6003c;
1238
+ font-weight: 700;
1239
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1240
+ background-color: #ffffff;
1241
+ border-radius: 4px;
1121
1242
  }
1122
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1123
- margin-left: 58px;
1243
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1244
+ padding-bottom: 16px;
1245
+ letter-spacing: 1px;
1246
+ text-transform: uppercase;
1247
+ color: #86807c;
1248
+ font-weight: 500;
1249
+ font-size: 14px;
1250
+ line-height: 20px;
1251
+ border-bottom: 1px solid #e6e3df;
1124
1252
  }
1125
- }
1126
- @media (min-width: 1024px) {
1127
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1128
- padding-bottom: 47px;
1253
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1254
+ padding: 28px 0;
1129
1255
  }
1130
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1131
- padding-bottom: 0;
1256
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1257
+ text-decoration: underline;
1132
1258
  }
1133
- }
1134
- @media (min-width: 1440px) {
1135
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1136
- padding-bottom: 0;
1259
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1260
+ font-size: 18px;
1261
+ line-height: 24px;
1262
+ color: #da291c;
1137
1263
  }
1138
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1139
- padding-bottom: 0;
1264
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1265
+ color: #3d3935;
1266
+ font-weight: 400;
1267
+ font-size: 18px;
1268
+ line-height: 24px;
1140
1269
  }
1141
- }
1142
-
1143
- @media (min-width: 1024px) {
1144
- .FalconMainNavigation-module__falcon-nav___YMp-r {
1145
- top: -52px;
1270
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1271
+ padding-left: 10px;
1272
+ }
1273
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1274
+ text-decoration: underline;
1146
1275
  }
1147
1276
  }
1148
-
1149
- .page-top,
1150
- #main {
1151
- padding-top: var(--main-nav-height, 72px);
1152
- transition: padding-top 500ms ease-out;
1153
- }
1154
-
1155
- @media (max-width: 767px) {
1156
- .page-top,
1157
- #main {
1158
- padding-top: var(--main-nav-height, 50px);
1277
+ @media (max-width: 1023px) {
1278
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1279
+ color: #86807c;
1280
+ font-weight: 500;
1281
+ font-size: 14px;
1282
+ line-height: 20px;
1283
+ padding-left: 16px;
1284
+ }
1285
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1286
+ padding: 20px 0 8px 10px;
1287
+ letter-spacing: 1px;
1288
+ text-transform: uppercase;
1159
1289
  }
1160
- }
1161
- @media (prefers-reduced-motion: reduce) {
1162
- .page-top,
1163
- #main {
1164
- transition: none;
1290
+ .ProfileLinkOut-module__mysunrise___F326W {
1291
+ color: #da291c;
1292
+ font-weight: 700;
1293
+ font-size: 18px;
1294
+ line-height: 24px;
1295
+ background-color: #ffffff;
1296
+ padding: 10px;
1297
+ margin-bottom: 4px;
1165
1298
  }
1166
- }
1167
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1168
- background-color: #1f1f1f;
1169
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1170
- }
1171
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1172
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1173
- background-color: #1f1f1f;
1174
- }
1175
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1176
- border-right-color: #86807c;
1177
- border-left-color: #86807c;
1178
- }
1179
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1180
- color: #ffffff;
1181
- }
1182
-
1183
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1184
- position: fixed;
1185
- top: 0;
1186
- left: 0;
1187
- padding: 4px 8px;
1188
- font-size: 14px;
1189
- z-index: 10000;
1190
- color: #5f5955;
1191
- background: #ffffff;
1192
- }
1193
- @media (max-width: 850px) {
1194
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1195
- padding: 0 4px;
1196
- font-size: 8px;
1299
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
1300
+ font-weight: unset;
1301
+ }
1302
+ .ProfileLinkOut-module__logout___GfbcJ {
1303
+ color: #3d3935;
1304
+ font-weight: 400;
1305
+ background-color: #ffffff;
1306
+ padding: 10px;
1307
+ font-size: 18px;
1308
+ line-height: 24px;
1309
+ position: relative;
1310
+ }
1311
+ .ProfileLinkOut-module__logout___GfbcJ img {
1312
+ position: absolute;
1313
+ padding-left: 10px;
1197
1314
  }
1198
1315
  }
1199
1316
 
1200
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1317
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartDotLoader\CartDotLoader.module.scss */
1201
1318
  /* center a block element */
1202
1319
  /* use this to any of the pseudo elements as these are the mandatory properties */
1203
1320
  /* setting styles in separate formats for cross browser support */
@@ -1259,7 +1376,55 @@
1259
1376
  text-align: center;
1260
1377
  }
1261
1378
 
1262
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1379
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartHeader\CartHeader.module.scss */
1380
+ /* center a block element */
1381
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1382
+ /* setting styles in separate formats for cross browser support */
1383
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1384
+ /* vertically center alilgn any HTML element */
1385
+ /* add basePath to assets */
1386
+ .CartHeader-module__headerTitle___35F6g {
1387
+ display: flex;
1388
+ align-items: center;
1389
+ gap: 8px;
1390
+ }
1391
+
1392
+ .CartHeader-module__headerItemCount___g1Ynd {
1393
+ font-size: 24px;
1394
+ line-height: 32px;
1395
+ font-weight: 400;
1396
+ color: #3d3935;
1397
+ }
1398
+ @media (max-width: 1023px) {
1399
+ .CartHeader-module__headerItemCount___g1Ynd {
1400
+ font-size: 20px;
1401
+ line-height: 28px;
1402
+ }
1403
+ }
1404
+
1405
+ .CartHeader-module__clearAllButton___B3bNF {
1406
+ display: inline;
1407
+ background: none;
1408
+ border: none;
1409
+ padding: 0;
1410
+ cursor: pointer;
1411
+ font-size: 14px;
1412
+ line-height: 20px;
1413
+ font-weight: 400;
1414
+ color: #da291c;
1415
+ text-decoration: underline;
1416
+ text-underline-offset: 2px;
1417
+ }
1418
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1419
+ color: #961c13;
1420
+ }
1421
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1422
+ outline: 2px solid #da291c;
1423
+ outline-offset: 2px;
1424
+ border-radius: 2px;
1425
+ }
1426
+
1427
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileMenuItem\MobileMenuItem.module.scss */
1263
1428
  /* center a block element */
1264
1429
  /* use this to any of the pseudo elements as these are the mandatory properties */
1265
1430
  /* setting styles in separate formats for cross browser support */
@@ -1317,7 +1482,160 @@
1317
1482
  filter: brightness(0) invert(0.9);
1318
1483
  }
1319
1484
 
1320
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1485
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartFooter\CartFooter.module.scss */
1486
+ /* center a block element */
1487
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1488
+ /* setting styles in separate formats for cross browser support */
1489
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1490
+ /* vertically center alilgn any HTML element */
1491
+ /* add basePath to assets */
1492
+ .CartFooter-module__cartFooter___pgZ1x {
1493
+ display: flex;
1494
+ flex-direction: column;
1495
+ background-color: #3d3935;
1496
+ border-radius: 8px 8px 0 0;
1497
+ padding: 16px 24px;
1498
+ gap: 16px;
1499
+ }
1500
+ @media (max-width: 767px) {
1501
+ .CartFooter-module__cartFooter___pgZ1x {
1502
+ padding: 16px;
1503
+ }
1504
+ }
1505
+
1506
+ .CartFooter-module__footerTotals___sG-0P {
1507
+ display: flex;
1508
+ justify-content: space-between;
1509
+ gap: 0;
1510
+ }
1511
+
1512
+ .CartFooter-module__footerTotalsItem___zs1hY {
1513
+ display: flex;
1514
+ flex-direction: column;
1515
+ justify-content: space-between;
1516
+ gap: 2px;
1517
+ flex: 1;
1518
+ padding: 0 16px;
1519
+ }
1520
+ .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1521
+ padding-left: 0;
1522
+ }
1523
+ .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1524
+ padding-right: 0;
1525
+ }
1526
+
1527
+ .CartFooter-module__footerTotalsItemDivider___--UXf {
1528
+ border-left: 1px solid #b3aeaa;
1529
+ }
1530
+
1531
+ .CartFooter-module__footerTotalsLabel___Z30Az {
1532
+ font-size: 12px;
1533
+ line-height: 16px;
1534
+ color: #b3aeaa;
1535
+ }
1536
+
1537
+ .CartFooter-module__footerTotalsValue___NfXPQ {
1538
+ font-size: 16px;
1539
+ line-height: 24px;
1540
+ font-weight: 700;
1541
+ color: #ffffff;
1542
+ }
1543
+
1544
+ .CartFooter-module__footerButtons___6xWKX {
1545
+ display: flex;
1546
+ text-align: center;
1547
+ gap: 12px;
1548
+ }
1549
+ .CartFooter-module__footerButtons___6xWKX > div {
1550
+ flex: 1;
1551
+ }
1552
+ .CartFooter-module__footerButtons___6xWKX a {
1553
+ text-decoration: none;
1554
+ }
1555
+
1556
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\EmptyCart\EmptyCart.module.scss */
1557
+ /* center a block element */
1558
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1559
+ /* setting styles in separate formats for cross browser support */
1560
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1561
+ /* vertically center alilgn any HTML element */
1562
+ /* add basePath to assets */
1563
+ .EmptyCart-module__emptyState___HtCXJ {
1564
+ display: flex;
1565
+ flex-direction: column;
1566
+ align-items: center;
1567
+ justify-content: center;
1568
+ flex: 1;
1569
+ padding: 32px 24px 24px;
1570
+ text-align: center;
1571
+ }
1572
+
1573
+ .EmptyCart-module__emptyIcon___A7F8f {
1574
+ margin-bottom: 8px;
1575
+ }
1576
+
1577
+ .EmptyCart-module__emptyText___aX6Nu {
1578
+ font-size: 16px;
1579
+ line-height: 24px;
1580
+ font-weight: 700;
1581
+ color: #3d3935;
1582
+ margin: 0 0 44px;
1583
+ }
1584
+
1585
+ .EmptyCart-module__emptySubText___P504H {
1586
+ font-size: 14px;
1587
+ line-height: 20px;
1588
+ color: #787472;
1589
+ margin: 0 0 8px;
1590
+ }
1591
+
1592
+ .EmptyCart-module__categoryLinks___J9tic {
1593
+ display: flex;
1594
+ gap: 12px;
1595
+ width: 100%;
1596
+ justify-content: center;
1597
+ }
1598
+
1599
+ .EmptyCart-module__categoryLink___YxsmA {
1600
+ display: flex;
1601
+ flex-direction: column;
1602
+ align-items: center;
1603
+ justify-content: center;
1604
+ gap: 6px;
1605
+ flex: 1;
1606
+ padding: 12px 8px;
1607
+ background-color: #ffffff;
1608
+ border: none;
1609
+ border-radius: 8px;
1610
+ text-decoration: none;
1611
+ color: #3d3935;
1612
+ font-size: 12px;
1613
+ line-height: 16px;
1614
+ font-weight: 500;
1615
+ text-align: center;
1616
+ transition: background-color 0.15s ease;
1617
+ }
1618
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1619
+ background-color: #f8f8f8;
1620
+ text-decoration: none;
1621
+ color: #3d3935;
1622
+ }
1623
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1624
+ outline: 2px solid #e6003c;
1625
+ outline-offset: 2px;
1626
+ }
1627
+
1628
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1629
+ display: flex;
1630
+ align-items: center;
1631
+ justify-content: center;
1632
+ }
1633
+
1634
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1635
+ line-height: 1.3;
1636
+ }
1637
+
1638
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\FalconHeader\BusinessCustomerLinkOut\BusinessCustomerLinkOut.module.scss */
1321
1639
  /* center a block element */
1322
1640
  /* use this to any of the pseudo elements as these are the mandatory properties */
1323
1641
  /* setting styles in separate formats for cross browser support */
@@ -1404,7 +1722,7 @@
1404
1722
  background-color: #1f1f1f;
1405
1723
  }
1406
1724
 
1407
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1725
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\SubNavigation\SubNavigation.module.scss */
1408
1726
  /* center a block element */
1409
1727
  /* use this to any of the pseudo elements as these are the mandatory properties */
1410
1728
  /* setting styles in separate formats for cross browser support */
@@ -1514,325 +1832,166 @@
1514
1832
  border: none;
1515
1833
  }
1516
1834
 
1517
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1835
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartItems\CartItems.module.scss */
1518
1836
  /* center a block element */
1519
1837
  /* use this to any of the pseudo elements as these are the mandatory properties */
1520
1838
  /* setting styles in separate formats for cross browser support */
1521
1839
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1522
1840
  /* vertically center alilgn any HTML element */
1523
1841
  /* add basePath to assets */
1524
- .cart-overlay-panel.offcanvas {
1525
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1526
- z-index: 2147483002;
1527
- }
1528
-
1529
- .cart-overlay-panel .offcanvas-header {
1530
- padding: 20px 16px;
1531
- gap: 24px;
1532
- align-items: center;
1533
- background: #ffffff;
1534
- border-bottom: 1px solid #e6e3df;
1535
- }
1536
-
1537
- .cart-overlay-panel .offcanvas-title {
1842
+ .CartItems-module__container___9xcV- {
1538
1843
  display: flex;
1539
1844
  flex-direction: column;
1540
- align-items: flex-start;
1541
- gap: 2px;
1542
- font-size: 24px;
1543
- line-height: 32px;
1544
- font-weight: 700;
1545
- color: #3d3935;
1546
- }
1547
- @media (max-width: 1023px) {
1548
- .cart-overlay-panel .offcanvas-title {
1549
- font-size: 20px;
1550
- line-height: 28px;
1551
- }
1552
- }
1553
-
1554
- .cart-overlay-panel .btn-close {
1555
- opacity: 0.7;
1556
- width: 20px;
1557
- height: 20px;
1558
- }
1559
- .cart-overlay-panel .btn-close:hover {
1560
- opacity: 1;
1845
+ flex: 1;
1561
1846
  }
1562
1847
 
1563
- .cart-overlay-panel .offcanvas-body {
1848
+ .CartItems-module__itemList___CK3U1 {
1849
+ list-style: none;
1850
+ margin: 0;
1564
1851
  padding: 0;
1565
- overflow-y: auto;
1566
- display: flex;
1567
- flex-direction: column;
1568
- background: #f7f6f5;
1569
- }
1570
-
1571
- .cart-overlay-panel.offcanvas-bottom {
1572
- border-radius: 8px 8px 0 0 !important;
1573
- width: 100% !important;
1574
- overflow: hidden;
1575
- }
1576
-
1577
- .CartOverlay-module__backdrop___lMc-O {
1578
- position: fixed;
1579
- inset: 0;
1580
- z-index: 1040;
1581
- background: rgba(42, 42, 42, 0.7);
1582
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1583
- }
1584
-
1585
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1586
- from {
1587
- opacity: 0;
1588
- }
1589
- to {
1590
- opacity: 1;
1591
- }
1592
- }
1593
- .CartOverlay-module__footer___OwJpW {
1594
- padding: 16px 24px;
1595
- border-top: 1px solid #d2d2d2;
1596
- background-color: #ffffff;
1597
1852
  }
1598
1853
 
1599
- .CartOverlay-module__dismissButton___57qsq {
1600
- display: flex;
1601
- align-items: center;
1602
- justify-content: center;
1603
- width: 100%;
1604
- padding: 14px 24px;
1605
- gap: 8px;
1606
- background: none;
1607
- border: 2px solid #da291c;
1608
- border-radius: 28px;
1609
- font-size: 16px;
1610
- line-height: 24px;
1611
- font-weight: 600;
1612
- color: #da291c;
1613
- text-align: center;
1614
- cursor: pointer;
1615
- transition: background-color 0.15s ease;
1616
- }
1617
- .CartOverlay-module__dismissButton___57qsq:hover {
1618
- background-color: rgba(218, 41, 28, 0.05);
1619
- }
1620
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1621
- outline: 2px solid #da291c;
1622
- outline-offset: 2px;
1854
+ .CartItems-module__item___A6nFF {
1855
+ border-bottom: 1px solid #e6e3df;
1856
+ background-color: #f7f6f5;
1623
1857
  }
1624
-
1625
- .CartOverlay-module__errorMessage___ylBiH {
1626
- margin: auto 24px;
1627
- padding: 16px;
1628
- font-size: 20px;
1629
- line-height: 28px;
1630
- color: #3d3935;
1631
- text-align: center;
1858
+ .CartItems-module__item___A6nFF:last-child {
1859
+ border-bottom: none;
1632
1860
  }
1633
1861
 
1634
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1635
- /* center a block element */
1636
- /* use this to any of the pseudo elements as these are the mandatory properties */
1637
- /* setting styles in separate formats for cross browser support */
1638
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1639
- /* vertically center alilgn any HTML element */
1640
- /* add basePath to assets */
1641
- .CartHeader-module__headerTitle___35F6g {
1862
+ .CartItems-module__itemContent___DaQhK {
1642
1863
  display: flex;
1864
+ flex-direction: row;
1643
1865
  align-items: center;
1644
- gap: 8px;
1645
- }
1646
-
1647
- .CartHeader-module__headerItemCount___g1Ynd {
1648
- font-size: 24px;
1649
- line-height: 32px;
1650
- font-weight: 400;
1651
- color: #3d3935;
1652
- }
1653
- @media (max-width: 1023px) {
1654
- .CartHeader-module__headerItemCount___g1Ynd {
1655
- font-size: 20px;
1656
- line-height: 28px;
1657
- }
1658
- }
1659
-
1660
- .CartHeader-module__clearAllButton___B3bNF {
1661
- display: inline;
1662
- background: none;
1663
- border: none;
1664
- padding: 0;
1665
- cursor: pointer;
1666
- font-size: 14px;
1667
- line-height: 20px;
1668
- font-weight: 400;
1669
- color: #da291c;
1670
- text-decoration: underline;
1671
- text-underline-offset: 2px;
1672
- }
1673
- .CartHeader-module__clearAllButton___B3bNF:hover {
1674
- color: #961c13;
1675
- }
1676
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1677
- outline: 2px solid #da291c;
1678
- outline-offset: 2px;
1679
- border-radius: 2px;
1680
- }
1681
-
1682
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1683
- /* center a block element */
1684
- /* use this to any of the pseudo elements as these are the mandatory properties */
1685
- /* setting styles in separate formats for cross browser support */
1686
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1687
- /* vertically center alilgn any HTML element */
1688
- /* add basePath to assets */
1689
- .CartFooter-module__cartFooter___pgZ1x {
1690
- display: flex;
1691
- flex-direction: column;
1692
- background-color: #3d3935;
1693
- border-radius: 8px 8px 0 0;
1694
- padding: 16px 24px;
1695
1866
  gap: 16px;
1867
+ padding: 16px 24px;
1696
1868
  }
1697
1869
  @media (max-width: 767px) {
1698
- .CartFooter-module__cartFooter___pgZ1x {
1870
+ .CartItems-module__itemContent___DaQhK {
1699
1871
  padding: 16px;
1700
1872
  }
1701
1873
  }
1702
1874
 
1703
- .CartFooter-module__footerTotals___sG-0P {
1875
+ .CartItems-module__itemIcon___pk1NU {
1704
1876
  display: flex;
1705
- justify-content: space-between;
1706
- gap: 0;
1877
+ align-items: center;
1878
+ justify-content: center;
1879
+ flex-shrink: 0;
1880
+ width: 40px;
1881
+ height: 40px;
1882
+ color: #86807c;
1883
+ }
1884
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1885
+ width: 40px;
1886
+ height: 40px;
1887
+ object-fit: contain;
1888
+ border-radius: 4px;
1707
1889
  }
1708
1890
 
1709
- .CartFooter-module__footerTotalsItem___zs1hY {
1891
+ .CartItems-module__itemBody___leOoI {
1710
1892
  display: flex;
1711
1893
  flex-direction: column;
1712
- justify-content: space-between;
1713
- gap: 2px;
1894
+ gap: 4px;
1714
1895
  flex: 1;
1715
- padding: 0 16px;
1716
- }
1717
- .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1718
- padding-left: 0;
1896
+ min-width: 0;
1719
1897
  }
1720
- .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1721
- padding-right: 0;
1898
+
1899
+ .CartItems-module__itemRow___owvC2 {
1900
+ display: grid;
1901
+ grid-template-columns: 1fr auto;
1902
+ row-gap: 2px;
1903
+ column-gap: 16px;
1722
1904
  }
1723
1905
 
1724
- .CartFooter-module__footerTotalsItemDivider___--UXf {
1725
- border-left: 1px solid #b3aeaa;
1906
+ .CartItems-module__itemDetails___vQu14 {
1907
+ display: contents;
1726
1908
  }
1727
1909
 
1728
- .CartFooter-module__footerTotalsLabel___Z30Az {
1910
+ .CartItems-module__categoryLabel___gSZid {
1729
1911
  font-size: 12px;
1730
1912
  line-height: 16px;
1731
- color: #b3aeaa;
1732
- }
1733
-
1734
- .CartFooter-module__footerTotalsValue___NfXPQ {
1735
- font-size: 16px;
1736
- line-height: 24px;
1737
- font-weight: 700;
1738
- color: #ffffff;
1739
- }
1740
-
1741
- .CartFooter-module__footerButtons___6xWKX {
1742
- display: flex;
1743
- text-align: center;
1744
- gap: 12px;
1745
- }
1746
- .CartFooter-module__footerButtons___6xWKX > div {
1747
- flex: 1;
1748
- }
1749
- .CartFooter-module__footerButtons___6xWKX a {
1750
- text-decoration: none;
1751
- }
1752
-
1753
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1754
- /* center a block element */
1755
- /* use this to any of the pseudo elements as these are the mandatory properties */
1756
- /* setting styles in separate formats for cross browser support */
1757
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1758
- /* vertically center alilgn any HTML element */
1759
- /* add basePath to assets */
1760
- .EmptyCart-module__emptyState___HtCXJ {
1761
- display: flex;
1762
- flex-direction: column;
1763
- align-items: center;
1764
- justify-content: center;
1765
- flex: 1;
1766
- padding: 32px 24px 24px;
1767
- text-align: center;
1768
- }
1769
-
1770
- .EmptyCart-module__emptyIcon___A7F8f {
1771
- margin-bottom: 8px;
1913
+ color: #86807c;
1914
+ grid-column: 1/-1;
1772
1915
  }
1773
1916
 
1774
- .EmptyCart-module__emptyText___aX6Nu {
1775
- font-size: 16px;
1776
- line-height: 24px;
1917
+ .CartItems-module__productName___yYFNw {
1918
+ font-size: 14px;
1919
+ line-height: 20px;
1777
1920
  font-weight: 700;
1778
1921
  color: #3d3935;
1779
- margin: 0 0 44px;
1922
+ grid-column: 1;
1923
+ min-width: 0;
1780
1924
  }
1781
1925
 
1782
- .EmptyCart-module__emptySubText___P504H {
1783
- font-size: 14px;
1784
- line-height: 20px;
1785
- color: #787472;
1786
- margin: 0 0 8px;
1926
+ .CartItems-module__variantText___saarn {
1927
+ font-size: 12px;
1928
+ line-height: 16px;
1929
+ color: #86807c;
1930
+ grid-column: 1;
1787
1931
  }
1788
1932
 
1789
- .EmptyCart-module__categoryLinks___J9tic {
1790
- display: flex;
1791
- gap: 12px;
1792
- width: 100%;
1793
- justify-content: center;
1933
+ .CartItems-module__downPaymentLabel___9sOP7 {
1934
+ font-size: 12px;
1935
+ line-height: 16px;
1936
+ color: #86807c;
1794
1937
  }
1795
1938
 
1796
- .EmptyCart-module__categoryLink___YxsmA {
1939
+ .CartItems-module__downPaymentRow___9a5jS {
1797
1940
  display: flex;
1798
- flex-direction: column;
1941
+ width: 100%;
1942
+ justify-content: space-between;
1799
1943
  align-items: center;
1800
- justify-content: center;
1801
- gap: 6px;
1802
- flex: 1;
1803
- padding: 12px 8px;
1804
- background-color: #ffffff;
1805
- border: none;
1806
- border-radius: 8px;
1807
- text-decoration: none;
1944
+ }
1945
+
1946
+ .CartItems-module__itemPricing___7gEuf {
1947
+ display: contents;
1948
+ }
1949
+
1950
+ .CartItems-module__monthlyPrice___G6sH6 {
1951
+ font-size: 14px;
1952
+ line-height: 20px;
1953
+ font-weight: 700;
1808
1954
  color: #3d3935;
1955
+ grid-column: 2;
1956
+ grid-row: 2;
1957
+ justify-self: end;
1958
+ white-space: nowrap;
1959
+ }
1960
+
1961
+ .CartItems-module__originalPrice___LsGAC {
1809
1962
  font-size: 12px;
1810
1963
  line-height: 16px;
1811
- font-weight: 500;
1812
- text-align: center;
1813
- transition: background-color 0.15s ease;
1964
+ color: #86807c;
1965
+ text-decoration: line-through;
1966
+ grid-column: 2;
1967
+ grid-row: 3;
1968
+ justify-self: end;
1969
+ white-space: nowrap;
1814
1970
  }
1815
- .EmptyCart-module__categoryLink___YxsmA:hover {
1816
- background-color: #f8f8f8;
1817
- text-decoration: none;
1971
+
1972
+ .CartItems-module__downPaymentAmount___3K98L {
1973
+ font-size: 12px;
1974
+ line-height: 16px;
1975
+ font-weight: 700;
1818
1976
  color: #3d3935;
1819
1977
  }
1820
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1821
- outline: 2px solid #e6003c;
1822
- outline-offset: 2px;
1823
- }
1824
1978
 
1825
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1826
- display: flex;
1827
- align-items: center;
1828
- justify-content: center;
1979
+ .CartItems-module__disclaimer___mOvek {
1980
+ font-size: 12px;
1981
+ line-height: 16px;
1982
+ color: #86807c;
1983
+ padding: 16px 24px;
1984
+ margin: 0;
1985
+ background-color: #f7f6f5;
1986
+ border-top: 1px solid #e6e3df;
1829
1987
  }
1830
-
1831
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1832
- line-height: 1.3;
1988
+ @media (max-width: 767px) {
1989
+ .CartItems-module__disclaimer___mOvek {
1990
+ padding: 16px;
1991
+ }
1833
1992
  }
1834
1993
 
1835
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1994
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\CartOverlay\CartClearConfirm\CartClearConfirm.module.scss */
1836
1995
  /* center a block element */
1837
1996
  /* use this to any of the pseudo elements as these are the mandatory properties */
1838
1997
  /* setting styles in separate formats for cross browser support */
@@ -1918,7 +2077,7 @@
1918
2077
  outline-offset: 2px;
1919
2078
  }
1920
2079
 
1921
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2080
+ /* C:\Users\paneendranath\OneDrive - Sunrise GmbH\Repos\Fixnet\performance\sunrise-ch-b2c-sales-static-components\src\components\FalconMainNavigation\MobileNavigation\MobileSubNavigation\MobileSubNavigation.module.scss */
1922
2081
  /* center a block element */
1923
2082
  /* use this to any of the pseudo elements as these are the mandatory properties */
1924
2083
  /* setting styles in separate formats for cross browser support */
@@ -2011,162 +2170,3 @@
2011
2170
  .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2012
2171
  display: block;
2013
2172
  }
2014
-
2015
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2016
- /* center a block element */
2017
- /* use this to any of the pseudo elements as these are the mandatory properties */
2018
- /* setting styles in separate formats for cross browser support */
2019
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2020
- /* vertically center alilgn any HTML element */
2021
- /* add basePath to assets */
2022
- .CartItems-module__container___9xcV- {
2023
- display: flex;
2024
- flex-direction: column;
2025
- flex: 1;
2026
- }
2027
-
2028
- .CartItems-module__itemList___CK3U1 {
2029
- list-style: none;
2030
- margin: 0;
2031
- padding: 0;
2032
- }
2033
-
2034
- .CartItems-module__item___A6nFF {
2035
- border-bottom: 1px solid #e6e3df;
2036
- background-color: #f7f6f5;
2037
- }
2038
- .CartItems-module__item___A6nFF:last-child {
2039
- border-bottom: none;
2040
- }
2041
-
2042
- .CartItems-module__itemContent___DaQhK {
2043
- display: flex;
2044
- flex-direction: row;
2045
- align-items: center;
2046
- gap: 16px;
2047
- padding: 16px 24px;
2048
- }
2049
- @media (max-width: 767px) {
2050
- .CartItems-module__itemContent___DaQhK {
2051
- padding: 16px;
2052
- }
2053
- }
2054
-
2055
- .CartItems-module__itemIcon___pk1NU {
2056
- display: flex;
2057
- align-items: center;
2058
- justify-content: center;
2059
- flex-shrink: 0;
2060
- width: 40px;
2061
- height: 40px;
2062
- color: #86807c;
2063
- }
2064
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2065
- width: 40px;
2066
- height: 40px;
2067
- object-fit: contain;
2068
- border-radius: 4px;
2069
- }
2070
-
2071
- .CartItems-module__itemBody___leOoI {
2072
- display: flex;
2073
- flex-direction: column;
2074
- gap: 4px;
2075
- flex: 1;
2076
- min-width: 0;
2077
- }
2078
-
2079
- .CartItems-module__itemRow___owvC2 {
2080
- display: grid;
2081
- grid-template-columns: 1fr auto;
2082
- row-gap: 2px;
2083
- column-gap: 16px;
2084
- }
2085
-
2086
- .CartItems-module__itemDetails___vQu14 {
2087
- display: contents;
2088
- }
2089
-
2090
- .CartItems-module__categoryLabel___gSZid {
2091
- font-size: 12px;
2092
- line-height: 16px;
2093
- color: #86807c;
2094
- grid-column: 1/-1;
2095
- }
2096
-
2097
- .CartItems-module__productName___yYFNw {
2098
- font-size: 14px;
2099
- line-height: 20px;
2100
- font-weight: 700;
2101
- color: #3d3935;
2102
- grid-column: 1;
2103
- min-width: 0;
2104
- }
2105
-
2106
- .CartItems-module__variantText___saarn {
2107
- font-size: 12px;
2108
- line-height: 16px;
2109
- color: #86807c;
2110
- grid-column: 1;
2111
- }
2112
-
2113
- .CartItems-module__downPaymentLabel___9sOP7 {
2114
- font-size: 12px;
2115
- line-height: 16px;
2116
- color: #86807c;
2117
- }
2118
-
2119
- .CartItems-module__downPaymentRow___9a5jS {
2120
- display: flex;
2121
- width: 100%;
2122
- justify-content: space-between;
2123
- align-items: center;
2124
- }
2125
-
2126
- .CartItems-module__itemPricing___7gEuf {
2127
- display: contents;
2128
- }
2129
-
2130
- .CartItems-module__monthlyPrice___G6sH6 {
2131
- font-size: 14px;
2132
- line-height: 20px;
2133
- font-weight: 700;
2134
- color: #3d3935;
2135
- grid-column: 2;
2136
- grid-row: 2;
2137
- justify-self: end;
2138
- white-space: nowrap;
2139
- }
2140
-
2141
- .CartItems-module__originalPrice___LsGAC {
2142
- font-size: 12px;
2143
- line-height: 16px;
2144
- color: #86807c;
2145
- text-decoration: line-through;
2146
- grid-column: 2;
2147
- grid-row: 3;
2148
- justify-self: end;
2149
- white-space: nowrap;
2150
- }
2151
-
2152
- .CartItems-module__downPaymentAmount___3K98L {
2153
- font-size: 12px;
2154
- line-height: 16px;
2155
- font-weight: 700;
2156
- color: #3d3935;
2157
- }
2158
-
2159
- .CartItems-module__disclaimer___mOvek {
2160
- font-size: 12px;
2161
- line-height: 16px;
2162
- color: #86807c;
2163
- padding: 16px 24px;
2164
- margin: 0;
2165
- background-color: #f7f6f5;
2166
- border-top: 1px solid #e6e3df;
2167
- }
2168
- @media (max-width: 767px) {
2169
- .CartItems-module__disclaimer___mOvek {
2170
- padding: 16px;
2171
- }
2172
- }