@meduza/ui-kit-2 0.7.3 → 0.7.5

package/dist/ui-kit-2.cjs.development.js

@@ -34,7 +34,7 @@ const ButtonLoader = () => /*#__PURE__*/React.createElement("svg", {
   d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
 })));
 
-var styles$H = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
+var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
 
 const Button = ({
   theme = 'gold',
@@ -54,12 +54,12 @@ const Button = ({
   };
   return /*#__PURE__*/React.createElement("button", {
     "data-testid": "button",
-    className: makeClassName([[styles$H.root, true], [styles$H[size], !!size], [styles$H[theme], !!theme], [styles$H[appearance], !!appearance], [styles$H[state], !!state && !!styles$H[state]], [styles$H[styleContext], !!styleContext]]),
+    className: makeClassName([[styles$I.root, true], [styles$I[size], !!size], [styles$I[theme], !!theme], [styles$I[appearance], !!appearance], [styles$I[state], !!state && !!styles$I[state]], [styles$I[styleContext], !!styleContext]]),
     disabled: disabled,
     onClick: handleClick,
     type: "button"
   }, state === 'isLoading' ? /*#__PURE__*/React.createElement("span", {
-    className: styles$H.loader
+    className: styles$I.loader
   }, /*#__PURE__*/React.createElement(ButtonLoader, null)) : children);
 };
 
@@ -231,7 +231,7 @@ const icons = {
   }
 };
 
-var styles$G = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","read":"SvgSymbol-module_read__Bu653","listened":"SvgSymbol-module_listened__AOn7j","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","bookmark":"SvgSymbol-module_bookmark__JPKyG","shareBookmark":"SvgSymbol-module_shareBookmark__7w9X9","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
+var styles$H = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","read":"SvgSymbol-module_read__Bu653","listened":"SvgSymbol-module_listened__AOn7j","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","bookmark":"SvgSymbol-module_bookmark__JPKyG","shareBookmark":"SvgSymbol-module_shareBookmark__7w9X9","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
 
 const SvgSymbol = ({
   icon,
@@ -243,7 +243,7 @@ const SvgSymbol = ({
     "data-testid": "svg-symbol",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    className: makeClassName([[styles$G.root, true], [styles$G[size], !!styles$G[size]], [styles$G[icon], !!styles$G[icon]], [styles$G[styleContext], !!styles$G[styleContext]]]),
+    className: makeClassName([[styles$H.root, true], [styles$H[size], !!styles$H[size]], [styles$H[icon], !!styles$H[icon]], [styles$H[styleContext], !!styles$H[styleContext]]]),
     width: data.width,
     height: data.height,
     viewBox: `0 0 ${data.width} ${data.height}`,
@@ -253,7 +253,7 @@ const SvgSymbol = ({
   });
 };
 
-var styles$F = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","children":"Switcher-module_children__uLapU","left":"Switcher-module_left__5-HNa","right":"Switcher-module_right__82Edk","isInPanel":"Switcher-module_isInPanel__-nBSf","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT"};
+var styles$G = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","children":"Switcher-module_children__uLapU","left":"Switcher-module_left__5-HNa","right":"Switcher-module_right__82Edk","isInPanel":"Switcher-module_isInPanel__-nBSf","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT"};
 
 const Switcher = ({
   enabled,
@@ -264,20 +264,20 @@ const Switcher = ({
   theme = 'light'
 }) => /*#__PURE__*/React.createElement("label", {
   "data-testid": "switcher",
-  className: makeClassName([[styles$F.root, true], [styles$F[theme], !!styles$F[theme]], [styles$F[styleContext], !!styles$F[styleContext]]])
+  className: makeClassName([[styles$G.root, true], [styles$G[theme], !!styles$G[theme]], [styles$G[styleContext], !!styles$G[styleContext]]])
 }, children && childrenPosition === 'left' && /*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$F.children, true], [styles$F.left, true]])
+  className: makeClassName([[styles$G.children, true], [styles$G.left, true]])
 }, children), /*#__PURE__*/React.createElement("input", {
-  className: styles$F.input,
+  className: styles$G.input,
   type: "checkbox",
   checked: enabled,
   onChange: onChange
 }), /*#__PURE__*/React.createElement("span", {
-  className: styles$F.control
+  className: styles$G.control
 }, /*#__PURE__*/React.createElement("span", {
-  className: styles$F.knob
+  className: styles$G.knob
 })), children && childrenPosition === 'right' && /*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$F.children, true], [styles$F.right, true]])
+  className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
 }, children));
 
 const makeStyleContext = (classNames, styleContext, styles) => {
@@ -303,7 +303,7 @@ const postMessage = (category, element, action) => {
   }
 };
 
-var styles$E = {"root":"Lazy-module_root__DWw8D"};
+var styles$F = {"root":"Lazy-module_root__DWw8D"};
 
 const Lazy = ({
   children,
@@ -324,7 +324,7 @@ const Lazy = ({
     }
   }, [inView]);
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$E.root, true], [styles$E.visible, visible]]),
+    className: makeClassName([[styles$F.root, true], [styles$F.visible, visible]]),
     ref: ref,
     "data-testid": "lazy"
   }, visible && children);
@@ -417,7 +417,7 @@ const RenderPicture = ({
   }));
 };
 
-var styles$D = {"root":"Image-module_root__H5wAh","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
+var styles$E = {"root":"Image-module_root__H5wAh","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
 
 const Image = ({
   alt,
@@ -450,16 +450,16 @@ const Image = ({
   };
   /* fallback w325 url until w6 was released */
   const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
-  let classNames = [[styles$D.root, true], [styles$D.isLoaded, isLoaded], [styles$D.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
+  let classNames = [[styles$E.root, true], [styles$E.isLoaded, isLoaded], [styles$E.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$D);
+    classNames = makeStyleContext(classNames, styleContext, styles$E);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: makeClassName(classNames),
     style: blockStyles,
     "data-testid": "image"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$D.wrapper,
+    className: styles$E.wrapper,
     style: pictureStyles,
     onClick: () => handleClick(),
     onKeyPress: () => handleClick(),
@@ -487,7 +487,7 @@ const Image = ({
   })));
 };
 
-var styles$C = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
+var styles$D = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
 
 const Popover = ({
   children,
@@ -519,20 +519,20 @@ const Popover = ({
   /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "popover",
-    className: makeClassName([[styles$C.root, true], [styles$C.visible, visible]])
+    className: makeClassName([[styles$D.root, true], [styles$D.visible, visible]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$C.overlay,
+    className: styles$D.overlay,
     onClick: () => handleClose()
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$C.container
+    className: styles$D.container
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: styles$C.dismiss,
+    className: styles$D.dismiss,
     onClick: () => handleClose(),
     "aria-label": "dismiss"
   }), /*#__PURE__*/React.createElement("svg", {
     width: "100%",
-    className: styles$C.background
+    className: styles$D.background
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
     id: "myMask",
     x: "0",
@@ -561,11 +561,11 @@ const Popover = ({
     width: "100%",
     height: "100%"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$C.body
+    className: styles$D.body
   }, children)));
 };
 
-var styles$B = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
+var styles$C = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
 
 const Footnote = ({
   children,
@@ -573,16 +573,16 @@ const Footnote = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "footnote",
-    className: makeClassName([[styles$B.root, true]])
+    className: makeClassName([[styles$C.root, true]])
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$B.dismiss,
+    className: styles$C.dismiss,
     type: "button",
     onClick: () => onClose()
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     icon: "cross",
     size: "unset"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$B.body
+    className: styles$C.body
   }, children));
 };
 
@@ -591,7 +591,7 @@ var viewportSize = (() => ({
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
 }));
 
-var styles$A = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
+var styles$B = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
 
 const DotsOnImage = ({
   block: {
@@ -673,7 +673,7 @@ const DotsOnImage = ({
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$A.root, true], [styles$A.isVisible, visible]]),
+    className: makeClassName([[styles$B.root, true], [styles$B.isVisible, visible]]),
     "data-testid": "dots-on-image",
     ref: ref
   }, /*#__PURE__*/React.createElement(Image, {
@@ -686,7 +686,7 @@ const DotsOnImage = ({
   }), /*#__PURE__*/React.createElement("div", {
     ref: container
   }, dots.map(dot => /*#__PURE__*/React.createElement("div", {
-    className: styles$A.dot,
+    className: styles$B.dot,
     key: dot.id,
     style: {
       top: `${dot.position.y}%`,
@@ -694,7 +694,7 @@ const DotsOnImage = ({
       transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
     }
   }, /*#__PURE__*/React.createElement("button", {
-    className: makeClassName([[styles$A.marker, true], [styles$A.isActive, dot.id === popover.id]]),
+    className: makeClassName([[styles$B.marker, true], [styles$B.isActive, dot.id === popover.id]]),
     type: "button",
     style: {
       backgroundColor: dot.icon.color
@@ -705,7 +705,7 @@ const DotsOnImage = ({
       __html: dot.icon.svg_string
     }
   }), dot.icon.type === 'number' && dot.icon.number))), popover.show && /*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$A.popover, true], [styles$A[popover.side], !!popover.side], [styles$A[popover.align], !!popover.align]]),
+    className: makeClassName([[styles$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
     style: popover.style
   }, /*#__PURE__*/React.createElement(Footnote, {
     onClose: () => {
@@ -730,7 +730,7 @@ const DotsOnImage = ({
   })))));
 };
 
-var styles$z = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
+var styles$A = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
 
 const Tag = ({
   children,
@@ -740,9 +740,9 @@ const Tag = ({
   correlation,
   onlyOn
 }) => {
-  let classNames = [[styles$z.root, true], [styles$z[size], !!size && !!styles$z[size]], [styles$z[theme], !!theme && !!styles$z[theme]], [styles$z[onlyOn], !!onlyOn && !!styles$z[onlyOn]], [styles$z[correlation], !!correlation && !!styles$z[correlation]]];
+  let classNames = [[styles$A.root, true], [styles$A[size], !!size && !!styles$A[size]], [styles$A[theme], !!theme && !!styles$A[theme]], [styles$A[onlyOn], !!onlyOn && !!styles$A[onlyOn]], [styles$A[correlation], !!correlation && !!styles$A[correlation]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$z);
+    classNames = makeStyleContext(classNames, styleContext, styles$A);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "tag",
@@ -750,34 +750,34 @@ const Tag = ({
   }, children);
 };
 
-var styles$y = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
+var styles$z = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
 
 const MediaCaption = ({
   credit,
   caption,
   styleContext
 }) => {
-  let classNames = [[styles$y.root, true]];
+  let classNames = [[styles$z.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && /*#__PURE__*/React.createElement("div", {
-    className: styles$y.caption,
+    className: styles$z.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   }), credit && /*#__PURE__*/React.createElement("div", {
-    className: styles$y.credit,
+    className: styles$z.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   }));
 };
 
-var styles$x = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
+var styles$y = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
 
 const Table = ({
   styleContext,
@@ -799,26 +799,26 @@ const Table = ({
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  let classNames = [[styles$x.root, true], [styles$x[display], !!display && !!styles$x[display]]];
+  let classNames = [[styles$y.root, true], [styles$y[display], !!display && !!styles$y[display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$x.wrapper
+    className: styles$y.wrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$x.table
+    className: styles$y.table
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$x.tracks
+    className: styles$y.tracks
   }, rows.map((row, i) => {
     return /*#__PURE__*/React.createElement("div", {
       key: row.key,
-      className: styles$x.row
+      className: styles$y.row
     }, row.cells.map((cell, j) => /*#__PURE__*/React.createElement("div", {
       key: cell.key,
-      className: makeClassName([[styles$x.cell, true], [styles$x.header, options.header && i === 0], [styles$x[colors[cell.color]], true], [styles$x[columnsWidth[j]], true], [styles$x.fixedColumn, options.fixed_first_column && j === 0]]),
+      className: makeClassName([[styles$y.cell, true], [styles$y.header, options.header && i === 0], [styles$y[colors[cell.color]], true], [styles$y[columnsWidth[j]], true], [styles$y.fixedColumn, options.fixed_first_column && j === 0]]),
       dangerouslySetInnerHTML: {
         __html: cell.val
       }
@@ -829,7 +829,7 @@ const Table = ({
   }));
 };
 
-var styles$w = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
+var styles$x = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
 
 const MaterialNote = ({
   block: {
@@ -837,15 +837,15 @@ const MaterialNote = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$w.root, true]];
+  let classNames = [[styles$x.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$w);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "material-note",
     className: makeClassName(classNames)
   }, data && data.map(item => /*#__PURE__*/React.createElement("p", {
-    className: styles$w[item.type],
+    className: styles$x[item.type],
     key: item.id,
     dangerouslySetInnerHTML: {
       __html: item.data
@@ -853,7 +853,7 @@ const MaterialNote = ({
   }))));
 };
 
-var styles$v = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
+var styles$w = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
 
 const BookmarkButton = ({
   styleContext,
@@ -861,15 +861,15 @@ const BookmarkButton = ({
   isInBookmarks,
   onClick
 }) => {
-  let classNames = [[styles$v.root, true], [styles$v.isInBookmarks, isInBookmarks], [styles$v[theme], !!theme && !!styles$v[theme]]];
+  let classNames = [[styles$w.root, true], [styles$w.isInBookmarks, isInBookmarks], [styles$w[theme], !!theme && !!styles$w[theme]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$v);
+    classNames = makeStyleContext(classNames, styleContext, styles$w);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "bookmark-button",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$v.control,
+    className: styles$w.control,
     onClick: () => onClick(),
     type: "button"
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
@@ -878,39 +878,39 @@ const BookmarkButton = ({
   })));
 };
 
-var styles$u = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
+var styles$v = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
 
 const Primary = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("span", {
-    className: styles$u.primary
+    className: styles$v.primary
   }, children);
 };
 const Secondary = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("span", {
-    className: styles$u.secondary
+    className: styles$v.secondary
   }, children);
 };
 const MaterialTitle = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("h1", {
-    className: styles$u.root,
+    className: styles$v.root,
     "data-testid": "material-title"
   }, children);
 };
 
-var styles$t = {"root":"Dropdown-module_root__Wv7S-","active":"Dropdown-module_active__jEkE7","menu":"Dropdown-module_menu__11IQL","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
+var styles$u = {"root":"Dropdown-module_root__Wv7S-","active":"Dropdown-module_active__jEkE7","menu":"Dropdown-module_menu__11IQL","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
 
 const Menu = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "dropdown",
-    className: styles$t.menu
+    className: styles$u.menu
   }, children);
 };
 const Dropdown = ({
@@ -918,9 +918,9 @@ const Dropdown = ({
   active,
   styleContext
 }) => {
-  let classNames = [[styles$t.root, true], [styles$t.active, !!active && !!styles$t.active]];
+  let classNames = [[styles$u.root, true], [styles$u.active, !!active && !!styles$u.active]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$t);
+    classNames = makeStyleContext(classNames, styleContext, styles$u);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "dropdown",
@@ -928,13 +928,13 @@ const Dropdown = ({
   }, children);
 };
 
-var styles$s = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz"};
+var styles$t = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz"};
 
 const ToolbarItem = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("li", {
-    className: styles$s.item
+    className: styles$t.item
   }, children);
 };
 
@@ -942,19 +942,19 @@ const Toolbar = ({
   children,
   styleContext
 }) => {
-  let classNames = [[styles$s.root, true]];
+  let classNames = [[styles$t.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$s);
+    classNames = makeStyleContext(classNames, styleContext, styles$t);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("ul", {
-    className: styles$s.list
+    className: styles$t.list
   }, children));
 };
 
-var styles$r = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","bookmark":"Meta-module_bookmark__jcFWn","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
+var styles$s = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","bookmark":"Meta-module_bookmark__jcFWn","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
 
 const Meta = ({
   hasSource,
@@ -963,9 +963,9 @@ const Meta = ({
   onlyOn,
   styleContext
 }) => {
-  let classNames = [[styles$r.root, true], [styles$r[theme], !!theme && !!styles$r[theme]], [styles$r[onlyOn], !!onlyOn], [styles$r.hasSource, hasSource]];
+  let classNames = [[styles$s.root, true], [styles$s[theme], !!theme && !!styles$s[theme]], [styles$s[onlyOn], !!onlyOn], [styles$s.hasSource, hasSource]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$r);
+    classNames = makeStyleContext(classNames, styleContext, styles$s);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta",
@@ -973,7 +973,7 @@ const Meta = ({
   }, children);
 };
 
-var styles$q = {"root":"Timestamp-module_root__jPJ6w"};
+var styles$r = {"root":"Timestamp-module_root__jPJ6w"};
 
 const Timestamp = ({
   publishedAt,
@@ -997,7 +997,7 @@ const Timestamp = ({
   return /*#__PURE__*/React.createElement("time", {
     suppressHydrationWarning: true,
     "data-testid": "timestamp",
-    className: styles$q.root
+    className: styles$r.root
   }, published);
 };
 
@@ -1057,7 +1057,7 @@ const DangerousHTML = ({
   }));
 };
 
-var styles$p = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
+var styles$q = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
 
 const EmbedGif = ({
   gif,
@@ -1095,9 +1095,9 @@ const EmbedGif = ({
     };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles$p.figure
+    className: styles$q.figure
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$p.objectWrap,
+    className: styles$q.objectWrap,
     style: style,
     "data-frozen": videoFrozen
   }, /*#__PURE__*/React.createElement("video", {
@@ -1157,7 +1157,7 @@ const EmbedBlock = ({
       case 'image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$p.figure
+            className: styles$q.figure
           }, /*#__PURE__*/React.createElement(Image, {
             source: !optimized && [small, large],
             optimized: block.data.optimized,
@@ -1172,7 +1172,7 @@ const EmbedBlock = ({
       case 'game_embed':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$p.gameEmbed
+            className: styles$q.gameEmbed
           }, /*#__PURE__*/React.createElement("iframe", {
             src: block.data.game_src,
             id: block.data.game_id,
@@ -1182,7 +1182,7 @@ const EmbedBlock = ({
       case 'dots_on_image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$p.figure
+            className: styles$q.figure
           }, /*#__PURE__*/React.createElement(DotsOnImage, {
             block: data
           }));
@@ -1190,12 +1190,12 @@ const EmbedBlock = ({
       default:
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$p.object
+            className: styles$q.object
           }, /*#__PURE__*/React.createElement("div", {
-            className: styles$p.wrapper,
+            className: styles$q.wrapper,
             style: style
           }, /*#__PURE__*/React.createElement(DangerousHTML, {
-            className: styles$p.objectWrap,
+            className: styles$q.objectWrap,
             html: html
           })));
         }
@@ -1205,28 +1205,28 @@ const EmbedBlock = ({
     style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
     style.height = 0;
   }
-  let classNames = [[styles$p.root, true], [styles$p.cc, cc], [styles$p[display], !!display && styles$p[display]], [styles$p[provider], !!provider && !!styles$p[provider]], [styles$p[onlyOn], !!onlyOn && styles$p[onlyOn]], [styles$p.mobileFullwidth, mobileFullwidth], [styles$p.proportional, isProportional]];
+  let classNames = [[styles$q.root, true], [styles$q.cc, cc], [styles$q[display], !!display && styles$q[display]], [styles$q[provider], !!provider && !!styles$q[provider]], [styles$q[onlyOn], !!onlyOn && styles$q[onlyOn]], [styles$q.mobileFullwidth, mobileFullwidth], [styles$q.proportional, isProportional]];
   // Убираем из контекста все, что не начинается с приставки isIn,
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
   if (styleContext && Array.isArray(styleContext)) {
-    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$p[key]).reduce((acc, key) => {
+    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$q[key]).reduce((acc, key) => {
       acc.push(key);
       return acc;
     }, []);
-    classNames = makeStyleContext(classNames, filteredContext, styles$p);
+    classNames = makeStyleContext(classNames, filteredContext, styles$q);
   }
   return /*#__PURE__*/React.createElement("figure", {
     className: makeClassName(classNames)
   }, children && /*#__PURE__*/React.createElement("div", {
-    className: styles$p.object
+    className: styles$q.object
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$p.wrapper,
+    className: styles$q.wrapper,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$p.objectWrap
+    className: styles$q.objectWrap
   }, children))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && /*#__PURE__*/React.createElement("button", {
-    className: styles$p.control,
+    className: styles$q.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
@@ -1329,7 +1329,7 @@ const EmbedBlockContainer = ({
   });
 };
 
-var styles$o = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
+var styles$p = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
 
 const QuoteBlock = ({
   block: {
@@ -1337,9 +1337,9 @@ const QuoteBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$o.root, true]];
+  let classNames = [[styles$p.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$o);
+    classNames = makeStyleContext(classNames, styleContext, styles$p);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "quote-block",
@@ -1351,7 +1351,7 @@ const QuoteBlock = ({
   }));
 };
 
-var styles$n = {"root":"CardTitle-module_root__Pvx--","index":"CardTitle-module_index__Keled","title":"CardTitle-module_title__Lkflo","mobile":"CardTitle-module_mobile__6N3hB","desktop":"CardTitle-module_desktop__sBokS"};
+var styles$o = {"root":"CardTitle-module_root__Pvx--","index":"CardTitle-module_index__Keled","title":"CardTitle-module_title__Lkflo","mobile":"CardTitle-module_mobile__6N3hB","desktop":"CardTitle-module_desktop__sBokS"};
 
 const CardTitle = ({
   block: {
@@ -1365,15 +1365,15 @@ const CardTitle = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "card-title",
-    className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]])
+    className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$n.index
+    className: styles$o.index
   }, index), /*#__PURE__*/React.createElement("h3", {
-    className: styles$n.title
+    className: styles$o.title
   }, text));
 };
 
-var styles$m = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
+var styles$n = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
 
 const ChapterBlock = ({
   block: {
@@ -1386,9 +1386,9 @@ const ChapterBlock = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "chapter-block",
     id: id,
-    className: makeClassName([[styles$m.root, true], [styles$m[onlyOn], !!onlyOn]])
+    className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$m.subtitle, true], [styles$m[styleContext], !!styleContext && !!styles$m[styleContext]]]),
+    className: makeClassName([[styles$n.subtitle, true], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]]),
     dangerouslySetInnerHTML: {
       __html: data
     }
@@ -1404,7 +1404,7 @@ const generateGradient = (color, type) => {
   return `linear-gradient(-180deg, ${gradient})`;
 };
 
-var styles$l = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
+var styles$m = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
 
 const SimpleTitle = ({
   block: {
@@ -1415,9 +1415,9 @@ const SimpleTitle = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$l.root, true], [styles$l[onlyOn], true]];
+  let classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
   }
   return /*#__PURE__*/React.createElement("h1", {
     "data-testid": "simple-title",
@@ -1425,7 +1425,7 @@ const SimpleTitle = ({
   }, first);
 };
 
-var styles$k = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
+var styles$l = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
 
 const RichTitle = ({
   block: {
@@ -1439,9 +1439,9 @@ const RichTitle = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$k.root, true], [styles$k[onlyOn], true], [styles$k.featured, !!featured]];
+  let classNames = [[styles$l.root, true], [styles$l[onlyOn], true], [styles$l.featured, !!featured]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$k);
+    classNames = makeStyleContext(classNames, styleContext, styles$l);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     "data-testid": "rich-title",
@@ -1449,7 +1449,7 @@ const RichTitle = ({
   }, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
 };
 
-var styles$j = {"p":"SimpleBlock-module_p__7aRnT","h2":"SimpleBlock-module_h2__aWlMn","h3":"SimpleBlock-module_h3__uPh0-","h4":"SimpleBlock-module_h4__MxGXA","lead":"SimpleBlock-module_lead__NzEPT","lead_hr":"SimpleBlock-module_lead_hr__XN0rm","context_p":"SimpleBlock-module_context_p__Mdu1R","blockquote":"SimpleBlock-module_blockquote__nX-Ab","game":"SimpleBlock-module_game__uVeJJ","slide":"SimpleBlock-module_slide__MaaUF","dark":"SimpleBlock-module_dark__qtLhq","divider":"SimpleBlock-module_divider__-VXBu","isInIntro":"SimpleBlock-module_isInIntro__UOePf","center":"SimpleBlock-module_center__D1CsV","isInImportantLead":"SimpleBlock-module_isInImportantLead__qzKDo","podcastMaterial":"SimpleBlock-module_podcastMaterial__XEMjh","isInAnswer":"SimpleBlock-module_isInAnswer__Asx7d","mobile":"SimpleBlock-module_mobile__EVGYJ","desktop":"SimpleBlock-module_desktop__6ZH5e","isDark":"SimpleBlock-module_isDark__ehYKr"};
+var styles$k = {"p":"SimpleBlock-module_p__7aRnT","h2":"SimpleBlock-module_h2__aWlMn","h3":"SimpleBlock-module_h3__uPh0-","h4":"SimpleBlock-module_h4__MxGXA","lead":"SimpleBlock-module_lead__NzEPT","lead_hr":"SimpleBlock-module_lead_hr__XN0rm","context_p":"SimpleBlock-module_context_p__Mdu1R","blockquote":"SimpleBlock-module_blockquote__nX-Ab","game":"SimpleBlock-module_game__uVeJJ","slide":"SimpleBlock-module_slide__MaaUF","dark":"SimpleBlock-module_dark__qtLhq","divider":"SimpleBlock-module_divider__-VXBu","isInIntro":"SimpleBlock-module_isInIntro__UOePf","center":"SimpleBlock-module_center__D1CsV","isInImportantLead":"SimpleBlock-module_isInImportantLead__qzKDo","podcastMaterial":"SimpleBlock-module_podcastMaterial__XEMjh","isInAnswer":"SimpleBlock-module_isInAnswer__Asx7d","mobile":"SimpleBlock-module_mobile__EVGYJ","desktop":"SimpleBlock-module_desktop__6ZH5e","isDark":"SimpleBlock-module_isDark__ehYKr"};
 
 const SimpleBlock = ({
   block: {
@@ -1461,9 +1461,9 @@ const SimpleBlock = ({
   id = null
 }) => {
   let TagName;
-  let classNames = [[styles$j[type], !!type && !!styles$j[type]], [styles$j[onlyOn], true]];
+  let classNames = [[styles$k[type], !!type && !!styles$k[type]], [styles$k[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$j);
+    classNames = makeStyleContext(classNames, styleContext, styles$k);
   }
   switch (type) {
     case 'context_p':
@@ -1495,7 +1495,7 @@ const SimpleBlock = ({
   });
 };
 
-var styles$i = {"root":"ListBlock-module_root__dqomP","ol":"ListBlock-module_ol__1l6nP","ul":"ListBlock-module_ul__bgHlv","center":"ListBlock-module_center__bEBN-","isInImportantLead":"ListBlock-module_isInImportantLead__ewcD1","dark":"ListBlock-module_dark__NzpYz","mobile":"ListBlock-module_mobile__qEBsn","desktop":"ListBlock-module_desktop__HN0IU"};
+var styles$j = {"root":"ListBlock-module_root__dqomP","ol":"ListBlock-module_ol__1l6nP","ul":"ListBlock-module_ul__bgHlv","center":"ListBlock-module_center__bEBN-","isInImportantLead":"ListBlock-module_isInImportantLead__ewcD1","dark":"ListBlock-module_dark__NzpYz","mobile":"ListBlock-module_mobile__qEBsn","desktop":"ListBlock-module_desktop__HN0IU"};
 
 const ListBlock = ({
   block: {
@@ -1506,9 +1506,9 @@ const ListBlock = ({
   styleContext
 }) => {
   const TagName = type;
-  let classNames = [[styles$i.root, true], [styles$i[onlyOn], true], [styles$i[type], !!type && !!styles$i[type]]];
+  let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j[type], !!type && !!styles$j[type]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$i);
+    classNames = makeStyleContext(classNames, styleContext, styles$j);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     className: makeClassName(classNames),
@@ -1521,7 +1521,7 @@ const ListBlock = ({
   })));
 };
 
-var styles$h = {"root":"RelatedBlock-module_root__cr1c-","header":"RelatedBlock-module_header__bfUJD","items":"RelatedBlock-module_items__rzzam","rich":"RelatedBlock-module_rich__1cWdn","first":"RelatedBlock-module_first__ZkcP5","simple":"RelatedBlock-module_simple__m22bj","center":"RelatedBlock-module_center__WVpIJ","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__VumDw","mobile":"RelatedBlock-module_mobile__AScBA","desktop":"RelatedBlock-module_desktop__uMXUY"};
+var styles$i = {"root":"RelatedBlock-module_root__cr1c-","header":"RelatedBlock-module_header__bfUJD","items":"RelatedBlock-module_items__rzzam","rich":"RelatedBlock-module_rich__1cWdn","first":"RelatedBlock-module_first__ZkcP5","simple":"RelatedBlock-module_simple__m22bj","center":"RelatedBlock-module_center__WVpIJ","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__VumDw","mobile":"RelatedBlock-module_mobile__AScBA","desktop":"RelatedBlock-module_desktop__uMXUY"};
 
 const RelatedBlock = ({
   block: {
@@ -1533,28 +1533,28 @@ const RelatedBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
+  let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$h);
+    classNames = makeStyleContext(classNames, styleContext, styles$i);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$h.header
+    className: styles$i.header
   }, title), /*#__PURE__*/React.createElement("ul", {
-    className: styles$h.items
+    className: styles$i.items
   }, related.map((item, index) => /*#__PURE__*/React.createElement("li", {
     key: item.id || index,
-    className: styles$h[item.layout]
+    className: styles$i[item.layout]
   }, /*#__PURE__*/React.createElement(reactRouterDom.Link, {
     to: item.full_url || `/${item.url}`
   }, /*#__PURE__*/React.createElement("span", {
-    className: styles$h.first
+    className: styles$i.first
   }, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title))))));
 };
 
-var styles$g = {"root":"SourceBlock-module_root__9dnI4","text":"SourceBlock-module_text__M5-uy","origin":"SourceBlock-module_origin__fyvxH","center":"SourceBlock-module_center__UOMwy","mobile":"SourceBlock-module_mobile__QVEyg","desktop":"SourceBlock-module_desktop__xdXWm","isDark":"SourceBlock-module_isDark__etwk1"};
+var styles$h = {"root":"SourceBlock-module_root__9dnI4","text":"SourceBlock-module_text__M5-uy","origin":"SourceBlock-module_origin__fyvxH","center":"SourceBlock-module_center__UOMwy","mobile":"SourceBlock-module_mobile__QVEyg","desktop":"SourceBlock-module_desktop__xdXWm","isDark":"SourceBlock-module_isDark__etwk1"};
 
 const SourceBlock = ({
   block: {
@@ -1567,16 +1567,16 @@ const SourceBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$g.root, true], [styles$g[onlyOn], true]];
+  let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$g);
+    classNames = makeStyleContext(classNames, styleContext, styles$h);
   }
   return /*#__PURE__*/React.createElement("blockquote", {
     "data-testid": "source-block",
     cite: url,
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$g.text,
+    className: styles$h.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -1586,11 +1586,11 @@ const SourceBlock = ({
       __html: item.data
     }
   })), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
-    className: styles$g.origin
+    className: styles$h.origin
   }, origin))));
 };
 
-var styles$f = {"root":"SensitiveBlock-module_root__1Nl9-","container":"SensitiveBlock-module_container__GE2tW","overlay":"SensitiveBlock-module_overlay__tEsK8","content":"SensitiveBlock-module_content__RYbdd","button":"SensitiveBlock-module_button__LGEEM","default":"SensitiveBlock-module_default__pkWhC","full":"SensitiveBlock-module_full__hlH41","media":"SensitiveBlock-module_media__nuL1S","super_full":"SensitiveBlock-module_super_full__C7UyP","visible":"SensitiveBlock-module_visible__bXhYO","isInCard":"SensitiveBlock-module_isInCard__uANYL","isInSlide":"SensitiveBlock-module_isInSlide__ZAVUU"};
+var styles$g = {"root":"SensitiveBlock-module_root__1Nl9-","container":"SensitiveBlock-module_container__GE2tW","overlay":"SensitiveBlock-module_overlay__tEsK8","content":"SensitiveBlock-module_content__RYbdd","button":"SensitiveBlock-module_button__LGEEM","default":"SensitiveBlock-module_default__pkWhC","full":"SensitiveBlock-module_full__hlH41","media":"SensitiveBlock-module_media__nuL1S","super_full":"SensitiveBlock-module_super_full__C7UyP","visible":"SensitiveBlock-module_visible__bXhYO","isInCard":"SensitiveBlock-module_isInCard__uANYL","isInSlide":"SensitiveBlock-module_isInSlide__ZAVUU"};
 
 const SensitiveBlock = ({
   block,
@@ -1613,40 +1613,40 @@ const SensitiveBlock = ({
   const handleClick = () => {
     isVisible(true);
   };
-  let classNames = [[styles$f.root, true], [styles$f.visible, visible], [styles$f[display], display && styles$f[display]]];
+  let classNames = [[styles$g.root, true], [styles$g.visible, visible], [styles$g[display], display && styles$g[display]]];
   let context = ['isInSensitiveBlock'];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$f);
+    classNames = makeStyleContext(classNames, styleContext, styles$g);
     context = [...styleContext, 'isInSensitiveBlock'];
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "sensitive-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$f.container
+    className: styles$g.container
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$f.overlay,
+    className: styles$g.overlay,
     style: {
       backgroundImage: `url(${blurredImage})`
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$f.content
+    className: styles$g.content
   }, /*#__PURE__*/React.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: block.title
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$f.button
+    className: styles$g.button
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => handleClick(),
     theme: "light"
   }, block.button.text)))), /*#__PURE__*/React.createElement("div", {
-    className: styles$f.media
+    className: styles$g.media
   }, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
     block: block.item,
     styleContext: context
   }))), cc && /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$f.figcaption
+    className: styles$g.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -1654,7 +1654,7 @@ const SensitiveBlock = ({
   })));
 };
 
-var styles$e = {"root":"GroupedBlock-module_root__MQQin","hasFigcaption":"GroupedBlock-module_hasFigcaption__Y05ed","item":"GroupedBlock-module_item__-InqF","items":"GroupedBlock-module_items__8X4js","figcaption":"GroupedBlock-module_figcaption__OE5-u","default":"GroupedBlock-module_default__Tha8f","full":"GroupedBlock-module_full__SNwyE","super_full":"GroupedBlock-module_super_full__HTA9D","mobile":"GroupedBlock-module_mobile__xqMw5","desktop":"GroupedBlock-module_desktop__Oobdp"};
+var styles$f = {"root":"GroupedBlock-module_root__MQQin","hasFigcaption":"GroupedBlock-module_hasFigcaption__Y05ed","item":"GroupedBlock-module_item__-InqF","items":"GroupedBlock-module_items__8X4js","figcaption":"GroupedBlock-module_figcaption__OE5-u","default":"GroupedBlock-module_default__Tha8f","full":"GroupedBlock-module_full__SNwyE","super_full":"GroupedBlock-module_super_full__HTA9D","mobile":"GroupedBlock-module_mobile__xqMw5","desktop":"GroupedBlock-module_desktop__Oobdp"};
 
 const GroupedBlock = ({
   block,
@@ -1670,19 +1670,19 @@ const GroupedBlock = ({
     return width / (height / maxHeight);
   });
   const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
-  let classNames = [[styles$e.root, true], [styles$e[onlyOn], true], [styles$e.hasFigcaption, block.cc === 'default'], [styles$e[block.display], !!block.display && styles$e[block.display]]];
+  let classNames = [[styles$f.root, true], [styles$f[onlyOn], true], [styles$f.hasFigcaption, block.cc === 'default'], [styles$f[block.display], !!block.display && styles$f[block.display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$e);
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$e.items
+    className: styles$f.items
   }, block.data.map((item, index) => {
     const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return /*#__PURE__*/React.createElement("div", {
-      className: styles$e.item,
+      className: styles$f.item,
       key: item.id,
       style: {
         width: `${percentWidth}%`
@@ -1695,7 +1695,7 @@ const GroupedBlock = ({
       styleContext: ['isInGroupedBlock']
     }));
   })), block.cc && /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$e.figcaption
+    className: styles$f.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1703,7 +1703,7 @@ const GroupedBlock = ({
   })));
 };
 
-var styles$d = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","listened":"MetaItem-module_listened__XZWFQ","read":"MetaItem-module_read__O3cUz","datetime":"MetaItem-module_datetime__--O8c"};
+var styles$e = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","listened":"MetaItem-module_listened__XZWFQ","read":"MetaItem-module_read__O3cUz","datetime":"MetaItem-module_datetime__--O8c"};
 
 const MetaItem = ({
   hasSource,
@@ -1711,25 +1711,25 @@ const MetaItem = ({
   children,
   bullets
 }) => {
-  const classNames = [[styles$d.root, true], [styles$d[type], !!type && !!styles$d[type]], [styles$d.hasSource, !!hasSource], [styles$d.hasBullets, !!bullets]];
+  const classNames = [[styles$e.root, true], [styles$e[type], !!type && !!styles$e[type]], [styles$e.hasSource, !!hasSource], [styles$e.hasBullets, !!bullets]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$c = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","frame":"MetaItemLive-module_frame__FHByQ","liveMiddle":"MetaItemLive-module_liveMiddle__SX4Gs","liveFirstWave":"MetaItemLive-module_liveFirstWave__QqstP","liveSecondWave":"MetaItemLive-module_liveSecondWave__hlbpt"};
+var styles$d = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","frame":"MetaItemLive-module_frame__FHByQ","liveMiddle":"MetaItemLive-module_liveMiddle__SX4Gs","liveFirstWave":"MetaItemLive-module_liveFirstWave__QqstP","liveSecondWave":"MetaItemLive-module_liveSecondWave__hlbpt"};
 
 const MetaItemLive = ({
   theme = 'gold'
 }) => {
-  const classNames = [[styles$c.root, true], [styles$c[theme], !!theme && styles$c[theme]]];
+  const classNames = [[styles$d.root, true], [styles$d[theme], !!theme && styles$d[theme]]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$c.frame
+    className: styles$d.frame
   }));
 };
 
@@ -1749,7 +1749,7 @@ const pluralize = (number, one, two, five) => {
   return five;
 };
 
-var styles$b = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
+var styles$c = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
 
 const DocumentItemsCount = ({
   type,
@@ -1786,9 +1786,9 @@ const DocumentItemsCount = ({
   const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "document-items-count",
-    className: styles$b.root
+    className: styles$c.root
   }, children, /*#__PURE__*/React.createElement("span", {
-    className: styles$b.items
+    className: styles$c.items
   }, itemsCount));
 };
 
@@ -1905,22 +1905,22 @@ const MetaContainer = ({
     icon: isListened ? 'listened' : 'read',
     size: "unset"
   })), isSlides && lang === 'ru' && /*#__PURE__*/React.createElement("div", {
-    className: styles$r.bookmark
+    className: styles$s.bookmark
   }, /*#__PURE__*/React.createElement(BookmarkButton, {
     isInBookmarks: isInBookmarks,
     onClick: () => bookmarkAction('bookmark', 'top')
   })));
 };
 
-var styles$a = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
+var styles$b = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
 
 const DonatesTeaser = ({
   styleContext,
   lang = 'ru'
 }) => {
-  let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
+  let classNames = [[styles$b.root, true], [styles$b[lang], styles$b[lang]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$a);
+    classNames = makeStyleContext(classNames, styleContext, styles$b);
   }
   const data = {
     ru: {
@@ -1940,20 +1940,20 @@ const DonatesTeaser = ({
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$a.main
+    className: styles$b.main
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$a.title
+    className: styles$b.title
   }, /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: data[lang].title
     }
   }), ` `, /*#__PURE__*/React.createElement("span", {
-    className: styles$a.text,
+    className: styles$b.text,
     dangerouslySetInnerHTML: {
       __html: data[lang].subtitle
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$a.cta
+    className: styles$b.cta
   }, /*#__PURE__*/React.createElement("a", {
     href: data[lang].href,
     target: "_blank",
@@ -1961,15 +1961,15 @@ const DonatesTeaser = ({
   }, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
 };
 
-var styles$9 = {"root":"AnnouncementInText-module_root__C4-Oo","body":"AnnouncementInText-module_body__lZy-L","title":"AnnouncementInText-module_title__cb6i1","footer":"AnnouncementInText-module_footer__jRk9p","button":"AnnouncementInText-module_button__JuT-E","link":"AnnouncementInText-module_link__C0YxL","center":"AnnouncementInText-module_center__1DJjd","isInCard":"AnnouncementInText-module_isInCard__jIqpa","isInSlide":"AnnouncementInText-module_isInSlide__BWO-A","ru":"AnnouncementInText-module_ru__QHQad","en":"AnnouncementInText-module_en__r0PvM"};
+var styles$a = {"root":"AnnouncementInText-module_root__C4-Oo","body":"AnnouncementInText-module_body__lZy-L","title":"AnnouncementInText-module_title__cb6i1","footer":"AnnouncementInText-module_footer__jRk9p","button":"AnnouncementInText-module_button__JuT-E","link":"AnnouncementInText-module_link__C0YxL","center":"AnnouncementInText-module_center__1DJjd","isInCard":"AnnouncementInText-module_isInCard__jIqpa","isInSlide":"AnnouncementInText-module_isInSlide__BWO-A","ru":"AnnouncementInText-module_ru__QHQad","en":"AnnouncementInText-module_en__r0PvM"};
 
 const AnnouncementInText = ({
   styleContext,
   lang = 'ru'
 }) => {
-  let classNames = [[styles$9.root, true], [styles$9[lang], styles$9[lang]]];
+  let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$9);
+    classNames = makeStyleContext(classNames, styleContext, styles$a);
   }
   const data = {
     ru: {
@@ -1990,9 +1990,9 @@ const AnnouncementInText = ({
     "data-testid": "announcement-in-text",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$9.body
+    className: styles$a.body
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$9.title,
+    className: styles$a.title,
     dangerouslySetInnerHTML: {
       __html: localeData.title
     }
@@ -2001,18 +2001,18 @@ const AnnouncementInText = ({
       __html: localeData.text
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$9.footer
+    className: styles$a.footer
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$9.link,
+    className: styles$a.link,
     href: localeData.href,
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
-    className: styles$9.button
+    className: styles$a.button
   }, /*#__PURE__*/React.createElement("span", null, localeData.button))));
 };
 
-var styles$8 = {"root":"VersesBlock-module_root__CrgSZ","ol":"VersesBlock-module_ol__ToXjg","ul":"VersesBlock-module_ul__wfaQD","center":"VersesBlock-module_center__E1IS-","isInImportantLead":"VersesBlock-module_isInImportantLead__pdugk","dark":"VersesBlock-module_dark__FwaPS","mobile":"VersesBlock-module_mobile__EcHvz","desktop":"VersesBlock-module_desktop__quKfJ"};
+var styles$9 = {"root":"VersesBlock-module_root__CrgSZ","ol":"VersesBlock-module_ol__ToXjg","ul":"VersesBlock-module_ul__wfaQD","center":"VersesBlock-module_center__E1IS-","isInImportantLead":"VersesBlock-module_isInImportantLead__pdugk","dark":"VersesBlock-module_dark__FwaPS","mobile":"VersesBlock-module_mobile__EcHvz","desktop":"VersesBlock-module_desktop__quKfJ"};
 
 const VersesBlock = ({
   block: {
@@ -2022,9 +2022,9 @@ const VersesBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$8.root, true], [styles$8[onlyOn], true], [styles$8[type], !!type && !!styles$8[type]]];
+  let classNames = [[styles$9.root, true], [styles$9[onlyOn], true], [styles$9[type], !!type && !!styles$9[type]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$8);
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
   }
   return /*#__PURE__*/React.createElement("ul", {
     className: makeClassName(classNames),
@@ -2200,7 +2200,7 @@ const RenderBlocks = ({
   }
 };
 
-var styles$7 = {"root":"Cover-module_root__3pscq","body":"Cover-module_body__eJpUI","image":"Cover-module_image__frrrH","rich":"Cover-module_rich__YcxWa","dark":"Cover-module_dark__cRucL","light":"Cover-module_light__la-sk","control":"Cover-module_control__WP0G3","isInDynamicBlock":"Cover-module_isInDynamicBlock__qO-yt","mobile":"Cover-module_mobile__aotep","desktop":"Cover-module_desktop__dfbC-"};
+var styles$8 = {"root":"Cover-module_root__3pscq","body":"Cover-module_body__eJpUI","image":"Cover-module_image__frrrH","rich":"Cover-module_rich__YcxWa","dark":"Cover-module_dark__cRucL","light":"Cover-module_light__la-sk","control":"Cover-module_control__WP0G3","isInDynamicBlock":"Cover-module_isInDynamicBlock__qO-yt","mobile":"Cover-module_mobile__aotep","desktop":"Cover-module_desktop__dfbC-"};
 
 const Cover = ({
   block: {
@@ -2221,13 +2221,13 @@ const Cover = ({
 }) => {
   const [isPopoverShown, setIsPopoverShown] = React.useState(false);
   const style = {};
-  let classNames = [[styles$7.root, true], [styles$7[onlyOn], !!onlyOn && !!styles$7[onlyOn]]];
+  let classNames = [[styles$8.root, true], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$7);
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
   }
   if (gradients) {
     const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$7);
+    classNames = makeStyleContext(classNames, theme, styles$8);
     style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
   }
   const renderCC = context => /*#__PURE__*/React.createElement(MediaCaption, {
@@ -2239,20 +2239,20 @@ const Cover = ({
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$7.image
+    className: styles$8.image
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$7.body,
+    className: styles$8.body,
     style: style
   }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: styleContext
   }))), cc === 'button' && /*#__PURE__*/React.createElement("button", {
-    className: styles$7.control,
+    className: styles$8.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
@@ -2265,7 +2265,7 @@ const Cover = ({
   }, renderCC('isInPopover')));
 };
 
-var styles$6 = {"root":"HalfBlock-module_root__EXQbz","main":"HalfBlock-module_main__eIcRo","body":"HalfBlock-module_body__HPhGj","footer":"HalfBlock-module_footer__TFfCQ","image":"HalfBlock-module_image__XWLbK","mobile":"HalfBlock-module_mobile__uGGpm","desktop":"HalfBlock-module_desktop__p-hAq"};
+var styles$7 = {"root":"HalfBlock-module_root__EXQbz","main":"HalfBlock-module_main__eIcRo","body":"HalfBlock-module_body__HPhGj","footer":"HalfBlock-module_footer__TFfCQ","image":"HalfBlock-module_image__XWLbK","mobile":"HalfBlock-module_mobile__uGGpm","desktop":"HalfBlock-module_desktop__p-hAq"};
 
 const HalfBlock = ({
   block: {
@@ -2282,29 +2282,29 @@ const HalfBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$6.root, true], [styles$6[onlyOn], true]];
+  let classNames = [[styles$7.root, true], [styles$7[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$6);
+    classNames = makeStyleContext(classNames, styleContext, styles$7);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$6.main
+    className: styles$7.main
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$6.image
+    className: styles$7.image
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$6.body
+    className: styles$7.body
   }, data.blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: ['rich']
   })))), /*#__PURE__*/React.createElement("div", {
-    className: styles$6.footer
+    className: styles$7.footer
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2312,7 +2312,7 @@ const HalfBlock = ({
   })));
 };
 
-var styles$5 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
+var styles$6 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
 
 const ImportantLead = ({
   block: {
@@ -2321,9 +2321,9 @@ const ImportantLead = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn]];
+  let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$5);
+    classNames = makeStyleContext(classNames, styleContext, styles$6);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "important-lead",
@@ -2335,7 +2335,7 @@ const ImportantLead = ({
   })));
 };
 
-var styles$4 = {"root":"Spoiler-module_root__fAbb9","header":"Spoiler-module_header__iEKsQ","body":"Spoiler-module_body__jjqIn","spoiled":"Spoiler-module_spoiled__ENI93","footer":"Spoiler-module_footer__g21Zn","spoilerSticky":"Spoiler-module_spoilerSticky__YTiyF","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__tmDnG","center":"Spoiler-module_center__0XCWo","full":"Spoiler-module_full__FtKDT","default":"Spoiler-module_default__wvlKw","mobile":"Spoiler-module_mobile__PWCMW","desktop":"Spoiler-module_desktop__qTakd"};
+var styles$5 = {"root":"Spoiler-module_root__fAbb9","header":"Spoiler-module_header__iEKsQ","body":"Spoiler-module_body__jjqIn","spoiled":"Spoiler-module_spoiled__ENI93","footer":"Spoiler-module_footer__g21Zn","spoilerSticky":"Spoiler-module_spoilerSticky__YTiyF","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__tmDnG","center":"Spoiler-module_center__0XCWo","full":"Spoiler-module_full__FtKDT","default":"Spoiler-module_default__wvlKw","mobile":"Spoiler-module_mobile__PWCMW","desktop":"Spoiler-module_desktop__qTakd"};
 
 const Spoiler = ({
   block: {
@@ -2364,11 +2364,11 @@ const Spoiler = ({
       postMessage('', 'openSpoiler', 'click');
     }
   };
-  let classNames = [[styles$4.root, true], [styles$4[onlyOn], !!onlyOn], [styles$4[display], !!display && styles$4[display]], [[styles$4.spoiled], !!spoiled]];
+  let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn], [styles$5[display], !!display && styles$5[display]], [[styles$5.spoiled], !!spoiled]];
   const context = ['center'];
   if (styleContext) {
     context.concat(styleContext);
-    classNames = makeStyleContext(classNames, styleContext, styles$4);
+    classNames = makeStyleContext(classNames, styleContext, styles$5);
   }
   const buttonCollapse = button ? button.collapse : 'Свернуть';
   const buttonExpande = button ? button.expand : buttonTitle;
@@ -2377,15 +2377,15 @@ const Spoiler = ({
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$4.header
+    className: styles$5.header
   }, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.body
+    className: styles$5.body
   }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: context
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.footer
+    className: styles$5.footer
   }, /*#__PURE__*/React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2396,7 +2396,7 @@ const Spoiler = ({
   }))));
 };
 
-var styles$3 = {"root":"RelatedRichBlock-module_root__-SEe7","wrapper":"RelatedRichBlock-module_wrapper__YkEpr","overlay":"RelatedRichBlock-module_overlay__tWuyR","overlayHeader":"RelatedRichBlock-module_overlayHeader__V3ynX","body":"RelatedRichBlock-module_body__XhS0U","isRich":"RelatedRichBlock-module_isRich__Z2kQ8","hasGradient":"RelatedRichBlock-module_hasGradient__s5Krh","picture":"RelatedRichBlock-module_picture__OmRKx","isCard":"RelatedRichBlock-module_isCard__wkMw-","cover":"RelatedRichBlock-module_cover__3gnIx","tag":"RelatedRichBlock-module_tag__c18sv","center":"RelatedRichBlock-module_center__KANd-","dark":"RelatedRichBlock-module_dark__cnk4R","light":"RelatedRichBlock-module_light__aJLn7","mobile":"RelatedRichBlock-module_mobile__N-G4U","desktop":"RelatedRichBlock-module_desktop__EaPOr"};
+var styles$4 = {"root":"RelatedRichBlock-module_root__-SEe7","wrapper":"RelatedRichBlock-module_wrapper__YkEpr","overlay":"RelatedRichBlock-module_overlay__tWuyR","overlayHeader":"RelatedRichBlock-module_overlayHeader__V3ynX","body":"RelatedRichBlock-module_body__XhS0U","isRich":"RelatedRichBlock-module_isRich__Z2kQ8","hasGradient":"RelatedRichBlock-module_hasGradient__s5Krh","picture":"RelatedRichBlock-module_picture__OmRKx","isCard":"RelatedRichBlock-module_isCard__wkMw-","cover":"RelatedRichBlock-module_cover__3gnIx","tag":"RelatedRichBlock-module_tag__c18sv","center":"RelatedRichBlock-module_center__KANd-","dark":"RelatedRichBlock-module_dark__cnk4R","light":"RelatedRichBlock-module_light__aJLn7","mobile":"RelatedRichBlock-module_mobile__N-G4U","desktop":"RelatedRichBlock-module_desktop__EaPOr"};
 
 /* eslint-disable react/jsx-no-target-blank */
 const RelatedRichBlock = ({
@@ -2433,16 +2433,16 @@ const RelatedRichBlock = ({
   const handleClick = () => {
     postMessage('richRelated', url, 'click');
   };
-  let classNames = [[styles$3.root, true], [styles$3[cardType], !!layout && !!styles$3[cardType]], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
+  let classNames = [[styles$4.root, true], [styles$4[cardType], !!layout && !!styles$4[cardType]], [styles$4.hasGradient, !!gradients], [styles$4[onlyOn], !!onlyOn && !!styles$4[onlyOn]]];
   let context = ['isInMediaBlock'];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$3);
+    classNames = makeStyleContext(classNames, styleContext, styles$4);
     context = [...styleContext, 'isInMediaBlock'];
   }
   if (gradients) {
     styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
     const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$3);
+    classNames = makeStyleContext(classNames, theme, styles$4);
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
     }
@@ -2454,27 +2454,27 @@ const RelatedRichBlock = ({
     onClick: () => handleClick(),
     ref: ref
   }, layout === 'rich' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles$3.overlay,
+    className: styles$4.overlay,
     style: style
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$3.overlayHeader,
+    className: styles$4.overlayHeader,
     style: styleHeader
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$3.tag
+    className: styles$4.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), /*#__PURE__*/React.createElement("div", {
-    className: styles$3.cover
+    className: styles$4.cover
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$3.picture
+    className: styles$4.picture
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$3.body
+    className: styles$4.body
   }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
@@ -2482,7 +2482,7 @@ const RelatedRichBlock = ({
   }))));
 };
 
-var styles$2 = {"root":"ShopRelatedBlock-module_root__eTGjC","wrapper":"ShopRelatedBlock-module_wrapper__v6yE3","overlay":"ShopRelatedBlock-module_overlay__oR67Y","overlayHeader":"ShopRelatedBlock-module_overlayHeader__YMcNw","body":"ShopRelatedBlock-module_body__W4pBN","hasGradient":"ShopRelatedBlock-module_hasGradient__50JTl","picture":"ShopRelatedBlock-module_picture__zjFL4","tag":"ShopRelatedBlock-module_tag__ixkda","center":"ShopRelatedBlock-module_center__IpBP4","title":"ShopRelatedBlock-module_title__COl93","price":"ShopRelatedBlock-module_price__5Qitu","dark":"ShopRelatedBlock-module_dark__d0QiW","light":"ShopRelatedBlock-module_light__lUDWA","mobile":"ShopRelatedBlock-module_mobile__I6Hih","desktop":"ShopRelatedBlock-module_desktop__ywKrb"};
+var styles$3 = {"root":"ShopRelatedBlock-module_root__eTGjC","wrapper":"ShopRelatedBlock-module_wrapper__v6yE3","overlay":"ShopRelatedBlock-module_overlay__oR67Y","overlayHeader":"ShopRelatedBlock-module_overlayHeader__YMcNw","body":"ShopRelatedBlock-module_body__W4pBN","hasGradient":"ShopRelatedBlock-module_hasGradient__50JTl","picture":"ShopRelatedBlock-module_picture__zjFL4","tag":"ShopRelatedBlock-module_tag__ixkda","center":"ShopRelatedBlock-module_center__IpBP4","title":"ShopRelatedBlock-module_title__COl93","price":"ShopRelatedBlock-module_price__5Qitu","dark":"ShopRelatedBlock-module_dark__d0QiW","light":"ShopRelatedBlock-module_light__lUDWA","mobile":"ShopRelatedBlock-module_mobile__I6Hih","desktop":"ShopRelatedBlock-module_desktop__ywKrb"};
 
 /* eslint-disable react/jsx-no-target-blank */
 const ShopRelatedBlock = ({
@@ -2519,14 +2519,14 @@ const ShopRelatedBlock = ({
   const handleClick = () => {
     postMessage('productRelated', url, 'click');
   };
-  let classNames = [[styles$2.root, true], [styles$2.hasGradient, !!gradients], [styles$2[onlyOn], !!onlyOn && !!styles$2[onlyOn]]];
+  let classNames = [[styles$3.root, true], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$2);
+    classNames = makeStyleContext(classNames, styleContext, styles$3);
   }
   if (gradients) {
     styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
     const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$2);
+    classNames = makeStyleContext(classNames, theme, styles$3);
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
     }
@@ -2539,34 +2539,77 @@ const ShopRelatedBlock = ({
     onClick: () => handleClick(),
     ref: ref
   }, layout === 'rich' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.overlay,
+    className: styles$3.overlay,
     style: style
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.overlayHeader,
+    className: styles$3.overlayHeader,
     style: styleHeader
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.tag
+    className: styles$3.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.cover
+    className: styles$3.cover
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.picture
+    className: styles$3.picture
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.body
+    className: styles$3.body
   }, /*#__PURE__*/React.createElement("h2", {
-    className: styles$2.title
+    className: styles$3.title
   }, firstTitle, /*#__PURE__*/React.createElement("span", {
-    className: styles$2.price
+    className: styles$3.price
   }, secondTitle))));
 };
 
+var styles$2 = {"root":"RelatedBook-module_root__QsOmA","container":"RelatedBook-module_container__vdDiZ","imageWrap":"RelatedBook-module_imageWrap__WmwnE","image":"RelatedBook-module_image__U1e5t","picture":"RelatedBook-module_picture__NXg-K","tag":"RelatedBook-module_tag__mSbbz","contentWrap":"RelatedBook-module_contentWrap__HIGRi","content":"RelatedBook-module_content__23Pfr","title":"RelatedBook-module_title__VRbr-","footer":"RelatedBook-module_footer__Z05t-","center":"RelatedBook-module_center__Fa6cj","isLight":"RelatedBook-module_isLight__W-0TO","isDark":"RelatedBook-module_isDark__0mrtK"};
+
+const RelatedBook = ({
+  block,
+  styleContext
+}) => {
+  const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight';
+  let classNames = [[styles$2.root, true], [styles$2[theme], theme], [styles$2[block.data.onlyOn], !!block.data.onlyOn && !!styles$2[block.data.onlyOn]]];
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$2);
+  }
+  const cssProps = {
+    '--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
+  };
+  return /*#__PURE__*/React.createElement(reactRouterDom.Link, {
+    to: `/${block.data.url}`,
+    className: makeClassName(classNames),
+    style: cssProps
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.imageWrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.image
+  }, /*#__PURE__*/React.createElement("picture", {
+    className: styles$2.picture
+  }, /*#__PURE__*/React.createElement(Image, {
+    optimized: block.data.cover.urls,
+    ratio: 0,
+    display: "narrow",
+    styleContext: ['isStatic'],
+    lazy: true
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: styles$2.contentWrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.content
+  }, block.data.blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+    key: item.id,
+    block: item,
+    styleContext: ['isInMediaBlock', 'isInBookRelated', 'isCustom']
+  }))))));
+};
+
 const RawHtmlBlock = ({
   block,
   styleContext,
@@ -2618,6 +2661,13 @@ const RawHtmlBlock = ({
           styleContext: styleContext
         });
       }
+    case 'related_book':
+      {
+        return /*#__PURE__*/React.createElement(RelatedBook, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
     case 'related_shop':
       {
         return /*#__PURE__*/React.createElement(ShopRelatedBlock, {