@meduza/ui-kit-2 0.0.1 → 0.1.0

package/dist/ui-kit-2.esm.js

@@ -1,4 +1,9 @@
-import React from 'react';
+import React, { useState, useEffect, useContext, Children, useRef, useCallback } from 'react';
+import { useInView } from 'react-intersection-observer';
+import dayjs from 'dayjs';
+import 'dayjs/locale/ru';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import enableInlineVideo from 'iphone-inline-video';
 
 var makeClassName = function makeClassName(list) {
   return list.filter(function (_ref) {
@@ -70,7 +75,7 @@ var Button = function Button(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'default' : _ref$size,
       _ref$state = _ref.state,
-      state = _ref$state === void 0 ? 'default' : _ref$state,
+      state = _ref$state === void 0 ? 'isDefault' : _ref$state,
       _ref$styleContext = _ref.styleContext,
       styleContext = _ref$styleContext === void 0 ? 'isInToolbar' : _ref$styleContext,
       _ref$disabled = _ref.disabled,
@@ -97,5 +102,2206 @@ var Button = function Button(_ref) {
   }, React.createElement(Loader, null)) : children);
 };
 
-export { Button };
+var css_248z$1 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.SvgSymbol-module_root__2CsRW {\n  width: 100%;\n  height: 100%;\n\n  vertical-align: middle;\n}\n.SvgSymbol-module_small__2g6oR {\n  height: 14px;\n}\n.SvgSymbol-module_normal__9lFn1 {\n  height: 14px;\n}\n.SvgSymbol-module_medium__2eF5L {\n  width: 24px;\n  height: 24px;\n}\n.SvgSymbol-module_large__2kQrt {\n  width: 42px;\n  height: 42px;\n}\n.SvgSymbol-module_adaptive__3_68T {\n  width: 100%;\n  height: 100%;\n}\n.SvgSymbol-module_fb__1whmw {\n  width: 16px;\n\n  fill: #304591;\n}\n.SvgSymbol-module_vk__3VEuu {\n  width: 20px;\n\n  fill: #527397;\n}\n.SvgSymbol-module_ok__2_1Qb {\n  width: 9px;\n\n  fill: #eb722e;\n}\n.SvgSymbol-module_tw__2VRG5 {\n  width: 20px;\n\n  fill: #31adf4;\n}\n.SvgSymbol-module_tg__2xe2f {\n  width: 18px;\n\n  fill: #2ba5e0;\n}\n.SvgSymbol-module_reaction__rrJvf {\n  width: 16px;\n\n  color: #b88b59;\n\n  fill: #262626;\n}\n.SvgSymbol-module_card__1XAqw,\n.SvgSymbol-module_podcast__3oPoo,\n.SvgSymbol-module_read__2V82i,\n.SvgSymbol-module_listened__1oMFV {\n  width: 15px;\n  height: 15px;\n}\n.SvgSymbol-module_menu__2iYFt {\n  width: 24px;\n  height: 24px;\n}\n.SvgSymbol-module_cross__J2lCN {\n  width: 14px;\n  height: 14px;\n}\n.SvgSymbol-module_isInFeature__cDeTI,\n.SvgSymbol-module_isInCard__pKq4e {\n  width: 16px;\n  height: 16px;\n}\n.SvgSymbol-module_isInTopicBlockItem__3Te91 {\n  width: 16px;\n  height: 16px;\n}\n.SvgSymbol-module_isInPageStatic__H31Rd {\n  width: 64px;\n  height: 64px;\n}\n.SvgSymbol-module_isInMaterialMeta__2IbAw {\n  margin-right: 6px;\n}\n.SvgSymbol-module_isInAudioPlayer__2xlzW {\n  width: 29px;\n  height: 29px;\n\n  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n\n          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n}\n.SvgSymbol-module_isInEpisodeBlock__2vY3o {\n  width: 38px;\n  height: 38px;\n\n  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n\n          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n}\n.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {\n  width: 34px;\n  height: 28px\n}\n@media only screen and (min-device-width: 40.625em) {\n.SvgSymbol-module_isInButtonPlaybackRate__1L3TW {\n    width: 28px;\n    height: 22px\n}\n  }\n.SvgSymbol-module_isInButtonBackward__1Grf9,\n.SvgSymbol-module_isInButtonForward__D1AFL {\n  width: 28px;\n  height: 28px\n}\n@media only screen and (min-device-width: 40.625em) {\n.SvgSymbol-module_isInButtonBackward__1Grf9,\n.SvgSymbol-module_isInButtonForward__D1AFL {\n    width: 22px;\n    height: 22px\n}\n  }\n.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {\n  width: 18px;\n  height: 18px;\n}\n.SvgSymbol-module_play__pM-qY {\n  width: 100%;\n  height: 100%;\n}\n.SvgSymbol-module_meduzaLogo__2Ouzp {\n  width: 92px;\n  height: 20px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_meduzaLogo__2Ouzp {\n    width: 100px;\n    height: 45px\n}\n  }\n.SvgSymbol-module_arrow__11naX {\n  width: 12px;\n  height: 12px;\n}\n.SvgSymbol-module_oil__hvHE5 {\n  width: 9px;\n  height: 12px;\n}\n.SvgSymbol-module_search__VK6p3 {\n  width: 24px;\n  height: 24px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_search__VK6p3 {\n    width: 16px;\n    height: 16px\n}\n  }\n.SvgSymbol-module_user__1MGim {\n  width: 14px;\n  height: 14px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_user__1MGim {\n    width: 16px;\n    height: 16px\n}\n  }\n.SvgSymbol-module_bookmark__2z7tX {\n  width: 17px;\n  height: auto;\n\n  cursor: pointer;\n\n  stroke-width: 2px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_bookmark__2z7tX {\n    width: 14px;\n\n    stroke-width: 1.5px\n}\n  }\n.SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {\n  width: 14px;\n}\n.SvgSymbol-module_receipt__3Eqow {\n  width: 10px;\n  height: 13px;\n}\n.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {\n  width: 22px;\n  height: 22px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {\n    width: 14px;\n    height: 14px\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {\n    stroke-width: 1.5px\n}\n  }\n.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {\n  stroke-width: 1.8px\n}\n@media only screen and (min-device-width: 64em) {\n.SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {\n    stroke-width: 1.3px\n}\n  }\n";
+var styles$1 = {"root":"SvgSymbol-module_root__2CsRW","small":"SvgSymbol-module_small__2g6oR","normal":"SvgSymbol-module_normal__9lFn1","medium":"SvgSymbol-module_medium__2eF5L","large":"SvgSymbol-module_large__2kQrt","adaptive":"SvgSymbol-module_adaptive__3_68T","fb":"SvgSymbol-module_fb__1whmw","vk":"SvgSymbol-module_vk__3VEuu","ok":"SvgSymbol-module_ok__2_1Qb","tw":"SvgSymbol-module_tw__2VRG5","tg":"SvgSymbol-module_tg__2xe2f","reaction":"SvgSymbol-module_reaction__rrJvf","card":"SvgSymbol-module_card__1XAqw","podcast":"SvgSymbol-module_podcast__3oPoo","read":"SvgSymbol-module_read__2V82i","listened":"SvgSymbol-module_listened__1oMFV","menu":"SvgSymbol-module_menu__2iYFt","cross":"SvgSymbol-module_cross__J2lCN","isInFeature":"SvgSymbol-module_isInFeature__cDeTI","isInCard":"SvgSymbol-module_isInCard__pKq4e","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__3Te91","isInPageStatic":"SvgSymbol-module_isInPageStatic__H31Rd","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__2IbAw","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__2xlzW","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__2vY3o","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__1L3TW","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__1Grf9","isInButtonForward":"SvgSymbol-module_isInButtonForward__D1AFL","isInToolbar":"SvgSymbol-module_isInToolbar__3SaIh","play":"SvgSymbol-module_play__pM-qY","meduzaLogo":"SvgSymbol-module_meduzaLogo__2Ouzp","arrow":"SvgSymbol-module_arrow__11naX","oil":"SvgSymbol-module_oil__hvHE5","search":"SvgSymbol-module_search__VK6p3","user":"SvgSymbol-module_user__1MGim","bookmark":"SvgSymbol-module_bookmark__2z7tX","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
+styleInject(css_248z$1);
+
+var icons = {
+  meduzaLogo: {
+    width: 544,
+    height: 115,
+    content: '<path d="M59.1008614,49.65632 L59.1008614,106.01472 L84.9480411,114.24 L84.9480411,49.65632 L101.574882,49.65632 L101.574882,106.01472 L127.270909,114.24 L144.048902,91.392 L127.422062,91.392 L127.422062,35.7952 L101.726035,26.80832 L84.9480411,46.60992 L84.9480411,35.7952 L59.2520145,26.80832 L42.4740206,46.60992 L42.4740206,35.7952 L16.7779939,26.80832 L0,49.65632 L16.6268408,49.65632 L16.6268408,106.01472 L42.4740206,114.24 L42.4740206,49.65632 L59.1008614,49.65632 L59.1008614,49.65632 Z M336.61795,91.392 L336.61795,35.0336 L310.770769,26.80832 L310.770769,105.25312 L336.466796,114.24 L353.24479,94.4384 L353.24479,105.25312 L378.940817,114.24 L395.71881,91.392 L379.091969,91.392 L379.091969,35.0336 L353.24479,26.80832 L353.24479,91.392 L336.61795,91.392 L336.61795,91.392 Z M527.373159,38.08 L502.130592,26.80832 L472.202278,41.1264 L502.130592,52.39808 L461.016949,72.352 L461.016949,104.94848 L486.86413,114.24 L502.130592,94.28608 L502.130592,105.25312 L527.977771,114.24 L544,91.23968 L527.373159,91.23968 L527.373159,38.08 L527.373159,38.08 Z M177.453737,114.24 L207.079744,102.35904 L177.453737,91.23968 L177.453737,75.24608 L216.300083,56.3584 L194.231731,26.80832 L151.606557,47.37152 L151.606557,103.12064 L177.453737,114.24 L177.453737,114.24 Z M455.424284,89.56416 L423.984441,79.968 L453.459295,42.19264 L416.577937,26.80832 L397.230341,51.48416 L428.821339,61.23264 L398.741873,98.85568 L436.076687,114.24 L455.424284,89.56416 L455.424284,89.56416 Z M486.86413,91.392 L486.86413,68.84864 L502.130592,61.53728 L502.130592,91.392 L486.86413,91.392 L486.86413,91.392 Z M177.453737,41.58336 L190.452904,59.55712 L177.453737,65.80224 L177.453737,41.58336 L177.453737,41.58336 Z M222.95082,103.12064 L248.797999,114.24 L291.27202,97.18016 L291.27202,29.7024 L222.95082,0 L222.95082,26.30784 L265.424841,43.21536 L265.424841,97.33248 L248.797999,91.23968 L248.797999,43.71584 L222.95082,51.94112 L222.95082,103.12064 L222.95082,103.12064 Z" />'
+  },
+  menu: {
+    width: 24,
+    height: 24,
+    content: '<path d="M2 21h20M2 12h20M2 3h20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke" />'
+  },
+  fb: {
+    width: 16,
+    height: 18,
+    content: '<path d="M15.117 1H.883A.883.883 0 0 0 0 1.883v14.234A.883.883 0 0 0 .883 17h7.663v-6.196H6.461V8.389h2.085V6.61a2.91 2.91 0 0 1 3.106-3.192c.622-.003 1.244.03 1.863.095v2.16h-1.279c-1.002 0-1.196.476-1.196 1.176v1.541h2.39l-.31 2.415h-2.08V17h4.077a.883.883 0 0 0 .883-.883V1.883A.883.883 0 0 0 15.117 1" />'
+  },
+  tw: {
+    width: 20,
+    height: 18,
+    content: '<path d="M20 3.1c-.7.3-1.5.6-2.4.7.8-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.6 1-.7-.8-1.8-1.4-3-1.4-2.3 0-4.1 1.9-4.1 4.3 0 .3 0 .7.1 1-3.3-.1-6.4-1.8-8.4-4.4-.3.6-.5 1.4-.5 2.2 0 1.5.7 2.8 1.8 3.6-.7 0-1.3-.2-1.9-.5v.1c0 2.1 1.4 3.8 3.3 4.2-.3.1-.7.2-1.1.2-.3 0-.5 0-.8-.1.5 1.7 2 2.9 3.8 3-1.3 1-3.1 1.6-5 1.6-.3 0-.7 0-1-.1C1.8 17.3 4 18 6.3 18 13.8 18 18 11.5 18 5.8v-.6c.8-.5 1.5-1.2 2-2.1" fill-rule="nonzero"/>'
+  },
+  vk: {
+    width: 20,
+    height: 18,
+    content: '<path d="M16.517 9.851s2.587-3.768 2.886-5.058c.1-.396-.1-.694-.498-.694h-2.288c-.498 0-.697.199-.896.595 0 0-1.194 2.678-2.686 4.364-.498.496-.697.694-.995.694-.2 0-.299-.198-.299-.694V4.793c0-.595-.1-.793-.597-.793H7.463c-.2 0-.398.198-.398.397 0 .595.796.694.796 2.28v3.174c0 .595 0 .893-.299.893-.796 0-2.686-2.777-3.681-5.851-.2-.595-.398-.794-.995-.794H.597C.299 4.1 0 4.298 0 4.694c0 .595.697 3.471 3.483 7.34C5.373 14.611 7.86 16 10.05 16c1.393 0 1.691-.198 1.691-.793v-1.984c0-.496.2-.694.498-.694s.895.1 2.189 1.388C15.92 15.405 16.02 16 16.915 16h2.587c.299 0 .498-.1.498-.595 0-.595-.796-1.587-1.89-2.876-.498-.595-1.195-1.29-1.493-1.686-.398-.397-.299-.595-.1-.992" fill-rule="nonzero"/>'
+  },
+  ok: {
+    width: 9,
+    height: 18,
+    content: '<path d="M4.5 2c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4m0 5.7c-.9 0-1.6-.8-1.6-1.7 0-.9.7-1.6 1.6-1.6.9 0 1.7.7 1.7 1.7 0 .8-.8 1.6-1.7 1.6" fill-rule="nonzero"/> <path d="M6.127 12.982a9.194 9.194 0 0 0 2.307-.904c.602-.301.703-1.004.402-1.507-.301-.502-1.104-.703-1.605-.401-1.605 1.004-3.812 1.004-5.417 0-.502-.302-1.304-.201-1.605.3-.401.604-.2 1.206.401 1.608a9.194 9.194 0 0 0 2.307.904L.61 15.092c-.502.401-.502 1.104 0 1.607a1.357 1.357 0 0 0 1.705 0l2.207-2.11L6.73 16.7a1.357 1.357 0 0 0 1.705 0c.502-.402.502-1.105 0-1.608l-2.307-2.109" fill-rule="nonzero"/>'
+  },
+  tg: {
+    width: 18,
+    height: 18,
+    content: '<path d="M9 18c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.5-7.4c1.1 1 2 3.3 2 3.3.4.2.7.1.8-.4l2.1-7.4c.1-.6-.2-.8-.6-.7L4 8.3c-.6.2-.6.5-.1.7 0 .1 2.4.6 3.6 1.6z" fill-rule="nonzero"/>'
+  },
+  meduzaSymbol: {
+    width: 24,
+    height: 18,
+    content: '<path d="M10.026233,17.0968697 L13.9737671,18.3530831 L13.9737671,10.9855851 L13.9737671,8.48948164 L16.5131165,8.48948164 L16.5131165,17.0968697 L20.4375656,18.3530831 L23,14.8636014 L20.4606507,14.8636014 L20.4606507,6.37252945 L16.5362015,5 L13.9737671,8.02421743 L13.9737671,6.37252945 L10.049318,5 L7.48688354,8.02421743 L7.48688354,6.37252945 L3.56243443,5 L1,8.48948164 L3.53934943,8.48948164 L3.53934943,17.0968697 L7.48688354,18.3530831 L7.48688354,8.48948164 L10.026233,8.48948164 L10.026233,17.0968697 Z" />'
+  },
+  backward: {
+    width: 25,
+    height: 27,
+    content: '<path d="M13 0v2.01c6.672.263 12 5.754 12 12.49C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5c0-3.493 1.441-6.758 3.936-9.105a.75.75 0 111.028 1.092A10.965 10.965 0 001.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-5.907-4.656-10.727-10.499-10.989L13 6 8 3l5-3zm3.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z" fill-rule="nonzero"/>'
+  },
+  forward: {
+    width: 25,
+    height: 27,
+    content: '<path d="M12 0l5 3-5 3V3.511C6.157 3.773 1.5 8.592 1.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-3.075-1.267-5.946-3.464-8.013a.75.75 0 011.028-1.092A12.465 12.465 0 0125 14.5C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5C0 7.764 5.328 2.272 12 2.01V0zm4.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z" fill-rule="nonzero"/>'
+  },
+  download: {
+    width: 25,
+    height: 27,
+    content: '<path d="M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z" fill-rule="nonzero" fill="currentColor" />'
+  },
+  play: {
+    width: 62,
+    height: 62,
+    content: '<path d="M24.35 41.772a.5.5 0 0 1-.739-.439V20.667a.5.5 0 0 1 .74-.44l18.944 10.334a.5.5 0 0 1 0 .878L24.351 41.772z" fill-rule="nonzero"/>'
+  },
+  pause: {
+    width: 22,
+    height: 22,
+    content: '<path d="M12.832 4h2.8c.276 0 .5.224.5.5v12.394c0 .277-.224.5-.5.5h-2.8c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5zM6.5 4h2.8c.277 0 .5.224.5.5v12.394c0 .277-.223.5-.5.5H6.5c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5z" />'
+  },
+  speedHalf: {
+    width: 25,
+    height: 27,
+    content: '<path d="M7.212 15.198V12.29l-.676.724L6 12.406 7.35 11h.825v4.198h-.963zM8.056 18H7.3l4.23-7h.765l-4.24 7zm2.99 0v-.735c1.717-1.27 2.134-1.679 2.134-2.14 0-.389-.288-.578-.665-.578-.467 0-.884.263-1.083.525l-.496-.64c.417-.493 1.053-.693 1.599-.693.913 0 1.599.462 1.599 1.312 0 .682-.556 1.28-1.708 2.14h1.737V18h-3.118zm5.998-2.918l-1.39 1.48-.567-.577 1.4-1.49-1.4-1.48.566-.588 1.39 1.49 1.4-1.49.557.588-1.4 1.48 1.4 1.49-.556.577-1.4-1.48z" /><path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" />'
+  },
+  speedOne: {
+    width: 25,
+    height: 27,
+    content: '<path d="M9.955 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18h-1.42zm4.6-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z" fill-rule="nonzero"/><path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" fill-rule="nonzero"/>'
+  },
+  speedOneHalf: {
+    width: 25,
+    height: 27,
+    content: '<path d="M5.62 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18H5.62zm3.37-2.67v-2.77l-.68.69-.54-.58 1.36-1.34h.83v4h-.97zM9.84 18h-.76l4.26-6.67h.77L9.84 18zm3.01 0v-.7c1.73-1.21 2.15-1.6 2.15-2.04 0-.37-.29-.55-.67-.55-.47 0-.89.25-1.09.5l-.5-.61c.42-.47 1.06-.66 1.61-.66.92 0 1.61.44 1.61 1.25 0 .65-.56 1.22-1.72 2.04h1.75V18h-3.14zm6.04-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z" fill-rule="nonzero"/><path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" fill-rule="nonzero"/>'
+  },
+  speedTwo: {
+    width: 25,
+    height: 27,
+    content: '<path d="M7.147 18v-1.158c2.685-2.078 3.471-2.792 3.471-3.64 0-.6-.52-.9-1.061-.9-.748 0-1.318.311-1.76.797L7 12.127C7.64 11.352 8.613 11 9.527 11c1.396 0 2.507.827 2.507 2.202 0 1.18-.924 2.203-2.625 3.506h2.675V18H7.147zm7.916-2.874l-1.377 1.457-.56-.568 1.386-1.468-1.386-1.458.56-.58 1.377 1.469 1.386-1.468.551.579-1.386 1.458L17 16.015l-.55.568-1.387-1.457z" fill-rule="nonzero"/><path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" fill-rule="nonzero"/>'
+  },
+  podcastBookmark: {
+    width: 25,
+    height: 27,
+    content: '<path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75zm-.75 1.499v9.176l-3.3-2.8-.098-.07a.75.75 0 00-.873.07l-3.3 2.799V9.749h7.571z" data-stroke="true" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75z" data-fill="true" />'
+  },
+  reaction: {
+    width: 16,
+    height: 16,
+    content: '<path data-theme="light" fill="#D09959" d="M1 2h14v12H1z"/> <path d="M0 1.778C0 .8.8 0 1.778 0h12.444C15.2 0 16 .8 16 1.778v12.444C16 15.2 15.2 16 14.222 16H1.778C.8 16 0 15.2 0 14.222V1.778zM6.8 11.7l2.5.8V6.2h1.6v5.5l2.5.8 1.6-2.3h-1.6V4.8L10.9 4 9.3 5.9V4.8L6.8 4 5.1 5.9V4.8L2.6 4 1 6.2h1.6v5.5l2.5.8V6.2h1.7v5.5z" />'
+  },
+  cross: {
+    width: 18,
+    height: 18,
+    content: '<path fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" vector-effect="non-scaling-stroke" d="M2 2l14 14M16 2L2 16" />'
+  },
+  link: {
+    width: 24,
+    height: 24,
+    content: '<path d="M9.158 18.928c-1.065 0-2.13-.405-2.94-1.215-1.624-1.623-1.624-4.262 0-5.884l.643-.645c.327-.326.854-.326 1.18 0 .325.326.325.853 0 1.178l-.645.645c-.972.972-.972 2.554 0 3.526.973.972 2.554.973 3.526 0l2.842-2.84c.97-.972.97-2.555 0-3.527-.325-.325-.325-.854 0-1.18.325-.324.853-.324 1.178 0 1.623 1.625 1.623 4.264 0 5.885l-2.84 2.84c-.81.81-1.877 1.216-2.942 1.216" /> <path d="M10.578 14.184c-.213 0-.426-.082-.59-.244-.784-.785-1.217-1.83-1.217-2.94 0-1.113.433-2.158 1.22-2.944l2.84-2.84c1.622-1.62 4.26-1.62 5.883 0 1.622 1.623 1.622 4.262 0 5.883l-.645.643c-.325.326-.852.326-1.178 0-.325-.325-.325-.852 0-1.178l.645-.644c.972-.97.972-2.554 0-3.526s-2.556-.972-3.527 0l-2.84 2.842c-.47.47-.73 1.096-.73 1.762 0 .667.26 1.293.73 1.763.325.327.325.854 0 1.18-.163.162-.376.244-.59.244" />'
+  },
+  search: {
+    width: 16,
+    height: 16,
+    content: '<g transform="translate(2 1)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" vector-effect="non-scaling-stroke"><circle cx="5.5" cy="5.5" r="5.5"/><path d="M11.37 13.442l-.995-1.272"/></g>'
+  },
+  card: {
+    width: 15,
+    height: 15,
+    content: '<path d="M9 5.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5zm-.5 1h-4v4h4v-4zm2.5-3a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0V4.5H6a.5.5 0 0 1 0-1h5z" fill-rule="nonzero"/>'
+  },
+  podcast: {
+    width: 15,
+    height: 15,
+    content: '<path d="M5.252 11.432A.5.5 0 0 1 4.5 11V4a.5.5 0 0 1 .752-.432l6 3.5a.5.5 0 0 1 0 .864l-6 3.5zm.248-1.303L10.008 7.5 5.5 4.87v5.26z" fill-rule="nonzero" />'
+  },
+  arrow: {
+    width: 12,
+    height: 12,
+    content: '<path d="M3 7l3 3.5L9 7M6 10V1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" vector-effect="non-scaling-stroke" />'
+  },
+  brent: {
+    width: 9,
+    height: 12,
+    content: '<g fill="#999" fill-rule="nonzero"><path d="M4.332 0l.528.606c2.528 2.902 3.804 5.07 3.804 6.634A4.332 4.332 0 110 7.24C0 5.676 1.276 3.508 3.804.606L4.332 0zm0 2.143l-.176.212C2.313 4.589 1.4 6.248 1.4 7.24a2.932 2.932 0 105.864 0c0-.992-.914-2.651-2.756-4.885l-.176-.212z"/><path d="M2.973 7.475c0 .415.417.863.835.924l.097.008v.7c-.79 0-1.548-.716-1.626-1.5l-.006-.132h.7z"/></g> '
+  },
+  user: {
+    width: 16,
+    height: 16,
+    content: '<path fill="currentColor" fill-rule="nonzero" d="M8 1a4.25 4.25 0 012.676 7.552 6.751 6.751 0 014.074 6.198.75.75 0 11-1.5 0 5.25 5.25 0 00-10.5 0 .75.75 0 11-1.5 0 6.752 6.752 0 014.074-6.199A4.25 4.25 0 018 1zm0 1.5A2.75 2.75 0 108 8a2.75 2.75 0 000-5.5z" />'
+  },
+  bookmark: {
+    width: 17,
+    height: 21,
+    content: '<path d="M16 20l-7.5-6.333L1 20V1h15z" stroke="currentColor" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/>'
+  },
+  receipt: {
+    width: 10,
+    height: 13,
+    content: '<g fill="currentColor" fill-rule="nonzero"><path d="M10 0H0v13l2-1.74 1.5 1.305L5 11.26l1.5 1.305L8 11.26 10 13V0zM9 .997v9.81l-1-.87-1.5 1.304L5 9.937 3.5 11.24 2 9.937l-1 .87V.996h8z"/><path d="M7 3v1H3V3zM7 6v1H3V6z"/></g>'
+  },
+  read: {
+    width: 15,
+    height: 15,
+    content: '<g fill="none" fill-rule="evenodd"><path opacity=".98" d="M0 0h15v15H0z"/><path d="M13.085 1.694a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" fill-rule="nonzero"/><path d="M6.454 12.997l-.06-.01-.078-.023a.49.49 0 01-.266-.24l.011.015a2.349 2.349 0 00-.535-.607c-.89-.745-2.117-.917-3.813-.12a.5.5 0 01-.706-.37L1 11.558V4.568a.5.5 0 01.287-.453c2.053-.963 3.695-.733 4.88.26.327.272.556.548.698.77l.084.144.018.04.022.076.01.071L7 11.233l.126-.09c.95-.656 2.16-.857 3.608-.417l.266.087v-2.81a.5.5 0 01.41-.491l.09-.008a.5.5 0 01.492.41l.008.09v3.555a.5.5 0 01-.713.452c-1.696-.796-2.922-.624-3.813.12a2.533 2.533 0 00-.497.544l-.038.064a.486.486 0 01-.485.258zm-4.29-8.17L2 4.892v5.92c1.637-.572 2.977-.348 4 .42l.002-5.58a2.605 2.605 0 00-.476-.513c-.81-.677-1.897-.88-3.362-.314z" fill="currentColor" fill-rule="nonzero"/></g>'
+  },
+  listened: {
+    width: 15,
+    height: 15,
+    content: '<g fill-rule="nonzero"><path d="M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z" fill="currentColor" /><path d="M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" /></g>'
+  }
+};
+
+var SvgSymbol = function SvgSymbol(_ref) {
+  var icon = _ref.icon,
+      size = _ref.size,
+      styleContext = _ref.styleContext;
+  var data = icons[icon];
+  return React.createElement("svg", {
+    "data-testid": "svg-symbol",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    className: makeClassName([[styles$1.root, true], [styles$1[size], !!styles$1[size]], [styles$1[icon], !!styles$1[icon]], [styles$1[styleContext], !!styles$1[styleContext]]]),
+    width: data.width,
+    height: data.height,
+    viewBox: "0 0 " + data.width + " " + data.height,
+    dangerouslySetInnerHTML: {
+      __html: data.content
+    }
+  });
+};
+
+var css_248z$2 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Switcher-module_root__1Env1 {\n  position: relative;\n\n  display: -webkit-box;\n\n  display: -webkit-flex;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n\n  font-weight: 600;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  white-space: nowrap;\n\n  cursor: pointer;\n\n  -webkit-user-select: none;\n\n     -moz-user-select: none;\n\n      -ms-user-select: none;\n\n          user-select: none;\n}\n.Switcher-module_dark__1IzaH {\n  color: inherit;\n}\n.Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {\n  background-color: transparent;\n}\n.Switcher-module_input__jaMVF {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n}\n.Switcher-module_control__1NTvY {\n  position: relative;\n\n  display: block;\n\n  width: 37px;\n  height: 21px;\n\n  background-color: #e6e6e6;\n\n  border-radius: 15px;\n}\n.Switcher-module_control__1NTvY::before {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 18px;\n\n  background: rgba(19, 191, 17, 0);\n\n  border-radius: 15px;\n\n  transition: 0.25s ease-in-out;\n\n  content: '';\n}\n.Switcher-module_knob__3kEy5 {\n  position: relative;\n  top: 2px;\n  left: 2px;\n  z-index: 200;\n\n  display: block;\n\n  width: 17px;\n  height: 17px;\n\n  background: #fff;\n\n  border-radius: 15px;\n\n  transition: 0.25s ease-in-out;\n}\n.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {\n  width: 100%;\n\n  background-color: #b88b59;\n}\n.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {\n  box-shadow: inset 0 0 0 1px transparent;\n}\n.Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {\n  left: 18px;\n}\n.Switcher-module_children__147JP.Switcher-module_left__2coeE {\n  margin-right: 6px;\n}\n.Switcher-module_children__147JP.Switcher-module_right__yWG7h {\n  margin-left: 6px;\n}\n/* panel */\n.Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {\n\n  color: #999;\n\n  font-size: 13px;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n}\n/* menu */\n.Switcher-module_isInMenu__3XJYj {\n  font-weight: normal;\n}\n.Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {\n  margin-right: 8px;\n}\n.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {\n  width: 48px;\n  height: 30px;\n}\n.Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {\n  top: 4px;\n\n  width: 22px;\n  height: 22px;\n\n  background-color: #bababa;\n}\n/* stylelint-disable selector-max-compound-selectors */\n.Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {\n  left: 23px;\n\n  background-color: #fff;\n}\n/* live */\n.Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {\n\n  color: #7f7f7f;\n\n  font-size: 13px;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n}\n.Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {\n  background-color: #1a1a1a;\n  box-shadow: inset 0 0 0 1px #323232;\n}\n";
+var styles$2 = {"root":"Switcher-module_root__1Env1","dark":"Switcher-module_dark__1IzaH","control":"Switcher-module_control__1NTvY","input":"Switcher-module_input__jaMVF","knob":"Switcher-module_knob__3kEy5","children":"Switcher-module_children__147JP","left":"Switcher-module_left__2coeE","right":"Switcher-module_right__yWG7h","isInPanel":"Switcher-module_isInPanel__TumqY","isInMenu":"Switcher-module_isInMenu__3XJYj","isInLive":"Switcher-module_isInLive__2cLui"};
+styleInject(css_248z$2);
+
+var Switcher = function Switcher(_ref) {
+  var enabled = _ref.enabled,
+      children = _ref.children,
+      _ref$childrenPosition = _ref.childrenPosition,
+      childrenPosition = _ref$childrenPosition === void 0 ? 'left' : _ref$childrenPosition,
+      onChange = _ref.onChange,
+      styleContext = _ref.styleContext,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'light' : _ref$theme;
+  return React.createElement("label", {
+    "data-testid": "switcher",
+    className: makeClassName([[styles$2.root, true], [styles$2[theme], !!styles$2[theme]], [styles$2[styleContext], !!styles$2[styleContext]]])
+  }, children && childrenPosition === 'left' && React.createElement("div", {
+    className: makeClassName([[styles$2.children, true], [styles$2.left, true]])
+  }, children), React.createElement("input", {
+    className: styles$2.input,
+    type: "checkbox",
+    checked: enabled,
+    onChange: onChange
+  }), React.createElement("span", {
+    className: styles$2.control
+  }, React.createElement("span", {
+    className: styles$2.knob
+  })), children && childrenPosition === 'right' && React.createElement("div", {
+    className: makeClassName([[styles$2.children, true], [styles$2.right, true]])
+  }, children));
+};
+
+var BlockContext = /*#__PURE__*/React.createContext({
+  lightBox: null
+});
+var BlockProvider = BlockContext.Provider;
+
+var viewportSize = (function () {
+  return {
+    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
+    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+  };
+});
+
+var MediaQuerySizes = {
+  MOBILE: 512,
+  PORTRAIT_TABLET: 768,
+  LANDSCAPE_TABLET: 1024,
+  DESKTOP: 1010,
+  WIDE_DESKTOP: 1200
+};
+var imageBreakpoints = {
+  325: '(min-width: 0)',
+  520: '(min-width: 325px)',
+  600: '(min-width: 600px)',
+  650: '(min-width: 650px)',
+  980: '(min-width: 1000px)',
+  1335: '(min-width: 1000px)'
+};
+var imageConditionalKeys = {
+  xs: [325],
+  superFull: [1335, 650, 520, 325],
+  full: [980, 650, 520, 325],
+  "default": [650, 520, 325],
+  narrow: [600, 325]
+};
+
+var css_248z$3 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Lazy-module_root__2Z72l {\n  display: block;\n}\n.Lazy-module_visible__3-SdX {\n  color: red;\n}\n";
+var styles$3 = {"root":"Lazy-module_root__2Z72l","visible":"Lazy-module_visible__3-SdX"};
+styleInject(css_248z$3);
+
+var Lazy = function Lazy(_ref) {
+  var children = _ref.children,
+      threshold = _ref.threshold;
+
+  var _useInView = useInView({
+    threshold: threshold || 0
+  }),
+      ref = _useInView[0],
+      inView = _useInView[1],
+      entry = _useInView[2];
+
+  var _useState = useState(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  useEffect(function () {
+    if (entry && entry.boundingClientRect && entry.boundingClientRect.y < 0) {
+      setVisible(true);
+    }
+  }, [entry]);
+  useEffect(function () {
+    if (inView) {
+      setVisible(true);
+    }
+  }, [inView]);
+  return React.createElement("div", {
+    className: makeClassName([[styles$3.root, true], [styles$3.visible, visible]]),
+    ref: ref,
+    "data-testid": "lazy"
+  }, visible && children);
+};
+
+var toCamel = function toCamel(s) {
+  return s.replace(/([_][a-z])/gi, function (str) {
+    return str.toUpperCase().replace('_', '');
+  });
+};
+
+var RenderPicture = function RenderPicture(_ref) {
+  var source = _ref.source,
+      fallbackSource = _ref.fallbackSource,
+      optimized = _ref.optimized,
+      alt = _ref.alt,
+      display = _ref.display;
+
+  var _useState = useState(false),
+      fallback = _useState[0],
+      setFallback = _useState[1];
+
+  useEffect(function () {
+    setFallback(!window.HTMLPictureElement);
+  }, []);
+  var keys = imageConditionalKeys[toCamel(display)] || imageConditionalKeys["default"];
+  return React.createElement("picture", null, source && React.createElement("source", {
+    media: "(min-width: 325px)",
+    srcSet: source[1] + " 2x"
+  }), optimized && !optimized.w325 && React.createElement("source", {
+    media: "(min-width: 0)",
+    srcSet: "" + optimized.original
+  }), optimized && keys.map(function (key) {
+    var breakpoint = optimized["w" + key];
+
+    if (!breakpoint) {
+      return null;
+    }
+
+    return React.createElement(React.Fragment, {
+      key: key
+    }, React.createElement("source", {
+      type: "image/webp",
+      media: imageBreakpoints[key],
+      srcSet: breakpoint['2x_webp'] + " 2x, " + breakpoint['1x_webp'] + " 1x "
+    }), React.createElement("source", {
+      type: "image/png",
+      media: imageBreakpoints[key],
+      srcSet: breakpoint['2x'] + " 2x, " + breakpoint['1x'] + " 1x "
+    }));
+  }), React.createElement("img", {
+    src: fallback ? fallbackSource : 'data:image/gif;base64,R0lGODlhAQABAPAAAPLy8gAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==',
+    alt: alt
+  }));
+};
+
+var css_248z$4 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Image-module_root__1vsA_ {\n  position: relative;\n  z-index: 1;\n\n  display: block;\n  overflow: hidden\n}\n@media only screen and (min-device-width: 32em) {\n.Image-module_root__1vsA_ {\n    border-radius: inherit\n}\n  }\n.Image-module_placeholder__1p4ob,\n.Image-module_root__1vsA_ img {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n}\n.Image-module_wrapper__3fLjs {\n  display: block;\n\n  width: 100%;\n\n  background-repeat: no-repeat;\n  background-size: 100% auto;\n}\n.Image-module_placeholder__1p4ob {\n  transition: background-color 250ms ease;\n\n  background-color: #f2f2f2;\n}\n.Image-module_loaded__w9FVT {\n  background: transparent;\n}\n.Image-module_fullscreen__29apx picture {\n  cursor: pointer;\n}\n.Image-module_fullscreen__29apx picture:hover::after {\n  opacity: 1;\n}\n.Image-module_fullscreen__29apx picture::after {\n  position: absolute;\n  right: 12px;\n  bottom: 12px;\n\n  width: 40px;\n  height: 40px;\n\n  transition: opacity 250ms ease;\n  pointer-events: none;\n\n  opacity: 0;\n  border: 0.5px solid rgba(255, 255, 255, 0.15);\n  border-radius: 20px;\n  background-color: rgba(0, 0, 0, 0.7);\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center\n}\n@media only screen and (min-device-width: 64em) {\n.Image-module_fullscreen__29apx picture::after {\n    content: ''\n}\n  }\n[data-input='mouse'] .Image-module_wrapper__3fLjs {\n  outline: none;\n}\n";
+var styles$4 = {"root":"Image-module_root__1vsA_","placeholder":"Image-module_placeholder__1p4ob","wrapper":"Image-module_wrapper__3fLjs","loaded":"Image-module_loaded__w9FVT","fullscreen":"Image-module_fullscreen__29apx"};
+styleInject(css_248z$4);
+
+var Image = function Image(_ref) {
+  var alt = _ref.alt,
+      display = _ref.display,
+      optimized = _ref.optimized,
+      width = _ref.width,
+      height = _ref.height,
+      source = _ref.source,
+      lazy = _ref.lazy,
+      fullscreen = _ref.fullscreen,
+      ratio = _ref.ratio;
+
+  var _useContext = useContext(BlockContext),
+      lightBox = _useContext.lightBox;
+
+  var handleClick = function handleClick() {
+    var _viewportSize = viewportSize(),
+        viewportWidth = _viewportSize.width;
+
+    if (optimized && !optimized.original || !lightBox || viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen) {
+      return;
+    }
+
+    postMessage('fullscreen_click', 'click');
+    lightBox.show(optimized, width, height, alt);
+  };
+
+  var pictureStyles = {
+    paddingBottom: 100 / (ratio || width / height) + "%"
+  };
+  var blockStyles = {
+    maxWidth: width <= 649 ? width : '100%'
+  };
+  /* fallback w325 url until w6 was released */
+
+  var fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
+  return React.createElement("div", {
+    className: makeClassName([[styles$4.root, true], [styles$4.fullscreen, fullscreen]]),
+    style: blockStyles,
+    "data-testid": "image"
+  }, React.createElement("div", {
+    className: styles$4.wrapper,
+    style: pictureStyles,
+    onClick: function onClick() {
+      return handleClick();
+    },
+    onKeyPress: function onKeyPress() {
+      return handleClick();
+    },
+    role: "button",
+    tabIndex: 0
+  }, lazy ? React.createElement(React.Fragment, null, React.createElement(Lazy, {
+    threshold: 0.25
+  }, React.createElement(RenderPicture, {
+    fallbackSource: fallbackSource,
+    source: source,
+    optimized: optimized,
+    alt: alt,
+    display: display
+  })), React.createElement("noscript", null, React.createElement("img", {
+    src: fallbackSource,
+    alt: alt
+  }))) : React.createElement(RenderPicture, {
+    fallbackSource: fallbackSource,
+    source: source,
+    optimized: optimized,
+    alt: alt,
+    display: display
+  })));
+};
+
+var css_248z$5 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.DotsOnImage-module_root__2XP3Q {\n  position: relative;\n\n  display: block;\n}\n.DotsOnImage-module_dot__H1wua {\n  position: absolute;\n  z-index: 10;\n\n  width: 28px;\n  height: 28px;\n  margin: 0;\n  padding: 0;\n\n  cursor: pointer;\n  text-align: center;\n\n  color: #fff;\n  border-width: 0;\n  border-radius: 30px;\n  outline-width: 0;\n  background-color: #000;\n  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-weight: 600;\n  line-height: 28px;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n}\n.DotsOnImage-module_popover__35Cpj {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  left: 50%;\n\n  width: 340px;\n  padding: 25px;\n\n  transform: translate(-50%, -50%);\n\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.DotsOnImage-module_popoverTitle__343d8 {\n  font-weight: 600;\n}\n";
+var styles$5 = {"root":"DotsOnImage-module_root__2XP3Q","dot":"DotsOnImage-module_dot__H1wua","popover":"DotsOnImage-module_popover__35Cpj","popoverTitle":"DotsOnImage-module_popoverTitle__343d8"};
+styleInject(css_248z$5);
+
+var DotsOnImage = function DotsOnImage(_ref) {
+  var block = _ref.block;
+  var optimized = block.optimized,
+      width = block.width,
+      height = block.height,
+      credit = block.credit,
+      display = block.display,
+      dots = block.dots;
+
+  var _useState = useState({
+    title: null,
+    body: null,
+    show: false,
+    id: null
+  }),
+      popover = _useState[0],
+      setPopover = _useState[1];
+
+  var handleDotClick = function handleDotClick(dot) {
+    var shouldShow = dot.id !== popover.id;
+    setPopover({
+      title: dot.title,
+      body: dot.body,
+      show: shouldShow,
+      id: shouldShow ? dot.id : null
+    });
+  };
+
+  return React.createElement("div", {
+    "data-testid": "dots-on-image",
+    className: makeClassName([[styles$5.root, true]])
+  }, React.createElement("div", {
+    className: styles$5.dots
+  }, dots.map(function (dot) {
+    return React.createElement("button", {
+      className: styles$5.dot,
+      type: "button",
+      key: dot.id,
+      style: {
+        top: dot.position.y + "%",
+        left: dot.position.x + "%",
+        backgroundColor: dot.icon.color
+      },
+      onClick: function onClick() {
+        return handleDotClick(dot);
+      }
+    }, dot.icon.type === 'svg' && React.createElement("div", {
+      className: styles$5.icon,
+      dangerouslySetInnerHTML: {
+        __html: dot.icon.svg_string
+      }
+    }), dot.icon.type === 'number' && dot.icon.number);
+  })), React.createElement("div", {
+    className: styles$5.image
+  }, React.createElement(Image, {
+    optimized: optimized,
+    width: width,
+    height: height,
+    alt: credit,
+    display: display
+  })), popover.show && React.createElement("div", {
+    className: styles$5.popover
+  }, React.createElement("div", {
+    className: styles$5.popoverTitle
+  }, popover.title), React.createElement("div", {
+    className: styles$5.popoverBody,
+    dangerouslySetInnerHTML: {
+      __html: popover.body
+    }
+  })));
+};
+
+var makeStyleContext = function makeStyleContext(classNames, styleContext, styles) {
+  var context = Array.isArray(styleContext) ? styleContext.filter(function (ctx) {
+    return styles[ctx];
+  }).map(function (ctx) {
+    return [[styles[ctx]], true];
+  }) : [[styles[styleContext], !!styleContext && !!styles[styleContext]]];
+  return classNames.concat(context);
+};
+
+var css_248z$6 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Tag-module_root__3IqWC {\n  display: inline-block;\n\n  cursor: default;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  vertical-align: middle;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 12px;\n}\n.Tag-module_small__2IAb7 {\n  font-size: 12px;\n  line-height: 12px\n}\n@media only screen and (min-device-width: 64em) {\n.Tag-module_small__2IAb7 {\n    line-height: 14px\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.Tag-module_large__22z_o {\n    letter-spacing: 1px;\n\n    font-size: 14px;\n    line-height: 16px\n}\n  }\n.Tag-module_dark__sgnt1 {\n  color: #000;\n}\n.Tag-module_light__1zUhp {\n  color: #fff;\n}\n.Tag-module_gold__2ksA7 {\n  color: #b88b59;\n}\n.Tag-module_gray__mGAO_ {\n  color: #757575;\n}\n.Tag-module_inherit__2QB5U {\n  color: inherit;\n}\n@media only screen and (min-device-width: 64em) {\n.Tag-module_is1to1__3EDbC,\n.Tag-module_is1to2__3xbC6,\n.Tag-module_isInSuperBlock__38JE0 {\n    letter-spacing: 1px;\n\n    font-size: 12px;\n    line-height: 20px\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.Tag-module_is1to3__3j5K-,\n.Tag-module_is1to4__2vq4r {\n    letter-spacing: 0.5px;\n\n    font-size: 10px;\n    line-height: 15px\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Tag-module_slide__2nMDw,\n.Tag-module_game__3j5yG  {\n    width: 100%;\n\n    text-align: center\n}\n  }\n.Tag-module_slide__2nMDw,\n.Tag-module_game__3j5yG,\n.Tag-module_card__1EAeF,\n.Tag-module_live__rwXuR,\n.Tag-module_episode__3o6gg,\n.Tag-module_podcast__VPoll,\n.Tag-module_rich__2URd9,\n.Tag-module_isInDynamicBlock__1YM9I {\n  margin-bottom: 6px;\n\n  line-height: 10px\n}\n@media only screen and (min-device-width: 32em) {\n.Tag-module_slide__2nMDw,\n.Tag-module_game__3j5yG,\n.Tag-module_card__1EAeF,\n.Tag-module_live__rwXuR,\n.Tag-module_episode__3o6gg,\n.Tag-module_podcast__VPoll,\n.Tag-module_rich__2URd9,\n.Tag-module_isInDynamicBlock__1YM9I {\n    margin-bottom: 10px\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Tag-module_mobile__QQxuv {\n    display: none\n}\n  }\n.Tag-module_desktop__1Bjsy {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.Tag-module_desktop__1Bjsy {\n    display: block\n}\n  }\n";
+var styles$6 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
+styleInject(css_248z$6);
+
+var Tag = function Tag(_ref) {
+  var children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'gold' : _ref$theme,
+      styleContext = _ref.styleContext,
+      correlation = _ref.correlation,
+      onlyOn = _ref.onlyOn;
+  var classNames = [[styles$6.root, true], [styles$6[size], !!size && !!styles$6[size]], [styles$6[theme], !!theme && !!styles$6[theme]], [styles$6[onlyOn], !!onlyOn && !!styles$6[onlyOn]], [styles$6[correlation], !!correlation && !!styles$6[correlation]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$6);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "tag",
+    className: makeClassName(classNames)
+  }, children);
+};
+
+var css_248z$7 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.MediaCaption-module_root__KqTdw {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.MediaCaption-module_root__KqTdw a {\n  text-decoration: underline;\n\n  color: inherit;\n  box-shadow: none;\n}\n.MediaCaption-module_root__KqTdw a:hover {\n  color: #b88b58;\n}\n.MediaCaption-module_caption__1hr7Y {\n  max-width: 520px;\n  padding-top: 4px;\n\n  color: #1a1a1a;\n\n  font-size: 14px;\n  line-height: 18px\n}\n@media only screen and (min-device-width: 32em) {\n.MediaCaption-module_caption__1hr7Y {\n    font-size: 16px;\n    line-height: 22px\n}\n  }\n.MediaCaption-module_credit__3ehAP {\n  max-width: 520px;\n  padding-top: 1px;\n\n  color: #666;\n\n  font-size: 12px;\n  line-height: 16px\n}\n@media only screen and (min-device-width: 32em) {\n.MediaCaption-module_credit__3ehAP {\n    padding-top: 3px\n}\n  }\n.MediaCaption-module_credit__3ehAP:first-child {\n  padding-top: 3px;\n}\n.MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {\n  color: #fff;\n}\n.MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {\n  color: #929292;\n}\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {\n  padding-top: 10px\n}\n@media only screen and (min-device-width: 32em) {\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {\n    padding-top: 12px\n}\n  }\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {\n  padding-top: 9px\n}\n@media only screen and (min-device-width: 32em) {\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {\n    padding-top: 11px\n}\n  }\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,\n.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,\n.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,\n.MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,\n.MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {\n  max-width: 650px;\n}\n\n";
+var styles$7 = {"root":"MediaCaption-module_root__KqTdw","caption":"MediaCaption-module_caption__1hr7Y","credit":"MediaCaption-module_credit__3ehAP","dark":"MediaCaption-module_dark__3tL1u","video":"MediaCaption-module_video__1KZ6k","picture":"MediaCaption-module_picture__3AAMH","desktop":"MediaCaption-module_desktop__3Saev"};
+styleInject(css_248z$7);
+
+var MediaCaption = function MediaCaption(_ref) {
+  var credit = _ref.credit,
+      caption = _ref.caption,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$7.root, true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$7);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "media-caption",
+    className: makeClassName(classNames)
+  }, caption && React.createElement("div", {
+    className: styles$7.caption,
+    dangerouslySetInnerHTML: {
+      __html: caption
+    }
+  }), credit && React.createElement("div", {
+    className: styles$7.credit,
+    dangerouslySetInnerHTML: {
+      __html: credit
+    }
+  }));
+};
+
+var css_248z$8 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Table-module_root__1VsG6 {\n  margin: 15px 0\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_root__1VsG6 {\n    margin: 25px auto 20px\n}\n  }\n.Table-module_card__3gbok .Table-module_table__nZIkV,\n.Table-module_slide__nSGPC .Table-module_table__nZIkV {\n  margin-right: -11px;\n  margin-left: -11px\n}\n@media only screen and (min-device-width: 64em) {\n.Table-module_card__3gbok .Table-module_table__nZIkV,\n.Table-module_slide__nSGPC .Table-module_table__nZIkV {\n    margin-right: 0;\n    margin-left: 0\n}\n  }\n.Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,\n.Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {\n  right: -11px;\n}\n.Table-module_root__1VsG6:first-child {\n  margin-top: 0;\n}\n.Table-module_root__1VsG6:last-child {\n  margin-bottom: 0;\n}\n.Table-module_table__nZIkV {\n  position: relative;\n\n  overflow-y: hidden;\n\n  margin: 0 -20px;\n\n  border-width: 1px 0;\n  border-style: solid;\n  border-color: rgba(232, 232, 232, 1);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_table__nZIkV {\n    margin: 0;\n\n    border-width: 1px;\n    border-radius: 3px\n}\n  }\n.Table-module_tracks__2wrDB {\n  display: table;\n\n  width: 100%\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_tracks__2wrDB {\n    table-layout: fixed\n}\n  }\n.Table-module_wrapper__1YTKM {\n  position: relative;\n}\n.Table-module_wrapper__1YTKM::after {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  right: -20px;\n  bottom: -20px;\n\n  display: block;\n\n  width: 30px;\n  height: 100%;\n\n  content: \"\";\n\n  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(71%, rgb(255, 255, 255)));\n\n  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%);\n\n  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%)\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_wrapper__1YTKM::after {\n    content: none\n}\n  }\n.Table-module_default__3CGeE {\n  max-width: 650px;\n}\n.Table-module_full__S5pDB {\n  max-width: 980px;\n}\n.Table-module_row__3TH83 {\n  z-index: 1;\n\n  display: table-row;\n}\n.Table-module_row__3TH83:last-child .Table-module_cell__EFKDW {\n  border-bottom: 0;\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:first-child {\n    border-radius: 2px 0 0 0\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:last-child {\n    border-radius: 0 2px 0 0\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:last-child {\n    border-radius: 0 0 2px 0\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:first-child {\n    border-radius: 0 0 0 2px\n}\n  }\n.Table-module_cell__EFKDW {\n  display: table-cell;\n  overflow: hidden;\n\n  min-height: 32px;\n  padding: 6px;\n\n  vertical-align: top;\n\n  border-right: 1px solid rgba(232, 232, 232, 1);\n  border-bottom: 1px solid rgba(232, 232, 232, 1);\n  background-color: #fff;\n\n  font-size: 12px;\n  line-height: 16px\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_cell__EFKDW {\n    padding: 9px 12px 8px;\n\n    font-size: 14px;\n    line-height: 19px\n}\n  }\n.Table-module_cell__EFKDW:last-child {\n  padding-right: 20px;\n\n  border-right: 0\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_cell__EFKDW:last-child {\n    padding-right: 12px\n}\n  }\n.Table-module_cell__EFKDW a {\n  text-decoration: none;\n\n  color: inherit;\n  box-shadow: inset 0 -1px #000;\n}\n.Table-module_cell__EFKDW a:hover {\n  color: #b88b58;\n  box-shadow: inset 0 -1px #b88b58;\n}\n.Table-module_cell__EFKDW p {\n  margin: 0;\n}\n.Table-module_cell__EFKDW p + p {\n  margin-top: 8px;\n}\n.Table-module_fixedColumn__E1hN5 {\n  position: -webkit-sticky;\n  position: sticky;\n  z-index: 50;\n  left: 0\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_fixedColumn__E1hN5 {\n    position: static\n}\n  }\n.Table-module_fixedColumn__E1hN5::after {\n  position: absolute;\n  top: 0;\n  right: -15px;\n  bottom: 0;\n\n  width: 15px;\n\n  content: '';\n\n  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.04)), to(rgb(0, 0, 0, 0)));\n\n  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%);\n\n  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%)\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_fixedColumn__E1hN5::after {\n    content: none\n}\n  }\n.Table-module_white__gzvo0 {\n  background-color: #fff;\n}\n.Table-module_gray__3da6S {\n  background-color: #F5F5F5;\n}\n.Table-module_pink__3oH1l {\n  background-color: #FEEEEE;\n}\n.Table-module_blue__GM27F {\n  background-color: #E6F3FF;\n}\n.Table-module_yellow__2jhvA {\n  background-color: #FFFDE6;\n}\n.Table-module_orange__1c-oM {\n  background-color: #FFF9F2;\n}\n.Table-module_green__13OIM {\n  background-color: #E7F2EF;\n}\n.Table-module_violet__2W-kO {\n  background-color: #F4F0F8;\n}\n.Table-module_header__1exlo {\n  max-width: 340px;\n  padding: 9px 6px;\n\n  vertical-align: top;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n\n  border-right: 1px solid rgba(232, 232, 232, 1);\n  border-bottom: 1px solid rgba(232, 232, 232, 1);\n\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_header__1exlo {\n    max-width: none;\n    padding: 9px 12px;\n\n    line-height: 11px\n}\n  }\n.Table-module_s__Vl_Eg {\n  min-width: 120px\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_s__Vl_Eg {\n    width: 18%;\n    min-width: 0\n}\n  }\n.Table-module_m__29G9r {\n  min-width: 200px\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_m__29G9r {\n    width: 30%;\n    min-width: 0\n}\n\n  }\n.Table-module_l__1ZSMc {\n  min-width: 336px\n}\n@media only screen and (min-device-width: 32em) {\n.Table-module_l__1ZSMc {\n    width: 50%;\n    min-width: 0\n}\n  }\n.Table-module_xs__au2Oe {\n  width: 50px;\n  min-width: 50px;\n}\n";
+var styles$8 = {"root":"Table-module_root__1VsG6","card":"Table-module_card__3gbok","table":"Table-module_table__nZIkV","slide":"Table-module_slide__nSGPC","wrapper":"Table-module_wrapper__1YTKM","tracks":"Table-module_tracks__2wrDB","default":"Table-module_default__3CGeE","full":"Table-module_full__S5pDB","row":"Table-module_row__3TH83","cell":"Table-module_cell__EFKDW","fixedColumn":"Table-module_fixedColumn__E1hN5","white":"Table-module_white__gzvo0","gray":"Table-module_gray__3da6S","pink":"Table-module_pink__3oH1l","blue":"Table-module_blue__GM27F","yellow":"Table-module_yellow__2jhvA","orange":"Table-module_orange__1c-oM","green":"Table-module_green__13OIM","violet":"Table-module_violet__2W-kO","header":"Table-module_header__1exlo","s":"Table-module_s__Vl_Eg","m":"Table-module_m__29G9r","l":"Table-module_l__1ZSMc","xs":"Table-module_xs__au2Oe"};
+styleInject(css_248z$8);
+
+var Table = function Table(_ref) {
+  var styleContext = _ref.styleContext,
+      _ref$block = _ref.block,
+      rows = _ref$block.rows,
+      options = _ref$block.options,
+      display = _ref$block.display,
+      columnsWidth = _ref$block.columns_widths,
+      tableCredit = _ref$block.table_credit;
+  var colors = {
+    '#ffffff': 'white',
+    '#f5f5f5': 'gray',
+    '#feeeee': 'pink',
+    '#e6f3ff': 'blue',
+    '#fffde6': 'yellow',
+    '#fff9f2': 'orange',
+    '#e7f2ef': 'green',
+    '#f4f0f8': 'violet'
+  };
+  var classNames = [[styles$8.root, true], [styles$8[display], !!display && !!styles$8[display]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "table",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$8.wrapper
+  }, React.createElement("div", {
+    className: styles$8.table
+  }, React.createElement("div", {
+    className: styles$8.tracks
+  }, rows.map(function (row, i) {
+    return React.createElement("div", {
+      key: row.key,
+      className: styles$8.row
+    }, row.cells.map(function (cell, j) {
+      return React.createElement("div", {
+        key: cell.key,
+        className: makeClassName([[styles$8.cell, true], [styles$8.header, options.header && i === 0], [styles$8[colors[cell.color]], true], [styles$8[columnsWidth[j]], true], [styles$8.fixedColumn, options.fixed_first_column && j === 0]]),
+        dangerouslySetInnerHTML: {
+          __html: cell.val
+        }
+      });
+    }));
+  })))), tableCredit && React.createElement(MediaCaption, {
+    credit: tableCredit,
+    styleContext: styleContext
+  }));
+};
+
+var css_248z$9 = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.MaterialNote-module_root__1AcYe {\n  margin-bottom: 17px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 22px;\n}\n.MaterialNote-module_root__1AcYe:empty {\n  margin-bottom: 0;\n}\n.MaterialNote-module_root__1AcYe:empty::before {\n  margin-bottom: 9px;\n}\n.MaterialNote-module_root__1AcYe::before {\n  display: block;\n\n  width: 120px;\n  height: 1px;\n  margin-bottom: 15px;\n\n  content: '';\n\n  background: #000;\n}\n.MaterialNote-module_root__1AcYe p {\n  margin-top: 8px;\n  margin-bottom: 0;\n}\n.MaterialNote-module_root__1AcYe a {\n  text-decoration: none;\n\n  color: inherit;\n  box-shadow: inset 0 -1px;\n}\n.MaterialNote-module_root__1AcYe a:hover {\n  color: #b88b59;\n}\n.MaterialNote-module_dark__xCry-::before {\n  background-color: #4f4f4f;\n}\n.MaterialNote-module_note_credit__PuFyX {\n  color: #666;\n\n  font-size: 12px;\n  line-height: 15px;\n}\n.MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {\n  margin-top: 6px;\n}\n.MaterialNote-module_note_credit__PuFyX:only-child {\n  margin-top: 0;\n}\n.MaterialNote-module_note_caption__1ezSo b {\n  font-weight: bold;\n}\n.MaterialNote-module_center__18RxI {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.MaterialNote-module_center__18RxI,\n.MaterialNote-module_default__1lQPl {\n  margin-top: 25px\n}\n@media only screen and (min-device-width: 32em) {\n.MaterialNote-module_center__18RxI,\n.MaterialNote-module_default__1lQPl {\n    margin-top: 35px\n}\n  }\n.MaterialNote-module_card__OWXbQ:empty,\n.MaterialNote-module_slide__1ZBBq:empty,\n.MaterialNote-module_game__cADMe:empty {\n  display: none;\n}\n.MaterialNote-module_slide__1ZBBq::before,\n.MaterialNote-module_card__OWXbQ::before,\n.MaterialNote-module_game__cADMe::before {\n  content: none;\n}\n.MaterialNote-module_gameSurvey__3SiG-,\n.MaterialNote-module_gameSurvey__3SiG-:empty {\n  display: block;\n}\n.MaterialNote-module_gameSurvey__3SiG-::before {\n  margin-right: auto;\n  margin-left: auto;\n\n  content: '';\n}\n.MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,\n.MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,\n.MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {\n  margin-top: 0;\n}\n.MaterialNote-module_game__cADMe {\n  margin-bottom: 0;\n\n  text-align: center\n}\n@media only screen and (min-device-width: 32em) {\n.MaterialNote-module_game__cADMe {\n    margin-top: 25px\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {\n    color: #fff\n}\n  }\n.MaterialNote-module_slide__1ZBBq,\n.MaterialNote-module_card__OWXbQ {\n  margin-bottom: 9px;\n  padding-top: 8px\n}\n@media only screen and (min-device-width: 32em) {\n.MaterialNote-module_slide__1ZBBq,\n.MaterialNote-module_card__OWXbQ {\n    margin-bottom: 16px\n}\n  }\n";
+var styles$9 = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
+styleInject(css_248z$9);
+
+var MaterialNote = function MaterialNote(_ref) {
+  var data = _ref.block.data,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$9.root, true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "material-note",
+    className: makeClassName(classNames)
+  }, data && data.map(function (item) {
+    return React.createElement("p", {
+      className: styles$9[item.type],
+      key: item.id,
+      dangerouslySetInnerHTML: {
+        __html: item.data
+      }
+    });
+  }));
+};
+
+var css_248z$a = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.BookmarkButton-module_root__3KmuY {\n  color: #e0e0e0;\n}\n.BookmarkButton-module_control__1A0ea {\n  margin: 0;\n  padding: 5px 3px;\n\n  cursor: pointer;\n\n  color: inherit;\n  border-width: 0;\n  outline: none;\n  background-color: transparent;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  fill: transparent;\n}\n.BookmarkButton-module_dark__1cwyi {\n  color: #fff;\n}\n.BookmarkButton-module_light__1uQyH {\n  color: #000;\n}\n.BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {\n  fill: #e0e0e0;\n}\n.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {\n  fill: #fff;\n}\n.BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {\n  fill: #000;\n}\n@media only screen and (min-device-width: 64em) {\n.BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {\n    width: 12px\n}\n  }\n[data-context='prodano'] .BookmarkButton-module_root__3KmuY {\n  display: none;\n}\n";
+var styles$a = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
+styleInject(css_248z$a);
+
+var BookmarkButton = function BookmarkButton(_ref) {
+  var styleContext = _ref.styleContext,
+      theme = _ref.theme,
+      isInBookmarks = _ref.isInBookmarks,
+      _onClick = _ref.onClick;
+  var classNames = [[styles$a.root, true], [styles$a.isInBookmarks, isInBookmarks], [styles$a[theme], !!theme && !!styles$a[theme]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$a);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "bookmark-button",
+    className: makeClassName(classNames)
+  }, React.createElement("button", {
+    className: styles$a.control,
+    onClick: function onClick() {
+      return _onClick();
+    },
+    type: "button"
+  }, React.createElement(SvgSymbol, {
+    icon: "bookmark",
+    size: "unset"
+  })));
+};
+
+var css_248z$b = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.MaterialTitle-module_root__18ku- {\n  display: block;\n}\n.MaterialTitle-module_root__18ku- {\n  margin: 0;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 25px;\n  font-weight: normal;\n  line-height: 27px\n}\n@media only screen and (min-device-width: 48em) {\n.MaterialTitle-module_root__18ku- {\n    font-size: 37px;\n    line-height: 38px\n}\n  }\n.MaterialTitle-module_primary__2Sfmx {\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-weight: normal;\n}\n.MaterialTitle-module_secondary__3uDp4 {\n  font-size: 24px;\n  font-weight: 700\n}\n@media only screen and (min-device-width: 48em) {\n.MaterialTitle-module_secondary__3uDp4 {\n    font-size: 36px\n}\n  }\n";
+var styles$b = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
+styleInject(css_248z$b);
+
+var Primary = function Primary(_ref) {
+  var children = _ref.children;
+  return React.createElement("span", {
+    className: styles$b.primary
+  }, children);
+};
+var Secondary = function Secondary(_ref2) {
+  var children = _ref2.children;
+  return React.createElement("span", {
+    className: styles$b.secondary
+  }, children);
+};
+var MaterialTitle = function MaterialTitle(_ref3) {
+  var children = _ref3.children;
+  return React.createElement("h1", {
+    className: styles$b.root,
+    "data-testid": "material-title"
+  }, children);
+};
+
+var css_248z$c = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Dropdown-module_root__11PNk {\n  position: relative;\n  z-index: 100;\n\n  display: inline-block;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,\n.Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {\n  visibility: visible;\n\n  opacity: 1;\n}\n.Dropdown-module_root__11PNk ul {\n  overflow: hidden;\n\n  width: 162px;\n  margin: 0;\n  padding: 3px 0;\n\n  border-radius: 5px;\n  background: #fff;\n  box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 14px;\n  line-height: 26px;\n}\n.Dropdown-module_root__11PNk a {\n  display: block;\n\n  padding: 2px 15px;\n\n  text-decoration: none;\n\n  color: #000;\n  box-shadow: none;\n}\n.Dropdown-module_root__11PNk a:hover {\n  color: #000;\n  background-color: #f7f7f7;\n}\n.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {\n  right: 0;\n  left: auto\n}\n@media only screen and (min-device-width: 64em) {\n.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {\n    right: auto;\n    left: 0\n}\n  }\n.Dropdown-module_menu__3PIqD {\n  position: absolute;\n  top: 100%;\n  left: 0;\n\n  visibility: hidden;\n\n  padding-top: 6px;\n\n  opacity: 0;\n}\n.Dropdown-module_menu__3PIqD::after {\n  position: absolute;\n  z-index: -1;\n  top: -10px;\n  right: -10px;\n  bottom: -10px;\n  left: -10px;\n\n  content: '';\n}\n";
+var styles$c = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
+styleInject(css_248z$c);
+
+var Menu = function Menu(_ref) {
+  var children = _ref.children;
+  return React.createElement("div", {
+    "data-testid": "dropdown",
+    className: styles$c.menu
+  }, children);
+};
+var Dropdown = function Dropdown(_ref2) {
+  var children = _ref2.children,
+      active = _ref2.active,
+      styleContext = _ref2.styleContext;
+  var classNames = [[styles$c.root, true], [styles$c.active, !!active && !!styles$c.active]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$c);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "dropdown",
+    className: makeClassName(classNames)
+  }, children);
+};
+
+var css_248z$d = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Toolbar-module_root__2HF2r {\n  overflow: hidden;\n\n  transform: translateZ(0);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.Toolbar-module_list__1n5ny {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  flex-flow: row wrap;\n\n  margin: 0 0 0 -10px;\n  padding: 0;\n\n  list-style: none\n}\n@media only screen and (min-device-width: 64em) {\n.Toolbar-module_list__1n5ny {\n    margin: 0 0 0 -15px\n}\n  }\n.Toolbar-module_item__36x7d {\n  position: relative;\n\n  min-width: 42px;\n  height: 32px;\n  padding-right: 10px;\n  padding-left: 10px;\n\n  cursor: pointer;\n  transition: color 250ms ease;\n  text-align: center;\n\n  color: #808080;\n\n  line-height: 1\n}\n@media only screen and (min-device-width: 64em) {\n.Toolbar-module_item__36x7d {\n    padding-right: 15px;\n    padding-left: 15px\n}\n  }\n.Toolbar-module_item__36x7d:last-child {\n  margin-right: 0;\n}\n.Toolbar-module_item__36x7d::before {\n  position: absolute;\n  top: 7px;\n  left: 0;\n\n  height: 18px;\n\n  content: '';\n  vertical-align: middle;\n\n  border-left: 1px solid rgba(0, 0, 0, 0.15);\n}\n.Toolbar-module_item__36x7d:empty {\n  display: none;\n}\n.Toolbar-module_isInTopbar__223iP {\n  height: 100%;\n}\n.Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {\n  height: 100%;\n}\n.Toolbar-module_center__3_H8M {\n  width: 100%;\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.Toolbar-module_game__5-jY_ {\n  margin-top: 11px\n}\n@media only screen and (min-device-width: 32em) {\n.Toolbar-module_game__5-jY_ {\n    margin-top: 18px\n}\n  }\n.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,\n.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {\n  justify-content: center\n}\n@media only screen and (min-device-width: 32em) {\n.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,\n.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex\n}\n  }\n.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {\n  width: 260px\n}\n@media only screen and (min-device-width: 32em) {\n.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {\n    width: auto\n}\n  }\n.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {\n  content: none\n}\n@media only screen and (min-device-width: 32em) {\n.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {\n    content: ''\n}\n  }\n.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,\n.Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {\n  content: none;\n}\n@media only screen and (min-device-width: 64em) {\n.Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,\n.Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {\n    margin-left: 0\n}\n  }\n.Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {\n  border-left-color: rgba(255, 255, 255, 0.2);\n}\n[data-context=\"prodano\"] .Toolbar-module_root__2HF2r {\n  display: none;\n}\n";
+var styles$d = {"root":"Toolbar-module_root__2HF2r","list":"Toolbar-module_list__1n5ny","item":"Toolbar-module_item__36x7d","isInTopbar":"Toolbar-module_isInTopbar__223iP","center":"Toolbar-module_center__3_H8M","game":"Toolbar-module_game__5-jY_","gameSurvey":"Toolbar-module_gameSurvey__1hQEz","dark":"Toolbar-module_dark__2Ejc9"};
+styleInject(css_248z$d);
+
+var Toolbar = function Toolbar(_ref) {
+  var children = _ref.children,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$d.root, true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$d);
+  }
+
+  var renderItems = function renderItems() {
+    return Children.map(children, function (item, index) {
+      return React.createElement("li", {
+        className: styles$d.item,
+        key: index + "-" + item.props.type
+      }, React.cloneElement(item));
+    });
+  };
+
+  return React.createElement("div", {
+    "data-testid": "toolbar",
+    className: makeClassName(classNames)
+  }, React.createElement("ul", {
+    className: styles$d.list
+  }, renderItems()));
+};
+
+var css_248z$e = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Popover-module_root__1v6f_ {\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n\n  display: -webkit-box;\n\n  display: -webkit-flex;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  align-items: flex-end;\n  flex-direction: row;\n\n  width: 100%;\n  height: 100%;\n  min-height: 120px;\n  padding: 10px 10px 0;\n\n  -webkit-animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;\n\n          animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;\n\n  opacity: 1;\n}\n.Popover-module_root__1v6f_.Popover-module_visible__eK5ZQ {\n  -webkit-animation: Popover-module_fadeIn__AkrSN 250ms ease both;\n          animation: Popover-module_fadeIn__AkrSN 250ms ease both;\n}\n.Popover-module_overlay__2SBL0 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  background-color: rgba(0, 0, 0, 0.7);\n\n  contain: '';\n}\n.Popover-module_container__FnZT- {\n  position: relative;\n\n  flex: 1 1;\n\n  max-width: 420px;\n  min-height: 80px;\n  margin: 0 auto;\n  padding: 15px 20px 40px;\n\n  -webkit-animation: Popover-module_disappear__3Q9LI 350ms ease both;\n\n          animation: Popover-module_disappear__3Q9LI 350ms ease both;\n}\n.Popover-module_dismiss__3RnLj {\n  position: absolute;\n  top: -23px;\n  left: 50%;\n\n  width: 50px;\n  height: 36px;\n  padding: 0;\n\n  transform: translateX(-50%);\n\n  opacity: 0.4;\n  border-width: 0;\n  border-radius: 0;\n  background-color: transparent;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='17' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.445 1.832l6.946 4.63a2 2 0 0 0 2.218 0l6.946-4.63a1 1 0 1 0-1.11-1.664L8.5 4.798 1.555.168a1 1 0 1 0-1.11 1.664z' fill='%23F7F7F7' fill-rule='nonzero'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  box-shadow: none;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n}\n.Popover-module_background__1KKaP {\n  position: absolute;\n  z-index: -1;\n  top: 0;\n  left: 0;\n\n  overflow: hidden;\n\n  width: 100%;\n  height: 100%;\n\n  border-radius: 8px 8px 0 0;\n}\n.Popover-module_background__1KKaP rect {\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n}\n.Popover-module_visible__eK5ZQ .Popover-module_container__FnZT- {\n  -webkit-animation: Popover-module_appear__37vPd 350ms ease both;\n          animation: Popover-module_appear__37vPd 350ms ease both;\n}\n@-webkit-keyframes Popover-module_appear__37vPd {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes Popover-module_appear__37vPd {\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@-webkit-keyframes Popover-module_disappear__3Q9LI {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n@keyframes Popover-module_disappear__3Q9LI {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n@-webkit-keyframes Popover-module_fadeIn__AkrSN {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes Popover-module_fadeIn__AkrSN {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes Popover-module_fadeOut__3EZhx {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes Popover-module_fadeOut__3EZhx {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n";
+var styles$e = {"root":"Popover-module_root__1v6f_","fadeOut":"Popover-module_fadeOut__3EZhx","visible":"Popover-module_visible__eK5ZQ","fadeIn":"Popover-module_fadeIn__AkrSN","overlay":"Popover-module_overlay__2SBL0","container":"Popover-module_container__FnZT-","disappear":"Popover-module_disappear__3Q9LI","dismiss":"Popover-module_dismiss__3RnLj","background":"Popover-module_background__1KKaP","appear":"Popover-module_appear__37vPd"};
+styleInject(css_248z$e);
+
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose;
+
+  var _useState = useState(true),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var handleClose = function handleClose() {
+    setVisible(false);
+    setTimeout(onClose, 350);
+  };
+
+  var handleScroll = function handleScroll() {
+    handleClose();
+  };
+
+  var escFunction = function escFunction(event) {
+    if (event.key === 'Escape') {
+      handleClose();
+    }
+  };
+
+  useEffect(function () {
+    window.addEventListener('keydown', escFunction, false);
+    window.addEventListener('scroll', handleScroll, false);
+    return function () {
+      window.removeEventListener('keydown', escFunction, false);
+      window.removeEventListener('scroll', handleScroll, false);
+    };
+  }, [visible]);
+  /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
+
+  return React.createElement("div", {
+    "data-testid": "popover",
+    className: makeClassName([[styles$e.root, true], [styles$e.visible, visible]])
+  }, React.createElement("div", {
+    className: styles$e.overlay,
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }), React.createElement("div", {
+    className: styles$e.container
+  }, React.createElement("button", {
+    type: "button",
+    className: styles$e.dismiss,
+    onClick: function onClick() {
+      return handleClose();
+    },
+    "aria-label": "dismiss"
+  }), React.createElement("svg", {
+    width: "100%",
+    className: styles$e.background
+  }, React.createElement("defs", null, React.createElement("mask", {
+    id: "myMask",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  }, React.createElement("rect", {
+    fill: "white",
+    y: "0",
+    width: "100%",
+    height: "100%",
+    x: "0"
+  }), React.createElement("svg", {
+    x: "50%",
+    overflow: "visible"
+  }, React.createElement("g", {
+    transform: "translate(-12 0)"
+  }, React.createElement("path", {
+    d: "M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z"
+  }))))), React.createElement("rect", {
+    fill: "#F7F7F7",
+    id: "base-mask",
+    mask: "url(#myMask)",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  })), children));
+};
+
+var css_248z$f = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Meta-module_root__12AG7 {\n  transform: translateZ(0);\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 12px;\n  line-height: 14px;\n\n  fill: inherit;\n}\n.Meta-module_rich__1XBtZ,\n.Meta-module_podcast__1m4zo,\n.Meta-module_episode__1K2Xv,\n.Meta-module_simple__3vUiI,\n.Meta-module_slide__3g6fG,\n.Meta-module_card__LE1RK,\n.Meta-module_game__3aNlZ,\n.Meta-module_isInMaterial__zaYMy {\n  width: 100%;\n\n  color: #757575;\n}\n.Meta-module_podcast__1m4zo {\n  fill: currentColor;\n}\n.Meta-module_isInSearchItem__1wbpx {\n  color: rgba(255, 255, 255, 0.7);\n}\n@media only screen and (min-device-width: 64em) {\n.Meta-module_center__3BBPr.Meta-module_half__1xRkT {\n    text-align: left\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.Meta-module_episode__1K2Xv,\n.Meta-module_card__LE1RK,\n.Meta-module_slide__3g6fG,\n.Meta-module_game__3aNlZ,\n.Meta-module_center__3BBPr {\n    text-align: center\n}\n  }\n.Meta-module_light__2baE- {\n  color: rgba(255, 255, 255, 0.6);\n\n  fill: currentColor;\n}\n.Meta-module_dark__24y9m {\n  color: #757575;\n}\n.Meta-module_episode__1K2Xv,\n.Meta-module_card__LE1RK,\n.Meta-module_slide__3g6fG,\n.Meta-module_podcast__1m4zo {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  align-items: center;\n  flex-flow: row wrap\n}\n@media only screen and (min-device-width: 48em) {\n.Meta-module_episode__1K2Xv,\n.Meta-module_card__LE1RK,\n.Meta-module_slide__3g6fG,\n.Meta-module_podcast__1m4zo {\n    display: block\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.Meta-module_hasSource__2lXiN {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    flex-flow: row wrap\n}\n  }\n.Meta-module_bookmark__3ot3k {\n  position: absolute;\n  z-index: 10;\n  right: -12px;\n  bottom: -4px\n}\n@media only screen and (min-device-width: 32em) {\n.Meta-module_bookmark__3ot3k {\n    display: none\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.Meta-module_mobile__22LGV {\n    display: none\n}\n  }\n.Meta-module_desktop__1ZGUS {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.Meta-module_desktop__1ZGUS {\n    display: block\n}\n  }\n";
+var styles$f = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
+styleInject(css_248z$f);
+
+var Meta = function Meta(_ref) {
+  var hasSource = _ref.hasSource,
+      theme = _ref.theme,
+      children = _ref.children,
+      onlyOn = _ref.onlyOn,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$f.root, true], [styles$f[theme], !!theme && !!styles$f[theme]], [styles$f[onlyOn], !!onlyOn], [styles$f.hasSource, hasSource]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "meta",
+    className: makeClassName(classNames)
+  }, children);
+};
+
+var css_248z$g = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Timestamp-module_root__coOvT {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-weight: normal;\n}\n";
+var styles$g = {"root":"Timestamp-module_root__coOvT"};
+styleInject(css_248z$g);
+
+var Timestamp = function Timestamp(_ref) {
+  var publishedAt = _ref.publishedAt,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      type = _ref.type;
+  var published;
+  var timeFormat = locale === 'ru' ? 'HH:mm, D MMMM YYYY' : 'h:mm a, MMMM D, YYYY';
+  var preparedPublishedAt = publishedAt * 1000;
+  dayjs.locale(locale);
+  dayjs.extend(relativeTime);
+
+  if (type === 'fromNow') {
+    published = dayjs(preparedPublishedAt).fromNow();
+  } else if (type === 'format') {
+    published = dayjs(preparedPublishedAt).format('HH:mm');
+  } else if (type === 'date') {
+    published = dayjs(preparedPublishedAt).format(timeFormat);
+  } else {
+    throw new Error('Unknown time type');
+  }
+
+  return React.createElement("time", {
+    "data-testid": "timestamp",
+    className: styles$g.root
+  }, published);
+};
+
+var DangerousHTML = function DangerousHTML(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$tagName = _ref.tagName,
+      TagName = _ref$tagName === void 0 ? 'div' : _ref$tagName,
+      html = _ref.html;
+  var element = useRef(null);
+
+  var _useState = useState(false),
+      canRenderHtml = _useState[0],
+      setCanRenderHtml = _useState[1];
+
+  useEffect(function () {
+    setCanRenderHtml(true);
+  }, []);
+  var replaceScriptElementsRecursive = useCallback(function (node) {
+    if (node.tagName === 'SCRIPT' && (!node.id || node.id.indexOf('script-') !== 0)) {
+      var script = document.createElement('script');
+      script.id = "script-" + Math.random().toString(16).slice(2);
+      script.innerHTML = node.innerHTML;
+      var attrs = node.attributes;
+
+      for (var i = 0; i < attrs.length; i += 1) {
+        var _attrs$i = attrs[i],
+            name = _attrs$i.name,
+            value = _attrs$i.value;
+        script.setAttribute(name, value);
+      }
+
+      node.parentElement.replaceChild(script, node);
+    } else {
+      var _i = 0;
+      var children = node.childNodes;
+
+      while (_i < children.length) {
+        replaceScriptElementsRecursive(children[_i]);
+        _i += 1;
+      }
+    }
+  }, []);
+  var prepareAnchors = useCallback(function () {
+    var anchors = Array.from(element.current.querySelectorAll('a'));
+    anchors.forEach(function (a) {
+      a.setAttribute('target', '_blank');
+    });
+  }, []);
+  useEffect(function () {
+    if (canRenderHtml && html.indexOf('script') > -1 && element.current) {
+      element.current.innerHTML = html;
+      replaceScriptElementsRecursive(element.current);
+      prepareAnchors();
+    }
+  }, [canRenderHtml, element, html]);
+  return React.createElement(TagName // @ts-ignore
+  , {
+    // @ts-ignore
+    ref: element,
+    className: className,
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  });
+};
+
+var css_248z$h = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.EmbedBlock-module_root__28k9U {\n  position: relative;\n\n  margin: 15px 0\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_root__28k9U {\n    margin: 25px 0 20px\n}\n  }\n.EmbedBlock-module_root__28k9U:first-child {\n  margin-top: 0;\n}\n.EmbedBlock-module_root__28k9U:last-child {\n  margin-bottom: 0;\n}\n.EmbedBlock-module_root__28k9U figcaption {\n  width: 100%;\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.EmbedBlock-module_object__2_UZ7 {\n  position: relative;\n}\n.EmbedBlock-module_objectWrap__1aDVd {\n  position: relative;\n\n  display: -webkit-box;\n\n  display: -webkit-flex;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  flex-flow: column nowrap;\n}\n.EmbedBlock-module_objectWrap__1aDVd iframe {\n  display: block;\n\n  width: 100px;\n  min-width: 100%;\n\n  border-width: 0;\n}\n.EmbedBlock-module_proportional__3lAv4 iframe,\n.EmbedBlock-module_proportional__3lAv4 video {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  height: 100%;\n}\n.EmbedBlock-module_objectWrap__1aDVd img,\n.EmbedBlock-module_objectWrap__1aDVd video {\n  width: 100%;\n  height: auto;\n}\n.EmbedBlock-module_attachment__2pE0t {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  align-items: flex-end;\n  flex-direction: row;\n  flex-wrap: nowrap;\n}\n.EmbedBlock-module_attachment__2pE0t figcaption {\n  padding-left: 12px;\n}\n.EmbedBlock-module_default__LSDny,\n.EmbedBlock-module_xs__1hFgW {\n  max-width: 650px\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_default__LSDny,\n.EmbedBlock-module_xs__1hFgW {\n    margin-right: auto;\n    margin-left: auto\n}\n  }\n.EmbedBlock-module_full__1TEjx {\n  max-width: 980px\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_full__1TEjx {\n    margin-right: auto;\n    margin-left: auto\n}\n  }\n.EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7 {\n  margin-right: -20px;\n  margin-left: -20px\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7 {\n    margin-right: 0;\n    margin-left: 0\n}\n  }\n.EmbedBlock-module_super_full__1Fn9A {\n  max-width: 100%;\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_super_full__1Fn9A .EmbedBlock-module_figure__vAvcN {\n    margin-right: -15px;\n    margin-left: -15px\n}\n  }\n.EmbedBlock-module_dark__1be2G iframe {\n  background-color: transparent;\n}\n.EmbedBlock-module_isInGroupedBlock__3r_i- {\n  max-width: none\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_isInGroupedBlock__3r_i- {\n    margin: 0\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_isInGroupedBlock__3r_i- .EmbedBlock-module_figure__vAvcN {\n    margin: 0\n}\n  }\n.EmbedBlock-module_isInGroupedBlock__3r_i- figcaption {\n  max-width: none;\n  margin-right: 0;\n  margin-left: 0;\n}\n[data-frozen='true'] {\n  position: relative;\n\n  cursor: pointer;\n}\n[data-frozen='true']::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  content: '';\n  pointer-events: none;\n\n  background-image: url(\"data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill-opacity='.5' fill='%23000' cx='35' cy='35' r='35'/%3E%3Cpath d='M35 66.75c2.816 0 5.585-.367 8.256-1.084.667-.18 1.062-.865.883-1.532-.18-.666-.866-1.062-1.533-.883-2.46.662-5.01 1-7.607 1-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25zm15.946-4.29c2.41-1.4 4.624-3.114 6.587-5.092.487-.49.484-1.282-.006-1.768s-1.282-.484-1.768.006c-1.81 1.823-3.852 3.403-6.07 4.694-.598.347-.8 1.113-.453 1.71.347.596 1.112.798 1.71.45zm11.632-11.716c1.382-2.417 2.442-5.007 3.147-7.713.174-.667-.226-1.35-.894-1.524-.667-.174-1.35.227-1.524.895-.65 2.492-1.625 4.877-2.898 7.102-.343.6-.135 1.363.464 1.706.6.343 1.363.135 1.706-.464zm4.172-15.912c-.015-2.816-.397-5.583-1.128-8.25-.183-.666-.87-1.058-1.537-.875-.665.183-1.057.87-.874 1.536.675 2.457 1.026 5.006 1.04 7.602.003.69.566 1.247 1.256 1.243.69-.003 1.247-.566 1.244-1.256zM62.376 18.91c-1.414-2.402-3.14-4.608-5.128-6.56-.492-.485-1.283-.478-1.767.015-.483.492-.476 1.284.016 1.767 1.833 1.8 3.423 3.834 4.726 6.046.35.595 1.117.793 1.712.443.594-.35.793-1.116.442-1.71zM50.598 7.34c-2.424-1.37-5.02-2.416-7.73-3.107-.668-.17-1.35.233-1.52.902-.17.67.234 1.35.903 1.52 2.496.637 4.886 1.6 7.118 2.86.6.34 1.363.13 1.703-.472.34-.602.13-1.364-.472-1.704zM34.665 3.25c-2.815.03-5.58.425-8.244 1.17-.664.187-1.052.877-.865 1.542.186.664.875 1.052 1.54.866 2.454-.687 5-1.052 7.596-1.078.69-.008 1.245-.573 1.238-1.263-.007-.692-.573-1.245-1.263-1.238zm-15.903 4.46c-2.393 1.426-4.59 3.163-6.533 5.162-.482.495-.47 1.287.024 1.768.496.48 1.287.47 1.768-.026 1.79-1.842 3.815-3.443 6.02-4.758.594-.354.788-1.12.434-1.714-.353-.593-1.12-.787-1.714-.433zM7.256 19.55c-1.357 2.43-2.39 5.032-3.065 7.745-.166.67.242 1.348.912 1.515.67.167 1.348-.24 1.515-.91.623-2.5 1.573-4.894 2.822-7.133.335-.603.12-1.365-.484-1.7-.603-.338-1.364-.122-1.7.48zM3.254 35.5c.043 2.813.454 5.577 1.214 8.237.19.663.882 1.047 1.545.857.664-.19 1.05-.88.86-1.545-.7-2.45-1.08-4.995-1.12-7.59-.01-.69-.578-1.24-1.27-1.23-.69.01-1.24.58-1.23 1.27zm4.543 15.88c1.44 2.385 3.188 4.573 5.197 6.505.497.478 1.29.463 1.767-.035.48-.497.464-1.29-.033-1.767-1.85-1.78-3.463-3.797-4.79-5.995-.356-.59-1.125-.78-1.716-.425-.59.357-.78 1.125-.423 1.716zm11.9 11.444c2.44 1.343 5.046 2.36 7.763 3.023.67.162 1.347-.25 1.51-.92.164-.67-.247-1.347-.918-1.51-2.502-.61-4.902-1.547-7.147-2.784-.605-.333-1.365-.113-1.698.492-.334.604-.114 1.365.49 1.698z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M19.838 34.99c0 4.39 3.297 7.265 7.35 7.265 2.437 0 4.39-1.008 5.776-2.54v-5.25h-6.636v2.162h4.178v2.184c-.63.59-1.89 1.26-3.317 1.26-2.774.002-4.832-2.14-4.832-5.08s2.058-5.062 4.83-5.062c1.576 0 2.9.82 3.634 1.87l2.015-1.134c-1.134-1.617-2.92-2.92-5.65-2.92-4.052 0-7.35 2.857-7.35 7.245zm15.487 6.992h2.457V27.977h-2.456v14.007zm5.24 0h2.457v-6.047h6.992v-2.163h-6.992V30.14l7.14-.002v-2.163h-9.597v14.008z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 70px 70px;\n}\n.EmbedBlock-module_gameEmbed__AZQSo {\n  width: 100%;\n  max-width: 650px;\n  margin: 0 auto;\n\n  border-radius: 2px;\n  background: #fff;\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.EmbedBlock-module_gameEmbed__AZQSo iframe {\n  display: block;\n\n  width: 100%;\n\n  border-width: 0;\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_mobile__1P-eo {\n    display: none\n}\n  }\n.EmbedBlock-module_mobile__1P-eo .EmbedBlock-module_figure__vAvcN {\n  overflow: hidden;\n\n  border-radius: 8px 8px 0 0;\n}\n.EmbedBlock-module_desktop__SF5a_ {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_desktop__SF5a_ {\n    display: block\n}\n  }\n.EmbedBlock-module_control__xr8dZ {\n  position: absolute;\n  z-index: 10;\n  right: -8px;\n  bottom: 12px;\n\n  width: 28px;\n  height: 28px;\n  margin: 0;\n  padding: 0;\n\n  color: #fff;\n  border-width: 0;\n  border-radius: 14px;\n  background-color: rgba(0, 0, 0, 0.7);\n  background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%23FEFEFE' fill-rule='evenodd' opacity='.7'%3E %3Cpath d='M12.726 16H3.275A3.276 3.276 0 0 1 0 12.725v-9.45A3.276 3.276 0 0 1 3.275 0h9.45A3.275 3.275 0 0 1 16 3.275v9.45A3.275 3.275 0 0 1 12.726 16zm0-2c.703 0 1.274-.571 1.274-1.275v-9.45C14 2.571 13.429 2 12.726 2H3.275C2.57 2 2 2.571 2 3.275v9.45C2 13.429 2.57 14 3.275 14h9.45z' fill-rule='nonzero'/%3E %3Cpath d='M4.97 8.307l7.046 7.046a.5.5 0 0 0 .708-.707l-7.4-7.4a.5.5 0 0 0-.708 0l-3.97 3.97a.5.5 0 0 0 .708.707L4.97 8.307z' fill-rule='nonzero'/%3E %3Cpath d='M10.875 5.832l3.771 3.771a.5.5 0 0 0 .707-.707l-4.125-4.125a.5.5 0 0 0-.707 0l-4.19 4.19a.5.5 0 1 0 .707.707l3.837-3.836z' fill-rule='nonzero'/%3E %3Cpath d='M5.865 4.269a.894.894 0 1 1-1.787 0 .894.894 0 0 1 1.787 0'/%3E %3C/g%3E %3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.15);\n}\n.EmbedBlock-module_raw_html__MQoAA {\n  margin: 0 auto;\n}\n.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_figure__vAvcN {\n  margin-right: -20px;\n  margin-left: -20px\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_figure__vAvcN {\n    margin-right: auto;\n    margin-left: auto\n}\n  }\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp .EmbedBlock-module_figure__vAvcN,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M .EmbedBlock-module_figure__vAvcN {\n  margin-right: -11px;\n  margin-left: -11px\n}\n@media only screen and (min-device-width: 64em) {\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_card__KTbvp .EmbedBlock-module_figure__vAvcN,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_youtube__3gGQ5 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_vimeo__kpH1s .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_onetv__3o33d .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_coub__38Mva .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M.EmbedBlock-module_facebook_video__1_M05 .EmbedBlock-module_object__2_UZ7,\n.EmbedBlock-module_slide__3cL3M .EmbedBlock-module_figure__vAvcN {\n    margin-right: auto;\n    margin-left: auto\n}\n  }\n.EmbedBlock-module_card__KTbvp:not(.EmbedBlock-module_cc__1BQ5g):last-child,\n.EmbedBlock-module_slide__3cL3M:not(.EmbedBlock-module_cc__1BQ5g):last-child {\n  overflow: hidden;\n\n  margin-bottom: -16px;\n\n  border-radius: 0 0 8px 8px\n}\n@media only screen and (min-device-width: 64em) {\n.EmbedBlock-module_card__KTbvp:not(.EmbedBlock-module_cc__1BQ5g):last-child,\n.EmbedBlock-module_slide__3cL3M:not(.EmbedBlock-module_cc__1BQ5g):last-child {\n    margin-bottom: -24px\n}\n  }\n.EmbedBlock-module_isInAnswer__tLlgs {\n  margin-top: 12px;\n  margin-bottom: 12px\n}\n@media only screen and (min-device-width: 64em) {\n.EmbedBlock-module_isInAnswer__tLlgs {\n    margin-top: 10px;\n    margin-bottom: 10px\n}\n  }\n.EmbedBlock-module_isInAnswer__tLlgs .EmbedBlock-module_figure__vAvcN {\n  margin-right: 0;\n  margin-left: 0;\n}\n.EmbedBlock-module_picture__186q0.EmbedBlock-module_default__LSDny .EmbedBlock-module_figure__vAvcN {\n  margin-right: 0;\n  margin-left: 0;\n}\n.EmbedBlock-module_picture__186q0.EmbedBlock-module_default__LSDny img {\n  border-radius: 2px;\n}\n.EmbedBlock-module_wrapper__33XvX {\n  position: relative;\n}\n.EmbedBlock-module_wrapper__33XvX .EmbedBlock-module_objectWrap__1aDVd {\n  position: static;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_mobile__1P-eo {\n    display: none\n}\n  }\n.EmbedBlock-module_desktop__SF5a_ {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.EmbedBlock-module_desktop__SF5a_ {\n    display: block\n}\n  }\n/* XS */\n@media only screen and (min-device-width: 40.625em) {\n.EmbedBlock-module_xs__1hFgW {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    flex-flow: row nowrap\n}\n  }\n.EmbedBlock-module_xs__1hFgW .EmbedBlock-module_figure__vAvcN {\n  flex-shrink: 0;\n\n  max-width: 33.3333333%;\n  margin-right: 0;\n  margin-left: 0\n}\n@media only screen and (min-device-width: 40.625em) {\n.EmbedBlock-module_xs__1hFgW .EmbedBlock-module_figure__vAvcN {\n    width: 216px;\n    margin-right: 15px\n}\n  }\n.EmbedBlock-module_xs__1hFgW .EmbedBlock-module_figure__vAvcN figcaption {\n  padding-top: 12px;\n}\n.EmbedBlock-module_xs__1hFgW + h3,\n.EmbedBlock-module_xs__1hFgW + h4 {\n  margin-top: 0;\n}\n";
+var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","proportional":"EmbedBlock-module_proportional__3lAv4","attachment":"EmbedBlock-module_attachment__2pE0t","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","youtube":"EmbedBlock-module_youtube__3gGQ5","vimeo":"EmbedBlock-module_vimeo__kpH1s","onetv":"EmbedBlock-module_onetv__3o33d","coub":"EmbedBlock-module_coub__38Mva","facebook_video":"EmbedBlock-module_facebook_video__1_M05","card":"EmbedBlock-module_card__KTbvp","slide":"EmbedBlock-module_slide__3cL3M","cc":"EmbedBlock-module_cc__1BQ5g","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX"};
+styleInject(css_248z$h);
+
+var EmbedBlock = function EmbedBlock(_ref) {
+  var block = _ref.block,
+      _ref$block = _ref.block,
+      data = _ref$block.data,
+      _ref$block$data = _ref$block.data,
+      display = _ref$block$data.display,
+      onlyOn = _ref$block$data.only_on,
+      provider = _ref$block$data.provider,
+      cc = _ref$block$data.cc,
+      optimized = _ref$block$data.optimized,
+      small = _ref$block$data.small_url,
+      large = _ref$block$data.large_url,
+      styleContext = _ref.styleContext,
+      children = _ref.children;
+
+  var _useState = useState(false),
+      isPopoverShown = _useState[0],
+      setIsPopoverShown = _useState[1];
+
+  var _useState2 = useState(false),
+      videoFrozen = _useState2[0],
+      setVideoFrozen = _useState2[1];
+
+  var videoElem = useRef(null);
+  var wrapperElem = useRef(null);
+
+  var handleVideoTouch = function handleVideoTouch() {
+    videoElem.current.play();
+    setVideoFrozen(false);
+  };
+
+  var handleVideoError = function handleVideoError() {
+    var video = videoElem.current;
+    video.setAttribute('poster', video.dataset.gif);
+    setVideoFrozen(false);
+  };
+
+  useEffect(function () {
+    var video = videoElem.current;
+
+    if (block.type === 'gif' && video) {
+      var _viewportSize = viewportSize(),
+          viewportWidth = _viewportSize.width;
+
+      enableInlineVideo(video);
+
+      if (viewportWidth >= MediaQuerySizes.MOBILE) {
+        video.setAttribute('autoplay', true);
+        video.play();
+      } else {
+        setVideoFrozen(true);
+        video.pause();
+        video.addEventListener('touchstart', handleVideoTouch);
+      }
+
+      video.addEventListener('error', handleVideoError);
+    }
+
+    return function () {
+      if (video) {
+        video.removeEventListener('touchstart', handleVideoTouch);
+        video.removeEventListener('error', handleVideoError);
+      }
+    };
+  }, []);
+
+  var renderCC = function renderCC(context) {
+    return React.createElement(MediaCaption, {
+      credit: data.credit,
+      caption: data.caption,
+      styleContext: context || styleContext
+    });
+  };
+
+  var renderEmbed = function renderEmbed(style) {
+    var html = block.data.html;
+
+    switch (block.type) {
+      case 'gif':
+        {
+          return React.createElement("div", {
+            className: styles$h.figure
+          }, React.createElement("div", {
+            className: styles$h.objectWrap,
+            style: style,
+            ref: wrapperElem,
+            "data-frozen": videoFrozen
+          }, React.createElement("video", {
+            playsInline: true,
+            muted: true,
+            loop: true,
+            autoPlay: true,
+            preload: "metadata",
+            "data-gif": block.data.gif_url,
+            ref: videoElem
+          }, React.createElement("source", {
+            src: "https://meduza.io" + block.data.mp4_url,
+            type: "video/mp4"
+          }))));
+        }
+
+      case 'image':
+        {
+          return React.createElement("div", {
+            className: styles$h.figure
+          }, (small || optimized) && React.createElement(Image, {
+            fullscreen: block.data.fullscreen,
+            source: !optimized && [small, large],
+            optimized: block.data.optimized,
+            width: block.data.width,
+            height: block.data.height,
+            alt: block.data.caption,
+            display: block.data.display,
+            lazy: block.data.lazy
+          }));
+        }
+
+      case 'game_embed':
+        {
+          return React.createElement("div", {
+            className: styles$h.gameEmbed
+          }, React.createElement("iframe", {
+            src: block.data.game_src,
+            id: block.data.game_id,
+            title: "Game embed"
+          }));
+        }
+
+      default:
+        {
+          return React.createElement("div", {
+            className: styles$h.object
+          }, React.createElement("div", {
+            className: styles$h.wrapper,
+            style: style
+          }, React.createElement(DangerousHTML, {
+            className: styles$h.objectWrap,
+            html: html
+          })));
+        }
+    }
+  };
+
+  var style = {};
+  var isProportional; // @TODO: Разобраться зачем это было нужно
+  // const className = Object.keys(styleContext)
+  //   .filter(key => key.startsWith('isIn') && styles[key])
+  //   .reduce((acc, key) => {
+  //     acc.push([styles[key], true])
+  //     return acc
+  //   }, [])
+
+  /* eslint-disable react/no-array-index-key, no-mixed-operators */
+
+  if (block.data.height && block.data.width) {
+    style.paddingBottom = block.data.height / block.data.width * 100 + "%";
+    style.height = 0;
+    isProportional = true;
+  }
+
+  var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.proportional, !!styles$h.proportional && isProportional]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$h);
+  }
+
+  return React.createElement("figure", {
+    className: makeClassName(classNames)
+  }, children && React.createElement("div", {
+    className: styles$h.object
+  }, React.createElement("div", {
+    className: styles$h.wrapper,
+    style: style
+  }, React.createElement("div", {
+    className: styles$h.objectWrap
+  }, children))), !children && renderEmbed(style), cc === 'default' && React.createElement("figcaption", null, renderCC()), cc === 'button' && React.createElement("button", {
+    className: styles$h.control,
+    type: "button",
+    "aria-label": "Open",
+    onClick: function onClick() {
+      setIsPopoverShown(!isPopoverShown);
+    }
+  }), cc === 'button' && isPopoverShown && React.createElement(Popover, {
+    onClose: function onClose() {
+      setIsPopoverShown(false);
+    }
+  }, renderCC('isInPopover')));
+};
+
+var IframeBlock = function IframeBlock(_ref) {
+  var block = _ref.block,
+      id = _ref.block.id,
+      styleContext = _ref.styleContext,
+      _ref$lang = _ref.lang,
+      lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
+  var element = useRef(null);
+
+  var renderIframe = function renderIframe() {
+    var rootEl = document.createElement('div');
+    var contentEl = document.createElement('div');
+    var scriptEl = document.createElement('script');
+    var style = document.createElement('style');
+    var range = document.createRange();
+    range.setStart(contentEl, 0);
+    contentEl.setAttribute('id', 'content');
+    scriptEl.textContent = "\n        function getDocHeight() {\n            var doc = document;\n            var body = doc.body;\n            var html = doc.documentElement;\n            var height = Math.max( body.scrollHeight, body.offsetHeight,\n                html.clientHeight, html.scrollHeight, html.offsetHeight );\n\n            doc.body.style.margin=\"0\";\n\n            return document.getElementById('content') ? document.getElementById('content').offsetHeight : height;\n        }\n\n        function sendDocHeightMsg() {\n            var height = getDocHeight();\n            var message = JSON.stringify({\n                action: {\n                    type: \"UPDATE_HEIGHT\",\n                    payload: {\n                        id: \"" + block.id + "\",\n                        height: height\n                    }\n                }\n            });\n            parent.postMessage(\"mdzMaterialEmbedHeight=\" + message, '*');\n        }\n\n        setInterval(sendDocHeightMsg, 300);\n        ";
+    style.type = 'text/css';
+    style.innerHTML = block.type === 'embed_code' ? '.twitter-tweet { padding-top: 15px; margin: 0 !important; }' : '.twitter-tweet { margin: 0 !important; } .fb-post { display: block; } .instagram-media { min-width: 0 !important; }';
+    contentEl.appendChild(range.createContextualFragment(block.data.html));
+    rootEl.appendChild(scriptEl);
+    rootEl.appendChild(contentEl);
+    contentEl.appendChild(style);
+    var frame = element.current.querySelector('iframe').contentDocument;
+    frame.open();
+    frame.close();
+    frame.documentElement.setAttribute('lang', lang);
+    frame.body.appendChild(rootEl);
+  };
+
+  useEffect(function () {
+    renderIframe();
+  }, []);
+  return React.createElement(EmbedBlock, {
+    block: block,
+    styleContext: styleContext
+  }, React.createElement("div", {
+    ref: element,
+    dangerouslySetInnerHTML: {
+      __html: "<iframe id=" + id + " frameBorder=\"0\" scrolling=\"no\"></iframe>"
+    }
+  }));
+};
+
+var EmbedBlockContainer = function EmbedBlockContainer(_ref) {
+  var block = _ref.block,
+      styleContext = _ref.styleContext,
+      lang = _ref.lang;
+
+  if (block.data.wrap_with_iframe) {
+    return React.createElement(IframeBlock, {
+      block: block,
+      styleContext: styleContext,
+      lang: lang
+    });
+  }
+
+  return React.createElement(EmbedBlock, {
+    block: block,
+    styleContext: styleContext
+  });
+};
+
+var css_248z$i = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.QuoteBlock-module_root__2GrcC {\n  position: relative;\n\n  margin-bottom: 14px;\n  padding-left: 18px;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 18px;\n  line-height: 24px\n}\n@media only screen and (min-device-width: 32em) {\n.QuoteBlock-module_root__2GrcC {\n    margin: 0 0 20px;\n    padding-left: 36px;\n\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {\n  margin-top: -14px;\n  padding-top: 14px\n}\n@media only screen and (min-device-width: 32em) {\n.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {\n    margin-top: -20px;\n    padding-top: 20px\n}\n  }\n.QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {\n  top: -10px;\n}\n.QuoteBlock-module_root__2GrcC:before {\n  position: absolute;\n  top: 5px;\n  bottom: 7px;\n  left: 0;\n\n  width: 4px;\n\n  content: '';\n\n  border-radius: 2px;\n  background-color: #ebebeb\n}\n@media only screen and (min-device-width: 32em) {\n.QuoteBlock-module_root__2GrcC:before {\n    top: 4px;\n    bottom: 6px\n}\n  }\n.QuoteBlock-module_root__2GrcC:last-child {\n  margin-bottom: 0;\n}\n.QuoteBlock-module_root__2GrcC p {\n  margin: 0;\n}\n.QuoteBlock-module_root__2GrcC a {\n  text-decoration: none;\n\n  color: inherit;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.QuoteBlock-module_root__2GrcC a:hover {\n  color: #b88b59;\n}\n.QuoteBlock-module_center__cTFNy {\n  width: 100%;\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n";
+var styles$i = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
+styleInject(css_248z$i);
+
+var QuoteBlock = function QuoteBlock(_ref) {
+  var data = _ref.block.data,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$i.root, true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$i);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "quote-block",
+    className: makeClassName(classNames)
+  }, React.createElement("p", {
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
+  }));
+};
+
+var css_248z$j = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.CardTitle-module_root__1uqqF {\n  margin-bottom: 11px\n}\n@media only screen and (min-device-width: 64em) {\n.CardTitle-module_root__1uqqF {\n    margin-bottom: 10px;\n\n    text-align: center\n}\n  }\n.CardTitle-module_index__4FsTf {\n  margin-bottom: 7px;\n\n  color: #b88b59;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.CardTitle-module_title__2iTI6 {\n  color: #1d1d1d;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px\n}\n@media only screen and (min-device-width: 64em) {\n.CardTitle-module_title__2iTI6 {\n    font-size: 28px;\n    line-height: 34px\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.CardTitle-module_mobile__1_kij {\n    display: none\n}\n  }\n.CardTitle-module_desktop__1l3_n {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.CardTitle-module_desktop__1l3_n {\n    display: block\n}\n  }\n";
+var styles$j = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
+styleInject(css_248z$j);
+
+var CardTitle = function CardTitle(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      index = _ref$block.index,
+      text = _ref$block.text,
+      styleContext = _ref.styleContext;
+  return React.createElement("div", {
+    "data-testid": "card-title",
+    className: makeClassName([[styles$j.root, true], [styles$j[onlyOn], !!onlyOn], [styles$j[styleContext], !!styleContext && !!styles$j[styleContext]]])
+  }, React.createElement("div", {
+    className: styles$j.index
+  }, index), React.createElement("h3", {
+    className: styles$j.title
+  }, text));
+};
+
+var css_248z$k = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.ChapterBlock-module_root__1WyVn {\n  position: relative;\n\n  margin: 38px auto 7px\n}\n@media only screen and (min-device-width: 32em) {\n.ChapterBlock-module_root__1WyVn {\n    max-width: 650px;\n    margin-top: 70px\n}\n  }\n.ChapterBlock-module_root__1WyVn:first-child {\n  margin-top: 0;\n}\n.ChapterBlock-module_root__1WyVn:last-child {\n  margin-bottom: 0;\n}\n.ChapterBlock-module_subtitle__3TXll {\n  display: inline-block;\n\n  vertical-align: top;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 12px\n}\n@media only screen and (min-device-width: 32em) {\n.ChapterBlock-module_subtitle__3TXll {\n    font-size: 13px;\n    line-height: 16px\n}\n  }\n.ChapterBlock-module_subtitle__3TXll::after {\n  display: block;\n\n  width: 120px;\n  padding: 0 0 7px;\n\n  content: '';\n\n  border-bottom: 1px solid #ccc\n}\n@media only screen and (min-device-width: 32em) {\n.ChapterBlock-module_subtitle__3TXll::after {\n    padding: 0 0 6px\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.ChapterBlock-module_mobile__CiO0w {\n    display: none\n}\n  }\n.ChapterBlock-module_desktop__tk1Nk {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.ChapterBlock-module_desktop__tk1Nk {\n    display: block\n}\n  }\n\n";
+var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
+styleInject(css_248z$k);
+
+var ChapterBlock = function ChapterBlock(_ref) {
+  var block = _ref.block,
+      onlyOn = _ref.block.only_on,
+      styleContext = _ref.styleContext;
+  return React.createElement("div", {
+    "data-testid": "chapter-block",
+    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
+  }, React.createElement(DangerousHTML, {
+    className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
+    html: block.data
+  }));
+};
+
+var generateGradient = function generateGradient(color) {
+  var gradientSteps = [[0, 7], [0.08, 12], [0.16, 17], [0.22, 21], [0.32, 26], [0.42, 32], [0.52, 38], [0.62, 47], [0.72, 57], [0.82, 65], [1, 82]];
+  var gradient = gradientSteps.map(function (i) {
+    return "rgba(" + color + ", " + i[0] + ") " + i[1] + "%";
+  });
+  return "linear-gradient(-180deg, " + gradient + ")";
+};
+
+var css_248z$l = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Cover-module_root__18Z8J {\n  display: block;\n}\n";
+var styles$l = {"root":"Cover-module_root__18Z8J"};
+styleInject(css_248z$l);
+
+var css_248z$m = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.SimpleTitle-module_root__2jVQN {\n  margin: 0 0 18px;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 20px;\n  font-weight: normal;\n  line-height: 23px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleTitle-module_root__2jVQN {\n    margin-bottom: 15px;\n\n    font-size: 36px;\n    line-height: 40px\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.SimpleTitle-module_mobile__11gBz {\n    display: none\n}\n  }\n.SimpleTitle-module_desktop__3yXgy {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleTitle-module_desktop__3yXgy {\n    display: block\n}\n  }\n";
+var styles$m = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
+styleInject(css_248z$m);
+
+var SimpleTitle = function SimpleTitle(_ref) {
+  var _ref$block = _ref.block,
+      first = _ref$block.data.first,
+      onlyOn = _ref$block.only_on,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "simple-title",
+    className: makeClassName(classNames)
+  }, first);
+};
+
+var css_248z$n = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.RichTitle-module_root__BK_WT {\n  margin: 0 0 18px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 23px\n}\n@media only screen and (min-device-width: 48em) {\n.RichTitle-module_root__BK_WT {\n    margin-bottom: 15px;\n\n    font-size: 37px;\n    line-height: 42px\n}\n  }\n.RichTitle-module_root__BK_WT:last-child {\n  margin-bottom: 0;\n}\n.RichTitle-module_root__BK_WT span {\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 20px;\n  font-weight: normal\n}\n@media only screen and (min-device-width: 48em) {\n.RichTitle-module_root__BK_WT span {\n    font-size: 38px\n}\n  }\n@media only screen and (min-device-width: 32em) {\n.RichTitle-module_slide__1A-gB,\n.RichTitle-module_game__1g8Bn {\n    text-align: center\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.RichTitle-module_half__10GRI {\n    font-size: 33px;\n    line-height: 36px\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.RichTitle-module_half__10GRI span {\n    font-size: 34px\n}\n  }\n.RichTitle-module_game__1g8Bn:first-child {\n  padding-top: 9px;\n}\n.RichTitle-module_featured__wJfaQ {\n  letter-spacing: 0.3px;\n\n  font-size: 28px;\n  line-height: 30px;\n}\n.RichTitle-module_featured__wJfaQ span {\n  display: block;\n\n  padding-top: 2px;\n\n  font-size: 18px;\n  line-height: 24px;\n}\n@media only screen and (min-device-width: 32em) {\n.RichTitle-module_mobile__1Cb6E {\n    display: none\n}\n  }\n.RichTitle-module_desktop__2ixSQ {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.RichTitle-module_desktop__2ixSQ {\n    display: block\n}\n  }\n";
+var styles$n = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
+styleInject(css_248z$n);
+
+var RichTitle = function RichTitle(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      _ref$block$data = _ref$block.data,
+      featured = _ref$block$data.featured,
+      first = _ref$block$data.first,
+      second = _ref$block$data.second,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
+  }
+
+  return React.createElement("h1", {
+    "data-testid": "rich-title",
+    className: makeClassName(classNames)
+  }, first, second && React.createElement("span", null, " ", second));
+};
+
+var css_248z$o = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n/* stylelint-disable declaration-empty-line-before */\nspan[data-body] {\n  position: relative;\n\n  padding: 0 4px;\n\n  cursor: pointer;\n  white-space: pre-wrap;\n\n  border-radius: 4px;\n  background: #F8F8F8;\n  box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3\n}\n@media only screen and (min-device-width: 48em) {\nspan[data-body] {\n    padding-bottom: 1px\n}\n  }\nspan[data-body]:hover {\n  background: #F3F3F3;\n  box-shadow: inset 1px 0 #999, inset 0 1px #999, inset -1px 0 #999, inset 0 -1px #999;\n}\n.dark span[data-body] {\n  background-color: #5B5B5B;\n  box-shadow: inset 1px 0 #8B8B8B, inset 0 1px #8B8B8B, inset -1px 0 #8B8B8B, inset 0 -1px #8B8B8B;\n}\n.dark span[data-body]:hover {\n  background-color: #5B5B5B;\n  box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;\n}\n.SimpleBlock-module_p__Q3azD {\n  margin: 0 0 14px;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 18px;\n  line-height: 24px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_p__Q3azD {\n    margin: 0 0 20px;\n\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_p__Q3azD a,\n.SimpleBlock-module_h2__S0LRs a,\n.SimpleBlock-module_h3__2Kv7Y a,\n.SimpleBlock-module_h4__2TJO3 a,\n.SimpleBlock-module_lead__35nXx a,\n.SimpleBlock-module_lead_hr__1yD5v a,\n.SimpleBlock-module_context_p__33saY a {\n  text-decoration: none;\n\n  color: inherit;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.SimpleBlock-module_p__Q3azD a:hover,\n.SimpleBlock-module_h2__S0LRs a:hover,\n.SimpleBlock-module_h3__2Kv7Y a:hover,\n.SimpleBlock-module_h4__2TJO3 a:hover,\n.SimpleBlock-module_lead__35nXx a:hover,\n.SimpleBlock-module_lead_hr__1yD5v a:hover,\n.SimpleBlock-module_context_p__33saY a:hover {\n  color: #b88b59;\n}\n.SimpleBlock-module_h3__2Kv7Y:first-child,\n.SimpleBlock-module_h4__2TJO3:first-child,\n.SimpleBlock-module_p__Q3azD:first-child,\n.SimpleBlock-module_lead__35nXx:first-child,\n.SimpleBlock-module_blockquote__pwpcX:first-child {\n  margin-top: 0;\n}\n.SimpleBlock-module_p__Q3azD:last-child,\n.SimpleBlock-module_blockquote__pwpcX:last-child,\n.SimpleBlock-module_lead__35nXx:last-child,\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx:last-child,\n.SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx:last-child,\n.SimpleBlock-module_h2__S0LRs:last-child {\n  margin-bottom: 0;\n}\n.SimpleBlock-module_h2__S0LRs {\n  max-width: 520px;\n  margin: 0 0 15px;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 25px;\n  font-weight: bold;\n  line-height: 28px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_h2__S0LRs {\n    margin: 0 0 45px;\n\n    font-size: 37px;\n    line-height: 39px\n}\n  }\n.SimpleBlock-module_h2__S0LRs + figure {\n  margin-top: 15px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_h2__S0LRs + figure {\n    margin-top: -20px\n}\n  }\n.SimpleBlock-module_h3__2Kv7Y {\n  margin-top: 29px;\n  margin-bottom: 10px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 20px;\n  font-weight: bold;\n  line-height: 24px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_h3__2Kv7Y {\n    margin-top: 45px;\n    margin-bottom: 15px;\n\n    font-size: 28px;\n    line-height: 34px\n}\n  }\n.SimpleBlock-module_h4__2TJO3 {\n  margin-top: 26px;\n  margin-bottom: 11px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 17px;\n  font-weight: bold;\n  line-height: 21px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_h4__2TJO3 {\n    margin-top: 45px;\n    margin-bottom: 15px;\n\n    font-size: 21px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_h3__2Kv7Y + .SimpleBlock-module_h3__2Kv7Y,\n.SimpleBlock-module_h2__S0LRs + .SimpleBlock-module_h2__S0LRs {\n  margin-top: 0;\n}\n.SimpleBlock-module_h3__2Kv7Y + .SimpleBlock-module_h4__2TJO3 {\n  margin-top: 15px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_h3__2Kv7Y + .SimpleBlock-module_h4__2TJO3 {\n    margin-top: 15px\n}\n  }\n.SimpleBlock-module_p__Q3azD + ul,\n.SimpleBlock-module_p__Q3azD + ol,\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx + ul,\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx + ol {\n  margin-top: -9px;\n}\n.SimpleBlock-module_blockquote__pwpcX {\n  margin: 16px 0;\n  padding: 12px 12px 13px;\n\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 8px;\n  background: #fff8c4;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_blockquote__pwpcX {\n    margin: 25px 0;\n    padding: 12px 15px 13px;\n\n    font-size: 18px;\n    line-height: 26px\n}\n  }\n.SimpleBlock-module_blockquote__pwpcX a {\n  text-decoration: none;\n\n  color: #000;\n  box-shadow: inset 0 -1px #000;\n}\n.SimpleBlock-module_blockquote__pwpcX a:hover {\n  color: #b88b59;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.SimpleBlock-module_blockquote__pwpcX.SimpleBlock-module_dark__1J_ov {\n  color: #000;\n}\n.SimpleBlock-module_lead__35nXx {\n  position: relative;\n\n  margin-top: 30px;\n  margin-bottom: 0;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_lead__35nXx {\n    margin-top: 25px;\n\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_lead__35nXx [data-body] {\n  padding-top: 1px;\n}\n.SimpleBlock-module_lead_hr__1yD5v {\n  display: block;\n\n  width: 100%;\n  max-width: 650px;\n  margin: 30px auto;\n\n  border-bottom: 1px solid #e5e5e5\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_lead_hr__1yD5v {\n    margin: 45px auto\n}\n  }\nmark {\n  position: relative;\n\n  white-space: pre-wrap;\n\n  background-color: #fff3bc;\n\n  font-weight: inherit;\n  font-style: inherit\n}\n@media only screen and (min-device-width: 32em) {\nmark {\n    padding-bottom: 1px\n}\n  }\na mark {\n  z-index: 1;\n\n  padding-bottom: 0;\n\n  color: inherit;\n  box-shadow: inset 0 -1px #b88b59, 0 1px #fff3bc;\n}\n.SimpleBlock-module_context_p__33saY {\n  position: relative;\n\n  margin: 0 0 15px;\n  padding: 0 0 0 23px;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 18px;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_context_p__33saY {\n    padding: 0 0 0 38px;\n\n    font-size: 20px;\n    line-height: 27px\n}\n  }\n.SimpleBlock-module_context_p__33saY::before {\n  position: absolute;\n  top: 0;\n  left: 5px;\n\n  width: 8px;\n\n  content: '\\2022';\n  text-align: center;\n\n  color: #b88b59;\n\n  font-size: 18px;\n  line-height: inherit\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_context_p__33saY::before {\n    left: 0;\n\n    width: 36px;\n\n    text-align: center;\n\n    font-size: 20px\n}\n  }\n.SimpleBlock-module_isInIntro__DfutD.SimpleBlock-module_lead__35nXx::after {\n  content: none;\n}\n.SimpleBlock-module_center__2rjif {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_center__2rjif.SimpleBlock-module_lead__35nXx {\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx {\n  margin-bottom: 18px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx {\n    margin-top: 27px;\n    margin-bottom: 20px;\n\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx {\n  margin-bottom: 15px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx {\n    margin-top: 20px;\n\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n.SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx + .SimpleBlock-module_lead__35nXx,\n.SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx + .SimpleBlock-module_lead__35nXx {\n  margin-top: 0;\n}\n.SimpleBlock-module_isInImportantLead__3VGzT {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_isInImportantLead__3VGzT {\n    font-size: 18px;\n    line-height: 26px\n}\n  }\n.SimpleBlock-module_slide__Aqgfu {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {\n  margin-top: 6px;\n  margin-bottom: 6px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {\n    margin-top: 12px;\n    margin-bottom: 12px;\n\n    font-size: 18px;\n    line-height: 26px\n}\n  }\n.SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {\n  margin-top: 12px;\n  margin-bottom: 12px\n}\n@media only screen and (min-device-width: 48em) {\n.SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {\n    margin-top: 10px;\n    margin-bottom: 10px\n}\n  }\n.SimpleBlock-module_isInAnswer__3aX6X:first-child {\n  margin-top: 6px;\n}\n.SimpleBlock-module_isInAnswer__3aX6X:last-child {\n  margin-bottom: 0;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_mobile__Ckgek {\n    display: none\n}\n  }\n.SimpleBlock-module_desktop__2se2o {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.SimpleBlock-module_desktop__2se2o {\n    display: block\n}\n  }\n";
+var styles$o = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o"};
+styleInject(css_248z$o);
+
+var SimpleBlock = function SimpleBlock(_ref) {
+  var _ref$block = _ref.block,
+      data = _ref$block.data,
+      type = _ref$block.type,
+      onlyOn = _ref$block.only_on,
+      styleContext = _ref.styleContext;
+  var tagName;
+  var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$o);
+  }
+
+  switch (type) {
+    case 'context_p':
+    case 'lead':
+    case 'note_caption':
+    case 'note_credit':
+      {
+        tagName = 'p';
+        break;
+      }
+
+    case 'lead_hr':
+      {
+        tagName = 'div';
+        break;
+      }
+
+    default:
+      tagName = type;
+  }
+
+  return React.createElement(DangerousHTML, {
+    className: makeClassName(classNames),
+    html: data || '',
+    tagName: tagName
+  });
+};
+
+var css_248z$p = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.ListBlock-module_root__3Q3Ga {\n  margin: 15px 0;\n  padding: 0;\n\n  list-style: none;\n\n  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;\n  font-size: 18px;\n  line-height: 24px\n}\n@media only screen and (min-device-width: 32em) {\n.ListBlock-module_root__3Q3Ga {\n    font-size: 20px;\n    line-height: 28px\n}\n  }\n@media only screen and (min-device-width: 48em) {\n.ListBlock-module_root__3Q3Ga {\n    margin: 20px 0\n}\n  }\n.ListBlock-module_root__3Q3Ga:first-child {\n  margin-top: 0;\n}\n.ListBlock-module_root__3Q3Ga:last-child {\n  margin-bottom: 0;\n}\n.ListBlock-module_root__3Q3Ga a {\n  color: inherit;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.ListBlock-module_root__3Q3Ga a:hover {\n  color: #b88b59;\n}\n.ListBlock-module_root__3Q3Ga li {\n  position: relative;\n\n  margin-bottom: 6px;\n}\n.ListBlock-module_root__3Q3Ga mark {\n  position: relative;\n\n  white-space: pre-wrap;\n\n  background-color: #fff3bc;\n\n  font-weight: inherit;\n  font-style: inherit\n}\n@media only screen and (min-device-width: 32em) {\n.ListBlock-module_root__3Q3Ga mark {\n    padding-bottom: 1px\n}\n  }\n.ListBlock-module_root__3Q3Ga a mark {\n  color: inherit;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.ListBlock-module_ol__21CgV {\n  counter-reset: list 0;\n}\n.ListBlock-module_ol__21CgV li {\n  padding: 0 0 0 33px;\n}\n.ListBlock-module_ol__21CgV li::before {\n  position: absolute;\n  left: 0;\n\n  width: 23px;\n\n  content: counter(list) '. ';\n  counter-increment: list;\n  text-align: right;\n  white-space: nowrap;\n}\n.ListBlock-module_ul__2MRrS li {\n  padding: 0 0 0 23px\n}\n@media only screen and (min-device-width: 48em) {\n.ListBlock-module_ul__2MRrS li {\n    padding: 0 0 0 38px\n}\n  }\n.ListBlock-module_ul__2MRrS li:last-child {\n  margin-bottom: 0;\n}\n.ListBlock-module_ul__2MRrS li::before {\n  position: absolute;\n  top: 0;\n  left: 5px;\n\n  width: 8px;\n\n  content: '\\2022';\n  text-align: center;\n\n  color: #b88b59;\n\n  font-size: 18px;\n  line-height: inherit\n}\n@media only screen and (min-device-width: 48em) {\n.ListBlock-module_ul__2MRrS li::before {\n    left: 0;\n\n    width: 36px;\n\n    text-align: center;\n\n    font-size: 20px\n}\n  }\n.ListBlock-module_center__tdIwd {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.ListBlock-module_isInImportantLead__UP0ic {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  line-height: 20px\n}\n@media only screen and (min-device-width: 48em) {\n.ListBlock-module_isInImportantLead__UP0ic {\n    font-size: 17px;\n    line-height: 24px\n}\n  }\n.ListBlock-module_dark__3E3tV a {\n  color: inherit;\n}\n.ListBlock-module_dark__3E3tV a:hover {\n  color: #b88b59;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.ListBlock-module_mobile__2-nuV {\n    display: none\n}\n  }\n.ListBlock-module_desktop__1EE0g {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.ListBlock-module_desktop__1EE0g {\n    display: block\n}\n  }\n";
+var styles$p = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
+styleInject(css_248z$p);
+
+var ListBlock = function ListBlock(_ref) {
+  var _ref$block = _ref.block,
+      type = _ref$block.type,
+      data = _ref$block.data,
+      onlyOn = _ref$block.only_on,
+      styleContext = _ref.styleContext;
+  var TagName = type;
+  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true], [styles$p[type], !!type && !!styles$p[type]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$p);
+  }
+
+  return React.createElement(TagName, {
+    className: makeClassName(classNames)
+  }, data.map(function (item, index) {
+    return React.createElement(DangerousHTML, {
+      key: index,
+      html: item,
+      tagName: "li"
+    });
+  }));
+};
+
+var css_248z$q = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.RelatedBlock-module_root__IKcQq {\n  margin: 16px 0;\n\n  border-radius: 8px;\n  background-color: #f5f5f5;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c\n}\n@media only screen and (min-device-width: 48em) {\n.RelatedBlock-module_root__IKcQq {\n    margin: 25px 0\n}\n  }\n.RelatedBlock-module_root__IKcQq:last-child {\n  margin-bottom: 0;\n}\n.RelatedBlock-module_root__IKcQq:first-child {\n  margin-top: 0;\n}\n.RelatedBlock-module_root__IKcQq a {\n  display: block;\n\n  padding: 12px 12px 13px;\n\n  transition: color 0.15s;\n  text-decoration: none;\n\n  color: #000;\n  box-shadow: none;\n\n  font-size: 17px;\n  line-height: 20px\n}\n@media only screen and (min-device-width: 48em) {\n.RelatedBlock-module_root__IKcQq a {\n    padding: 15px 20px 17px;\n\n    font-size: 19px;\n    line-height: 23px\n}\n  }\n.RelatedBlock-module_root__IKcQq a:hover {\n  color: #5c5c5c;\n}\n.RelatedBlock-module_header__2SuWP {\n  margin: 0;\n  padding: 14px 12px 3px;\n\n  letter-spacing: 1px;\n  text-transform: uppercase;\n\n  color: #7F7F7F;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px\n}\n@media only screen and (min-device-width: 48em) {\n.RelatedBlock-module_header__2SuWP {\n    padding: 20px 20px 14px;\n\n    font-size: 14px;\n    line-height: 16px\n}\n  }\n.RelatedBlock-module_items__2V-Ap {\n  margin: 0;\n  padding-left: 0;\n\n  list-style: none;\n}\n.RelatedBlock-module_items__2V-Ap li {\n  padding: 0;\n}\n.RelatedBlock-module_items__2V-Ap li + li {\n  border-top: 1px solid #e6e6e6;\n}\n.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 18px\n}\n@media only screen and (min-device-width: 48em) {\n.RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {\n    font-size: 18px\n}\n  }\n.RelatedBlock-module_simple__29HVO {\n}\n.RelatedBlock-module_center__1LmW8 {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {\n  margin-top: 0;\n}\n.RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {\n  margin-bottom: 0;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.RelatedBlock-module_mobile__2XM5a {\n    display: none\n}\n  }\n.RelatedBlock-module_desktop__2mXeq {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.RelatedBlock-module_desktop__2mXeq {\n    display: block\n}\n  }\n\n";
+var styles$q = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
+styleInject(css_248z$q);
+
+var RelatedBlock = function RelatedBlock(_ref) {
+  var _ref$block = _ref.block,
+      _ref$block$data = _ref$block.data,
+      title = _ref$block$data.title,
+      related = _ref$block$data.related,
+      onlyOn = _ref$block.only_on,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "related-block",
+    className: makeClassName(classNames)
+  }, React.createElement("h3", {
+    className: styles$q.header
+  }, title), React.createElement("ul", {
+    className: styles$q.items
+  }, related.map(function (item, index) {
+    return React.createElement("li", {
+      key: item.id || index,
+      className: styles$q[item.layout]
+    }, React.createElement("a", {
+      href: item.full_url || "/" + item.url,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, React.createElement("span", {
+      className: styles$q.first
+    }, item.title), item.second_title && ' ', item.second_title && React.createElement("span", null, item.second_title)));
+  })));
+};
+
+var css_248z$r = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.SourceBlock-module_root__1P3XD {\n  display: block;\n\n  margin: 18px 0 15px;\n  padding: 12px 11px 13px;\n\n  color: #000;\n  border-left: 4px solid #b88b59;\n  border-radius: 2px 8px 8px 2px;\n  background-color: #f5f5f5;\n\n  font-size: 16px;\n  line-height: 20px\n}\n@media only screen and (min-device-width: 48em) {\n.SourceBlock-module_root__1P3XD {\n    margin-top: 25px;\n    margin-bottom: 25px;\n    padding: 18px 16px 12px\n}\n  }\n.SourceBlock-module_root__1P3XD:hover,\n.SourceBlock-module_root__1P3XD:visited {\n  background-color: #ededed;\n}\n.SourceBlock-module_root__1P3XD blockquote {\n  margin: 0;\n}\n.SourceBlock-module_root__1P3XD a {\n  text-decoration: none;\n\n  color: inherit;\n}\n.SourceBlock-module_text__Si4vm {\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n}\n.SourceBlock-module_text__Si4vm p {\n  margin: 0;\n\n  font-size: 16px;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 48em) {\n.SourceBlock-module_text__Si4vm p {\n    font-size: 18px;\n    line-height: 26px\n}\n  }\n.SourceBlock-module_root__1P3XD p + p {\n  margin-top: 12px;\n}\n.SourceBlock-module_root__1P3XD footer {\n  margin-top: 12px;\n  padding-top: 10px;\n\n  border-top: 1px solid #d6d6d6\n}\n@media only screen and (min-device-width: 48em) {\n.SourceBlock-module_root__1P3XD footer {\n    margin-top: 18px;\n    padding-top: 12px\n}\n  }\n.SourceBlock-module_origin__l3JbO {\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  pointer-events: none;\n\n  color: #292929;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  font-weight: bold;\n  font-style: normal;\n  line-height: 22px\n}\n@media only screen and (min-device-width: 48em) {\n.SourceBlock-module_origin__l3JbO {\n    font-size: 18px;\n    line-height: 26px\n}\n  }\n.SourceBlock-module_center__3P93B {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.SourceBlock-module_mobile__2gw4S {\n    display: none\n}\n  }\n.SourceBlock-module_desktop__DecT6 {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.SourceBlock-module_desktop__DecT6 {\n    display: block\n}\n  }\n";
+var styles$r = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6"};
+styleInject(css_248z$r);
+
+var SourceBlock = function SourceBlock(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      quote = _ref$block.quote,
+      origin = _ref$block.origin,
+      url = _ref$block.url,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$r);
+  }
+
+  return React.createElement("blockquote", {
+    "data-testid": "source-block",
+    cite: url,
+    className: makeClassName(classNames)
+  }, React.createElement("a", {
+    className: styles$r.text,
+    href: url,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, quote.map(function (item, index) {
+    return React.createElement(DangerousHTML, {
+      key: index,
+      html: item.data,
+      tagName: "p"
+    });
+  }), React.createElement("footer", null, React.createElement("cite", {
+    className: styles$r.origin
+  }, origin))));
+};
+
+var css_248z$s = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.GroupedBlock-module_root__2qfQA {\n  max-width: 644px;\n  margin: 15px auto 0\n}\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_root__2qfQA {\n    max-width: none;\n    margin-top: 25px;\n    margin-bottom: 20px\n}\n  }\n.GroupedBlock-module_hasFigcaption__2_mcf {\n  margin-bottom: 15px;\n}\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {\n    margin-top: 25px\n}\n  }\n.GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {\n  margin-bottom: 0;\n}\n.GroupedBlock-module_items__2DV2X {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap\n}\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_items__2DV2X {\n    flex-direction: row\n}\n  }\n.GroupedBlock-module_item__3sz9_ {\n  flex-grow: 1;\n\n  width: 100%;\n  min-width: 100%;\n  max-width: 100%;\n  margin-bottom: 20px\n}\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_item__3sz9_ {\n    min-width: 0;\n    max-width: none;\n    margin-bottom: 0\n}\n  }\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {\n    margin-left: 15px\n}\n  }\n.GroupedBlock-module_figcaption__2Q_wf {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n/* DISPLAY */\n@media only screen and (min-device-width: 48em) {\n.GroupedBlock-module_default__3ylw_ {\n    max-width: 650px\n}\n  }\n.GroupedBlock-module_full__1dzQR {\n  max-width: 980px;\n}\n.GroupedBlock-module_super_full__1PU72 {\n  max-width: 1680px;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.GroupedBlock-module_mobile__3n8Ub {\n    display: none\n}\n  }\n.GroupedBlock-module_desktop__6ZRpA {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.GroupedBlock-module_desktop__6ZRpA {\n    display: block\n}\n  }\n\n";
+var styles$s = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
+styleInject(css_248z$s);
+
+var GroupedBlock = function GroupedBlock(_ref) {
+  var block = _ref.block,
+      onlyOn = _ref.block.only_on,
+      styleContext = _ref.styleContext;
+  var maxHeight = Math.min.apply(Math, block.data.map(function (item) {
+    return item.data.height;
+  }));
+  var normalizedBoxesWidth = block.data.map(function (item) {
+    return item.data.width / (item.data.height / maxHeight);
+  });
+  var sumWidth = normalizedBoxesWidth.reduce(function (sum, x) {
+    return sum + x;
+  });
+  var classNames = [[styles$s.root, true], [styles$s[onlyOn], true], [styles$s.hasFigcaption, block.cc === 'default'], [styles$s[block.display], !!block.display && styles$s[block.display]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$s);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "grouped-block",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$s.items
+  }, block.data.map(function (item, index) {
+    var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
+    return React.createElement("div", {
+      className: styles$s.item,
+      key: item.id,
+      style: {
+        width: percentWidth + "%"
+      }
+    }, React.createElement(EmbedBlockContainer, {
+      block: item,
+      styleContext: "isInGroupedBlock"
+    }));
+  })), block.cc && React.createElement("figcaption", {
+    className: styles$s.figcaption
+  }, React.createElement(MediaCaption, {
+    credit: block.credit,
+    caption: block.caption,
+    styleContext: styleContext
+  })));
+};
+
+var css_248z$t = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.MetaItem-module_root__2VQom {\n  display: inline;\n\n  margin-right: 15px;\n}\n.MetaItem-module_root__2VQom > svg {\n  display: inline-block;\n\n  margin-right: 1px;\n\n  vertical-align: top;\n\n  color: inherit;\n\n  fill: currentColor;\n}\n.MetaItem-module_root__2VQom a {\n  display: inline;\n\n  text-decoration: underline;\n\n  color: inherit;\n\n  -webkit-text-decoration-skip: auto;\n}\n.MetaItem-module_root__2VQom a:hover {\n  color: #b88b59;\n}\n.MetaItem-module_hasBullets__CkQPI {\n  margin-right: 0;\n}\n.MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {\n  display: inline-block;\n\n  padding-right: 0.4em;\n  padding-left: 0.4em;\n\n  content: '\\B7';\n}\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI {\n    width: 100%;\n    margin-top: 3px;\n    margin-bottom: 3px\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI:first-child {\n    margin-top: 0\n}\n  }\n.MetaItem-module_hasSource__1DmCI:last-child {\n  margin-bottom: 0;\n}\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {\n    display: none\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,\n.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {\n    display: inline-block\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_datetime__3tOWm,\n.MetaItem-module_listened__lwvAO,\n.MetaItem-module_read__5eAIG {\n    width: auto\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {\n    order: -2\n}\n  }\n@media only screen and (max-device-width: 32.1875em) {\n.MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,\n.MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {\n    order: -1;\n\n    margin-top: 0\n}\n  }\n.MetaItem-module_read__5eAIG svg {\n  margin-top: -1px;\n}\n";
+var styles$t = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
+styleInject(css_248z$t);
+
+var MetaItem = function MetaItem(_ref) {
+  var hasSource = _ref.hasSource,
+      type = _ref.type,
+      children = _ref.children,
+      bullets = _ref.bullets;
+  var classNames = [[styles$t.root, true], [styles$t[type], !!type && !!styles$t[type]], [styles$t.hasSource, !!hasSource], [styles$t.hasBullets, !!bullets]];
+  return React.createElement("div", {
+    "data-testid": "meta-item",
+    className: makeClassName(classNames)
+  }, children);
+};
+
+var css_248z$u = "/* stylelint-disable declaration-empty-line-before */\n/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.MetaItemLive-module_root__2mpD3 {\n  position: relative;\n\n  display: inline-block;\n\n  width: 18px;\n  height: 18px;\n\n  vertical-align: middle;\n}\n.MetaItemLive-module_gold__3yZEV {\n  color: #b88b59;\n}\n.MetaItemLive-module_root__2mpD3::before,\n.MetaItemLive-module_root__2mpD3::after,\n.MetaItemLive-module_frame__1H_Ha {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n}\n.MetaItemLive-module_root__2mpD3 {\n  margin-top: -4px;\n  margin-right: 1px;\n\n  transform: translateY(1px);\n}\n.MetaItemLive-module_root__2mpD3::before,\n.MetaItemLive-module_root__2mpD3::after,\n.MetaItemLive-module_frame__1H_Ha {\n\n  border-radius: 50%;\n  transform: scale(0);\n\n  -webkit-animation-duration: 1.05s;\n\n          animation-duration: 1.05s;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n}\n.MetaItemLive-module_frame__1H_Ha {\n\n  background: currentColor;\n\n  -webkit-animation-name: MetaItemLive-module_liveMiddle__wyuV3;\n\n          animation-name: MetaItemLive-module_liveMiddle__wyuV3;\n}\n.MetaItemLive-module_root__2mpD3::before,\n.MetaItemLive-module_root__2mpD3::after {\n\n  border: 1px solid currentColor;\n\n  content: '';\n}\n.MetaItemLive-module_root__2mpD3::before {\n  -webkit-animation-name: MetaItemLive-module_liveFirstWave__3dbvz;\n          animation-name: MetaItemLive-module_liveFirstWave__3dbvz;\n}\n.MetaItemLive-module_root__2mpD3::after {\n  -webkit-animation-name: MetaItemLive-module_liveSecondWave__12g57;\n          animation-name: MetaItemLive-module_liveSecondWave__12g57;\n}\n@-webkit-keyframes MetaItemLive-module_liveMiddle__wyuV3 {\n  14% {\n    transform: scale(0);\n  }\n\n  30% {\n    transform: scale(0.22);\n  }\n\n  63% {\n    transform: scale(0.22);\n  }\n\n  70% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n@keyframes MetaItemLive-module_liveMiddle__wyuV3 {\n  14% {\n    transform: scale(0);\n  }\n\n  30% {\n    transform: scale(0.22);\n  }\n\n  63% {\n    transform: scale(0.22);\n  }\n\n  70% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n@-webkit-keyframes MetaItemLive-module_liveFirstWave__3dbvz {\n  21% {\n    transform: scale(0.1);\n  }\n\n  53% {\n    transform: scale(0.33);\n  }\n\n  100% {\n    transform: scale(0.66);\n\n    opacity: 0;\n  }\n}\n@keyframes MetaItemLive-module_liveFirstWave__3dbvz {\n  21% {\n    transform: scale(0.1);\n  }\n\n  53% {\n    transform: scale(0.33);\n  }\n\n  100% {\n    transform: scale(0.66);\n\n    opacity: 0;\n  }\n}\n@-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {\n  21% {\n    transform: scale(0.22);\n  }\n\n  53% {\n    transform: scale(0.55);\n  }\n\n  100% {\n    transform: scale(0.88);\n\n    opacity: 0;\n  }\n}\n@keyframes MetaItemLive-module_liveSecondWave__12g57 {\n  21% {\n    transform: scale(0.22);\n  }\n\n  53% {\n    transform: scale(0.55);\n  }\n\n  100% {\n    transform: scale(0.88);\n\n    opacity: 0;\n  }\n}\n";
+var styles$u = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
+styleInject(css_248z$u);
+
+var MetaItemLive = function MetaItemLive(_ref) {
+  var _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'gold' : _ref$theme;
+  var classNames = [[styles$u.root, true], [styles$u[theme], !!theme && styles$u[theme]]];
+  return React.createElement("div", {
+    "data-testid": "meta-item-live",
+    "data-meta": "live",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$u.frame
+  }));
+};
+
+var pluralize = function pluralize(number, one, two, five) {
+  var n = Math.abs(number);
+  n %= 100;
+
+  if (n >= 5 && n <= 20) {
+    return five;
+  }
+
+  n %= 10;
+
+  if (n === 1) {
+    return one;
+  }
+
+  if (n >= 2 && n <= 4) {
+    return two;
+  }
+
+  return five;
+};
+
+var css_248z$v = "/* stylelint-disable declaration-empty-line-before */\n/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.DocumentItemsCount-module_root__P3q-z {\n  display: inline;\n\n  line-height: inherit;\n}\n.DocumentItemsCount-module_root__P3q-z svg {\n  vertical-align: top;\n}\n.DocumentItemsCount-module_items__3pfxW {\n  margin-left: 1px;\n\n  vertical-align: top;\n}\n";
+var styles$v = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
+styleInject(css_248z$v);
+
+var DocumentItemsCount = function DocumentItemsCount(_ref) {
+  var type = _ref.type,
+      _ref$lang = _ref.lang,
+      lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
+      items = _ref.items,
+      children = _ref.children;
+  var i18n = {
+    ru: {
+      card: {
+        one: 'карточка',
+        two: 'карточки',
+        five: 'карточек'
+      },
+      podcast: {
+        one: 'эпизод',
+        two: 'эпизода',
+        five: 'эпизодов'
+      }
+    },
+    en: {
+      card: {
+        one: 'card',
+        two: 'cards',
+        five: 'cards'
+      },
+      podcast: {
+        one: 'episode',
+        two: 'episodes',
+        five: 'episodes'
+      }
+    }
+  };
+  var itemsCount = items + " " + pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five);
+  return React.createElement("div", {
+    "data-testid": "document-items-count",
+    className: styles$v.root
+  }, children, React.createElement("span", {
+    className: styles$v.items
+  }, itemsCount));
+};
+
+var MetaContainer = function MetaContainer(_ref) {
+  var lang = _ref.lang,
+      block = _ref.block,
+      isRead = _ref.isRead,
+      isListened = _ref.isListened,
+      bookmarkAction = _ref.bookmarkAction,
+      isInBookmarks = _ref.isInBookmarks,
+      _ref$block$data = _ref.block.data,
+      components = _ref$block$data.components,
+      theme = _ref$block$data.theme,
+      styleContext = _ref.styleContext;
+  var themeColor = styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset';
+  var isPodcast = styleContext && styleContext.indexOf('podcast') !== -1;
+  var isSlides = styleContext && styleContext.indexOf('slide') !== -1;
+  var hasSource = !!components.find(function (item) {
+    return item.type === 'source_name';
+  });
+  return React.createElement(Meta, {
+    styleContext: styleContext,
+    theme: theme || themeColor,
+    onlyOn: block.only_on,
+    hasSource: hasSource
+  }, components.map(function (component) {
+    switch (component.type) {
+      case 'source_name':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, React.createElement(React.Fragment, null, lang === 'ru' ? 'Источник: ' : 'Source: ', component.url && React.createElement("a", {
+            href: component.url,
+            rel: "noopener noreferrer",
+            target: "_blank"
+          }, component.text), !component.url && component.text));
+        }
+
+      case 'duration':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, React.createElement(React.Fragment, null, React.createElement(SvgSymbol, {
+            icon: "podcast",
+            size: "small"
+          }), component.text));
+        }
+
+      case 'datetime':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id,
+            type: "datetime"
+          }, React.createElement(Timestamp, {
+            publishedAt: component.datetime,
+            type: "date",
+            locale: lang
+          }));
+        }
+
+      case 'items_count':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, React.createElement(DocumentItemsCount, {
+            items: component.count,
+            type: isPodcast ? 'podcast' : 'card',
+            lang: lang
+          }, React.createElement(SvgSymbol, {
+            icon: "card",
+            size: "unset"
+          })));
+        }
+
+      case 'broadcast_active':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, React.createElement(React.Fragment, null, React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
+        }
+
+      case 'broadcast':
+        {
+          return React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, React.createElement(React.Fragment, null, component.with_icon && React.createElement(MetaItemLive, null), component.label));
+        }
+
+      default:
+        {
+          return null;
+        }
+    }
+  }), (isRead || isListened) && React.createElement(MetaItem, {
+    hasSource: hasSource,
+    bullets: true,
+    type: isListened ? 'listened' : 'read'
+  }, React.createElement(SvgSymbol, {
+    icon: isListened ? 'listened' : 'read',
+    size: "unset"
+  })), isSlides && lang === 'ru' && React.createElement("div", {
+    className: styles$f.bookmark
+  }, React.createElement(BookmarkButton, {
+    isInBookmarks: isInBookmarks,
+    onClick: function onClick() {
+      return bookmarkAction('bookmark', 'top');
+    }
+  })));
+};
+
+var RenderBlocks = function RenderBlocks(_ref) {
+  var block = _ref.block,
+      styleContext = _ref.styleContext,
+      lang = _ref.lang,
+      isRead = _ref.isRead,
+      isListened = _ref.isListened,
+      bookmarkAction = _ref.bookmarkAction,
+      isInBookmarks = _ref.isInBookmarks;
+
+  switch (block.type) {
+    case 'tag':
+      {
+        return React.createElement(Tag, {
+          size: "large",
+          onlyOn: block.only_on,
+          theme: block.data.theme,
+          styleContext: styleContext
+        }, block.data.text);
+      }
+
+    case 'simple_title':
+      {
+        return React.createElement(SimpleTitle, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'rich_title':
+      {
+        return React.createElement(RichTitle, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'meta':
+      {
+        return React.createElement(MetaContainer, {
+          block: block,
+          lang: block.data.lang,
+          styleContext: styleContext,
+          isRead: isRead,
+          isListened: isListened,
+          isInBookmarks: isInBookmarks,
+          bookmarkAction: bookmarkAction
+        });
+      }
+
+    case 'h1':
+    case 'h2':
+    case 'h3':
+    case 'h4':
+    case 'blockquote':
+    case 'p':
+    case 'context_p':
+    case 'lead':
+    case 'lead_hr':
+      {
+        return React.createElement(SimpleBlock, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'quote':
+      return React.createElement(QuoteBlock, {
+        block: block,
+        styleContext: styleContext
+      });
+
+    case 'ol':
+    case 'ul':
+      {
+        return React.createElement(ListBlock, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'chapter-subtitle':
+      {
+        return React.createElement(ChapterBlock, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'card_title':
+      {
+        return React.createElement(CardTitle, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'related':
+      {
+        return React.createElement(RelatedBlock, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'source':
+      return React.createElement(SourceBlock, {
+        block: block,
+        styleContext: styleContext
+      });
+
+    case 'table':
+      return React.createElement(Table, {
+        block: block,
+        styleContext: styleContext
+      });
+
+    case 'embed':
+    case 'embed_code':
+    case 'game_embed':
+    case 'image':
+    case 'gif':
+      return React.createElement(EmbedBlockContainer, {
+        block: block,
+        styleContext: styleContext,
+        lang: lang
+      });
+
+    case 'grouped':
+      return React.createElement(GroupedBlock, {
+        block: block,
+        styleContext: styleContext
+      });
+
+    case 'material_note':
+      return React.createElement(MaterialNote, {
+        block: block,
+        styleContext: styleContext
+      });
+
+    default:
+      {
+        return null;
+      }
+  }
+};
+
+var Cover = function Cover(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      _ref$block$data = _ref$block.data,
+      blocks = _ref$block$data.blocks,
+      _ref$block$data$cover = _ref$block$data.cover,
+      credit = _ref$block$data$cover.credit,
+      caption = _ref$block$data$cover.caption,
+      urls = _ref$block$data$cover.urls,
+      mobileRatio = _ref$block$data$cover.mobile_ratio,
+      gradients = _ref$block$data$cover.gradients,
+      cc = _ref$block$data$cover.cc,
+      styleContext = _ref.styleContext;
+
+  var _useState = useState(false),
+      isPopoverShown = _useState[0],
+      setIsPopoverShown = _useState[1];
+
+  var style = {};
+  var theme;
+  var classNames = [[styles$l.root, true], [styles$l[theme], true], [styles$l[onlyOn], !!onlyOn && !!styles$l[onlyOn]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$l);
+  }
+
+  if (gradients) {
+    theme = gradients.text_rgb === '0,0,0' ? 'dark' : 'light';
+    style.backgroundImage = generateGradient(gradients.bg_rgb);
+  }
+
+  var renderCC = function renderCC(context) {
+    return React.createElement(MediaCaption, {
+      credit: credit,
+      caption: caption,
+      styleContext: context || styleContext
+    });
+  };
+
+  return React.createElement("div", {
+    "data-testid": "cover",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$l.image
+  }, React.createElement(Image, {
+    optimized: urls,
+    ratio: mobileRatio,
+    display: "narrow"
+  })), React.createElement("div", {
+    className: styles$l.body,
+    style: style
+  }, blocks.map(function (item) {
+    return React.createElement(RenderBlocks, {
+      key: item.id,
+      block: item,
+      styleContext: styleContext
+    });
+  })), cc === 'button' && React.createElement("button", {
+    className: styles$l.control,
+    type: "button",
+    "aria-label": "Open",
+    onClick: function onClick() {
+      setIsPopoverShown(!isPopoverShown);
+    }
+  }), cc === 'button' && isPopoverShown && React.createElement(Popover, {
+    onClose: function onClose() {
+      setIsPopoverShown(false);
+    }
+  }, renderCC('isInPopover')));
+};
+
+var css_248z$w = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.HalfBlock-module_root__2frv2 {\n  position: relative;\n\n  text-align: left;\n}\n.HalfBlock-module_main__2XX73 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  flex-flow: column nowrap\n}\n@media only screen and (min-device-width: 64em) {\n.HalfBlock-module_main__2XX73 {\n    align-items: center;\n    flex-flow: row nowrap\n}\n  }\n.HalfBlock-module_body__3MnEN {\n  order: -1;\n\n  max-width: 860px;\n  margin: 0 auto\n}\n@media only screen and (min-device-width: 48em) {\n.HalfBlock-module_body__3MnEN {\n    text-align: center\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.HalfBlock-module_body__3MnEN {\n    align-items: flex-start;\n    justify-content: center;\n    order: 0;\n\n    width: 50%;\n    max-width: none;\n    height: 100%;\n    margin-left: 25px;\n\n    text-align: left\n}\n  }\n.HalfBlock-module_footer__1C0yp {\n  width: 100%;\n  max-width: 650px;\n  margin: 0 auto;\n  padding-top: 3px\n}\n@media only screen and (min-device-width: 64em) {\n.HalfBlock-module_footer__1C0yp {\n    max-width: 1000px;\n    margin: auto;\n    padding-top: 0;\n\n    border-top: 1px solid #e6e6e6\n}\n  }\n.HalfBlock-module_image__2lYel {\n  flex-grow: 1;\n\n  margin: 0 -20px 0;\n  margin-top: 18px\n}\n@media only screen and (min-device-width: 32em) {\n.HalfBlock-module_image__2lYel {\n    margin: 31px 0 -5px\n}\n  }\n@media only screen and (min-device-width: 64em) {\n.HalfBlock-module_image__2lYel {\n    width: 50%;\n    margin: 0\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.HalfBlock-module_mobile__2latf {\n    display: none\n}\n  }\n.HalfBlock-module_desktop__3B1Ej {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.HalfBlock-module_desktop__3B1Ej {\n    display: block\n}\n  }\n";
+var styles$w = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
+styleInject(css_248z$w);
+
+var HalfBlock = function HalfBlock(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      data = _ref$block.data,
+      _ref$block$data$cover = _ref$block.data.cover,
+      optimized = _ref$block$data$cover.optimized,
+      ratio = _ref$block$data$cover.ratio,
+      credit = _ref$block$data$cover.credit,
+      caption = _ref$block$data$cover.caption,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$w.root, true], [styles$w[onlyOn], true]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$w);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "half-block",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$w.main
+  }, React.createElement("div", {
+    className: styles$w.image
+  }, React.createElement(Image, {
+    optimized: optimized,
+    ratio: ratio,
+    display: "super_full"
+  })), React.createElement("div", {
+    className: styles$w.body
+  }, data.blocks.map(function (item) {
+    return React.createElement(RenderBlocks, {
+      key: item.id,
+      block: item,
+      styleContext: ['rich']
+    });
+  }))), React.createElement("div", {
+    className: styles$w.footer
+  }, React.createElement(MediaCaption, {
+    credit: credit,
+    caption: caption,
+    styleContext: styleContext
+  })));
+};
+
+var css_248z$x = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.ImportantLead-module_root__2BdT3 {\n  margin: 18px 0;\n  padding: 12px 12px 13px;\n\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  border-radius: 8px;\n  background: #FFF8C4;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 20px\n}\n@media only screen and (min-device-width: 32em) {\n.ImportantLead-module_root__2BdT3 {\n    margin: 25px 0;\n    padding: 12px 15px 13px;\n\n    font-size: 17px;\n    line-height: 24px\n}\n  }\n.ImportantLead-module_root__2BdT3:last-child {\n  margin-bottom: 0;\n}\n.ImportantLead-module_root__2BdT3:first-child {\n  margin-top: 0;\n}\n.ImportantLead-module_root__2BdT3 a {\n  color: #000;\n  box-shadow: inset 0 -1px #000;\n}\n.ImportantLead-module_root__2BdT3 a:hover {\n  color: #b88b59;\n  box-shadow: inset 0 -1px #b88b59;\n}\n.ImportantLead-module_slide__3kQ9x {\n  max-width: 650px;\n  margin-right: auto;\n  margin-left: auto;\n}\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.ImportantLead-module_mobile__3BXbm {\n    display: none\n}\n  }\n.ImportantLead-module_desktop__3Zljc {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.ImportantLead-module_desktop__3Zljc {\n    display: block\n}\n  }\n\n";
+var styles$x = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
+styleInject(css_248z$x);
+
+var ImportantLead = function ImportantLead(_ref) {
+  var _ref$block = _ref.block,
+      onlyOn = _ref$block.only_on,
+      data = _ref$block.data,
+      styleContext = _ref.styleContext;
+  var classNames = [[styles$x.root, true], [styles$x[onlyOn], !!onlyOn]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
+  }
+
+  return React.createElement("div", {
+    "data-testid": "important-lead",
+    className: makeClassName(classNames)
+  }, data.map(function (item) {
+    return React.createElement(RenderBlocks, {
+      key: item.id,
+      block: item,
+      styleContext: "isInImportantLead"
+    });
+  }));
+};
+
+var POST_MESSAGE_PREFIX = 'mdzKitMsg';
+
+var postMessage$1 = function postMessage(element, action) {
+  var target = window.top;
+  var msg = POST_MESSAGE_PREFIX + "=" + JSON.stringify({
+    element: element,
+    action: action
+  });
+
+  if (typeof target !== 'undefined') {
+    target.postMessage(msg, '*');
+  }
+};
+
+var css_248z$y = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.Spoiler-module_root__1OfSR {\n  width: 100%;\n  margin: 15px 0;\n  padding: 21px 0 22px;\n\n  border-top: 3px solid rgba(0, 0, 0, 0.1);\n  border-bottom: 3px solid rgba(0, 0, 0, 0.1)\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_root__1OfSR {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    flex-flow: column nowrap;\n\n    margin: 25px auto 20px;\n    padding: 20px 0\n}\n  }\n.Spoiler-module_root__1OfSR:last-child {\n  margin-bottom: 0;\n}\n.Spoiler-module_root__1OfSR:first-child {\n  margin-top: 0;\n}\n.Spoiler-module_header__1rZUs {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n}\n.Spoiler-module_header__1rZUs h3 {\n  margin-top: 0;\n  margin-bottom: 18px;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 21px;\n  font-weight: 700;\n  line-height: 26px\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_header__1rZUs h3 {\n    margin-bottom: 20px;\n\n    font-size: 28px;\n    line-height: 34px\n}\n  }\n.Spoiler-module_body__Q1e_c {\n  display: none;\n\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-bottom: 13px\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_body__Q1e_c {\n    order: 2;\n\n    padding-top: 25px;\n    padding-bottom: 0\n}\n  }\n.Spoiler-module_spoiled__1A5r4 {\n  min-height: auto;\n}\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {\n  display: block;\n}\n.Spoiler-module_footer__23mh7 {\n  position: static;\n}\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {\n  position: -webkit-sticky;\n  position: sticky;\n  z-index: 10;\n  bottom: 0;\n\n  margin-right: -20px;\n  margin-left: -20px;\n  padding: 12px 20px 20px;\n\n  -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;\n\n          animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;\n\n  background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff) );\n\n  background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0) 0%, #fff 64% );\n\n  background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #fff 64% )\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {\n    position: static;\n\n    margin-right: 0;\n    margin-left: 0;\n    padding: 0;\n\n    -webkit-animation: none;\n\n            animation: none;\n\n    background-image: none\n}\n  }\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {\n  position: absolute;\n  z-index: -1;\n  top: 100%;\n  right: 0;\n  left: 0;\n\n  height: 16px;\n\n  content: '';\n\n  background-color: #fff\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {\n    content: none\n}\n  }\n.Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {\n  transform: rotate(180deg) translateY(1px);\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_center__tq1m0 {\n    max-width: 980px;\n    margin-right: auto;\n    margin-left: auto\n}\n  }\n.Spoiler-module_full__1QFqR {\n  max-width: 980px;\n}\n.Spoiler-module_default__2Kjx8 {\n  max-width: 650px;\n}\n@-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {\n  0% {\n    transform: translateY(62px);\n  }\n  50% {\n    transform: translateY(-16px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes Spoiler-module_spoilerSticky__3Kd30 {\n  0% {\n    transform: translateY(62px);\n  }\n  50% {\n    transform: translateY(-16px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n[data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {\n  bottom: 45px\n}\n@media only screen and (min-device-width: 32em) {\n[data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {\n    bottom: 46px\n}\n  }\n/* VISIBILITY */\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_mobile__2BPt8 {\n    display: none\n}\n  }\n.Spoiler-module_desktop__1BIFJ {\n  display: none\n}\n@media only screen and (min-device-width: 32em) {\n.Spoiler-module_desktop__1BIFJ {\n    display: block\n}\n  }\n";
+var styles$y = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
+styleInject(css_248z$y);
+
+var Spoiler = function Spoiler(_ref) {
+  var _ref$block = _ref.block,
+      display = _ref$block.display,
+      button = _ref$block.button,
+      onlyOn = _ref$block.only_on,
+      buttonTitle = _ref$block.btn_title,
+      title = _ref$block.title,
+      blocks = _ref$block.blocks,
+      styleContext = _ref.styleContext;
+
+  var _useState = useState(false),
+      spoiled = _useState[0],
+      setSpoiled = _useState[1];
+
+  var ref = useRef(null);
+
+  var handleButtonClick = function handleButtonClick() {
+    setSpoiled(!spoiled);
+
+    if (spoiled) {
+      postMessage$1('closeSpoiler', 'click');
+      var rect = ref.current.getBoundingClientRect();
+
+      if (rect.top < 0) {
+        ref.current.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+    } else {
+      postMessage$1('openSpoiler', 'click');
+    }
+  };
+
+  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn], [styles$y[display], !!display && styles$y[display]], [[styles$y.spoiled], !!spoiled]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
+  }
+
+  var buttonCollapse = button ? button.collapse : 'Свернуть';
+  var buttonExpande = button ? button.expand : buttonTitle;
+  return React.createElement("div", {
+    ref: ref,
+    className: makeClassName(classNames),
+    "data-testid": "spoiler"
+  }, React.createElement("div", {
+    className: styles$y.header
+  }, title && React.createElement("h3", null, title)), React.createElement("div", {
+    className: styles$y.body
+  }, blocks.map(function (item) {
+    return React.createElement(RenderBlocks, {
+      key: item.id,
+      block: item,
+      styleContext: styleContext
+    });
+  })), React.createElement("div", {
+    className: styles$y.footer
+  }, React.createElement(Button, {
+    size: "default",
+    theme: "gray",
+    onClick: function onClick() {
+      return handleButtonClick();
+    },
+    styleContext: "isInSpoiler"
+  }, spoiled ? buttonCollapse : buttonExpande, React.createElement(SvgSymbol, {
+    icon: "arrow"
+  }))));
+};
+
+var RawHtmlBlock = function RawHtmlBlock(_ref) {
+  var block = _ref.block,
+      styleContext = _ref.styleContext,
+      isRead = _ref.isRead,
+      isListened = _ref.isListened,
+      isInBookmarks = _ref.isInBookmarks,
+      bookmarkAction = _ref.bookmarkAction,
+      lightBox = _ref.lightBox;
+  var context = {
+    lightBox: lightBox || null
+  };
+
+  switch (block.type) {
+    case 'important_lead':
+      {
+        return React.createElement(ImportantLead, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'spoiler':
+      {
+        return React.createElement(Spoiler, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'cover':
+      {
+        return React.createElement(Cover, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    case 'half':
+      {
+        return React.createElement(HalfBlock, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
+
+    default:
+      {
+        return React.createElement(BlockProvider, {
+          value: context
+        }, React.createElement(RenderBlocks, {
+          block: block,
+          styleContext: styleContext,
+          isRead: isRead,
+          isListened: isListened,
+          isInBookmarks: isInBookmarks,
+          bookmarkAction: bookmarkAction
+        }));
+      }
+  }
+};
+
+var css_248z$z = "/* Colors */\n/* Fonts */\n/* Gap */\n/* Media */\n/*  512 */\n/*  650 */\n/*  768 */\n/* 1024 */\n/* 1010 */\n/* 1200 */\n/*  511 */\n/* 1023 */\n/* Zindex */\n.ToolbarButton-module_root__xN-fq {\n  height: 100%;\n  margin: 0;\n  padding: 0 1px 0 0;\n\n  cursor: pointer;\n\n  color: inherit;\n  border-width: 0;\n  outline: none;\n  background-color: transparent;\n\n  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n}\n.ToolbarButton-module_root__xN-fq::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  content: '';\n}\n.ToolbarButton-module_root__xN-fq:hover {\n  opacity: 0.6;\n}\n.ToolbarButton-module_dark__GrIOr {\n  color: #fff;\n}\n.ToolbarButton-module_dark__GrIOr:hover {\n  opacity: 0.6;\n}\n.ToolbarButton-module_dark__GrIOr svg {\n  color: #262626;\n\n  fill: #fff;\n}\n.ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {\n  color: #fff;\n\n  fill: transparent;\n}\n.ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {\n  fill: currentColor;\n}\n.ToolbarButton-module_dark__GrIOr::before {\n  border-left-color: rgba(255, 255, 255, 0.2);\n}\n.ToolbarButton-module_root__xN-fq [data-theme='dark'] {\n  visibility: hidden;\n}\n.ToolbarButton-module_dark__GrIOr [data-theme='dark'] {\n  visibility: visible;\n}\n.ToolbarButton-module_dark__GrIOr [data-theme='light'] {\n  visibility: hidden;\n}\n.ToolbarButton-module_text__32m6s {\n  display: inline-block;\n\n  padding-left: 5px;\n\n  vertical-align: middle;\n}\n.ToolbarButton-module_text__32m6s:empty {\n  display: none;\n}\n.ToolbarButton-module_bookmark__3369b {\n  color: #999;\n\n  fill: transparent;\n}\n.ToolbarButton-module_isActive__3NLAE {\n  fill: currentColor;\n}\n";
+var styles$z = {"root":"ToolbarButton-module_root__xN-fq","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
+styleInject(css_248z$z);
+
+var ToolbarButton = function ToolbarButton(_ref) {
+  var children = _ref.children,
+      type = _ref.type,
+      theme = _ref.theme,
+      isActive = _ref.isActive,
+      _onClick = _ref.onClick;
+  var classNames = [[styles$z.root, true], [styles$z[type], !!styles$z[type]], [styles$z[theme], !!styles$z[theme] && !!theme], [styles$z.isActive, !!isActive]];
+  return React.createElement("button", {
+    "data-testid": "toolbar-button",
+    className: makeClassName(classNames),
+    type: "button",
+    onClick: function onClick() {
+      return _onClick(type);
+    }
+  }, React.createElement(SvgSymbol, {
+    size: "medium",
+    icon: type,
+    styleContext: "isInToolbar"
+  }), children && React.createElement("span", {
+    className: styles$z.text
+  }, children));
+};
+
+export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DotsOnImage, Dropdown, EmbedBlockContainer, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RenderBlocks, RichTitle, Secondary, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
 //# sourceMappingURL=ui-kit-2.esm.js.map