@sunrise-upc/sales-static-components 4.2.0-beta.2 → 4.2.0-beta.3

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.
@@ -1,3 +1,38 @@
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.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
+ .row-module__sr-def-row___us1ph {
9
+ margin-left: auto;
10
+ margin-right: auto;
11
+ padding-left: 16px;
12
+ padding-right: 16px;
13
+ max-width: 1308px;
14
+ width: 100%;
15
+ }
16
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
+ padding: 0px;
18
+ max-width: 100%;
19
+ }
20
+ @media (min-width: 1024px) and (max-width: 1439px) {
21
+ .row-module__sr-def-row___us1ph {
22
+ max-width: 972px;
23
+ }
24
+ }
25
+ @media (min-width: 768px) and (max-width: 1023px) {
26
+ .row-module__sr-def-row___us1ph {
27
+ max-width: 720px;
28
+ }
29
+ }
30
+ @media (max-width: 767px) {
31
+ .row-module__sr-def-row___us1ph {
32
+ max-width: 100%;
33
+ }
34
+ }
35
+
1
36
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
37
  /* center a block element */
3
38
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -452,41 +487,6 @@
452
487
  }
453
488
  }
454
489
 
455
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
456
- /* center a block element */
457
- /* use this to any of the pseudo elements as these are the mandatory properties */
458
- /* setting styles in separate formats for cross browser support */
459
- /* specify the max width for an element and apply ellipses and truncate the overflow */
460
- /* vertically center alilgn any HTML element */
461
- /* add basePath to assets */
462
- .row-module__sr-def-row___us1ph {
463
- margin-left: auto;
464
- margin-right: auto;
465
- padding-left: 16px;
466
- padding-right: 16px;
467
- max-width: 1308px;
468
- width: 100%;
469
- }
470
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
471
- padding: 0px;
472
- max-width: 100%;
473
- }
474
- @media (min-width: 1024px) and (max-width: 1439px) {
475
- .row-module__sr-def-row___us1ph {
476
- max-width: 972px;
477
- }
478
- }
479
- @media (min-width: 768px) and (max-width: 1023px) {
480
- .row-module__sr-def-row___us1ph {
481
- max-width: 720px;
482
- }
483
- }
484
- @media (max-width: 767px) {
485
- .row-module__sr-def-row___us1ph {
486
- max-width: 100%;
487
- }
488
- }
489
-
490
490
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
491
491
  /* center a block element */
492
492
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -529,85 +529,6 @@
529
529
  width: 24px;
530
530
  }
531
531
 
532
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
533
- /* center a block element */
534
- /* use this to any of the pseudo elements as these are the mandatory properties */
535
- /* setting styles in separate formats for cross browser support */
536
- /* specify the max width for an element and apply ellipses and truncate the overflow */
537
- /* vertically center alilgn any HTML element */
538
- /* add basePath to assets */
539
- .FalconHeader-module__outer___cpG-W {
540
- padding: 14px 0 18px;
541
- }
542
-
543
- .FalconHeader-module__container___r3bIZ {
544
- -webkit-transition: all 1s ease-out;
545
- transition: all 1s ease-out;
546
- background-color: #f7f6f5;
547
- font-size: 14px;
548
- line-height: 18px;
549
- font-weight: 700;
550
- max-height: 60px;
551
- min-height: 3px;
552
- opacity: 1;
553
- width: 100%;
554
- padding-top: 4px;
555
- }
556
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
557
- opacity: 1;
558
- background-color: #da291c;
559
- -webkit-transition: all 1s ease-out;
560
- transition: all 1s ease-out;
561
- }
562
- @media (max-width: 1023px) {
563
- .FalconHeader-module__container___r3bIZ {
564
- background-color: #da291c;
565
- min-height: 4px;
566
- }
567
- }
568
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
569
- margin-left: 20px;
570
- }
571
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
572
- margin-left: 100px;
573
- }
574
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
575
- float: left;
576
- color: #3d3935;
577
- font-weight: 400;
578
- font-size: 14px;
579
- line-height: 20px;
580
- display: block;
581
- height: 30px;
582
- text-decoration: none;
583
- }
584
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
585
- text-decoration: none;
586
- }
587
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
588
- float: right;
589
- }
590
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
591
- color: #1f1f1f;
592
- font-weight: 400;
593
- font-size: 14px;
594
- line-height: 20px;
595
- display: block;
596
- margin-bottom: 4px;
597
- text-decoration: none;
598
- }
599
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
600
- text-decoration: none;
601
- }
602
-
603
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
604
- background-color: #111111;
605
- }
606
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
607
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
608
- color: #ffffff;
609
- }
610
-
611
532
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
612
533
  /* center a block element */
613
534
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -690,6 +611,96 @@
690
611
  position: relative;
691
612
  }
692
613
 
614
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
615
+ /* center a block element */
616
+ /* use this to any of the pseudo elements as these are the mandatory properties */
617
+ /* setting styles in separate formats for cross browser support */
618
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
619
+ /* vertically center alilgn any HTML element */
620
+ /* add basePath to assets */
621
+ .FalconHeader-module__outer___cpG-W {
622
+ padding: 14px 0 18px;
623
+ }
624
+
625
+ .FalconHeader-module__container___r3bIZ {
626
+ -webkit-transition: all 1s ease-out;
627
+ transition: all 1s ease-out;
628
+ background-color: #f7f6f5;
629
+ font-size: 14px;
630
+ line-height: 18px;
631
+ font-weight: 700;
632
+ max-height: 60px;
633
+ min-height: 3px;
634
+ opacity: 1;
635
+ width: 100%;
636
+ padding-top: 4px;
637
+ }
638
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
639
+ opacity: 1;
640
+ background-color: #da291c;
641
+ -webkit-transition: all 1s ease-out;
642
+ transition: all 1s ease-out;
643
+ }
644
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
645
+ opacity: 0;
646
+ }
647
+ @media (max-width: 1023px) {
648
+ .FalconHeader-module__container___r3bIZ {
649
+ background-color: #da291c;
650
+ min-height: 4px;
651
+ }
652
+ }
653
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
654
+ margin-left: 20px;
655
+ }
656
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
657
+ margin-left: 100px;
658
+ }
659
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
660
+ float: left;
661
+ color: #3d3935;
662
+ font-weight: 400;
663
+ font-size: 14px;
664
+ line-height: 20px;
665
+ display: block;
666
+ height: 30px;
667
+ text-decoration: none;
668
+ }
669
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
670
+ text-decoration: none;
671
+ }
672
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
673
+ float: right;
674
+ }
675
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
676
+ color: #1f1f1f;
677
+ font-weight: 400;
678
+ font-size: 14px;
679
+ line-height: 20px;
680
+ display: block;
681
+ margin-bottom: 4px;
682
+ text-decoration: none;
683
+ }
684
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
685
+ text-decoration: none;
686
+ }
687
+
688
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
689
+ background-color: #111111;
690
+ }
691
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
692
+ background-color: #da291c;
693
+ }
694
+ @media (max-width: 1023px) {
695
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
696
+ background-color: #da291c;
697
+ }
698
+ }
699
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
700
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
701
+ color: #ffffff;
702
+ }
703
+
693
704
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
694
705
  /* center a block element */
695
706
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -798,1272 +809,1272 @@
798
809
  visibility: visible;
799
810
  }
800
811
 
801
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
812
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
802
813
  /* center a block element */
803
814
  /* use this to any of the pseudo elements as these are the mandatory properties */
804
815
  /* setting styles in separate formats for cross browser support */
805
816
  /* specify the max width for an element and apply ellipses and truncate the overflow */
806
817
  /* vertically center alilgn any HTML element */
807
818
  /* add basePath to assets */
808
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
809
- 0%, 80%, 100% {
810
- transform: translateY(0);
811
- }
812
- 40% {
813
- transform: translateY(-10px);
814
- }
815
- }
816
- .CartDotLoader-module__loaderWrapper___PmIHe {
817
- display: flex;
818
- flex-direction: column;
819
- align-items: center;
820
- justify-content: center;
821
- gap: 20px;
822
- height: 100%;
823
- min-height: 200px;
824
- padding: 40px 24px;
819
+ .LocaleSelector-module__button___0LEXR {
820
+ position: relative;
825
821
  }
826
-
827
- .CartDotLoader-module__dots___OiUF- {
828
- display: flex;
829
- align-items: center;
830
- gap: 8px;
831
- }
832
-
833
- .CartDotLoader-module__dot___RsJtn {
834
- display: block;
835
- width: 12px;
836
- height: 12px;
837
- border-radius: 50%;
838
- background-color: #da291c;
839
- animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
840
- }
841
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
842
- animation-delay: 0s;
843
- }
844
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
845
- animation-delay: 0.2s;
846
- }
847
- .CartDotLoader-module__dot___RsJtn:nth-child(3) {
848
- animation-delay: 0.4s;
849
- }
850
- .CartDotLoader-module__dot___RsJtn:nth-child(4) {
851
- animation-delay: 0.6s;
852
- }
853
-
854
- .CartDotLoader-module__loaderText___7uOK9 {
855
- font-size: 16px;
856
- line-height: 24px;
857
- font-weight: 700;
822
+ .LocaleSelector-module__button___0LEXR button {
823
+ background-color: transparent;
858
824
  color: #3d3935;
859
- margin: 0;
860
- text-align: center;
825
+ border: 0;
826
+ border-radius: 4px;
827
+ padding-bottom: 5px;
828
+ cursor: pointer;
829
+ height: 42px;
830
+ font-size: 14px;
831
+ line-height: 20px;
832
+ width: 100%;
861
833
  }
862
-
863
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
864
- /* center a block element */
865
- /* use this to any of the pseudo elements as these are the mandatory properties */
866
- /* setting styles in separate formats for cross browser support */
867
- /* specify the max width for an element and apply ellipses and truncate the overflow */
868
- /* vertically center alilgn any HTML element */
869
- /* add basePath to assets */
870
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
871
- font-weight: unset;
834
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
835
+ background-position: center center;
836
+ background-repeat: no-repeat;
837
+ height: 8px;
838
+ margin-left: 10px;
839
+ margin-top: 2px;
840
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
841
+ width: 14px;
872
842
  }
873
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
874
- position: relative;
875
- color: #333333;
876
- display: -webkit-box;
877
- font-size: 16px;
878
- line-height: 24px;
879
- display: flex;
880
- height: auto;
881
- text-decoration: none;
882
- padding: 10px 10px 10px 10px;
883
- margin-bottom: 4px;
884
- background-color: #ffffff;
843
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
844
+ -webkit-transform: rotate(-180deg);
845
+ -moz-transform: rotate(-180deg);
846
+ -o-transform: rotate(-180deg);
847
+ transform: rotate(-180deg);
885
848
  }
886
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
887
- border: 1px solid #e8e8e8;
849
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
850
+ padding: 24px 32px;
851
+ background-color: #ffffff;
852
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
888
853
  }
889
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
890
- position: absolute;
891
- left: 10px;
854
+ @media (max-width: 1023px) {
855
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
856
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
857
+ }
892
858
  }
893
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
859
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
860
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
861
+ border-radius: 0px 0px 8px 8px;
862
+ margin-bottom: 4px;
863
+ white-space: nowrap;
894
864
  position: absolute;
895
- right: 10px;
865
+ z-index: 100;
866
+ -webkit-transform: translateX(-50%);
867
+ -moz-transform: translateX(-50%);
868
+ -o-transform: translateX(-50%);
869
+ transform: translateX(-50%);
896
870
  }
897
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
898
- transition: transform 0.2s ease;
871
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
872
+ margin-left: 0 !important;
899
873
  }
900
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
901
- display: block;
902
- flex-shrink: 0;
903
- height: 24px;
904
- width: 24px;
905
- margin-right: 8px;
874
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
875
+ font-weight: bold;
906
876
  }
907
-
908
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
909
- transform: rotate(-180deg);
877
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
878
+ color: #da291c;
910
879
  }
911
-
912
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
913
- background-color: #1f1f1f;
914
- color: #ffffff;
915
- border: 1px solid #2c2c2c;
880
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
881
+ content: none !important;
882
+ display: none !important;
916
883
  }
917
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
918
- filter: brightness(0) invert(0.9);
884
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
885
+ display: none !important;
919
886
  }
920
887
 
921
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
922
- /* center a block element */
923
- /* use this to any of the pseudo elements as these are the mandatory properties */
924
- /* setting styles in separate formats for cross browser support */
925
- /* specify the max width for an element and apply ellipses and truncate the overflow */
926
- /* vertically center alilgn any HTML element */
927
- /* add basePath to assets */
928
- .CartFooter-module__cartFooter___pgZ1x {
929
- display: flex;
930
- flex-direction: column;
931
- background-color: #3d3935;
932
- border-radius: 8px 8px 0 0;
933
- padding: 16px 24px;
934
- gap: 16px;
888
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
889
+ color: #ffffff;
935
890
  }
936
- @media (max-width: 767px) {
937
- .CartFooter-module__cartFooter___pgZ1x {
938
- padding: 16px;
891
+ @media (max-width: 1023px) {
892
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
893
+ background-color: #1f1f1f;
939
894
  }
940
895
  }
941
-
942
- .CartFooter-module__footerTotals___sG-0P {
943
- display: flex;
944
- justify-content: space-between;
945
- gap: 0;
896
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
897
+ filter: brightness(0) invert(0.9);
946
898
  }
947
-
948
- .CartFooter-module__footerTotalsItem___zs1hY {
949
- display: flex;
950
- flex-direction: column;
951
- justify-content: space-between;
952
- gap: 2px;
953
- flex: 1;
954
- padding: 0 16px;
899
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
900
+ background-color: #1f1f1f;
901
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
955
902
  }
956
- .CartFooter-module__footerTotalsItem___zs1hY:first-child {
957
- padding-left: 0;
903
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
904
+ color: #ffffff;
958
905
  }
959
- .CartFooter-module__footerTotalsItem___zs1hY:last-child {
960
- padding-right: 0;
906
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
907
+ color: #da291c;
961
908
  }
962
909
 
963
- .CartFooter-module__footerTotalsItemDivider___--UXf {
964
- border-left: 1px solid #b3aeaa;
910
+ .LocaleSelector-module__list-item___JVlRE a {
911
+ font-size: 16px !important;
912
+ line-height: 24px !important;
913
+ display: flex;
914
+ padding: 0 !important;
965
915
  }
966
-
967
- .CartFooter-module__footerTotalsLabel___Z30Az {
968
- font-size: 12px;
969
- line-height: 16px;
970
- color: #b3aeaa;
916
+ .LocaleSelector-module__list-item___JVlRE a span {
917
+ margin: 10px 0 !important;
971
918
  }
972
-
973
- .CartFooter-module__footerTotalsValue___NfXPQ {
974
- font-size: 16px;
975
- line-height: 24px;
976
- font-weight: 700;
977
- color: #ffffff;
919
+ .LocaleSelector-module__list-item___JVlRE a::before {
920
+ content: none;
921
+ display: none !important;
978
922
  }
979
923
 
980
- .CartFooter-module__footerButtons___6xWKX {
981
- display: flex;
982
- text-align: center;
983
- gap: 12px;
984
- }
985
- .CartFooter-module__footerButtons___6xWKX > div {
986
- flex: 1;
987
- }
988
- .CartFooter-module__footerButtons___6xWKX a {
989
- text-decoration: none;
924
+ @media (max-width: 1023px) {
925
+ .LocaleSelector-module__button___0LEXR {
926
+ color: #575452;
927
+ position: relative;
928
+ }
929
+ .LocaleSelector-module__button___0LEXR button {
930
+ background-color: #ffffff;
931
+ border: 0;
932
+ border-radius: 4px;
933
+ cursor: pointer;
934
+ font-size: 14px;
935
+ line-height: 20px;
936
+ padding-bottom: 0;
937
+ margin-right: 6px;
938
+ width: 100%;
939
+ }
940
+ .LocaleSelector-module__pop-up___HV8Ta {
941
+ padding: 0px 12px !important;
942
+ }
943
+ .LocaleSelector-module__pop-up___HV8Ta img {
944
+ padding-left: 12px;
945
+ }
946
+ .LocaleSelector-module__list-item___JVlRE a {
947
+ font-size: 16px;
948
+ line-height: 24px;
949
+ font-weight: 400;
950
+ display: flex;
951
+ padding: 10px 12px;
952
+ }
953
+ .LocaleSelector-module__list-item___JVlRE a::before {
954
+ content: none;
955
+ display: none !important;
956
+ }
990
957
  }
991
958
 
992
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
959
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
993
960
  /* center a block element */
994
961
  /* use this to any of the pseudo elements as these are the mandatory properties */
995
962
  /* setting styles in separate formats for cross browser support */
996
963
  /* specify the max width for an element and apply ellipses and truncate the overflow */
997
964
  /* vertically center alilgn any HTML element */
998
965
  /* add basePath to assets */
999
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1000
- margin-left: 0 !important;
966
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
967
+ transform: rotate(-180deg);
1001
968
  }
1002
969
 
1003
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1004
- padding: 14px 8px 18px 8px;
1005
- cursor: pointer;
970
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
971
+ padding: 10px 8px;
1006
972
  }
1007
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1008
- margin-left: 0px !important;
1009
- padding-left: 8px;
973
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
974
+ background-repeat: no-repeat;
975
+ background-size: contain;
976
+ display: block;
977
+ height: 24px;
978
+ margin-right: 4px;
979
+ width: 24px;
1010
980
  }
1011
-
1012
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1013
- color: #da291c;
1014
- background-color: #ffffff;
1015
- padding: 14px 8px 18px 8px;
1016
- border-radius: 4px 4px 0 0;
981
+ @media (max-width: 1023px) {
982
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
983
+ background-repeat: no-repeat;
984
+ background-size: contain;
985
+ display: block;
986
+ margin-left: auto;
987
+ height: 24px;
988
+ width: 24px;
989
+ }
1017
990
  }
1018
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
991
+ @media (max-width: 1023px) {
992
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
993
+ background-repeat: no-repeat;
994
+ background-size: contain;
995
+ display: block;
996
+ margin-left: auto;
997
+ height: 8px;
998
+ width: 14px;
999
+ }
1000
+ }
1001
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1019
1002
  color: #da291c;
1020
- margin-left: 0px !important;
1021
- padding-left: unset;
1022
- padding-right: 8px;
1023
- transform: rotate(-180deg);
1003
+ font-weight: 700;
1004
+ font-size: 16px;
1005
+ line-height: 24px;
1024
1006
  }
1025
-
1026
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1027
- color: #da291c !important;
1007
+ @media (max-width: 1023px) {
1008
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1009
+ background-color: #ffffff;
1010
+ padding: 10px;
1011
+ }
1028
1012
  }
1029
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1030
- border-radius: 4px 4px 0 0;
1031
- background-color: #ffffff;
1032
- padding: 14px 8px 18px 8px;
1013
+
1014
+ .ProfileLinkOut-module__highlight___XDufd {
1015
+ border-radius: 8px;
1016
+ background-color: #f7f6f5;
1033
1017
  }
1034
1018
 
1035
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1036
- color: unset !important;
1019
+ .ProfileLinkOut-module__non-section___G1jJY {
1020
+ padding-left: 16px;
1021
+ padding-right: 16px;
1022
+ height: fit-content;
1037
1023
  }
