@ndla/ui 55.0.13-alpha.0 → 55.0.15-alpha.0

package/es/RelatedArticleList/RelatedArticleList.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.
  *
@@ -10,38 +8,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { Children, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { ButtonV2 } from "@ndla/button";
-import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
+import { CardContent, CardHeading, CardRoot, Text, Heading, Button } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
-import { Heading, Text } from "@ndla/typography";
-import ContentTypeBadge from "../ContentTypeBadge";
+import { styled } from "@ndla/styled-system/jsx";
+import { linkOverlay } from "@ndla/styled-system/patterns";
+import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadgeNew";
 import { contentTypes } from "../model/ContentType";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const TitleWrapper = /*#__PURE__*/_styled("div", {
-  target: "eoajdkw6",
-  label: "TitleWrapper"
-})("display:flex;gap:", spacing.small, ";align-items:flex-start;div{min-width:34px;min-height:34px;max-width:34px;max-height:34px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const StyledRelatedArticle = /*#__PURE__*/_styled("article", {
-  target: "eoajdkw5",
-  label: "StyledRelatedArticle"
-})("border-left:6px solid var(--border-color, ", colors.brand.greyLight, ");flex-grow:0;display:flex;flex-direction:column;gap:", spacing.xsmall, ";padding:0px ", spacing.normal, " 0px ", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const LinkInfo = /*#__PURE__*/_styled(Text, {
-  target: "eoajdkw4",
-  label: "LinkInfo"
-})("font-weight:", fonts.weight.bold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q2QiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const LinkText = /*#__PURE__*/_styled(Text, {
-  target: "eoajdkw3",
-  label: "LinkText"
-})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Q2QiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const colorMap = {
-  [contentTypes.SUBJECT_MATERIAL]: colors.subjectMaterial.light,
-  [contentTypes.TASKS_AND_ACTIVITIES]: colors.tasksAndActivities.background,
-  [contentTypes.ASSESSMENT_RESOURCES]: colors.assessmentResource.background,
-  [contentTypes.CONCEPT]: colors.concept.light,
-  [contentTypes.SOURCE_MATERIAL]: colors.sourceMaterial.light,
-  [contentTypes.LEARNING_PATH]: colors.learningPath.background,
-  [contentTypes.SUBJECT]: colors.subject.light
-};
 export const RelatedArticle = _ref => {
   let {
     title,
@@ -51,66 +24,73 @@ export const RelatedArticle = _ref => {
     target = "",
     type = contentTypes.SUBJECT_MATERIAL
   } = _ref;
-  return _jsxs(StyledRelatedArticle, {
-    style: {
-      "--border-color": colorMap[type]
-    },
-    children: [_jsxs(TitleWrapper, {
+  return _jsx(CardRoot, {
+    children: _jsxs(CardContent, {
       children: [_jsx(ContentTypeBadge, {
-        type: type,
-        background: true,
-        size: "small"
-      }), _jsx(LinkText, {
-        element: "span",
-        textStyle: "meta-text-medium",
-        margin: "none",
-        children: _jsx(SafeLink, {
-          to: to,
-          target: target,
-          rel: linkInfo ? "noopener noreferrer" : undefined,
-          children: title
+        contentType: type
+      }), _jsx(CardHeading, {
+        asChild: true,
+        consumeCss: true,
+        children: _jsx("span", {
+          children: _jsx(SafeLink, {
+            unstyled: true,
+            to: to,
+            target: target,
+            rel: linkInfo ? "noopener noreferrer" : undefined,
+            css: linkOverlay.raw(),
+            children: title
+          })
         })
+      }), _jsx(Text, {
+        dangerouslySetInnerHTML: {
+          __html: introduction
+        }
+      }), _jsx(Text, {
+        color: "text.subtle",
+        textStyle: "label.small",
+        children: linkInfo
       })]
-    }), _jsx(Text, {
-      textStyle: "meta-text-small",
-      margin: "none",
-      dangerouslySetInnerHTML: {
-        __html: introduction
-      }
-    }), _jsx(LinkInfo, {
-      textStyle: "content",
-      margin: "none",
-      children: linkInfo
-    })]
+    })
   });
 };
-const HeadingWrapper = /*#__PURE__*/_styled("div", {
-  target: "eoajdkw2",
-  label: "HeadingWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "kg35yo",
-  styles: "display:flex;width:100%;justify-content:space-between;align-items:center;align-self:flex-start"
-} : {
-  name: "kg35yo",
-  styles: "display:flex;width:100%;justify-content:space-between;align-items:center;align-self:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZpQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const HeadingWrapper = styled("div", {
+  base: {
+    display: "flex",
+    width: "100%",
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "flex-start"
+  }
+});
+const ArticlesWrapper = styled("div", {
+  base: {
+    display: "grid",
+    width: "100%",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: "medium",
+    tabletDown: {
+      gridTemplateColumns: "1fr"
+    }
+  }
+});
+const StyledSection = styled("section", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "xsmall"
+  }
+});
+const StyledButton = styled(Button, {
+  base: {
+    marginBlockStart: "xsmall"
+  }
 });
-const ArticlesWrapper = /*#__PURE__*/_styled("div", {
-  target: "eoajdkw1",
-  label: "ArticlesWrapper"
-})("display:grid;width:100%;grid-template-columns:repeat(2, 1fr);row-gap:", spacing.large, ";", mq.range({
-  until: breakpoints.tablet
-}), "{grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0drQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const StyledSection = /*#__PURE__*/_styled("section", {
-  target: "eoajdkw0",
-  label: "StyledSection"
-})("display:flex;flex-direction:column;align-items:center;gap:", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUhvQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
 export const RelatedArticleList = _ref2 => {
   let {
     children = [],
     articleCount,
-    headingLevel = "h2",
+    headingLevel: HeadingElement = "h2",
     headingButtons,
     ...rest
   } = _ref2;
@@ -124,16 +104,19 @@ export const RelatedArticleList = _ref2 => {
     ...rest,
     children: [_jsxs(HeadingWrapper, {
       children: [_jsx(Heading, {
-        element: headingLevel,
-        margin: "none",
-        headingStyle: "list-title",
-        children: t("related.title")
+        asChild: true,
+        consumeCss: true,
+        textStyle: "title.large",
+        fontWeight: "bold",
+        children: _jsx(HeadingElement, {
+          children: t("related.title")
+        })
       }), headingButtons]
     }), _jsx(ArticlesWrapper, {
       children: childrenToShow
-    }), childCount > 2 ? _jsx(ButtonV2, {
+    }), childCount > 2 ? _jsx(StyledButton, {
+      variant: "secondary",
       onClick: () => setExpanded(p => !p),
-      variant: "outline",
       children: t(`related.show${expanded ? "Less" : "More"}`)
     }) : null]
   });

package/es/ResourceBox/ResourceBox.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2022-present, NDLA.
  *
@@ -7,37 +6,60 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import { breakpoints, fonts, mq, colors, spacing } from "@ndla/core";
 import { Launch } from "@ndla/icons/common";
-import { Image } from "@ndla/primitives";
+import { Heading, Image, Text } from "@ndla/primitives";
 import { SafeLinkButton } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
+import { token } from "@ndla/styled-system/tokens";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const ResourceBoxContainer = /*#__PURE__*/_styled("div", {
-  target: "e1byxq9a4",
-  label: "ResourceBoxContainer"
-})("display:flex;position:relative;padding:", spacing.nsmall, ";border-radius:5px;border:1px solid ", colors.brand.light, ";font-family:", fonts.sans, ";box-shadow:0px 20px 35px -15px rgba(32, 88, 143, 0.15);gap:", spacing.medium, ";", mq.range({
-  until: breakpoints.desktop
-}), "{gap:0;flex-direction:column;padding-top:", spacing.medium, ";text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjdUMiLCJmaWxlIjoiUmVzb3VyY2VCb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBMYXVuY2ggfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gXCJAbmRsYS9wcmltaXRpdmVzXCI7XG5pbXBvcnQgeyBTYWZlTGlua0J1dHRvbiB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuXG5jb25zdCBSZXNvdXJjZUJveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgYm94LXNoYWRvdzogMHB4IDIwcHggMzVweCAtMTVweCByZ2JhKDMyLCA4OCwgMTQzLCAwLjE1KTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6IDA7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZC5oM2BcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1hcmdpbi10b3A6IDA7XG5gO1xuXG5jb25zdCBDYXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbmA7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1iYXNpczogMDtcbiAgZmxleC1ncm93OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICAmJiB7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgd2lkdGg6IDEzNHB4O1xuICAgIGhlaWdodDogMTM0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMjAwcHg7XG4gICAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIEltYWdlTWV0YSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2U6IEltYWdlTWV0YTtcbiAgdGl0bGU6IHN0cmluZztcbiAgY2FwdGlvbjogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgUmVzb3VyY2VCb3ggPSAoeyBpbWFnZSwgdGl0bGUsIGNhcHRpb24sIHVybCwgYnV0dG9uVGV4dCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSZXNvdXJjZUJveENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbWFnZSBzcmM9e2ltYWdlLnNyY30gYWx0PXtpbWFnZS5hbHR9IC8+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIDxUaXRsZT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgPENhcHRpb24+e2NhcHRpb259PC9DYXB0aW9uPlxuICAgICAgICA8U2FmZUxpbmtCdXR0b24gdG89e3VybH0gdGFyZ2V0PVwiX2JsYW5rXCIgdmFyaWFudD1cInNlY29uZGFyeVwiPlxuICAgICAgICAgIHtidXR0b25UZXh0fVxuICAgICAgICAgIDxMYXVuY2ggYXJpYS1oaWRkZW4gLz5cbiAgICAgICAgPC9TYWZlTGlua0J1dHRvbj5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgPC9SZXNvdXJjZUJveENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlQm94O1xuIl19 */"));
-const Title = /*#__PURE__*/_styled("h3", {
-  target: "e1byxq9a3",
-  label: "Title"
-})("font-weight:", fonts.weight.bold, ";", fonts.sizes(18), ";margin-top:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const Caption = /*#__PURE__*/_styled("p", {
-  target: "e1byxq9a2",
-  label: "Caption"
-})(fonts.sizes(14), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3dCIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const ContentWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1byxq9a1",
-  label: "ContentWrapper"
-})("flex-basis:0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;", mq.range({
-  until: breakpoints.desktop
-}), "{align-items:center;padding-top:", spacing.small, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2lDIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const StyledImage = /*#__PURE__*/_styled(Image, {
-  target: "e1byxq9a0",
-  label: "StyledImage"
-})("&&{object-fit:cover;width:134px;height:134px;border-radius:5px;", mq.range({
-  until: breakpoints.desktop
-}), "{width:200px;height:200px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGlDIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
+const Container = styled("div", {
+  base: {
+    display: "flex",
+    padding: "medium",
+    borderRadius: "xsmall",
+    border: "1px solid",
+    borderColor: "stroke.default",
+    boxShadow: "full",
+    gap: "medium",
+    tabletWideDown: {
+      padding: "xsmall"
+    },
+    tabletDown: {
+      flexDirection: "column",
+      gap: "0",
+      padding: "0"
+    }
+  }
+});
+const ContentWrapper = styled("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "xsmall",
+    flex: "1",
+    tabletDown: {
+      padding: "xsmall"
+    }
+  }
+});
+const StyledImage = styled(Image, {
+  base: {
+    objectFit: "cover",
+    borderRadius: "xsmall",
+    width: "fit-content",
+    aspectRatio: "1/1",
+    tabletDown: {
+      width: "100%",
+      borderRadius: "0"
+    }
+  }
+});
+const StyledText = styled(Text, {
+  base: {
+    flex: "1"
+  }
+});
 export const ResourceBox = _ref => {
   let {
     image,
@@ -46,22 +68,28 @@ export const ResourceBox = _ref => {
     url,
     buttonText
   } = _ref;
-  return _jsxs(ResourceBoxContainer, {
+  return _jsxs(Container, {
     children: [_jsx(StyledImage, {
       src: image.src,
-      alt: image.alt
+      alt: image.alt,
+      sizes: `(min-width: ${token("breakpoints.desktop")}) 150px, (max-width: ${token("breakpoints.tablet")} ) 400px, 200px`
     }), _jsxs(ContentWrapper, {
-      children: [_jsx(Title, {
-        children: title
-      }), _jsx(Caption, {
+      children: [_jsx(Heading, {
+        textStyle: "label.large",
+        fontWeight: "bold",
+        asChild: true,
+        consumeCss: true,
+        children: _jsx("h3", {
+          children: title
+        })
+      }), _jsx(StyledText, {
+        textStyle: "body.medium",
         children: caption
       }), _jsxs(SafeLinkButton, {
         to: url,
         target: "_blank",
         variant: "secondary",
-        children: [buttonText, _jsx(Launch, {
-          "aria-hidden": true
-        })]
+        children: [buttonText, _jsx(Launch, {})]
       })]
     })]
   });