@sunrise-upc/sales-static-components 3.9.0-beta.3 → 3.9.0-beta.4

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 (6) hide show
  1. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js +1 -1
  2. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  3. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +1 -1
  4. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  5. package/dist/navigation.css +900 -900
  6. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -478,1146 +478,1146 @@
478
478
  }
479
479
  }
480
480
 
481
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
481
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
482
482
  /* center a block element */
483
483
  /* use this to any of the pseudo elements as these are the mandatory properties */
484
484
  /* setting styles in separate formats for cross browser support */
485
485
  /* specify the max width for an element and apply ellipses and truncate the overflow */
486
486
  /* vertically center alilgn any HTML element */
487
487
  /* add basePath to assets */
488
- .FalconMainNavigation-module__container___85E7S {
489
- -webkit-transition: all 1s ease-out;
490
- transition: all 1s ease-out;
491
- font-size: 20px;
492
- line-height: 23px;
493
- position: fixed;
488
+ .LocaleSelector-module__button___0LEXR {
489
+ position: relative;
490
+ }
491
+ .LocaleSelector-module__button___0LEXR button {
492
+ background-color: transparent;
493
+ color: #3d3935;
494
+ border: 0;
495
+ border-radius: 4px;
496
+ padding-bottom: 5px;
497
+ cursor: pointer;
498
+ height: 42px;
499
+ font-size: 14px;
500
+ line-height: 20px;
494
501
  width: 100%;
495
- z-index: 10;
496
- top: 0;
497
502
  }
498
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
499
- position: absolute;
500
- z-index: 1;
501
- top: 17px;
502
- -webkit-transition: all 1s ease-out;
503
- transition: all 1s ease-out;
503
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
504
+ background-position: center center;
505
+ background-repeat: no-repeat;
506
+ height: 8px;
507
+ margin-left: 10px;
508
+ margin-top: 2px;
509
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
510
+ width: 14px;
504
511
  }
505
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
506
- height: 89px;
507
- width: 98px;
508
- margin-left: auto;
509
- margin-right: auto;
510
- -webkit-transition: all 1s ease-out;
511
- transition: all 1s ease-out;
512
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
513
+ -webkit-transform: rotate(-180deg);
514
+ -moz-transform: rotate(-180deg);
515
+ -o-transform: rotate(-180deg);
516
+ transform: rotate(-180deg);
512
517
  }
513
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
514
- top: 61px;
515
- -webkit-transition: all 1s ease-out;
516
- transition: all 1s ease-out;
518
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
519
+ padding: 24px 32px;
520
+ background-color: #ffffff;
521
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
517
522
  }
518
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
519
- height: 56px;
520
- -webkit-transition: all 1s ease-out;
521
- transition: all 1s ease-out;
523
+ @media (max-width: 1023px) {
524
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
525
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
526
+ }
522
527
  }
523
- .FalconMainNavigation-module__container___85E7S ul,
524
- .FalconMainNavigation-module__container___85E7S li {
525
- list-style: none;
526
- margin: 0px;
527
- padding: 0px;
528
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
529
+ box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
530
+ border-radius: 0px 0px 8px 8px;
531
+ margin-bottom: 4px;
532
+ white-space: nowrap;
533
+ position: absolute;
534
+ z-index: 100;
535
+ -webkit-transform: translateX(-50%);
536
+ -moz-transform: translateX(-50%);
537
+ -o-transform: translateX(-50%);
538
+ transform: translateX(-50%);
528
539
  }
529
- .FalconMainNavigation-module__container___85E7S a {
530
- color: #1f1f1f;
531
- text-decoration: none;
540
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
541
+ margin-left: 0 !important;
532
542
  }
533
- .FalconMainNavigation-module__container___85E7S a::before {
534
- content: attr(title);
535
- display: block;
543
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
536
544
  font-weight: bold;
537
- height: 0;
538
- opacity: 1;
539
- overflow: hidden;
540
545
  }
541
- @media (max-width: 1023px) {
542
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
543
- display: none;
544
- }
546
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
547
+ color: #da291c;
545
548
  }
546
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
547
- color: #1f1f1f;
549
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
550
+ content: none !important;
551
+ display: none !important;
548
552
  }
549
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
550
- background: #ffffff;
551
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
553
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
554
+ display: none !important;
552
555
  }
553
- .FalconMainNavigation-module__container___85E7S .full-width {
554
- width: 100%;
556
+
557
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
558
+ color: #ffffff;
555
559
  }
556
560
  @media (max-width: 1023px) {
557
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
558
- max-width: 100%;
561
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
562
+ background-color: #1f1f1f;
559
563
  }
560
564
  }
561
- @media (min-width: 1024px) and (max-width: 1439px) {
562
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
563
- max-width: 1308px;
564
- padding-left: 42px;
565
- padding-right: 42px;
566
- }
565
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
566
+ filter: brightness(0) invert(0.9);
567
567
  }
568
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
569
- background-color: #ffffff;
570
- position: relative;
571
- z-index: auto;
568
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
569
+ background-color: #1f1f1f;
570
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
572
571
  }
573
- @media (max-width: 1023px) {
574
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
575
- background-color: #f8f8f8;
576
- }
572
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
573
+ color: #ffffff;
577
574
  }
578
- @media (min-width: 1024px) {
579
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
580
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
581
- }
575
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
576
+ color: #da291c;
582
577
  }
583
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
584
- min-height: 68px;
578
+
579
+ .LocaleSelector-module__list-item___JVlRE a {
580
+ font-size: 16px !important;
581
+ line-height: 24px !important;
582
+ display: flex;
583
+ padding: 0 !important;
584
+ }
585
+ .LocaleSelector-module__list-item___JVlRE a span {
586
+ margin: 10px 0 !important;
587
+ }
588
+ .LocaleSelector-module__list-item___JVlRE a::before {
589
+ content: none;
590
+ display: none !important;
585
591
  }
592
+
586
593
  @media (max-width: 1023px) {
587
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
588
- min-height: 44px;
589
- height: 44px;
594
+ .LocaleSelector-module__button___0LEXR {
595
+ color: #575452;
596
+ position: relative;
597
+ }
598
+ .LocaleSelector-module__button___0LEXR button {
599
+ background-color: #ffffff;
600
+ border: 0;
601
+ border-radius: 4px;
602
+ cursor: pointer;
603
+ font-size: 14px;
604
+ line-height: 20px;
605
+ padding-bottom: 0;
606
+ margin-right: 6px;
607
+ width: 100%;
608
+ }
609
+ .LocaleSelector-module__pop-up___HV8Ta {
610
+ padding: 0px 12px !important;
611
+ }
612
+ .LocaleSelector-module__pop-up___HV8Ta img {
613
+ padding-left: 12px;
614
+ }
615
+ .LocaleSelector-module__list-item___JVlRE a {
616
+ font-size: 16px;
617
+ line-height: 24px;
618
+ font-weight: 400;
619
+ display: flex;
620
+ padding: 10px 12px;
621
+ }
622
+ .LocaleSelector-module__list-item___JVlRE a::before {
623
+ content: none;
624
+ display: none !important;
590
625
  }
591
626
  }
592
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
627
+
628
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
629
+ /* center a block element */
630
+ /* use this to any of the pseudo elements as these are the mandatory properties */
631
+ /* setting styles in separate formats for cross browser support */
632
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
633
+ /* vertically center alilgn any HTML element */
634
+ /* add basePath to assets */
635
+ .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
636
+ transform: rotate(-180deg);
637
+ }
638
+
639
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
640
+ padding: 10px 8px;
641
+ }
642
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
593
643
  background-repeat: no-repeat;
