@nok-integration/storefront-react 0.22.1 → 0.22.2
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/index.d.ts +1 -0
- package/dist/index.mjs +1000 -709
- package/dist/standalone/storefront.mjs +1000 -709
- package/dist/standalone/styles.css +378 -129
- package/dist/styles.css +378 -129
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -654,12 +654,12 @@
|
|
|
654
654
|
color: var(--color-text-disabled);
|
|
655
655
|
white-space: nowrap;
|
|
656
656
|
}
|
|
657
|
-
.
|
|
657
|
+
._summary_1k2h8_2 {
|
|
658
658
|
margin: 0;
|
|
659
659
|
display: flex;
|
|
660
660
|
flex-direction: column;
|
|
661
661
|
}
|
|
662
|
-
.
|
|
662
|
+
._row_1k2h8_16 {
|
|
663
663
|
box-sizing: border-box;
|
|
664
664
|
display: flex;
|
|
665
665
|
align-items: center;
|
|
@@ -671,32 +671,41 @@
|
|
|
671
671
|
font-weight: var(--font-weight-bold);
|
|
672
672
|
color: var(--color-text-default);
|
|
673
673
|
}
|
|
674
|
-
.
|
|
674
|
+
._row_1k2h8_16 + ._row_1k2h8_16 {
|
|
675
675
|
box-shadow: inset 0 1px 0 var(--color-border-default);
|
|
676
676
|
}
|
|
677
|
-
.
|
|
678
|
-
.
|
|
677
|
+
._row_1k2h8_16 dt,
|
|
678
|
+
._row_1k2h8_16 dd {
|
|
679
679
|
margin: 0;
|
|
680
680
|
line-height: var(--type-caption-sm-line);
|
|
681
681
|
}
|
|
682
|
-
.
|
|
682
|
+
._row_1k2h8_16 dd {
|
|
683
683
|
line-height: var(--type-caption-sm-line);
|
|
684
684
|
white-space: nowrap;
|
|
685
685
|
font-variant-numeric: tabular-nums;
|
|
686
686
|
}
|
|
687
|
-
.
|
|
687
|
+
._free_1k2h8_53 {
|
|
688
688
|
color: var(--color-state-text-success);
|
|
689
689
|
font-weight: var(--font-weight-bold);
|
|
690
690
|
}
|
|
691
|
-
.
|
|
691
|
+
._pending_1k2h8_59 {
|
|
692
692
|
font-size: var(--type-trimmed-xs-size);
|
|
693
693
|
color: var(--color-text-subtle);
|
|
694
694
|
}
|
|
695
|
-
.
|
|
696
|
-
.
|
|
695
|
+
._row_1k2h8_16._discount_1k2h8_69 dt,
|
|
696
|
+
._row_1k2h8_16._discount_1k2h8_69 dd {
|
|
697
697
|
color: var(--color-state-text-success);
|
|
698
698
|
}
|
|
699
|
-
|
|
699
|
+
@media (min-width: 1200px) {
|
|
700
|
+
[data-shop-layout=wide] ._row_1k2h8_16 {
|
|
701
|
+
padding: var(--space-12) var(--space-16);
|
|
702
|
+
box-shadow: inset 0 1px 0 var(--color-border-default);
|
|
703
|
+
}
|
|
704
|
+
[data-shop-layout=wide] ._free_1k2h8_53 {
|
|
705
|
+
color: var(--color-text-default);
|
|
706
|
+
}
|
|
707
|
+
}
|
|
708
|
+
._lines_gr6vv_19 {
|
|
700
709
|
list-style: none;
|
|
701
710
|
margin: 0;
|
|
702
711
|
padding: 0;
|
|
@@ -704,12 +713,12 @@
|
|
|
704
713
|
flex-direction: column;
|
|
705
714
|
gap: var(--space-16);
|
|
706
715
|
}
|
|
707
|
-
.
|
|
716
|
+
._line_gr6vv_19 {
|
|
708
717
|
display: flex;
|
|
709
718
|
align-items: center;
|
|
710
719
|
gap: var(--space-12);
|
|
711
720
|
}
|
|
712
|
-
.
|
|
721
|
+
._thumb_gr6vv_34 {
|
|
713
722
|
position: relative;
|
|
714
723
|
flex-shrink: 0;
|
|
715
724
|
width: 48px;
|
|
@@ -718,15 +727,15 @@
|
|
|
718
727
|
overflow: hidden;
|
|
719
728
|
background: var(--color-surface-soft);
|
|
720
729
|
}
|
|
721
|
-
.
|
|
730
|
+
._image_gr6vv_44 {
|
|
722
731
|
object-fit: cover;
|
|
723
732
|
object-position: top;
|
|
724
733
|
}
|
|
725
|
-
.
|
|
734
|
+
._placeholder_gr6vv_51 {
|
|
726
735
|
width: 100%;
|
|
727
736
|
height: 100%;
|
|
728
737
|
}
|
|
729
|
-
.
|
|
738
|
+
._lineBody_gr6vv_56 {
|
|
730
739
|
display: flex;
|
|
731
740
|
align-items: flex-start;
|
|
732
741
|
justify-content: space-between;
|
|
@@ -734,14 +743,14 @@
|
|
|
734
743
|
flex: 1 1 0;
|
|
735
744
|
min-width: 0;
|
|
736
745
|
}
|
|
737
|
-
.
|
|
746
|
+
._lineText_gr6vv_65 {
|
|
738
747
|
display: flex;
|
|
739
748
|
flex-direction: column;
|
|
740
749
|
gap: var(--space-12);
|
|
741
750
|
flex: 1 1 0;
|
|
742
751
|
min-width: 0;
|
|
743
752
|
}
|
|
744
|
-
.
|
|
753
|
+
._lineTitle_gr6vv_75 {
|
|
745
754
|
margin: -6px 0;
|
|
746
755
|
padding: 6px 0;
|
|
747
756
|
font-size: var(--type-trimmed-sm-size);
|
|
@@ -751,7 +760,7 @@
|
|
|
751
760
|
overflow: hidden;
|
|
752
761
|
text-overflow: ellipsis;
|
|
753
762
|
}
|
|
754
|
-
.
|
|
763
|
+
._lineMeta_gr6vv_106 {
|
|
755
764
|
display: flex;
|
|
756
765
|
align-items: center;
|
|
757
766
|
flex-wrap: wrap;
|
|
@@ -761,10 +770,10 @@
|
|
|
761
770
|
line-height: 11px;
|
|
762
771
|
color: var(--color-text-subtle);
|
|
763
772
|
}
|
|
764
|
-
.
|
|
773
|
+
._detail_gr6vv_103 {
|
|
765
774
|
white-space: nowrap;
|
|
766
775
|
}
|
|
767
|
-
.
|
|
776
|
+
._linePrice_gr6vv_127 {
|
|
768
777
|
display: flex;
|
|
769
778
|
flex-direction: column;
|
|
770
779
|
align-items: flex-end;
|
|
@@ -773,12 +782,12 @@
|
|
|
773
782
|
white-space: nowrap;
|
|
774
783
|
font-variant-numeric: tabular-nums;
|
|
775
784
|
}
|
|
776
|
-
.
|
|
785
|
+
._paid_gr6vv_139 {
|
|
777
786
|
font-size: var(--type-trimmed-md-size);
|
|
778
787
|
line-height: 11px;
|
|
779
788
|
font-weight: var(--font-weight-bold);
|
|
780
789
|
}
|
|
781
|
-
.
|
|
790
|
+
._was_gr6vv_152 {
|
|
782
791
|
display: flex;
|
|
783
792
|
align-items: center;
|
|
784
793
|
justify-content: flex-end;
|
|
@@ -788,14 +797,14 @@
|
|
|
788
797
|
color: var(--color-text-disabled);
|
|
789
798
|
text-decoration: line-through;
|
|
790
799
|
}
|
|
791
|
-
.
|
|
800
|
+
._card_gr6vv_175 {
|
|
792
801
|
display: flex;
|
|
793
802
|
flex-direction: column;
|
|
794
803
|
box-shadow: inset 0 0 0 1px var(--color-border-default);
|
|
795
804
|
border-radius: var(--radius-18);
|
|
796
805
|
overflow: hidden;
|
|
797
806
|
}
|
|
798
|
-
.
|
|
807
|
+
._cardTitle_gr6vv_183 {
|
|
799
808
|
display: flex;
|
|
800
809
|
align-items: center;
|
|
801
810
|
margin: 0;
|
|
@@ -806,19 +815,19 @@
|
|
|
806
815
|
line-height: 1.38;
|
|
807
816
|
font-weight: var(--font-weight-bold);
|
|
808
817
|
}
|
|
809
|
-
.
|
|
818
|
+
._cardBody_gr6vv_195 {
|
|
810
819
|
margin: 0;
|
|
811
820
|
padding: var(--space-16);
|
|
812
821
|
font-size: var(--type-trimmed-sm-size);
|
|
813
822
|
line-height: 1.5;
|
|
814
823
|
}
|
|
815
|
-
.
|
|
824
|
+
._summaryCard_gr6vv_167 {
|
|
816
825
|
background: var(--color-surface-soft);
|
|
817
826
|
}
|
|
818
|
-
.
|
|
827
|
+
._summaryCard_gr6vv_167 > :last-child {
|
|
819
828
|
padding: 0 var(--space-16);
|
|
820
829
|
}
|
|
821
|
-
.
|
|
830
|
+
._itemsHeader_gr6vv_14 {
|
|
822
831
|
display: flex;
|
|
823
832
|
align-items: center;
|
|
824
833
|
gap: var(--space-12);
|
|
@@ -826,7 +835,7 @@
|
|
|
826
835
|
padding: 0 var(--space-16);
|
|
827
836
|
border-bottom: 1px solid var(--color-border-default);
|
|
828
837
|
}
|
|
829
|
-
.
|
|
838
|
+
._itemsTitle_gr6vv_238 {
|
|
830
839
|
flex: 1 0 0;
|
|
831
840
|
min-width: 0;
|
|
832
841
|
margin: 0;
|
|
@@ -834,7 +843,7 @@
|
|
|
834
843
|
line-height: 1.38;
|
|
835
844
|
font-weight: var(--font-weight-bold);
|
|
836
845
|
}
|
|
837
|
-
.
|
|
846
|
+
._itemsCount_gr6vv_249 {
|
|
838
847
|
display: inline-flex;
|
|
839
848
|
align-items: center;
|
|
840
849
|
justify-content: center;
|
|
@@ -849,10 +858,21 @@
|
|
|
849
858
|
letter-spacing: 0.12px;
|
|
850
859
|
font-variant-numeric: tabular-nums;
|
|
851
860
|
}
|
|
852
|
-
.
|
|
861
|
+
._cardLines_gr6vv_268 {
|
|
853
862
|
gap: var(--space-12);
|
|
854
863
|
padding: var(--space-12) var(--space-16);
|
|
855
864
|
}
|
|
865
|
+
@media (min-width: 1200px) {
|
|
866
|
+
[data-shop-layout=wide] ._summaryCard_gr6vv_167 {
|
|
867
|
+
background: var(--color-surface-default);
|
|
868
|
+
}
|
|
869
|
+
[data-shop-layout=wide] ._summaryCard_gr6vv_167 ._cardTitle_gr6vv_183 {
|
|
870
|
+
border-bottom: 0;
|
|
871
|
+
}
|
|
872
|
+
[data-shop-layout=wide] ._summaryCard_gr6vv_167 > :last-child {
|
|
873
|
+
padding: 0;
|
|
874
|
+
}
|
|
875
|
+
}
|
|
856
876
|
._header_1f3nh_7 {
|
|
857
877
|
display: flex;
|
|
858
878
|
align-items: flex-start;
|
|
@@ -1444,24 +1464,211 @@
|
|
|
1444
1464
|
text-decoration: line-through;
|
|
1445
1465
|
font-variant-numeric: tabular-nums;
|
|
1446
1466
|
}
|
|
1447
|
-
.
|
|
1467
|
+
._crumbs_1qwg2_1 {
|
|
1468
|
+
display: flex;
|
|
1469
|
+
align-items: center;
|
|
1470
|
+
height: 21px;
|
|
1471
|
+
gap: var(--space-8);
|
|
1472
|
+
margin: 0;
|
|
1473
|
+
padding: 0;
|
|
1474
|
+
list-style: none;
|
|
1475
|
+
color: var(--color-text-default);
|
|
1476
|
+
white-space: nowrap;
|
|
1477
|
+
}
|
|
1478
|
+
._home_1qwg2_13 {
|
|
1479
|
+
padding: 0;
|
|
1480
|
+
border: 0;
|
|
1481
|
+
background: none;
|
|
1482
|
+
color: inherit;
|
|
1483
|
+
font: inherit;
|
|
1484
|
+
font-size: 16px;
|
|
1485
|
+
line-height: normal;
|
|
1486
|
+
opacity: 0.6;
|
|
1487
|
+
cursor: pointer;
|
|
1488
|
+
}
|
|
1489
|
+
._trail_1qwg2_25 {
|
|
1490
|
+
font-size: 16px;
|
|
1491
|
+
line-height: normal;
|
|
1492
|
+
opacity: 0.6;
|
|
1493
|
+
}
|
|
1494
|
+
._separator_1qwg2_31 {
|
|
1495
|
+
font-size: 14px;
|
|
1496
|
+
line-height: 1.5;
|
|
1497
|
+
opacity: 0.6;
|
|
1498
|
+
}
|
|
1499
|
+
._current_1qwg2_37 {
|
|
1500
|
+
font-size: 16px;
|
|
1501
|
+
line-height: normal;
|
|
1502
|
+
}
|
|
1503
|
+
._help_1qwg2_42 {
|
|
1504
|
+
display: flex;
|
|
1505
|
+
align-items: center;
|
|
1506
|
+
gap: var(--space-8);
|
|
1507
|
+
width: 100%;
|
|
1508
|
+
padding: var(--space-8) 0;
|
|
1509
|
+
border: 0;
|
|
1510
|
+
background: none;
|
|
1511
|
+
color: var(--color-text-default);
|
|
1512
|
+
font: inherit;
|
|
1513
|
+
text-align: left;
|
|
1514
|
+
cursor: pointer;
|
|
1515
|
+
}
|
|
1516
|
+
._helpLabel_1qwg2_56 {
|
|
1517
|
+
font-size: 14px;
|
|
1518
|
+
line-height: 1.5;
|
|
1519
|
+
text-decoration: underline;
|
|
1520
|
+
}
|
|
1521
|
+
._crumbs_1c5rq_1,
|
|
1522
|
+
._help_1c5rq_2,
|
|
1523
|
+
._skeleton_1c5rq_3 {
|
|
1524
|
+
display: none;
|
|
1525
|
+
}
|
|
1526
|
+
@media (min-width: 1200px) {
|
|
1527
|
+
._crumbs_1c5rq_1 {
|
|
1528
|
+
display: block;
|
|
1529
|
+
grid-area: crumbs;
|
|
1530
|
+
margin-bottom: 29px;
|
|
1531
|
+
}
|
|
1532
|
+
._help_1c5rq_2 {
|
|
1533
|
+
display: block;
|
|
1534
|
+
}
|
|
1535
|
+
._skeleton_1c5rq_3 {
|
|
1536
|
+
display: grid;
|
|
1537
|
+
grid-template-columns: 560px 432px;
|
|
1538
|
+
grid-template-areas: "crumbs crumbs" "main aside";
|
|
1539
|
+
column-gap: 96px;
|
|
1540
|
+
align-items: start;
|
|
1541
|
+
justify-content: center;
|
|
1542
|
+
padding: 54px 0 64px;
|
|
1543
|
+
flex: 1 0 auto;
|
|
1544
|
+
background: var(--color-surface-base);
|
|
1545
|
+
}
|
|
1546
|
+
._skeleton_1c5rq_3 span[aria-hidden=true] {
|
|
1547
|
+
background:
|
|
1548
|
+
linear-gradient(
|
|
1549
|
+
90deg,
|
|
1550
|
+
var(--color-border-default) 25%,
|
|
1551
|
+
var(--color-surface-soft) 37%,
|
|
1552
|
+
var(--color-border-default) 63%);
|
|
1553
|
+
background-size: 400% 100%;
|
|
1554
|
+
}
|
|
1555
|
+
._skeleton_1c5rq_3 ._skConnector_1c5rq_42 {
|
|
1556
|
+
background: var(--color-surface-soft);
|
|
1557
|
+
}
|
|
1558
|
+
._skMain_1c5rq_46 {
|
|
1559
|
+
grid-area: main;
|
|
1560
|
+
display: flex;
|
|
1561
|
+
flex-direction: column;
|
|
1562
|
+
}
|
|
1563
|
+
._skSubtitle_1c5rq_52 {
|
|
1564
|
+
margin-top: 10px;
|
|
1565
|
+
}
|
|
1566
|
+
._skTimeline_1c5rq_56 {
|
|
1567
|
+
display: flex;
|
|
1568
|
+
flex-direction: column;
|
|
1569
|
+
margin-top: 17px;
|
|
1570
|
+
padding-left: 5px;
|
|
1571
|
+
}
|
|
1572
|
+
._skStep_1c5rq_63 {
|
|
1573
|
+
display: flex;
|
|
1574
|
+
align-items: flex-start;
|
|
1575
|
+
gap: 12px;
|
|
1576
|
+
height: 24px;
|
|
1577
|
+
}
|
|
1578
|
+
._skStepText_1c5rq_70 {
|
|
1579
|
+
display: flex;
|
|
1580
|
+
flex-direction: column;
|
|
1581
|
+
gap: 7px;
|
|
1582
|
+
padding-top: 5px;
|
|
1583
|
+
}
|
|
1584
|
+
._skConnector_1c5rq_42 {
|
|
1585
|
+
width: 1px;
|
|
1586
|
+
margin: 2px 0 2px 11.5px;
|
|
1587
|
+
background: var(--color-surface-soft);
|
|
1588
|
+
}
|
|
1589
|
+
._skAside_1c5rq_83 {
|
|
1590
|
+
grid-area: aside;
|
|
1591
|
+
display: flex;
|
|
1592
|
+
flex-direction: column;
|
|
1593
|
+
gap: 16px;
|
|
1594
|
+
}
|
|
1595
|
+
._skLine_1c5rq_90 {
|
|
1596
|
+
display: flex;
|
|
1597
|
+
align-items: flex-start;
|
|
1598
|
+
gap: 12px;
|
|
1599
|
+
}
|
|
1600
|
+
._skLineText_1c5rq_96 {
|
|
1601
|
+
display: flex;
|
|
1602
|
+
flex-direction: column;
|
|
1603
|
+
gap: 17px;
|
|
1604
|
+
flex: 1 1 0;
|
|
1605
|
+
padding-top: 3px;
|
|
1606
|
+
}
|
|
1607
|
+
._skMeta_1c5rq_104 {
|
|
1608
|
+
display: flex;
|
|
1609
|
+
align-items: center;
|
|
1610
|
+
gap: 4px;
|
|
1611
|
+
padding-left: 1px;
|
|
1612
|
+
}
|
|
1613
|
+
._skBadge_1c5rq_111 {
|
|
1614
|
+
margin-left: 27px;
|
|
1615
|
+
}
|
|
1616
|
+
._skPrice_1c5rq_115 {
|
|
1617
|
+
display: flex;
|
|
1618
|
+
flex-direction: column;
|
|
1619
|
+
align-items: flex-end;
|
|
1620
|
+
gap: 3px;
|
|
1621
|
+
padding-top: 2px;
|
|
1622
|
+
}
|
|
1623
|
+
._skCard_1c5rq_123 {
|
|
1624
|
+
display: flex;
|
|
1625
|
+
flex-direction: column;
|
|
1626
|
+
box-shadow: inset 0 0 0 1px var(--color-border-default);
|
|
1627
|
+
border-radius: var(--radius-18);
|
|
1628
|
+
padding: 23px 17px 0;
|
|
1629
|
+
}
|
|
1630
|
+
._skAddress_1c5rq_131 {
|
|
1631
|
+
height: 113px;
|
|
1632
|
+
gap: 41px;
|
|
1633
|
+
}
|
|
1634
|
+
._skSummary_1c5rq_136 {
|
|
1635
|
+
height: 240px;
|
|
1636
|
+
}
|
|
1637
|
+
._skSummary_1c5rq_136 {
|
|
1638
|
+
position: relative;
|
|
1639
|
+
}
|
|
1640
|
+
._skCell_1c5rq_144 {
|
|
1641
|
+
position: absolute;
|
|
1642
|
+
display: block;
|
|
1643
|
+
}
|
|
1644
|
+
._skHelp_1c5rq_149 {
|
|
1645
|
+
display: flex;
|
|
1646
|
+
align-items: center;
|
|
1647
|
+
gap: 8px;
|
|
1648
|
+
padding: 8px 0;
|
|
1649
|
+
}
|
|
1650
|
+
._skHelp_1c5rq_149 > :last-child {
|
|
1651
|
+
margin-top: 2px;
|
|
1652
|
+
}
|
|
1653
|
+
}
|
|
1654
|
+
._page_1baop_8 {
|
|
1448
1655
|
display: flex;
|
|
1449
1656
|
flex-direction: column;
|
|
1450
1657
|
gap: var(--space-32);
|
|
1451
1658
|
padding: var(--space-20) var(--space-16) var(--space-24);
|
|
1452
1659
|
}
|
|
1453
|
-
.
|
|
1660
|
+
._widget_1baop_18 {
|
|
1454
1661
|
display: flex;
|
|
1455
1662
|
flex-direction: column;
|
|
1456
1663
|
gap: var(--space-32);
|
|
1457
1664
|
}
|
|
1458
|
-
.
|
|
1665
|
+
._titleRow_1baop_26 {
|
|
1459
1666
|
display: flex;
|
|
1460
1667
|
align-items: center;
|
|
1461
1668
|
justify-content: space-between;
|
|
1462
1669
|
gap: var(--space-12);
|
|
1463
1670
|
}
|
|
1464
|
-
.
|
|
1671
|
+
._headline_1baop_42 {
|
|
1465
1672
|
margin: -9px 0;
|
|
1466
1673
|
padding: 9px 0;
|
|
1467
1674
|
min-width: 0;
|
|
@@ -1472,7 +1679,7 @@
|
|
|
1472
1679
|
text-overflow: ellipsis;
|
|
1473
1680
|
white-space: nowrap;
|
|
1474
1681
|
}
|
|
1475
|
-
.
|
|
1682
|
+
._track_1baop_74 {
|
|
1476
1683
|
display: inline-flex;
|
|
1477
1684
|
align-items: center;
|
|
1478
1685
|
gap: var(--space-6);
|
|
@@ -1483,43 +1690,43 @@
|
|
|
1483
1690
|
color: var(--color-text-default);
|
|
1484
1691
|
text-decoration: none;
|
|
1485
1692
|
}
|
|
1486
|
-
.
|
|
1693
|
+
._track_1baop_74:focus-visible {
|
|
1487
1694
|
outline: none;
|
|
1488
1695
|
box-shadow: var(--focus-ring);
|
|
1489
1696
|
border-radius: var(--radius-4);
|
|
1490
1697
|
}
|
|
1491
|
-
.
|
|
1698
|
+
._rule_1baop_99 {
|
|
1492
1699
|
height: 1px;
|
|
1493
1700
|
margin: 0 0 -1px;
|
|
1494
1701
|
border: 0;
|
|
1495
1702
|
background: var(--color-border-default);
|
|
1496
1703
|
}
|
|
1497
|
-
.
|
|
1704
|
+
._help_1baop_109 {
|
|
1498
1705
|
display: flex;
|
|
1499
1706
|
flex-direction: column;
|
|
1500
1707
|
gap: var(--space-6);
|
|
1501
1708
|
}
|
|
1502
|
-
.
|
|
1709
|
+
._helpTitle_1baop_115 {
|
|
1503
1710
|
margin: 0;
|
|
1504
1711
|
font-size: var(--type-heading-md-size);
|
|
1505
1712
|
line-height: 1.32;
|
|
1506
1713
|
font-weight: var(--font-weight-bold);
|
|
1507
1714
|
}
|
|
1508
|
-
.
|
|
1715
|
+
._helpRows_1baop_122 {
|
|
1509
1716
|
display: flex;
|
|
1510
1717
|
flex-direction: column;
|
|
1511
1718
|
}
|
|
1512
|
-
.
|
|
1719
|
+
._helpRowEnd_1baop_131 {
|
|
1513
1720
|
display: flex;
|
|
1514
1721
|
align-items: center;
|
|
1515
1722
|
gap: var(--space-8);
|
|
1516
1723
|
min-width: 0;
|
|
1517
1724
|
}
|
|
1518
|
-
.
|
|
1725
|
+
._helpStatus_1baop_139 {
|
|
1519
1726
|
color: var(--color-text-subtle);
|
|
1520
1727
|
white-space: nowrap;
|
|
1521
1728
|
}
|
|
1522
|
-
.
|
|
1729
|
+
._helpRow_1baop_122 {
|
|
1523
1730
|
display: flex;
|
|
1524
1731
|
align-items: center;
|
|
1525
1732
|
justify-content: space-between;
|
|
@@ -1537,14 +1744,14 @@
|
|
|
1537
1744
|
text-align: left;
|
|
1538
1745
|
cursor: pointer;
|
|
1539
1746
|
}
|
|
1540
|
-
.
|
|
1747
|
+
._helpRow_1baop_122 + ._helpRow_1baop_122 {
|
|
1541
1748
|
border-top: 1px solid var(--color-border-subtle);
|
|
1542
1749
|
}
|
|
1543
|
-
.
|
|
1750
|
+
._helpRow_1baop_122:focus-visible {
|
|
1544
1751
|
outline: none;
|
|
1545
1752
|
box-shadow: var(--focus-ring);
|
|
1546
1753
|
}
|
|
1547
|
-
.
|
|
1754
|
+
._cancel_1baop_197 {
|
|
1548
1755
|
display: inline-flex;
|
|
1549
1756
|
align-items: center;
|
|
1550
1757
|
justify-content: center;
|
|
@@ -1561,53 +1768,92 @@
|
|
|
1561
1768
|
font-weight: var(--font-weight-bold);
|
|
1562
1769
|
cursor: pointer;
|
|
1563
1770
|
}
|
|
1564
|
-
.
|
|
1771
|
+
._cancel_1baop_197:focus-visible {
|
|
1565
1772
|
outline: none;
|
|
1566
1773
|
box-shadow: var(--focus-ring);
|
|
1567
1774
|
}
|
|
1568
|
-
.
|
|
1775
|
+
._cancelledHead_1baop_221 {
|
|
1569
1776
|
display: flex;
|
|
1570
1777
|
flex-direction: column;
|
|
1571
1778
|
gap: var(--space-8);
|
|
1572
1779
|
}
|
|
1573
|
-
.
|
|
1780
|
+
._cancelledTitle_1baop_227 {
|
|
1574
1781
|
margin: 0;
|
|
1575
1782
|
font-size: var(--type-heading-md-size);
|
|
1576
1783
|
line-height: 1.32;
|
|
1577
1784
|
font-weight: var(--font-weight-bold);
|
|
1578
1785
|
color: var(--color-text-default);
|
|
1579
1786
|
}
|
|
1580
|
-
.
|
|
1787
|
+
._cancelledMeta_1baop_241 {
|
|
1581
1788
|
margin: 0;
|
|
1582
1789
|
font-size: var(--type-trimmed-sm-size);
|
|
1583
1790
|
line-height: var(--type-trimmed-leading);
|
|
1584
1791
|
margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
|
|
1585
1792
|
color: var(--color-text-subtle);
|
|
1586
1793
|
}
|
|
1587
|
-
.
|
|
1794
|
+
._aside_1baop_249 {
|
|
1795
|
+
display: contents;
|
|
1796
|
+
}
|
|
1797
|
+
@media (min-width: 1200px) {
|
|
1798
|
+
._phoneSkeleton_1baop_254 {
|
|
1799
|
+
display: none;
|
|
1800
|
+
}
|
|
1801
|
+
._wide_1baop_258 {
|
|
1802
|
+
display: grid;
|
|
1803
|
+
grid-template-columns: 560px 432px;
|
|
1804
|
+
grid-template-areas: "crumbs crumbs" "main aside";
|
|
1805
|
+
column-gap: 96px;
|
|
1806
|
+
row-gap: 0;
|
|
1807
|
+
align-items: start;
|
|
1808
|
+
justify-content: center;
|
|
1809
|
+
padding: 54px 0 64px;
|
|
1810
|
+
background: var(--color-surface-base);
|
|
1811
|
+
}
|
|
1812
|
+
._wide_1baop_258 > ._widget_1baop_18 {
|
|
1813
|
+
grid-area: main;
|
|
1814
|
+
}
|
|
1815
|
+
._wide_1baop_258 > ._rule_1baop_99 {
|
|
1816
|
+
display: none;
|
|
1817
|
+
}
|
|
1818
|
+
._wide_1baop_258 > ._aside_1baop_249 {
|
|
1819
|
+
grid-area: aside;
|
|
1820
|
+
display: flex;
|
|
1821
|
+
flex-direction: column;
|
|
1822
|
+
gap: var(--space-16);
|
|
1823
|
+
}
|
|
1824
|
+
}
|
|
1825
|
+
@media (min-width: 1200px) {
|
|
1826
|
+
._wide_1baop_258 {
|
|
1827
|
+
flex: 1 0 auto;
|
|
1828
|
+
}
|
|
1829
|
+
._wide_1baop_258 > ._widget_1baop_18 li:not(:last-child) [data-state=future] {
|
|
1830
|
+
color: var(--color-text-disabled);
|
|
1831
|
+
}
|
|
1832
|
+
}
|
|
1833
|
+
._page_11i01_6 {
|
|
1588
1834
|
display: flex;
|
|
1589
1835
|
flex-direction: column;
|
|
1590
1836
|
gap: var(--space-32);
|
|
1591
1837
|
padding: var(--space-20) var(--space-16) var(--space-24);
|
|
1592
1838
|
}
|
|
1593
|
-
.
|
|
1839
|
+
._confirmed_11i01_16 {
|
|
1594
1840
|
display: flex;
|
|
1595
1841
|
flex-direction: column;
|
|
1596
1842
|
gap: var(--space-24);
|
|
1597
1843
|
}
|
|
1598
|
-
.
|
|
1844
|
+
._title_11i01_22 {
|
|
1599
1845
|
display: flex;
|
|
1600
1846
|
flex-direction: column;
|
|
1601
1847
|
gap: var(--space-12);
|
|
1602
1848
|
}
|
|
1603
|
-
.
|
|
1849
|
+
._headline_11i01_47 {
|
|
1604
1850
|
margin: 0;
|
|
1605
1851
|
font-size: var(--type-heading-md-size);
|
|
1606
1852
|
line-height: 14px;
|
|
1607
1853
|
font-weight: var(--font-weight-bold);
|
|
1608
1854
|
color: var(--color-state-text-success);
|
|
1609
1855
|
}
|
|
1610
|
-
.
|
|
1856
|
+
._subtitle_11i01_65 {
|
|
1611
1857
|
margin: -6px 0;
|
|
1612
1858
|
padding: 6px 0;
|
|
1613
1859
|
font-size: var(--type-paragraph-size);
|
|
@@ -1618,15 +1864,51 @@
|
|
|
1618
1864
|
text-overflow: ellipsis;
|
|
1619
1865
|
white-space: nowrap;
|
|
1620
1866
|
}
|
|
1621
|
-
.
|
|
1867
|
+
._rule_11i01_77 {
|
|
1622
1868
|
height: 1px;
|
|
1623
1869
|
margin: 0 0 -1px;
|
|
1624
1870
|
border: 0;
|
|
1625
1871
|
background: var(--color-border-default);
|
|
1626
1872
|
}
|
|
1627
|
-
.
|
|
1873
|
+
._done_11i01_94 {
|
|
1628
1874
|
border-color: var(--color-surface-max);
|
|
1629
1875
|
}
|
|
1876
|
+
._aside_11i01_98 {
|
|
1877
|
+
display: contents;
|
|
1878
|
+
}
|
|
1879
|
+
@media (min-width: 1200px) {
|
|
1880
|
+
._phoneSkeleton_11i01_103 {
|
|
1881
|
+
display: none;
|
|
1882
|
+
}
|
|
1883
|
+
._wide_11i01_107 {
|
|
1884
|
+
display: grid;
|
|
1885
|
+
grid-template-columns: 560px 432px;
|
|
1886
|
+
grid-template-areas: "crumbs crumbs" "main aside";
|
|
1887
|
+
column-gap: 96px;
|
|
1888
|
+
row-gap: 0;
|
|
1889
|
+
align-items: start;
|
|
1890
|
+
justify-content: center;
|
|
1891
|
+
padding: 54px 0 64px;
|
|
1892
|
+
background: var(--color-surface-base);
|
|
1893
|
+
}
|
|
1894
|
+
._wide_11i01_107 > ._confirmed_11i01_16 {
|
|
1895
|
+
grid-area: main;
|
|
1896
|
+
}
|
|
1897
|
+
._wide_11i01_107 > ._rule_11i01_77 {
|
|
1898
|
+
display: none;
|
|
1899
|
+
}
|
|
1900
|
+
._wide_11i01_107 > ._aside_11i01_98 {
|
|
1901
|
+
grid-area: aside;
|
|
1902
|
+
display: flex;
|
|
1903
|
+
flex-direction: column;
|
|
1904
|
+
gap: var(--space-16);
|
|
1905
|
+
}
|
|
1906
|
+
}
|
|
1907
|
+
@media (min-width: 1200px) {
|
|
1908
|
+
._wide_11i01_107 {
|
|
1909
|
+
flex: 1 0 auto;
|
|
1910
|
+
}
|
|
1911
|
+
}
|
|
1630
1912
|
._badge_u46qd_6 {
|
|
1631
1913
|
display: inline-flex;
|
|
1632
1914
|
align-items: center;
|
|
@@ -2904,30 +3186,30 @@
|
|
|
2904
3186
|
animation: none;
|
|
2905
3187
|
}
|
|
2906
3188
|
}
|
|
2907
|
-
.
|
|
3189
|
+
._root_u44hz_1 {
|
|
2908
3190
|
display: flex;
|
|
2909
3191
|
flex-direction: column;
|
|
2910
3192
|
gap: var(--space-12);
|
|
2911
3193
|
}
|
|
2912
|
-
.
|
|
3194
|
+
._header_u44hz_11 {
|
|
2913
3195
|
display: flex;
|
|
2914
3196
|
align-items: center;
|
|
2915
3197
|
justify-content: space-between;
|
|
2916
3198
|
gap: var(--space-8);
|
|
2917
3199
|
}
|
|
2918
|
-
.
|
|
3200
|
+
._title_u44hz_18 {
|
|
2919
3201
|
margin: 0;
|
|
2920
3202
|
font-size: var(--type-trimmed-md-size);
|
|
2921
3203
|
line-height: var(--type-trimmed-md-line);
|
|
2922
3204
|
font-weight: var(--font-weight-bold);
|
|
2923
3205
|
color: var(--color-text-default);
|
|
2924
3206
|
}
|
|
2925
|
-
.
|
|
3207
|
+
._chips_u44hz_26 {
|
|
2926
3208
|
display: flex;
|
|
2927
3209
|
flex-wrap: wrap;
|
|
2928
3210
|
gap: var(--space-8);
|
|
2929
3211
|
}
|
|
2930
|
-
.
|
|
3212
|
+
._chip_u44hz_26 {
|
|
2931
3213
|
display: inline-flex;
|
|
2932
3214
|
align-items: center;
|
|
2933
3215
|
justify-content: center;
|
|
@@ -2943,30 +3225,32 @@
|
|
|
2943
3225
|
font-weight: var(--font-weight-bold);
|
|
2944
3226
|
cursor: pointer;
|
|
2945
3227
|
}
|
|
2946
|
-
.
|
|
3228
|
+
._selected_u44hz_50 {
|
|
2947
3229
|
border-color: var(--color-surface-max);
|
|
2948
3230
|
background: var(--color-surface-max);
|
|
2949
3231
|
color: var(--color-text-strong);
|
|
2950
3232
|
}
|
|
2951
|
-
.
|
|
3233
|
+
._disabled_u44hz_62 {
|
|
2952
3234
|
cursor: not-allowed;
|
|
2953
3235
|
border-style: dashed;
|
|
2954
3236
|
color: var(--color-text-disabled);
|
|
2955
3237
|
}
|
|
2956
|
-
.
|
|
3238
|
+
._lowStock_u44hz_74 {
|
|
2957
3239
|
margin: 0;
|
|
2958
3240
|
font-size: var(--type-trimmed-sm-size);
|
|
2959
3241
|
line-height: var(--type-trimmed-sm-line);
|
|
2960
3242
|
font-weight: var(--font-weight-bold);
|
|
2961
3243
|
color: var(--color-state-text-warning);
|
|
2962
3244
|
}
|
|
2963
|
-
.
|
|
3245
|
+
._error_u44hz_84 {
|
|
2964
3246
|
margin: 0;
|
|
2965
3247
|
font-size: var(--type-trimmed-sm-size);
|
|
3248
|
+
line-height: var(--type-trimmed-sm-line);
|
|
3249
|
+
white-space: nowrap;
|
|
2966
3250
|
font-weight: var(--font-weight-regular);
|
|
2967
3251
|
color: var(--color-state-surface-critical-default);
|
|
2968
3252
|
}
|
|
2969
|
-
.
|
|
3253
|
+
._sizeGuide_u44hz_93 {
|
|
2970
3254
|
position: relative;
|
|
2971
3255
|
display: inline-flex;
|
|
2972
3256
|
align-items: center;
|
|
@@ -2981,14 +3265,22 @@
|
|
|
2981
3265
|
line-height: var(--type-trimmed-sm-line);
|
|
2982
3266
|
cursor: pointer;
|
|
2983
3267
|
}
|
|
2984
|
-
.
|
|
3268
|
+
._info_u44hz_117 {
|
|
2985
3269
|
display: block;
|
|
2986
3270
|
}
|
|
2987
|
-
.
|
|
3271
|
+
._sizeGuide_u44hz_93::after {
|
|
2988
3272
|
content: "";
|
|
2989
3273
|
position: absolute;
|
|
2990
3274
|
inset: -24px -8px -8px;
|
|
2991
3275
|
}
|
|
3276
|
+
@media (min-width: 1200px) {
|
|
3277
|
+
[data-shop-layout=wide] ._lowStock_u44hz_74 {
|
|
3278
|
+
font-weight: var(--font-weight-regular);
|
|
3279
|
+
}
|
|
3280
|
+
[data-shop-layout=wide] ._disabled_u44hz_62 {
|
|
3281
|
+
background: var(--color-surface-soft);
|
|
3282
|
+
}
|
|
3283
|
+
}
|
|
2992
3284
|
._root_1h4ny_1 {
|
|
2993
3285
|
display: flex;
|
|
2994
3286
|
flex-direction: column;
|
|
@@ -3116,39 +3408,45 @@
|
|
|
3116
3408
|
text-decoration: line-through;
|
|
3117
3409
|
background: var(--color-surface-soft);
|
|
3118
3410
|
}
|
|
3119
|
-
.
|
|
3411
|
+
._root_1gy1f_2 {
|
|
3120
3412
|
display: flex;
|
|
3121
3413
|
flex-direction: column;
|
|
3122
3414
|
gap: var(--space-4);
|
|
3123
3415
|
}
|
|
3124
|
-
.
|
|
3416
|
+
._group_1gy1f_8 {
|
|
3125
3417
|
display: flex;
|
|
3126
3418
|
flex-direction: column;
|
|
3127
3419
|
gap: var(--space-8);
|
|
3128
3420
|
}
|
|
3129
|
-
.
|
|
3421
|
+
._title_1gy1f_14 {
|
|
3130
3422
|
margin: 0;
|
|
3131
3423
|
font-size: var(--type-trimmed-md-size);
|
|
3132
3424
|
line-height: var(--type-trimmed-md-line);
|
|
3133
3425
|
font-weight: var(--font-weight-bold);
|
|
3134
3426
|
color: var(--color-text-default);
|
|
3135
3427
|
}
|
|
3136
|
-
.
|
|
3428
|
+
._body_1gy1f_22 {
|
|
3137
3429
|
color: var(--color-text-subtle);
|
|
3138
3430
|
}
|
|
3139
|
-
.
|
|
3431
|
+
._paragraph_1gy1f_26 {
|
|
3140
3432
|
margin: 0;
|
|
3141
3433
|
font-size: var(--type-paragraph-size);
|
|
3142
3434
|
line-height: var(--type-paragraph-line);
|
|
3143
3435
|
}
|
|
3144
|
-
.
|
|
3436
|
+
._paragraph_1gy1f_26 + ._paragraph_1gy1f_26 {
|
|
3145
3437
|
margin-top: var(--space-12);
|
|
3146
3438
|
}
|
|
3147
|
-
.
|
|
3439
|
+
._clamped_1gy1f_46 {
|
|
3148
3440
|
max-height: calc(var(--type-paragraph-size) * var(--type-paragraph-line) * 3);
|
|
3149
3441
|
overflow: hidden;
|
|
3150
3442
|
}
|
|
3151
|
-
.
|
|
3443
|
+
._clamped_1gy1f_46 > ._paragraph_1gy1f_26:first-child {
|
|
3444
|
+
display: -webkit-box;
|
|
3445
|
+
-webkit-box-orient: vertical;
|
|
3446
|
+
-webkit-line-clamp: 3;
|
|
3447
|
+
overflow: hidden;
|
|
3448
|
+
}
|
|
3449
|
+
._toggle_1gy1f_58 {
|
|
3152
3450
|
position: relative;
|
|
3153
3451
|
align-self: flex-start;
|
|
3154
3452
|
padding: 0;
|
|
@@ -3161,7 +3459,7 @@
|
|
|
3161
3459
|
font-weight: var(--font-weight-bold);
|
|
3162
3460
|
cursor: pointer;
|
|
3163
3461
|
}
|
|
3164
|
-
.
|
|
3462
|
+
._toggle_1gy1f_58::after {
|
|
3165
3463
|
content: "";
|
|
3166
3464
|
position: absolute;
|
|
3167
3465
|
inset: -10px -4px;
|
|
@@ -3748,55 +4046,6 @@
|
|
|
3748
4046
|
min-width: 173px;
|
|
3749
4047
|
}
|
|
3750
4048
|
}
|
|
3751
|
-
._crumbs_wl5mz_1 {
|
|
3752
|
-
display: flex;
|
|
3753
|
-
align-items: center;
|
|
3754
|
-
height: 21px;
|
|
3755
|
-
gap: var(--space-8);
|
|
3756
|
-
margin: 0;
|
|
3757
|
-
padding: 0;
|
|
3758
|
-
list-style: none;
|
|
3759
|
-
color: var(--color-text-default);
|
|
3760
|
-
white-space: nowrap;
|
|
3761
|
-
}
|
|
3762
|
-
._home_wl5mz_13 {
|
|
3763
|
-
padding: 0;
|
|
3764
|
-
border: 0;
|
|
3765
|
-
background: none;
|
|
3766
|
-
color: inherit;
|
|
3767
|
-
font: inherit;
|
|
3768
|
-
font-size: 16px;
|
|
3769
|
-
line-height: normal;
|
|
3770
|
-
opacity: 0.6;
|
|
3771
|
-
cursor: pointer;
|
|
3772
|
-
}
|
|
3773
|
-
._separator_wl5mz_25 {
|
|
3774
|
-
font-size: 14px;
|
|
3775
|
-
line-height: 1.5;
|
|
3776
|
-
opacity: 0.6;
|
|
3777
|
-
}
|
|
3778
|
-
._current_wl5mz_31 {
|
|
3779
|
-
font-size: 16px;
|
|
3780
|
-
line-height: normal;
|
|
3781
|
-
}
|
|
3782
|
-
._help_wl5mz_36 {
|
|
3783
|
-
display: flex;
|
|
3784
|
-
align-items: center;
|
|
3785
|
-
gap: var(--space-8);
|
|
3786
|
-
width: 100%;
|
|
3787
|
-
padding: var(--space-8) 0;
|
|
3788
|
-
border: 0;
|
|
3789
|
-
background: none;
|
|
3790
|
-
color: var(--color-text-default);
|
|
3791
|
-
font: inherit;
|
|
3792
|
-
text-align: left;
|
|
3793
|
-
cursor: pointer;
|
|
3794
|
-
}
|
|
3795
|
-
._helpLabel_wl5mz_50 {
|
|
3796
|
-
font-size: 14px;
|
|
3797
|
-
line-height: 1.5;
|
|
3798
|
-
text-decoration: underline;
|
|
3799
|
-
}
|
|
3800
4049
|
._showcase_9ibf6_14 {
|
|
3801
4050
|
--chrome-bleed: 0px;
|
|
3802
4051
|
background: #080e12;
|