@meduza/ui-kit-2 0.1.94 → 0.1.97
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/RawHtmlBlock/RawHtmlBlock.types.d.ts +1 -0
- package/dist/ShopRelatedBlock/ShopRelatedBlock.stories.d.ts +10 -0
- package/dist/ShopRelatedBlock/ShopRelatedBlock.types.d.ts +4 -0
- package/dist/ShopRelatedBlock/index.d.ts +3 -0
- package/dist/index.d.ts +1 -0
- package/dist/ui-kit-2.cjs.development.js +99 -3
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +99 -4
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +464 -255
- package/package.json +2 -2
- package/src/RawHtmlBlock/RawHtmlBlock.types.ts +1 -0
- package/src/RawHtmlBlock/index.tsx +3 -1
- package/src/RawHtmlBlock/mock.json +1 -1
- package/src/RenderBlocks/index.tsx +1 -1
- package/src/ShopRelatedBlock/ShopRelatedBlock.module.css +209 -0
- package/src/ShopRelatedBlock/ShopRelatedBlock.stories.module.css +12 -0
- package/src/ShopRelatedBlock/ShopRelatedBlock.stories.tsx +52 -0
- package/src/ShopRelatedBlock/ShopRelatedBlock.test.tsx +20 -0
- package/src/ShopRelatedBlock/ShopRelatedBlock.types.ts +4 -0
- package/src/ShopRelatedBlock/index.tsx +120 -0
- package/src/ShopRelatedBlock/mock.json +153 -0
- package/src/index.tsx +1 -0
package/dist/ui-kit.css
CHANGED
|
@@ -874,23 +874,6 @@
|
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
876
|
|
|
877
|
-
/* Colors */
|
|
878
|
-
/* Fonts */
|
|
879
|
-
/* Gap */
|
|
880
|
-
/* Media */
|
|
881
|
-
/* 512 */
|
|
882
|
-
/* 650 */
|
|
883
|
-
/* 768 */
|
|
884
|
-
/* 1024 */
|
|
885
|
-
/* 1010 */
|
|
886
|
-
/* 1200 */
|
|
887
|
-
/* 511 */
|
|
888
|
-
/* 1023 */
|
|
889
|
-
/* Zindex */
|
|
890
|
-
.Lazy-module_root__2Z72l {
|
|
891
|
-
display: block;
|
|
892
|
-
}
|
|
893
|
-
|
|
894
877
|
/* Colors */
|
|
895
878
|
/* Fonts */
|
|
896
879
|
/* Gap */
|
|
@@ -1189,6 +1172,23 @@
|
|
|
1189
1172
|
min-width: 50px;
|
|
1190
1173
|
}
|
|
1191
1174
|
|
|
1175
|
+
/* Colors */
|
|
1176
|
+
/* Fonts */
|
|
1177
|
+
/* Gap */
|
|
1178
|
+
/* Media */
|
|
1179
|
+
/* 512 */
|
|
1180
|
+
/* 650 */
|
|
1181
|
+
/* 768 */
|
|
1182
|
+
/* 1024 */
|
|
1183
|
+
/* 1010 */
|
|
1184
|
+
/* 1200 */
|
|
1185
|
+
/* 511 */
|
|
1186
|
+
/* 1023 */
|
|
1187
|
+
/* Zindex */
|
|
1188
|
+
.Lazy-module_root__2Z72l {
|
|
1189
|
+
display: block;
|
|
1190
|
+
}
|
|
1191
|
+
|
|
1192
1192
|
/* Colors */
|
|
1193
1193
|
/* Fonts */
|
|
1194
1194
|
/* Gap */
|
|
@@ -1431,6 +1431,64 @@
|
|
|
1431
1431
|
color: #757575;
|
|
1432
1432
|
}
|
|
1433
1433
|
|
|
1434
|
+
/* Colors */
|
|
1435
|
+
/* Fonts */
|
|
1436
|
+
/* Gap */
|
|
1437
|
+
/* Media */
|
|
1438
|
+
/* 512 */
|
|
1439
|
+
/* 650 */
|
|
1440
|
+
/* 768 */
|
|
1441
|
+
/* 1024 */
|
|
1442
|
+
/* 1010 */
|
|
1443
|
+
/* 1200 */
|
|
1444
|
+
/* 511 */
|
|
1445
|
+
/* 1023 */
|
|
1446
|
+
/* Zindex */
|
|
1447
|
+
.BookmarkButton-module_root__3KmuY {
|
|
1448
|
+
color: #e0e0e0;
|
|
1449
|
+
}
|
|
1450
|
+
.BookmarkButton-module_control__1A0ea {
|
|
1451
|
+
margin: 0;
|
|
1452
|
+
padding: 5px 3px;
|
|
1453
|
+
|
|
1454
|
+
cursor: pointer;
|
|
1455
|
+
|
|
1456
|
+
color: inherit;
|
|
1457
|
+
border-width: 0;
|
|
1458
|
+
outline: none;
|
|
1459
|
+
background-color: transparent;
|
|
1460
|
+
|
|
1461
|
+
-webkit-appearance: none;
|
|
1462
|
+
|
|
1463
|
+
-moz-appearance: none;
|
|
1464
|
+
|
|
1465
|
+
appearance: none;
|
|
1466
|
+
fill: transparent;
|
|
1467
|
+
}
|
|
1468
|
+
.BookmarkButton-module_dark__1cwyi {
|
|
1469
|
+
color: #fff;
|
|
1470
|
+
}
|
|
1471
|
+
.BookmarkButton-module_light__1uQyH {
|
|
1472
|
+
color: #000;
|
|
1473
|
+
}
|
|
1474
|
+
.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
|
|
1475
|
+
fill: #e0e0e0;
|
|
1476
|
+
}
|
|
1477
|
+
.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
|
|
1478
|
+
fill: #fff;
|
|
1479
|
+
}
|
|
1480
|
+
.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
|
|
1481
|
+
fill: #000;
|
|
1482
|
+
}
|
|
1483
|
+
@media only screen and (min-width: 64em) {
|
|
1484
|
+
.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
|
|
1485
|
+
width: 12px
|
|
1486
|
+
}
|
|
1487
|
+
}
|
|
1488
|
+
[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
|
|
1489
|
+
display: none;
|
|
1490
|
+
}
|
|
1491
|
+
|
|
1434
1492
|
/* Colors */
|
|
1435
1493
|
/* Fonts */
|
|
1436
1494
|
/* Gap */
|
|
@@ -1566,64 +1624,6 @@
|
|
|
1566
1624
|
}
|
|
1567
1625
|
}
|
|
1568
1626
|
|
|
1569
|
-
/* Colors */
|
|
1570
|
-
/* Fonts */
|
|
1571
|
-
/* Gap */
|
|
1572
|
-
/* Media */
|
|
1573
|
-
/* 512 */
|
|
1574
|
-
/* 650 */
|
|
1575
|
-
/* 768 */
|
|
1576
|
-
/* 1024 */
|
|
1577
|
-
/* 1010 */
|
|
1578
|
-
/* 1200 */
|
|
1579
|
-
/* 511 */
|
|
1580
|
-
/* 1023 */
|
|
1581
|
-
/* Zindex */
|
|
1582
|
-
.BookmarkButton-module_root__3KmuY {
|
|
1583
|
-
color: #e0e0e0;
|
|
1584
|
-
}
|
|
1585
|
-
.BookmarkButton-module_control__1A0ea {
|
|
1586
|
-
margin: 0;
|
|
1587
|
-
padding: 5px 3px;
|
|
1588
|
-
|
|
1589
|
-
cursor: pointer;
|
|
1590
|
-
|
|
1591
|
-
color: inherit;
|
|
1592
|
-
border-width: 0;
|
|
1593
|
-
outline: none;
|
|
1594
|
-
background-color: transparent;
|
|
1595
|
-
|
|
1596
|
-
-webkit-appearance: none;
|
|
1597
|
-
|
|
1598
|
-
-moz-appearance: none;
|
|
1599
|
-
|
|
1600
|
-
appearance: none;
|
|
1601
|
-
fill: transparent;
|
|
1602
|
-
}
|
|
1603
|
-
.BookmarkButton-module_dark__1cwyi {
|
|
1604
|
-
color: #fff;
|
|
1605
|
-
}
|
|
1606
|
-
.BookmarkButton-module_light__1uQyH {
|
|
1607
|
-
color: #000;
|
|
1608
|
-
}
|
|
1609
|
-
.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
|
|
1610
|
-
fill: #e0e0e0;
|
|
1611
|
-
}
|
|
1612
|
-
.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
|
|
1613
|
-
fill: #fff;
|
|
1614
|
-
}
|
|
1615
|
-
.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
|
|
1616
|
-
fill: #000;
|
|
1617
|
-
}
|
|
1618
|
-
@media only screen and (min-width: 64em) {
|
|
1619
|
-
.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
|
|
1620
|
-
width: 12px
|
|
1621
|
-
}
|
|
1622
|
-
}
|
|
1623
|
-
[data-context='prodano'] .BookmarkButton-module_root__3KmuY {
|
|
1624
|
-
display: none;
|
|
1625
|
-
}
|
|
1626
|
-
|
|
1627
1627
|
/* Colors */
|
|
1628
1628
|
/* Fonts */
|
|
1629
1629
|
/* Gap */
|
|
@@ -4569,34 +4569,6 @@ a mark {
|
|
|
4569
4569
|
fill: currentColor;
|
|
4570
4570
|
}
|
|
4571
4571
|
|
|
4572
|
-
/* stylelint-disable declaration-empty-line-before */
|
|
4573
|
-
/* Colors */
|
|
4574
|
-
/* Fonts */
|
|
4575
|
-
/* Gap */
|
|
4576
|
-
/* Media */
|
|
4577
|
-
/* 512 */
|
|
4578
|
-
/* 650 */
|
|
4579
|
-
/* 768 */
|
|
4580
|
-
/* 1024 */
|
|
4581
|
-
/* 1010 */
|
|
4582
|
-
/* 1200 */
|
|
4583
|
-
/* 511 */
|
|
4584
|
-
/* 1023 */
|
|
4585
|
-
/* Zindex */
|
|
4586
|
-
.DocumentItemsCount-module_root__P3q-z {
|
|
4587
|
-
display: inline;
|
|
4588
|
-
|
|
4589
|
-
line-height: inherit;
|
|
4590
|
-
}
|
|
4591
|
-
.DocumentItemsCount-module_root__P3q-z svg {
|
|
4592
|
-
vertical-align: top;
|
|
4593
|
-
}
|
|
4594
|
-
.DocumentItemsCount-module_items__3pfxW {
|
|
4595
|
-
margin-left: 1px;
|
|
4596
|
-
|
|
4597
|
-
vertical-align: top;
|
|
4598
|
-
}
|
|
4599
|
-
|
|
4600
4572
|
/* Colors */
|
|
4601
4573
|
/* Fonts */
|
|
4602
4574
|
/* Gap */
|
|
@@ -4669,6 +4641,7 @@ a mark {
|
|
|
4669
4641
|
}
|
|
4670
4642
|
|
|
4671
4643
|
|
|
4644
|
+
/* stylelint-disable declaration-empty-line-before */
|
|
4672
4645
|
/* Colors */
|
|
4673
4646
|
/* Fonts */
|
|
4674
4647
|
/* Gap */
|
|
@@ -4682,54 +4655,349 @@ a mark {
|
|
|
4682
4655
|
/* 511 */
|
|
4683
4656
|
/* 1023 */
|
|
4684
4657
|
/* Zindex */
|
|
4685
|
-
.
|
|
4686
|
-
|
|
4658
|
+
.DocumentItemsCount-module_root__P3q-z {
|
|
4659
|
+
display: inline;
|
|
4687
4660
|
|
|
4688
|
-
|
|
4689
|
-
}
|
|
4690
|
-
@media only screen and (min-width: 32em) {
|
|
4691
|
-
.SensitiveBlock-module_root__2iJbD {
|
|
4692
|
-
margin: 25px 0 20px
|
|
4693
|
-
}
|
|
4694
|
-
}
|
|
4695
|
-
.SensitiveBlock-module_root__2iJbD:first-child {
|
|
4696
|
-
margin-top: 0;
|
|
4661
|
+
line-height: inherit;
|
|
4697
4662
|
}
|
|
4698
|
-
.
|
|
4699
|
-
|
|
4663
|
+
.DocumentItemsCount-module_root__P3q-z svg {
|
|
4664
|
+
vertical-align: top;
|
|
4700
4665
|
}
|
|
4701
|
-
.
|
|
4702
|
-
|
|
4703
|
-
max-width: 650px;
|
|
4704
|
-
margin-right: auto;
|
|
4705
|
-
margin-left: auto;
|
|
4666
|
+
.DocumentItemsCount-module_items__3pfxW {
|
|
4667
|
+
margin-left: 1px;
|
|
4706
4668
|
|
|
4707
|
-
|
|
4669
|
+
vertical-align: top;
|
|
4708
4670
|
}
|
|
4709
|
-
|
|
4671
|
+
|
|
4672
|
+
/* Colors */
|
|
4673
|
+
/* Fonts */
|
|
4674
|
+
/* Gap */
|
|
4675
|
+
/* Media */
|
|
4676
|
+
/* 512 */
|
|
4677
|
+
/* 650 */
|
|
4678
|
+
/* 768 */
|
|
4679
|
+
/* 1024 */
|
|
4680
|
+
/* 1010 */
|
|
4681
|
+
/* 1200 */
|
|
4682
|
+
/* 511 */
|
|
4683
|
+
/* 1023 */
|
|
4684
|
+
/* Zindex */
|
|
4685
|
+
.RelatedRichBlock-module_root__3NYmj {
|
|
4710
4686
|
position: relative;
|
|
4687
|
+
z-index: 10;
|
|
4711
4688
|
|
|
4712
|
-
|
|
4689
|
+
display: block;
|
|
4690
|
+
overflow: hidden;
|
|
4713
4691
|
|
|
4714
|
-
|
|
4692
|
+
text-decoration: none;
|
|
4693
|
+
|
|
4694
|
+
border-radius: 8px;
|
|
4695
|
+
outline-width: 0;
|
|
4715
4696
|
}
|
|
4716
|
-
|
|
4697
|
+
@media only screen and (min-width: 32em) {
|
|
4698
|
+
.RelatedRichBlock-module_root__3NYmj:hover {
|
|
4699
|
+
opacity: 0.95
|
|
4700
|
+
}
|
|
4701
|
+
}
|
|
4702
|
+
.RelatedRichBlock-module_root__3NYmj::after {
|
|
4717
4703
|
position: absolute;
|
|
4718
|
-
z-index: 10;
|
|
4719
4704
|
top: 0;
|
|
4720
|
-
right:
|
|
4705
|
+
right: 0;
|
|
4721
4706
|
bottom: 0;
|
|
4722
|
-
left:
|
|
4723
|
-
|
|
4724
|
-
display: -webkit-box;
|
|
4707
|
+
left: 0;
|
|
4708
|
+
z-index: 20;
|
|
4725
4709
|
|
|
4726
|
-
|
|
4710
|
+
border-radius: 8px;
|
|
4727
4711
|
|
|
4728
|
-
|
|
4712
|
+
content: '';
|
|
4713
|
+
}
|
|
4714
|
+
.RelatedRichBlock-module_root__3NYmj::before {
|
|
4715
|
+
display: block;
|
|
4729
4716
|
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4717
|
+
width: 100%;
|
|
4718
|
+
}
|
|
4719
|
+
.RelatedRichBlock-module_root__3NYmj::after {
|
|
4720
|
+
box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2),
|
|
4721
|
+
inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
4722
|
+
}
|
|
4723
|
+
.RelatedRichBlock-module_root__3NYmj,
|
|
4724
|
+
.RelatedRichBlock-module_wrapper__1eLIQ {
|
|
4725
|
+
margin: 16px 0
|
|
4726
|
+
}
|
|
4727
|
+
@media only screen and (min-width: 48em) {
|
|
4728
|
+
.RelatedRichBlock-module_root__3NYmj,
|
|
4729
|
+
.RelatedRichBlock-module_wrapper__1eLIQ {
|
|
4730
|
+
margin: 25px 0
|
|
4731
|
+
}
|
|
4732
|
+
}
|
|
4733
|
+
.RelatedRichBlock-module_overlay__3XSg_,
|
|
4734
|
+
.RelatedRichBlock-module_overlayHeader__2Nmbv {
|
|
4735
|
+
position: absolute;
|
|
4736
|
+
right: 0;
|
|
4737
|
+
left: 0;
|
|
4738
|
+
z-index: 10;
|
|
4739
|
+
}
|
|
4740
|
+
.RelatedRichBlock-module_overlay__3XSg_ {
|
|
4741
|
+
bottom: 0;
|
|
4742
|
+
|
|
4743
|
+
height: 295px;
|
|
4744
|
+
}
|
|
4745
|
+
.RelatedRichBlock-module_overlayHeader__2Nmbv {
|
|
4746
|
+
top: 0;
|
|
4747
|
+
|
|
4748
|
+
height: 150px;
|
|
4749
|
+
}
|
|
4750
|
+
.RelatedRichBlock-module_body__1ZHZS {
|
|
4751
|
+
display: -webkit-box;
|
|
4752
|
+
display: -webkit-flex;
|
|
4753
|
+
display: -ms-flexbox;
|
|
4754
|
+
display: flex;
|
|
4755
|
+
flex-flow: column nowrap;
|
|
4756
|
+
justify-content: flex-end;
|
|
4757
|
+
|
|
4758
|
+
padding: 12px 15px;
|
|
4759
|
+
|
|
4760
|
+
background-color: #f7f7f7
|
|
4761
|
+
}
|
|
4762
|
+
@media only screen and (min-width: 32em) {
|
|
4763
|
+
.RelatedRichBlock-module_body__1ZHZS {
|
|
4764
|
+
position: absolute;
|
|
4765
|
+
right: 0;
|
|
4766
|
+
bottom: 0;
|
|
4767
|
+
left: 0;
|
|
4768
|
+
z-index: 10;
|
|
4769
|
+
|
|
4770
|
+
min-height: 295px;
|
|
4771
|
+
padding: 20px;
|
|
4772
|
+
|
|
4773
|
+
background-color: transparent
|
|
4774
|
+
}
|
|
4775
|
+
}
|
|
4776
|
+
.RelatedRichBlock-module_isRich__1LnA4 {
|
|
4777
|
+
color: #000
|
|
4778
|
+
}
|
|
4779
|
+
@media only screen and (min-width: 32em) {
|
|
4780
|
+
.RelatedRichBlock-module_isRich__1LnA4 {
|
|
4781
|
+
color: #fff
|
|
4782
|
+
}
|
|
4783
|
+
}
|
|
4784
|
+
@media only screen and (min-width: 32em) {
|
|
4785
|
+
.RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
|
|
4786
|
+
position: absolute;
|
|
4787
|
+
right: 0;
|
|
4788
|
+
bottom: 0;
|
|
4789
|
+
left: 0;
|
|
4790
|
+
z-index: 10;
|
|
4791
|
+
|
|
4792
|
+
min-height: 295px;
|
|
4793
|
+
|
|
4794
|
+
background-color: transparent
|
|
4795
|
+
}
|
|
4796
|
+
}
|
|
4797
|
+
.RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ {
|
|
4798
|
+
position: relative;
|
|
4799
|
+
}
|
|
4800
|
+
.RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
|
|
4801
|
+
position: absolute;
|
|
4802
|
+
right: 1px;
|
|
4803
|
+
bottom: 0;
|
|
4804
|
+
left: 1px;
|
|
4805
|
+
z-index: 10;
|
|
4806
|
+
|
|
4807
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
4808
|
+
|
|
4809
|
+
content: ''
|
|
4810
|
+
}
|
|
4811
|
+
@media only screen and (min-width: 32em) {
|
|
4812
|
+
.RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
|
|
4813
|
+
content: ''
|
|
4814
|
+
}
|
|
4815
|
+
}
|
|
4816
|
+
.RelatedRichBlock-module_isCard__2naDz {
|
|
4817
|
+
color: #fff;
|
|
4818
|
+
|
|
4819
|
+
background-color: #191919
|
|
4820
|
+
}
|
|
4821
|
+
@media only screen and (min-width: 32em) {
|
|
4822
|
+
.RelatedRichBlock-module_isCard__2naDz {
|
|
4823
|
+
min-height: 350px
|
|
4824
|
+
}
|
|
4825
|
+
}
|
|
4826
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
|
|
4827
|
+
background-color: transparent
|
|
4828
|
+
}
|
|
4829
|
+
@media only screen and (min-width: 32em) {
|
|
4830
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
|
|
4831
|
+
position: absolute;
|
|
4832
|
+
right: 0;
|
|
4833
|
+
bottom: 0;
|
|
4834
|
+
left: 0;
|
|
4835
|
+
z-index: 10;
|
|
4836
|
+
|
|
4837
|
+
min-height: 295px
|
|
4838
|
+
}
|
|
4839
|
+
}
|
|
4840
|
+
@media only screen and (min-width: 32em) {
|
|
4841
|
+
.RelatedRichBlock-module_isCard__2naDz::before {
|
|
4842
|
+
padding-bottom: 66.66%;
|
|
4843
|
+
|
|
4844
|
+
content: ''
|
|
4845
|
+
}
|
|
4846
|
+
}
|
|
4847
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
|
|
4848
|
+
position: relative;
|
|
4849
|
+
|
|
4850
|
+
width: 100%
|
|
4851
|
+
}
|
|
4852
|
+
@media only screen and (min-width: 32em) {
|
|
4853
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
|
|
4854
|
+
position: absolute;
|
|
4855
|
+
top: 0;
|
|
4856
|
+
bottom: 0
|
|
4857
|
+
}
|
|
4858
|
+
}
|
|
4859
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
|
|
4860
|
+
display: block;
|
|
4861
|
+
|
|
4862
|
+
padding-bottom: 78.50746269%;
|
|
4863
|
+
|
|
4864
|
+
content: ''
|
|
4865
|
+
}
|
|
4866
|
+
@media only screen and (min-width: 32em) {
|
|
4867
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
|
|
4868
|
+
content: none
|
|
4869
|
+
}
|
|
4870
|
+
}
|
|
4871
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
|
|
4872
|
+
position: absolute;
|
|
4873
|
+
top: 50%;
|
|
4874
|
+
left: 50%;
|
|
4875
|
+
|
|
4876
|
+
width: 180px;
|
|
4877
|
+
height: 180px;
|
|
4878
|
+
|
|
4879
|
+
transform: translate(-50%, -50%)
|
|
4880
|
+
}
|
|
4881
|
+
@media only screen and (min-width: 32em) {
|
|
4882
|
+
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
|
|
4883
|
+
top: 25%;
|
|
4884
|
+
|
|
4885
|
+
transform: translate(-50%, -25%)
|
|
4886
|
+
}
|
|
4887
|
+
}
|
|
4888
|
+
.RelatedRichBlock-module_tag__3OLyG {
|
|
4889
|
+
position: absolute;
|
|
4890
|
+
top: 14px;
|
|
4891
|
+
right: 15px;
|
|
4892
|
+
left: 15px;
|
|
4893
|
+
z-index: 10;
|
|
4894
|
+
|
|
4895
|
+
color: rgba(255, 255, 255, 0.7);
|
|
4896
|
+
|
|
4897
|
+
font-size: 12px
|
|
4898
|
+
}
|
|
4899
|
+
@media only screen and (min-width: 64em) {
|
|
4900
|
+
.RelatedRichBlock-module_tag__3OLyG {
|
|
4901
|
+
top: 16px;
|
|
4902
|
+
right: 20px;
|
|
4903
|
+
left: 20px
|
|
4904
|
+
}
|
|
4905
|
+
}
|
|
4906
|
+
.RelatedRichBlock-module_center__197sx {
|
|
4907
|
+
width: 100%;
|
|
4908
|
+
max-width: 650px;
|
|
4909
|
+
margin-right: auto;
|
|
4910
|
+
margin-left: auto;
|
|
4911
|
+
}
|
|
4912
|
+
/* Themes */
|
|
4913
|
+
.RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE {
|
|
4914
|
+
color: #000;
|
|
4915
|
+
}
|
|
4916
|
+
.RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
|
|
4917
|
+
color: rgba(0, 0, 0, 0.7);
|
|
4918
|
+
}
|
|
4919
|
+
@media only screen and (min-width: 32em) {
|
|
4920
|
+
.RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
|
|
4921
|
+
color: #fff;
|
|
4922
|
+
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
|
|
4923
|
+
}
|
|
4924
|
+
}
|
|
4925
|
+
/* Display */
|
|
4926
|
+
@media only screen and (min-width: 32em) {
|
|
4927
|
+
.RelatedRichBlock-module_mobile__JpCS4 {
|
|
4928
|
+
display: none
|
|
4929
|
+
}
|
|
4930
|
+
}
|
|
4931
|
+
.RelatedRichBlock-module_desktop__trL0D {
|
|
4932
|
+
display: none
|
|
4933
|
+
}
|
|
4934
|
+
@media only screen and (min-width: 32em) {
|
|
4935
|
+
.RelatedRichBlock-module_desktop__trL0D {
|
|
4936
|
+
display: block
|
|
4937
|
+
}
|
|
4938
|
+
}
|
|
4939
|
+
|
|
4940
|
+
/* Colors */
|
|
4941
|
+
/* Fonts */
|
|
4942
|
+
/* Gap */
|
|
4943
|
+
/* Media */
|
|
4944
|
+
/* 512 */
|
|
4945
|
+
/* 650 */
|
|
4946
|
+
/* 768 */
|
|
4947
|
+
/* 1024 */
|
|
4948
|
+
/* 1010 */
|
|
4949
|
+
/* 1200 */
|
|
4950
|
+
/* 511 */
|
|
4951
|
+
/* 1023 */
|
|
4952
|
+
/* Zindex */
|
|
4953
|
+
.SensitiveBlock-module_root__2iJbD {
|
|
4954
|
+
position: relative;
|
|
4955
|
+
|
|
4956
|
+
margin: 15px 0
|
|
4957
|
+
}
|
|
4958
|
+
@media only screen and (min-width: 32em) {
|
|
4959
|
+
.SensitiveBlock-module_root__2iJbD {
|
|
4960
|
+
margin: 25px 0 20px
|
|
4961
|
+
}
|
|
4962
|
+
}
|
|
4963
|
+
.SensitiveBlock-module_root__2iJbD:first-child {
|
|
4964
|
+
margin-top: 0;
|
|
4965
|
+
}
|
|
4966
|
+
.SensitiveBlock-module_root__2iJbD:last-child {
|
|
4967
|
+
margin-bottom: 0;
|
|
4968
|
+
}
|
|
4969
|
+
.SensitiveBlock-module_root__2iJbD figcaption {
|
|
4970
|
+
width: 100%;
|
|
4971
|
+
max-width: 650px;
|
|
4972
|
+
margin-right: auto;
|
|
4973
|
+
margin-left: auto;
|
|
4974
|
+
|
|
4975
|
+
font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
|
|
4976
|
+
}
|
|
4977
|
+
.SensitiveBlock-module_container__1Wtix {
|
|
4978
|
+
position: relative;
|
|
4979
|
+
|
|
4980
|
+
min-height: 170px;
|
|
4981
|
+
|
|
4982
|
+
transition: min-height 350ms ease;
|
|
4983
|
+
}
|
|
4984
|
+
.SensitiveBlock-module_overlay__hfDVS {
|
|
4985
|
+
position: absolute;
|
|
4986
|
+
z-index: 10;
|
|
4987
|
+
top: 0;
|
|
4988
|
+
right: -20px;
|
|
4989
|
+
bottom: 0;
|
|
4990
|
+
left: -20px;
|
|
4991
|
+
|
|
4992
|
+
display: -webkit-box;
|
|
4993
|
+
|
|
4994
|
+
display: -webkit-flex;
|
|
4995
|
+
|
|
4996
|
+
display: -ms-flexbox;
|
|
4997
|
+
|
|
4998
|
+
display: flex;
|
|
4999
|
+
align-items: center;
|
|
5000
|
+
flex-flow: column nowrap;
|
|
4733
5001
|
justify-content: center;
|
|
4734
5002
|
|
|
4735
5003
|
padding: 30px 20px;
|
|
@@ -5033,7 +5301,7 @@ a mark {
|
|
|
5033
5301
|
/* 511 */
|
|
5034
5302
|
/* 1023 */
|
|
5035
5303
|
/* Zindex */
|
|
5036
|
-
.
|
|
5304
|
+
.ShopRelatedBlock-module_root__x4vdk {
|
|
5037
5305
|
position: relative;
|
|
5038
5306
|
z-index: 10;
|
|
5039
5307
|
|
|
@@ -5042,63 +5310,69 @@ a mark {
|
|
|
5042
5310
|
|
|
5043
5311
|
text-decoration: none;
|
|
5044
5312
|
|
|
5313
|
+
color: #000;
|
|
5045
5314
|
border-radius: 8px;
|
|
5046
|
-
outline-width: 0
|
|
5315
|
+
outline-width: 0
|
|
5047
5316
|
}
|
|
5048
5317
|
@media only screen and (min-width: 32em) {
|
|
5049
|
-
.
|
|
5318
|
+
.ShopRelatedBlock-module_root__x4vdk {
|
|
5319
|
+
color: #fff
|
|
5320
|
+
}
|
|
5321
|
+
}
|
|
5322
|
+
@media only screen and (min-width: 32em) {
|
|
5323
|
+
.ShopRelatedBlock-module_root__x4vdk:hover {
|
|
5050
5324
|
opacity: 0.95
|
|
5051
5325
|
}
|
|
5052
5326
|
}
|
|
5053
|
-
.
|
|
5327
|
+
.ShopRelatedBlock-module_root__x4vdk::after {
|
|
5054
5328
|
position: absolute;
|
|
5329
|
+
z-index: 20;
|
|
5055
5330
|
top: 0;
|
|
5056
5331
|
right: 0;
|
|
5057
5332
|
bottom: 0;
|
|
5058
5333
|
left: 0;
|
|
5059
|
-
z-index: 20;
|
|
5060
|
-
|
|
5061
|
-
border-radius: 8px;
|
|
5062
5334
|
|
|
5063
5335
|
content: '';
|
|
5336
|
+
|
|
5337
|
+
border-radius: 8px;
|
|
5064
5338
|
}
|
|
5065
|
-
.
|
|
5339
|
+
.ShopRelatedBlock-module_root__x4vdk::before {
|
|
5066
5340
|
display: block;
|
|
5067
5341
|
|
|
5068
5342
|
width: 100%;
|
|
5069
5343
|
}
|
|
5070
|
-
.
|
|
5344
|
+
.ShopRelatedBlock-module_root__x4vdk::after {
|
|
5071
5345
|
box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2),
|
|
5072
5346
|
inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
5073
5347
|
}
|
|
5074
|
-
.
|
|
5075
|
-
.
|
|
5348
|
+
.ShopRelatedBlock-module_root__x4vdk,
|
|
5349
|
+
.ShopRelatedBlock-module_wrapper__3jQp9 {
|
|
5076
5350
|
margin: 16px 0
|
|
5077
5351
|
}
|
|
5078
5352
|
@media only screen and (min-width: 48em) {
|
|
5079
|
-
.
|
|
5080
|
-
.
|
|
5353
|
+
.ShopRelatedBlock-module_root__x4vdk,
|
|
5354
|
+
.ShopRelatedBlock-module_wrapper__3jQp9 {
|
|
5081
5355
|
margin: 25px 0
|
|
5082
5356
|
}
|
|
5083
5357
|
}
|
|
5084
|
-
.
|
|
5085
|
-
.
|
|
5358
|
+
.ShopRelatedBlock-module_overlay__15S5a,
|
|
5359
|
+
.ShopRelatedBlock-module_overlayHeader__2IXK- {
|
|
5086
5360
|
position: absolute;
|
|
5361
|
+
z-index: 10;
|
|
5087
5362
|
right: 0;
|
|
5088
5363
|
left: 0;
|
|
5089
|
-
z-index: 10;
|
|
5090
5364
|
}
|
|
5091
|
-
.
|
|
5365
|
+
.ShopRelatedBlock-module_overlay__15S5a {
|
|
5092
5366
|
bottom: 0;
|
|
5093
5367
|
|
|
5094
5368
|
height: 295px;
|
|
5095
5369
|
}
|
|
5096
|
-
.
|
|
5370
|
+
.ShopRelatedBlock-module_overlayHeader__2IXK- {
|
|
5097
5371
|
top: 0;
|
|
5098
5372
|
|
|
5099
5373
|
height: 150px;
|
|
5100
5374
|
}
|
|
5101
|
-
.
|
|
5375
|
+
.ShopRelatedBlock-module_body__3ipYj {
|
|
5102
5376
|
display: -webkit-box;
|
|
5103
5377
|
display: -webkit-flex;
|
|
5104
5378
|
display: -ms-flexbox;
|
|
@@ -5111,12 +5385,12 @@ a mark {
|
|
|
5111
5385
|
background-color: #f7f7f7
|
|
5112
5386
|
}
|
|
5113
5387
|
@media only screen and (min-width: 32em) {
|
|
5114
|
-
.
|
|
5388
|
+
.ShopRelatedBlock-module_body__3ipYj {
|
|
5115
5389
|
position: absolute;
|
|
5390
|
+
z-index: 10;
|
|
5116
5391
|
right: 0;
|
|
5117
5392
|
bottom: 0;
|
|
5118
5393
|
left: 0;
|
|
5119
|
-
z-index: 10;
|
|
5120
5394
|
|
|
5121
5395
|
min-height: 295px;
|
|
5122
5396
|
padding: 20px;
|
|
@@ -5124,166 +5398,101 @@ a mark {
|
|
|
5124
5398
|
background-color: transparent
|
|
5125
5399
|
}
|
|
5126
5400
|
}
|
|
5127
|
-
.RelatedRichBlock-module_isRich__1LnA4 {
|
|
5128
|
-
color: #000
|
|
5129
|
-
}
|
|
5130
5401
|
@media only screen and (min-width: 32em) {
|
|
5131
|
-
.
|
|
5132
|
-
color: #fff
|
|
5133
|
-
}
|
|
5134
|
-
}
|
|
5135
|
-
@media only screen and (min-width: 32em) {
|
|
5136
|
-
.RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
|
|
5402
|
+
.ShopRelatedBlock-module_hasGradient__1pghj .ShopRelatedBlock-module_body__3ipYj {
|
|
5137
5403
|
position: absolute;
|
|
5404
|
+
z-index: 10;
|
|
5138
5405
|
right: 0;
|
|
5139
5406
|
bottom: 0;
|
|
5140
5407
|
left: 0;
|
|
5141
|
-
z-index: 10;
|
|
5142
5408
|
|
|
5143
5409
|
min-height: 295px;
|
|
5144
5410
|
|
|
5145
5411
|
background-color: transparent
|
|
5146
5412
|
}
|
|
5147
5413
|
}
|
|
5148
|
-
.
|
|
5414
|
+
.ShopRelatedBlock-module_picture__1bu9H {
|
|
5149
5415
|
position: relative;
|
|
5150
5416
|
}
|
|
5151
|
-
.
|
|
5417
|
+
.ShopRelatedBlock-module_picture__1bu9H::after {
|
|
5152
5418
|
position: absolute;
|
|
5419
|
+
z-index: 10;
|
|
5153
5420
|
right: 1px;
|
|
5154
5421
|
bottom: 0;
|
|
5155
5422
|
left: 1px;
|
|
5156
|
-
z-index: 10;
|
|
5157
|
-
|
|
5158
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
5159
5423
|
|
|
5160
|
-
content: ''
|
|
5161
|
-
}
|
|
5162
|
-
@media only screen and (min-width: 32em) {
|
|
5163
|
-
.RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
|
|
5164
|
-
content: ''
|
|
5165
|
-
}
|
|
5166
|
-
}
|
|
5167
|
-
.RelatedRichBlock-module_isCard__2naDz {
|
|
5168
|
-
color: #fff;
|
|
5169
|
-
|
|
5170
|
-
background-color: #191919
|
|
5171
|
-
}
|
|
5172
|
-
@media only screen and (min-width: 32em) {
|
|
5173
|
-
.RelatedRichBlock-module_isCard__2naDz {
|
|
5174
|
-
min-height: 350px
|
|
5175
|
-
}
|
|
5176
|
-
}
|
|
5177
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
|
|
5178
|
-
background-color: transparent
|
|
5179
|
-
}
|
|
5180
|
-
@media only screen and (min-width: 32em) {
|
|
5181
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
|
|
5182
|
-
position: absolute;
|
|
5183
|
-
right: 0;
|
|
5184
|
-
bottom: 0;
|
|
5185
|
-
left: 0;
|
|
5186
|
-
z-index: 10;
|
|
5424
|
+
content: '';
|
|
5187
5425
|
|
|
5188
|
-
|
|
5426
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
|
|
5189
5427
|
}
|
|
5190
|
-
}
|
|
5191
5428
|
@media only screen and (min-width: 32em) {
|
|
5192
|
-
.
|
|
5193
|
-
padding-bottom: 66.66%;
|
|
5194
|
-
|
|
5429
|
+
.ShopRelatedBlock-module_picture__1bu9H::after {
|
|
5195
5430
|
content: ''
|
|
5196
5431
|
}
|
|
5197
5432
|
}
|
|
5198
|
-
.
|
|
5199
|
-
position: relative;
|
|
5200
|
-
|
|
5201
|
-
width: 100%
|
|
5202
|
-
}
|
|
5203
|
-
@media only screen and (min-width: 32em) {
|
|
5204
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
|
|
5205
|
-
position: absolute;
|
|
5206
|
-
top: 0;
|
|
5207
|
-
bottom: 0
|
|
5208
|
-
}
|
|
5209
|
-
}
|
|
5210
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
|
|
5211
|
-
display: block;
|
|
5212
|
-
|
|
5213
|
-
padding-bottom: 78.50746269%;
|
|
5214
|
-
|
|
5215
|
-
content: ''
|
|
5216
|
-
}
|
|
5217
|
-
@media only screen and (min-width: 32em) {
|
|
5218
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
|
|
5219
|
-
content: none
|
|
5220
|
-
}
|
|
5221
|
-
}
|
|
5222
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
|
|
5223
|
-
position: absolute;
|
|
5224
|
-
top: 50%;
|
|
5225
|
-
left: 50%;
|
|
5226
|
-
|
|
5227
|
-
width: 180px;
|
|
5228
|
-
height: 180px;
|
|
5229
|
-
|
|
5230
|
-
transform: translate(-50%, -50%)
|
|
5231
|
-
}
|
|
5232
|
-
@media only screen and (min-width: 32em) {
|
|
5233
|
-
.RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
|
|
5234
|
-
top: 25%;
|
|
5235
|
-
|
|
5236
|
-
transform: translate(-50%, -25%)
|
|
5237
|
-
}
|
|
5238
|
-
}
|
|
5239
|
-
.RelatedRichBlock-module_tag__3OLyG {
|
|
5433
|
+
.ShopRelatedBlock-module_tag__2vTKm {
|
|
5240
5434
|
position: absolute;
|
|
5435
|
+
z-index: 10;
|
|
5241
5436
|
top: 14px;
|
|
5242
5437
|
right: 15px;
|
|
5243
5438
|
left: 15px;
|
|
5244
|
-
z-index: 10;
|
|
5245
5439
|
|
|
5246
5440
|
color: rgba(255, 255, 255, 0.7);
|
|
5247
5441
|
|
|
5248
5442
|
font-size: 12px
|
|
5249
5443
|
}
|
|
5250
5444
|
@media only screen and (min-width: 64em) {
|
|
5251
|
-
.
|
|
5445
|
+
.ShopRelatedBlock-module_tag__2vTKm {
|
|
5252
5446
|
top: 16px;
|
|
5253
5447
|
right: 20px;
|
|
5254
5448
|
left: 20px
|
|
5255
5449
|
}
|
|
5256
5450
|
}
|
|
5257
|
-
.
|
|
5451
|
+
.ShopRelatedBlock-module_center__2H85- {
|
|
5258
5452
|
width: 100%;
|
|
5259
5453
|
max-width: 650px;
|
|
5260
5454
|
margin-right: auto;
|
|
5261
5455
|
margin-left: auto;
|
|
5262
5456
|
}
|
|
5457
|
+
.ShopRelatedBlock-module_title__1ZIW0 {
|
|
5458
|
+
font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
|
|
5459
|
+
font-size: 19px;
|
|
5460
|
+
font-weight: 700;
|
|
5461
|
+
line-height: 23px
|
|
5462
|
+
}
|
|
5463
|
+
@media only screen and (min-width: 64em) {
|
|
5464
|
+
.ShopRelatedBlock-module_title__1ZIW0 {
|
|
5465
|
+
font-size: 1.3rem;
|
|
5466
|
+
line-height: 1.6rem
|
|
5467
|
+
}
|
|
5468
|
+
}
|
|
5469
|
+
.ShopRelatedBlock-module_price__2cVXM {
|
|
5470
|
+
display: block;
|
|
5471
|
+
}
|
|
5263
5472
|
/* Themes */
|
|
5264
|
-
.
|
|
5473
|
+
.ShopRelatedBlock-module_dark__3Gfbc {
|
|
5265
5474
|
color: #000;
|
|
5266
5475
|
}
|
|
5267
|
-
.
|
|
5476
|
+
.ShopRelatedBlock-module_dark__3Gfbc .ShopRelatedBlock-module_tag__2vTKm {
|
|
5268
5477
|
color: rgba(0, 0, 0, 0.7);
|
|
5269
5478
|
}
|
|
5270
5479
|
@media only screen and (min-width: 32em) {
|
|
5271
|
-
.
|
|
5480
|
+
.ShopRelatedBlock-module_light__1y8Qy {
|
|
5272
5481
|
color: #fff;
|
|
5273
5482
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
|
|
5274
5483
|
}
|
|
5275
5484
|
}
|
|
5276
5485
|
/* Display */
|
|
5277
5486
|
@media only screen and (min-width: 32em) {
|
|
5278
|
-
.
|
|
5487
|
+
.ShopRelatedBlock-module_mobile__AleU0 {
|
|
5279
5488
|
display: none
|
|
5280
5489
|
}
|
|
5281
5490
|
}
|
|
5282
|
-
.
|
|
5491
|
+
.ShopRelatedBlock-module_desktop__2--zA {
|
|
5283
5492
|
display: none
|
|
5284
5493
|
}
|
|
5285
5494
|
@media only screen and (min-width: 32em) {
|
|
5286
|
-
.
|
|
5495
|
+
.ShopRelatedBlock-module_desktop__2--zA {
|
|
5287
5496
|
display: block
|
|
5288
5497
|
}
|
|
5289
5498
|
}
|