594
644
  background-size: contain;
645
+ display: block;
646
+ height: 24px;
647
+ margin-right: 4px;
648
+ width: 24px;
595
649
  }
596
650
  @media (max-width: 1023px) {
597
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
598
- display: block;
651
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
652
+ background-repeat: no-repeat;
599
653
  background-size: contain;
600
- width: 120px;
654
+ display: block;
655
+ margin-left: auto;
601
656
  height: 24px;
602
- margin-right: 10px;
657
+ width: 24px;
603
658
  }
604
659
  }
605
- @media (min-width: 1024px) {
606
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
607
- visibility: visible;
608
- }
609
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
610
- visibility: hidden;
660
+ @media (max-width: 1023px) {
661
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
662
+ background-repeat: no-repeat;
663
+ background-size: contain;
664
+ display: block;
665
+ margin-left: auto;
666
+ height: 8px;
667
+ width: 14px;
611
668
  }
612
669
  }
613
- @media (min-width: 1024px) {
614
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
615
- height: 24px;
616
- border-right: 1px solid #e6e3df;
617
- border-left: 1px solid #e6e3df;
618
- padding: 0 16px;
619
- margin-top: 10px;
670
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
671
+ color: #da291c;
672
+ font-weight: 700;
673
+ font-size: 16px;
674
+ line-height: 24px;
675
+ }
676
+ @media (max-width: 1023px) {
677
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
678
+ background-color: #ffffff;
679
+ padding: 10px;
620
680
  }
621
681
  }
622
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
623
- position: relative;
624
- display: flex;
625
- align-items: center;
626
- height: 24px;
627
- cursor: pointer;
628
- background: none;
629
- border: none;
630
- outline: none;
682
+
683
+ .ProfileLinkOut-module__highlight___XDufd {
684
+ border-radius: 8px;
685
+ background-color: #f7f6f5;
631
686
  }
632
- @media (min-width: 1024px) {
633
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
634
- padding: 0 12px;
635
- margin-top: 10px;
636
- border-left: 1px solid #e6e3df;
637
- }
687
+
688
+ .ProfileLinkOut-module__non-section___G1jJY {
689
+ padding-left: 16px;
690
+ padding-right: 16px;
691
+ height: fit-content;
638
692
  }
639
- @media (max-width: 1023px) {
640
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
641
- padding: 0;
642
- margin-right: 16px;
693
+ @media (min-width: 1024px) and (max-width: 1439px) {
694
+ .ProfileLinkOut-module__non-section___G1jJY {
695
+ padding-left: 12px;
696
+ padding-right: 12px;
643
697
  }
644
698
  }
645
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
646
- outline: 2px solid #e6e3df;
647
- outline-offset: 2px;
648
- border-radius: 2px;
649
- }
650
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
651
- cursor: pointer;
652
- display: block;
653
- height: 24px;
654
- width: 24px;
699
+ .ProfileLinkOut-module__non-section___G1jJY {
700
+ background-color: unset !important;
655
701
  }
656
702
  @media (max-width: 1023px) {
657
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
658
- margin-right: 20px;
659
- margin-left: 16px;
703
+ .ProfileLinkOut-module__non-section___G1jJY {
704
+ background-color: #ffffff !important;
660
705
  }
661
706
  }
662
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
663
- opacity: 0.6;
664
- pointer-events: none;
665
- cursor: default;
666
- }
667
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
668
- background-repeat: no-repeat;
669
- background-size: contain;
670
- display: block;
671
- height: 24px;
672
- margin: 10px 8px 0 10px;
673
- width: 24px;
674
- }
675
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
676
- font-size: 16px;
677
- line-height: 24px;
678
- color: #1f1f1f;
679
- margin: 10px 16px 0 8px;
680
- font-weight: 700;
681
- cursor: pointer;
682
- }
683
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
684
- background-repeat: no-repeat;
685
- background-size: contain;
686
- display: block;
687
- height: 24px;
688
- margin: 11px 0px 0 0px;
689
- width: 24px;
690
- cursor: pointer;
691
- }
692
- @media (max-width: 1023px) {
693
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
694
- margin: 0px;
695
- cursor: pointer;
696
- }
707
+
708
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
709
+ color: #ffffff;
697
710
  }
698
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
699
- margin: 10px 0px 0px;
700
- cursor: pointer;
711
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
712
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
713
+ filter: brightness(0) invert(0.9);
701
714
  }
702
715
  @media (max-width: 1023px) {
703
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
704
- margin: 0px;
705
- }
706
- }
707
- @media (min-width: 1024px) {
708
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
709
- position: relative;
710
- justify-content: space-between;
711
- padding: 12px 0;
712
- }
713
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
714
- margin-left: 58px;
716
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
717
+ background-color: #1f1f1f !important;
715
718
  }
716
719
  }
717
- @media (min-width: 1024px) {
718
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
719
- position: relative;
720
- justify-content: space-between;
721
- padding: 12px 0;
722
- }
723
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
724
- margin-left: 58px;
725
- }
720
+
721
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
722
+ background-color: transparent;
726
723
  }
727
- @media (min-width: 1024px) {
728
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
729
- padding-bottom: 47px;
730
- }
731
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
732
- padding-bottom: 0;
733
- }
724
+ .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 {
725
+ color: #ffffff;
734
726
  }
735
- @media (min-width: 1440px) {
736
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
737
- padding-bottom: 0;
738
- }
739
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
740
- padding-bottom: 0;
741
- }
727
+ .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,
728
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
729
+ .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
730
+ filter: brightness(0) invert(0.9);
742
731
  }
743
-
744
- @media (min-width: 1024px) {
745
- .FalconMainNavigation-module__falcon-nav___YMp-r {
746
- top: -52px;
732
+ @media (max-width: 1023px) {
733
+ .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
734
+ background-color: #1f1f1f;
747
735
  }
748
736
  }
749
737
 
750
- .page-top,
751
- #main {
752
- padding-top: var(--main-nav-height, 72px);
753
- transition: padding-top 500ms ease-out;
738
+ .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 {
739
+ background-color: #111111;
754
740
  }
755
741
 
756
- @media (max-width: 767px) {
757
- .page-top,
758
- #main {
759
- padding-top: var(--main-nav-height, 50px);
760
- }
761
- }
762
- @media (prefers-reduced-motion: reduce) {
763
- .page-top,
764
- #main {
765
- transition: none;
766
- }
767
- }
768
- .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
742
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
769
743
  background-color: #1f1f1f;
770
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
744
+ box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
771
745
  }
772
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
773
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
746
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
747
+ color: #ffffff;
748
+ border-bottom-color: #86807c;
749
+ }
750
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
774
751
  background-color: #1f1f1f;
775
752
  }
776
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
777
- border-right-color: #86807c;
778
- border-left-color: #86807c;
753
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
754
+ color: #da291c;
779
755
  }
780
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
756
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
781
757
  color: #ffffff;
758
+ background-color: #1f1f1f;
759
+ }
760
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
761
+ filter: brightness(0) invert(0.9);
782
762
  }
783
763
 
784
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
785
- position: fixed;
786
- top: 0;
787
- left: 0;
788
- padding: 4px 8px;
789
- font-size: 14px;
790
- z-index: 10000;
791
- color: #5f5955;
792
- background: #ffffff;
764
+ .ProfileLinkOut-module__arrow___Mc7yw {
765
+ display: none;
793
766
  }
