@meduza/ui-kit-2 0.1.16 → 0.1.18

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/ui-kit.css CHANGED
@@ -246,38 +246,35 @@
246
246
 
247
247
  padding: 0;
248
248
 
249
- color: #fff;
250
-
251
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
252
- line-height: 1;
249
+ cursor: pointer;
250
+ -webkit-user-select: none;
251
+ -moz-user-select: none;
252
+ -ms-user-select: none;
253
+ user-select: none;
254
+ transition: background-color 0.15s ease-out;
253
255
  text-align: center;
254
256
 
257
+ color: #fff;
255
258
  border-width: 0;
256
259
  outline: none;
257
260
 
258
- cursor: pointer;
259
-
260
- transition: background-color 0.15s ease-out;
261
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
262
+ line-height: 1;
261
263
 
262
264
  -webkit-appearance: none;
263
265
 
264
266
  -moz-appearance: none;
265
267
 
266
268
  appearance: none;
267
- -webkit-user-select: none;
268
- -moz-user-select: none;
269
- -ms-user-select: none;
270
- user-select: none;
271
269
  }
272
270
  .Button-module_root__RpsiW::-moz-focus-inner {
273
271
  border: 0;
274
272
  }
275
273
  .Button-module_root__RpsiW[disabled] {
276
274
  cursor: default;
275
+ pointer-events: none;
277
276
 
278
277
  opacity: 0.5;
279
-
280
- pointer-events: none;
281
278
  }
282
279
  .Button-module_root__RpsiW > span:first-child {
283
280
  margin-right: 4px;
@@ -304,7 +301,6 @@
304
301
  }
305
302
  .Button-module_gray__3IM54 {
306
303
  color: #000;
307
-
308
304
  background-color: #f0f0f0;
309
305
  }
310
306
  .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
@@ -340,7 +336,6 @@
340
336
  }
341
337
  .Button-module_dark__I0uXx {
342
338
  color: #adadad;
343
-
344
339
  background-color: #3a3a3a;
345
340
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
346
341
  }
@@ -360,7 +355,6 @@
360
355
  }
361
356
  .Button-module_light__1Y4hG {
362
357
  color: #000;
363
-
364
358
  background-color: #fff;
365
359
  }
366
360
  .Button-module_light__1Y4hG:hover {
@@ -379,7 +373,6 @@
379
373
  }
380
374
  .Button-module_black__3sG3Y {
381
375
  color: #7e7d7b;
382
-
383
376
  background-color: #000;
384
377
  }
385
378
  .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
@@ -416,17 +409,16 @@
416
409
  .Button-module_default__28Vo_ {
417
410
  width: 100%;
418
411
  height: 42px;
419
- padding: 7px 18px 6px;
420
-
421
- font-weight: 600;
422
-
423
- font-size: 12px;
424
- line-height: 22px;
412
+ padding: 6px 18px;
425
413
 
426
414
  letter-spacing: 1px;
427
415
  text-transform: uppercase;
428
416
 
429
- border-radius: 8px
417
+ border-radius: 8px;
418
+
419
+ font-size: 12px;
420
+ font-weight: 600;
421
+ line-height: 22px
430
422
  }
431
423
  @media only screen and (min-device-width: 64em) {
432
424
  .Button-module_default__28Vo_ {
@@ -439,16 +431,15 @@
439
431
  margin-left: 6px;
440
432
  }
441
433
  .Button-module_ghost__3awCW {
442
-
443
- color: inherit;
444
- font-weight: inherit;
445
- font-size: inherit;
446
-
447
- font-family: inherit;
448
434
  letter-spacing: inherit;
449
435
  text-transform: none;
450
436
 
437
+ color: inherit;
451
438
  background-color: transparent;
439
+
440
+ font-family: inherit;
441
+ font-size: inherit;
442
+ font-weight: inherit;
452
443
  }
453
444
  .Button-module_isInDropdown__1ogKL {
454
445
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
@@ -459,12 +450,11 @@
459
450
  }
460
451
  /* LOADING */
461
452
  .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
453
+ cursor: default;
454
+ pointer-events: none;
462
455
 
463
456
  background-color: transparent;
464
457
  box-shadow: none;
465
- cursor: default;
466
-
467
- pointer-events: none;
468
458
  }
469
459
  .Button-module_loader__2pl6d {
470
460
  display: block;
@@ -1464,7 +1454,7 @@
1464
1454
  @media only screen and (min-device-width: 32em) {
1465
1455
  .MaterialNote-module_center__18RxI,
1466
1456
  .MaterialNote-module_default__1lQPl {
1467
- margin-top: 35px
1457
+ margin-top: 45px
1468
1458
  }
1469
1459
  }
1470
1460
  .MaterialNote-module_card__OWXbQ:empty,
@@ -1621,6 +1611,149 @@
1621
1611
  }
1622
1612
  }
1623
1613
 
1614
+ /* Colors */
1615
+ /* Fonts */
1616
+ /* Gap */
1617
+ /* Media */
1618
+ /* 512 */
1619
+ /* 650 */
1620
+ /* 768 */
1621
+ /* 1024 */
1622
+ /* 1010 */
1623
+ /* 1200 */
1624
+ /* 511 */
1625
+ /* 1023 */
1626
+ /* Zindex */
1627
+ .Toolbar-module_root__2HF2r {
1628
+ overflow: hidden;
1629
+
1630
+ transform: translateZ(0);
1631
+
1632
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1633
+ }
1634
+ .Toolbar-module_list__1n5ny {
1635
+ display: -webkit-box;
1636
+ display: -webkit-flex;
1637
+ display: -ms-flexbox;
1638
+ display: flex;
1639
+ flex-flow: row wrap;
1640
+
1641
+ margin: 0 0 0 -10px;
1642
+ padding: 0;
1643
+
1644
+ list-style: none
1645
+ }
1646
+ @media only screen and (min-device-width: 64em) {
1647
+ .Toolbar-module_list__1n5ny {
1648
+ margin: 0 0 0 -15px
1649
+ }
1650
+ }
1651
+ .Toolbar-module_item__36x7d {
1652
+ position: relative;
1653
+
1654
+ min-width: 42px;
1655
+ height: 32px;
1656
+ padding-right: 10px;
1657
+ padding-left: 10px;
1658
+
1659
+ cursor: pointer;
1660
+ transition: color 250ms ease;
1661
+ text-align: center;
1662
+
1663
+ color: #808080;
1664
+
1665
+ line-height: 1
1666
+ }
1667
+ @media only screen and (min-device-width: 64em) {
1668
+ .Toolbar-module_item__36x7d {
1669
+ padding-right: 15px;
1670
+ padding-left: 15px
1671
+ }
1672
+ }
1673
+ .Toolbar-module_item__36x7d:last-child {
1674
+ margin-right: 0;
1675
+ }
1676
+ .Toolbar-module_item__36x7d::before {
1677
+ position: absolute;
1678
+ top: 7px;
1679
+ left: 0;
1680
+
1681
+ height: 18px;
1682
+
1683
+ content: '';
1684
+ vertical-align: middle;
1685
+
1686
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1687
+ }
1688
+ .Toolbar-module_item__36x7d:empty {
1689
+ display: none;
1690
+ }
1691
+ .Toolbar-module_isInTopbar__223iP {
1692
+ height: 100%;
1693
+ }
1694
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1695
+ height: 100%;
1696
+ }
1697
+ .Toolbar-module_center__3_H8M {
1698
+ width: 100%;
1699
+ max-width: 650px;
1700
+ margin-right: auto;
1701
+ margin-left: auto;
1702
+ }
1703
+ .Toolbar-module_game__5-jY_ {
1704
+ margin-top: 11px
1705
+ }
1706
+ @media only screen and (min-device-width: 32em) {
1707
+ .Toolbar-module_game__5-jY_ {
1708
+ margin-top: 18px
1709
+ }
1710
+ }
1711
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1712
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1713
+ justify-content: center
1714
+ }
1715
+ @media only screen and (min-device-width: 32em) {
1716
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1717
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1718
+ display: -webkit-box;
1719
+ display: -webkit-flex;
1720
+ display: -ms-flexbox;
1721
+ display: flex
1722
+ }
1723
+ }
1724
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1725
+ width: 260px
1726
+ }
1727
+ @media only screen and (min-device-width: 32em) {
1728
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1729
+ width: auto
1730
+ }
1731
+ }
1732
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1733
+ content: none
1734
+ }
1735
+ @media only screen and (min-device-width: 32em) {
1736
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1737
+ content: ''
1738
+ }
1739
+ }
1740
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1741
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1742
+ content: none;
1743
+ }
1744
+ @media only screen and (min-device-width: 64em) {
1745
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1746
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1747
+ margin-left: 0
1748
+ }
1749
+ }
1750
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1751
+ border-left-color: rgba(255, 255, 255, 0.2);
1752
+ }
1753
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1754
+ display: none;
1755
+ }
1756
+
1624
1757
  /* Colors */
1625
1758
  /* Fonts */
1626
1759
  /* Gap */
@@ -1933,135 +2066,108 @@
1933
2066
  /* 511 */
1934
2067
  /* 1023 */
1935
2068
  /* Zindex */
1936
- .Toolbar-module_root__2HF2r {
1937
- overflow: hidden;
1938
-
2069
+ .Meta-module_root__12AG7 {
1939
2070
  transform: translateZ(0);
1940
2071
 
1941
2072
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1942
- }
1943
- .Toolbar-module_list__1n5ny {
1944
- display: -webkit-box;
1945
- display: -webkit-flex;
1946
- display: -ms-flexbox;
1947
- display: flex;
1948
- flex-flow: row wrap;
2073
+ font-size: 12px;
2074
+ line-height: 14px;
1949
2075
 
1950
- margin: 0 0 0 -10px;
1951
- padding: 0;
2076
+ fill: inherit;
2077
+ }
2078
+ .Meta-module_rich__1XBtZ,
2079
+ .Meta-module_podcast__1m4zo,
2080
+ .Meta-module_episode__1K2Xv,
2081
+ .Meta-module_simple__3vUiI,
2082
+ .Meta-module_slide__3g6fG,
2083
+ .Meta-module_card__LE1RK,
2084
+ .Meta-module_game__3aNlZ,
2085
+ .Meta-module_isInMaterial__zaYMy {
2086
+ width: 100%;
1952
2087
 
1953
- list-style: none
2088
+ color: #757575;
1954
2089
  }
1955
- @media only screen and (min-device-width: 64em) {
1956
- .Toolbar-module_list__1n5ny {
1957
- margin: 0 0 0 -15px
2090
+ .Meta-module_podcast__1m4zo {
2091
+ fill: currentColor;
1958
2092
  }
1959
- }
1960
- .Toolbar-module_item__36x7d {
1961
- position: relative;
1962
-
1963
- min-width: 42px;
1964
- height: 32px;
1965
- padding-right: 10px;
1966
- padding-left: 10px;
1967
-
1968
- cursor: pointer;
1969
- transition: color 250ms ease;
1970
- text-align: center;
1971
-
1972
- color: #808080;
1973
-
1974
- line-height: 1
2093
+ .Meta-module_isInSearchItem__1wbpx {
2094
+ color: rgba(255, 255, 255, 0.7);
1975
2095
  }
1976
2096
  @media only screen and (min-device-width: 64em) {
1977
- .Toolbar-module_item__36x7d {
1978
- padding-right: 15px;
1979
- padding-left: 15px
2097
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2098
+ text-align: left
1980
2099
  }
1981
2100
  }
1982
- .Toolbar-module_item__36x7d:last-child {
1983
- margin-right: 0;
1984
- }
1985
- .Toolbar-module_item__36x7d::before {
1986
- position: absolute;
1987
- top: 7px;
1988
- left: 0;
1989
-
1990
- height: 18px;
1991
-
1992
- content: '';
1993
- vertical-align: middle;
1994
-
1995
- border-left: 1px solid rgba(0, 0, 0, 0.15);
1996
- }
1997
- .Toolbar-module_item__36x7d:empty {
1998
- display: none;
1999
- }
2000
- .Toolbar-module_isInTopbar__223iP {
2001
- height: 100%;
2101
+ @media only screen and (min-device-width: 32em) {
2102
+ .Meta-module_episode__1K2Xv,
2103
+ .Meta-module_card__LE1RK,
2104
+ .Meta-module_slide__3g6fG,
2105
+ .Meta-module_game__3aNlZ,
2106
+ .Meta-module_center__3BBPr {
2107
+ text-align: center
2002
2108
  }
2003
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2004
- height: 100%;
2109
+ }
2110
+ .Meta-module_light__2baE- {
2111
+ color: rgba(255, 255, 255, 0.6);
2112
+
2113
+ fill: currentColor;
2005
2114
  }
2006
- .Toolbar-module_center__3_H8M {
2007
- width: 100%;
2008
- max-width: 650px;
2009
- margin-right: auto;
2010
- margin-left: auto;
2115
+ .Meta-module_dark__24y9m {
2116
+ color: #757575;
2011
2117
  }
2012
- .Toolbar-module_game__5-jY_ {
2013
- margin-top: 11px
2118
+ .Meta-module_episode__1K2Xv,
2119
+ .Meta-module_card__LE1RK,
2120
+ .Meta-module_slide__3g6fG,
2121
+ .Meta-module_podcast__1m4zo {
2122
+ display: -webkit-box;
2123
+ display: -webkit-flex;
2124
+ display: -ms-flexbox;
2125
+ display: flex;
2126
+ align-items: center;
2127
+ flex-flow: row wrap
2014
2128
  }
2015
- @media only screen and (min-device-width: 32em) {
2016
- .Toolbar-module_game__5-jY_ {
2017
- margin-top: 18px
2129
+ @media only screen and (min-device-width: 48em) {
2130
+ .Meta-module_episode__1K2Xv,
2131
+ .Meta-module_card__LE1RK,
2132
+ .Meta-module_slide__3g6fG,
2133
+ .Meta-module_podcast__1m4zo {
2134
+ display: block
2018
2135
  }
2019
2136
  }
2020
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2021
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2022
- justify-content: center
2023
- }
2024
- @media only screen and (min-device-width: 32em) {
2025
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2026
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2137
+ @media only screen and (max-device-width: 32.1875em) {
2138
+ .Meta-module_hasSource__2lXiN {
2027
2139
  display: -webkit-box;
2028
2140
  display: -webkit-flex;
2029
2141
  display: -ms-flexbox;
2030
- display: flex
2142
+ display: flex;
2143
+ flex-flow: row wrap
2031
2144
  }
2032
2145
  }
2033
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2034
- width: 260px
2146
+ .Meta-module_bookmark__3ot3k {
2147
+ position: absolute;
2148
+ z-index: 10;
2149
+ right: -12px;
2150
+ bottom: -4px
2035
2151
  }
2036
2152
  @media only screen and (min-device-width: 32em) {
2037
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2038
- width: auto
2153
+ .Meta-module_bookmark__3ot3k {
2154
+ display: none
2039
2155
  }
2040
2156
  }
2041
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2042
- content: none
2043
- }
2157
+ /* VISIBILITY */
2044
2158
  @media only screen and (min-device-width: 32em) {
2045
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2046
- content: ''
2159
+ .Meta-module_mobile__22LGV {
2160
+ display: none
2047
2161
  }
2048
2162
  }
2049
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2050
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2051
- content: none;
2163
+ .Meta-module_desktop__1ZGUS {
2164
+ display: none
2052
2165
  }
2053
- @media only screen and (min-device-width: 64em) {
2054
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2055
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2056
- margin-left: 0
2166
+ @media only screen and (min-device-width: 32em) {
2167
+ .Meta-module_desktop__1ZGUS {
2168
+ display: block
2057
2169
  }
2058
2170
  }
2059
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2060
- border-left-color: rgba(255, 255, 255, 0.2);
2061
- }
2062
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
2063
- display: none;
2064
- }
2065
2171
 
2066
2172
  /* Colors */
2067
2173
  /* Fonts */
@@ -2180,105 +2286,51 @@
2180
2286
  /* 511 */
2181
2287
  /* 1023 */
2182
2288
  /* Zindex */
2183
- .Meta-module_root__12AG7 {
2184
- transform: translateZ(0);
2185
-
2186
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2187
- font-size: 12px;
2188
- line-height: 14px;
2189
-
2190
- fill: inherit;
2191
- }
2192
- .Meta-module_rich__1XBtZ,
2193
- .Meta-module_podcast__1m4zo,
2194
- .Meta-module_episode__1K2Xv,
2195
- .Meta-module_simple__3vUiI,
2196
- .Meta-module_slide__3g6fG,
2197
- .Meta-module_card__LE1RK,
2198
- .Meta-module_game__3aNlZ,
2199
- .Meta-module_isInMaterial__zaYMy {
2200
- width: 100%;
2201
-
2202
- color: #757575;
2203
- }
2204
- .Meta-module_podcast__1m4zo {
2205
- fill: currentColor;
2206
- }
2207
- .Meta-module_isInSearchItem__1wbpx {
2208
- color: rgba(255, 255, 255, 0.7);
2289
+ .CardTitle-module_root__1uqqF {
2290
+ margin-bottom: 11px
2209
2291
  }
2210
2292
  @media only screen and (min-device-width: 64em) {
2211
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2212
- text-align: left
2213
- }
2214
- }
2215
- @media only screen and (min-device-width: 32em) {
2216
- .Meta-module_episode__1K2Xv,
2217
- .Meta-module_card__LE1RK,
2218
- .Meta-module_slide__3g6fG,
2219
- .Meta-module_game__3aNlZ,
2220
- .Meta-module_center__3BBPr {
2293
+ .CardTitle-module_root__1uqqF {
2294
+ margin-bottom: 10px;
2295
+
2221
2296
  text-align: center
2222
2297
  }
2223
2298
  }
2224
- .Meta-module_light__2baE- {
2225
- color: rgba(255, 255, 255, 0.6);
2299
+ .CardTitle-module_index__4FsTf {
2300
+ margin-bottom: 7px;
2226
2301
 
2227
- fill: currentColor;
2228
- }
2229
- .Meta-module_dark__24y9m {
2230
- color: #757575;
2231
- }
2232
- .Meta-module_episode__1K2Xv,
2233
- .Meta-module_card__LE1RK,
2234
- .Meta-module_slide__3g6fG,
2235
- .Meta-module_podcast__1m4zo {
2236
- display: -webkit-box;
2237
- display: -webkit-flex;
2238
- display: -ms-flexbox;
2239
- display: flex;
2240
- align-items: center;
2241
- flex-flow: row wrap
2242
- }
2243
- @media only screen and (min-device-width: 48em) {
2244
- .Meta-module_episode__1K2Xv,
2245
- .Meta-module_card__LE1RK,
2246
- .Meta-module_slide__3g6fG,
2247
- .Meta-module_podcast__1m4zo {
2248
- display: block
2249
- }
2250
- }
2251
- @media only screen and (max-device-width: 32.1875em) {
2252
- .Meta-module_hasSource__2lXiN {
2253
- display: -webkit-box;
2254
- display: -webkit-flex;
2255
- display: -ms-flexbox;
2256
- display: flex;
2257
- flex-flow: row wrap
2302
+ color: #b88b59;
2303
+
2304
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2305
+ font-size: 20px;
2306
+ font-weight: 700;
2307
+ line-height: 24px;
2258
2308
  }
2259
- }
2260
- .Meta-module_bookmark__3ot3k {
2261
- position: absolute;
2262
- z-index: 10;
2263
- right: -12px;
2264
- bottom: -4px
2309
+ .CardTitle-module_title__2iTI6 {
2310
+ color: #1d1d1d;
2311
+
2312
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2313
+ font-size: 20px;
2314
+ font-weight: 700;
2315
+ line-height: 24px
2265
2316
  }
2266
- @media only screen and (min-device-width: 32em) {
2267
- .Meta-module_bookmark__3ot3k {
2268
- display: none
2317
+ @media only screen and (min-device-width: 64em) {
2318
+ .CardTitle-module_title__2iTI6 {
2319
+ font-size: 28px;
2320
+ line-height: 34px
2269
2321
  }
2270
2322
  }
2271
2323
  /* VISIBILITY */
2272
2324
  @media only screen and (min-device-width: 32em) {
2273
- .Meta-module_mobile__22LGV {
2325
+ .CardTitle-module_mobile__1_kij {
2274
2326
  display: none
2275
2327
  }
2276
2328
  }
2277
- .Meta-module_desktop__1ZGUS {
2329
+ .CardTitle-module_desktop__1l3_n {
2278
2330
  display: none
2279
2331
  }
2280
2332
  @media only screen and (min-device-width: 32em) {
2281
- .Meta-module_desktop__1ZGUS {
2333
+ .CardTitle-module_desktop__1l3_n {
2282
2334
  display: block
2283
2335
  }
2284
2336
  }
@@ -2375,55 +2427,94 @@
2375
2427
  /* 511 */
2376
2428
  /* 1023 */
2377
2429
  /* Zindex */
2378
- .CardTitle-module_root__1uqqF {
2379
- margin-bottom: 11px
2430
+ .GroupedBlock-module_root__2qfQA {
2431
+ max-width: 644px;
2432
+ margin: 15px auto 0
2380
2433
  }
2381
- @media only screen and (min-device-width: 64em) {
2382
- .CardTitle-module_root__1uqqF {
2383
- margin-bottom: 10px;
2384
-
2385
- text-align: center
2434
+ @media only screen and (min-device-width: 48em) {
2435
+ .GroupedBlock-module_root__2qfQA {
2436
+ max-width: none;
2437
+ margin-top: 25px;
2438
+ margin-bottom: 20px
2386
2439
  }
2387
2440
  }
2388
- .CardTitle-module_index__4FsTf {
2389
- margin-bottom: 7px;
2390
-
2391
- color: #b88b59;
2392
-
2393
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2394
- font-size: 20px;
2395
- font-weight: 700;
2396
- line-height: 24px;
2397
- }
2398
- .CardTitle-module_title__2iTI6 {
2399
- color: #1d1d1d;
2400
-
2401
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2402
- font-size: 20px;
2403
- font-weight: 700;
2404
- line-height: 24px
2441
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2442
+ margin-bottom: 15px;
2405
2443
  }
2406
- @media only screen and (min-device-width: 64em) {
2407
- .CardTitle-module_title__2iTI6 {
2408
- font-size: 28px;
2409
- line-height: 34px
2444
+ @media only screen and (min-device-width: 48em) {
2445
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2446
+ margin-top: 25px
2410
2447
  }
2411
2448
  }
2449
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2450
+ margin-bottom: 0;
2451
+ }
2452
+ .GroupedBlock-module_items__2DV2X {
2453
+ display: -webkit-box;
2454
+ display: -webkit-flex;
2455
+ display: -ms-flexbox;
2456
+ display: flex;
2457
+ flex-direction: column;
2458
+ flex-wrap: nowrap
2459
+ }
2460
+ @media only screen and (min-device-width: 48em) {
2461
+ .GroupedBlock-module_items__2DV2X {
2462
+ flex-direction: row
2463
+ }
2464
+ }
2465
+ .GroupedBlock-module_item__3sz9_ {
2466
+ flex-grow: 1;
2467
+
2468
+ width: 100%;
2469
+ min-width: 100%;
2470
+ max-width: 100%;
2471
+ margin-bottom: 20px
2472
+ }
2473
+ @media only screen and (min-device-width: 48em) {
2474
+ .GroupedBlock-module_item__3sz9_ {
2475
+ min-width: 0;
2476
+ max-width: none;
2477
+ margin-bottom: 0
2478
+ }
2479
+ }
2480
+ @media only screen and (min-device-width: 48em) {
2481
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2482
+ margin-left: 15px
2483
+ }
2484
+ }
2485
+ .GroupedBlock-module_figcaption__2Q_wf {
2486
+ max-width: 650px;
2487
+ margin-right: auto;
2488
+ margin-left: auto;
2489
+ }
2490
+ /* DISPLAY */
2491
+ @media only screen and (min-device-width: 48em) {
2492
+ .GroupedBlock-module_default__3ylw_ {
2493
+ max-width: 650px
2494
+ }
2495
+ }
2496
+ .GroupedBlock-module_full__1dzQR {
2497
+ max-width: 980px;
2498
+ }
2499
+ .GroupedBlock-module_super_full__1PU72 {
2500
+ max-width: 1680px;
2501
+ }
2412
2502
  /* VISIBILITY */
2413
2503
  @media only screen and (min-device-width: 32em) {
2414
- .CardTitle-module_mobile__1_kij {
2504
+ .GroupedBlock-module_mobile__3n8Ub {
2415
2505
  display: none
2416
2506
  }
2417
2507
  }
2418
- .CardTitle-module_desktop__1l3_n {
2508
+ .GroupedBlock-module_desktop__6ZRpA {
2419
2509
  display: none
2420
2510
  }
2421
2511
  @media only screen and (min-device-width: 32em) {
2422
- .CardTitle-module_desktop__1l3_n {
2512
+ .GroupedBlock-module_desktop__6ZRpA {
2423
2513
  display: block
2424
2514
  }
2425
2515
  }
2426
2516
 
2517
+
2427
2518
  /* Colors */
2428
2519
  /* Fonts */
2429
2520
  /* Gap */
@@ -2542,107 +2633,6 @@
2542
2633
  }
2543
2634
  }
2544
2635
 
2545
- /* Colors */
2546
- /* Fonts */
2547
- /* Gap */
2548
- /* Media */
2549
- /* 512 */
2550
- /* 650 */
2551
- /* 768 */
2552
- /* 1024 */
2553
- /* 1010 */
2554
- /* 1200 */
2555
- /* 511 */
2556
- /* 1023 */
2557
- /* Zindex */
2558
- .GroupedBlock-module_root__2qfQA {
2559
- max-width: 644px;
2560
- margin: 15px auto 0
2561
- }
2562
- @media only screen and (min-device-width: 48em) {
2563
- .GroupedBlock-module_root__2qfQA {
2564
- max-width: none;
2565
- margin-top: 25px;
2566
- margin-bottom: 20px
2567
- }
2568
- }
2569
- .GroupedBlock-module_hasFigcaption__2_mcf {
2570
- margin-bottom: 15px;
2571
- }
2572
- @media only screen and (min-device-width: 48em) {
2573
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2574
- margin-top: 25px
2575
- }
2576
- }
2577
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2578
- margin-bottom: 0;
2579
- }
2580
- .GroupedBlock-module_items__2DV2X {
2581
- display: -webkit-box;
2582
- display: -webkit-flex;
2583
- display: -ms-flexbox;
2584
- display: flex;
2585
- flex-direction: column;
2586
- flex-wrap: nowrap
2587
- }
2588
- @media only screen and (min-device-width: 48em) {
2589
- .GroupedBlock-module_items__2DV2X {
2590
- flex-direction: row
2591
- }
2592
- }
2593
- .GroupedBlock-module_item__3sz9_ {
2594
- flex-grow: 1;
2595
-
2596
- width: 100%;
2597
- min-width: 100%;
2598
- max-width: 100%;
2599
- margin-bottom: 20px
2600
- }
2601
- @media only screen and (min-device-width: 48em) {
2602
- .GroupedBlock-module_item__3sz9_ {
2603
- min-width: 0;
2604
- max-width: none;
2605
- margin-bottom: 0
2606
- }
2607
- }
2608
- @media only screen and (min-device-width: 48em) {
2609
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2610
- margin-left: 15px
2611
- }
2612
- }
2613
- .GroupedBlock-module_figcaption__2Q_wf {
2614
- max-width: 650px;
2615
- margin-right: auto;
2616
- margin-left: auto;
2617
- }
2618
- /* DISPLAY */
2619
- @media only screen and (min-device-width: 48em) {
2620
- .GroupedBlock-module_default__3ylw_ {
2621
- max-width: 650px
2622
- }
2623
- }
2624
- .GroupedBlock-module_full__1dzQR {
2625
- max-width: 980px;
2626
- }
2627
- .GroupedBlock-module_super_full__1PU72 {
2628
- max-width: 1680px;
2629
- }
2630
- /* VISIBILITY */
2631
- @media only screen and (min-device-width: 32em) {
2632
- .GroupedBlock-module_mobile__3n8Ub {
2633
- display: none
2634
- }
2635
- }
2636
- .GroupedBlock-module_desktop__6ZRpA {
2637
- display: none
2638
- }
2639
- @media only screen and (min-device-width: 32em) {
2640
- .GroupedBlock-module_desktop__6ZRpA {
2641
- display: block
2642
- }
2643
- }
2644
-
2645
-
2646
2636
  /* Colors */
2647
2637
  /* Fonts */
2648
2638
  /* Gap */
@@ -3677,107 +3667,94 @@ a mark {
3677
3667
  /* 511 */
3678
3668
  /* 1023 */
3679
3669
  /* Zindex */
3680
- .SourceBlock-module_root__1P3XD {
3681
- display: block;
3670
+ .MetaItem-module_root__2VQom {
3671
+ display: inline;
3682
3672
 
3683
- margin: 18px 0 15px;
3684
- padding: 12px 11px 13px;
3673
+ margin-right: 15px;
3674
+ }
3675
+ .MetaItem-module_root__2VQom > svg {
3676
+ display: inline-block;
3685
3677
 
3686
- color: #000;
3687
- border-left: 4px solid #b88b59;
3688
- border-radius: 2px 8px 8px 2px;
3689
- background-color: #f5f5f5;
3678
+ margin-right: 1px;
3690
3679
 
3691
- font-size: 16px;
3692
- line-height: 20px
3693
- }
3694
- @media only screen and (min-device-width: 48em) {
3695
- .SourceBlock-module_root__1P3XD {
3696
- margin-top: 25px;
3697
- margin-bottom: 25px;
3698
- padding: 18px 16px 12px
3699
- }
3700
- }
3701
- .SourceBlock-module_root__1P3XD:hover,
3702
- .SourceBlock-module_root__1P3XD:visited {
3703
- background-color: #ededed;
3704
- }
3705
- .SourceBlock-module_root__1P3XD blockquote {
3706
- margin: 0;
3680
+ vertical-align: top;
3681
+
3682
+ color: inherit;
3683
+
3684
+ fill: currentColor;
3707
3685
  }
3708
- .SourceBlock-module_root__1P3XD a {
3709
- text-decoration: none;
3686
+ .MetaItem-module_root__2VQom a {
3687
+ display: inline;
3688
+
3689
+ text-decoration: underline;
3710
3690
 
3711
3691
  color: inherit;
3692
+
3693
+ -webkit-text-decoration-skip: auto;
3712
3694
  }
3713
- .SourceBlock-module_text__Si4vm {
3714
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3695
+ .MetaItem-module_root__2VQom a:hover {
3696
+ color: #b88b59;
3715
3697
  }
3716
- .SourceBlock-module_text__Si4vm p {
3717
- margin: 0;
3698
+ .MetaItem-module_hasBullets__CkQPI {
3699
+ margin-right: 0;
3700
+ }
3701
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3702
+ display: inline-block;
3718
3703
 
3719
- font-size: 16px;
3720
- line-height: 22px
3704
+ padding-right: 0.4em;
3705
+ padding-left: 0.4em;
3706
+
3707
+ content: '\B7';
3721
3708
  }
3722
- @media only screen and (min-device-width: 48em) {
3723
- .SourceBlock-module_text__Si4vm p {
3724
- font-size: 18px;
3725
- line-height: 26px
3709
+ @media only screen and (max-device-width: 32.1875em) {
3710
+ .MetaItem-module_hasSource__1DmCI {
3711
+ width: 100%;
3712
+ margin-top: 3px;
3713
+ margin-bottom: 3px
3726
3714
  }
3727
3715
  }
3728
- .SourceBlock-module_root__1P3XD p + p {
3729
- margin-top: 12px;
3716
+ @media only screen and (max-device-width: 32.1875em) {
3717
+ .MetaItem-module_hasSource__1DmCI:first-child {
3718
+ margin-top: 0
3730
3719
  }
3731
- .SourceBlock-module_root__1P3XD footer {
3732
- margin-top: 12px;
3733
- padding-top: 10px;
3734
-
3735
- border-top: 1px solid #d6d6d6
3720
+ }
3721
+ .MetaItem-module_hasSource__1DmCI:last-child {
3722
+ margin-bottom: 0;
3736
3723
  }
3737
- @media only screen and (min-device-width: 48em) {
3738
- .SourceBlock-module_root__1P3XD footer {
3739
- margin-top: 18px;
3740
- padding-top: 12px
3724
+ @media only screen and (max-device-width: 32.1875em) {
3725
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3726
+ display: none
3741
3727
  }
3742
3728
  }
3743
- .SourceBlock-module_origin__l3JbO {
3744
- letter-spacing: 1px;
3745
- text-transform: uppercase;
3746
- pointer-events: none;
3747
-
3748
- color: #292929;
3749
-
3750
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3751
- font-size: 16px;
3752
- font-weight: bold;
3753
- font-style: normal;
3754
- line-height: 22px
3755
- }
3756
- @media only screen and (min-device-width: 48em) {
3757
- .SourceBlock-module_origin__l3JbO {
3758
- font-size: 18px;
3759
- line-height: 26px
3729
+ @media only screen and (max-device-width: 32.1875em) {
3730
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3731
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3732
+ display: inline-block
3760
3733
  }
3761
3734
  }
3762
- .SourceBlock-module_center__3P93B {
3763
- max-width: 650px;
3764
- margin-right: auto;
3765
- margin-left: auto;
3766
- }
3767
- /* VISIBILITY */
3768
- @media only screen and (min-device-width: 32em) {
3769
- .SourceBlock-module_mobile__2gw4S {
3770
- display: none
3735
+ @media only screen and (max-device-width: 32.1875em) {
3736
+ .MetaItem-module_datetime__3tOWm,
3737
+ .MetaItem-module_listened__lwvAO,
3738
+ .MetaItem-module_read__5eAIG {
3739
+ width: auto
3771
3740
  }
3772
3741
  }
3773
- .SourceBlock-module_desktop__DecT6 {
3774
- display: none
3742
+ @media only screen and (max-device-width: 32.1875em) {
3743
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3744
+ order: -2
3775
3745
  }
3776
- @media only screen and (min-device-width: 32em) {
3777
- .SourceBlock-module_desktop__DecT6 {
3778
- display: block
3746
+ }
3747
+ @media only screen and (max-device-width: 32.1875em) {
3748
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3749
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3750
+ order: -1;
3751
+
3752
+ margin-top: 0
3779
3753
  }
3780
3754
  }
3755
+ .MetaItem-module_read__5eAIG svg {
3756
+ margin-top: -1px;
3757
+ }
3781
3758
 
3782
3759
  /* Colors */
3783
3760
  /* Fonts */
@@ -3792,192 +3769,104 @@ a mark {
3792
3769
  /* 511 */
3793
3770
  /* 1023 */
3794
3771
  /* Zindex */
3795
- .Spoiler-module_root__1OfSR {
3796
- width: 100%;
3797
- margin: 15px 0;
3798
- padding: 21px 0 22px;
3772
+ .SourceBlock-module_root__1P3XD {
3773
+ display: block;
3799
3774
 
3800
- border-top: 3px solid rgba(0, 0, 0, 0.1);
3801
- border-bottom: 3px solid rgba(0, 0, 0, 0.1)
3802
- }
3803
- @media only screen and (min-device-width: 32em) {
3804
- .Spoiler-module_root__1OfSR {
3805
- display: -webkit-box;
3806
- display: -webkit-flex;
3807
- display: -ms-flexbox;
3808
- display: flex;
3809
- flex-flow: column nowrap;
3775
+ margin: 18px 0 15px;
3776
+ padding: 12px 11px 17px;
3810
3777
 
3811
- margin: 25px auto 20px;
3812
- padding: 20px 0
3778
+ color: #000;
3779
+ border-radius: 2px 8px 8px 2px;
3780
+ background-color: #f5f5f5;
3781
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
3782
+
3783
+ font-size: 16px;
3784
+ line-height: 20px
3813
3785
  }
3814
- }
3815
- .Spoiler-module_root__1OfSR:last-child {
3816
- margin-bottom: 0;
3786
+ @media only screen and (min-device-width: 48em) {
3787
+ .SourceBlock-module_root__1P3XD {
3788
+ margin-top: 25px;
3789
+ margin-bottom: 25px;
3790
+ padding: 18px 16px 16px
3817
3791
  }
3818
- .Spoiler-module_root__1OfSR:first-child {
3819
- margin-top: 0;
3792
+ }
3793
+ .SourceBlock-module_root__1P3XD:hover,
3794
+ .SourceBlock-module_root__1P3XD:visited {
3795
+ background-color: #ededed;
3820
3796
  }
3821
- .Spoiler-module_header__1rZUs {
3822
- display: -webkit-box;
3823
- display: -webkit-flex;
3824
- display: -ms-flexbox;
3825
- display: flex;
3826
- flex-flow: column nowrap;
3827
- justify-content: center;
3797
+ .SourceBlock-module_root__1P3XD blockquote {
3798
+ margin: 0;
3828
3799
  }
3829
- .Spoiler-module_header__1rZUs h3 {
3830
- margin-top: 0;
3831
- margin-bottom: 18px;
3800
+ .SourceBlock-module_root__1P3XD a {
3801
+ text-decoration: none;
3832
3802
 
3833
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3834
- font-size: 21px;
3835
- font-weight: 700;
3836
- line-height: 26px
3803
+ color: inherit;
3837
3804
  }
3838
- @media only screen and (min-device-width: 32em) {
3839
- .Spoiler-module_header__1rZUs h3 {
3840
- margin-bottom: 20px;
3841
-
3842
- font-size: 28px;
3843
- line-height: 34px
3805
+ .SourceBlock-module_text__Si4vm {
3806
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3844
3807
  }
3845
- }
3846
- .Spoiler-module_body__Q1e_c {
3847
- display: none;
3808
+ .SourceBlock-module_text__Si4vm p {
3809
+ margin: 0;
3848
3810
 
3849
- width: 100%;
3850
- margin-right: auto;
3851
- margin-left: auto;
3852
- padding-bottom: 13px
3811
+ font-size: 16px;
3812
+ line-height: 22px
3853
3813
  }
3854
- @media only screen and (min-device-width: 32em) {
3855
- .Spoiler-module_body__Q1e_c {
3856
- order: 2;
3857
-
3858
- padding-top: 25px;
3859
- padding-bottom: 0
3814
+ @media only screen and (min-device-width: 48em) {
3815
+ .SourceBlock-module_text__Si4vm p {
3816
+ font-size: 18px;
3817
+ line-height: 26px
3860
3818
  }
3861
3819
  }
3862
- .Spoiler-module_spoiled__1A5r4 {
3863
- min-height: auto;
3864
- }
3865
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
3866
- display: block;
3867
- }
3868
- .Spoiler-module_footer__23mh7 {
3869
- position: static;
3820
+ .SourceBlock-module_root__1P3XD p + p {
3821
+ margin-top: 12px;
3870
3822
  }
3871
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3872
- position: -webkit-sticky;
3873
- position: sticky;
3874
- z-index: 10;
3875
- bottom: 0;
3876
-
3877
- margin-right: -20px;
3878
- margin-left: -20px;
3879
- padding: 12px 20px 20px;
3880
-
3881
- -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3882
-
3883
- animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3884
-
3885
- background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff) );
3886
-
3887
- background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0) 0%, #fff 64% );
3823
+ .SourceBlock-module_root__1P3XD footer {
3824
+ margin-top: 12px;
3825
+ padding-top: 10px;
3888
3826
 
3889
- background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #fff 64% )
3827
+ border-top: 1px solid #d6d6d6
3890
3828
  }
3891
- @media only screen and (min-device-width: 32em) {
3892
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3893
- position: static;
3894
-
3895
- margin-right: 0;
3896
- margin-left: 0;
3897
- padding: 0;
3898
-
3899
- -webkit-animation: none;
3900
-
3901
- animation: none;
3902
-
3903
- background-image: none
3829
+ @media only screen and (min-device-width: 48em) {
3830
+ .SourceBlock-module_root__1P3XD footer {
3831
+ margin-top: 18px;
3832
+ padding-top: 12px
3904
3833
  }
3905
3834
  }
3906
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3907
- position: absolute;
3908
- z-index: -1;
3909
- top: 100%;
3910
- right: 0;
3911
- left: 0;
3912
-
3913
- height: 16px;
3835
+ .SourceBlock-module_origin__l3JbO {
3836
+ letter-spacing: 1px;
3837
+ text-transform: uppercase;
3838
+ pointer-events: none;
3914
3839
 
3915
- content: '';
3840
+ color: #292929;
3916
3841
 
3917
- background-color: #fff
3918
- }
3919
- @media only screen and (min-device-width: 32em) {
3920
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3921
- content: none
3922
- }
3923
- }
3924
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
3925
- transform: rotate(180deg) translateY(1px);
3842
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3843
+ font-size: 16px;
3844
+ font-weight: bold;
3845
+ font-style: normal;
3846
+ line-height: 22px
3926
3847
  }
3927
- @media only screen and (min-device-width: 32em) {
3928
- .Spoiler-module_center__tq1m0 {
3929
- max-width: 980px;
3930
- margin-right: auto;
3931
- margin-left: auto
3848
+ @media only screen and (min-device-width: 48em) {
3849
+ .SourceBlock-module_origin__l3JbO {
3850
+ font-size: 18px;
3851
+ line-height: 26px
3932
3852
  }
3933
3853
  }
3934
- .Spoiler-module_full__1QFqR {
3935
- max-width: 980px;
3936
- }
3937
- .Spoiler-module_default__2Kjx8 {
3854
+ .SourceBlock-module_center__3P93B {
3938
3855
  max-width: 650px;
3856
+ margin-right: auto;
3857
+ margin-left: auto;
3939
3858
  }
3940
- @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
3941
- 0% {
3942
- transform: translateY(62px);
3943
- }
3944
- 50% {
3945
- transform: translateY(-16px);
3946
- }
3947
- 100% {
3948
- transform: translateY(0);
3949
- }
3950
- }
3951
- @keyframes Spoiler-module_spoilerSticky__3Kd30 {
3952
- 0% {
3953
- transform: translateY(62px);
3954
- }
3955
- 50% {
3956
- transform: translateY(-16px);
3957
- }
3958
- 100% {
3959
- transform: translateY(0);
3960
- }
3961
- }
3962
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3963
- bottom: 45px
3964
- }
3965
- @media only screen and (min-device-width: 32em) {
3966
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3967
- bottom: 46px
3968
- }
3969
- }
3970
3859
  /* VISIBILITY */
3971
3860
  @media only screen and (min-device-width: 32em) {
3972
- .Spoiler-module_mobile__2BPt8 {
3861
+ .SourceBlock-module_mobile__2gw4S {
3973
3862
  display: none
3974
3863
  }
3975
3864
  }
3976
- .Spoiler-module_desktop__1BIFJ {
3865
+ .SourceBlock-module_desktop__DecT6 {
3977
3866
  display: none
3978
3867
  }
3979
3868
  @media only screen and (min-device-width: 32em) {
3980
- .Spoiler-module_desktop__1BIFJ {
3869
+ .SourceBlock-module_desktop__DecT6 {
3981
3870
  display: block
3982
3871
  }
3983
3872
  }
@@ -4179,94 +4068,227 @@ a mark {
4179
4068
  /* 511 */
4180
4069
  /* 1023 */
4181
4070
  /* Zindex */
4182
- .MetaItem-module_root__2VQom {
4183
- display: inline;
4071
+ .Spoiler-module_root__1OfSR {
4072
+ width: 100%;
4073
+ margin: 15px 0;
4074
+ padding: 21px 0 22px;
4184
4075
 
4185
- margin-right: 15px;
4076
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
4077
+ border-bottom: 3px solid rgba(0, 0, 0, 0.1)
4186
4078
  }
4187
- .MetaItem-module_root__2VQom > svg {
4188
- display: inline-block;
4189
-
4190
- margin-right: 1px;
4079
+ @media only screen and (min-device-width: 32em) {
4080
+ .Spoiler-module_root__1OfSR {
4081
+ display: -webkit-box;
4082
+ display: -webkit-flex;
4083
+ display: -ms-flexbox;
4084
+ display: flex;
4085
+ flex-flow: column nowrap;
4191
4086
 
4192
- vertical-align: top;
4087
+ margin: 25px auto 20px;
4088
+ padding: 20px 0
4089
+ }
4090
+ }
4091
+ .Spoiler-module_root__1OfSR:last-child {
4092
+ margin-bottom: 0;
4093
+ }
4094
+ .Spoiler-module_root__1OfSR:first-child {
4095
+ margin-top: 0;
4096
+ }
4097
+ .Spoiler-module_header__1rZUs {
4098
+ display: -webkit-box;
4099
+ display: -webkit-flex;
4100
+ display: -ms-flexbox;
4101
+ display: flex;
4102
+ flex-flow: column nowrap;
4103
+ justify-content: center;
4104
+ }
4105
+ .Spoiler-module_header__1rZUs h3 {
4106
+ margin-top: 0;
4107
+ margin-bottom: 18px;
4193
4108
 
4194
- color: inherit;
4109
+ font-weight: 700;
4110
+ font-size: 21px;
4195
4111
 
4196
- fill: currentColor;
4112
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4113
+ line-height: 26px
4197
4114
  }
4198
- .MetaItem-module_root__2VQom a {
4199
- display: inline;
4115
+ @media only screen and (min-device-width: 32em) {
4116
+ .Spoiler-module_header__1rZUs h3 {
4117
+ margin-bottom: 20px;
4200
4118
 
4201
- text-decoration: underline;
4119
+ font-size: 28px;
4120
+ line-height: 34px
4121
+ }
4122
+ }
4123
+ .Spoiler-module_body__Q1e_c {
4124
+ display: none;
4202
4125
 
4203
- color: inherit;
4126
+ width: 100%;
4127
+ margin-right: auto;
4128
+ margin-left: auto;
4129
+ padding-bottom: 13px
4130
+ }
4131
+ @media only screen and (min-device-width: 32em) {
4132
+ .Spoiler-module_body__Q1e_c {
4133
+ order: 2;
4204
4134
 
4205
- -webkit-text-decoration-skip: auto;
4135
+ padding-top: 25px;
4136
+ padding-bottom: 0
4206
4137
  }
4207
- .MetaItem-module_root__2VQom a:hover {
4208
- color: #b88b59;
4138
+ }
4139
+ .Spoiler-module_spoiled__1A5r4 {
4140
+ min-height: auto
4209
4141
  }
4210
- .MetaItem-module_hasBullets__CkQPI {
4211
- margin-right: 0;
4142
+ @media only screen and (max-device-width: 32.1875em) {
4143
+ .Spoiler-module_spoiled__1A5r4 {
4144
+ padding-bottom: 0
4212
4145
  }
4213
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4214
- display: inline-block;
4146
+ }
4147
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
4148
+ display: block;
4149
+ }
4150
+ .Spoiler-module_footer__23mh7 {
4151
+ position: static;
4152
+ }
4153
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4154
+ position: -webkit-sticky;
4155
+ position: sticky;
4156
+ bottom: 0;
4157
+ z-index: 10;
4215
4158
 
4216
- padding-right: 0.4em;
4217
- padding-left: 0.4em;
4159
+ margin-right: -20px;
4160
+ margin-left: -20px;
4161
+ padding: 12px 20px 20px;
4218
4162
 
4219
- content: '\B7';
4163
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
4164
+
4165
+ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
4166
+
4167
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%);
4168
+
4169
+ -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
4170
+
4171
+ animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
4220
4172
  }
4221
- @media only screen and (max-device-width: 32.1875em) {
4222
- .MetaItem-module_hasSource__1DmCI {
4223
- width: 100%;
4224
- margin-top: 3px;
4225
- margin-bottom: 3px
4173
+ @media only screen and (min-device-width: 32em) {
4174
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4175
+ position: static;
4176
+
4177
+ margin-right: 0;
4178
+ margin-left: 0;
4179
+ padding: 0;
4180
+
4181
+ background-image: none;
4182
+
4183
+ -webkit-animation: none;
4184
+
4185
+ animation: none
4226
4186
  }
4227
4187
  }
4228
- @media only screen and (max-device-width: 32.1875em) {
4229
- .MetaItem-module_hasSource__1DmCI:first-child {
4230
- margin-top: 0
4188
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4189
+ position: absolute;
4190
+ top: 100%;
4191
+ right: 0;
4192
+ left: 0;
4193
+ z-index: -1;
4194
+
4195
+ height: 16px;
4196
+
4197
+ background-color: #fff;
4198
+
4199
+ -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4200
+
4201
+ animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4202
+
4203
+ content: ''
4204
+ }
4205
+ @media only screen and (min-device-width: 32em) {
4206
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4207
+ content: none
4231
4208
  }
4232
4209
  }
4233
- .MetaItem-module_hasSource__1DmCI:last-child {
4234
- margin-bottom: 0;
4210
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
4211
+ transform: rotate(180deg) translateY(1px);
4235
4212
  }
4236
- @media only screen and (max-device-width: 32.1875em) {
4237
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4238
- display: none
4213
+ @media only screen and (min-device-width: 32em) {
4214
+ .Spoiler-module_center__tq1m0 {
4215
+ max-width: 980px;
4216
+ margin-right: auto;
4217
+ margin-left: auto
4239
4218
  }
4240
4219
  }
4241
- @media only screen and (max-device-width: 32.1875em) {
4242
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4243
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4244
- display: inline-block
4220
+ .Spoiler-module_full__1QFqR {
4221
+ max-width: 980px;
4245
4222
  }
4223
+ .Spoiler-module_default__2Kjx8 {
4224
+ max-width: 650px;
4225
+ }
4226
+ @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
4227
+ 0% {
4228
+ transform: translateY(62px);
4229
+ }
4230
+
4231
+ 50% {
4232
+ transform: translateY(-16px);
4233
+ }
4234
+
4235
+ 100% {
4236
+ transform: translateY(0);
4246
4237
  }
4247
- @media only screen and (max-device-width: 32.1875em) {
4248
- .MetaItem-module_datetime__3tOWm,
4249
- .MetaItem-module_listened__lwvAO,
4250
- .MetaItem-module_read__5eAIG {
4251
- width: auto
4252
4238
  }
4239
+ @keyframes Spoiler-module_spoilerSticky__3Kd30 {
4240
+ 0% {
4241
+ transform: translateY(62px);
4242
+ }
4243
+
4244
+ 50% {
4245
+ transform: translateY(-16px);
4246
+ }
4247
+
4248
+ 100% {
4249
+ transform: translateY(0);
4253
4250
  }
4254
- @media only screen and (max-device-width: 32.1875em) {
4255
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4256
- order: -2
4257
4251
  }
4252
+ @-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4253
+ 0% {
4254
+ background-color: #fff;
4258
4255
  }
4259
- @media only screen and (max-device-width: 32.1875em) {
4260
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4261
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4262
- order: -1;
4263
4256
 
4264
- margin-top: 0
4257
+ 100% {
4258
+ background-color: transparent;
4259
+ }
4265
4260
  }
4261
+ @keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4262
+ 0% {
4263
+ background-color: #fff;
4266
4264
  }
4267
- .MetaItem-module_read__5eAIG svg {
4268
- margin-top: -1px;
4265
+
4266
+ 100% {
4267
+ background-color: transparent;
4268
+ }
4269
+ }
4270
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4271
+ bottom: 45px
4272
+ }
4273
+ @media only screen and (min-device-width: 32em) {
4274
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4275
+ bottom: 46px
4269
4276
  }
4277
+ }
4278
+ /* VISIBILITY */
4279
+ @media only screen and (min-device-width: 32em) {
4280
+ .Spoiler-module_mobile__2BPt8 {
4281
+ display: none
4282
+ }
4283
+ }
4284
+ .Spoiler-module_desktop__1BIFJ {
4285
+ display: none
4286
+ }
4287
+ @media only screen and (min-device-width: 32em) {
4288
+ .Spoiler-module_desktop__1BIFJ {
4289
+ display: block
4290
+ }
4291
+ }
4270
4292
 
4271
4293
  /* stylelint-disable declaration-empty-line-before */
4272
4294
  /* Colors */