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

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/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  2. package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  3. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
  4. package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
  5. package/dist/navigation.css +703 -703
  6. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -478,816 +478,428 @@
478
478
  }
479
479
  }
480
480
 
481
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
481
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.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
- .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;
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;
501
494
  width: 100%;
495
+ z-index: 10;
496
+ top: 0;
502
497
  }
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;
511
- }
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);
517
- }
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;
522
- }
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
- }
527
- }
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;
498
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
533
499
  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%);
500
+ z-index: 1;
501
+ top: 17px;
502
+ -webkit-transition: all 1s ease-out;
503
+ transition: all 1s ease-out;
539
504
  }
540
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
541
- margin-left: 0 !important;
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;
542
512
  }
543
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
544
- font-weight: bold;
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;
545
517
  }
546
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
547
- color: #da291c;
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;
548
522
  }
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;
523
+ .FalconMainNavigation-module__container___85E7S ul,
524
+ .FalconMainNavigation-module__container___85E7S li {
525
+ list-style: none;
526
+ margin: 0px;
527
+ padding: 0px;
552
528
  }
553
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
554
- display: none !important;
529
+ .FalconMainNavigation-module__container___85E7S a {
530
+ color: #1f1f1f;
531
+ text-decoration: none;
555
532
  }
556
-
557
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
558
- color: #ffffff;
533
+ .FalconMainNavigation-module__container___85E7S a::before {
534
+ content: attr(title);
535
+ display: block;
536
+ font-weight: bold;
537
+ height: 0;
538
+ opacity: 1;
539
+ overflow: hidden;
559
540
  }
560
541
  @media (max-width: 1023px) {
561
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 button {
562
- background-color: #1f1f1f;
542
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
543
+ display: none;
563
544
  }
564
545
  }
565
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
566
- filter: brightness(0) invert(0.9);
567
- }
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);
546
+ .FalconMainNavigation-module__container___85E7S .sunrise-bold {
547
+ color: #1f1f1f;
571
548
  }
572
- .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
573
- color: #ffffff;
549
+ .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
550
+ background: #ffffff;
551
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
574
552
  }
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;
553
+ .FalconMainNavigation-module__container___85E7S .full-width {
554
+ width: 100%;
577
555
  }
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;
556
+ @media (max-width: 1023px) {
557
+ .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
558
+ max-width: 100%;
559
+ }
584
560
  }
585
- .LocaleSelector-module__list-item___JVlRE a span {
586
- margin: 10px 0 !important;
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
+ }
587
567
  }
588
- .LocaleSelector-module__list-item___JVlRE a::before {
589
- content: none;
590
- display: none !important;
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;
591
572
  }
592
-
593
573
  @media (max-width: 1023px) {
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;
574
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
575
+ background-color: #f8f8f8;
621
576
  }
622
- .LocaleSelector-module__list-item___JVlRE a::before {
623
- content: none;
624
- display: none !important;
577
+ }
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);
625
581
  }
626
582
  }
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);
583
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
584
+ min-height: 68px;
637
585
  }
638
-
639
- .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
640
- padding: 10px 8px;
586
+ @media (max-width: 1023px) {
587
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
588
+ min-height: 44px;
589
+ height: 44px;
590
+ }
641
591
  }
642
- .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-icon___zBkhI, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-icon___zBkhI {
592
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
643
593
  background-repeat: no-repeat;
644
594
  background-size: contain;
645
- display: block;
646
- height: 24px;
647
- margin-right: 4px;
648
- width: 24px;
649
595
  }
650
596
  @media (max-width: 1023px) {
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;
653
- background-size: contain;
597
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
654
598
  display: block;
655
- margin-left: auto;
599
+ background-size: contain;
600
+ width: 120px;
656
601
  height: 24px;
657
- width: 24px;
602
+ margin-right: 10px;
658
603
  }
659
604
  }
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;
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;
668
611
  }
669
612
  }
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;
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;
680
620
  }
681
621
  }
682
-
683
- .ProfileLinkOut-module__highlight___XDufd {
684
- border-radius: 8px;
685
- background-color: #f7f6f5;
686
- }
687
-
688
- .ProfileLinkOut-module__non-section___G1jJY {
689
- padding-left: 16px;
690
- padding-right: 16px;
691
- height: fit-content;
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;
692
631
  }
693
- @media (min-width: 1024px) and (max-width: 1439px) {
694
- .ProfileLinkOut-module__non-section___G1jJY {
695
- padding-left: 12px;
696
- padding-right: 12px;
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;
697
637
  }
698
638
  }
699
- .ProfileLinkOut-module__non-section___G1jJY {
700
- background-color: unset !important;
701
- }
702
639
  @media (max-width: 1023px) {
703
- .ProfileLinkOut-module__non-section___G1jJY {
704
- background-color: #ffffff !important;
640
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
641
+ padding: 0;
642
+ margin-right: 16px;
705
643
  }
706
644
  }
707
-
708
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
709
- color: #ffffff;
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;
710
649
  }
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);
650
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
651
+ cursor: pointer;
652
+ display: block;
653
+ height: 24px;
654
+ width: 24px;
714
655
  }
715
656
  @media (max-width: 1023px) {
716
- .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp {
717
- background-color: #1f1f1f !important;
657
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
658
+ margin-right: 20px;
659
+ margin-left: 16px;
718
660
  }
719
661
  }
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;
662
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
663
+ opacity: 0.6;
664
+ pointer-events: none;
665
+ cursor: default;
723
666
  }
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;
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;
726
674
  }
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);
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;
731
691
  }
732
692
  @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;
693
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
694
+ margin: 0px;
695
+ cursor: pointer;
735
696
  }
736
697
  }
737
-
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;
740
- }
741
-
742
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp {
743
- background-color: #1f1f1f;
744
- box-shadow: 0px 20px 30px -8px rgba(0, 0, 0, 0.5);
745
- }
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 {
751
- background-color: #1f1f1f;
752
- }
753
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
754
- color: #da291c;
755
- }
756
- .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
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);
762
- }
763
-
764
- .ProfileLinkOut-module__arrow___Mc7yw {
765
- display: none;
698
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
699
+ margin: 10px 0px 0px;
700
+ cursor: pointer;
766
701
  }
767
702
  @media (max-width: 1023px) {
768
- .ProfileLinkOut-module__arrow___Mc7yw {
769
- position: absolute;
770
- right: 10px;
771
- display: inline-block;
703
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
704
+ margin: 0px;
772
705
  }
773
706
  }
774
-
775
707
  @media (min-width: 1024px) {
776
- .ProfileLinkOut-module__log___JdxjK {
777
- display: none;
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;
778
715
  }
779
716
  }
780
717
  @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;
718
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ {
719
+ position: relative;
720
+ justify-content: space-between;
721
+ padding: 12px 0;
824
722
  }
825
- .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
826
- text-decoration: underline;
723
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-margin___-NxUQ nav {
724
+ margin-left: 58px;
827
725
  }
828
726
  }
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;
727
+ @media (min-width: 1024px) {
728
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
729
+ padding-bottom: 47px;
841
730
  }
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;
731
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
732
+ padding-bottom: 0;
850
733
  }
851
- .ProfileLinkOut-module__mysunrise___F326W a:hover {
852
- font-weight: unset;
734
+ }
735
+ @media (min-width: 1440px) {
736
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-padding___A2XWw {
737
+ padding-bottom: 0;
853
738
  }
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;
739
+ .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desk-auth___MK5cF {
740
+ padding-bottom: 0;
862
741
  }
863
- .ProfileLinkOut-module__logout___GfbcJ img {
864
- position: absolute;
865
- padding-left: 10px;
742
+ }
743
+
744
+ @media (min-width: 1024px) {
745
+ .FalconMainNavigation-module__falcon-nav___YMp-r {
746
+ top: -52px;
866
747
  }
867
748
  }
868
749
 
869
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
870
- /* center a block element */
871
- /* use this to any of the pseudo elements as these are the mandatory properties */
872
- /* setting styles in separate formats for cross browser support */
873
- /* specify the max width for an element and apply ellipses and truncate the overflow */
874
- /* vertically center alilgn any HTML element */
875
- /* add basePath to assets */
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;
885
- }
886
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__new-logo___ZzsM8 {
887
- position: absolute;
888
- z-index: 1;
889
- top: 17px;
890
- -webkit-transition: all 1s ease-out;
891
- transition: all 1s ease-out;
892
- }
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;
900
- }
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;
750
+ .page-top,
751
+ #main {
752
+ padding-top: var(--main-nav-height, 72px);
753
+ transition: padding-top 500ms ease-out;
905
754
  }
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;
755
+
756
+ @media (max-width: 767px) {
757
+ .page-top,
758
+ #main {
759
+ padding-top: var(--main-nav-height, 50px);
760
+ }
910
761
  }
911
- .FalconMainNavigation-module__container___85E7S ul,
912
- .FalconMainNavigation-module__container___85E7S li {
913
- list-style: none;
914
- margin: 0px;
915
- padding: 0px;
762
+ @media (prefers-reduced-motion: reduce) {
763
+ .page-top,
764
+ #main {
765
+ transition: none;
766
+ }
916
767
  }
917
- .FalconMainNavigation-module__container___85E7S a {
918
- color: #1f1f1f;
919
- text-decoration: none;
768
+ .FalconMainNavigation-module__black-friday___L1K5J .sunrise-box-shadow {
769
+ background-color: #1f1f1f;
770
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
920
771
  }
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;
772
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__content___A420C,
773
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__open-content___OTiQd {
774
+ background-color: #1f1f1f;
928
775
  }
929
- @media (max-width: 1023px) {
930
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__desktop-block___ye48P {
931
- display: none;
932
- }
776
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
777
+ border-right-color: #86807c;
778
+ border-left-color: #86807c;
933
779
  }
934
- .FalconMainNavigation-module__container___85E7S .sunrise-bold {
935
- color: #1f1f1f;
780
+ .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
781
+ color: #ffffff;
936
782
  }
937
- .FalconMainNavigation-module__container___85E7S .sunrise-box-shadow {
783
+
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;
938
792
  background: #ffffff;
939
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
940
- }
941
- .FalconMainNavigation-module__container___85E7S .full-width {
942
- width: 100%;
943
793
  }
944
- @media (max-width: 1023px) {
945
- .FalconMainNavigation-module__container___85E7S .sr-responsive-row {
946
- max-width: 100%;
794
+ @media (max-width: 850px) {
795
+ .FalconMainNavigation-module__s20-header__version-number___sPVVP {
796
+ padding: 0 4px;
797
+ font-size: 8px;
947
798
  }
948
799
  }
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;
800
+
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);
954
814
  }
955
815
  }
956
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__content___A420C, .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
957
- background-color: #ffffff;
958
- position: relative;
959
- z-index: auto;
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;
960
825
  }
961
- @media (max-width: 1023px) {
962
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__open-content___OTiQd {
963
- background-color: #f8f8f8;
964
- }
826
+
827
+ .CartDotLoader-module__dots___OiUF- {
828
+ display: flex;
829
+ align-items: center;
830
+ gap: 8px;
965
831
  }
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
- }
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;
970
840
  }
971
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
972
- min-height: 68px;
841
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
842
+ animation-delay: 0s;
973
843
  }
974
- @media (max-width: 1023px) {
975
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__nav-bar___F5CYo {
976
- min-height: 44px;
977
- height: 44px;
978
- }
844
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
845
+ animation-delay: 0.2s;
979
846
  }
980
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__sunrise-logo___t1jat {
981
- background-repeat: no-repeat;
982
- background-size: contain;
847
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
848
+ animation-delay: 0.4s;
983
849
  }
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
- }
850
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
851
+ animation-delay: 0.6s;
992
852
  }
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
- }
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;
1000
861
  }
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
- }
862
+
863
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
864
+ /* center a block element */
865
+ /* use this to any of the pseudo elements as these are the mandatory properties */
866
+ /* setting styles in separate formats for cross browser support */
867
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
868
+ /* vertically center alilgn any HTML element */
869
+ /* add basePath to assets */
870
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
871
+ font-weight: unset;
1009
872
  }
1010
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
873
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1011
874
  position: relative;
875
+ color: #333333;
876
+ display: -webkit-box;
877
+ font-size: 16px;
878
+ line-height: 24px;
1012
879
  display: flex;
1013
- align-items: center;
1014
- height: 24px;
1015
- cursor: pointer;
1016
- background: none;
1017
- border: none;
1018
- outline: none;
880
+ height: auto;
881
+ text-decoration: none;
882
+ padding: 10px 10px 10px 10px;
883
+ margin-bottom: 4px;
884
+ background-color: #ffffff;
1019
885
  }
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
- }
886
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
887
+ border: 1px solid #e8e8e8;
1026
888
  }
1027
- @media (max-width: 1023px) {
1028
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
1029
- padding: 0;
1030
- margin-right: 16px;
1031
- }
889
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
890
+ position: absolute;
891
+ left: 10px;
1032
892
  }
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;
893
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
894
+ position: absolute;
895
+ right: 10px;
1037
896
  }
1038
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1039
- cursor: pointer;
897
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
898
+ transition: transform 0.2s ease;
899
+ }
900
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1040
901
  display: block;
1041
- height: 24px;
1042
- width: 24px;
1043
- }
1044
- @media (max-width: 1023px) {
1045
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
1046
- margin-right: 20px;
1047
- margin-left: 16px;
1048
- }
1049
- }
1050
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon-disabled___nUb7q {
1051
- opacity: 0.6;
1052
- pointer-events: none;
1053
- cursor: default;
1054
- }
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;
1062
- }
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;
1075
- height: 24px;
1076
- margin: 11px 0px 0 0px;
1077
- width: 24px;
1078
- cursor: pointer;
1079
- }
1080
- @media (max-width: 1023px) {
1081
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__headset___u-idx {
1082
- margin: 0px;
1083
- cursor: pointer;
1084
- }
1085
- }
1086
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1087
- margin: 10px 0px 0px;
1088
- cursor: pointer;
1089
- }
1090
- @media (max-width: 1023px) {
1091
- .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__rewards___27ZIQ {
1092
- margin: 0px;
1093
- }
1094
- }
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
- }
1104
- }
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
- }
1130
- }
1131
-
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 {
1157
- background-color: #1f1f1f;
1158
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
1159
- }
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;
1163
- }
1164
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__search-icon-div___LZCOw {
1165
- border-right-color: #86807c;
1166
- border-left-color: #86807c;
1167
- }
1168
- .FalconMainNavigation-module__black-friday___L1K5J .FalconMainNavigation-module__phone-number___s-w4H {
1169
- color: #ffffff;
1170
- }
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;
1181
- }
1182
- @media (max-width: 850px) {
1183
- .FalconMainNavigation-module__s20-header__version-number___sPVVP {
1184
- padding: 0 4px;
1185
- font-size: 8px;
1186
- }
1187
- }
1188
-
1189
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1190
- /* center a block element */
1191
- /* use this to any of the pseudo elements as these are the mandatory properties */
1192
- /* setting styles in separate formats for cross browser support */
1193
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1194
- /* vertically center alilgn any HTML element */
1195
- /* add basePath to assets */
1196
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1197
- 0%, 80%, 100% {
1198
- transform: translateY(0);
1199
- }
1200
- 40% {
1201
- transform: translateY(-10px);
1202
- }
1203
- }
1204
- .CartDotLoader-module__loaderWrapper___PmIHe {
1205
- display: flex;
1206
- flex-direction: column;
1207
- align-items: center;
1208
- justify-content: center;
1209
- gap: 20px;
1210
- height: 100%;
1211
- min-height: 200px;
1212
- padding: 40px 24px;
1213
- }
1214
-
1215
- .CartDotLoader-module__dots___OiUF- {
1216
- display: flex;
1217
- align-items: center;
1218
- gap: 8px;
1219
- }
1220
-
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;
1228
- }
1229
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1230
- animation-delay: 0s;
1231
- }
1232
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1233
- animation-delay: 0.2s;
1234
- }
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;
1240
- }
1241
-
1242
- .CartDotLoader-module__loaderText___7uOK9 {
1243
- font-size: 16px;
1244
- line-height: 24px;
1245
- font-weight: 700;
1246
- color: #3d3935;
1247
- margin: 0;
1248
- text-align: center;
1249
- }
1250
-
1251
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1252
- /* center a block element */
1253
- /* use this to any of the pseudo elements as these are the mandatory properties */
1254
- /* setting styles in separate formats for cross browser support */
1255
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1256
- /* vertically center alilgn any HTML element */
1257
- /* add basePath to assets */
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 {
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;
1273
- }
1274
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1275
- border: 1px solid #e8e8e8;
1276
- }
1277
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1278
- position: absolute;
1279
- left: 10px;
1280
- }
1281
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1282
- position: absolute;
1283
- right: 10px;
1284
- }
1285
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1286
- transition: transform 0.2s ease;
1287
- }
1288
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1289
- display: block;
1290
- flex-shrink: 0;
902
+ flex-shrink: 0;
1291
903
  height: 24px;
1292
904
  width: 24px;
1293
905
  margin-right: 8px;
@@ -1620,6 +1232,394 @@
1620
1232
  text-align: center;
1621
1233
  }
1622
1234
 
1235
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
1236
+ /* center a block element */
1237
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1238
+ /* setting styles in separate formats for cross browser support */
1239
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1240
+ /* vertically center alilgn any HTML element */
1241
+ /* add basePath to assets */
1242
+ .LocaleSelector-module__button___0LEXR {
1243
+ position: relative;
1244
+ }
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%;
1256
+ }
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;
1265
+ }
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);
1271
+ }
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;
1276
+ }
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
+ }
1281
+ }
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%);
1293
+ }
1294
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE:not(:first-child) {
1295
+ margin-left: 0 !important;
1296
+ }
1297
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active {
1298
+ font-weight: bold;
1299
+ }
1300
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a {
1301
+ color: #da291c;
1302
+ }
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;
1306
+ }
1307
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE.active a:before {
1308
+ display: none !important;
1309
+ }
1310
+
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
+ }
1318
+ }
1319
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__chevron___o3l3R {
1320
+ filter: brightness(0) invert(0.9);
1321
+ }
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);
1325
+ }
1326
+ .LocaleSelector-module__button___0LEXR.LocaleSelector-module__black-friday___j6YP0 .LocaleSelector-module__pop-up___HV8Ta .LocaleSelector-module__list-item___JVlRE a {
1327
+ color: #ffffff;
1328
+ }
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;
1331
+ }
1332
+
1333
+ .LocaleSelector-module__list-item___JVlRE a {
1334
+ font-size: 16px !important;
1335
+ line-height: 24px !important;
1336
+ display: flex;
1337
+ padding: 0 !important;
1338
+ }
1339
+ .LocaleSelector-module__list-item___JVlRE a span {
1340
+ margin: 10px 0 !important;
1341
+ }
1342
+ .LocaleSelector-module__list-item___JVlRE a::before {
1343
+ content: none;
1344
+ display: none !important;
1345
+ }
1346
+
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
+ }
1380
+ }
1381
+
1382
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.module.scss */
1383
+ /* center a block element */
1384
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1385
+ /* setting styles in separate formats for cross browser support */
1386
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1387
+ /* vertically center alilgn any HTML element */
1388
+ /* 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;
1395
+ }
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;
1403
+ }
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
+ }
1413
+ }
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
+ }
1423
+ }
1424
+ .ProfileLinkOut-module__section___kiIP8 .ProfileLinkOut-module__profile-name___HZpSJ, .ProfileLinkOut-module__non-section___G1jJY .ProfileLinkOut-module__profile-name___HZpSJ {
1425
+ color: #da291c;
1426
+ font-weight: 700;
1427
+ font-size: 16px;
1428
+ line-height: 24px;
1429
+ }
1430
+ @media (max-width: 1023px) {
1431
+ .ProfileLinkOut-module__section___kiIP8, .ProfileLinkOut-module__non-section___G1jJY {
1432
+ background-color: #ffffff;
1433
+ padding: 10px;
1434
+ }
1435
+ }
1436
+
1437
+ .ProfileLinkOut-module__highlight___XDufd {
1438
+ border-radius: 8px;
1439
+ background-color: #f7f6f5;
1440
+ }
1441
+
1442
+ .ProfileLinkOut-module__non-section___G1jJY {
1443
+ padding-left: 16px;
1444
+ padding-right: 16px;
1445
+ height: fit-content;
1446
+ }
1447
+ @media (min-width: 1024px) and (max-width: 1439px) {
1448
+ .ProfileLinkOut-module__non-section___G1jJY {
1449
+ padding-left: 12px;
1450
+ padding-right: 12px;
1451
+ }
1452
+ }
1453
+ .ProfileLinkOut-module__non-section___G1jJY {
1454
+ background-color: unset !important;
1455
+ }
1456
+ @media (max-width: 1023px) {
1457
+ .ProfileLinkOut-module__non-section___G1jJY {
1458
+ background-color: #ffffff !important;
1459
+ }
1460
+ }
1461
+
1462
+ .ProfileLinkOut-module__non-section___G1jJY.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__profile-name___HZpSJ {
1463
+ color: #ffffff;
1464
+ }
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
+ }
1473
+ }
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;
1477
+ }
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 {
1479
+ color: #ffffff;
1480
+ }
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);
1485
+ }
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
+ }
1490
+ }
1491
+
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;
1494
+ }
1495
+
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;
1503
+ }
1504
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W {
1505
+ background-color: #1f1f1f;
1506
+ }
1507
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__mysunrise___F326W a {
1508
+ color: #da291c;
1509
+ }
1510
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ {
1511
+ color: #ffffff;
1512
+ background-color: #1f1f1f;
1513
+ }
1514
+ .ProfileLinkOut-module__login-flyover___YDIVp.ProfileLinkOut-module__black-friday___2i7mp .ProfileLinkOut-module__logout___GfbcJ img {
1515
+ filter: brightness(0) invert(0.9);
1516
+ }
1517
+
1518
+ .ProfileLinkOut-module__arrow___Mc7yw {
1519
+ display: none;
1520
+ }
1521
+ @media (max-width: 1023px) {
1522
+ .ProfileLinkOut-module__arrow___Mc7yw {
1523
+ position: absolute;
1524
+ right: 10px;
1525
+ display: inline-block;
1526
+ }
1527
+ }
1528
+
1529
+ @media (min-width: 1024px) {
1530
+ .ProfileLinkOut-module__log___JdxjK {
1531
+ display: none;
1532
+ }
1533
+ }
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;
1578
+ }
1579
+ .ProfileLinkOut-module__login-flyover___YDIVp .ProfileLinkOut-module__logout___GfbcJ a:hover {
1580
+ text-decoration: underline;
1581
+ }
1582
+ }
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
+ }
1621
+ }
1622
+
1623
1623
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1624
1624
  /* center a block element */
1625
1625
  /* use this to any of the pseudo elements as these are the mandatory properties */