@meduza/ui-kit-2 0.1.9 → 0.1.11

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

@@ -433,10 +433,17 @@ var Image = function Image(_ref) {
       lightBox = _useContext.lightBox;
 
   var handleClick = function handleClick() {
+    if (!fullscreen || !lightBox || optimized && !optimized.original) {
+      return;
+    }
+
     var _viewportSize = viewportSize(),
         viewportWidth = _viewportSize.width;
 
-    if (optimized && !optimized.original || !lightBox || viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen) {
+    var disableFullscreenDesktop = viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.desktop;
+    var disableFullscreenMobile = viewportWidth < MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.mobile;
+
+    if (disableFullscreenDesktop || disableFullscreenMobile) {
       return;
     }
 
@@ -454,7 +461,7 @@ var Image = function Image(_ref) {
 
   var fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
   return React.createElement("div", {
-    className: makeClassName([[styles$4.root, true], [styles$4.fullscreen, fullscreen]]),
+    className: makeClassName([[styles$4.root, true], [styles$4.fullscreen, fullscreen && fullscreen.desktop]]),
     style: blockStyles,
     "data-testid": "image"
   }, React.createElement("div", {
@@ -488,7 +495,116 @@ var Image = function Image(_ref) {
   })));
 };
 
-var styles$5 = {"root":"DotsOnImage-module_root__2XP3Q","dot":"DotsOnImage-module_dot__H1wua","popover":"DotsOnImage-module_popover__35Cpj","popoverTitle":"DotsOnImage-module_popoverTitle__343d8","dismiss":"DotsOnImage-module_dismiss__1EWXd"};
+var styles$5 = {"root":"Popover-module_root__1v6f_","fadeOut":"Popover-module_fadeOut__3EZhx","visible":"Popover-module_visible__eK5ZQ","fadeIn":"Popover-module_fadeIn__AkrSN","overlay":"Popover-module_overlay__2SBL0","container":"Popover-module_container__FnZT-","disappear":"Popover-module_disappear__3Q9LI","dismiss":"Popover-module_dismiss__3RnLj","background":"Popover-module_background__1KKaP","appear":"Popover-module_appear__37vPd","body":"Popover-module_body__3h5UO"};
+
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose;
+
+  var _useState = useState(true),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var handleClose = function handleClose() {
+    setVisible(false);
+    setTimeout(onClose, 350);
+  };
+
+  var handleScroll = function handleScroll() {
+    handleClose();
+  };
+
+  var escFunction = function escFunction(event) {
+    if (event.key === 'Escape') {
+      handleClose();
+    }
+  };
+
+  useEffect(function () {
+    window.addEventListener('keydown', escFunction, false);
+    window.addEventListener('scroll', handleScroll, false);
+    return function () {
+      window.removeEventListener('keydown', escFunction, false);
+      window.removeEventListener('scroll', handleScroll, false);
+    };
+  }, [visible]);
+  /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
+
+  return React.createElement("div", {
+    "data-testid": "popover",
+    className: makeClassName([[styles$5.root, true], [styles$5.visible, visible]])
+  }, React.createElement("div", {
+    className: styles$5.overlay,
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }), React.createElement("div", {
+    className: styles$5.container
+  }, React.createElement("button", {
+    type: "button",
+    className: styles$5.dismiss,
+    onClick: function onClick() {
+      return handleClose();
+    },
+    "aria-label": "dismiss"
+  }), React.createElement("svg", {
+    width: "100%",
+    className: styles$5.background
+  }, React.createElement("defs", null, React.createElement("mask", {
+    id: "myMask",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  }, React.createElement("rect", {
+    fill: "white",
+    y: "0",
+    width: "100%",
+    height: "100%",
+    x: "0"
+  }), React.createElement("svg", {
+    x: "50%",
+    overflow: "visible"
+  }, React.createElement("g", {
+    transform: "translate(-12 0)"
+  }, React.createElement("path", {
+    d: "M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z"
+  }))))), React.createElement("rect", {
+    fill: "#F7F7F7",
+    id: "base-mask",
+    mask: "url(#myMask)",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  })), React.createElement("div", {
+    className: styles$5.body
+  }, children)));
+};
+
+var styles$6 = {"root":"Footnote-module_root__2a0-B","body":"Footnote-module_body__259Ly","dismiss":"Footnote-module_dismiss__1HKG5"};
+
+var Footnote = function Footnote(_ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose;
+  return React.createElement("div", {
+    "data-testid": "footnote",
+    className: makeClassName([[styles$6.root, true]])
+  }, React.createElement("button", {
+    className: styles$6.dismiss,
+    type: "button",
+    onClick: function onClick() {
+      return onClose();
+    }
+  }, React.createElement(SvgSymbol, {
+    icon: "cross",
+    size: "unset"
+  })), React.createElement("div", {
+    className: styles$6.body
+  }, children));
+};
+
+var styles$7 = {"root":"DotsOnImage-module_root__2XP3Q","dot":"DotsOnImage-module_dot__H1wua","popover":"DotsOnImage-module_popover__35Cpj","isRight":"DotsOnImage-module_isRight__2RsJe","isTop":"DotsOnImage-module_isTop__3zmSK","isLeft":"DotsOnImage-module_isLeft__3quc9","isBottom":"DotsOnImage-module_isBottom__3Nk1T","popoverTitle":"DotsOnImage-module_popoverTitle__343d8","popoverBody":"DotsOnImage-module_popoverBody__2MSn7","popoverText":"DotsOnImage-module_popoverText__3v02w","dismiss":"DotsOnImage-module_dismiss__1EWXd"};
 
 var DotsOnImage = function DotsOnImage(_ref) {
   var _ref$block = _ref.block,
@@ -510,22 +626,31 @@ var DotsOnImage = function DotsOnImage(_ref) {
 
   var handleDotClick = function handleDotClick(dot) {
     var shouldShow = dot.id !== popover.id;
+    var side = dot.position.x > 50 ? 'isLeft' : 'isRight';
+    var align = dot.position.y > 50 ? 'isBottom' : 'isTop';
+    var style = {
+      top: dot.position.y + "%",
+      left: dot.position.x + "%"
+    };
     setPopover({
       title: dot.title,
       body: dot.body,
       show: shouldShow,
-      id: shouldShow ? dot.id : null
+      id: shouldShow ? dot.id : null,
+      style: style,
+      side: side,
+      align: align
     });
   };
 
   return React.createElement("div", {
     "data-testid": "dots-on-image",
-    className: styles$5.root
+    className: styles$7.root
   }, React.createElement("div", {
-    className: styles$5.dots
+    className: styles$7.dots
   }, dots.map(function (dot) {
     return React.createElement("button", {
-      className: styles$5.dot,
+      className: styles$7.dot,
       type: "button",
       key: dot.id,
       style: {
@@ -537,40 +662,46 @@ var DotsOnImage = function DotsOnImage(_ref) {
         return handleDotClick(dot);
       }
     }, dot.icon.type === 'svg' && React.createElement("div", {
-      className: styles$5.icon,
       dangerouslySetInnerHTML: {
         __html: dot.icon.svg_string
       }
     }), dot.icon.type === 'number' && dot.icon.number);
   })), React.createElement("div", {
-    className: styles$5.image
+    className: styles$7.image
   }, React.createElement(Image, {
     optimized: optimized,
     width: width,
     height: height,
     alt: credit,
-    display: display
-  })), popover.show && React.createElement("div", {
-    className: styles$5.popover
-  }, React.createElement("button", {
-    className: styles$5.dismiss,
-    type: "button",
-    onClick: function onClick() {
-      return setPopover({
+    display: display,
+    fullscreen: {
+      mobile: false,
+      desktop: false
+    }
+  })), popover.show && React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? React.createElement("div", {
+    className: makeClassName([[styles$7.popover, true], [styles$7[popover.side], !!popover.side], [styles$7[popover.align], !!popover.align]]),
+    style: popover.style
+  }, React.createElement(Footnote, {
+    onClose: function onClose() {
+      setPopover({
         show: false
       });
     }
-  }, React.createElement(SvgSymbol, {
-    icon: "cross",
-    size: "unset"
-  })), React.createElement("div", {
-    className: styles$5.popoverTitle
-  }, popover.title), React.createElement("div", {
-    className: styles$5.popoverBody,
+  }, React.createElement("h3", null, popover.title), React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: popover.body
     }
-  })));
+  }))) : React.createElement(Popover, {
+    onClose: function onClose() {
+      setPopover({
+        show: false
+      });
+    }
+  }, React.createElement("h3", null, popover.title), React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: popover.body
+    }
+  }))));
 };
 
 var makeStyleContext = function makeStyleContext(classNames, styleContext, styles) {
@@ -582,7 +713,7 @@ var makeStyleContext = function makeStyleContext(classNames, styleContext, style
   return classNames.concat(context);
 };
 
-var styles$6 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
+var styles$8 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
 
 var Tag = function Tag(_ref) {
   var children = _ref.children,
@@ -593,10 +724,10 @@ var Tag = function Tag(_ref) {
       styleContext = _ref.styleContext,
       correlation = _ref.correlation,
       onlyOn = _ref.onlyOn;
-  var classNames = [[styles$6.root, true], [styles$6[size], !!size && !!styles$6[size]], [styles$6[theme], !!theme && !!styles$6[theme]], [styles$6[onlyOn], !!onlyOn && !!styles$6[onlyOn]], [styles$6[correlation], !!correlation && !!styles$6[correlation]]];
+  var classNames = [[styles$8.root, true], [styles$8[size], !!size && !!styles$8[size]], [styles$8[theme], !!theme && !!styles$8[theme]], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]], [styles$8[correlation], !!correlation && !!styles$8[correlation]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$6);
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
   }
 
   return React.createElement("div", {
@@ -605,35 +736,35 @@ var Tag = function Tag(_ref) {
   }, children);
 };
 
-var styles$7 = {"root":"MediaCaption-module_root__KqTdw","caption":"MediaCaption-module_caption__1hr7Y","credit":"MediaCaption-module_credit__3ehAP","dark":"MediaCaption-module_dark__3tL1u","video":"MediaCaption-module_video__1KZ6k","picture":"MediaCaption-module_picture__3AAMH","desktop":"MediaCaption-module_desktop__3Saev"};
+var styles$9 = {"root":"MediaCaption-module_root__KqTdw","caption":"MediaCaption-module_caption__1hr7Y","credit":"MediaCaption-module_credit__3ehAP","dark":"MediaCaption-module_dark__3tL1u","video":"MediaCaption-module_video__1KZ6k","picture":"MediaCaption-module_picture__3AAMH","desktop":"MediaCaption-module_desktop__3Saev"};
 
 var MediaCaption = function MediaCaption(_ref) {
   var credit = _ref.credit,
       caption = _ref.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$7.root, true]];
+  var classNames = [[styles$9.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$7);
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
   }
 
   return React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && React.createElement("div", {
-    className: styles$7.caption,
+    className: styles$9.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   }), credit && React.createElement("div", {
-    className: styles$7.credit,
+    className: styles$9.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   }));
 };
 
-var styles$8 = {"root":"Table-module_root__1VsG6","card":"Table-module_card__3gbok","table":"Table-module_table__nZIkV","slide":"Table-module_slide__nSGPC","wrapper":"Table-module_wrapper__1YTKM","tracks":"Table-module_tracks__2wrDB","default":"Table-module_default__3CGeE","full":"Table-module_full__S5pDB","row":"Table-module_row__3TH83","cell":"Table-module_cell__EFKDW","fixedColumn":"Table-module_fixedColumn__E1hN5","white":"Table-module_white__gzvo0","gray":"Table-module_gray__3da6S","pink":"Table-module_pink__3oH1l","blue":"Table-module_blue__GM27F","yellow":"Table-module_yellow__2jhvA","orange":"Table-module_orange__1c-oM","green":"Table-module_green__13OIM","violet":"Table-module_violet__2W-kO","header":"Table-module_header__1exlo","s":"Table-module_s__Vl_Eg","m":"Table-module_m__29G9r","l":"Table-module_l__1ZSMc","xs":"Table-module_xs__au2Oe"};
+var styles$a = {"root":"Table-module_root__1VsG6","card":"Table-module_card__3gbok","table":"Table-module_table__nZIkV","slide":"Table-module_slide__nSGPC","wrapper":"Table-module_wrapper__1YTKM","tracks":"Table-module_tracks__2wrDB","default":"Table-module_default__3CGeE","full":"Table-module_full__S5pDB","row":"Table-module_row__3TH83","cell":"Table-module_cell__EFKDW","fixedColumn":"Table-module_fixedColumn__E1hN5","white":"Table-module_white__gzvo0","gray":"Table-module_gray__3da6S","pink":"Table-module_pink__3oH1l","blue":"Table-module_blue__GM27F","yellow":"Table-module_yellow__2jhvA","orange":"Table-module_orange__1c-oM","green":"Table-module_green__13OIM","violet":"Table-module_violet__2W-kO","header":"Table-module_header__1exlo","s":"Table-module_s__Vl_Eg","m":"Table-module_m__29G9r","l":"Table-module_l__1ZSMc","xs":"Table-module_xs__au2Oe"};
 
 var Table = function Table(_ref) {
   var styleContext = _ref.styleContext,
@@ -653,29 +784,29 @@ var Table = function Table(_ref) {
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  var classNames = [[styles$8.root, true], [styles$8[display], !!display && !!styles$8[display]]];
+  var classNames = [[styles$a.root, true], [styles$a[display], !!display && !!styles$a[display]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$8);
+    classNames = makeStyleContext(classNames, styleContext, styles$a);
   }
 
   return React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$8.wrapper
+    className: styles$a.wrapper
   }, React.createElement("div", {
-    className: styles$8.table
+    className: styles$a.table
   }, React.createElement("div", {
-    className: styles$8.tracks
+    className: styles$a.tracks
   }, rows.map(function (row, i) {
     return React.createElement("div", {
       key: row.key,
-      className: styles$8.row
+      className: styles$a.row
     }, row.cells.map(function (cell, j) {
       return React.createElement("div", {
         key: cell.key,
-        className: makeClassName([[styles$8.cell, true], [styles$8.header, options.header && i === 0], [styles$8[colors[cell.color]], true], [styles$8[columnsWidth[j]], true], [styles$8.fixedColumn, options.fixed_first_column && j === 0]]),
+        className: makeClassName([[styles$a.cell, true], [styles$a.header, options.header && i === 0], [styles$a[colors[cell.color]], true], [styles$a[columnsWidth[j]], true], [styles$a.fixedColumn, options.fixed_first_column && j === 0]]),
         dangerouslySetInnerHTML: {
           __html: cell.val
         }
@@ -687,15 +818,15 @@ var Table = function Table(_ref) {
   }));
 };
 
-var styles$9 = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
+var styles$b = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
 
 var MaterialNote = function MaterialNote(_ref) {
   var data = _ref.block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$9.root, true]];
+  var classNames = [[styles$b.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$9);
+    classNames = makeStyleContext(classNames, styleContext, styles$b);
   }
 
   return React.createElement("div", {
@@ -703,7 +834,7 @@ var MaterialNote = function MaterialNote(_ref) {
     className: makeClassName(classNames)
   }, data && data.map(function (item) {
     return React.createElement("p", {
-      className: styles$9[item.type],
+      className: styles$b[item.type],
       key: item.id,
       dangerouslySetInnerHTML: {
         __html: item.data
@@ -712,24 +843,24 @@ var MaterialNote = function MaterialNote(_ref) {
   }));
 };
 
-var styles$a = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
+var styles$c = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
 
 var BookmarkButton = function BookmarkButton(_ref) {
   var styleContext = _ref.styleContext,
       theme = _ref.theme,
       isInBookmarks = _ref.isInBookmarks,
       _onClick = _ref.onClick;
-  var classNames = [[styles$a.root, true], [styles$a.isInBookmarks, isInBookmarks], [styles$a[theme], !!theme && !!styles$a[theme]]];
+  var classNames = [[styles$c.root, true], [styles$c.isInBookmarks, isInBookmarks], [styles$c[theme], !!theme && !!styles$c[theme]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$a);
+    classNames = makeStyleContext(classNames, styleContext, styles$c);
   }
 
   return React.createElement("div", {
     "data-testid": "bookmark-button",
     className: makeClassName(classNames)
   }, React.createElement("button", {
-    className: styles$a.control,
+    className: styles$c.control,
     onClick: function onClick() {
       return _onClick();
     },
@@ -740,45 +871,45 @@ var BookmarkButton = function BookmarkButton(_ref) {
   })));
 };
 
-var styles$b = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
+var styles$d = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
 
 var Primary = function Primary(_ref) {
   var children = _ref.children;
   return React.createElement("span", {
-    className: styles$b.primary
+    className: styles$d.primary
   }, children);
 };
 var Secondary = function Secondary(_ref2) {
   var children = _ref2.children;
   return React.createElement("span", {
-    className: styles$b.secondary
+    className: styles$d.secondary
   }, children);
 };
 var MaterialTitle = function MaterialTitle(_ref3) {
   var children = _ref3.children;
   return React.createElement("h1", {
-    className: styles$b.root,
+    className: styles$d.root,
     "data-testid": "material-title"
   }, children);
 };
 
-var styles$c = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
+var styles$e = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
 
 var Menu = function Menu(_ref) {
   var children = _ref.children;
   return React.createElement("div", {
     "data-testid": "dropdown",
-    className: styles$c.menu
+    className: styles$e.menu
   }, children);
 };
 var Dropdown = function Dropdown(_ref2) {
   var children = _ref2.children,
       active = _ref2.active,
       styleContext = _ref2.styleContext;
-  var classNames = [[styles$c.root, true], [styles$c.active, !!active && !!styles$c.active]];
+  var classNames = [[styles$e.root, true], [styles$e.active, !!active && !!styles$e.active]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$c);
+    classNames = makeStyleContext(classNames, styleContext, styles$e);
   }
 
   return React.createElement("div", {
@@ -787,21 +918,21 @@ var Dropdown = function Dropdown(_ref2) {
   }, children);
 };
 
-var styles$d = {"root":"Toolbar-module_root__2HF2r","list":"Toolbar-module_list__1n5ny","item":"Toolbar-module_item__36x7d","isInTopbar":"Toolbar-module_isInTopbar__223iP","center":"Toolbar-module_center__3_H8M","game":"Toolbar-module_game__5-jY_","gameSurvey":"Toolbar-module_gameSurvey__1hQEz","dark":"Toolbar-module_dark__2Ejc9"};
+var styles$f = {"root":"Toolbar-module_root__2HF2r","list":"Toolbar-module_list__1n5ny","item":"Toolbar-module_item__36x7d","isInTopbar":"Toolbar-module_isInTopbar__223iP","center":"Toolbar-module_center__3_H8M","game":"Toolbar-module_game__5-jY_","gameSurvey":"Toolbar-module_gameSurvey__1hQEz","dark":"Toolbar-module_dark__2Ejc9"};
 
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$d.root, true]];
+  var classNames = [[styles$f.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$d);
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
   }
 
   var renderItems = function renderItems() {
     return Children.map(children, function (item, index) {
       return React.createElement("li", {
-        className: styles$d.item,
+        className: styles$f.item,
         key: index + "-" + item.props.type
       }, React.cloneElement(item));
     });
@@ -811,96 +942,11 @@ var Toolbar = function Toolbar(_ref) {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, React.createElement("ul", {
-    className: styles$d.list
+    className: styles$f.list
   }, renderItems()));
 };
 
-var styles$e = {"root":"Popover-module_root__1v6f_","fadeOut":"Popover-module_fadeOut__3EZhx","visible":"Popover-module_visible__eK5ZQ","fadeIn":"Popover-module_fadeIn__AkrSN","overlay":"Popover-module_overlay__2SBL0","container":"Popover-module_container__FnZT-","disappear":"Popover-module_disappear__3Q9LI","dismiss":"Popover-module_dismiss__3RnLj","background":"Popover-module_background__1KKaP","appear":"Popover-module_appear__37vPd"};
-
-var Popover = function Popover(_ref) {
-  var children = _ref.children,
-      onClose = _ref.onClose;
-
-  var _useState = useState(true),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var handleClose = function handleClose() {
-    setVisible(false);
-    setTimeout(onClose, 350);
-  };
-
-  var handleScroll = function handleScroll() {
-    handleClose();
-  };
-
-  var escFunction = function escFunction(event) {
-    if (event.key === 'Escape') {
-      handleClose();
-    }
-  };
-
-  useEffect(function () {
-    window.addEventListener('keydown', escFunction, false);
-    window.addEventListener('scroll', handleScroll, false);
-    return function () {
-      window.removeEventListener('keydown', escFunction, false);
-      window.removeEventListener('scroll', handleScroll, false);
-    };
-  }, [visible]);
-  /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-
-  return React.createElement("div", {
-    "data-testid": "popover",
-    className: makeClassName([[styles$e.root, true], [styles$e.visible, visible]])
-  }, React.createElement("div", {
-    className: styles$e.overlay,
-    onClick: function onClick() {
-      return handleClose();
-    }
-  }), React.createElement("div", {
-    className: styles$e.container
-  }, React.createElement("button", {
-    type: "button",
-    className: styles$e.dismiss,
-    onClick: function onClick() {
-      return handleClose();
-    },
-    "aria-label": "dismiss"
-  }), React.createElement("svg", {
-    width: "100%",
-    className: styles$e.background
-  }, React.createElement("defs", null, React.createElement("mask", {
-    id: "myMask",
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%"
-  }, React.createElement("rect", {
-    fill: "white",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    x: "0"
-  }), React.createElement("svg", {
-    x: "50%",
-    overflow: "visible"
-  }, React.createElement("g", {
-    transform: "translate(-12 0)"
-  }, React.createElement("path", {
-    d: "M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z"
-  }))))), React.createElement("rect", {
-    fill: "#F7F7F7",
-    id: "base-mask",
-    mask: "url(#myMask)",
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%"
-  })), children));
-};
-
-var styles$f = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
+var styles$g = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
 
 var Meta = function Meta(_ref) {
   var hasSource = _ref.hasSource,
@@ -908,10 +954,10 @@ var Meta = function Meta(_ref) {
       children = _ref.children,
       onlyOn = _ref.onlyOn,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$f.root, true], [styles$f[theme], !!theme && !!styles$f[theme]], [styles$f[onlyOn], !!onlyOn], [styles$f.hasSource, hasSource]];
+  var classNames = [[styles$g.root, true], [styles$g[theme], !!theme && !!styles$g[theme]], [styles$g[onlyOn], !!onlyOn], [styles$g.hasSource, hasSource]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$f);
+    classNames = makeStyleContext(classNames, styleContext, styles$g);
   }
 
   return React.createElement("div", {
@@ -920,7 +966,7 @@ var Meta = function Meta(_ref) {
   }, children);
 };
 
-var styles$g = {"root":"Timestamp-module_root__coOvT"};
+var styles$h = {"root":"Timestamp-module_root__coOvT"};
 
 var Timestamp = function Timestamp(_ref) {
   var publishedAt = _ref.publishedAt,
@@ -945,7 +991,7 @@ var Timestamp = function Timestamp(_ref) {
 
   return React.createElement("time", {
     "data-testid": "timestamp",
-    className: styles$g.root
+    className: styles$h.root
   }, published);
 };
 
@@ -1012,7 +1058,7 @@ var DangerousHTML = function DangerousHTML(_ref) {
   }));
 };
 
-var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","proportional":"EmbedBlock-module_proportional__3lAv4","attachment":"EmbedBlock-module_attachment__2pE0t","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","card":"EmbedBlock-module_card__KTbvp","slide":"EmbedBlock-module_slide__3cL3M","cc":"EmbedBlock-module_cc__1BQ5g","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX"};
+var styles$i = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","proportional":"EmbedBlock-module_proportional__3lAv4","attachment":"EmbedBlock-module_attachment__2pE0t","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","card":"EmbedBlock-module_card__KTbvp","slide":"EmbedBlock-module_slide__3cL3M","cc":"EmbedBlock-module_cc__1BQ5g","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX"};
 
 var EmbedGif = function EmbedGif(_ref) {
   var gif = _ref.gif,
@@ -1060,9 +1106,9 @@ var EmbedGif = function EmbedGif(_ref) {
     };
   }, []);
   return React.createElement("div", {
-    className: styles$h.figure
+    className: styles$i.figure
   }, React.createElement("div", {
-    className: styles$h.objectWrap,
+    className: styles$i.objectWrap,
     style: style,
     "data-frozen": videoFrozen
   }, React.createElement("video", {
@@ -1128,9 +1174,12 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'image':
         {
           return React.createElement("div", {
-            className: styles$h.figure
+            className: styles$i.figure
           }, (small || optimized) && React.createElement(Image, {
-            fullscreen: block.data.fullscreen,
+            fullscreen: {
+              desktop: block.data.fullscreen,
+              mobile: true
+            },
             source: !optimized && [small, large],
             optimized: block.data.optimized,
             width: block.data.width,
@@ -1144,7 +1193,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'game_embed':
         {
           return React.createElement("div", {
-            className: styles$h.gameEmbed
+            className: styles$i.gameEmbed
           }, React.createElement("iframe", {
             src: block.data.game_src,
             id: block.data.game_id,
@@ -1155,7 +1204,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'dots_on_image':
         {
           return React.createElement("div", {
-            className: styles$h.figure
+            className: styles$i.figure
           }, React.createElement(DotsOnImage, {
             block: data
           }));
@@ -1164,12 +1213,12 @@ var EmbedBlock = function EmbedBlock(_ref) {
       default:
         {
           return React.createElement("div", {
-            className: styles$h.object
+            className: styles$i.object
           }, React.createElement("div", {
-            className: styles$h.wrapper,
+            className: styles$i.wrapper,
             style: style
           }, React.createElement(DangerousHTML, {
-            className: styles$h.objectWrap,
+            className: styles$i.objectWrap,
             html: html
           })));
         }
@@ -1181,31 +1230,31 @@ var EmbedBlock = function EmbedBlock(_ref) {
     style.height = 0;
   }
 
-  var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.mobileFullwidth, mobileFullwidth], [styles$h.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
+  var classNames = [[styles$i.root, true], [styles$i.cc, cc], [styles$i[display], !!display && styles$i[display]], [styles$i[provider], !!provider && !!styles$i[provider]], [styles$i[onlyOn], !!onlyOn && styles$i[onlyOn]], [styles$i.mobileFullwidth, mobileFullwidth], [styles$i.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
 
   if (styleContext) {
     var filteredContext = Object.keys(styleContext).filter(function (key) {
-      return key.startsWith('isIn') && styles$h[key];
+      return key.startsWith('isIn') && styles$i[key];
     }).reduce(function (acc, key) {
-      acc.push([styles$h[key], true]);
+      acc.push([styles$i[key], true]);
       return acc;
     }, []);
-    classNames = makeStyleContext(classNames, filteredContext, styles$h);
+    classNames = makeStyleContext(classNames, filteredContext, styles$i);
   }
 
   return React.createElement("figure", {
     className: makeClassName(classNames)
   }, children && React.createElement("div", {
-    className: styles$h.object
+    className: styles$i.object
   }, React.createElement("div", {
-    className: styles$h.wrapper,
+    className: styles$i.wrapper,
     style: style
   }, React.createElement("div", {
-    className: styles$h.objectWrap
+    className: styles$i.objectWrap
   }, children))), !children && renderEmbed(style), cc === 'default' && React.createElement("figcaption", null, renderCC()), cc === 'button' && React.createElement("button", {
-    className: styles$h.control,
+    className: styles$i.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -1281,15 +1330,15 @@ var EmbedBlockContainer = function EmbedBlockContainer(_ref) {
   });
 };
 
-var styles$i = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
+var styles$j = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
 
 var QuoteBlock = function QuoteBlock(_ref) {
   var data = _ref.block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$i.root, true]];
+  var classNames = [[styles$j.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$i);
+    classNames = makeStyleContext(classNames, styleContext, styles$j);
   }
 
   return React.createElement("div", {
@@ -1302,7 +1351,7 @@ var QuoteBlock = function QuoteBlock(_ref) {
   }));
 };
 
-var styles$j = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
+var styles$k = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
 
 var CardTitle = function CardTitle(_ref) {
   var _ref$block$data = _ref.block.data,
@@ -1312,15 +1361,15 @@ var CardTitle = function CardTitle(_ref) {
       styleContext = _ref.styleContext;
   return React.createElement("div", {
     "data-testid": "card-title",
-    className: makeClassName([[styles$j.root, true], [styles$j[onlyOn], !!onlyOn], [styles$j[styleContext], !!styleContext && !!styles$j[styleContext]]])
+    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]])
   }, React.createElement("div", {
-    className: styles$j.index
+    className: styles$k.index
   }, index), React.createElement("h3", {
-    className: styles$j.title
+    className: styles$k.title
   }, text));
 };
 
-var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
+var styles$l = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
 
 var ChapterBlock = function ChapterBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1329,9 +1378,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       styleContext = _ref.styleContext;
   return React.createElement("div", {
     "data-testid": "chapter-block",
-    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
+    className: makeClassName([[styles$l.root, true], [styles$l[onlyOn], !!onlyOn]])
   }, React.createElement("div", {
-    className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
+    className: makeClassName([[styles$l.subtitle, true], [styles$l[styleContext], !!styleContext && !!styles$l[styleContext]]]),
     dangerouslySetInnerHTML: {
       __html: data
     }
@@ -1346,17 +1395,17 @@ var generateGradient = function generateGradient(color) {
   return "linear-gradient(-180deg, " + gradient + ")";
 };
 
-var styles$l = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
+var styles$m = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
 
 var SimpleTitle = function SimpleTitle(_ref) {
   var _ref$block = _ref.block,
       first = _ref$block.data.first,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$l.root, true], [styles$l[onlyOn], true]];
+  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
   }
 
   return React.createElement("div", {
@@ -1365,7 +1414,7 @@ var SimpleTitle = function SimpleTitle(_ref) {
   }, first);
 };
 
-var styles$m = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
+var styles$n = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
 
 var RichTitle = function RichTitle(_ref) {
   var _ref$block = _ref.block,
@@ -1375,10 +1424,10 @@ var RichTitle = function RichTitle(_ref) {
       first = _ref$block$data.first,
       second = _ref$block$data.second,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured]];
+  var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$m);
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
 
   return React.createElement("h1", {
@@ -1387,7 +1436,7 @@ var RichTitle = function RichTitle(_ref) {
   }, first, second && React.createElement("span", null, " ", second));
 };
 
-var styles$n = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o"};
+var styles$o = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o"};
 
 var SimpleBlock = function SimpleBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1396,10 +1445,10 @@ var SimpleBlock = function SimpleBlock(_ref) {
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   var TagName;
-  var classNames = [[styles$n[type], !!type && !!styles$n[type]], [styles$n[onlyOn], true]];
+  var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$n);
+    classNames = makeStyleContext(classNames, styleContext, styles$o);
   }
 
   switch (type) {
@@ -1430,7 +1479,7 @@ var SimpleBlock = function SimpleBlock(_ref) {
   });
 };
 
-var styles$o = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
+var styles$p = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
 
 var ListBlock = function ListBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1439,10 +1488,10 @@ var ListBlock = function ListBlock(_ref) {
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   var TagName = type;
-  var classNames = [[styles$o.root, true], [styles$o[onlyOn], true], [styles$o[type], !!type && !!styles$o[type]]];
+  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true], [styles$p[type], !!type && !!styles$p[type]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$o);
+    classNames = makeStyleContext(classNames, styleContext, styles$p);
   }
 
   return React.createElement(TagName, {
@@ -1457,7 +1506,7 @@ var ListBlock = function ListBlock(_ref) {
   }));
 };
 
-var styles$p = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
+var styles$q = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
 
 var RelatedBlock = function RelatedBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1466,34 +1515,34 @@ var RelatedBlock = function RelatedBlock(_ref) {
       related = _ref$block$data.related,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true]];
+  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$p);
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
   }
 
   return React.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, React.createElement("h3", {
-    className: styles$p.header
+    className: styles$q.header
   }, title), React.createElement("ul", {
-    className: styles$p.items
+    className: styles$q.items
   }, related.map(function (item, index) {
     return React.createElement("li", {
       key: item.id || index,
-      className: styles$p[item.layout]
+      className: styles$q[item.layout]
     }, React.createElement("a", {
       href: item.full_url || "/" + item.url,
       target: "_blank",
       rel: "noopener noreferrer"
     }, React.createElement("span", {
-      className: styles$p.first
+      className: styles$q.first
     }, item.title), item.second_title && ' ', item.second_title && React.createElement("span", null, item.second_title)));
   })));
 };
 
-var styles$q = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6"};
+var styles$r = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6"};
 
 var SourceBlock = function SourceBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1503,10 +1552,10 @@ var SourceBlock = function SourceBlock(_ref) {
       origin = _ref$block$data.origin,
       url = _ref$block$data.url,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
+  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$q);
+    classNames = makeStyleContext(classNames, styleContext, styles$r);
   }
 
   return React.createElement("blockquote", {
@@ -1514,7 +1563,7 @@ var SourceBlock = function SourceBlock(_ref) {
     cite: url,
     className: makeClassName(classNames)
   }, React.createElement("a", {
-    className: styles$q.text,
+    className: styles$r.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -1526,11 +1575,11 @@ var SourceBlock = function SourceBlock(_ref) {
       }
     });
   }), React.createElement("footer", null, React.createElement("cite", {
-    className: styles$q.origin
+    className: styles$r.origin
   }, origin))));
 };
 
-var styles$r = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
+var styles$s = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
 
 var GroupedBlock = function GroupedBlock(_ref) {
   var block = _ref.block,
@@ -1545,21 +1594,21 @@ var GroupedBlock = function GroupedBlock(_ref) {
   var sumWidth = normalizedBoxesWidth.reduce(function (sum, x) {
     return sum + x;
   });
-  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true], [styles$r.hasFigcaption, block.cc === 'default'], [styles$r[block.display], !!block.display && styles$r[block.display]]];
+  var classNames = [[styles$s.root, true], [styles$s[onlyOn], true], [styles$s.hasFigcaption, block.cc === 'default'], [styles$s[block.display], !!block.display && styles$s[block.display]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$r);
+    classNames = makeStyleContext(classNames, styleContext, styles$s);
   }
 
   return React.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$r.items
+    className: styles$s.items
   }, block.data.map(function (item, index) {
     var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return React.createElement("div", {
-      className: styles$r.item,
+      className: styles$s.item,
       key: item.id,
       style: {
         width: percentWidth + "%"
@@ -1569,7 +1618,7 @@ var GroupedBlock = function GroupedBlock(_ref) {
       styleContext: "isInGroupedBlock"
     }));
   })), block.cc && React.createElement("figcaption", {
-    className: styles$r.figcaption
+    className: styles$s.figcaption
   }, React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1577,32 +1626,32 @@ var GroupedBlock = function GroupedBlock(_ref) {
   })));
 };
 
-var styles$s = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
+var styles$t = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
 
 var MetaItem = function MetaItem(_ref) {
   var hasSource = _ref.hasSource,
       type = _ref.type,
       children = _ref.children,
       bullets = _ref.bullets;
-  var classNames = [[styles$s.root, true], [styles$s[type], !!type && !!styles$s[type]], [styles$s.hasSource, !!hasSource], [styles$s.hasBullets, !!bullets]];
+  var classNames = [[styles$t.root, true], [styles$t[type], !!type && !!styles$t[type]], [styles$t.hasSource, !!hasSource], [styles$t.hasBullets, !!bullets]];
   return React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$t = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
+var styles$u = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
 
 var MetaItemLive = function MetaItemLive(_ref) {
   var _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'gold' : _ref$theme;
-  var classNames = [[styles$t.root, true], [styles$t[theme], !!theme && styles$t[theme]]];
+  var classNames = [[styles$u.root, true], [styles$u[theme], !!theme && styles$u[theme]]];
   return React.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$t.frame
+    className: styles$u.frame
   }));
 };
 
@@ -1627,7 +1676,7 @@ var pluralize = function pluralize(number, one, two, five) {
   return five;
 };
 
-var styles$u = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
+var styles$v = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
 
 var DocumentItemsCount = function DocumentItemsCount(_ref) {
   var type = _ref.type,
@@ -1664,9 +1713,9 @@ var DocumentItemsCount = function DocumentItemsCount(_ref) {
   var itemsCount = items + " " + pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five);
   return React.createElement("div", {
     "data-testid": "document-items-count",
-    className: styles$u.root
+    className: styles$v.root
   }, children, React.createElement("span", {
-    className: styles$u.items
+    className: styles$v.items
   }, itemsCount));
 };
 
@@ -1780,7 +1829,7 @@ var MetaContainer = function MetaContainer(_ref) {
     icon: isListened ? 'listened' : 'read',
     size: "unset"
   })), isSlides && lang === 'ru' && React.createElement("div", {
-    className: styles$f.bookmark
+    className: styles$g.bookmark
   }, React.createElement(BookmarkButton, {
     isInBookmarks: isInBookmarks,
     onClick: function onClick() {
@@ -1936,7 +1985,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
   }
 };
 
-var styles$v = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
+var styles$w = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
 
 var Cover = function Cover(_ref) {
   var _ref$block = _ref.block,
@@ -1957,15 +2006,15 @@ var Cover = function Cover(_ref) {
       setIsPopoverShown = _useState[1];
 
   var style = {};
-  var classNames = [[styles$v.root, true], [styles$v[onlyOn], !!onlyOn && !!styles$v[onlyOn]]];
+  var classNames = [[styles$w.root, true], [styles$w[onlyOn], !!onlyOn && !!styles$w[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$v);
+    classNames = makeStyleContext(classNames, styleContext, styles$w);
   }
 
   if (gradients) {
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$v);
+    classNames = makeStyleContext(classNames, theme, styles$w);
     style.backgroundImage = generateGradient(gradients.bg_rgb);
   }
 
@@ -1981,13 +2030,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$v.image
+    className: styles$w.image
   }, React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React.createElement("div", {
-    className: styles$v.body,
+    className: styles$w.body,
     style: style
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
@@ -1996,7 +2045,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React.createElement("button", {
-    className: styles$v.control,
+    className: styles$w.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -2009,7 +2058,7 @@ var Cover = function Cover(_ref) {
   }, renderCC('isInPopover')));
 };
 
-var styles$w = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
+var styles$x = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
 
 var HalfBlock = function HalfBlock(_ref) {
   var _ref$block = _ref.block,
@@ -2021,25 +2070,25 @@ var HalfBlock = function HalfBlock(_ref) {
       credit = _ref$block$data$cover.credit,
       caption = _ref$block$data$cover.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$w.root, true], [styles$w[onlyOn], true]];
+  var classNames = [[styles$x.root, true], [styles$x[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$w);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
 
   return React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$w.main
+    className: styles$x.main
   }, React.createElement("div", {
-    className: styles$w.image
+    className: styles$x.image
   }, React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), React.createElement("div", {
-    className: styles$w.body
+    className: styles$x.body
   }, data.blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2047,7 +2096,7 @@ var HalfBlock = function HalfBlock(_ref) {
       styleContext: ['rich']
     });
   }))), React.createElement("div", {
-    className: styles$w.footer
+    className: styles$x.footer
   }, React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2055,17 +2104,17 @@ var HalfBlock = function HalfBlock(_ref) {
   })));
 };
 
-var styles$x = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
+var styles$y = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
 
 var ImportantLead = function ImportantLead(_ref) {
   var _ref$block = _ref.block,
       onlyOn = _ref$block.only_on,
       data = _ref$block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$x.root, true], [styles$x[onlyOn], !!onlyOn]];
+  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
 
   return React.createElement("div", {
@@ -2080,7 +2129,7 @@ var ImportantLead = function ImportantLead(_ref) {
   }));
 };
 
-var styles$y = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
+var styles$z = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
 
 var Spoiler = function Spoiler(_ref) {
   var _ref$block = _ref.block,
@@ -2115,10 +2164,10 @@ var Spoiler = function Spoiler(_ref) {
     }
   };
 
-  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn], [styles$y[display], !!display && styles$y[display]], [[styles$y.spoiled], !!spoiled]];
+  var classNames = [[styles$z.root, true], [styles$z[onlyOn], !!onlyOn], [styles$z[display], !!display && styles$z[display]], [[styles$z.spoiled], !!spoiled]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
 
   var buttonCollapse = button ? button.collapse : 'Свернуть';
@@ -2128,9 +2177,9 @@ var Spoiler = function Spoiler(_ref) {
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, React.createElement("div", {
-    className: styles$y.header
+    className: styles$z.header
   }, title && React.createElement("h3", null, title)), React.createElement("div", {
-    className: styles$y.body
+    className: styles$z.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2138,7 +2187,7 @@ var Spoiler = function Spoiler(_ref) {
       styleContext: styleContext
     });
   })), React.createElement("div", {
-    className: styles$y.footer
+    className: styles$z.footer
   }, React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2214,7 +2263,7 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
   }
 };
 
-var styles$z = {"root":"ToolbarButton-module_root__xN-fq","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
+var styles$A = {"root":"ToolbarButton-module_root__xN-fq","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
 
 var ToolbarButton = function ToolbarButton(_ref) {
   var children = _ref.children,
@@ -2222,7 +2271,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
       theme = _ref.theme,
       isActive = _ref.isActive,
       _onClick = _ref.onClick;
-  var classNames = [[styles$z.root, true], [styles$z[type], !!styles$z[type]], [styles$z[theme], !!styles$z[theme] && !!theme], [styles$z.isActive, !!isActive]];
+  var classNames = [[styles$A.root, true], [styles$A[type], !!styles$A[type]], [styles$A[theme], !!styles$A[theme] && !!theme], [styles$A.isActive, !!isActive]];
   return React.createElement("button", {
     "data-testid": "toolbar-button",
     className: makeClassName(classNames),
@@ -2235,9 +2284,9 @@ var ToolbarButton = function ToolbarButton(_ref) {
     icon: type,
     styleContext: "isInToolbar"
   }), children && React.createElement("span", {
-    className: styles$z.text
+    className: styles$A.text
   }, children));
 };
 
-export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DotsOnImage, Dropdown, EmbedBlockContainer, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RenderBlocks, RichTitle, Secondary, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
+export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RenderBlocks, RichTitle, Secondary, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
 //# sourceMappingURL=ui-kit-2.esm.js.map