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