1038
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1039
- background-color: unset;
1024
+ @media (min-width: 1024px) and (max-width: 1439px) {
1025
+ .ProfileLinkOut-module__non-section___G1jJY {
1026
+ padding-left: 12px;
1027
+ padding-right: 12px;
1028
+ }
1029
+ }
1030
+ .ProfileLinkOut-module__non-section___G1jJY {
1031
+ background-color: unset !important;
1032
+ }
1033
+ @media (max-width: 1023px) {
1034
+ .ProfileLinkOut-module__non-section___G1jJY {
1035
+ background-color: #ffffff !important;
1036
+ }
1040
1037
  }
1041
1038
 
1042
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1043
- background-color: transparent;
1039
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1040
+ color: #ffffff;
1041
+ }
1042
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1043
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1044
+ filter: brightness(0) invert(0.9);
1045
+ }
1046
+ @media (max-width: 1023px) {
1047
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1048
+ background-color: #1f1f1f !important;
1049
+ }
1044
1050
  }
1045
1051
 
1046
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1047
- margin-left: 0px !important;
1048
- position: absolute;
1049
- min-width: 214px;
1050
- display: block;
1051
- padding: 36px 32px 36px 32px;
1052
- font-size: 18px;
1053
- line-height: 24px;
1054
- border: 0;
1055
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1056
- background-color: #ffffff;
1057
- border-radius: 0 0 8px 8px;
1058
- z-index: 1;
1052
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1053
+ background-color: transparent;
1059
1054
  }
1060
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1061
- margin-left: 0 !important;
1062
- padding-top: 18px;
1055
+ .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 {
1056
+ color: #ffffff;
1063
1057
  }
1064
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1065
- padding-top: 28px;
1058
+ .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,
1059
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1060
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1061
+ filter: brightness(0) invert(0.9);
1066
1062
  }
1067
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1068
- border-bottom: 1px solid #e6e3df;
1069
- padding-bottom: 18px;
1063
+ @media (max-width: 1023px) {
1064
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1065
+ background-color: #1f1f1f;
1066
+ }
1070
1067
  }
1071
1068
 
1072
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1069
+ .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 {
1073
1070
  background-color: #111111;
1074
1071
  }
1075
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1072
+
1073
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1076
1074
  background-color: #1f1f1f;
1075
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1077
1076
  }
1078
-
1079
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1080
- /* center a block element */
1081
- /* use this to any of the pseudo elements as these are the mandatory properties */
1082
- /* setting styles in separate formats for cross browser support */
1083
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1084
- /* vertically center alilgn any HTML element */
1085
- /* add basePath to assets */
1086
- .SubNavigation-module__container___Wb5XN {
1087
- background-color: #ffffff;
1088
- color: #575452;
1089
- border-radius: 0px 0px 8px 8px;
1090
- margin: 0 auto;
1091
- max-width: 1308px;
1092
- min-height: 47px;
1093
- -webkit-align-items: center;
1094
- -moz-align-items: center;
1095
- -o-align-items: center;
1096
- align-items: center;
1077
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1078
+ color: #ffffff;
1079
+ border-bottom-color: #86807c;
1097
1080
  }
1098
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1099
- font-size: 14px;
1100
- line-height: 20px;
1101
- font-weight: 700;
1081
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1082
+ background-color: #1f1f1f;
1102
1083
  }
1103
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1104
- margin-left: 0 !important;
1105
- margin-top: 0 !important;
1106
- font-size: 18px;
1107
- line-height: 24px;
1108
- font-weight: 400;
1109
- display: block !important;
1084
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1085
+ color: #da291c;
1110
1086
  }
1111
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1112
- padding-bottom: 28px;
1087
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1088
+ color: #ffffff;
1089
+ background-color: #1f1f1f;
1113
1090
  }
1114
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1115
- font-size: 14px;
1116
- line-height: 20px;
1117
- color: #7A7A7B;
1118
- font-weight: 700;
1119
- padding-bottom: 28px;
1091
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1092
+ filter: brightness(0) invert(0.9);
1120
1093
  }
1121
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1122
- display: flex;
1123
- grid-column: 2;
1124
- grid-template-columns: repeat(auto-fit, 20%);
1125
- padding: 24px 32px;
1094
+
1095
+ .ProfileLinkOut-module__arrow___Mc7yw {
1096
+ display: none;
1126
1097
  }
1127
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1128
- border-left: 1px solid #e6e3df;
1129
- padding-left: 24px;
1130
- padding-right: 24px;
1131
- max-width: 248px;
1098
+ @media (max-width: 1023px) {
1099
+ .ProfileLinkOut-module__arrow___Mc7yw {
1100
+ position: absolute;
1101
+ right: 10px;
1102
+ display: inline-block;
1103
+ }
1132
1104
  }
1133
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1134
- padding-left: 0;
1135
- border: none;
1105
+
1106
+ @media (min-width: 1024px) {
1107
+ .ProfileLinkOut-module__log___JdxjK {
1108
+ display: none;
1109
+ }
1136
1110
  }
1137
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1138
- margin-left: 4px;
1139
- vertical-align: middle;
1140
- height: 24px;
1141
- width: 24px;
1111
+ @media (min-width: 1024px) {
1112
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1113
+ position: absolute;
1114
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1115
+ min-width: max-content;
1116
+ display: block;
1117
+ padding: 24px 32px;
1118
+ font-size: 16px;
1119
+ border: 0;
1120
+ color: #e6003c;
1121
+ font-weight: 700;
1122
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1123
+ background-color: #ffffff;
1124
+ border-radius: 4px;
1125
+ }
1126
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1127
+ padding-bottom: 16px;
1128
+ letter-spacing: 1px;
1129
+ text-transform: uppercase;
1130
+ color: #86807c;
1131
+ font-weight: 500;
1132
+ font-size: 14px;
1133
+ line-height: 20px;
1134
+ border-bottom: 1px solid #e6e3df;
1135
+ }
1136
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1137
+ padding: 28px 0;
1138
+ }
1139
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1140
+ text-decoration: underline;
1141
+ }
1142
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1143
+ font-size: 18px;
1144
+ line-height: 24px;
1145
+ color: #da291c;
1146
+ }
1147
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1148
+ color: #3d3935;
1149
+ font-weight: 400;
1150
+ font-size: 18px;
1151
+ line-height: 24px;
1152
+ }
1153
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1154
+ padding-left: 10px;
1155
+ }
1156
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1157
+ text-decoration: underline;
1158
+ }
1142
1159
  }
1143
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1144
- margin-left: 0;
1145
- margin-right: 4px;
1160
+ @media (max-width: 1023px) {
1161
+ .ProfileLinkOut-module__login-flyover___YDIVp {
1162
+ color: #86807c;
1163
+ font-weight: 500;
1164
+ font-size: 14px;
1165
+ line-height: 20px;
1166
+ padding-left: 16px;
1167
+ }
1168
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1169
+ padding: 20px 0 8px 10px;
1170
+ letter-spacing: 1px;
1171
+ text-transform: uppercase;
1172
+ }
1173
+ .ProfileLinkOut-module__mysunrise___F326W {
1174
+ color: #da291c;
1175
+ font-weight: 700;
1176
+ font-size: 18px;
1177
+ line-height: 24px;
1178
+ background-color: #ffffff;
1179
+ padding: 10px;
1180
+ margin-bottom: 4px;
1181
+ }
1182
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
1183
+ font-weight: unset;
1184
+ }
1185
+ .ProfileLinkOut-module__logout___GfbcJ {
1186
+ color: #3d3935;
1187
+ font-weight: 400;
1188
+ background-color: #ffffff;
1189
+ padding: 10px;
1190
+ font-size: 18px;
1191
+ line-height: 24px;
1192
+ position: relative;
1193
+ }
1194
+ .ProfileLinkOut-module__logout___GfbcJ img {
1195
+ position: absolute;
1196
+ padding-left: 10px;
1197
+ }
1146
1198
  }
1147
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1148
- white-space: nowrap;
1149
- display: inline-flex;
1199
+
1200
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1201
+ /* center a block element */
1202
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1203
+ /* setting styles in separate formats for cross browser support */
1204
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1205
+ /* vertically center alilgn any HTML element */
1206
+ /* add basePath to assets */
1207
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1208
+ 0%, 80%, 100% {
1209
+ transform: translateY(0);
1210
+ }
1211
+ 40% {
1212
+ transform: translateY(-10px);
1213
+ }
1214
+ }
1215
+ .CartDotLoader-module__loaderWrapper___PmIHe {
1216
+ display: flex;
1217
+ flex-direction: column;
1150
1218
  align-items: center;
1219
+ justify-content: center;
1220
+ gap: 20px;
1221
+ height: 100%;
1222
+ min-height: 200px;
1223
+ padding: 40px 24px;
1151
1224
  }
1152
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1225
+
1226
+ .CartDotLoader-module__dots___OiUF- {
1153
1227
  display: flex;
1154
- align-items: flex-start;
1155
- gap: 4px;
1156
- white-space: normal;
1157
- max-width: 100%;
1158
- }
1159
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1160
- white-space: normal;
1161
- min-width: 0;
1162
- }
1163
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1164
- white-space: normal;
1165
- align-items: flex-start;
1166
- gap: 4px;
1228
+ align-items: center;
1229
+ gap: 8px;
1167
1230
  }
1168
1231
 
1169
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1170
- background-color: #1f1f1f;
1171
- color: #ffffff;
1232
+ .CartDotLoader-module__dot___RsJtn {
1233
+ display: block;
1234
+ width: 12px;
1235
+ height: 12px;
1236
+ border-radius: 50%;
1237
+ background-color: #da291c;
1238
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1172
1239
  }
1173
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1174
- color: #ffffff;
1240
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1241
+ animation-delay: 0s;
1175
1242
  }
1176
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1177
- color: #ffffff;
1243
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1244
+ animation-delay: 0.2s;
1178
1245
  }
1179
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1180
- color: #ffffff;
1246
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1247
+ animation-delay: 0.4s;
1181
1248
  }
1182
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1183
- border-left: 1px solid #86807c;
1249
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1250
+ animation-delay: 0.6s;
1184
1251
  }
1185
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1186
- border: none;
1252
+
1253
+ .CartDotLoader-module__loaderText___7uOK9 {
1254
+ font-size: 16px;
1255
+ line-height: 24px;
1256
+ font-weight: 700;
1257
+ color: #3d3935;
1258
+ margin: 0;
1259
+ text-align: center;
1187
1260
  }
1188
1261
 
1189
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1262
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1190
1263
  /* center a block element */
1191
1264
  /* use this to any of the pseudo elements as these are the mandatory properties */
1192
1265
  /* setting styles in separate formats for cross browser support */
1193
1266
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1194
1267
  /* vertically center alilgn any HTML element */
1195
1268
  /* add basePath to assets */
1196
- .cart-overlay-panel.offcanvas {
1197
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1198
- z-index: 2147483002;
1199
- }
1200
-
1201
- .cart-overlay-panel .offcanvas-header {
1202
- padding: 20px 16px;
1203
- gap: 24px;
1269
+ .CartHeader-module__headerTitle___35F6g {
1270
+ display: flex;
1204
1271
  align-items: center;
1205
- background: #ffffff;
1206
- border-bottom: 1px solid #e6e3df;
1272
+ gap: 8px;
1207
1273
  }
1208
1274
 
1209
- .cart-overlay-panel .offcanvas-title {
1210
- display: flex;
1211
- flex-direction: column;
1212
- align-items: flex-start;
1213
- gap: 2px;
1275
+ .CartHeader-module__headerItemCount___g1Ynd {
1214
1276
  font-size: 24px;
1215
1277
  line-height: 32px;
1216
- font-weight: 700;
1278
+ font-weight: 400;
1217
1279
  color: #3d3935;
1218
1280
  }
1219
1281
  @media (max-width: 1023px) {
1220
- .cart-overlay-panel .offcanvas-title {
1282
+ .CartHeader-module__headerItemCount___g1Ynd {
1221
1283
  font-size: 20px;
1222
1284
  line-height: 28px;
1223
1285
  }
1224
1286
  }
1225
1287
 
1226
- .cart-overlay-panel .btn-close {
1227
- opacity: 0.7;
1228
- width: 20px;
1229
- height: 20px;
1230
- }
1231
- .cart-overlay-panel .btn-close:hover {
1232
- opacity: 1;
1233
- }
1234
-
1235
- .cart-overlay-panel .offcanvas-body {
1236
- padding: 0;
1237
- overflow-y: auto;
1238
- display: flex;
1239
- flex-direction: column;
1240
- background: #f7f6f5;
1241
- }
1242
-
1243
- .cart-overlay-panel.offcanvas-bottom {
1244
- border-radius: 8px 8px 0 0 !important;
1245
- width: 100% !important;
1246
- overflow: hidden;
1247
- }
1248
-
1249
- .CartOverlay-module__backdrop___lMc-O {
1250
- position: fixed;
1251
- inset: 0;
1252
- z-index: 1040;
1253
- background: rgba(42, 42, 42, 0.7);
1254
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1255
- }
1256
-
1257
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1258
- from {
1259
- opacity: 0;
1260
- }
1261
- to {
1262
- opacity: 1;
1263
- }
1264
- }
1265
- .CartOverlay-module__footer___OwJpW {
1266
- padding: 16px 24px;
1267
- border-top: 1px solid #d2d2d2;
1268
- background-color: #ffffff;
1269
- }
1270
-
1271
- .CartOverlay-module__dismissButton___57qsq {
1272
- display: flex;
1273
- align-items: center;
1274
- justify-content: center;
1275
- width: 100%;
1276
- padding: 14px 24px;
1277
- gap: 8px;
1288
+ .CartHeader-module__clearAllButton___B3bNF {
1289
+ display: inline;
1278
1290
  background: none;
1279
- border: 2px solid #da291c;
1280
- border-radius: 28px;
1281
- font-size: 16px;
1282
- line-height: 24px;
1283
- font-weight: 600;
1284
- color: #da291c;
1285
- text-align: center;
1291
+ border: none;
1292
+ padding: 0;
1286
1293
  cursor: pointer;
1287
- transition: background-color 0.15s ease;
1294
+ font-size: 14px;
1295
+ line-height: 20px;
1296
+ font-weight: 400;
1297
+ color: #da291c;
1298
+ text-decoration: underline;
1299
+ text-underline-offset: 2px;
1288
1300
  }
1289
- .CartOverlay-module__dismissButton___57qsq:hover {
1290
- background-color: rgba(218, 41, 28, 0.05);
1301
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1302
+ color: #961c13;
1291
1303
  }
1292
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1304
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1293
1305
  outline: 2px solid #da291c;
1294
1306
  outline-offset: 2px;
1307
+ border-radius: 2px;
1295
1308
  }
1296
1309
 
1297
- .CartOverlay-module__errorMessage___ylBiH {
1298
- margin: auto 24px;
1299
- padding: 16px;
1300
- font-size: 20px;
1301
- line-height: 28px;
1302
- color: #3d3935;
1303
- text-align: center;
1304
- }
1305
-
1306
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1310
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1307
1311
  /* center a block element */
1308
1312
  /* use this to any of the pseudo elements as these are the mandatory properties */
1309
1313
  /* setting styles in separate formats for cross browser support */
1310
1314
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1311
1315
  /* vertically center alilgn any HTML element */
1312
1316
  /* add basePath to assets */
1313
- .CartItems-module__container___9xcV- {
1317
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1318
+ font-weight: unset;
1319
+ }
1320
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1321
+ position: relative;
1322
+ color: #333333;
1323
+ display: -webkit-box;
1324
+ font-size: 16px;
1325
+ line-height: 24px;
1314
1326
  display: flex;
1315
- flex-direction: column;
1316
- flex: 1;
1327
+ height: auto;
1328
+ text-decoration: none;
1329
+ padding: 10px 10px 10px 10px;
1330
+ margin-bottom: 4px;
1331
+ background-color: #ffffff;
1332
+ }
1333
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1334
+ border: 1px solid #e8e8e8;
1335
+ }
1336
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1337
+ position: absolute;
1338
+ left: 10px;
1339
+ }
1340
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1341
+ position: absolute;
1342
+ right: 10px;
1343
+ }
1344
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1345
+ transition: transform 0.2s ease;
1346
+ }
1347
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1348
+ display: block;
1349
+ flex-shrink: 0;
1350
+ height: 24px;
1351
+ width: 24px;
1352
+ margin-right: 8px;
1317
1353
  }
1318
1354
 
1319
- .CartItems-module__itemList___CK3U1 {
1320
- list-style: none;
1321
- margin: 0;
1322
- padding: 0;
1355
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1356
+ transform: rotate(-180deg);
1323
1357
  }
1324
1358
 
1325
- .CartItems-module__item___A6nFF {
1326
- border-bottom: 1px solid #e6e3df;
1327
- background-color: #f7f6f5;
1359
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1360
+ background-color: #1f1f1f;
1361
+ color: #ffffff;
1362
+ border: 1px solid #2c2c2c;
1328
1363
  }
1329
- .CartItems-module__item___A6nFF:last-child {
1330
- border-bottom: none;
1364
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1365
+ filter: brightness(0) invert(0.9);
1331
1366
  }
1332
1367
 
1333
- .CartItems-module__itemContent___DaQhK {
1368
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1369
+ /* center a block element */
1370
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1371
+ /* setting styles in separate formats for cross browser support */
1372
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1373
+ /* vertically center alilgn any HTML element */
1374
+ /* add basePath to assets */
1375
+ .CartFooter-module__cartFooter___pgZ1x {
1334
1376
  display: flex;
1335
- flex-direction: row;
1336
- align-items: center;
1337
- gap: 16px;
1377
+ flex-direction: column;
1378
+ background-color: #3d3935;
1379
+ border-radius: 8px 8px 0 0;
1338
1380
  padding: 16px 24px;
1381
+ gap: 16px;
1339
1382
  }
1340
1383
  @media (max-width: 767px) {
1341
- .CartItems-module__itemContent___DaQhK {
1384
+ .CartFooter-module__cartFooter___pgZ1x {
1342
1385
  padding: 16px;
1343
1386
  }
1344
1387
  }
1345
1388
 
1346
- .CartItems-module__itemIcon___pk1NU {
1389
+ .CartFooter-module__footerTotals___sG-0P {
1347
1390
  display: flex;
1348
- align-items: center;
1349
- justify-content: center;
1350
- flex-shrink: 0;
1351
- width: 40px;
1352
- height: 40px;
1353
- color: #86807c;
1354
- }
1355
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1356
- width: 40px;
1357
- height: 40px;
1358
- object-fit: contain;
1359
- border-radius: 4px;
1391
+ justify-content: space-between;
1392
+ gap: 0;
1360
1393
  }
1361
1394
 
1362
- .CartItems-module__itemBody___leOoI {
1395
+ .CartFooter-module__footerTotalsItem___zs1hY {
1363
1396
  display: flex;
1364
1397
  flex-direction: column;
1365
- gap: 4px;
1398
+ justify-content: space-between;
1399
+ gap: 2px;
1366
1400
  flex: 1;
1367
- min-width: 0;
1401
+ padding: 0 16px;
1368
1402
  }
1369
-
1370
- .CartItems-module__itemRow___owvC2 {
1371
- display: grid;
1372
- grid-template-columns: 1fr auto;
1373
- row-gap: 2px;
1374
- column-gap: 16px;
1403
+ .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1404
+ padding-left: 0;
1405
+ }
1406
+ .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1407
+ padding-right: 0;
1375
1408
  }
1376
1409
 
1377
- .CartItems-module__itemDetails___vQu14 {
1378
- display: contents;
1410
+ .CartFooter-module__footerTotalsItemDivider___--UXf {
1411
+ border-left: 1px solid #b3aeaa;
1379
1412
  }
1380
1413
 
1381
- .CartItems-module__categoryLabel___gSZid {
1414
+ .CartFooter-module__footerTotalsLabel___Z30Az {
1382
1415
  font-size: 12px;
1383
1416
  line-height: 16px;
1384
- color: #86807c;
1385
- grid-column: 1/-1;
1417
+ color: #b3aeaa;
1386
1418
  }
1387
1419
 
1388
- .CartItems-module__productName___yYFNw {
1389
- font-size: 14px;
1390
- line-height: 20px;
1420
+ .CartFooter-module__footerTotalsValue___NfXPQ {
1421
+ font-size: 16px;
1422
+ line-height: 24px;
1391
1423
  font-weight: 700;
1392
- color: #3d3935;
1393
- grid-column: 1;
1394
- min-width: 0;
1424
+ color: #ffffff;
1395
1425
  }
1396
1426
 
1397
- .CartItems-module__variantText___saarn {
1398
- font-size: 12px;
1399
- line-height: 16px;
1400
- color: #86807c;
1401
- grid-column: 1;
1427
+ .CartFooter-module__footerButtons___6xWKX {
1428
+ display: flex;
1429
+ text-align: center;
1430
+ gap: 12px;
1402
1431
  }
1403
-
1404
- .CartItems-module__downPaymentLabel___9sOP7 {
1405
- font-size: 12px;
1406
- line-height: 16px;
1407
- color: #86807c;
1432
+ .CartFooter-module__footerButtons___6xWKX > div {
1433
+ flex: 1;
1434
+ }
1435
+ .CartFooter-module__footerButtons___6xWKX a {
1436
+ text-decoration: none;
1408
1437
  }
1409
1438
 
1410
- .CartItems-module__downPaymentRow___9a5jS {
1439
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1440
+ /* center a block element */
1441
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1442
+ /* setting styles in separate formats for cross browser support */
1443
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1444
+ /* vertically center alilgn any HTML element */
1445
+ /* add basePath to assets */
1446
+ .EmptyCart-module__emptyState___HtCXJ {
1411
1447
  display: flex;
1412
- width: 100%;
1413
- justify-content: space-between;
1448
+ flex-direction: column;
1414
1449
  align-items: center;
1450
+ justify-content: center;
1451
+ flex: 1;
1452
+ padding: 32px 24px 24px;
1453
+ text-align: center;
1415
1454
  }
1416
1455
 
1417
- .CartItems-module__itemPricing___7gEuf {
1418
- display: contents;
1456
+ .EmptyCart-module__emptyIcon___A7F8f {
1457
+ margin-bottom: 8px;
1419
1458
  }
1420
1459
 
1421
- .CartItems-module__monthlyPrice___G6sH6 {
1422
- font-size: 14px;
1423
- line-height: 20px;
1460
+ .EmptyCart-module__emptyText___aX6Nu {
1461
+ font-size: 16px;
1462
+ line-height: 24px;
1424
1463
  font-weight: 700;
1425
1464
  color: #3d3935;
1426
- grid-column: 2;
1427
- grid-row: 2;
1428
- justify-self: end;
1429
- white-space: nowrap;
1465
+ margin: 0 0 44px;
1430
1466
  }
1431
1467
 
1432
- .CartItems-module__originalPrice___LsGAC {
1433
- font-size: 12px;
1434
- line-height: 16px;
1435
- color: #86807c;
1436
- text-decoration: line-through;
1437
- grid-column: 2;
1438
- grid-row: 3;
1439
- justify-self: end;
1440
- white-space: nowrap;
1468
+ .EmptyCart-module__emptySubText___P504H {
1469
+ font-size: 14px;
1470
+ line-height: 20px;
1471
+ color: #787472;
1472
+ margin: 0 0 8px;
1441
1473
  }
1442
1474
 
1443
- .CartItems-module__downPaymentAmount___3K98L {
1475
+ .EmptyCart-module__categoryLinks___J9tic {
1476
+ display: flex;
1477
+ gap: 12px;
1478
+ width: 100%;
1479
+ justify-content: center;
1480
+ }
1481
+
1482
+ .EmptyCart-module__categoryLink___YxsmA {
1483
+ display: flex;
1484
+ flex-direction: column;
1485
+ align-items: center;
1486
+ justify-content: center;
1487
+ gap: 6px;
1488
+ flex: 1;
1489
+ padding: 12px 8px;
1490
+ background-color: #ffffff;
1491
+ border: none;
1492
+ border-radius: 8px;
1493
+ text-decoration: none;
1494
+ color: #3d3935;
1444
1495
  font-size: 12px;
1445
1496
  line-height: 16px;
1446
- font-weight: 700;
1497
+ font-weight: 500;
1498
+ text-align: center;
1499
+ transition: background-color 0.15s ease;
1500
+ }
1501
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1502
+ background-color: #f8f8f8;
1503
+ text-decoration: none;
1447
1504
  color: #3d3935;
1448
1505
  }
1506
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1507
+ outline: 2px solid #e6003c;
1508
+ outline-offset: 2px;
1509
+ }
1449
1510
 
1450
- .CartItems-module__disclaimer___mOvek {
1451
- font-size: 12px;
1452
- line-height: 16px;
1453
- color: #86807c;
1454
- padding: 16px 24px;
1455
- margin: 0;
1456
- background-color: #f7f6f5;
1457
- border-top: 1px solid #e6e3df;
1511
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1512
+ display: flex;
1513
+ align-items: center;
1514
+ justify-content: center;
1458
1515
  }
1459
- @media (max-width: 767px) {
1460
- .CartItems-module__disclaimer___mOvek {
1461
- padding: 16px;
1462
- }
1516
+
1517
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1518
+ line-height: 1.3;
1463
1519
  }
1464
1520
 
1465
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1521
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1466
1522
  /* center a block element */
1467
1523
  /* use this to any of the pseudo elements as these are the mandatory properties */
1468
1524
  /* setting styles in separate formats for cross browser support */
1469
1525
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1470
1526
  /* vertically center alilgn any HTML element */
1471
1527
  /* add basePath to assets */
1472
- .LocaleSelector-module__button___0LEXR {
1473
- position: relative;
1528
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1529
+ margin-left: 0 !important;
1474
1530
  }
1475
- .LocaleSelector-module__button___0LEXR button {
1476
- background-color: transparent;
1477
- color: #3d3935;
1478
- border: 0;
1479
- border-radius: 4px;
1480
- padding-bottom: 5px;
1531
+
1532
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1533
+ padding: 14px 8px 18px 8px;
1481
1534
  cursor: pointer;
1482
- height: 42px;
1483
- font-size: 14px;
1484
- line-height: 20px;
1485
- width: 100%;
1486
- }
1487
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
1488
- background-position: center center;
1489
- background-repeat: no-repeat;
1490
- height: 8px;
1491
- margin-left: 10px;
1492
- margin-top: 2px;
1493
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
1494
- width: 14px;
1495
1535
  }
1496
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
1497
- -webkit-transform: rotate(-180deg);
1498
- -moz-transform: rotate(-180deg);
1499
- -o-transform: rotate(-180deg);
1500
- transform: rotate(-180deg);
1536
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1537
+ margin-left: 0px !important;
1538
+ padding-left: 8px;
1501
1539
  }
1502
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1503
- padding: 24px 32px;
1540
+
1541
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1542
+ color: #da291c;
1504
1543
  background-color: #ffffff;
1505
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
1506
- }
1507
- @media (max-width: 1023px) {
1508
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1509
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
1510
- }
1511
- }
1512
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1513
- box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
1514
- border-radius: 0px 0px 8px 8px;
1515
- margin-bottom: 4px;
1516
- white-space: nowrap;
1517
- position: absolute;
1518
- z-index: 100;
1519
- -webkit-transform: translateX(-50%);
1520
- -moz-transform: translateX(-50%);
1521
- -o-transform: translateX(-50%);
1522
- transform: translateX(-50%);
1523
- }
1524
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
1525
- margin-left: 0 !important;
1526
- }
1527
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
1528
- font-weight: bold;
1544
+ padding: 14px 8px 18px 8px;
1545
+ border-radius: 4px 4px 0 0;
1529
1546
  }
1530
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1547
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1531
1548
  color: #da291c;
1532
- }
1533
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
1534
- content: none !important;
1535
- display: none !important;
1536
- }
1537
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
1538
- display: none !important;
1549
+ margin-left: 0px !important;
1550
+ padding-left: unset;
1551
+ padding-right: 8px;
1552
+ transform: rotate(-180deg);
1539
1553
  }
1540
1554
 
1541
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1542
- color: #ffffff;
1543
- }
1544
- @media (max-width: 1023px) {
1545
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1546
- background-color: #1f1f1f;
1547
- }
1555
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1556
+ color: #da291c !important;
1548
1557
  }
1549
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1550
- filter: brightness(0) invert(0.9);
1558
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1559
+ border-radius: 4px 4px 0 0;
1560
+ background-color: #ffffff;
1561
+ padding: 14px 8px 18px 8px;
1551
1562
  }
1552
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
1553
- background-color: #1f1f1f;
1554
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1563
+
1564
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1565
+ color: unset !important;
1555
1566
  }
1556
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
1557
- color: #ffffff;
1567
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1568
+ background-color: unset;
1558
1569
  }
1559
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1560
- color: #da291c;
1570
+
1571
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1572
+ background-color: transparent;
1561
1573
  }
1562
1574
 
1563
- .LocaleSelector-module__list-item___JVlRE a {
1564
- font-size: 16px !important;
1565
- line-height: 24px !important;
1566
- display: flex;
1567
- padding: 0 !important;
1575
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1576
+ margin-left: 0px !important;
1577
+ position: absolute;
1578
+ min-width: 214px;
1579
+ display: block;
1580
+ padding: 36px 32px 36px 32px;
1581
+ font-size: 18px;
1582
+ line-height: 24px;
1583
+ border: 0;
1584
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1585
+ background-color: #ffffff;
1586
+ border-radius: 0 0 8px 8px;
1587
+ z-index: 1;
1568
1588
  }
1569
- .LocaleSelector-module__list-item___JVlRE a span {
1570
- margin: 10px 0 !important;
1589
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1590
+ margin-left: 0 !important;
1591
+ padding-top: 18px;
1571
1592
  }
1572
- .LocaleSelector-module__list-item___JVlRE a::before {
1573
- content: none;
1574
- display: none !important;
1593
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1594
+ padding-top: 28px;
1595
+ }
1596
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1597
+ border-bottom: 1px solid #e6e3df;
1598
+ padding-bottom: 18px;
1575
1599
  }
1576
1600
 
1577
- @media (max-width: 1023px) {
1578
- .LocaleSelector-module__button___0LEXR {
1579
- color: #575452;
1580
- position: relative;
1581
- }
1582
- .LocaleSelector-module__button___0LEXR button {
1583
- background-color: #ffffff;
1584
- border: 0;
1585
- border-radius: 4px;
1586
- cursor: pointer;
1587
- font-size: 14px;
1588
- line-height: 20px;
1589
- padding-bottom: 0;
1590
- margin-right: 6px;
1591
- width: 100%;
1592
- }
1593
- .LocaleSelector-module__pop-up___HV8Ta {
1594
- padding: 0px 12px !important;
1595
- }
1596
- .LocaleSelector-module__pop-up___HV8Ta img {
1597
- padding-left: 12px;
1598
- }
1599
- .LocaleSelector-module__list-item___JVlRE a {
1600
- font-size: 16px;
1601
- line-height: 24px;
1602
- font-weight: 400;
1603
- display: flex;
1604
- padding: 10px 12px;
1605
- }
1606
- .LocaleSelector-module__list-item___JVlRE a::before {
1607
- content: none;
1608
- display: none !important;
1609
- }
1601
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1602
+ background-color: #111111;
1603
+ }
1604
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1605
+ background-color: #1f1f1f;
1610
1606
  }
1611
1607
 
1612
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1608
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1613
1609
  /* center a block element */
1614
1610
  /* use this to any of the pseudo elements as these are the mandatory properties */
1615
1611
  /* setting styles in separate formats for cross browser support */
1616
1612
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1617
1613
  /* vertically center alilgn any HTML element */
1618
1614
  /* add basePath to assets */
1619
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1620
- transform: rotate(-180deg);
1615
+ .CartClearConfirm-module__overlay___sxCOO {
1616
+ position: absolute;
1617
+ inset: 0;
1618
+ z-index: 10;
1619
+ background: rgba(42, 42, 42, 0.8);
1620
+ display: flex;
1621
+ align-items: center;
1622
+ justify-content: center;
1623
+ padding: 24px;
1621
1624
  }
1622
1625
 
1623
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1624
- padding: 10px 8px;
1626
+ .CartClearConfirm-module__dialog___UWokE {
1627
+ background: transparent;
1628
+ border-radius: 16px;
1629
+ padding: 24px;
1630
+ width: 100%;
1631
+ max-width: 320px;
1632
+ display: flex;
1633
+ flex-direction: column;
1634
+ gap: 24px;
1625
1635
  }
1626
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1627
- background-repeat: no-repeat;
1628
- background-size: contain;
1629
- display: block;
1630
- height: 24px;
1631
- margin-right: 4px;
1632
- width: 24px;
1636
+
1637
+ .CartClearConfirm-module__message___vd9VO {
1638
+ font-size: 18px;
1639
+ line-height: 26px;
1640
+ font-weight: 700;
1641
+ color: #ffffff;
1642
+ text-align: center;
1633
1643
  }
1634
- @media (max-width: 1023px) {
1635
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1636
- background-repeat: no-repeat;
1637
- background-size: contain;
1638
- display: block;
1639
- margin-left: auto;
1640
- height: 24px;
1641
- width: 24px;
1642
- }
1644
+
1645
+ .CartClearConfirm-module__actions___X0-0w {
1646
+ display: flex;
1647
+ gap: 12px;
1643
1648
  }
1644
- @media (max-width: 1023px) {
1645
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1646
- background-repeat: no-repeat;
1647
- background-size: contain;
1648
- display: block;
1649
- margin-left: auto;
1650
- height: 8px;
1651
- width: 14px;
1652
- }
1649
+ .CartClearConfirm-module__actions___X0-0w button {
1650
+ padding: 10px 24px;
1653
1651
  }
1654
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1655
- color: #da291c;
1656
- font-weight: 700;
1652
+
1653
+ .CartClearConfirm-module__cancelButton___LYopb {
1654
+ flex: 1;
1655
+ background: none;
1656
+ border: 2px solid #ffffff;
1657
+ border-radius: 28px;
1657
1658
  font-size: 16px;
1658
1659
  line-height: 24px;
1660
+ font-weight: 600;
1661
+ color: #ffffff;
1662
+ cursor: pointer;
1663
+ transition: background-color 0.15s ease;
1659
1664
  }
1660
- @media (max-width: 1023px) {
1661
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1662
- background-color: #ffffff;
1663
- padding: 10px;
1664
- }
1665
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1666
+ background-color: rgba(255, 255, 255, 0.1);
1667
+ }
1668
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1669
+ outline: 2px solid #ffffff;
1670
+ outline-offset: 2px;
1665
1671
  }
1666
1672
 
1667
- .ProfileLinkOut-module__highlight___XDufd {
1668
- border-radius: 8px;
1669
- background-color: #f7f6f5;
1673
+ .CartClearConfirm-module__confirmButton___KgPKy {
1674
+ flex: 1;
1675
+ background: #ffffff;
1676
+ border: 2px solid #ffffff;
1677
+ border-radius: 28px;
1678
+ font-size: 16px;
1679
+ line-height: 24px;
1680
+ font-weight: 600;
1681
+ color: #3d3935;
1682
+ cursor: pointer;
1683
+ transition: background-color 0.15s ease;
1684
+ }
1685
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1686
+ background-color: #e6e3df;
1687
+ border-color: #e6e3df;
1688
+ }
1689
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1690
+ outline: 2px solid #ffffff;
1691
+ outline-offset: 2px;
1670
1692
  }
1671
1693
 
1672
- .ProfileLinkOut-module__non-section___G1jJY {
1673
- padding-left: 16px;
1674
- padding-right: 16px;
1675
- height: fit-content;
1694
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1695
+ /* center a block element */
1696
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1697
+ /* setting styles in separate formats for cross browser support */
1698
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1699
+ /* vertically center alilgn any HTML element */
1700
+ /* add basePath to assets */
1701
+ .SubNavigation-module__container___Wb5XN {
1702
+ background-color: #ffffff;
1703
+ color: #575452;
1704
+ border-radius: 0px 0px 8px 8px;
1705
+ margin: 0 auto;
1706
+ max-width: 1308px;
1707
+ min-height: 47px;
1708
+ -webkit-align-items: center;
1709
+ -moz-align-items: center;
1710
+ -o-align-items: center;
1711
+ align-items: center;
1676
1712
  }
1677
- @media (min-width: 1024px) and (max-width: 1439px) {
1678
- .ProfileLinkOut-module__non-section___G1jJY {
1679
- padding-left: 12px;
1680
- padding-right: 12px;
1681
- }
1713
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1714
+ font-size: 14px;
1715
+ line-height: 20px;
1716
+ font-weight: 700;
1682
1717
  }
1683
- .ProfileLinkOut-module__non-section___G1jJY {
1684
- background-color: unset !important;
1718
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1719
+ margin-left: 0 !important;
1720
+ margin-top: 0 !important;
1721
+ font-size: 18px;
1722
+ line-height: 24px;
1723
+ font-weight: 400;
1724
+ display: block !important;
1685
1725
  }
1686
- @media (max-width: 1023px) {
1687
- .ProfileLinkOut-module__non-section___G1jJY {
1688
- background-color: #ffffff !important;
1689
- }
1726
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1727
+ padding-bottom: 28px;
1690
1728
  }
1691
-
1692
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1693
- color: #ffffff;
1729
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1730
+ font-size: 14px;
1731
+ line-height: 20px;
1732
+ color: #7A7A7B;
1733
+ font-weight: 700;
1734
+ padding-bottom: 28px;
1694
1735
  }
1695
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1696
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1697
- filter: brightness(0) invert(0.9);
1736
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1737
+ display: flex;
1738
+ grid-column: 2;
1739
+ grid-template-columns: repeat(auto-fit, 20%);
1740
+ padding: 24px 32px;
1741
+ }
1742
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1743
+ border-left: 1px solid #e6e3df;
1744
+ padding-left: 24px;
1745
+ padding-right: 24px;
1746
+ max-width: 248px;
1747
+ }
1748
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1749
+ padding-left: 0;
1750
+ border: none;
1698
1751
  }
1699
- @media (max-width: 1023px) {
1700
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1701
- background-color: #1f1f1f !important;
1702
- }
1752
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1753
+ margin-left: 4px;
1754
+ vertical-align: middle;
1755
+ height: 24px;
1756
+ width: 24px;
1703
1757
  }
1704
-
1705
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1706
- background-color: transparent;
1758
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1759
+ margin-left: 0;
1760
+ margin-right: 4px;
1707
1761
  }
1708
- .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 {
1709
- color: #ffffff;
1762
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1763
+ white-space: nowrap;
1764
+ display: inline-flex;
1765
+ align-items: center;
1710
1766
  }
1711
- .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,
1712
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1713
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1714
- filter: brightness(0) invert(0.9);
1767
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1768
+ display: flex;
1769
+ align-items: flex-start;
1770
+ gap: 4px;
1771
+ white-space: normal;
1772
+ max-width: 100%;
1715
1773
  }
1716
- @media (max-width: 1023px) {
1717
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1718
- background-color: #1f1f1f;
1719
- }
1774
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1775
+ white-space: normal;
1776
+ min-width: 0;
1720
1777
  }
1721
-
1722
- .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 {
1723
- background-color: #111111;
1778
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1779
+ white-space: normal;
1780
+ align-items: flex-start;
1781
+ gap: 4px;
1724
1782
  }
1725
1783
 
1726
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1784
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1727
1785
  background-color: #1f1f1f;
1728
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1729
- }
1730
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1731
1786
  color: #ffffff;
1732
- border-bottom-color: #86807c;
1733
- }
1734
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1735
- background-color: #1f1f1f;
1736
1787
  }
1737
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1738
- color: #da291c;
1739
- }
1740
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1788
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1741
1789
  color: #ffffff;
1742
- background-color: #1f1f1f;
1743
- }
1744
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1745
- filter: brightness(0) invert(0.9);
1746
- }
1747
-
1748
- .ProfileLinkOut-module__arrow___Mc7yw {
1749
- display: none;
1750
1790
  }
1751
- @media (max-width: 1023px) {
1752
- .ProfileLinkOut-module__arrow___Mc7yw {
1753
- position: absolute;
1754
- right: 10px;
1755
- display: inline-block;
1756
- }
1791
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1792
+ color: #ffffff;
1757
1793
  }
1758
-
1759
- @media (min-width: 1024px) {
1760
- .ProfileLinkOut-module__log___JdxjK {
1761
- display: none;
1762
- }
1794
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1795
+ color: #ffffff;
1763
1796
  }
1764
- @media (min-width: 1024px) {
1765
- .ProfileLinkOut-module__login-flyover___YDIVp {
1766
- position: absolute;
1767
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1768
- min-width: max-content;
1769
- display: block;
1770
- padding: 24px 32px;
1771
- font-size: 16px;
1772
- border: 0;
1773
- color: #e6003c;
1774
- font-weight: 700;
1775
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1776
- background-color: #ffffff;
1777
- border-radius: 4px;
1778
- }
1779
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1780
- padding-bottom: 16px;
1781
- letter-spacing: 1px;
1782
- text-transform: uppercase;
1783
- color: #86807c;
1784
- font-weight: 500;
1785
- font-size: 14px;
1786
- line-height: 20px;
1787
- border-bottom: 1px solid #e6e3df;
1788
- }
1789
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1790
- padding: 28px 0;
1791
- }
1792
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1793
- text-decoration: underline;
1794
- }
1795
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1796
- font-size: 18px;
1797
- line-height: 24px;
1798
- color: #da291c;
1799
- }
1800
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1801
- color: #3d3935;
1802
- font-weight: 400;
1803
- font-size: 18px;
1804
- line-height: 24px;
1805
- }
1806
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1807
- padding-left: 10px;
1808
- }
1809
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1810
- text-decoration: underline;
1811
- }
1797
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1798
+ border-left: 1px solid #86807c;
1812
1799
  }
1813
- @media (max-width: 1023px) {
1814
- .ProfileLinkOut-module__login-flyover___YDIVp {
1815
- color: #86807c;
1816
- font-weight: 500;
1817
- font-size: 14px;
1818
- line-height: 20px;
1819
- padding-left: 16px;
1820
- }
1821
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1822
- padding: 20px 0 8px 10px;
1823
- letter-spacing: 1px;
1824
- text-transform: uppercase;
1825
- }
1826
- .ProfileLinkOut-module__mysunrise___F326W {
1827
- color: #da291c;
1828
- font-weight: 700;
1829
- font-size: 18px;
1830
- line-height: 24px;
1831
- background-color: #ffffff;
1832
- padding: 10px;
1833
- margin-bottom: 4px;
1834
- }
1835
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1836
- font-weight: unset;
1837
- }
1838
- .ProfileLinkOut-module__logout___GfbcJ {
1839
- color: #3d3935;
1840
- font-weight: 400;
1841
- background-color: #ffffff;
1842
- padding: 10px;
1843
- font-size: 18px;
1844
- line-height: 24px;
1845
- position: relative;
1846
- }
1847
- .ProfileLinkOut-module__logout___GfbcJ img {
1848
- position: absolute;
1849
- padding-left: 10px;
1850
- }
1800
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1801
+ border: none;
1851
1802
  }
1852
1803
 
1853
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1804
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1854
1805
  /* center a block element */
1855
1806
  /* use this to any of the pseudo elements as these are the mandatory properties */
1856
1807
  /* setting styles in separate formats for cross browser support */
1857
1808
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1858
1809
  /* vertically center alilgn any HTML element */
1859
1810
  /* add basePath to assets */
1860
- .CartHeader-module__headerTitle___35F6g {
1861
- display: flex;
1811
+ .cart-overlay-panel.offcanvas {
1812
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1813
+ z-index: 2147483002;
1814
+ }
1815
+
1816
+ .cart-overlay-panel .offcanvas-header {
1817
+ padding: 20px 16px;
1818
+ gap: 24px;
1862
1819
  align-items: center;
1863
- gap: 8px;
1820
+ background: #ffffff;
1821
+ border-bottom: 1px solid #e6e3df;
1864
1822
  }
1865
1823
 
1866
- .CartHeader-module__headerItemCount___g1Ynd {
1824
+ .cart-overlay-panel .offcanvas-title {
1825
+ display: flex;
1826
+ flex-direction: column;
1827
+ align-items: flex-start;
1828
+ gap: 2px;
1867
1829
  font-size: 24px;
1868
1830
  line-height: 32px;
1869
- font-weight: 400;
1831
+ font-weight: 700;
1870
1832
  color: #3d3935;
1871
1833
  }
1872
1834
  @media (max-width: 1023px) {
1873
- .CartHeader-module__headerItemCount___g1Ynd {
1835
+ .cart-overlay-panel .offcanvas-title {
1874
1836
  font-size: 20px;
1875
1837
  line-height: 28px;
1876
1838
  }
1877
1839
  }
1878
1840
 
1879
- .CartHeader-module__clearAllButton___B3bNF {
1880
- display: inline;
1881
- background: none;
1882
- border: none;
1841
+ .cart-overlay-panel .btn-close {
1842
+ opacity: 0.7;
1843
+ width: 20px;
1844
+ height: 20px;
1845
+ }
1846
+ .cart-overlay-panel .btn-close:hover {
1847
+ opacity: 1;
1848
+ }
1849
+
1850
+ .cart-overlay-panel .offcanvas-body {
1883
1851
  padding: 0;
1884
- cursor: pointer;
1885
- font-size: 14px;
1886
- line-height: 20px;
1887
- font-weight: 400;
1852
+ overflow-y: auto;
1853
+ display: flex;
1854
+ flex-direction: column;
1855
+ background: #f7f6f5;
1856
+ }
1857
+
1858
+ .cart-overlay-panel.offcanvas-bottom {
1859
+ border-radius: 8px 8px 0 0 !important;
1860
+ width: 100% !important;
1861
+ overflow: hidden;
1862
+ }
1863
+
1864
+ .CartOverlay-module__backdrop___lMc-O {
1865
+ position: fixed;
1866
+ inset: 0;
1867
+ z-index: 1040;
1868
+ background: rgba(42, 42, 42, 0.7);
1869
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1870
+ }
1871
+
1872
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
1873
+ from {
1874
+ opacity: 0;
1875
+ }
1876
+ to {
1877
+ opacity: 1;
1878
+ }
1879
+ }
1880
+ .CartOverlay-module__footer___OwJpW {
1881
+ padding: 16px 24px;
1882
+ border-top: 1px solid #d2d2d2;
1883
+ background-color: #ffffff;
1884
+ }
1885
+
1886
+ .CartOverlay-module__dismissButton___57qsq {
1887
+ display: flex;
1888
+ align-items: center;
1889
+ justify-content: center;
1890
+ width: 100%;
1891
+ padding: 14px 24px;
1892
+ gap: 8px;
1893
+ background: none;
1894
+ border: 2px solid #da291c;
1895
+ border-radius: 28px;
1896
+ font-size: 16px;
1897
+ line-height: 24px;
1898
+ font-weight: 600;
1888
1899
  color: #da291c;
1889
- text-decoration: underline;
1890
- text-underline-offset: 2px;
1900
+ text-align: center;
1901
+ cursor: pointer;
1902
+ transition: background-color 0.15s ease;
1891
1903
  }
1892
- .CartHeader-module__clearAllButton___B3bNF:hover {
1893
- color: #961c13;
1904
+ .CartOverlay-module__dismissButton___57qsq:hover {
1905
+ background-color: rgba(218, 41, 28, 0.05);
1894
1906
  }
1895
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1907
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1896
1908
  outline: 2px solid #da291c;
1897
1909
  outline-offset: 2px;
1898
- border-radius: 2px;
1899
1910
  }
1900
1911
 
1901
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1912
+ .CartOverlay-module__errorMessage___ylBiH {
1913
+ margin: auto 24px;
1914
+ padding: 16px;
1915
+ font-size: 20px;
1916
+ line-height: 28px;
1917
+ color: #3d3935;
1918
+ text-align: center;
1919
+ }
1920
+
1921
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1902
1922
  /* center a block element */
1903
1923
  /* use this to any of the pseudo elements as these are the mandatory properties */
1904
1924
  /* setting styles in separate formats for cross browser support */
1905
1925
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1906
1926
  /* vertically center alilgn any HTML element */
1907
1927
  /* add basePath to assets */
1908
- .EmptyCart-module__emptyState___HtCXJ {
1928
+ .CartItems-module__container___9xcV- {
1909
1929
  display: flex;
1910
1930
  flex-direction: column;
1911
- align-items: center;
1912
- justify-content: center;
1913
1931
  flex: 1;
1914
- padding: 32px 24px 24px;
1915
- text-align: center;
1916
1932
  }
1917
1933
 
1918
- .EmptyCart-module__emptyIcon___A7F8f {
1919
- margin-bottom: 8px;
1934
+ .CartItems-module__itemList___CK3U1 {
1935
+ list-style: none;
1936
+ margin: 0;
1937
+ padding: 0;
1920
1938
  }
1921
1939
 
1922
- .EmptyCart-module__emptyText___aX6Nu {
1923
- font-size: 16px;
1924
- line-height: 24px;
1925
- font-weight: 700;
1926
- color: #3d3935;
1927
- margin: 0 0 44px;
1940
+ .CartItems-module__item___A6nFF {
1941
+ border-bottom: 1px solid #e6e3df;
1942
+ background-color: #f7f6f5;
1943
+ }
1944
+ .CartItems-module__item___A6nFF:last-child {
1945
+ border-bottom: none;
1928
1946
  }
1929
1947
 
1930
- .EmptyCart-module__emptySubText___P504H {
1931
- font-size: 14px;
1932
- line-height: 20px;
1933
- color: #787472;
1934
- margin: 0 0 8px;
1948
+ .CartItems-module__itemContent___DaQhK {
1949
+ display: flex;
1950
+ flex-direction: row;
1951
+ align-items: center;
1952
+ gap: 16px;
1953
+ padding: 16px 24px;
1954
+ }
1955
+ @media (max-width: 767px) {
1956
+ .CartItems-module__itemContent___DaQhK {
1957
+ padding: 16px;
1958
+ }
1935
1959
  }
1936
1960
 
1937
- .EmptyCart-module__categoryLinks___J9tic {
1961
+ .CartItems-module__itemIcon___pk1NU {
1938
1962
  display: flex;
1939
- gap: 12px;
1940
- width: 100%;
1963
+ align-items: center;
1941
1964
  justify-content: center;
1965
+ flex-shrink: 0;
1966
+ width: 40px;
1967
+ height: 40px;
1968
+ color: #86807c;
1969
+ }
1970
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1971
+ width: 40px;
1972
+ height: 40px;
1973
+ object-fit: contain;
1974
+ border-radius: 4px;
1942
1975
  }
1943
1976
 
1944
- .EmptyCart-module__categoryLink___YxsmA {
1977
+ .CartItems-module__itemBody___leOoI {
1945
1978
  display: flex;
1946
1979
  flex-direction: column;
1947
- align-items: center;
1948
- justify-content: center;
1949
- gap: 6px;
1980
+ gap: 4px;
1950
1981
  flex: 1;
1951
- padding: 12px 8px;
1952
- background-color: #ffffff;
1953
- border: none;
1954
- border-radius: 8px;
1955
- text-decoration: none;
1956
- color: #3d3935;
1982
+ min-width: 0;
1983
+ }
1984
+
1985
+ .CartItems-module__itemRow___owvC2 {
1986
+ display: grid;
1987
+ grid-template-columns: 1fr auto;
1988
+ row-gap: 2px;
1989
+ column-gap: 16px;
1990
+ }
1991
+
1992
+ .CartItems-module__itemDetails___vQu14 {
1993
+ display: contents;
1994
+ }
1995
+
1996
+ .CartItems-module__categoryLabel___gSZid {
1957
1997
  font-size: 12px;
1958
1998
  line-height: 16px;
1959
- font-weight: 500;
1960
- text-align: center;
1961
- transition: background-color 0.15s ease;
1999
+ color: #86807c;
2000
+ grid-column: 1/-1;
1962
2001
  }
1963
- .EmptyCart-module__categoryLink___YxsmA:hover {
1964
- background-color: #f8f8f8;
1965
- text-decoration: none;
2002
+
2003
+ .CartItems-module__productName___yYFNw {
2004
+ font-size: 14px;
2005
+ line-height: 20px;
2006
+ font-weight: 700;
1966
2007
  color: #3d3935;
1967
- }
1968
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1969
- outline: 2px solid #e6003c;
1970
- outline-offset: 2px;
2008
+ grid-column: 1;
2009
+ min-width: 0;
1971
2010
  }
1972
2011
 
1973
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1974
- display: flex;
1975
- align-items: center;
1976
- justify-content: center;
2012
+ .CartItems-module__variantText___saarn {
2013
+ font-size: 12px;
2014
+ line-height: 16px;
2015
+ color: #86807c;
2016
+ grid-column: 1;
1977
2017
  }
1978
2018
 
1979
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1980
- line-height: 1.3;
2019
+ .CartItems-module__downPaymentLabel___9sOP7 {
2020
+ font-size: 12px;
2021
+ line-height: 16px;
2022
+ color: #86807c;
1981
2023
  }
1982
2024
 
1983
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1984
- /* center a block element */
1985
- /* use this to any of the pseudo elements as these are the mandatory properties */
1986
- /* setting styles in separate formats for cross browser support */
1987
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1988
- /* vertically center alilgn any HTML element */
1989
- /* add basePath to assets */
1990
- .CartClearConfirm-module__overlay___sxCOO {
1991
- position: absolute;
1992
- inset: 0;
1993
- z-index: 10;
1994
- background: rgba(42, 42, 42, 0.8);
2025
+ .CartItems-module__downPaymentRow___9a5jS {
1995
2026
  display: flex;
2027
+ width: 100%;
2028
+ justify-content: space-between;
1996
2029
  align-items: center;
1997
- justify-content: center;
1998
- padding: 24px;
1999
2030
  }
2000
2031
 
2001
- .CartClearConfirm-module__dialog___UWokE {
2002
- background: transparent;
2003
- border-radius: 16px;
2004
- padding: 24px;
2005
- width: 100%;
2006
- max-width: 320px;
2007
- display: flex;
2008
- flex-direction: column;
2009
- gap: 24px;
2032
+ .CartItems-module__itemPricing___7gEuf {
2033
+ display: contents;
2010
2034
  }
2011
2035
 
2012
- .CartClearConfirm-module__message___vd9VO {
2013
- font-size: 18px;
2014
- line-height: 26px;
2036
+ .CartItems-module__monthlyPrice___G6sH6 {
2037
+ font-size: 14px;
2038
+ line-height: 20px;
2015
2039
  font-weight: 700;
2016
- color: #ffffff;
2017
- text-align: center;
2018
- }
2019
-
2020
- .CartClearConfirm-module__actions___X0-0w {
2021
- display: flex;
2022
- gap: 12px;
2023
- }
2024
- .CartClearConfirm-module__actions___X0-0w button {
2025
- padding: 10px 24px;
2040
+ color: #3d3935;
2041
+ grid-column: 2;
2042
+ grid-row: 2;
2043
+ justify-self: end;
2044
+ white-space: nowrap;
2026
2045
  }
2027
2046
 
2028
- .CartClearConfirm-module__cancelButton___LYopb {
2029
- flex: 1;
2030
- background: none;
2031
- border: 2px solid #ffffff;
2032
- border-radius: 28px;
2033
- font-size: 16px;
2034
- line-height: 24px;
2035
- font-weight: 600;
2036
- color: #ffffff;
2037
- cursor: pointer;
2038
- transition: background-color 0.15s ease;
2039
- }
2040
- .CartClearConfirm-module__cancelButton___LYopb:hover {
2041
- background-color: rgba(255, 255, 255, 0.1);
2042
- }
2043
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2044
- outline: 2px solid #ffffff;
2045
- outline-offset: 2px;
2047
+ .CartItems-module__originalPrice___LsGAC {
2048
+ font-size: 12px;
2049
+ line-height: 16px;
2050
+ color: #86807c;
2051
+ text-decoration: line-through;
2052
+ grid-column: 2;
2053
+ grid-row: 3;
2054
+ justify-self: end;
2055
+ white-space: nowrap;
2046
2056
  }
2047
2057
 
2048
- .CartClearConfirm-module__confirmButton___KgPKy {
2049
- flex: 1;
2050
- background: #ffffff;
2051
- border: 2px solid #ffffff;
2052
- border-radius: 28px;
2053
- font-size: 16px;
2054
- line-height: 24px;
2055
- font-weight: 600;
2058
+ .CartItems-module__downPaymentAmount___3K98L {
2059
+ font-size: 12px;
2060
+ line-height: 16px;
2061
+ font-weight: 700;
2056
2062
  color: #3d3935;
2057
- cursor: pointer;
2058
- transition: background-color 0.15s ease;
2059
2063
  }
2060
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
2061
- background-color: #e6e3df;
2062
- border-color: #e6e3df;
2064
+
2065
+ .CartItems-module__disclaimer___mOvek {
2066
+ font-size: 12px;
2067
+ line-height: 16px;
2068
+ color: #86807c;
2069
+ padding: 16px 24px;
2070
+ margin: 0;
2071
+ background-color: #f7f6f5;
2072
+ border-top: 1px solid #e6e3df;
2063
2073
  }
2064
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2065
- outline: 2px solid #ffffff;
2066
- outline-offset: 2px;
2074
+ @media (max-width: 767px) {
2075
+ .CartItems-module__disclaimer___mOvek {
2076
+ padding: 16px;
2077
+ }
2067
2078
  }
2068
2079
 
2069
2080
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */