@ndla/ui 55.0.12-alpha.0 → 55.0.14-alpha.0

package/es/AudioPlayer/SpeechControl.js

@@ -8,9 +8,8 @@
 
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { IconButtonV2 } from "@ndla/button";
 import { VolumeUp } from "@ndla/icons/common";
-import { Tooltip } from "@ndla/tooltip";
+import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const SpeechControl = _ref => {
   let {
@@ -38,15 +37,18 @@ const SpeechControl = _ref => {
       src: src,
       title: title,
       preload: "metadata"
-    }), _jsx(Tooltip, {
-      tooltip: t("".concat(type, ".play")),
-      children: _jsx(IconButtonV2, {
-        type: "button",
-        onClick: togglePlay,
-        "aria-label": t("".concat(type, ".play")),
-        variant: "ghost",
-        children: _jsx(VolumeUp, {})
-      })
+    }), _jsxs(TooltipRoot, {
+      children: [_jsx(TooltipTrigger, {
+        asChild: true,
+        children: _jsx(IconButton, {
+          variant: "tertiary",
+          "aria-label": t(`${type}.play`),
+          onClick: togglePlay,
+          children: _jsx(VolumeUp, {})
+        })
+      }), _jsx(TooltipContent, {
+        children: t(`${type}.play`)
+      })]
     })]
   });
 };

package/es/BlogPost/BlogPost.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,29 +6,87 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-/** @jsxImportSource @emotion/react */
 import parse from "html-react-parser";
 import { useTranslation } from "react-i18next";
-import { css } from "@emotion/react";
-import { breakpoints, colors, fonts, misc, mq, spacing } from "@ndla/core";
+import { Heading } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Container = /*#__PURE__*/_styled(SafeLink, {
-  target: "e19zpy302",
-  label: "Container"
-})("margin:0 0 ", spacing.normal, " 0;display:flex;flex-direction:column;color:", colors.text.primary, ";background-color:", colors.white, ";gap:", spacing.nsmall, ";box-shadow:none;border:1px solid ", colors.brand.lighter, ";border-radius:", misc.borderRadius, ";padding:", spacing.normal, " ", spacing.medium, ";height:100%;", mq.range({
-  from: breakpoints.tabletWide
-}), "{max-width:350px;&[data-size=\"large\"]{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const headingCss = /*#__PURE__*/css("display:inline-block;width:fit-content;margin:0;font-weight:", fonts.weight.semibold, ";", fonts.sizes("26px", "36px"), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const AuthorContainer = /*#__PURE__*/_styled("div", {
-  target: "e19zpy301",
-  label: "AuthorContainer"
-})("display:flex;align-items:center;gap:", spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const StyledImg = /*#__PURE__*/_styled("img", {
-  target: "e19zpy300",
-  label: "StyledImg"
-})("border-radius:", misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
+const Container = styled(SafeLink, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    color: "text.default",
+    backgroundColor: "background.default",
+    gap: "medium",
+    border: "1px solid",
+    borderColor: "stroke.subtle",
+    borderRadius: "xsmall",
+    transitionDuration: "fast",
+    transitionProperty: "background-color, border-color, max-width",
+    transitionTimingFunction: "default",
+    height: "100%",
+    "&:hover, &:focus-visible": {
+      borderColor: "stroke.hover",
+      backgroundColor: "surface.actionSubtle.hover",
+      "& h1, h2, h3, h4, h5, h6": {
+        textDecoration: "underline"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "normal"
+  },
+  variants: {
+    // TODO: Reconsider these sizes. Maybe they should match up with surface?
+    size: {
+      normal: {
+        paddingBlock: "medium",
+        paddingInline: "medium",
+        tabletWide: {
+          maxWidth: "350px"
+        }
+      },
+      large: {
+        paddingBlock: "xlarge",
+        paddingInline: "xxlarge",
+        tabletWide: {
+          maxWidth: "532px"
+        }
+      }
+    }
+  }
+},
+// TODO: Reconsider this once we handle SafeLink
+{
+  baseComponent: true
+});
+const AuthorContainer = styled("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xsmall",
+    textTransform: "uppercase",
+    textStyle: "body.large"
+  }
+});
+const StyledImg = styled("img", {
+  base: {
+    borderRadius: "xsmall",
+    flex: "1",
+    objectFit: "cover",
+    width: "100%",
+    height: "100%",
+    border: "0"
+  }
+});
+const StyledHeading = styled(Heading, {
+  base: {
+    display: "inline-block",
+    width: "fit-content"
+  }
+});
 const BlogPost = _ref => {
   let {
     title,
@@ -48,12 +105,17 @@ const BlogPost = _ref => {
   return _jsxs(Container, {
     "data-size": size,
     to: href,
-    children: [_jsx(Heading, {
+    size: size,
+    children: [_jsx(StyledHeading, {
       className: "blog-title",
-      css: headingCss,
-      children: parse(title)
+      asChild: true,
+      consumeCss: true,
+      textStyle: "title.large",
+      children: _jsx(Heading, {
+        children: parse(title)
+      })
     }), _jsx(StyledImg, {
-      src: "".concat(metaImage.url, "?width=").concat(imageWidth),
+      src: `${metaImage.url}?width=${imageWidth}`,
       alt: metaImage.alt
     }), !!author && _jsx(AuthorContainer, {
       "aria-label": t("article.writtenBy", {

package/es/CampaignBlock/CampaignBlock.js

@@ -1,5 +1,3 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -8,93 +6,129 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 
-/** @jsxImportSource @emotion/react */
 import parse from "html-react-parser";
-import { css } from "@emotion/react";
-import { breakpoints, colors, fonts, spacing, mq, misc } from "@ndla/core";
 import { Forward } from "@ndla/icons/common";
+import { Text } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Container = /*#__PURE__*/_styled("div", {
-  target: "eaovcyh4",
-  label: "Container"
-})("display:flex;flex-direction:column;gap:", spacing.normal, ";border:1px ", colors.brand.lighter, " solid;border-radius:", misc.borderRadius, ";padding:", spacing.normal, ";background-color:", colors.white, ";&[data-image-side=\"right\"]{flex-direction:column-reverse;}", mq.range({
-  from: breakpoints.tabletWide
-}), "{max-width:1100px;flex-direction:row;&[data-image-side=\"right\"]{flex-direction:row-reverse;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const headingStyle = process.env.NODE_ENV === "production" ? {
-  name: "iu0jdc-headingStyle",
-  styles: "margin:0;label:headingStyle;"
-} : {
-  name: "iu0jdc-headingStyle",
-  styles: "margin:0;label:headingStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const StyledDescription = /*#__PURE__*/_styled("p", {
-  target: "eaovcyh3",
-  label: "StyledDescription"
-})("font-family:", fonts.serif, ";margin:", spacing.normal, " 0 ", spacing.medium, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEa0MiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const StyledImg = /*#__PURE__*/_styled("img", {
-  target: "eaovcyh2",
-  label: "StyledImg"
-})(process.env.NODE_ENV === "production" ? {
-  name: "vf9pfp",
-  styles: "align-self:center;object-fit:contain"
-} : {
-  name: "vf9pfp",
-  styles: "align-self:center;object-fit:contain",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const Container = styled("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    border: "1px solid",
+    borderColor: "stroke.default",
+    backgroundColor: "background.default",
+    borderRadius: "xsmall",
+    boxShadow: "full",
+    maxWidth: "surface.xsmall",
+    overflow: "hidden",
+    mobileWide: {
+      maxWidth: "surface.medium"
+    },
+    tabletWide: {
+      // TODO: This is probably not the correct max-width. And it should be a token
+      maxWidth: "1100px",
+      flexDirection: "row"
+    }
+  }
+});
+const LinkText = styled(Text, {
+  base: {
+    display: "flex",
+    gap: "xxsmall",
+    textDecoration: "underline",
+    _hover: {
+      textDecoration: "none"
+    }
+  }
+});
+const StyledImg = styled("img", {
+  base: {
+    alignSelf: "center",
+    objectFit: "cover",
+    width: "100%",
+    height: "215px",
+    desktop: {
+      height: "340px"
+    }
+  }
 });
-const StyledLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "eaovcyh1",
-  label: "StyledLink"
-})("display:inline-flex;align-items:center;gap:", spacing.xxsmall, ";color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFbUMiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const TextWrapper = /*#__PURE__*/_styled("div", {
-  target: "eaovcyh0",
-  label: "TextWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ff36h2",
-  styles: "flex-grow:1"
-} : {
-  name: "1ff36h2",
-  styles: "flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFOEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const ContentWrapper = styled("div", {
+  base: {
+    width: "100%",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    alignItems: "flex-start",
+    paddingBlock: "medium",
+    paddingInline: "medium"
+  }
 });
-const CampaignBlock = _ref => {
-  var _url$text;
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    color: "inherit"
+  }
+});
+const MaybeLinkText = _ref => {
+  let {
+    url,
+    children,
+    path
+  } = _ref;
+  if (url) return _jsx(StyledSafeLink, {
+    to: getPossiblyRelativeUrl(url, path),
+    children: children
+  });
+  return children;
+};
+const CampaignBlock = _ref2 => {
   let {
     title,
     image,
     imageSide = "left",
     description,
-    headingLevel: Heading = "h2",
+    headingLevel: InternalHeading = "h2",
     url,
     path,
     className
-  } = _ref;
+  } = _ref2;
+  const imageComponent = image && _jsx(StyledImg, {
+    src: `${image.src}?width=455`,
+    height: 340,
+    width: 455,
+    alt: image.alt
+  });
+  const HeaderComponent = url?.url ? LinkText : Text;
   return _jsxs(Container, {
     className: className,
     "data-type": "campaign-block",
-    "data-image-side": imageSide,
-    children: [image && _jsx(StyledImg, {
-      src: "".concat(image.src, "?width=240"),
-      height: 200,
-      width: 240,
-      alt: image.alt
-    }), _jsxs(TextWrapper, {
-      children: [_jsx(Heading, {
-        css: headingStyle,
-        children: parse(title)
-      }), _jsx(StyledDescription, {
+    children: [imageSide === "left" && imageComponent, _jsxs(ContentWrapper, {
+      children: [_jsx(MaybeLinkText, {
+        url: url?.url,
+        path: path,
+        children: _jsx(HeaderComponent, {
+          asChild: true,
+          consumeCss: true,
+          textStyle: "heading.small",
+          children: _jsx(InternalHeading, {
+            children: parse(title)
+          })
+        })
+      }), _jsx(Text, {
+        textStyle: "body.large",
         children: parse(description)
-      }), !!(url !== null && url !== void 0 && url.url) && _jsxs(StyledLink, {
-        to: getPossiblyRelativeUrl(url.url, path),
-        children: [parse((_url$text = url.text) !== null && _url$text !== void 0 ? _url$text : ""), _jsx(Forward, {})]
+      }), !!url?.url && _jsx(MaybeLinkText, {
+        url: url.url,
+        path: path,
+        children: _jsxs(LinkText, {
+          textStyle: "body.medium",
+          children: [parse(url.text ?? ""), _jsx(Forward, {})]
+        })
       })]
-    })]
+    }), imageSide !== "left" && imageComponent]
   });
 };
 export default CampaignBlock;