@meduza/ui-kit-2 0.8.628 → 0.8.690

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$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-","isInToolbar":"Button-module_isInToolbar__84SG-","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$J = {"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-","isInToolbar":"Button-module_isInToolbar__84SG-","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$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]]),
+    className: makeClassName([[styles$J.root, true], [styles$J[size], !!size], [styles$J[theme], !!theme], [styles$J[appearance], !!appearance], [styles$J[state], !!state && !!styles$J[state]], [styles$J[styleContext], !!styleContext]]),
     disabled: disabled,
     onClick: handleClick,
     type: "button"
   }, state === 'isLoading' ? ( /*#__PURE__*/React.createElement("span", {
-    className: styles$I.loader
+    className: styles$J.loader
   }, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
 };
 
@@ -274,7 +274,7 @@ const icons = {
   }
 };
 
-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"};
+var styles$I = {"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,
@@ -286,7 +286,7 @@ const SvgSymbol = ({
     "data-testid": "svg-symbol",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    className: makeClassName([[styles$H.root, true], [styles$H[size], !!styles$H[size]], [styles$H[icon], !!styles$H[icon]], [styles$H[styleContext], !!styles$H[styleContext]]]),
+    className: makeClassName([[styles$I.root, true], [styles$I[size], !!styles$I[size]], [styles$I[icon], !!styles$I[icon]], [styles$I[styleContext], !!styles$I[styleContext]]]),
     width: data.width,
     height: data.height,
     viewBox: `0 0 ${data.width} ${data.height}`,
@@ -296,32 +296,32 @@ const SvgSymbol = ({
   });
 };
 
-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"};
+var styles$H = {"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","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT","children":"Switcher-module_children__uLapU"};
 
 const Switcher = ({
   enabled,
-  children,
-  childrenPosition = 'left',
   onChange,
   styleContext,
-  theme = 'light'
+  theme = 'light',
+  childrenLeft,
+  childrenRight
 }) => ( /*#__PURE__*/React.createElement("label", {
   "data-testid": "switcher",
-  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$G.children, true], [styles$G.left, true]])
-}, children)), /*#__PURE__*/React.createElement("input", {
-  className: styles$G.input,
+  className: makeClassName([[styles$H.root, true], [styles$H[theme], !!styles$H[theme]], [styles$H[styleContext], !!styles$H[styleContext]]])
+}, childrenLeft && ( /*#__PURE__*/React.createElement("div", {
+  className: makeClassName([[styles$H.children, true], [styles$H.left, true]])
+}, childrenLeft)), /*#__PURE__*/React.createElement("input", {
+  className: styles$H.input,
   type: "checkbox",
   checked: enabled,
   onChange: onChange
 }), /*#__PURE__*/React.createElement("span", {
-  className: styles$G.control
+  className: styles$H.control
 }, /*#__PURE__*/React.createElement("span", {
-  className: styles$G.knob
-})), children && childrenPosition === 'right' && ( /*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
-}, children))));
+  className: styles$H.knob
+})), childrenRight && ( /*#__PURE__*/React.createElement("div", {
+  className: makeClassName([[styles$H.children, true], [styles$H.right, true]])
+}, childrenRight))));
 
 const makeStyleContext = (classNames, styleContext, styles) => {
   const context = Array.isArray(styleContext) ? styleContext.filter(ctx => styles[ctx]).map(ctx => [[styles[ctx]], true]) : [[styles[styleContext], !!styleContext && !!styles[styleContext]]];
@@ -346,7 +346,7 @@ const postMessage = (category, element, action) => {
   }
 };
 
-var styles$F = {"root":"Lazy-module_root__DWw8D"};
+var styles$G = {"root":"Lazy-module_root__DWw8D"};
 
 const Lazy = ({
   children,
@@ -367,7 +367,7 @@ const Lazy = ({
     }
   }, [inView]);
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$F.root, true], [styles$F.visible, visible]]),
+    className: makeClassName([[styles$G.root, true], [styles$G.visible, visible]]),
     ref: ref,
     "data-testid": "lazy"
   }, visible && children);
@@ -460,7 +460,7 @@ const RenderPicture = ({
   }));
 };
 
-var styles$E = {"root":"Image-module_root__H5wAh","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
+var styles$F = {"root":"Image-module_root__H5wAh","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
 
 const Image = ({
   alt,
@@ -489,20 +489,20 @@ const Image = ({
     maxWidth: width <= 649 ? width : '100%'
   };
   const pictureStyles = {
-    paddingBottom: styleContext === 'isInDynamicBlock' ? '100%' : `${100 / (ratio || width / height)}%`
+    paddingBottom: `${100 / (ratio || width / height)}%`
   };
   /* fallback w325 url until w6 was released */
   const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
-  let classNames = [[styles$E.root, true], [styles$E.isLoaded, isLoaded], [styles$E.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
+  let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$E);
+    classNames = makeStyleContext(classNames, styleContext, styles$F);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: makeClassName(classNames),
     style: blockStyles,
     "data-testid": "image"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$E.wrapper,
+    className: styles$F.wrapper,
     style: pictureStyles,
     onClick: () => handleClick(),
     onKeyPress: () => handleClick(),
@@ -530,7 +530,7 @@ const Image = ({
   }))));
 };
 
-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"};
+var styles$E = {"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,
@@ -562,20 +562,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$D.root, true], [styles$D.visible, visible]])
+    className: makeClassName([[styles$E.root, true], [styles$E.visible, visible]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$D.overlay,
+    className: styles$E.overlay,
     onClick: () => handleClose()
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$D.container
+    className: styles$E.container
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: styles$D.dismiss,
+    className: styles$E.dismiss,
     onClick: () => handleClose(),
     "aria-label": "dismiss"
   }), /*#__PURE__*/React.createElement("svg", {
     width: "100%",
-    className: styles$D.background
+    className: styles$E.background
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
     id: "myMask",
     x: "0",
@@ -604,11 +604,11 @@ const Popover = ({
     width: "100%",
     height: "100%"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$D.body
+    className: styles$E.body
   }, children)));
 };
 
-var styles$C = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
+var styles$D = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
 
 const Footnote = ({
   children,
@@ -616,16 +616,16 @@ const Footnote = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "footnote",
-    className: makeClassName([[styles$C.root, true]])
+    className: makeClassName([[styles$D.root, true]])
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$C.dismiss,
+    className: styles$D.dismiss,
     type: "button",
     onClick: () => onClose()
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     icon: "cross",
     size: "unset"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$C.body
+    className: styles$D.body
   }, children));
 };
 
@@ -634,7 +634,7 @@ var viewportSize = () => ({
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
 });
 
-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"};
+var styles$C = {"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: {
@@ -716,7 +716,7 @@ const DotsOnImage = ({
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$B.root, true], [styles$B.isVisible, visible]]),
+    className: makeClassName([[styles$C.root, true], [styles$C.isVisible, visible]]),
     "data-testid": "dots-on-image",
     ref: ref
   }, /*#__PURE__*/React.createElement(Image, {
@@ -729,7 +729,7 @@ const DotsOnImage = ({
   }), /*#__PURE__*/React.createElement("div", {
     ref: container
   }, dots.map(dot => ( /*#__PURE__*/React.createElement("div", {
-    className: styles$B.dot,
+    className: styles$C.dot,
     key: dot.id,
     style: {
       top: `${dot.position.y}%`,
@@ -737,7 +737,7 @@ const DotsOnImage = ({
       transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
     }
   }, /*#__PURE__*/React.createElement("button", {
-    className: makeClassName([[styles$B.marker, true], [styles$B.isActive, dot.id === popover.id]]),
+    className: makeClassName([[styles$C.marker, true], [styles$C.isActive, dot.id === popover.id]]),
     type: "button",
     style: {
       backgroundColor: dot.icon.color
@@ -748,7 +748,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$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
+    className: makeClassName([[styles$C.popover, true], [styles$C[popover.side], !!popover.side], [styles$C[popover.align], !!popover.align]]),
     style: popover.style
   }, /*#__PURE__*/React.createElement(Footnote, {
     onClose: () => {
@@ -773,7 +773,7 @@ const DotsOnImage = ({
   })))))));
 };
 
-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","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","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","isInPodcastPlayer":"Tag-module_isInPodcastPlayer__H4sK9","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
+var styles$B = {"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","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","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","isInPodcastPlayer":"Tag-module_isInPodcastPlayer__H4sK9","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
 
 const Tag = ({
   children,
@@ -783,9 +783,9 @@ const Tag = ({
   correlation,
   onlyOn
 }) => {
-  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]]];
+  let classNames = [[styles$B.root, true], [styles$B[size], !!size && !!styles$B[size]], [styles$B[theme], !!theme && !!styles$B[theme]], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]], [styles$B[correlation], !!correlation && !!styles$B[correlation]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$A);
+    classNames = makeStyleContext(classNames, styleContext, styles$B);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "tag",
@@ -793,34 +793,34 @@ const Tag = ({
   }, children);
 };
 
-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"};
+var styles$A = {"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$z.root, true]];
+  let classNames = [[styles$A.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$z);
+    classNames = makeStyleContext(classNames, styleContext, styles$A);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && ( /*#__PURE__*/React.createElement("div", {
-    className: styles$z.caption,
+    className: styles$A.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   })), credit && ( /*#__PURE__*/React.createElement("div", {
-    className: styles$z.credit,
+    className: styles$A.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   })));
 };
 
-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"};
+var styles$z = {"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,
@@ -842,26 +842,26 @@ const Table = ({
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  let classNames = [[styles$y.root, true], [styles$y[display], !!display && !!styles$y[display]]];
+  let classNames = [[styles$z.root, true], [styles$z[display], !!display && !!styles$z[display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$y.wrapper
+    className: styles$z.wrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$y.table
+    className: styles$z.table
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$y.tracks
+    className: styles$z.tracks
   }, rows.map((row, i) => {
     return /*#__PURE__*/React.createElement("div", {
       key: row.key,
-      className: styles$y.row
+      className: styles$z.row
     }, row.cells.map((cell, j) => ( /*#__PURE__*/React.createElement("div", {
       key: cell.key,
-      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]]),
+      className: makeClassName([[styles$z.cell, true], [styles$z.header, options.header && i === 0], [styles$z[colors[cell.color]], true], [styles$z[columnsWidth[j]], true], [styles$z.fixedColumn, options.fixed_first_column && j === 0]]),
       dangerouslySetInnerHTML: {
         __html: cell.val
       }
@@ -872,7 +872,7 @@ const Table = ({
   })));
 };
 
-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"};
+var styles$y = {"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: {
@@ -880,15 +880,15 @@ const MaterialNote = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$x.root, true]];
+  let classNames = [[styles$y.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
   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$x[item.type],
+    className: styles$y[item.type],
     key: item.id,
     dangerouslySetInnerHTML: {
       __html: item.data
@@ -896,7 +896,7 @@ const MaterialNote = ({
   })))));
 };
 
-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-"};
+var styles$x = {"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,
@@ -904,15 +904,15 @@ const BookmarkButton = ({
   isInBookmarks,
   onClick
 }) => {
-  let classNames = [[styles$w.root, true], [styles$w.isInBookmarks, isInBookmarks], [styles$w[theme], !!theme && !!styles$w[theme]]];
+  let classNames = [[styles$x.root, true], [styles$x.isInBookmarks, isInBookmarks], [styles$x[theme], !!theme && !!styles$x[theme]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$w);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "bookmark-button",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$w.control,
+    className: styles$x.control,
     onClick: () => onClick(),
     type: "button"
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
@@ -921,39 +921,39 @@ const BookmarkButton = ({
   })));
 };
 
-var styles$v = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
+var styles$w = {"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$v.primary
+    className: styles$w.primary
   }, children);
 };
 const Secondary = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("span", {
-    className: styles$v.secondary
+    className: styles$w.secondary
   }, children);
 };
 const MaterialTitle = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("h1", {
-    className: styles$v.root,
+    className: styles$w.root,
     "data-testid": "material-title"
   }, children);
 };
 
-var styles$u = {"root":"Dropdown-module_root__Wv7S-","menu":"Dropdown-module_menu__11IQL","inactive":"Dropdown-module_inactive__E5CP6","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
+var styles$v = {"root":"Dropdown-module_root__Wv7S-","menu":"Dropdown-module_menu__11IQL","inactive":"Dropdown-module_inactive__E5CP6","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
 
 const Menu = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "dropdown",
-    className: styles$u.menu
+    className: styles$v.menu
   }, children);
 };
 const Dropdown = ({
@@ -961,9 +961,9 @@ const Dropdown = ({
   active,
   styleContext
 }) => {
-  let classNames = [[styles$u.root, true], [styles$u.inactive, !active && styleContext === 'isPodcastSeason' && !!styles$u.inactive]];
+  let classNames = [[styles$v.root, true], [styles$v.inactive, !active && styleContext === 'isPodcastSeason' && !!styles$v.inactive]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$u);
+    classNames = makeStyleContext(classNames, styleContext, styles$v);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "dropdown",
@@ -971,13 +971,13 @@ const Dropdown = ({
   }, children);
 };
 
-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"};
+var styles$u = {"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$t.item
+    className: styles$u.item
   }, children);
 };
 
@@ -985,19 +985,19 @@ const Toolbar = ({
   children,
   styleContext
 }) => {
-  let classNames = [[styles$t.root, true]];
+  let classNames = [[styles$u.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$t);
+    classNames = makeStyleContext(classNames, styleContext, styles$u);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("ul", {
-    className: styles$t.list
+    className: styles$u.list
   }, children));
 };
 
-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","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
+var styles$t = {"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","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
 
 const Meta = ({
   hasSource,
@@ -1006,9 +1006,9 @@ const Meta = ({
   onlyOn,
   styleContext
 }) => {
-  let classNames = [[styles$s.root, true], [styles$s[theme], !!theme && !!styles$s[theme]], [styles$s[onlyOn], !!onlyOn], [styles$s.hasSource, hasSource]];
+  let classNames = [[styles$t.root, true], [styles$t[theme], !!theme && !!styles$t[theme]], [styles$t[onlyOn], !!onlyOn], [styles$t.hasSource, hasSource]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$s);
+    classNames = makeStyleContext(classNames, styleContext, styles$t);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta",
@@ -1016,7 +1016,7 @@ const Meta = ({
   }, children);
 };
 
-var styles$r = {"root":"Timestamp-module_root__jPJ6w"};
+var styles$s = {"root":"Timestamp-module_root__jPJ6w"};
 
 const Timestamp = ({
   publishedAt,
@@ -1040,7 +1040,7 @@ const Timestamp = ({
   return /*#__PURE__*/React.createElement("time", {
     suppressHydrationWarning: true,
     "data-testid": "timestamp",
-    className: styles$r.root
+    className: styles$s.root
   }, published);
 };
 
@@ -1100,7 +1100,7 @@ const DangerousHTML = ({
   }));
 };
 
-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"};
+var styles$r = {"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","isProportional":"EmbedBlock-module_isProportional__x8-8g","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
 
 const EmbedGif = ({
   gif,
@@ -1138,9 +1138,9 @@ const EmbedGif = ({
     };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles$q.figure
+    className: styles$r.figure
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$q.objectWrap,
+    className: styles$r.objectWrap,
     style: style,
     "data-frozen": videoFrozen
   }, /*#__PURE__*/React.createElement("video", {
@@ -1200,7 +1200,7 @@ const EmbedBlock = ({
       case 'image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$q.figure
+            className: styles$r.figure
           }, /*#__PURE__*/React.createElement(Image, {
             source: !optimized && [small, large],
             optimized: block.data.optimized,
@@ -1215,7 +1215,7 @@ const EmbedBlock = ({
       case 'game_embed':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$q.gameEmbed
+            className: styles$r.gameEmbed
           }, /*#__PURE__*/React.createElement("iframe", {
             src: block.data.game_src,
             id: block.data.game_id,
@@ -1225,7 +1225,7 @@ const EmbedBlock = ({
       case 'dots_on_image':
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$q.figure
+            className: styles$r.figure
           }, /*#__PURE__*/React.createElement(DotsOnImage, {
             block: data
           }));
@@ -1233,43 +1233,42 @@ const EmbedBlock = ({
       default:
         {
           return /*#__PURE__*/React.createElement("div", {
-            className: styles$q.object
+            className: styles$r.object
           }, /*#__PURE__*/React.createElement("div", {
-            className: styles$q.wrapper,
+            className: makeClassName([[styles$r.wrapper, true], [styles$r.isProportional, isProportional]]),
             style: style
           }, /*#__PURE__*/React.createElement(DangerousHTML, {
-            className: styles$q.objectWrap,
+            className: styles$r.objectWrap,
             html: html
           })));
         }
     }
   };
   if (isProportional) {
-    style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
-    style.height = 0;
+    style.aspectRatio = `${block.data.width} / ${block.data.height}`;
   }
-  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]];
+  let classNames = [[styles$r.root, true], [styles$r.cc, cc], [styles$r[display], !!display && styles$r[display]], [styles$r[provider], !!provider && !!styles$r[provider]], [styles$r[onlyOn], !!onlyOn && styles$r[onlyOn]], [styles$r.mobileFullwidth, mobileFullwidth], [styles$r.proportional, isProportional]];
   // Убираем из контекста все, что не начинается с приставки isIn,
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
   if (styleContext && Array.isArray(styleContext)) {
-    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$q[key]).reduce((acc, key) => {
+    const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$r[key]).reduce((acc, key) => {
       acc.push(key);
       return acc;
     }, []);
-    classNames = makeStyleContext(classNames, filteredContext, styles$q);
+    classNames = makeStyleContext(classNames, filteredContext, styles$r);
   }
   return /*#__PURE__*/React.createElement("figure", {
     className: makeClassName(classNames)
   }, children && ( /*#__PURE__*/React.createElement("div", {
-    className: styles$q.object
+    className: styles$r.object
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$q.wrapper,
+    className: makeClassName([[styles$r.wrapper, true], [styles$r.isProportional, isProportional]]),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$q.objectWrap
+    className: styles$r.objectWrap
   }, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
-    className: styles$q.control,
+    className: styles$r.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
@@ -1372,7 +1371,7 @@ const EmbedBlockContainer = ({
   });
 };
 
-var styles$p = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
+var styles$q = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
 
 const QuoteBlock = ({
   block: {
@@ -1380,9 +1379,9 @@ const QuoteBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$p.root, true]];
+  let classNames = [[styles$q.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$p);
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "quote-block",
@@ -1394,7 +1393,7 @@ const QuoteBlock = ({
   }));
 };
 
-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"};
+var styles$p = {"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: {
@@ -1410,15 +1409,15 @@ const CardTitle = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "card-title",
     id: id,
-    className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]])
+    className: makeClassName([[styles$p.root, true], [styles$p[onlyOn], !!onlyOn], [styles$p[styleContext], !!styleContext && !!styles$p[styleContext]]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$o.index
+    className: styles$p.index
   }, index), /*#__PURE__*/React.createElement("h3", {
-    className: styles$o.title
+    className: styles$p.title
   }, text));
 };
 
-var styles$n = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
+var styles$o = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
 
 const ChapterBlock = ({
   block: {
@@ -1431,9 +1430,9 @@ const ChapterBlock = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "chapter-block",
     id: id,
-    className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn]])
+    className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$n.subtitle, true], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]]),
+    className: makeClassName([[styles$o.subtitle, true], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]]),
     dangerouslySetInnerHTML: {
       __html: data
     }
@@ -1449,7 +1448,7 @@ const generateGradient = (color, type) => {
   return `linear-gradient(-180deg, ${gradient})`;
 };
 
-var styles$m = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
+var styles$n = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
 
 const SimpleTitle = ({
   block: {
@@ -1460,9 +1459,9 @@ const SimpleTitle = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
+  let classNames = [[styles$n.root, true], [styles$n[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$m);
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
   return /*#__PURE__*/React.createElement("h1", {
     "data-testid": "simple-title",
@@ -1470,7 +1469,7 @@ const SimpleTitle = ({
   }, first);
 };
 
-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","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","episodeInMaterial":"RichTitle-module_episodeInMaterial__pp-Wt","episodeInEmbed":"RichTitle-module_episodeInEmbed__gJpJL","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
+var styles$m = {"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","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","episodeInMaterial":"RichTitle-module_episodeInMaterial__pp-Wt","episodeInEmbed":"RichTitle-module_episodeInEmbed__gJpJL","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
 
 const RichTitle = ({
   block: {
@@ -1485,9 +1484,9 @@ const RichTitle = ({
   styleContext,
   type
 }) => {
-  let classNames = [[styles$l.root, true], [styles$l[onlyOn], true], [styles$l.featured, !!featured], [styles$l.episodeInMaterial, type === 'isInMaterial'], [styles$l.episodeInEmbed, type === 'isEmbeded']];
+  let classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured], [styles$m.episodeInMaterial, type === 'isInMaterial'], [styles$m.episodeInEmbed, type === 'isEmbeded']];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     "data-testid": "rich-title",
@@ -1495,7 +1494,7 @@ const RichTitle = ({
   }, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
 };
 
-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"};
+var styles$l = {"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: {
@@ -1507,9 +1506,9 @@ const SimpleBlock = ({
   id = null
 }) => {
   let TagName;
-  let classNames = [[styles$k[type], !!type && !!styles$k[type]], [styles$k[onlyOn], true]];
+  let classNames = [[styles$l[type], !!type && !!styles$l[type]], [styles$l[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$k);
+    classNames = makeStyleContext(classNames, styleContext, styles$l);
   }
   switch (type) {
     case 'context_p':
@@ -1541,7 +1540,7 @@ const SimpleBlock = ({
   });
 };
 
-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"};
+var styles$k = {"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: {
@@ -1552,9 +1551,9 @@ const ListBlock = ({
   styleContext
 }) => {
   const TagName = type;
-  let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j[type], !!type && !!styles$j[type]]];
+  let classNames = [[styles$k.root, true], [styles$k[onlyOn], true], [styles$k[type], !!type && !!styles$k[type]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$j);
+    classNames = makeStyleContext(classNames, styleContext, styles$k);
   }
   return /*#__PURE__*/React.createElement(TagName, {
     className: makeClassName(classNames),
@@ -1567,7 +1566,7 @@ const ListBlock = ({
   }))));
 };
 
-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"};
+var styles$j = {"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: {
@@ -1579,28 +1578,28 @@ const RelatedBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
+  let classNames = [[styles$j.root, true], [styles$j[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$i);
+    classNames = makeStyleContext(classNames, styleContext, styles$j);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$i.header
+    className: styles$j.header
   }, title), /*#__PURE__*/React.createElement("ul", {
-    className: styles$i.items
+    className: styles$j.items
   }, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
     key: item.id || index,
-    className: styles$i[item.layout]
+    className: styles$j[item.layout]
   }, /*#__PURE__*/React.createElement(Link, {
     to: item.full_url || `/${item.url}`
   }, /*#__PURE__*/React.createElement("span", {
-    className: styles$i.first
+    className: styles$j.first
   }, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
 };
 
-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"};
+var styles$i = {"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: {
@@ -1613,16 +1612,16 @@ const SourceBlock = ({
   },
   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("blockquote", {
     "data-testid": "source-block",
     cite: url,
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$h.text,
+    className: styles$i.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -1632,11 +1631,11 @@ const SourceBlock = ({
       __html: item.data
     }
   }))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
-    className: styles$h.origin
+    className: styles$i.origin
   }, origin))));
 };
 
-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"};
+var styles$h = {"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,
@@ -1659,40 +1658,40 @@ const SensitiveBlock = ({
   const handleClick = () => {
     isVisible(true);
   };
-  let classNames = [[styles$g.root, true], [styles$g.visible, visible], [styles$g[display], display && styles$g[display]]];
+  let classNames = [[styles$h.root, true], [styles$h.visible, visible], [styles$h[display], display && styles$h[display]]];
   let context = ['isInSensitiveBlock'];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$g);
+    classNames = makeStyleContext(classNames, styleContext, styles$h);
     context = [...styleContext, 'isInSensitiveBlock'];
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "sensitive-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$g.container
+    className: styles$h.container
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$g.overlay,
+    className: styles$h.overlay,
     style: {
       backgroundImage: `url(${blurredImage})`
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$g.content
+    className: styles$h.content
   }, /*#__PURE__*/React.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: block.title
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$g.button
+    className: styles$h.button
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => handleClick(),
     theme: "light"
   }, block.button.text)))), /*#__PURE__*/React.createElement("div", {
-    className: styles$g.media
+    className: styles$h.media
   }, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
     block: block.item,
     styleContext: context
   }))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$g.figcaption
+    className: styles$h.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -1700,7 +1699,7 @@ const SensitiveBlock = ({
   }))));
 };
 
-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"};
+var styles$g = {"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,
@@ -1716,19 +1715,19 @@ const GroupedBlock = ({
     return width / (height / maxHeight);
   });
   const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
-  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]]];
+  let classNames = [[styles$g.root, true], [styles$g[onlyOn], true], [styles$g.hasFigcaption, block.cc === 'default'], [styles$g[block.display], !!block.display && styles$g[block.display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$f);
+    classNames = makeStyleContext(classNames, styleContext, styles$g);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$f.items
+    className: styles$g.items
   }, block.data.map((item, index) => {
     const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return /*#__PURE__*/React.createElement("div", {
-      className: styles$f.item,
+      className: styles$g.item,
       key: item.id,
       style: {
         width: `${percentWidth}%`
@@ -1741,7 +1740,7 @@ const GroupedBlock = ({
       styleContext: ['isInGroupedBlock']
     })));
   })), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
-    className: styles$f.figcaption
+    className: styles$g.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1749,7 +1748,7 @@ const GroupedBlock = ({
   }))));
 };
 
-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"};
+var styles$f = {"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,
@@ -1757,25 +1756,25 @@ const MetaItem = ({
   children,
   bullets
 }) => {
-  const classNames = [[styles$e.root, true], [styles$e[type], !!type && !!styles$e[type]], [styles$e.hasSource, !!hasSource], [styles$e.hasBullets, !!bullets]];
+  const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-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"};
+var styles$e = {"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$d.root, true], [styles$d[theme], !!theme && styles$d[theme]]];
+  const classNames = [[styles$e.root, true], [styles$e[theme], !!theme && styles$e[theme]]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$d.frame
+    className: styles$e.frame
   }));
 };
 
@@ -1795,7 +1794,7 @@ const pluralize = (number, one, two, five) => {
   return five;
 };
 
-var styles$c = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
+var styles$d = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
 
 const DocumentItemsCount = ({
   type,
@@ -1832,9 +1831,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$c.root
+    className: styles$d.root
   }, children, /*#__PURE__*/React.createElement("span", {
-    className: styles$c.items
+    className: styles$d.items
   }, itemsCount));
 };
 
@@ -1852,7 +1851,6 @@ const MetaContainer = ({
     }
   },
   styleContext
-  // type
 }) => {
   const themeColor = styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset';
   const isPodcast = styleContext && styleContext.indexOf('podcast') !== -1;
@@ -1864,145 +1862,118 @@ const MetaContainer = ({
     });
   }
   const hasSource = !!components.find(item => item.type === 'source_name');
-  // const classNames: ClassNames = [
-  //   [
-  //     styles.containerInDynamicBlock,
-  //     styleContext === 'isInDynamicBlock' || styleContext.includes('episode')
-  //   ],
-  //   [
-  //     styles.containerInDynamicBlockAndMaterial,
-  //     styleContext === 'isInDynamicBlock' && type === 'isInMaterial'
-  //   ]
-  // ]
-  return (
-    /*#__PURE__*/
-    // <div className={makeClassName(classNames)}>
-    React.createElement(Meta, {
-      styleContext: context,
-      theme: theme || themeColor,
-      onlyOn: block.only_on,
-      hasSource: hasSource
-    }, components.map(component => {
-      switch (component.type) {
-        case 'source_name':
-          {
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, /*#__PURE__*/React.createElement(React.Fragment, null, lang === 'ru' ? 'Источник: ' : 'Source: ', component.url && ( /*#__PURE__*/React.createElement("a", {
-              href: component.url,
-              rel: "noopener noreferrer",
-              target: "_blank"
-            }, component.text)), !component.url && component.text));
-          }
-        case 'duration':
-          {
-            // if (styleContext === 'isInDynamicBlock') {
-            //   return (
-            //     <MetaItem hasSource={hasSource} bullets key={component.id}>
-            //       {component.text}
-            //     </MetaItem>
-            //   )
-            // }
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, /*#__PURE__*/React.createElement(React.Fragment, null, styleContext !== 'isInDynamicBlock' && ( /*#__PURE__*/React.createElement(SvgSymbol, {
-              icon: "podcast",
-              size: "small"
-            })), component.text));
-          }
-        case 'datetime':
-          {
-            const format = component.format && toCamel(component.format) || 'date';
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id,
-              type: "datetime"
-            }, /*#__PURE__*/React.createElement(Timestamp, {
-              publishedAt: component.datetime,
-              // type={
-              //   styleContext === 'isInDynamicBlock'
-              //     ? 'fromNow'
-              //     : format || 'date'
-              // }
-              type: format || 'date',
-              locale: lang
-            }));
-          }
-        case 'items_count':
-          {
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, /*#__PURE__*/React.createElement(DocumentItemsCount, {
-              items: component.count,
-              type: isPodcast ? 'podcast' : 'card',
-              lang: lang
-            }, /*#__PURE__*/React.createElement(SvgSymbol, {
-              icon: "card",
-              size: "unset"
-            })));
-          }
-        case 'broadcast_active':
-          {
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
-          }
-        case 'broadcast':
-          {
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, /*#__PURE__*/React.createElement(React.Fragment, null, component.with_icon && /*#__PURE__*/React.createElement(MetaItemLive, null), component.label));
-          }
-        case 'string':
-          {
-            return /*#__PURE__*/React.createElement(MetaItem, {
-              hasSource: hasSource,
-              bullets: true,
-              key: component.id
-            }, component.text);
-          }
-        default:
-          {
-            return null;
-          }
-      }
-    }), (isRead || isListened) && ( /*#__PURE__*/React.createElement(MetaItem, {
-      hasSource: hasSource,
-      bullets: true,
-      type: isListened ? 'listened' : 'read'
-    }, /*#__PURE__*/React.createElement(SvgSymbol, {
-      icon: isListened ? 'listened' : 'read',
-      size: "unset"
-    }))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
-      className: styles$s.bookmark
-    }, /*#__PURE__*/React.createElement(BookmarkButton, {
-      isInBookmarks: isInBookmarks,
-      onClick: () => bookmarkAction('bookmark', 'top')
-    }))))
-    // </div>
-  );
-};
-
-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"};
+  return /*#__PURE__*/React.createElement(Meta, {
+    styleContext: context,
+    theme: theme || themeColor,
+    onlyOn: block.only_on,
+    hasSource: hasSource
+  }, components.map(component => {
+    switch (component.type) {
+      case 'source_name':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, /*#__PURE__*/React.createElement(React.Fragment, null, lang === 'ru' ? 'Источник: ' : 'Source: ', component.url && ( /*#__PURE__*/React.createElement("a", {
+            href: component.url,
+            rel: "noopener noreferrer",
+            target: "_blank"
+          }, component.text)), !component.url && component.text));
+        }
+      case 'duration':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, /*#__PURE__*/React.createElement(React.Fragment, null, styleContext !== 'isInDynamicBlock' && ( /*#__PURE__*/React.createElement(SvgSymbol, {
+            icon: "podcast",
+            size: "small"
+          })), component.text));
+        }
+      case 'datetime':
+        {
+          const format = component.format && toCamel(component.format) || 'date';
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id,
+            type: "datetime"
+          }, /*#__PURE__*/React.createElement(Timestamp, {
+            publishedAt: component.datetime,
+            type: format || 'date',
+            locale: lang
+          }));
+        }
+      case 'items_count':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, /*#__PURE__*/React.createElement(DocumentItemsCount, {
+            items: component.count,
+            type: isPodcast ? 'podcast' : 'card',
+            lang: lang
+          }, /*#__PURE__*/React.createElement(SvgSymbol, {
+            icon: "card",
+            size: "unset"
+          })));
+        }
+      case 'broadcast_active':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
+        }
+      case 'broadcast':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, /*#__PURE__*/React.createElement(React.Fragment, null, component.with_icon && /*#__PURE__*/React.createElement(MetaItemLive, null), component.label));
+        }
+      case 'string':
+        {
+          return /*#__PURE__*/React.createElement(MetaItem, {
+            hasSource: hasSource,
+            bullets: true,
+            key: component.id
+          }, component.text);
+        }
+      default:
+        {
+          return null;
+        }
+    }
+  }), (isRead || isListened) && ( /*#__PURE__*/React.createElement(MetaItem, {
+    hasSource: hasSource,
+    bullets: true,
+    type: isListened ? 'listened' : 'read'
+  }, /*#__PURE__*/React.createElement(SvgSymbol, {
+    icon: isListened ? 'listened' : 'read',
+    size: "unset"
+  }))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
+    className: styles$t.bookmark
+  }, /*#__PURE__*/React.createElement(BookmarkButton, {
+    isInBookmarks: isInBookmarks,
+    onClick: () => bookmarkAction('bookmark', 'top')
+  }))));
+};
+
+var styles$c = {"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$b.root, true], [styles$b[lang], styles$b[lang]]];
+  let classNames = [[styles$c.root, true], [styles$c[lang], styles$c[lang]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$b);
+    classNames = makeStyleContext(classNames, styleContext, styles$c);
   }
   const data = {
     ru: {
@@ -2022,20 +1993,20 @@ const DonatesTeaser = ({
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$b.main
+    className: styles$c.main
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$b.title
+    className: styles$c.title
   }, /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: data[lang].title
     }
   }), ` `, /*#__PURE__*/React.createElement("span", {
-    className: styles$b.text,
+    className: styles$c.text,
     dangerouslySetInnerHTML: {
       __html: data[lang].subtitle
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$b.cta
+    className: styles$c.cta
   }, /*#__PURE__*/React.createElement("a", {
     href: data[lang].href,
     target: "_blank",
@@ -2043,15 +2014,15 @@ const DonatesTeaser = ({
   }, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
 };
 
-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"};
+var styles$b = {"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$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: {
@@ -2072,9 +2043,9 @@ const AnnouncementInText = ({
     "data-testid": "announcement-in-text",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$a.body
+    className: styles$b.body
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$a.title,
+    className: styles$b.title,
     dangerouslySetInnerHTML: {
       __html: localeData.title
     }
@@ -2083,18 +2054,18 @@ const AnnouncementInText = ({
       __html: localeData.text
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$a.footer
+    className: styles$b.footer
   }, /*#__PURE__*/React.createElement("a", {
-    className: styles$a.link,
+    className: styles$b.link,
     href: localeData.href,
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
-    className: styles$a.button
+    className: styles$b.button
   }, /*#__PURE__*/React.createElement("span", null, localeData.button))));
 };
 
-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"};
+var styles$a = {"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: {
@@ -2104,9 +2075,9 @@ const VersesBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$9.root, true], [styles$9[onlyOn], true], [styles$9[type], !!type && !!styles$9[type]]];
+  let classNames = [[styles$a.root, true], [styles$a[onlyOn], true], [styles$a[type], !!type && !!styles$a[type]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$9);
+    classNames = makeStyleContext(classNames, styleContext, styles$a);
   }
   return /*#__PURE__*/React.createElement("ul", {
     className: makeClassName(classNames),
@@ -2126,8 +2097,7 @@ const RenderBlocks = ({
   isRead,
   isListened,
   bookmarkAction,
-  isInBookmarks,
-  type = 'default'
+  isInBookmarks
 }) => {
   switch (block.type) {
     case 'tag':
@@ -2162,8 +2132,7 @@ const RenderBlocks = ({
           isRead: isRead,
           isListened: isListened,
           isInBookmarks: isInBookmarks,
-          bookmarkAction: bookmarkAction,
-          type: type
+          bookmarkAction: bookmarkAction
         });
       }
     case 'blockquote':
@@ -2284,7 +2253,7 @@ const RenderBlocks = ({
   }
 };
 
-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-"};
+var styles$9 = {"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: {
@@ -2305,13 +2274,13 @@ const Cover = ({
 }) => {
   const [isPopoverShown, setIsPopoverShown] = useState(false);
   const style = {};
-  let classNames = [[styles$8.root, true], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]]];
+  let classNames = [[styles$9.root, true], [styles$9[onlyOn], !!onlyOn && !!styles$9[onlyOn]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$8);
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
   }
   if (gradients) {
     const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$8);
+    classNames = makeStyleContext(classNames, theme, styles$9);
     style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
   }
   const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
@@ -2323,20 +2292,20 @@ const Cover = ({
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$8.image
+    className: styles$9.image
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$8.body,
+    className: styles$9.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$8.control,
+    className: styles$9.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
@@ -2349,7 +2318,7 @@ const Cover = ({
   }, renderCC('isInPopover'))));
 };
 
-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"};
+var styles$8 = {"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: {
@@ -2366,29 +2335,29 @@ const HalfBlock = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$7.root, true], [styles$7[onlyOn], true]];
+  let classNames = [[styles$8.root, true], [styles$8[onlyOn], true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$7);
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$7.main
+    className: styles$8.main
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$7.image
+    className: styles$8.image
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$7.body
+    className: styles$8.body
   }, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: ['rich']
   }))))), /*#__PURE__*/React.createElement("div", {
-    className: styles$7.footer
+    className: styles$8.footer
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2396,7 +2365,7 @@ const HalfBlock = ({
   })));
 };
 
-var styles$6 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
+var styles$7 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
 
 const ImportantLead = ({
   block: {
@@ -2405,9 +2374,9 @@ const ImportantLead = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn]];
+  let classNames = [[styles$7.root, true], [styles$7[onlyOn], !!onlyOn]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$6);
+    classNames = makeStyleContext(classNames, styleContext, styles$7);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "important-lead",
@@ -2419,7 +2388,7 @@ const ImportantLead = ({
   }))));
 };
 
-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"};
+var styles$6 = {"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: {
@@ -2448,11 +2417,11 @@ const Spoiler = ({
       postMessage('', 'openSpoiler', 'click');
     }
   };
-  let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn], [styles$5[display], !!display && styles$5[display]], [[styles$5.spoiled], !!spoiled]];
+  let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn], [styles$6[display], !!display && styles$6[display]], [[styles$6.spoiled], !!spoiled]];
   const context = ['center'];
   if (styleContext) {
     context.concat(styleContext);
-    classNames = makeStyleContext(classNames, styleContext, styles$5);
+    classNames = makeStyleContext(classNames, styleContext, styles$6);
   }
   const buttonCollapse = button ? button.collapse : 'Свернуть';
   const buttonExpande = button ? button.expand : buttonTitle;
@@ -2461,15 +2430,15 @@ const Spoiler = ({
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$5.header
+    className: styles$6.header
   }, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
-    className: styles$5.body
+    className: styles$6.body
   }, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: context
   })))), /*#__PURE__*/React.createElement("div", {
-    className: styles$5.footer
+    className: styles$6.footer
   }, /*#__PURE__*/React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2480,7 +2449,7 @@ const Spoiler = ({
   }))));
 };
 
-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"};
+var styles$5 = {"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 = ({
@@ -2517,16 +2486,16 @@ const RelatedRichBlock = ({
   const handleClick = () => {
     postMessage('richRelated', url, 'click');
   };
-  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 classNames = [[styles$5.root, true], [styles$5[cardType], !!layout && !!styles$5[cardType]], [styles$5.hasGradient, !!gradients], [styles$5[onlyOn], !!onlyOn && !!styles$5[onlyOn]]];
   let context = ['isInMediaBlock'];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$4);
+    classNames = makeStyleContext(classNames, styleContext, styles$5);
     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$4);
+    classNames = makeStyleContext(classNames, theme, styles$5);
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
     }
@@ -2538,27 +2507,27 @@ const RelatedRichBlock = ({
     onClick: () => handleClick(),
     ref: ref
   }, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles$4.overlay,
+    className: styles$5.overlay,
     style: style
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.overlayHeader,
+    className: styles$5.overlayHeader,
     style: styleHeader
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.tag
+    className: styles$5.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.cover
+    className: styles$5.cover
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$4.picture
+    className: styles$5.picture
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$4.body
+    className: styles$5.body
   }, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
@@ -2566,7 +2535,7 @@ const RelatedRichBlock = ({
   })))));
 };
 
-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"};
+var styles$4 = {"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 = ({
@@ -2603,14 +2572,14 @@ const ShopRelatedBlock = ({
   const handleClick = () => {
     postMessage('productRelated', url, 'click');
   };
-  let classNames = [[styles$3.root, true], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
+  let classNames = [[styles$4.root, true], [styles$4.hasGradient, !!gradients], [styles$4[onlyOn], !!onlyOn && !!styles$4[onlyOn]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$3);
+    classNames = makeStyleContext(classNames, styleContext, styles$4);
   }
   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');
     }
@@ -2623,44 +2592,44 @@ const ShopRelatedBlock = ({
     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
   }, /*#__PURE__*/React.createElement("h2", {
-    className: styles$3.title
+    className: styles$4.title
   }, firstTitle, /*#__PURE__*/React.createElement("span", {
-    className: styles$3.price
+    className: styles$4.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"};
+var styles$3 = {"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]]];
+  let classNames = [[styles$3.root, true], [styles$3[theme], theme], [styles$3[block.data.onlyOn], !!block.data.onlyOn && !!styles$3[block.data.onlyOn]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$2);
+    classNames = makeStyleContext(classNames, styleContext, styles$3);
   }
   const cssProps = {
     '--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
@@ -2670,13 +2639,13 @@ const RelatedBook = ({
     className: makeClassName(classNames),
     style: cssProps
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.container
+    className: styles$3.container
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.imageWrap
+    className: styles$3.imageWrap
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.image
+    className: styles$3.image
   }, /*#__PURE__*/React.createElement("picture", {
-    className: styles$2.picture
+    className: styles$3.picture
   }, /*#__PURE__*/React.createElement(Image, {
     optimized: block.data.cover.urls,
     ratio: 0,
@@ -2684,9 +2653,9 @@ const RelatedBook = ({
     styleContext: ['isStatic'],
     lazy: true
   })))), /*#__PURE__*/React.createElement("div", {
-    className: styles$2.contentWrap
+    className: styles$3.contentWrap
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.content
+    className: styles$3.content
   }, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
@@ -2702,8 +2671,7 @@ const RawHtmlBlock = ({
   isInBookmarks,
   bookmarkAction,
   lightBox,
-  lang,
-  type = 'default'
+  lang
 }) => {
   const context = {
     lightBox: lightBox || null
@@ -2771,13 +2739,34 @@ const RawHtmlBlock = ({
           isListened: isListened,
           isInBookmarks: isInBookmarks,
           bookmarkAction: bookmarkAction,
-          lang: lang,
-          type: type
+          lang: lang
         }));
       }
   }
 };
 
+var styles$2 = {"root":"ListViewSwitcher-module_root__pBsR5","input":"ListViewSwitcher-module_input__vtDVD","knob":"ListViewSwitcher-module_knob__g-OZ2","sm":"ListViewSwitcher-module_sm__y1teD","md":"ListViewSwitcher-module_md__0M8KR","grid":"ListViewSwitcher-module_grid__qBmnM","list":"ListViewSwitcher-module_list__NORMp"};
+
+const ListViewSwitcher = ({
+  enabled,
+  onChange,
+  size = 'md'
+}) => ( /*#__PURE__*/React.createElement("label", {
+  "data-testid": "listViewSwitcher",
+  className: makeClassName([[styles$2.root, true], [styles$2[size], true]])
+}, /*#__PURE__*/React.createElement("input", {
+  className: styles$2.input,
+  type: "checkbox",
+  checked: enabled,
+  onChange: onChange
+}), /*#__PURE__*/React.createElement("span", {
+  className: styles$2.knob
+}), /*#__PURE__*/React.createElement("span", {
+  className: styles$2.grid
+}), /*#__PURE__*/React.createElement("span", {
+  className: styles$2.list
+})));
+
 var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","bookmark":"ToolbarButton-module_bookmark__7SWkm","isActive":"ToolbarButton-module_isActive__N4kkV","icon":"ToolbarButton-module_icon__Ldcgq","text":"ToolbarButton-module_text__4R2a0"};
 
 const ToolbarButton = ({
@@ -2832,5 +2821,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, ShopRelatedBlock, 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, ListViewSwitcher, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, ShopRelatedBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton, ToolbarItem, Tooltip, TooltipFooter };
 //# sourceMappingURL=ui-kit-2.esm.js.map