@meduza/ui-kit-2 0.4.9 → 0.4.11

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

@@ -30,7 +30,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$F = {"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$G = {"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',
@@ -50,12 +50,12 @@ const Button = ({
   };
   return /*#__PURE__*/React.createElement("button", {
     "data-testid": "button",
-    className: makeClassName([[styles$F.root, true], [styles$F[size], !!size], [styles$F[theme], !!theme], [styles$F[appearance], !!appearance], [styles$F[state], !!state && !!styles$F[state]], [styles$F[styleContext], !!styleContext]]),
+    className: makeClassName([[styles$G.root, true], [styles$G[size], !!size], [styles$G[theme], !!theme], [styles$G[appearance], !!appearance], [styles$G[state], !!state && !!styles$G[state]], [styles$G[styleContext], !!styleContext]]),
     disabled: disabled,
     onClick: handleClick,
     type: "button"
   }, state === 'isLoading' ? /*#__PURE__*/React.createElement("span", {
-    className: styles$F.loader
+    className: styles$G.loader
   }, /*#__PURE__*/React.createElement(ButtonLoader, null)) : children);
 };
 
@@ -227,7 +227,7 @@ const icons = {
   }
 };
 
-var styles$E = {"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$F = {"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,
@@ -239,7 +239,7 @@ const SvgSymbol = ({
     "data-testid": "svg-symbol",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    className: makeClassName([[styles$E.root, true], [styles$E[size], !!styles$E[size]], [styles$E[icon], !!styles$E[icon]], [styles$E[styleContext], !!styles$E[styleContext]]]),
+    className: makeClassName([[styles$F.root, true], [styles$F[size], !!styles$F[size]], [styles$F[icon], !!styles$F[icon]], [styles$F[styleContext], !!styles$F[styleContext]]]),
     width: data.width,
     height: data.height,
     viewBox: `0 0 ${data.width} ${data.height}`,
@@ -249,7 +249,7 @@ const SvgSymbol = ({
   });
 };
 
-var styles$D = {"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$E = {"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,
@@ -260,20 +260,20 @@ const Switcher = ({
   theme = 'light'
 }) => /*#__PURE__*/React.createElement("label", {
   "data-testid": "switcher",
-  className: makeClassName([[styles$D.root, true], [styles$D[theme], !!styles$D[theme]], [styles$D[styleContext], !!styles$D[styleContext]]])
+  className: makeClassName([[styles$E.root, true], [styles$E[theme], !!styles$E[theme]], [styles$E[styleContext], !!styles$E[styleContext]]])
 }, children && childrenPosition === 'left' && /*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$D.children, true], [styles$D.left, true]])
+  className: makeClassName([[styles$E.children, true], [styles$E.left, true]])
 }, children), /*#__PURE__*/React.createElement("input", {
-  className: styles$D.input,
+  className: styles$E.input,
   type: "checkbox",
   checked: enabled,
   onChange: onChange
 }), /*#__PURE__*/React.createElement("span", {
-  className: styles$D.control
+  className: styles$E.control
 }, /*#__PURE__*/React.createElement("span", {
-  className: styles$D.knob
+  className: styles$E.knob
 })), children && childrenPosition === 'right' && /*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$D.children, true], [styles$D.right, true]])
+  className: makeClassName([[styles$E.children, true], [styles$E.right, true]])
 }, children));
 
 const makeStyleContext = (classNames, styleContext, styles) => {
@@ -299,7 +299,7 @@ const postMessage = (category, element, action) => {
   }
 };
 
-var styles$C = {"root":"Lazy-module_root__DWw8D"};
+var styles$D = {"root":"Lazy-module_root__DWw8D"};
 
 const Lazy = ({
   children,
@@ -320,7 +320,7 @@ const Lazy = ({
     }
   }, [inView]);
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$C.root, true], [styles$C.visible, visible]]),
+    className: makeClassName([[styles$D.root, true], [styles$D.visible, visible]]),
     ref: ref,
     "data-testid": "lazy"
   }, visible && children);
@@ -413,7 +413,7 @@ const RenderPicture = ({
   }));
 };
 
-var styles$B = {"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$C = {"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","isStatic":"Image-module_isStatic__TmQ1V"};
 
 const Image = ({
   alt,
@@ -446,16 +446,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$B.root, true], [styles$B.isLoaded, isLoaded], [styles$B.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
+  let classNames = [[styles$C.root, true], [styles$C.isLoaded, isLoaded], [styles$C.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$B);
+    classNames = makeStyleContext(classNames, styleContext, styles$C);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: makeClassName(classNames),
     style: blockStyles,
     "data-testid": "image"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$B.wrapper,
+    className: styles$C.wrapper,
     style: pictureStyles,
     onClick: () => handleClick(),
     onKeyPress: () => handleClick(),
@@ -483,7 +483,7 @@ const Image = ({
   })));
 };
 
-var styles$A = {"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$B = {"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,
@@ -515,20 +515,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$A.root, true], [styles$A.visible, visible]])
+    className: makeClassName([[styles$B.root, true], [styles$B.visible, visible]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$A.overlay,
+    className: styles$B.overlay,
     onClick: () => handleClose()
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$A.container
+    className: styles$B.container
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: styles$A.dismiss,
+    className: styles$B.dismiss,
     onClick: () => handleClose(),
     "aria-label": "dismiss"
   }), /*#__PURE__*/React.createElement("svg", {
     width: "100%",
-    className: styles$A.background
+    className: styles$B.background
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
     id: "myMask",
     x: "0",
@@ -557,11 +557,11 @@ const Popover = ({
     width: "100%",
     height: "100%"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$A.body
+    className: styles$B.body
   }, children)));
 };
 
-var styles$z = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
+var styles$A = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
 
 const Footnote = ({
   children,
@@ -569,16 +569,16 @@ const Footnote = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "footnote",
-    className: makeClassName([[styles$z.root, true]])
+    className: makeClassName([[styles$A.root, true]])
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$z.dismiss,
+    className: styles$A.dismiss,
     type: "button",
     onClick: () => onClose()
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     icon: "cross",
     size: "unset"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$z.body
+    className: styles$A.body
   }, children));
 };
 
@@ -587,7 +587,7 @@ var viewportSize = (() => ({
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
 }));
 
-var styles$y = {"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$z = {"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: {
@@ -669,7 +669,7 @@ const DotsOnImage = ({
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$y.root, true], [styles$y.isVisible, visible]]),
+    className: makeClassName([[styles$z.root, true], [styles$z.isVisible, visible]]),
     "data-testid": "dots-on-image",
     ref: ref
   }, /*#__PURE__*/React.createElement(Image, {
@@ -682,7 +682,7 @@ const DotsOnImage = ({
   }), /*#__PURE__*/React.createElement("div", {
     ref: container
   }, dots.map(dot => /*#__PURE__*/React.createElement("div", {
-    className: styles$y.dot,
+    className: styles$z.dot,
     key: dot.id,
     style: {
       top: `${dot.position.y}%`,
@@ -690,7 +690,7 @@ const DotsOnImage = ({
       transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
     }
   }, /*#__PURE__*/React.createElement("button", {
-    className: makeClassName([[styles$y.marker, true], [styles$y.isActive, dot.id === popover.id]]),
+    className: makeClassName([[styles$z.marker, true], [styles$z.isActive, dot.id === popover.id]]),
     type: "button",
     style: {
       backgroundColor: dot.icon.color
@@ -701,7 +701,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$y.popover, true], [styles$y[popover.side], !!popover.side], [styles$y[popover.align], !!popover.align]]),
+    className: makeClassName([[styles$z.popover, true], [styles$z[popover.side], !!popover.side], [styles$z[popover.align], !!popover.align]]),
     style: popover.style
   }, /*#__PURE__*/React.createElement(Footnote, {
     onClose: () => {
@@ -726,7 +726,7 @@ const DotsOnImage = ({
   })))));
 };
 
-var styles$x = {"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-","custom":"Tag-module_custom__NU9-e","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$y = {"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-","custom":"Tag-module_custom__NU9-e","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","isInBookRelated":"Tag-module_isInBookRelated__ikTaj"};
 
 const Tag = ({
   children,
@@ -736,9 +736,9 @@ const Tag = ({
   correlation,
   onlyOn
 }) => {
-  let classNames = [[styles$x.root, true], [styles$x[size], !!size && !!styles$x[size]], [styles$x[theme], !!theme && !!styles$x[theme]], [styles$x[onlyOn], !!onlyOn && !!styles$x[onlyOn]], [styles$x[correlation], !!correlation && !!styles$x[correlation]]];
+  let classNames = [[styles$y.root, true], [styles$y[size], !!size && !!styles$y[size]], [styles$y[theme], !!theme && !!styles$y[theme]], [styles$y[onlyOn], !!onlyOn && !!styles$y[onlyOn]], [styles$y[correlation], !!correlation && !!styles$y[correlation]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "tag",
@@ -746,34 +746,34 @@ const Tag = ({
   }, children);
 };
 
-var styles$w = {"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$x = {"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$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("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && /*#__PURE__*/React.createElement("div", {
-    className: styles$w.caption,
+    className: styles$x.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   }), credit && /*#__PURE__*/React.createElement("div", {
-    className: styles$w.credit,
+    className: styles$x.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   }));
 };
 
-var styles$v = {"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$w = {"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,
@@ -795,26 +795,26 @@ const Table = ({
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  let classNames = [[styles$v.root, true], [styles$v[display], !!display && !!styles$v[display]]];
+  let classNames = [[styles$w.root, true], [styles$w[display], !!display && !!styles$w[display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$v);
+    classNames = makeStyleContext(classNames, styleContext, styles$w);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$v.wrapper
+    className: styles$w.wrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$v.table
+    className: styles$w.table
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$v.tracks
+    className: styles$w.tracks
   }, rows.map((row, i) => {
     return /*#__PURE__*/React.createElement("div", {
       key: row.key,
-      className: styles$v.row
+      className: styles$w.row
     }, row.cells.map((cell, j) => /*#__PURE__*/React.createElement("div", {
       key: cell.key,
-      className: makeClassName([[styles$v.cell, true], [styles$v.header, options.header && i === 0], [styles$v[colors[cell.color]], true], [styles$v[columnsWidth[j]], true], [styles$v.fixedColumn, options.fixed_first_column && j === 0]]),
+      className: makeClassName([[styles$w.cell, true], [styles$w.header, options.header && i === 0], [styles$w[colors[cell.color]], true], [styles$w[columnsWidth[j]], true], [styles$w.fixedColumn, options.fixed_first_column && j === 0]]),
       dangerouslySetInnerHTML: {
         __html: cell.val
       }
@@ -825,7 +825,7 @@ const Table = ({
   }));
 };
 
-var styles$u = {"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$v = {"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: {
@@ -833,15 +833,15 @@ const MaterialNote = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$u.root, true]];
+  let classNames = [[styles$v.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$u);
+    classNames = makeStyleContext(classNames, styleContext, styles$v);
   }
   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$u[item.type],
+    className: styles$v[item.type],
     key: item.id,
     dangerouslySetInnerHTML: {
       __html: item.data
@@ -849,7 +849,7 @@ const MaterialNote = ({
   }))));
 };
 
-var styles$t = {"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$u = {"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,
@@ -857,15 +857,15 @@ const BookmarkButton = ({
   isInBookmarks,
   onClick
 }) => {
-  let classNames = [[styles$t.root, true], [styles$t.isInBookmarks, isInBookmarks], [styles$t[theme], !!theme && !!styles$t[theme]]];
+  let classNames = [[styles$u.root, true], [styles$u.isInBookmarks, isInBookmarks], [styles$u[theme], !!theme && !!styles$u[theme]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$t);
+    classNames = makeStyleContext(classNames, styleContext, styles$u);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "bookmark-button",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$t.control,
+    className: styles$u.control,
     onClick: () => onClick(),
     type: "button"
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
@@ -874,39 +874,39 @@ const BookmarkButton = ({
   })));
 };
 
-var styles$s = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
+var styles$t = {"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$s.primary
+    className: styles$t.primary
   }, children);
 };
 const Secondary = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("span", {
-    className: styles$s.secondary
+    className: styles$t.secondary
   }, children);
 };
 const MaterialTitle = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("h1", {
-    className: styles$s.root,
+    className: styles$t.root,
     "data-testid": "material-title"
   }, children);
 };
 
-var styles$r = {"root":"Dropdown-module_root__Wv7S-","active":"Dropdown-module_active__jEkE7","menu":"Dropdown-module_menu__11IQL","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
+var styles$s = {"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$r.menu
+    className: styles$s.menu
   }, children);
 };
 const Dropdown = ({
@@ -914,9 +914,9 @@ const Dropdown = ({
   active,
   styleContext
 }) => {
-  let classNames = [[styles$r.root, true], [styles$r.active, !!active && !!styles$r.active]];
+  let classNames = [[styles$s.root, true], [styles$s.active, !!active && !!styles$s.active]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$r);
+    classNames = makeStyleContext(classNames, styleContext, styles$s);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "dropdown",
@@ -924,13 +924,13 @@ const Dropdown = ({
   }, children);
 };
 
-var styles$q = {"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$r = {"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$q.item
+    className: styles$r.item
   }, children);
 };
 
@@ -938,19 +938,19 @@ const Toolbar = ({
   children,
   styleContext
 }) => {
-  let classNames = [[styles$q.root, true]];
+  let classNames = [[styles$r.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$q);
+    classNames = makeStyleContext(classNames, styleContext, styles$r);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("ul", {
-    className: styles$q.list
+    className: styles$r.list
   }, children));
 };
 
-var styles$p = {"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","isCustom":"Meta-module_isCustom__AeFf1","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
+var styles$q = {"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","isCustom":"Meta-module_isCustom__AeFf1","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
 
 const Meta = ({
   hasSource,
@@ -959,9 +959,9 @@ const Meta = ({
   onlyOn,
   styleContext
 }) => {
-  let classNames = [[styles$p.root, true], [styles$p[theme], !!theme && !!styles$p[theme]], [styles$p[onlyOn], !!onlyOn], [styles$p.hasSource, hasSource]];
+  let classNames = [[styles$q.root, true], [styles$q[theme], !!theme && !!styles$q[theme]], [styles$q[onlyOn], !!onlyOn], [styles$q.hasSource, hasSource]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$p);
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta",
@@ -969,7 +969,7 @@ const Meta = ({
   }, children);
 };
 
-var styles$o = {"root":"Timestamp-module_root__jPJ6w"};
+var styles$p = {"root":"Timestamp-module_root__jPJ6w"};
 
 const Timestamp = ({
   publishedAt,
@@ -993,7 +993,7 @@ const Timestamp = ({
   return /*#__PURE__*/React.createElement("time", {
     suppressHydrationWarning: true,
     "data-testid": "timestamp",
-    className: styles$o.root
+    className: styles$p.root
   }, published);
 };
 
@@ -1053,7 +1053,7 @@ const DangerousHTML = ({
   }));
 };
 
-var styles$n = {"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$o = {"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,
@@ -1091,9 +1091,9 @@ const EmbedGif = ({
     };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles$n.figure
+    className: styles$o.figure
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$n.objectWrap,
+    className: styles$o.objectWrap,
     style: style,
     "data-frozen": videoFrozen
   }, /*#__PURE__*/React.createElement("video", {
@@ -1153,7 +1153,7 @@ const EmbedBlock = ({
       case 'image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$n.figure
+            className: styles$o.figure
           }, /*#__PURE__*/React.createElement(Image, {
             source: !optimized && [small, large],
             optimized: block.data.optimized,
@@ -1168,7 +1168,7 @@ const EmbedBlock = ({
       case 'game_embed':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$n.gameEmbed
+            className: styles$o.gameEmbed
           }, /*#__PURE__*/React.createElement("iframe", {
             src: block.data.game_src,
             id: block.data.game_id,
@@ -1178,7 +1178,7 @@ const EmbedBlock = ({
       case 'dots_on_image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$n.figure
+            className: styles$o.figure
           }, /*#__PURE__*/React.createElement(DotsOnImage, {
             block: data
           }));
@@ -1186,12 +1186,12 @@ const EmbedBlock = ({
       default:
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$n.object
+            className: styles$o.object
           }, /*#__PURE__*/React.createElement("div", {
-            className: styles$n.wrapper,
+            className: styles$o.wrapper,
             style: style
           }, /*#__PURE__*/React.createElement(DangerousHTML, {
-            className: styles$n.objectWrap,
+            className: styles$o.objectWrap,
             html: html
           })));
         }
@@ -1201,28 +1201,28 @@ const EmbedBlock = ({
     style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
     style.height = 0;
   }
-  let classNames = [[styles$n.root, true], [styles$n.cc, cc], [styles$n[display], !!display && styles$n[display]], [styles$n[provider], !!provider && !!styles$n[provider]], [styles$n[onlyOn], !!onlyOn && styles$n[onlyOn]], [styles$n.mobileFullwidth, mobileFullwidth], [styles$n.proportional, isProportional]];
+  let classNames = [[styles$o.root, true], [styles$o.cc, cc], [styles$o[display], !!display && styles$o[display]], [styles$o[provider], !!provider && !!styles$o[provider]], [styles$o[onlyOn], !!onlyOn && styles$o[onlyOn]], [styles$o.mobileFullwidth, mobileFullwidth], [styles$o.proportional, isProportional]];
   // Убираем из контекста все, что не начинается с приставки isIn,
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
   if (styleContext && Array.isArray(styleContext)) {
-    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$n[key]).reduce((acc, key) => {
+    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$o[key]).reduce((acc, key) => {
       acc.push(key);
       return acc;
     }, []);
-    classNames = makeStyleContext(classNames, filteredContext, styles$n);
+    classNames = makeStyleContext(classNames, filteredContext, styles$o);
   }
   return /*#__PURE__*/React.createElement("figure", {
     className: makeClassName(classNames)
   }, children && /*#__PURE__*/React.createElement("div", {
-    className: styles$n.object
+    className: styles$o.object
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$n.wrapper,
+    className: styles$o.wrapper,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$n.objectWrap
+    className: styles$o.objectWrap
   }, children))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && /*#__PURE__*/React.createElement("button", {
-    className: styles$n.control,
+    className: styles$o.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
@@ -1325,7 +1325,7 @@ const EmbedBlockContainer = ({
   });
 };
 
-var styles$m = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
+var styles$n = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
 
 const QuoteBlock = ({
   block: {
@@ -1333,9 +1333,9 @@ const QuoteBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$m.root, true]];
+  let classNames = [[styles$n.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$m);
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "quote-block",
@@ -1347,7 +1347,7 @@ const QuoteBlock = ({
   }));
 };
 
-var styles$l = {"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$m = {"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: {
@@ -1361,15 +1361,15 @@ const CardTitle = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "card-title",
-    className: makeClassName([[styles$l.root, true], [styles$l[onlyOn], !!onlyOn], [styles$l[styleContext], !!styleContext && !!styles$l[styleContext]]])
+    className: makeClassName([[styles$m.root, true], [styles$m[onlyOn], !!onlyOn], [styles$m[styleContext], !!styleContext && !!styles$m[styleContext]]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$l.index
+    className: styles$m.index
   }, index), /*#__PURE__*/React.createElement("h3", {
-    className: styles$l.title
+    className: styles$m.title
   }, text));
 };
 
-var styles$k = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
+var styles$l = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
 
 const ChapterBlock = ({
   block: {
@@ -1380,9 +1380,9 @@ const ChapterBlock = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "chapter-block",
-    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
+    className: makeClassName([[styles$l.root, true], [styles$l[onlyOn], !!onlyOn]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
+    className: makeClassName([[styles$l.subtitle, true], [styles$l[styleContext], !!styleContext && !!styles$l[styleContext]]]),
     dangerouslySetInnerHTML: {
       __html: data
     }
@@ -1398,7 +1398,7 @@ const generateGradient = (color, type) => {
   return `linear-gradient(-180deg, ${gradient})`;
 };
 
-var styles$j = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
+var styles$k = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
 
 const SimpleTitle = ({
   block: {
@@ -1409,9 +1409,9 @@ const SimpleTitle = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$j.root, true], [styles$j[onlyOn], true]];
+  let classNames = [[styles$k.root, true], [styles$k[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$j);
+    classNames = makeStyleContext(classNames, styleContext, styles$k);
   }
   return /*#__PURE__*/React.createElement("h1", {
     "data-testid": "simple-title",
@@ -1419,7 +1419,7 @@ const SimpleTitle = ({
   }, first);
 };
 
-var styles$i = {"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$j = {"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: {
@@ -1433,9 +1433,9 @@ const RichTitle = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$i.root, true], [styles$i[onlyOn], true], [styles$i.featured, !!featured]];
+  let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j.featured, !!featured]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$i);
+    classNames = makeStyleContext(classNames, styleContext, styles$j);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     "data-testid": "rich-title",
@@ -1443,7 +1443,7 @@ const RichTitle = ({
   }, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
 };
 
-var styles$h = {"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$i = {"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: {
@@ -1454,9 +1454,9 @@ const SimpleBlock = ({
   styleContext
 }) => {
   let TagName;
-  let classNames = [[styles$h[type], !!type && !!styles$h[type]], [styles$h[onlyOn], true]];
+  let classNames = [[styles$i[type], !!type && !!styles$i[type]], [styles$i[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$h);
+    classNames = makeStyleContext(classNames, styleContext, styles$i);
   }
   switch (type) {
     case 'context_p':
@@ -1487,7 +1487,7 @@ const SimpleBlock = ({
   });
 };
 
-var styles$g = {"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$h = {"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: {
@@ -1498,9 +1498,9 @@ const ListBlock = ({
   styleContext
 }) => {
   const TagName = type;
-  let classNames = [[styles$g.root, true], [styles$g[onlyOn], true], [styles$g[type], !!type && !!styles$g[type]]];
+  let classNames = [[styles$h.root, true], [styles$h[onlyOn], true], [styles$h[type], !!type && !!styles$h[type]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$g);
+    classNames = makeStyleContext(classNames, styleContext, styles$h);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     className: makeClassName(classNames),
@@ -1513,7 +1513,7 @@ const ListBlock = ({
   })));
 };
 
-var styles$f = {"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$g = {"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: {
@@ -1525,28 +1525,28 @@ const RelatedBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$f.root, true], [styles$f[onlyOn], true]];
+  let classNames = [[styles$g.root, true], [styles$g[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$f);
+    classNames = makeStyleContext(classNames, styleContext, styles$g);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$f.header
+    className: styles$g.header
   }, title), /*#__PURE__*/React.createElement("ul", {
-    className: styles$f.items
+    className: styles$g.items
   }, related.map((item, index) => /*#__PURE__*/React.createElement("li", {
     key: item.id || index,
-    className: styles$f[item.layout]
+    className: styles$g[item.layout]
   }, /*#__PURE__*/React.createElement(Link, {
     to: item.full_url || `/${item.url}`
   }, /*#__PURE__*/React.createElement("span", {
-    className: styles$f.first
+    className: styles$g.first
   }, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title))))));
 };
 
-var styles$e = {"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$f = {"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: {
@@ -1559,16 +1559,16 @@ const SourceBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$e.root, true], [styles$e[onlyOn], true]];
+  let classNames = [[styles$f.root, true], [styles$f[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$e);
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
   }
   return /*#__PURE__*/React.createElement("blockquote", {
     "data-testid": "source-block",
     cite: url,
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$e.text,
+    className: styles$f.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -1578,11 +1578,11 @@ const SourceBlock = ({
       __html: item.data
     }
   })), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
-    className: styles$e.origin
+    className: styles$f.origin
   }, origin))));
 };
 
-var styles$d = {"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$e = {"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,
@@ -1605,40 +1605,40 @@ const SensitiveBlock = ({
   const handleClick = () => {
     isVisible(true);
   };
-  let classNames = [[styles$d.root, true], [styles$d.visible, visible], [styles$d[display], display && styles$d[display]]];
+  let classNames = [[styles$e.root, true], [styles$e.visible, visible], [styles$e[display], display && styles$e[display]]];
   let context = ['isInSensitiveBlock'];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$d);
+    classNames = makeStyleContext(classNames, styleContext, styles$e);
     context = [...styleContext, 'isInSensitiveBlock'];
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "sensitive-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$d.container
+    className: styles$e.container
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$d.overlay,
+    className: styles$e.overlay,
     style: {
       backgroundImage: `url(${blurredImage})`
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$d.content
+    className: styles$e.content
   }, /*#__PURE__*/React.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: block.title
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$d.button
+    className: styles$e.button
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => handleClick(),
     theme: "light"
   }, block.button.text)))), /*#__PURE__*/React.createElement("div", {
-    className: styles$d.media
+    className: styles$e.media
   }, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
     block: block.item,
     styleContext: context
   }))), cc && /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$d.figcaption
+    className: styles$e.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -1646,7 +1646,7 @@ const SensitiveBlock = ({
   })));
 };
 
-var styles$c = {"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$d = {"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,
@@ -1662,19 +1662,19 @@ const GroupedBlock = ({
     return width / (height / maxHeight);
   });
   const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
-  let classNames = [[styles$c.root, true], [styles$c[onlyOn], true], [styles$c.hasFigcaption, block.cc === 'default'], [styles$c[block.display], !!block.display && styles$c[block.display]]];
+  let classNames = [[styles$d.root, true], [styles$d[onlyOn], true], [styles$d.hasFigcaption, block.cc === 'default'], [styles$d[block.display], !!block.display && styles$d[block.display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$c);
+    classNames = makeStyleContext(classNames, styleContext, styles$d);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$c.items
+    className: styles$d.items
   }, block.data.map((item, index) => {
     const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return /*#__PURE__*/React.createElement("div", {
-      className: styles$c.item,
+      className: styles$d.item,
       key: item.id,
       style: {
         width: `${percentWidth}%`
@@ -1687,7 +1687,7 @@ const GroupedBlock = ({
       styleContext: ['isInGroupedBlock']
     }));
   })), block.cc && /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$c.figcaption
+    className: styles$d.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1695,7 +1695,7 @@ const GroupedBlock = ({
   })));
 };
 
-var styles$b = {"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$c = {"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,
@@ -1703,25 +1703,25 @@ const MetaItem = ({
   children,
   bullets
 }) => {
-  const classNames = [[styles$b.root, true], [styles$b[type], !!type && !!styles$b[type]], [styles$b.hasSource, !!hasSource], [styles$b.hasBullets, !!bullets]];
+  const classNames = [[styles$c.root, true], [styles$c[type], !!type && !!styles$c[type]], [styles$c.hasSource, !!hasSource], [styles$c.hasBullets, !!bullets]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$a = {"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$b = {"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$a.root, true], [styles$a[theme], !!theme && styles$a[theme]]];
+  const classNames = [[styles$b.root, true], [styles$b[theme], !!theme && styles$b[theme]]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$a.frame
+    className: styles$b.frame
   }));
 };
 
@@ -1741,7 +1741,7 @@ const pluralize = (number, one, two, five) => {
   return five;
 };
 
-var styles$9 = {"root":"DocumentItemsCount-module_root__u4M3y"};
+var styles$a = {"root":"DocumentItemsCount-module_root__u4M3y"};
 
 const DocumentItemsCount = ({
   type,
@@ -1777,7 +1777,7 @@ const DocumentItemsCount = ({
   };
   const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
   return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement("span", {
-    className: styles$9.root
+    className: styles$a.root
   }, itemsCount));
 };
 
@@ -1901,22 +1901,22 @@ const MetaContainer = ({
     icon: isListened ? 'listened' : 'read',
     size: "unset"
   })), isSlides && lang === 'ru' && /*#__PURE__*/React.createElement("div", {
-    className: styles$p.bookmark
+    className: styles$q.bookmark
   }, /*#__PURE__*/React.createElement(BookmarkButton, {
     isInBookmarks: isInBookmarks,
     onClick: () => bookmarkAction('bookmark', 'top')
   })));
 };
 
-var styles$8 = {"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$9 = {"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$8.root, true], [styles$8[lang], styles$8[lang]]];
+  let classNames = [[styles$9.root, true], [styles$9[lang], styles$9[lang]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$8);
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
   }
   const data = {
     ru: {
@@ -1936,20 +1936,20 @@ const DonatesTeaser = ({
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$8.main
+    className: styles$9.main
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$8.title
+    className: styles$9.title
   }, /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: data[lang].title
     }
   }), ` `, /*#__PURE__*/React.createElement("span", {
-    className: styles$8.text,
+    className: styles$9.text,
     dangerouslySetInnerHTML: {
       __html: data[lang].subtitle
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$8.cta
+    className: styles$9.cta
   }, /*#__PURE__*/React.createElement("a", {
     href: data[lang].href,
     target: "_blank",
@@ -1957,15 +1957,15 @@ const DonatesTeaser = ({
   }, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
 };
 
-var styles$7 = {"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$8 = {"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$7.root, true], [styles$7[lang], styles$7[lang]]];
+  let classNames = [[styles$8.root, true], [styles$8[lang], styles$8[lang]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$7);
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
   }
   const data = {
     ru: {
@@ -1986,9 +1986,9 @@ const AnnouncementInText = ({
     "data-testid": "announcement-in-text",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$7.body
+    className: styles$8.body
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$7.title,
+    className: styles$8.title,
     dangerouslySetInnerHTML: {
       __html: localeData.title
     }
@@ -1997,17 +1997,60 @@ const AnnouncementInText = ({
       __html: localeData.text
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$7.footer
+    className: styles$8.footer
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$7.link,
+    className: styles$8.link,
     href: localeData.href,
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
-    className: styles$7.button
+    className: styles$8.button
   }, /*#__PURE__*/React.createElement("span", null, localeData.button))));
 };
 
+var styles$7 = {"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$7.root, true], [styles$7[theme], theme], [styles$7[block.data.onlyOn], !!block.data.onlyOn && !!styles$7[block.data.onlyOn]]];
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$7);
+  }
+  const cssProps = {
+    '--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
+  };
+  return /*#__PURE__*/React.createElement(Link, {
+    to: `/${block.data.url}`,
+    className: makeClassName(classNames),
+    style: cssProps
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$7.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$7.imageWrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$7.image
+  }, /*#__PURE__*/React.createElement("picture", {
+    className: styles$7.picture
+  }, /*#__PURE__*/React.createElement(Image, {
+    optimized: block.data.cover.urls,
+    ratio: 0,
+    display: "narrow",
+    styleContext: ['isStatic'],
+    lazy: true
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: styles$7.contentWrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$7.content
+  }, block.data.blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+    key: item.id,
+    block: item,
+    styleContext: ['isInMediaBlock', 'isInBookRelated', 'isCustom']
+  }))))));
+};
+
 const RenderBlocks = ({
   block,
   styleContext,
@@ -2103,6 +2146,13 @@ const RenderBlocks = ({
           styleContext: styleContext
         });
       }
+    case 'related_book':
+      {
+        return /*#__PURE__*/React.createElement(RelatedBook, {
+          block: block,
+          styleContext: styleContext
+        });
+      }
     case 'source':
       return /*#__PURE__*/React.createElement(SourceBlock, {
         block: block,
@@ -2561,5 +2611,5 @@ const TooltipFooter = ({
   }, children);
 };
 
-export { AnnouncementInText, BookmarkButton, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton, ToolbarItem, Tooltip, TooltipFooter };
+export { AnnouncementInText, BookmarkButton, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedBook, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton, ToolbarItem, Tooltip, TooltipFooter };
 //# sourceMappingURL=ui-kit-2.esm.js.map