@sunrise-upc/sales-static-components 3.8.12 → 3.9.0-beta.0

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