794
- @media (max-width: 850px) {
795
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
796
- padding: 0 4px;
797
- font-size: 8px;
767
+ @media (max-width: 1023px) {
768
+ .ProfileLinkOut-module__arrow___Mc7yw {
769
+ position: absolute;
770
+ right: 10px;
771
+ display: inline-block;
798
772
  }
799
773
  }
800
774
 
801
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
802
- /* center a block element */
803
- /* use this to any of the pseudo elements as these are the mandatory properties */
804
- /* setting styles in separate formats for cross browser support */
805
- /* specify the max width for an element and apply ellipses and truncate the overflow */
806
- /* vertically center alilgn any HTML element */
807
- /* 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);
775
+ @media (min-width: 1024px) {
776
+ .ProfileLinkOut-module__log___JdxjK {
777
+ display: none;
814
778
  }
815
779
  }
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;
825
- }
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;
780
+ @media (min-width: 1024px) {
781
+ .ProfileLinkOut-module__login-flyover___YDIVp {
782
+ position: absolute;
783
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
784
+ min-width: max-content;
785
+ display: block;
786
+ padding: 24px 32px;
787
+ font-size: 16px;
788
+ border: 0;
789
+ color: #e6003c;
790
+ font-weight: 700;
791
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
792
+ background-color: #ffffff;
793
+ border-radius: 4px;
794
+ }
795
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
796
+ padding-bottom: 16px;
797
+ letter-spacing: 1px;
798
+ text-transform: uppercase;
799
+ color: #86807c;
800
+ font-weight: 500;
801
+ font-size: 14px;
802
+ line-height: 20px;
803
+ border-bottom: 1px solid #e6e3df;
804
+ }
805
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
806
+ padding: 28px 0;
807
+ }
808
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
809
+ text-decoration: underline;
810
+ }
811
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
812
+ font-size: 18px;
813
+ line-height: 24px;
814
+ color: #da291c;
815
+ }
816
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
817
+ color: #3d3935;
818
+ font-weight: 400;
819
+ font-size: 18px;
820
+ line-height: 24px;
821
+ }
822
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
823
+ padding-left: 10px;
824
+ }
825
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
826
+ text-decoration: underline;
827
+ }
852
828
  }
853
-
854
- .CartDotLoader-module__loaderText___7uOK9 {
855
- font-size: 16px;
856
- line-height: 24px;
857
- font-weight: 700;
858
- color: #3d3935;
859
- margin: 0;
860
- text-align: center;
829
+ @media (max-width: 1023px) {
830
+ .ProfileLinkOut-module__login-flyover___YDIVp {
831
+ color: #86807c;
832
+ font-weight: 500;
833
+ font-size: 14px;
834
+ line-height: 20px;
835
+ padding-left: 16px;
836
+ }
837
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
838
+ padding: 20px 0 8px 10px;
839
+ letter-spacing: 1px;
840
+ text-transform: uppercase;
841
+ }
842
+ .ProfileLinkOut-module__mysunrise___F326W {
843
+ color: #da291c;
844
+ font-weight: 700;
845
+ font-size: 18px;
846
+ line-height: 24px;
847
+ background-color: #ffffff;
848
+ padding: 10px;
849
+ margin-bottom: 4px;
850
+ }
851
+ .ProfileLinkOut-module__mysunrise___F326W a:hover {
852
+ font-weight: unset;
853
+ }
854
+ .ProfileLinkOut-module__logout___GfbcJ {
855
+ color: #3d3935;
856
+ font-weight: 400;
857
+ background-color: #ffffff;
858
+ padding: 10px;
859
+ font-size: 18px;
860
+ line-height: 24px;
861
+ position: relative;
862
+ }
863
+ .ProfileLinkOut-module__logout___GfbcJ img {
864
+ position: absolute;
865
+ padding-left: 10px;
866
+ }
861
867
  }
862
868
 
863
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
869
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
864
870
  /* center a block element */
865
871
  /* use this to any of the pseudo elements as these are the mandatory properties */
866
872
  /* setting styles in separate formats for cross browser support */
867
873
  /* specify the max width for an element and apply ellipses and truncate the overflow */
868
874
  /* vertically center alilgn any HTML element */
869
875
  /* add basePath to assets */
870
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
871
- font-weight: unset;
872
- }
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;
885
- }
886
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
887
- border: 1px solid #e8e8e8;
876
+ .FalconMainNavigation-module__container___85E7S {
877
+ -webkit-transition: all 1s ease-out;
878
+ transition: all 1s ease-out;
879
+ font-size: 20px;
880
+ line-height: 23px;
881
+ position: fixed;
882
+ width: 100%;
883
+ z-index: 10;
884
+ top: 0;
888
885
  }
889
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
886
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
890
887
  position: absolute;
891
- left: 10px;
888
+ z-index: 1;
889
+ top: 17px;
890
+ -webkit-transition: all 1s ease-out;
891
+ transition: all 1s ease-out;
892
892
  }
893
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
894
- position: absolute;
895
- right: 10px;
893
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 > img {
894
+ height: 89px;
895
+ width: 98px;
896
+ margin-left: auto;
897
+ margin-right: auto;
898
+ -webkit-transition: all 1s ease-out;
899
+ transition: all 1s ease-out;
896
900
  }
897
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
898
- transition: transform 0.2s ease;
901
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH {
902
+ top: 61px;
903
+ -webkit-transition: all 1s ease-out;
904
+ transition: all 1s ease-out;
899
905
  }
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;
906
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__resize___12RpH > img {
907
+ height: 56px;
908
+ -webkit-transition: all 1s ease-out;
909
+ transition: all 1s ease-out;
906
910
  }
907
-
908
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
909
- transform: rotate(-180deg);
911
+ .FalconMainNavigation-module__container___85E7S ul,
912
+ .FalconMainNavigation-module__container___85E7S li {
913
+ list-style: none;
914
+ margin: 0px;
915
+ padding: 0px;
910
916
  }
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;
917
+ .FalconMainNavigation-module__container___85E7S a {
918
+ color: #1f1f1f;
919
+ text-decoration: none;
916
920
  }
917
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
918
- filter: brightness(0) invert(0.9);
921
+ .FalconMainNavigation-module__container___85E7S a::before {
922
+ content: attr(title);
923
+ display: block;
924
+ font-weight: bold;
925
+ height: 0;
926
+ opacity: 1;
927
+ overflow: hidden;
919
928
  }
920
-
921
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.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
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
929
- margin-left: 0 !important;
929
+ @media (max-width: 1023px) {
930
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
931
+ display: none;
932
+ }
930
933
  }
931
-
932
- .BusinessCustomerLinkOut-module__icon___lYHUm {
933
- padding: 14px 8px 18px 8px;
934
- cursor: pointer;
934
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
935
+ color: #1f1f1f;
935
936
  }
936
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
937
- margin-left: 0px !important;
938
- padding-left: 8px;
937
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
938
+ background: #ffffff;
939
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
939
940
  }
940
-
941
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
942
- color: #da291c;
943
- background-color: #ffffff;
944
- padding: 14px 8px 18px 8px;
945
- border-radius: 4px 4px 0 0;
941
+ .FalconMainNavigation-module__container___85E7S .full-width {
942
+ width: 100%;
946
943
  }
947
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
948
- color: #da291c;
949
- margin-left: 0px !important;
950
- padding-left: unset;
951
- padding-right: 8px;
952
- transform: rotate(-180deg);
944
+ @media (max-width: 1023px) {
945
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
946
+ max-width: 100%;
947
+ }
953
948
  }
954
-
955
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
956
- color: #da291c !important;
949
+ @media (min-width: 1024px) and (max-width: 1439px) {
950
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
951
+ max-width: 1308px;
952
+ padding-left: 42px;
953
+ padding-right: 42px;
954
+ }
957
955
  }
958
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
959
- border-radius: 4px 4px 0 0;
956
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
960
957
  background-color: #ffffff;
961
- padding: 14px 8px 18px 8px;
958
+ position: relative;
959
+ z-index: auto;
962
960
  }
963
-
964
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
965
- color: unset !important;
961
+ @media (max-width: 1023px) {
962
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
963
+ background-color: #f8f8f8;
964
+ }
966
965
  }
967
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
968
- background-color: unset;
966
+ @media (min-width: 1024px) {
967
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
968
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
969
+ }
969
970
  }
970
-
971
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
972
- background-color: transparent;
973
- }
974
-
975
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
976
- margin-left: 0px !important;
977
- position: absolute;
978
- min-width: 214px;
979
- display: block;
980
- padding: 36px 32px 36px 32px;
981
- font-size: 18px;
982
- line-height: 24px;
983
- border: 0;
984
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
985
- background-color: #ffffff;
986
- border-radius: 0 0 8px 8px;
987
- z-index: 1;
971
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
972
+ min-height: 68px;
988
973
  }
989
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
990
- margin-left: 0 !important;
991
- padding-top: 18px;
974
+ @media (max-width: 1023px) {
975
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
976
+ min-height: 44px;
977
+ height: 44px;
978
+ }
992
979
  }
993
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
994
- padding-top: 28px;
980
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
981
+ background-repeat: no-repeat;
982
+ background-size: contain;
995
983
  }
996
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
997
- border-bottom: 1px solid #e6e3df;
998
- padding-bottom: 18px;
984
+ @media (max-width: 1023px) {
985
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
986
+ display: block;
987
+ background-size: contain;
988
+ width: 120px;
989
+ height: 24px;
990
+ margin-right: 10px;
991
+ }
999
992
  }
1000
-
1001
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1002
- background-color: #111111;
993
+ @media (min-width: 1024px) {
994
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__visible___NFwXh {
995
+ visibility: visible;
996
+ }
997
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__not-visible___0BZWH {
998
+ visibility: hidden;
999
+ }
1003
1000
  }
1004
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1005
- background-color: #1f1f1f;
1001
+ @media (min-width: 1024px) {
1002
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-div___LZCOw {
1003
+ height: 24px;
1004
+ border-right: 1px solid #e6e3df;
1005
+ border-left: 1px solid #e6e3df;
1006
+ padding: 0 16px;
1007
+ margin-top: 10px;
1008
+ }
1006
1009
  }
1007
-
1008
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1009
- /* center a block element */
1010
- /* use this to any of the pseudo elements as these are the mandatory properties */
1011
- /* setting styles in separate formats for cross browser support */
1012
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1013
- /* vertically center alilgn any HTML element */
1014
- /* add basePath to assets */
1015
- .SubNavigation-module__container___Wb5XN {
1016
- background-color: #ffffff;
1017
- color: #575452;
1018
- border-radius: 0px 0px 8px 8px;
1019
- margin: 0 auto;
1020
- max-width: 1308px;
1021
- min-height: 47px;
1022
- -webkit-align-items: center;
1023
- -moz-align-items: center;
1024
- -o-align-items: center;
1010
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1011
+ position: relative;
1012
+ display: flex;
1025
1013
  align-items: center;
1014
+ height: 24px;
1015
+ cursor: pointer;
1016
+ background: none;
1017
+ border: none;
1018
+ outline: none;
1026
1019
  }
1027
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1028
- font-size: 14px;
1029
- line-height: 20px;
1030
- font-weight: 700;
1020
+ @media (min-width: 1024px) {
1021
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1022
+ padding: 0 12px;
1023
+ margin-top: 10px;
1024
+ border-left: 1px solid #e6e3df;
1025
+ }
1031
1026
  }
1032
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1033
- margin-left: 0 !important;
1034
- margin-top: 0 !important;
1035
- font-size: 18px;
1036
- line-height: 24px;
1037
- font-weight: 400;
1038
- display: block !important;
1027
+ @media (max-width: 1023px) {
1028
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1029
+ padding: 0;
1030
+ margin-right: 16px;
1031
+ }
1039
1032
  }
1040
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1041
- padding-bottom: 28px;
1033
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
1034
+ outline: 2px solid #e6e3df;
1035
+ outline-offset: 2px;
1036
+ border-radius: 2px;
1042
1037
  }
1043
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1044
- font-size: 14px;
1045
- line-height: 20px;
1046
- color: #7A7A7B;
1047
- font-weight: 700;
1048
- padding-bottom: 28px;
1038
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1039
+ cursor: pointer;
1040
+ display: block;
1041
+ height: 24px;
1042
+ width: 24px;
1049
1043
  }
1050
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1051
- display: flex;
1052
- grid-column: 2;
1053
- grid-template-columns: repeat(auto-fit, 20%);
1054
- padding: 24px 32px;
1044
+ @media (max-width: 1023px) {
1045
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1046
+ margin-right: 20px;
1047
+ margin-left: 16px;
1048
+ }
1055
1049
  }
1056
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1057
- border-left: 1px solid #e6e3df;
1058
- padding-left: 24px;
1059
- padding-right: 24px;
1060
- max-width: 248px;
1050
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1051
+ opacity: 0.6;
1052
+ pointer-events: none;
1053
+ cursor: default;
1061
1054
  }
1062
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1063
- padding-left: 0;
1064
- border: none;
1055
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-icon___1cmCg {
1056
+ background-repeat: no-repeat;
1057
+ background-size: contain;
1058
+ display: block;
1059
+ height: 24px;
1060
+ margin: 10px 8px 0 10px;
1061
+ width: 24px;
1065
1062
  }
1066
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1067
- margin-left: 4px;
1068
- vertical-align: middle;
1063
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__phone-number___s-w4H {
1064
+ font-size: 16px;
1065
+ line-height: 24px;
1066
+ color: #1f1f1f;
1067
+ margin: 10px 16px 0 8px;
1068
+ font-weight: 700;
1069
+ cursor: pointer;
1070
+ }
1071
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1072
+ background-repeat: no-repeat;
1073
+ background-size: contain;
1074
+ display: block;
1069
1075
  height: 24px;
1076
+ margin: 11px 0px 0 0px;
1070
1077
  width: 24px;
1078
+ cursor: pointer;
1071
1079
  }
1072
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1073
- margin-left: 0;
1074
- margin-right: 4px;
1080
+ @media (max-width: 1023px) {
1081
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1082
+ margin: 0px;
1083
+ cursor: pointer;
1084
+ }
1075
1085
  }
1076
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1077
- white-space: nowrap;
1078
- display: inline-flex;
1079
- align-items: center;
1086
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1087
+ margin: 10px 0px 0px;
1088
+ cursor: pointer;
1080
1089
  }
1081
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1082
- display: flex;
1083
- align-items: flex-start;
1084
- gap: 4px;
1085
- white-space: normal;
1086
- max-width: 100%;
1090
+ @media (max-width: 1023px) {
1091
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1092
+ margin: 0px;
1093
+ }
1087
1094
  }
1088
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1089
- white-space: normal;
1090
- min-width: 0;
1095
+ @media (min-width: 1024px) {
1096
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US {
1097
+ position: relative;
1098
+ justify-content: space-between;
1099
+ padding: 12px 0;
1100
+ }
1101
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin1___Lr-US nav {
1102
+ margin-left: 58px;
1103
+ }
1091
1104
  }
1092
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1093
- white-space: normal;
1094
- align-items: flex-start;
1095
- gap: 4px;
1105
+ @media (min-width: 1024px) {
1106
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
1107
+ position: relative;
1108
+ justify-content: space-between;
1109
+ padding: 12px 0;
1110
+ }
1111
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
1112
+ margin-left: 58px;
1113
+ }
1114
+ }
1115
+ @media (min-width: 1024px) {
1116
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1117
+ padding-bottom: 47px;
1118
+ }
1119
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1120
+ padding-bottom: 0;
1121
+ }
1122
+ }
1123
+ @media (min-width: 1440px) {
1124
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
1125
+ padding-bottom: 0;
1126
+ }
1127
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
1128
+ padding-bottom: 0;
1129
+ }
1096
1130
  }
1097
1131
 
1098
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1132
+ @media (min-width: 1024px) {
1133
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
1134
+ top: -52px;
1135
+ }
1136
+ }
1137
+
1138
+ .page-top,
1139
+ #main {
1140
+ padding-top: var(--main-nav-height, 72px);
1141
+ transition: padding-top 500ms ease-out;
1142
+ }
1143
+
1144
+ @media (max-width: 767px) {
1145
+ .page-top,
1146
+ #main {
1147
+ padding-top: var(--main-nav-height, 50px);
1148
+ }
1149
+ }
1150
+ @media (prefers-reduced-motion: reduce) {
1151
+ .page-top,
1152
+ #main {
1153
+ transition: none;
1154
+ }
1155
+ }
1156
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
1099
1157
  background-color: #1f1f1f;
1100
- color: #ffffff;
1158
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1101
1159
  }
1102
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1103
- color: #ffffff;
1160
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
1161
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
1162
+ background-color: #1f1f1f;
1104
1163
  }
1105
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1106
- color: #ffffff;
1164
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1165
+ border-right-color: #86807c;
1166
+ border-left-color: #86807c;
1107
1167
  }
1108
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1168
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1109
1169
  color: #ffffff;
1110
1170
  }
1111
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1112
- border-left: 1px solid #86807c;
1171
+
1172
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1173
+ position: fixed;
1174
+ top: 0;
1175
+ left: 0;
1176
+ padding: 4px 8px;
1177
+ font-size: 14px;
1178
+ z-index: 10000;
1179
+ color: #5f5955;
1180
+ background: #ffffff;
1113
1181
  }
1114
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1115
- border: none;
1182
+ @media (max-width: 850px) {
1183
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1184
+ padding: 0 4px;
1185
+ font-size: 8px;
1186
+ }
1116
1187
  }
1117
1188
 
1118
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1189
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1119
1190
  /* center a block element */
1120
1191
  /* use this to any of the pseudo elements as these are the mandatory properties */
1121
1192
  /* setting styles in separate formats for cross browser support */
1122
1193
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1123
1194
  /* vertically center alilgn any HTML element */
1124
1195
  /* add basePath to assets */
1125
- .cart-overlay-panel.offcanvas {
1126
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1127
- }
1128
-
1129
- .cart-overlay-panel .offcanvas-header {
1130
- height: 96px;
1131
- padding: 20px 16px;
1132
- gap: 24px;
1133
- align-items: center;
1134
- background: #ffffff;
1135
- border-bottom: 1px solid #e6e3df;
1196
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1197
+ 0%, 80%, 100% {
1198
+ transform: translateY(0);
1199
+ }
1200
+ 40% {
1201
+ transform: translateY(-10px);
1202
+ }
1136
1203
  }
1137
-
1138
- .cart-overlay-panel .offcanvas-title {
1204
+ .CartDotLoader-module__loaderWrapper___PmIHe {
1139
1205
  display: flex;
1140
1206
  flex-direction: column;
1141
- align-items: flex-start;
1142
- gap: 2px;
1143
- font-size: 24px;
1144
- line-height: 32px;
1145
- font-weight: 700;
1146
- color: #3d3935;
1147
- }
1148
- @media (max-width: 1023px) {
1149
- .cart-overlay-panel .offcanvas-title {
1150
- font-size: 20px;
1151
- line-height: 28px;
1152
- }
1153
- }
1154
-
1155
- .cart-overlay-panel .btn-close {
1156
- opacity: 0.7;
1157
- width: 20px;
1158
- height: 20px;
1159
- }
1160
- .cart-overlay-panel .btn-close:hover {
1161
- opacity: 1;
1207
+ align-items: center;
1208
+ justify-content: center;
1209
+ gap: 20px;
1210
+ height: 100%;
1211
+ min-height: 200px;
1212
+ padding: 40px 24px;
1162
1213
  }
1163
1214
 
1164
- .cart-overlay-panel .offcanvas-body {
1165
- padding: 0;
1166
- overflow-y: auto;
1215
+ .CartDotLoader-module__dots___OiUF- {
1167
1216
  display: flex;
1168
- flex-direction: column;
1169
- background: #f7f6f5;
1217
+ align-items: center;
1218
+ gap: 8px;
1170
1219
  }
1171
1220
 
1172
- .cart-overlay-panel.offcanvas-bottom {
1173
- border-radius: 8px 8px 0 0 !important;
1174
- width: 100% !important;
1175
- overflow: hidden;
1221
+ .CartDotLoader-module__dot___RsJtn {
1222
+ display: block;
1223
+ width: 12px;
1224
+ height: 12px;
1225
+ border-radius: 50%;
1226
+ background-color: #da291c;
1227
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1176
1228
  }
1177
-
1178
- .CartOverlay-module__backdrop___lMc-O {
1179
- position: fixed;
1180
- inset: 0;
1181
- z-index: 1040;
1182
- background: rgba(42, 42, 42, 0.7);
1183
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1229
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1230
+ animation-delay: 0s;
1184
1231
  }
1185
-
1186
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1187
- from {
1188
- opacity: 0;
1189
- }
1190
- to {
1191
- opacity: 1;
1192
- }
1232
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1233
+ animation-delay: 0.2s;
1193
1234
  }
1194
- .CartOverlay-module__footer___OwJpW {
1195
- padding: 16px 24px;
1196
- border-top: 1px solid #d2d2d2;
1197
- background-color: #ffffff;
1235
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1236
+ animation-delay: 0.4s;
1237
+ }
1238
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1239
+ animation-delay: 0.6s;
1198
1240
  }
1199
1241
 
1200
- .CartOverlay-module__dismissButton___57qsq {
1201
- display: flex;
1202
- align-items: center;
1203
- justify-content: center;
1204
- width: 100%;
1205
- padding: 14px 24px;
1206
- gap: 8px;
1207
- background: none;
1208
- border: 2px solid #da291c;
1209
- border-radius: 28px;
1242
+ .CartDotLoader-module__loaderText___7uOK9 {
1210
1243
  font-size: 16px;
1211
1244
  line-height: 24px;
1212
- font-weight: 600;
1213
- color: #da291c;
1214
- text-align: center;
1215
- cursor: pointer;
1216
- transition: background-color 0.15s ease;
1217
- }
1218
- .CartOverlay-module__dismissButton___57qsq:hover {
1219
- background-color: rgba(218, 41, 28, 0.05);
1220
- }
1221
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1222
- outline: 2px solid #da291c;
1223
- outline-offset: 2px;
1224
- }
1225
-
1226
- .CartOverlay-module__errorMessage___ylBiH {
1227
- margin: auto 24px;
1228
- padding: 16px;
1229
- font-size: 20px;
1230
- line-height: 28px;
1245
+ font-weight: 700;
1231
1246
  color: #3d3935;
1247
+ margin: 0;
1232
1248
  text-align: center;
1233
1249
  }
1234
1250
 
1235
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1251
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1236
1252
  /* center a block element */
1237
1253
  /* use this to any of the pseudo elements as these are the mandatory properties */
1238
1254
  /* setting styles in separate formats for cross browser support */
1239
1255
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1240
1256
  /* vertically center alilgn any HTML element */
1241
1257
  /* add basePath to assets */
1242
- .LocaleSelector-module__button___0LEXR {
1258
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1259
+ font-weight: unset;
1260
+ }
1261
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1243
1262
  position: relative;
1263
+ color: #333333;
1264
+ display: -webkit-box;
1265
+ font-size: 16px;
1266
+ line-height: 24px;
1267
+ display: flex;
1268
+ height: auto;
1269
+ text-decoration: none;
1270
+ padding: 10px 10px 10px 10px;
1271
+ margin-bottom: 4px;
1272
+ background-color: #ffffff;
1244
1273
  }
1245
- .LocaleSelector-module__button___0LEXR button {
1246
- background-color: transparent;
1247
- color: #3d3935;
1248
- border: 0;
1249
- border-radius: 4px;
1250
- padding-bottom: 5px;
1251
- cursor: pointer;
1252
- height: 42px;
1253
- font-size: 14px;
1254
- line-height: 20px;
1255
- width: 100%;
1274
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1275
+ border: 1px solid #e8e8e8;
1256
1276
  }
1257
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
1258
- background-position: center center;
1259
- background-repeat: no-repeat;
1260
- height: 8px;
1261
- margin-left: 10px;
1262
- margin-top: 2px;
1263
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
1264
- width: 14px;
1277
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1278
+ position: absolute;
1279
+ left: 10px;
1265
1280
  }
1266
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
1267
- -webkit-transform: rotate(-180deg);
1268
- -moz-transform: rotate(-180deg);
1269
- -o-transform: rotate(-180deg);
1270
- transform: rotate(-180deg);
1281
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1282
+ position: absolute;
1283
+ right: 10px;
1271
1284
  }
1272
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1273
- padding: 24px 32px;
1274
- background-color: #ffffff;
1275
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
1285
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1286
+ transition: transform 0.2s ease;
1276
1287
  }
1277
- @media (max-width: 1023px) {
1278
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1279
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
1280
- }
1288
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1289
+ display: block;
1290
+ flex-shrink: 0;
1291
+ height: 24px;
1292
+ width: 24px;
1293
+ margin-right: 8px;
1281
1294
  }
1282
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
1283
- box-shadow: 0px 20px 30px -8px rgba(87, 84, 82, 0.4);
1284
- border-radius: 0px 0px 8px 8px;
1285
- margin-bottom: 4px;
1286
- white-space: nowrap;
1287
- position: absolute;
1288
- z-index: 100;
1289
- -webkit-transform: translateX(-50%);
1290
- -moz-transform: translateX(-50%);
1291
- -o-transform: translateX(-50%);
1292
- transform: translateX(-50%);
1295
+
1296
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1297
+ transform: rotate(-180deg);
1293
1298
  }
1294
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
1299
+
1300
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1301
+ background-color: #1f1f1f;
1302
+ color: #ffffff;
1303
+ border: 1px solid #2c2c2c;
1304
+ }
1305
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1306
+ filter: brightness(0) invert(0.9);
1307
+ }
1308
+
1309
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1310
+ /* center a block element */
1311
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1312
+ /* setting styles in separate formats for cross browser support */
1313
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1314
+ /* vertically center alilgn any HTML element */
1315
+ /* add basePath to assets */
1316
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1295
1317
  margin-left: 0 !important;
1296
1318
  }
1297
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
1298
- font-weight: bold;
1319
+
1320
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1321
+ padding: 14px 8px 18px 8px;
1322
+ cursor: pointer;
1299
1323
  }
1300
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1301
- color: #da291c;
1324
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1325
+ margin-left: 0px !important;
1326
+ padding-left: 8px;
1302
1327
  }
1303
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a::before {
1304
- content: none !important;
1305
- display: none !important;
1328
+
1329
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1330
+ color: #da291c;
1331
+ background-color: #ffffff;
1332
+ padding: 14px 8px 18px 8px;
1333
+ border-radius: 4px 4px 0 0;
1306
1334
  }
1307
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
1308
- display: none !important;
1335
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1336
+ color: #da291c;
1337
+ margin-left: 0px !important;
1338
+ padding-left: unset;
1339
+ padding-right: 8px;
1340
+ transform: rotate(-180deg);
1309
1341
  }
1310
1342
 
1311
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1312
- color: #ffffff;
1313
- }
1314
- @media (max-width: 1023px) {
1315
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
1316
- background-color: #1f1f1f;
1317
- }
1343
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1344
+ color: #da291c !important;
1318
1345
  }
1319
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1320
- filter: brightness(0) invert(0.9);
1346
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1347
+ border-radius: 4px 4px 0 0;
1348
+ background-color: #ffffff;
1349
+ padding: 14px 8px 18px 8px;
1321
1350
  }
1322
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta {
1323
- background-color: #1f1f1f;
1324
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1351
+
1352
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1353
+ color: unset !important;
1325
1354
  }
1326
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
1327
- color: #ffffff;
1355
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1356
+ background-color: unset;
1328
1357
  }
1329
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1330
- color: #da291c;
1358
+
1359
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1360
+ background-color: transparent;
1331
1361
  }
1332
1362
 
1333
- .LocaleSelector-module__list-item___JVlRE a {
1334
- font-size: 16px !important;
1335
- line-height: 24px !important;
1336
- display: flex;
1337
- padding: 0 !important;
1363
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1364
+ margin-left: 0px !important;
1365
+ position: absolute;
1366
+ min-width: 214px;
1367
+ display: block;
1368
+ padding: 36px 32px 36px 32px;
1369
+ font-size: 18px;
1370
+ line-height: 24px;
1371
+ border: 0;
1372
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1373
+ background-color: #ffffff;
1374
+ border-radius: 0 0 8px 8px;
1375
+ z-index: 1;
1338
1376
  }
1339
- .LocaleSelector-module__list-item___JVlRE a span {
1340
- margin: 10px 0 !important;
1377
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1378
+ margin-left: 0 !important;
1379
+ padding-top: 18px;
1341
1380
  }
1342
- .LocaleSelector-module__list-item___JVlRE a::before {
1343
- content: none;
1344
- display: none !important;
1381
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1382
+ padding-top: 28px;
1383
+ }
1384
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1385
+ border-bottom: 1px solid #e6e3df;
1386
+ padding-bottom: 18px;
1345
1387
  }
1346
1388
 
1347
- @media (max-width: 1023px) {
1348
- .LocaleSelector-module__button___0LEXR {
1349
- color: #575452;
1350
- position: relative;
1351
- }
1352
- .LocaleSelector-module__button___0LEXR button {
1353
- background-color: #ffffff;
1354
- border: 0;
1355
- border-radius: 4px;
1356
- cursor: pointer;
1357
- font-size: 14px;
1358
- line-height: 20px;
1359
- padding-bottom: 0;
1360
- margin-right: 6px;
1361
- width: 100%;
1362
- }
1363
- .LocaleSelector-module__pop-up___HV8Ta {
1364
- padding: 0px 12px !important;
1365
- }
1366
- .LocaleSelector-module__pop-up___HV8Ta img {
1367
- padding-left: 12px;
1368
- }
1369
- .LocaleSelector-module__list-item___JVlRE a {
1370
- font-size: 16px;
1371
- line-height: 24px;
1372
- font-weight: 400;
1373
- display: flex;
1374
- padding: 10px 12px;
1375
- }
1376
- .LocaleSelector-module__list-item___JVlRE a::before {
1377
- content: none;
1378
- display: none !important;
1379
- }
1389
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1390
+ background-color: #111111;
1391
+ }
1392
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1393
+ background-color: #1f1f1f;
1380
1394
  }
1381
1395
 
1382
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1396
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1383
1397
  /* center a block element */
1384
1398
  /* use this to any of the pseudo elements as these are the mandatory properties */
1385
1399
  /* setting styles in separate formats for cross browser support */
1386
1400
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1387
1401
  /* vertically center alilgn any HTML element */
1388
1402
  /* add basePath to assets */
1389
- .ProfileLinkOut-module__section-clicked___iOTsY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1390
- transform: rotate(-180deg);
1391
- }
1392
-
1393
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1394
- padding: 10px 8px;
1403
+ .SubNavigation-module__container___Wb5XN {
1404
+ background-color: #ffffff;
1405
+ color: #575452;
1406
+ border-radius: 0px 0px 8px 8px;
1407
+ margin: 0 auto;
1408
+ max-width: 1308px;
1409
+ min-height: 47px;
1410
+ -webkit-align-items: center;
1411
+ -moz-align-items: center;
1412
+ -o-align-items: center;
1413
+ align-items: center;
1395
1414
  }
1396
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
1397
- background-repeat: no-repeat;
1398
- background-size: contain;
1399
- display: block;
1400
- height: 24px;
1401
- margin-right: 4px;
1402
- width: 24px;
1415
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1416
+ font-size: 14px;
1417
+ line-height: 20px;
1418
+ font-weight: 700;
1403
1419
  }
1404
- @media (max-width: 1023px) {
1405
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-icon___qRTRn, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-icon___qRTRn {
1406
- background-repeat: no-repeat;
1407
- background-size: contain;
1408
- display: block;
1409
- margin-left: auto;
1410
- height: 24px;
1411
- width: 24px;
1412
- }
1420
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1421
+ margin-left: 0 !important;
1422
+ margin-top: 0 !important;
1423
+ font-size: 18px;
1424
+ line-height: 24px;
1425
+ font-weight: 400;
1426
+ display: block !important;
1413
1427
  }
1414
- @media (max-width: 1023px) {
1415
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1416
- background-repeat: no-repeat;
1417
- background-size: contain;
1418
- display: block;
1419
- margin-left: auto;
1420
- height: 8px;
1421
- width: 14px;
1422
- }
1428
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1429
+ padding-bottom: 28px;
1423
1430
  }
1424
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1425
- color: #da291c;
1431
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1432
+ font-size: 14px;
1433
+ line-height: 20px;
1434
+ color: #7A7A7B;
1426
1435
  font-weight: 700;
1427
- font-size: 16px;
1428
- line-height: 24px;
1436
+ padding-bottom: 28px;
1429
1437
  }
1430
- @media (max-width: 1023px) {
1431
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1432
- background-color: #ffffff;
1433
- padding: 10px;
1434
- }
1438
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1439
+ display: flex;
1440
+ grid-column: 2;
1441
+ grid-template-columns: repeat(auto-fit, 20%);
1442
+ padding: 24px 32px;
1435
1443
  }
1436
-
1437
- .ProfileLinkOut-module__highlight___XDufd {
1438
- border-radius: 8px;
1439
- background-color: #f7f6f5;
1444
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1445
+ border-left: 1px solid #e6e3df;
1446
+ padding-left: 24px;
1447
+ padding-right: 24px;
1448
+ max-width: 248px;
1440
1449
  }
1441
-
1442
- .ProfileLinkOut-module__non-section___G1jJY {
1443
- padding-left: 16px;
1444
- padding-right: 16px;
1445
- height: fit-content;
1450
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1451
+ padding-left: 0;
1452
+ border: none;
1446
1453
  }
1447
- @media (min-width: 1024px) and (max-width: 1439px) {
1448
- .ProfileLinkOut-module__non-section___G1jJY {
1449
- padding-left: 12px;
1450
- padding-right: 12px;
1451
- }
1454
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1455
+ margin-left: 4px;
1456
+ vertical-align: middle;
1457
+ height: 24px;
1458
+ width: 24px;
1452
1459
  }
1453
- .ProfileLinkOut-module__non-section___G1jJY {
1454
- background-color: unset !important;
1460
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1461
+ margin-left: 0;
1462
+ margin-right: 4px;
1463
+ }
1464
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1465
+ white-space: nowrap;
1466
+ display: inline-flex;
1467
+ align-items: center;
1468
+ }
1469
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1470
+ display: flex;
1471
+ align-items: flex-start;
1472
+ gap: 4px;
1473
+ white-space: normal;
1474
+ max-width: 100%;
1475
+ }
1476
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1477
+ white-space: normal;
1478
+ min-width: 0;
1455
1479
  }
1456
- @media (max-width: 1023px) {
1457
- .ProfileLinkOut-module__non-section___G1jJY {
1458
- background-color: #ffffff !important;
1459
- }
1480
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1481
+ white-space: normal;
1482
+ align-items: flex-start;
1483
+ gap: 4px;
1460
1484
  }
1461
1485
 
1462
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1486
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1487
+ background-color: #1f1f1f;
1463
1488
  color: #ffffff;
1464
1489
  }
1465
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-icon___qRTRn,
1466
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1467
- filter: brightness(0) invert(0.9);
1468
- }
1469
- @media (max-width: 1023px) {
1470
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
1471
- background-color: #1f1f1f !important;
1472
- }
1490
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1491
+ color: #ffffff;
1473
1492
  }
1474
-
1475
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1476
- background-color: transparent;
1493
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1494
+ color: #ffffff;
1477
1495
  }
1478
- .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 {
1496
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1479
1497
  color: #ffffff;
1480
1498
  }
1481
- .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,
1482
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs,
1483
- .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-arrow-down-icon___Ug9Rs {
1484
- filter: brightness(0) invert(0.9);
1499
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1500
+ border-left: 1px solid #86807c;
1485
1501
  }
1486
- @media (max-width: 1023px) {
1487
- .ProfileLinkOut-module__section___kiIP8.ProfileLinkOut-module__black-friday___2i7mp, .ProfileLinkOut-module__black-friday___2i7mp.ProfileLinkOut-module__non-section___G1jJY {
1488
- background-color: #1f1f1f;
1489
- }
1502
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1503
+ border: none;
1490
1504
  }
1491
1505
 
1492
- .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 {
1493
- background-color: #111111;
1506
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1507
+ /* center a block element */
1508
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1509
+ /* setting styles in separate formats for cross browser support */
1510
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1511
+ /* vertically center alilgn any HTML element */
1512
+ /* add basePath to assets */
1513
+ .cart-overlay-panel.offcanvas {
1514
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1494
1515
  }
1495
1516
 
1496
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
1497
- background-color: #1f1f1f;
1498
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
1499
- }
1500
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__salutation___u-T7S {
1501
- color: #ffffff;
1502
- border-bottom-color: #86807c;
1517
+ .cart-overlay-panel .offcanvas-header {
1518
+ height: 96px;
1519
+ padding: 20px 16px;
1520
+ gap: 24px;
1521
+ align-items: center;
1522
+ background: #ffffff;
1523
+ border-bottom: 1px solid #e6e3df;
1503
1524
  }
1504
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1505
- background-color: #1f1f1f;
1525
+
1526
+ .cart-overlay-panel .offcanvas-title {
1527
+ display: flex;
1528
+ flex-direction: column;
1529
+ align-items: flex-start;
1530
+ gap: 2px;
1531
+ font-size: 24px;
1532
+ line-height: 32px;
1533
+ font-weight: 700;
1534
+ color: #3d3935;
1506
1535
  }
1507
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1508
- color: #da291c;
1536
+ @media (max-width: 1023px) {
1537
+ .cart-overlay-panel .offcanvas-title {
1538
+ font-size: 20px;
1539
+ line-height: 28px;
1540
+ }
1509
1541
  }
1510
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1511
- color: #ffffff;
1512
- background-color: #1f1f1f;
1542
+
1543
+ .cart-overlay-panel .btn-close {
1544
+ opacity: 0.7;
1545
+ width: 20px;
1546
+ height: 20px;
1513
1547
  }
1514
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1515
- filter: brightness(0) invert(0.9);
1548
+ .cart-overlay-panel .btn-close:hover {
1549
+ opacity: 1;
1516
1550
  }
1517
1551
 
1518
- .ProfileLinkOut-module__arrow___Mc7yw {
1519
- display: none;
1552
+ .cart-overlay-panel .offcanvas-body {
1553
+ padding: 0;
1554
+ overflow-y: auto;
1555
+ display: flex;
1556
+ flex-direction: column;
1557
+ background: #f7f6f5;
1520
1558
  }
1521
- @media (max-width: 1023px) {
1522
- .ProfileLinkOut-module__arrow___Mc7yw {
1523
- position: absolute;
1524
- right: 10px;
1525
- display: inline-block;
1526
- }
1559
+
1560
+ .cart-overlay-panel.offcanvas-bottom {
1561
+ border-radius: 8px 8px 0 0 !important;
1562
+ width: 100% !important;
1563
+ overflow: hidden;
1527
1564
  }
1528
1565
 
1529
- @media (min-width: 1024px) {
1530
- .ProfileLinkOut-module__log___JdxjK {
1531
- display: none;
1532
- }
1566
+ .CartOverlay-module__backdrop___lMc-O {
1567
+ position: fixed;
1568
+ inset: 0;
1569
+ z-index: 1040;
1570
+ background: rgba(42, 42, 42, 0.7);
1571
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1533
1572
  }
1534
- @media (min-width: 1024px) {
1535
- .ProfileLinkOut-module__login-flyover___YDIVp {
1536
- position: absolute;
1537
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(12px) translateX(-60px);
1538
- min-width: max-content;
1539
- display: block;
1540
- padding: 24px 32px;
1541
- font-size: 16px;
1542
- border: 0;
1543
- color: #e6003c;
1544
- font-weight: 700;
1545
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1546
- background-color: #ffffff;
1547
- border-radius: 4px;
1548
- }
1549
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1550
- padding-bottom: 16px;
1551
- letter-spacing: 1px;
1552
- text-transform: uppercase;
1553
- color: #86807c;
1554
- font-weight: 500;
1555
- font-size: 14px;
1556
- line-height: 20px;
1557
- border-bottom: 1px solid #e6e3df;
1558
- }
1559
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W {
1560
- padding: 28px 0;
1561
- }
1562
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W :hover {
1563
- text-decoration: underline;
1564
- }
1565
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__mysunrise___F326W a {
1566
- font-size: 18px;
1567
- line-height: 24px;
1568
- color: #da291c;
1569
- }
1570
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ {
1571
- color: #3d3935;
1572
- font-weight: 400;
1573
- font-size: 18px;
1574
- line-height: 24px;
1575
- }
1576
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ .ProfileLinkOut-module__logout1___jBQl3 {
1577
- padding-left: 10px;
1573
+
1574
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
1575
+ from {
1576
+ opacity: 0;
1578
1577
  }
1579
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1580
- text-decoration: underline;
1578
+ to {
1579
+ opacity: 1;
1581
1580
  }
1582
1581
  }
1583
- @media (max-width: 1023px) {
1584
- .ProfileLinkOut-module__login-flyover___YDIVp {
1585
- color: #86807c;
1586
- font-weight: 500;
1587
- font-size: 14px;
1588
- line-height: 20px;
1589
- padding-left: 16px;
1590
- }
1591
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__salutation___u-T7S {
1592
- padding: 20px 0 8px 10px;
1593
- letter-spacing: 1px;
1594
- text-transform: uppercase;
1595
- }
1596
- .ProfileLinkOut-module__mysunrise___F326W {
1597
- color: #da291c;
1598
- font-weight: 700;
1599
- font-size: 18px;
1600
- line-height: 24px;
1601
- background-color: #ffffff;
1602
- padding: 10px;
1603
- margin-bottom: 4px;
1604
- }
1605
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
1606
- font-weight: unset;
1607
- }
1608
- .ProfileLinkOut-module__logout___GfbcJ {
1609
- color: #3d3935;
1610
- font-weight: 400;
1611
- background-color: #ffffff;
1612
- padding: 10px;
1613
- font-size: 18px;
1614
- line-height: 24px;
1615
- position: relative;
1616
- }
1617
- .ProfileLinkOut-module__logout___GfbcJ img {
1618
- position: absolute;
1619
- padding-left: 10px;
1620
- }
1582
+ .CartOverlay-module__footer___OwJpW {
1583
+ padding: 16px 24px;
1584
+ border-top: 1px solid #d2d2d2;
1585
+ background-color: #ffffff;
1586
+ }
1587
+
1588
+ .CartOverlay-module__dismissButton___57qsq {
1589
+ display: flex;
1590
+ align-items: center;
1591
+ justify-content: center;
1592
+ width: 100%;
1593
+ padding: 14px 24px;
1594
+ gap: 8px;
1595
+ background: none;
1596
+ border: 2px solid #da291c;
1597
+ border-radius: 28px;
1598
+ font-size: 16px;
1599
+ line-height: 24px;
1600
+ font-weight: 600;
1601
+ color: #da291c;
1602
+ text-align: center;
1603
+ cursor: pointer;
1604
+ transition: background-color 0.15s ease;
1605
+ }
1606
+ .CartOverlay-module__dismissButton___57qsq:hover {
1607
+ background-color: rgba(218, 41, 28, 0.05);
1608
+ }
1609
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1610
+ outline: 2px solid #da291c;
1611
+ outline-offset: 2px;
1612
+ }
1613
+
1614
+ .CartOverlay-module__errorMessage___ylBiH {
1615
+ margin: auto 24px;
1616
+ padding: 16px;
1617
+ font-size: 20px;
1618
+ line-height: 28px;
1619
+ color: #3d3935;
1620
+ text-align: center;
1621
1621
  }
1622
1622
 
1623
1623
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */