@sunrise-upc/sales-static-components 3.8.7-beta.11 → 3.8.7-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +1 -1
  2. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
  3. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.css +13 -13
  4. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  5. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  6. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.css +13 -13
  7. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  9. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.css +1 -1
  10. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  11. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  12. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +1 -1
  13. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  14. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  15. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  16. package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  17. package/dist/cjs/services/CartService.js +1 -1
  18. package/dist/cjs/services/CartService.js.map +1 -1
  19. package/dist/cjs/services/api-constants.js +1 -1
  20. package/dist/cjs/services/api-constants.js.map +1 -1
  21. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
  22. package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
  23. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.css +13 -13
  24. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  25. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  26. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.css +13 -13
  27. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  28. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  29. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.css +1 -1
  30. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  31. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  32. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +1 -1
  33. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  34. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  35. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
  36. package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
  37. package/dist/esm/services/CartService.js +1 -1
  38. package/dist/esm/services/CartService.js.map +1 -1
  39. package/dist/esm/services/api-constants.js +1 -1
  40. package/dist/esm/services/api-constants.js.map +1 -1
  41. package/dist/navigation.css +487 -487
  42. package/package.json +1 -1
@@ -489,6 +489,127 @@
489
489
  }
490
490
  }
491
491
 
492
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
493
+ /* center a block element */
494
+ /* use this to any of the pseudo elements as these are the mandatory properties */
495
+ /* setting styles in separate formats for cross browser support */
496
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
497
+ /* vertically center alilgn any HTML element */
498
+ /* add basePath to assets */
499
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
500
+ -webkit-align-items: center;
501
+ -moz-align-items: center;
502
+ -o-align-items: center;
503
+ align-items: center;
504
+ cursor: pointer;
505
+ display: flex;
506
+ flex-direction: column;
507
+ height: 18px;
508
+ justify-content: space-between;
509
+ width: 26px;
510
+ }
511
+ .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
512
+ background-color: #575452;
513
+ border-radius: 4px;
514
+ height: 2px;
515
+ opacity: 1;
516
+ position: relative;
517
+ -webkit-transform: scale(1);
518
+ -moz-transform: scale(1);
519
+ -o-transform: scale(1);
520
+ transform: scale(1);
521
+ transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
522
+ width: 26px;
523
+ }
524
+ .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
525
+ justify-content: center;
526
+ background-repeat: no-repeat;
527
+ background-size: contain;
528
+ cursor: pointer;
529
+ display: block;
530
+ height: 24px;
531
+ width: 24px;
532
+ }
533
+
534
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
535
+ /* center a block element */
536
+ /* use this to any of the pseudo elements as these are the mandatory properties */
537
+ /* setting styles in separate formats for cross browser support */
538
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
539
+ /* vertically center alilgn any HTML element */
540
+ /* add basePath to assets */
541
+ .FalconHeader-module__outer___cpG-W {
542
+ padding: 14px 0 18px;
543
+ }
544
+
545
+ .FalconHeader-module__container___r3bIZ {
546
+ -webkit-transition: all 1s ease-out;
547
+ transition: all 1s ease-out;
548
+ background-color: #f7f6f5;
549
+ font-size: 14px;
550
+ line-height: 18px;
551
+ font-weight: 700;
552
+ max-height: 60px;
553
+ min-height: 3px;
554
+ opacity: 1;
555
+ width: 100%;
556
+ padding-top: 4px;
557
+ }
558
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
559
+ opacity: 1;
560
+ background-color: #da291c;
561
+ -webkit-transition: all 1s ease-out;
562
+ transition: all 1s ease-out;
563
+ }
564
+ @media (max-width: 1023px) {
565
+ .FalconHeader-module__container___r3bIZ {
566
+ background-color: #da291c;
567
+ min-height: 4px;
568
+ }
569
+ }
570
+ .FalconHeader-module__container___r3bIZ :not(:first-child) {
571
+ margin-left: 20px;
572
+ }
573
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
574
+ margin-left: 100px;
575
+ }
576
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
577
+ float: left;
578
+ color: #3d3935;
579
+ font-weight: 400;
580
+ font-size: 14px;
581
+ line-height: 20px;
582
+ display: block;
583
+ height: 30px;
584
+ text-decoration: none;
585
+ }
586
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
587
+ text-decoration: none;
588
+ }
589
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
590
+ float: right;
591
+ }
592
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
593
+ color: #1f1f1f;
594
+ font-weight: 400;
595
+ font-size: 14px;
596
+ line-height: 20px;
597
+ display: block;
598
+ margin-bottom: 4px;
599
+ text-decoration: none;
600
+ }
601
+ .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
602
+ text-decoration: none;
603
+ }
604
+
605
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
606
+ background-color: #111111;
607
+ }
608
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
609
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
610
+ color: #ffffff;
611
+ }
612
+
492
613
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.module.scss */
493
614
  /* center a block element */
494
615
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -724,7 +845,7 @@
724
845
  position: fixed;
725
846
  inset: 0;
726
847
  z-index: 1040;
727
- background: rgba(153, 178, 167, 0.1);
848
+ background: rgba(0, 0, 0, 0.42);
728
849
  animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
729
850
  }
730
851
 
@@ -778,103 +899,250 @@
778
899
  text-align: center;
779
900
  }
780
901
 
781
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
902
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
782
903
  /* center a block element */
783
904
  /* use this to any of the pseudo elements as these are the mandatory properties */
784
905
  /* setting styles in separate formats for cross browser support */
785
906
  /* specify the max width for an element and apply ellipses and truncate the overflow */
786
907
  /* vertically center alilgn any HTML element */
787
908
  /* add basePath to assets */
788
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
789
- transform: rotate(-180deg);
909
+ .LocaleSelector-module__button___0LEXR {
910
+ position: relative;
790
911
  }
791
-
792
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
793
- padding: 10px 8px;
912
+ .LocaleSelector-module__button___0LEXR button {
913
+ background-color: transparent;
914
+ color: #3d3935;
915
+ border: 0;
916
+ border-radius: 4px;
917
+ padding-bottom: 5px;
918
+ cursor: pointer;
919
+ height: 42px;
920
+ font-size: 14px;
921
+ line-height: 20px;
922
+ width: 100%;
794
923
  }
795
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
924
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
925
+ background-position: center center;
796
926
  background-repeat: no-repeat;
797
- background-size: contain;
798
- display: block;
799
- height: 24px;
800
- margin-right: 4px;
801
- width: 24px;
802
- }
803
- @media (max-width: 1023px) {
804
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
805
- background-repeat: no-repeat;
806
- background-size: contain;
807
- display: block;
808
- margin-left: auto;
809
- height: 24px;
810
- width: 24px;
811
- }
927
+ height: 8px;
928
+ margin-left: 10px;
929
+ margin-top: 2px;
930
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
931
+ width: 14px;
812
932
  }
813
- @media (max-width: 1023px) {
814
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
815
- background-repeat: no-repeat;
816
- background-size: contain;
817
- display: block;
818
- margin-left: auto;
819
- height: 8px;
820
- width: 14px;
821
- }
933
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
934
+ -webkit-transform: rotate(-180deg);
935
+ -moz-transform: rotate(-180deg);
936
+ -o-transform: rotate(-180deg);
937
+ transform: rotate(-180deg);
822
938
  }
823
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
824
- color: #da291c;
825
- font-weight: 700;
826
- font-size: 16px;
827
- line-height: 24px;
939
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
940
+ padding: 24px 32px;
941
+ background-color: #ffffff;
942
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
828
943
  }
829
944
  @media (max-width: 1023px) {
830
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
831
- background-color: #ffffff;
832
- padding: 10px;
945
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
946
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
833
947
  }
834
948
  }
835
-
836
- .ProfileLinkOut-module__highlight___XDufd {
837
- border-radius: 8px;
838
- background-color: #f7f6f5;
949
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
950
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
951
+ border-radius: 0px 0px 8px 8px;
952
+ margin-bottom: 4px;
953
+ white-space: nowrap;
954
+ position: absolute;
955
+ z-index: 100;
956
+ -webkit-transform: translateX(-50%);
957
+ -moz-transform: translateX(-50%);
958
+ -o-transform: translateX(-50%);
959
+ transform: translateX(-50%);
839
960
  }
840
-
841
- .ProfileLinkOut-module__non-section___G1jJY {
842
- padding-left: 16px;
843
- padding-right: 16px;
844
- height: fit-content;
961
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
962
+ margin-left: 0 !important;
845
963
  }
846
- @media (min-width: 1024px) and (max-width: 1439px) {
847
- .ProfileLinkOut-module__non-section___G1jJY {
848
- padding-left: 12px;
849
- padding-right: 12px;
850
- }
964
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
965
+ font-weight: bold;
851
966
  }
852
- .ProfileLinkOut-module__non-section___G1jJY {
853
- background-color: unset !important;
967
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
968
+ color: #da291c;
854
969
  }
855
- @media (max-width: 1023px) {
856
- .ProfileLinkOut-module__non-section___G1jJY {
857
- background-color: #ffffff !important;
858
- }
970
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
971
+ content: none !important;
972
+ display: none !important;
973
+ }
974
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
975
+ display: none !important;
859
976
  }
860
977
 
861
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
978
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
862
979
  color: #ffffff;
863
980
  }
864
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
865
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
866
- filter: brightness(0) invert(0.9);
867
- }
868
981
  @media (max-width: 1023px) {
869
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
870
- background-color: #1f1f1f !important;
982
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
983
+ background-color: #1f1f1f;
871
984
  }
872
985
  }
873
-
874
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
875
- background-color: transparent;
986
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
987
+ filter: brightness(0) invert(0.9);
876
988
  }
877
- .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 {
989
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
990
+ background-color: #1f1f1f;
991
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
992
+ }
993
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
994
+ color: #ffffff;
995
+ }
996
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
997
+ color: #da291c;
998
+ }
999
+
1000
+ .LocaleSelector-module__list-item___JVlRE a {
1001
+ font-size: 16px !important;
1002
+ line-height: 24px !important;
1003
+ display: flex;
1004
+ padding: 0 !important;
1005
+ }
1006
+ .LocaleSelector-module__list-item___JVlRE a span {
1007
+ margin: 10px 0 !important;
1008
+ }
1009
+ .LocaleSelector-module__list-item___JVlRE a::before {
1010
+ content: none;
1011
+ display: none !important;
1012
+ }
1013
+
1014
+ @media (max-width: 1023px) {
1015
+ .LocaleSelector-module__button___0LEXR {
1016
+ color: #575452;
1017
+ position: relative;
1018
+ }
1019
+ .LocaleSelector-module__button___0LEXR button {
1020
+ background-color: #ffffff;
1021
+ border: 0;
1022
+ border-radius: 4px;
1023
+ cursor: pointer;
1024
+ font-size: 14px;
1025
+ line-height: 20px;
1026
+ padding-bottom: 0;
1027
+ margin-right: 6px;
1028
+ width: 100%;
1029
+ }
1030
+ .LocaleSelector-module__pop-up___HV8Ta {
1031
+ padding: 0px 12px !important;
1032
+ }
1033
+ .LocaleSelector-module__pop-up___HV8Ta img {
1034
+ padding-left: 12px;
1035
+ }
1036
+ .LocaleSelector-module__list-item___JVlRE a {
1037
+ font-size: 16px;
1038
+ line-height: 24px;
1039
+ font-weight: 400;
1040
+ display: flex;
1041
+ padding: 10px 12px;
1042
+ }
1043
+ .LocaleSelector-module__list-item___JVlRE a::before {
1044
+ content: none;
1045
+ display: none !important;
1046
+ }
1047
+ }
1048
+
1049
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1050
+ /* center a block element */
1051
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1052
+ /* setting styles in separate formats for cross browser support */
1053
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1054
+ /* vertically center alilgn any HTML element */
1055
+ /* add basePath to assets */
1056
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1057
+ transform: rotate(-180deg);
1058
+ }
1059
+
1060
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1061
+ padding: 10px 8px;
1062
+ }
1063
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1064
+ background-repeat: no-repeat;
1065
+ background-size: contain;
1066
+ display: block;
1067
+ height: 24px;
1068
+ margin-right: 4px;
1069
+ width: 24px;
1070
+ }
1071
+ @media (max-width: 1023px) {
1072
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1073
+ background-repeat: no-repeat;
1074
+ background-size: contain;
1075
+ display: block;
1076
+ margin-left: auto;
1077
+ height: 24px;
1078
+ width: 24px;
1079
+ }
1080
+ }
1081
+ @media (max-width: 1023px) {
1082
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1083
+ background-repeat: no-repeat;
1084
+ background-size: contain;
1085
+ display: block;
1086
+ margin-left: auto;
1087
+ height: 8px;
1088
+ width: 14px;
1089
+ }
1090
+ }
1091
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1092
+ color: #da291c;
1093
+ font-weight: 700;
1094
+ font-size: 16px;
1095
+ line-height: 24px;
1096
+ }
1097
+ @media (max-width: 1023px) {
1098
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1099
+ background-color: #ffffff;
1100
+ padding: 10px;
1101
+ }
1102
+ }
1103
+
1104
+ .ProfileLinkOut-module__highlight___XDufd {
1105
+ border-radius: 8px;
1106
+ background-color: #f7f6f5;
1107
+ }
1108
+
1109
+ .ProfileLinkOut-module__non-section___G1jJY {
1110
+ padding-left: 16px;
1111
+ padding-right: 16px;
1112
+ height: fit-content;
1113
+ }
1114
+ @media (min-width: 1024px) and (max-width: 1439px) {
1115
+ .ProfileLinkOut-module__non-section___G1jJY {
1116
+ padding-left: 12px;
1117
+ padding-right: 12px;
1118
+ }
1119
+ }
1120
+ .ProfileLinkOut-module__non-section___G1jJY {
1121
+ background-color: unset !important;
1122
+ }
1123
+ @media (max-width: 1023px) {
1124
+ .ProfileLinkOut-module__non-section___G1jJY {
1125
+ background-color: #ffffff !important;
1126
+ }
1127
+ }
1128
+
1129
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1130
+ color: #ffffff;
1131
+ }
1132
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1133
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1134
+ filter: brightness(0) invert(0.9);
1135
+ }
1136
+ @media (max-width: 1023px) {
1137
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1138
+ background-color: #1f1f1f !important;
1139
+ }
1140
+ }
1141
+
1142
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1143
+ background-color: transparent;
1144
+ }
1145
+ .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 {
878
1146
  color: #ffffff;
879
1147
  }
880
1148
  .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,
@@ -1019,48 +1287,6 @@
1019
1287
  }
1020
1288
  }
1021
1289
 
1022
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
1023
- /* center a block element */
1024
- /* use this to any of the pseudo elements as these are the mandatory properties */
1025
- /* setting styles in separate formats for cross browser support */
1026
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1027
- /* vertically center alilgn any HTML element */
1028
- /* add basePath to assets */
1029
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu {
1030
- -webkit-align-items: center;
1031
- -moz-align-items: center;
1032
- -o-align-items: center;
1033
- align-items: center;
1034
- cursor: pointer;
1035
- display: flex;
1036
- flex-direction: column;
1037
- height: 18px;
1038
- justify-content: space-between;
1039
- width: 26px;
1040
- }
1041
- .InteractiveHamburger-module__container___UPh6b .InteractiveHamburger-module__hamburger___fUISu .InteractiveHamburger-module__hamburger-line___xZnuw {
1042
- background-color: #575452;
1043
- border-radius: 4px;
1044
- height: 2px;
1045
- opacity: 1;
1046
- position: relative;
1047
- -webkit-transform: scale(1);
1048
- -moz-transform: scale(1);
1049
- -o-transform: scale(1);
1050
- transform: scale(1);
1051
- transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
1052
- width: 26px;
1053
- }
1054
- .InteractiveHamburger-module__container___UPh6b.InteractiveHamburger-module__active___0fZ1l .InteractiveHamburger-module__hamburger___fUISu {
1055
- justify-content: center;
1056
- background-repeat: no-repeat;
1057
- background-size: contain;
1058
- cursor: pointer;
1059
- display: block;
1060
- height: 24px;
1061
- width: 24px;
1062
- }
1063
-
1064
1290
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1065
1291
  /* center a block element */
1066
1292
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1229,85 +1455,6 @@
1229
1455
  filter: brightness(0) invert(0.9);
1230
1456
  }
1231
1457
 
1232
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss */
1233
- /* center a block element */
1234
- /* use this to any of the pseudo elements as these are the mandatory properties */
1235
- /* setting styles in separate formats for cross browser support */
1236
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1237
- /* vertically center alilgn any HTML element */
1238
- /* add basePath to assets */
1239
- .FalconHeader-module__outer___cpG-W {
1240
- padding: 14px 0 18px;
1241
- }
1242
-
1243
- .FalconHeader-module__container___r3bIZ {
1244
- -webkit-transition: all 1s ease-out;
1245
- transition: all 1s ease-out;
1246
- background-color: #f7f6f5;
1247
- font-size: 14px;
1248
- line-height: 18px;
1249
- font-weight: 700;
1250
- max-height: 60px;
1251
- min-height: 3px;
1252
- opacity: 1;
1253
- width: 100%;
1254
- padding-top: 4px;
1255
- }
1256
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- {
1257
- opacity: 1;
1258
- background-color: #da291c;
1259
- -webkit-transition: all 1s ease-out;
1260
- transition: all 1s ease-out;
1261
- }
1262
- @media (max-width: 1023px) {
1263
- .FalconHeader-module__container___r3bIZ {
1264
- background-color: #da291c;
1265
- min-height: 4px;
1266
- }
1267
- }
1268
- .FalconHeader-module__container___r3bIZ :not(:first-child) {
1269
- margin-left: 20px;
1270
- }
1271
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu-top___OLbuL {
1272
- margin-left: 100px;
1273
- }
1274
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos {
1275
- float: left;
1276
- color: #3d3935;
1277
- font-weight: 400;
1278
- font-size: 14px;
1279
- line-height: 20px;
1280
- display: block;
1281
- height: 30px;
1282
- text-decoration: none;
1283
- }
1284
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu1___VHXos:hover {
1285
- text-decoration: none;
1286
- }
1287
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX {
1288
- float: right;
1289
- }
1290
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a {
1291
- color: #1f1f1f;
1292
- font-weight: 400;
1293
- font-size: 14px;
1294
- line-height: 20px;
1295
- display: block;
1296
- margin-bottom: 4px;
1297
- text-decoration: none;
1298
- }
1299
- .FalconHeader-module__container___r3bIZ .FalconHeader-module__menu___BInxX a:hover {
1300
- text-decoration: none;
1301
- }
1302
-
1303
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
1304
- background-color: #111111;
1305
- }
1306
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
1307
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
1308
- color: #ffffff;
1309
- }
1310
-
1311
1458
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1312
1459
  /* center a block element */
1313
1460
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1375,193 +1522,21 @@
1375
1522
  text-decoration: none;
1376
1523
  color: #3d3935;
1377
1524
  }
1378
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1379
- outline: 2px solid #e6003c;
1380
- outline-offset: 2px;
1381
- }
1382
-
1383
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1384
- display: flex;
1385
- align-items: center;
1386
- justify-content: center;
1387
- }
1388
-
1389
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1390
- line-height: 1.3;
1391
- }
1392
-
1393
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1394
- /* center a block element */
1395
- /* use this to any of the pseudo elements as these are the mandatory properties */
1396
- /* setting styles in separate formats for cross browser support */
1397
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1398
- /* vertically center alilgn any HTML element */
1399
- /* add basePath to assets */
1400
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1401
- margin-left: 0 !important;
1402
- }
1403
-
1404
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1405
- padding: 14px 8px 18px 8px;
1406
- cursor: pointer;
1407
- }
1408
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1409
- margin-left: 0px !important;
1410
- padding-left: 8px;
1411
- }
1412
-
1413
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1414
- color: #da291c;
1415
- background-color: #ffffff;
1416
- padding: 14px 8px 18px 8px;
1417
- border-radius: 4px 4px 0 0;
1418
- }
1419
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1420
- color: #da291c;
1421
- margin-left: 0px !important;
1422
- padding-left: unset;
1423
- padding-right: 8px;
1424
- transform: rotate(-180deg);
1425
- }
1426
-
1427
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1428
- color: #da291c !important;
1429
- }
1430
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1431
- border-radius: 4px 4px 0 0;
1432
- background-color: #ffffff;
1433
- padding: 14px 8px 18px 8px;
1434
- }
1435
-
1436
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1437
- color: unset !important;
1438
- }
1439
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1440
- background-color: unset;
1441
- }
1442
-
1443
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1444
- background-color: transparent;
1445
- }
1446
-
1447
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1448
- margin-left: 0px !important;
1449
- position: absolute;
1450
- min-width: 214px;
1451
- display: block;
1452
- padding: 36px 32px 36px 32px;
1453
- font-size: 18px;
1454
- line-height: 24px;
1455
- border: 0;
1456
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1457
- background-color: #ffffff;
1458
- border-radius: 0 0 8px 8px;
1459
- z-index: 1;
1460
- }
1461
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1462
- margin-left: 0 !important;
1463
- padding-top: 18px;
1464
- }
1465
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1466
- padding-top: 28px;
1467
- }
1468
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1469
- border-bottom: 1px solid #e6e3df;
1470
- padding-bottom: 18px;
1471
- }
1472
-
1473
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1474
- background-color: #111111;
1475
- }
1476
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1477
- background-color: #1f1f1f;
1478
- }
1479
-
1480
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1481
- /* center a block element */
1482
- /* use this to any of the pseudo elements as these are the mandatory properties */
1483
- /* setting styles in separate formats for cross browser support */
1484
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1485
- /* vertically center alilgn any HTML element */
1486
- /* add basePath to assets */
1487
- .CartClearConfirm-module__overlay___sxCOO {
1488
- position: absolute;
1489
- inset: 0;
1490
- z-index: 10;
1491
- background: rgba(0, 0, 0, 0.5);
1492
- display: flex;
1493
- align-items: center;
1494
- justify-content: center;
1495
- padding: 24px;
1496
- }
1497
-
1498
- .CartClearConfirm-module__dialog___UWokE {
1499
- background: #ffffff;
1500
- border-radius: 16px;
1501
- padding: 24px;
1502
- width: 100%;
1503
- max-width: 320px;
1504
- display: flex;
1505
- flex-direction: column;
1506
- gap: 24px;
1507
- }
1508
-
1509
- .CartClearConfirm-module__message___vd9VO {
1510
- font-size: 18px;
1511
- line-height: 26px;
1512
- font-weight: 700;
1513
- color: #3d3935;
1514
- text-align: center;
1515
- }
1516
-
1517
- .CartClearConfirm-module__actions___X0-0w {
1518
- display: flex;
1519
- gap: 12px;
1520
- }
1521
-
1522
- .CartClearConfirm-module__cancelButton___LYopb {
1523
- flex: 1;
1524
- height: 48px;
1525
- background: none;
1526
- border: 2px solid #3d3935;
1527
- border-radius: 28px;
1528
- font-size: 16px;
1529
- line-height: 24px;
1530
- font-weight: 600;
1531
- color: #3d3935;
1532
- cursor: pointer;
1533
- transition: background-color 0.15s ease;
1534
- }
1535
- .CartClearConfirm-module__cancelButton___LYopb:hover {
1536
- background-color: rgba(0, 0, 0, 0.05);
1537
- }
1538
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1539
- outline: 2px solid #3d3935;
1540
- outline-offset: 2px;
1541
- }
1542
-
1543
- .CartClearConfirm-module__confirmButton___KgPKy {
1544
- flex: 1;
1545
- height: 48px;
1546
- background: #3d3935;
1547
- border: 2px solid #3d3935;
1548
- border-radius: 28px;
1549
- font-size: 16px;
1550
- line-height: 24px;
1551
- font-weight: 600;
1552
- color: #ffffff;
1553
- cursor: pointer;
1554
- transition: background-color 0.15s ease;
1555
- }
1556
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
1557
- background-color: #3d3935;
1558
- border-color: #3d3935;
1559
- }
1560
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1561
- outline: 2px solid #3d3935;
1525
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1526
+ outline: 2px solid #e6003c;
1562
1527
  outline-offset: 2px;
1563
1528
  }
1564
1529
 
1530
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1531
+ display: flex;
1532
+ align-items: center;
1533
+ justify-content: center;
1534
+ }
1535
+
1536
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1537
+ line-height: 1.3;
1538
+ }
1539
+
1565
1540
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1566
1541
  /* center a block element */
1567
1542
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1946,151 +1921,176 @@
1946
1921
  }
1947
1922
  }
1948
1923
 
1949
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1924
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1950
1925
  /* center a block element */
1951
1926
  /* use this to any of the pseudo elements as these are the mandatory properties */
1952
1927
  /* setting styles in separate formats for cross browser support */
1953
1928
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1954
1929
  /* vertically center alilgn any HTML element */
1955
1930
  /* add basePath to assets */
1956
- .LocaleSelector-module__button___0LEXR {
1957
- position: relative;
1931
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1932
+ margin-left: 0 !important;
1958
1933
  }
1959
- .LocaleSelector-module__button___0LEXR button {
1960
- background-color: transparent;
1961
- color: #3d3935;
1962
- border: 0;
1963
- border-radius: 4px;
1964
- padding-bottom: 5px;
1934
+
1935
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1936
+ padding: 14px 8px 18px 8px;
1965
1937
  cursor: pointer;
1966
- height: 42px;
1967
- font-size: 14px;
1968
- line-height: 20px;
1969
- width: 100%;
1970
1938
  }
1971
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
1972
- background-position: center center;
1973
- background-repeat: no-repeat;
1974
- height: 8px;
1975
- margin-left: 10px;
1976
- margin-top: 2px;
1977
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
1978
- width: 14px;
1939
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1940
+ margin-left: 0px !important;
1941
+ padding-left: 8px;
1979
1942
  }
1980
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
1981
- -webkit-transform: rotate(-180deg);
1982
- -moz-transform: rotate(-180deg);
1983
- -o-transform: rotate(-180deg);
1943
+
1944
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1945
+ color: #da291c;
1946
+ background-color: #ffffff;
1947
+ padding: 14px 8px 18px 8px;
1948
+ border-radius: 4px 4px 0 0;
1949
+ }
1950
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1951
+ color: #da291c;
1952
+ margin-left: 0px !important;
1953
+ padding-left: unset;
1954
+ padding-right: 8px;
1984
1955
  transform: rotate(-180deg);
1985
1956
  }
1986
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1987
- padding: 24px 32px;
1957
+
1958
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1959
+ color: #da291c !important;
1960
+ }
1961
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1962
+ border-radius: 4px 4px 0 0;
1988
1963
  background-color: #ffffff;
1989
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
1964
+ padding: 14px 8px 18px 8px;
1990
1965
  }
1991
- @media (max-width: 1023px) {
1992
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1993
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
1994
- }
1966
+
1967
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1968
+ color: unset !important;
1995
1969
  }
1996
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1997
- box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
1998
- border-radius: 0px 0px 8px 8px;
1999
- margin-bottom: 4px;
2000
- white-space: nowrap;
2001
- position: absolute;
2002
- z-index: 100;
2003
- -webkit-transform: translateX(-50%);
2004
- -moz-transform: translateX(-50%);
2005
- -o-transform: translateX(-50%);
2006
- transform: translateX(-50%);
1970
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1971
+ background-color: unset;
2007
1972
  }
2008
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
2009
- margin-left: 0 !important;
1973
+
1974
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1975
+ background-color: transparent;
2010
1976
  }
2011
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
2012
- font-weight: bold;
1977
+
1978
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1979
+ margin-left: 0px !important;
1980
+ position: absolute;
1981
+ min-width: 214px;
1982
+ display: block;
1983
+ padding: 36px 32px 36px 32px;
1984
+ font-size: 18px;
1985
+ line-height: 24px;
1986
+ border: 0;
1987
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1988
+ background-color: #ffffff;
1989
+ border-radius: 0 0 8px 8px;
1990
+ z-index: 1;
2013
1991
  }
2014
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
2015
- color: #da291c;
1992
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1993
+ margin-left: 0 !important;
1994
+ padding-top: 18px;
2016
1995
  }
2017
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
2018
- content: none !important;
2019
- display: none !important;
1996
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1997
+ padding-top: 28px;
2020
1998
  }
2021
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
2022
- display: none !important;
1999
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
2000
+ border-bottom: 1px solid #e6e3df;
2001
+ padding-bottom: 18px;
2023
2002
  }
2024
2003
 
2025
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
2026
- color: #ffffff;
2004
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
2005
+ background-color: #111111;
2027
2006
  }
2028
- @media (max-width: 1023px) {
2029
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
2030
- background-color: #1f1f1f;
2031
- }
2007
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
2008
+ background-color: #1f1f1f;
2032
2009
  }
2033
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
2034
- filter: brightness(0) invert(0.9);
2010
+
2011
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
2012
+ /* center a block element */
2013
+ /* use this to any of the pseudo elements as these are the mandatory properties */
2014
+ /* setting styles in separate formats for cross browser support */
2015
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
2016
+ /* vertically center alilgn any HTML element */
2017
+ /* add basePath to assets */
2018
+ .CartClearConfirm-module__overlay___sxCOO {
2019
+ position: absolute;
2020
+ inset: 0;
2021
+ z-index: 10;
2022
+ background: rgba(0, 0, 0, 0.42);
2023
+ display: flex;
2024
+ align-items: center;
2025
+ justify-content: center;
2026
+ padding: 24px;
2035
2027
  }
2036
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
2037
- background-color: #1f1f1f;
2038
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
2028
+
2029
+ .CartClearConfirm-module__dialog___UWokE {
2030
+ background: transparent;
2031
+ border-radius: 16px;
2032
+ padding: 24px;
2033
+ width: 100%;
2034
+ max-width: 320px;
2035
+ display: flex;
2036
+ flex-direction: column;
2037
+ gap: 24px;
2039
2038
  }
2040
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
2039
+
2040
+ .CartClearConfirm-module__message___vd9VO {
2041
+ font-size: 18px;
2042
+ line-height: 26px;
2043
+ font-weight: 700;
2041
2044
  color: #ffffff;
2042
- }
2043
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
2044
- color: #da291c;
2045
+ text-align: center;
2045
2046
  }
2046
2047
 
2047
- .LocaleSelector-module__list-item___JVlRE a {
2048
- font-size: 16px !important;
2049
- line-height: 24px !important;
2048
+ .CartClearConfirm-module__actions___X0-0w {
2050
2049
  display: flex;
2051
- padding: 0 !important;
2050
+ gap: 12px;
2052
2051
  }
2053
- .LocaleSelector-module__list-item___JVlRE a span {
2054
- margin: 10px 0 !important;
2052
+
2053
+ .CartClearConfirm-module__cancelButton___LYopb {
2054
+ flex: 1;
2055
+ height: 48px;
2056
+ background: none;
2057
+ border: 2px solid #ffffff;
2058
+ border-radius: 28px;
2059
+ font-size: 16px;
2060
+ line-height: 24px;
2061
+ font-weight: 600;
2062
+ color: #ffffff;
2063
+ cursor: pointer;
2064
+ transition: background-color 0.15s ease;
2055
2065
  }
2056
- .LocaleSelector-module__list-item___JVlRE a::before {
2057
- content: none;
2058
- display: none !important;
2066
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
2067
+ background-color: rgba(255, 255, 255, 0.1);
2068
+ }
2069
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2070
+ outline: 2px solid #ffffff;
2071
+ outline-offset: 2px;
2059
2072
  }
2060
2073
 
2061
- @media (max-width: 1023px) {
2062
- .LocaleSelector-module__button___0LEXR {
2063
- color: #575452;
2064
- position: relative;
2065
- }
2066
- .LocaleSelector-module__button___0LEXR button {
2067
- background-color: #ffffff;
2068
- border: 0;
2069
- border-radius: 4px;
2070
- cursor: pointer;
2071
- font-size: 14px;
2072
- line-height: 20px;
2073
- padding-bottom: 0;
2074
- margin-right: 6px;
2075
- width: 100%;
2076
- }
2077
- .LocaleSelector-module__pop-up___HV8Ta {
2078
- padding: 0px 12px !important;
2079
- }
2080
- .LocaleSelector-module__pop-up___HV8Ta img {
2081
- padding-left: 12px;
2082
- }
2083
- .LocaleSelector-module__list-item___JVlRE a {
2084
- font-size: 16px;
2085
- line-height: 24px;
2086
- font-weight: 400;
2087
- display: flex;
2088
- padding: 10px 12px;
2089
- }
2090
- .LocaleSelector-module__list-item___JVlRE a::before {
2091
- content: none;
2092
- display: none !important;
2093
- }
2074
+ .CartClearConfirm-module__confirmButton___KgPKy {
2075
+ flex: 1;
2076
+ height: 48px;
2077
+ background: #ffffff;
2078
+ border: 2px solid #ffffff;
2079
+ border-radius: 28px;
2080
+ font-size: 16px;
2081
+ line-height: 24px;
2082
+ font-weight: 600;
2083
+ color: #3d3935;
2084
+ cursor: pointer;
2085
+ transition: background-color 0.15s ease;
2086
+ }
2087
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
2088
+ background-color: #e6e3df;
2089
+ border-color: #e6e3df;
2090
+ }
2091
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2092
+ outline: 2px solid #ffffff;
2093
+ outline-offset: 2px;
2094
2094
  }
2095
2095
 
2096
2096
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */