@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/PricingSection/PricingCard/PricingAmount.js

@@ -1,116 +1,82 @@
-import _styled from "@emotion/styled/base";
-import { FlexBox, Text } from '@codecademy/gamut';
-import { theme } from '@codecademy/gamut-styles';
-import React from 'react';
-import { Product } from '../types';
-import { getCurrencySymbol } from './types';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const Amount = /*#__PURE__*/_styled(Text, {
-  target: "e19mon8j0",
-  label: "Amount"
-})("font-weight:bold;color:black;font-size:44px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBBbGxDdXJyZW5jeSwgZ2V0Q3VycmVuY3lTeW1ib2wgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXNpemU6IDQ0cHg7XG4gIGxpbmUtaGVpZ2h0OiA2NHB4O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG50eXBlIFByaWNpbmdBbW91bnRQcm9wcyA9IHtcbiAgcHJvZHVjdDogUHJvZHVjdDtcbiAgcHJpY2U6IHN0cmluZztcbiAgbW9udGhseVByaWNlPzogc3RyaW5nO1xuICBjdXJyZW5jeTogQWxsQ3VycmVuY3k7XG4gIHRlcm1Nb250aHM/OiBudW1iZXI7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBjdXJyZW5jeSxcbiAgbW9udGhseVByaWNlLFxuICBwcm9kdWN0LFxuICBwcmljZSxcbiAgdGVybU1vbnRocyxcbiAgY29tcGFjdCA9IGZhbHNlLFxuICBpc1VzZXJJbkluZGlhLFxufSkgPT4ge1xuICBjb25zdCBpc1RlYW1zID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke2RvbGxhcnN9JHtcbiAgICBjZW50cyA/IGAuJHtjZW50c31gIDogJydcbiAgfWA7XG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAobW9udGhseVByaWNlKSB7XG4gICAgICBhcmlhTGFiZWwgKz0gYCBvciAke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICBjdXJyZW5jeVxuICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgO1xuICAgIH1cbiAgfVxuICBpZiAoaXNUZWFtcykge1xuICAgIGFyaWFMYWJlbCArPSAnLCBwZXIgdXNlci4gRGlzY291bnRzIGF2YWlsYWJsZSBmb3IgZWxpZ2libGUgdGVhbXMnO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudFwiXG4gICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgIG1iPXtjb21wYWN0ID8gMCA6IDh9XG4gICAgICAgIGNvbHVtblxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiIHNjcmVlbnJlYWRlcj5cbiAgICAgICAgICB7YXJpYUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHsvKiBmb3Igc2NyZWVuIHJlYWRlciBvcHRpbWl6YXRpb24gKi99XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICByb3dcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBoZWlnaHQ9e3sgXzogNTAsIHhsOiAndW5zZXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBtcj17NH0gYWxpZ25JdGVtcz1cInN0YXJ0XCI+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBtdD17eyBfOiAxMiwgeGw6IDE2IH19XG4gICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezM0fVxuICAgICAgICAgICAgPntgJHtnZXRDdXJyZW5jeVN5bWJvbChjdXJyZW5jeSl9YH08L1RleHQ+XG4gICAgICAgICAgICA8QW1vdW50PntgJHtkb2xsYXJzfWB9PC9BbW91bnQ+XG4gICAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5CYXNpYyA/IG51bGwgOiAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGNvbHVtbiBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIiBtbD17NH0+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MjJ9IG10PXt7IF86IDEyLCB4bDogMTYgfX0+XG4gICAgICAgICAgICAgICAgICB7Y2VudHMgPyBgLiR7Y2VudHN9YCA6IDxzcGFuPiZuYnNwOzwvc3Bhbj59XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IG10PXt7IF86IDAsIHhsOiA0IH19IGNvbG9yPVwibmF2eS01MDBcIj5cbiAgICAgICAgICAgICAgICAgIC9tb1xuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPFRleHQgY29sb3I9XCJuYXZ5LTUwMFwiIGNlbnRlciBtdD17Y29tcGFjdCA/IDAgOiB7IF86IDgsIHhsOiAwIH19PlxuICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gKFxuICAgICAgICAgICAgPFRleHQgbWI9ezI0fT5BbHdheXMgZnJlZTwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPFRleHQgbWI9e2NvbXBhY3QgPyAwIDogOH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgICAge2lzVGVhbXNcbiAgICAgICAgICAgICAgICAgID8gJ1BlciB1c2VyLCBiaWxsZWQgYW5udWFsbHknXG4gICAgICAgICAgICAgICAgICA6IGlzVXNlckluSW5kaWFcbiAgICAgICAgICAgICAgICAgID8gYFBlciBtb250aCwgcGFpZCAke2N5Y2xlfWBcbiAgICAgICAgICAgICAgICAgIDogYEJpbGxlZCAke2N5Y2xlfWB9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgIHttb250aGx5UHJpY2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgICAge2BvciAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke21vbnRobHlQcmljZX0gJHtcbiAgICAgICAgICAgICAgICAgICAgaXNVc2VySW5JbmRpYSA/ICdwYWlkJyA6ICdiaWxsZWQnXG4gICAgICAgICAgICAgICAgICB9IG1vbnRobHlgfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzVGVhbXMgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuPkRpc2NvdW50cyBhdmFpbGFibGUgZm9yIGVsaWdpYmxlIHRlYW1zPC9UZXh0PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */"));
-export const PricingAmount = ({
-  currency,
-  monthlyPrice,
-  product,
-  price,
-  termMonths,
-  compact = false,
-  isUserInIndia
-}) => {
-  const isTeams = product === Product.Teams;
-  const cycle = termMonths === 1 ? 'monthly' : 'annually';
-  const [dollars, cents] = price.split('.');
-  let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ''}`;
-  if (product !== Product.Basic) {
-    ariaLabel += ` a month, billed ${cycle}`;
-    if (monthlyPrice) {
-      ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
-    }
-  }
-  if (isTeams) {
-    ariaLabel += ', per user. Discounts available for eligible teams';
-  }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(FlexBox, {
-      "data-testid": "pricing-amount",
-      lineHeight: "title",
-      mb: compact ? 0 : 8,
-      column: true,
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Text, {
-        "data-testid": "pricing-amount-label",
-        screenreader: true,
-        children: ariaLabel
-      }), /*#__PURE__*/_jsx(FlexBox, {
-        "aria-hidden": true,
-        row: true,
-        alignItems: "center",
-        height: {
-          _: 50,
-          xl: 'unset'
-        },
-        children: /*#__PURE__*/_jsxs(FlexBox, {
-          mr: 4,
-          alignItems: "start",
-          children: [/*#__PURE__*/_jsx(Text, {
-            mt: {
-              _: 12,
-              xl: 16
-            },
-            fontWeight: "bold",
-            fontSize: 34,
-            children: `${getCurrencySymbol(currency)}`
-          }), /*#__PURE__*/_jsx(Amount, {
-            children: `${dollars}`
-          }), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
-            column: true,
-            alignItems: "flex-end",
-            ml: 4,
-            children: [/*#__PURE__*/_jsx(Text, {
-              fontWeight: "bold",
-              fontSize: 22,
-              mt: {
-                _: 12,
-                xl: 16
-              },
-              children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
-                children: "\xA0"
-              })
-            }), /*#__PURE__*/_jsx(Text, {
-              mt: {
-                _: 0,
-                xl: 4
-              },
-              color: "navy-500",
-              children: "/mo"
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        color: "navy-500",
-        center: true,
-        mt: compact ? 0 : {
-          _: 8,
-          xl: 0
-        },
-        children: product === Product.Basic ? /*#__PURE__*/_jsx(Text, {
-          mb: 24,
-          children: "Always free"
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Text, {
-            mb: compact ? 0 : 8,
-            "aria-hidden": true,
-            children: isTeams ? 'Per user, billed annually' : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`
-          }), /*#__PURE__*/_jsx("br", {}), monthlyPrice && /*#__PURE__*/_jsx(Text, {
-            "aria-hidden": true,
-            children: `or ${getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? 'paid' : 'billed'} monthly`
-          }), isTeams && /*#__PURE__*/_jsx(Text, {
-            "aria-hidden": true,
-            children: "Discounts available for eligible teams"
-          })]
-        })
-      })]
-    })
-  });
-};
+import { Product } from "../types.js";
+import { getCurrencySymbol } from "./types.js";
+import { FlexBox, Text } from "@codecademy/gamut";
+import { theme } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React from "react";
+
+//#region src/PricingSection/PricingCard/PricingAmount.tsx
+const Amount = /*#__PURE__*/ styled(Text, {
+	target: "eunx5y00",
+	label: "brand-Amount"
+})("font-weight:bold;color:black;font-size:44px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvUHJpY2luZ1NlY3Rpb24vUHJpY2luZ0NhcmQvUHJpY2luZ0Ftb3VudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBBbGxDdXJyZW5jeSwgZ2V0Q3VycmVuY3lTeW1ib2wgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXNpemU6IDQ0cHg7XG4gIGxpbmUtaGVpZ2h0OiA2NHB4O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG50eXBlIFByaWNpbmdBbW91bnRQcm9wcyA9IHtcbiAgcHJvZHVjdDogUHJvZHVjdDtcbiAgcHJpY2U6IHN0cmluZztcbiAgbW9udGhseVByaWNlPzogc3RyaW5nO1xuICBjdXJyZW5jeTogQWxsQ3VycmVuY3k7XG4gIHRlcm1Nb250aHM/OiBudW1iZXI7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBjdXJyZW5jeSxcbiAgbW9udGhseVByaWNlLFxuICBwcm9kdWN0LFxuICBwcmljZSxcbiAgdGVybU1vbnRocyxcbiAgY29tcGFjdCA9IGZhbHNlLFxuICBpc1VzZXJJbkluZGlhLFxufSkgPT4ge1xuICBjb25zdCBpc1RlYW1zID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke2RvbGxhcnN9JHtcbiAgICBjZW50cyA/IGAuJHtjZW50c31gIDogJydcbiAgfWA7XG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAobW9udGhseVByaWNlKSB7XG4gICAgICBhcmlhTGFiZWwgKz0gYCBvciAke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICBjdXJyZW5jeVxuICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgO1xuICAgIH1cbiAgfVxuICBpZiAoaXNUZWFtcykge1xuICAgIGFyaWFMYWJlbCArPSAnLCBwZXIgdXNlci4gRGlzY291bnRzIGF2YWlsYWJsZSBmb3IgZWxpZ2libGUgdGVhbXMnO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudFwiXG4gICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgIG1iPXtjb21wYWN0ID8gMCA6IDh9XG4gICAgICAgIGNvbHVtblxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiIHNjcmVlbnJlYWRlcj5cbiAgICAgICAgICB7YXJpYUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHsvKiBmb3Igc2NyZWVuIHJlYWRlciBvcHRpbWl6YXRpb24gKi99XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICByb3dcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBoZWlnaHQ9e3sgXzogNTAsIHhsOiAndW5zZXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBtcj17NH0gYWxpZ25JdGVtcz1cInN0YXJ0XCI+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBtdD17eyBfOiAxMiwgeGw6IDE2IH19XG4gICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgZm9udFNpemU9ezM0fVxuICAgICAgICAgICAgPntgJHtnZXRDdXJyZW5jeVN5bWJvbChjdXJyZW5jeSl9YH08L1RleHQ+XG4gICAgICAgICAgICA8QW1vdW50PntgJHtkb2xsYXJzfWB9PC9BbW91bnQ+XG4gICAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5CYXNpYyA/IG51bGwgOiAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGNvbHVtbiBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIiBtbD17NH0+XG4gICAgICAgICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiBmb250U2l6ZT17MjJ9IG10PXt7IF86IDEyLCB4bDogMTYgfX0+XG4gICAgICAgICAgICAgICAgICB7Y2VudHMgPyBgLiR7Y2VudHN9YCA6IDxzcGFuPiZuYnNwOzwvc3Bhbj59XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IG10PXt7IF86IDAsIHhsOiA0IH19IGNvbG9yPVwibmF2eS01MDBcIj5cbiAgICAgICAgICAgICAgICAgIC9tb1xuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPFRleHQgY29sb3I9XCJuYXZ5LTUwMFwiIGNlbnRlciBtdD17Y29tcGFjdCA/IDAgOiB7IF86IDgsIHhsOiAwIH19PlxuICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkJhc2ljID8gKFxuICAgICAgICAgICAgPFRleHQgbWI9ezI0fT5BbHdheXMgZnJlZTwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPFRleHQgbWI9e2NvbXBhY3QgPyAwIDogOH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgICAge2lzVGVhbXNcbiAgICAgICAgICAgICAgICAgID8gJ1BlciB1c2VyLCBiaWxsZWQgYW5udWFsbHknXG4gICAgICAgICAgICAgICAgICA6IGlzVXNlckluSW5kaWFcbiAgICAgICAgICAgICAgICAgID8gYFBlciBtb250aCwgcGFpZCAke2N5Y2xlfWBcbiAgICAgICAgICAgICAgICAgIDogYEJpbGxlZCAke2N5Y2xlfWB9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgIHttb250aGx5UHJpY2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgICAge2BvciAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke21vbnRobHlQcmljZX0gJHtcbiAgICAgICAgICAgICAgICAgICAgaXNVc2VySW5JbmRpYSA/ICdwYWlkJyA6ICdiaWxsZWQnXG4gICAgICAgICAgICAgICAgICB9IG1vbnRobHlgfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzVGVhbXMgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuPkRpc2NvdW50cyBhdmFpbGFibGUgZm9yIGVsaWdpYmxlIHRlYW1zPC9UZXh0PlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZSJ9 */");
+const PricingAmount = ({ currency, monthlyPrice, product, price, termMonths, compact = false, isUserInIndia }) => {
+	const isTeams = product === Product.Teams;
+	const cycle = termMonths === 1 ? "monthly" : "annually";
+	const [dollars, cents] = price.split(".");
+	let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ""}`;
+	if (product !== Product.Basic) {
+		ariaLabel += ` a month, billed ${cycle}`;
+		if (monthlyPrice) ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
+	}
+	if (isTeams) ariaLabel += ", per user. Discounts available for eligible teams";
+	return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(FlexBox, {
+		"data-testid": "pricing-amount",
+		lineHeight: "title",
+		mb: compact ? 0 : 8,
+		column: true,
+		alignItems: "center"
+	}, /*#__PURE__*/ React.createElement(Text, {
+		"data-testid": "pricing-amount-label",
+		screenreader: true
+	}, ariaLabel), /*#__PURE__*/ React.createElement(FlexBox, {
+		"aria-hidden": true,
+		row: true,
+		alignItems: "center",
+		height: {
+			_: 50,
+			xl: "unset"
+		}
+	}, /*#__PURE__*/ React.createElement(FlexBox, {
+		mr: 4,
+		alignItems: "start"
+	}, /*#__PURE__*/ React.createElement(Text, {
+		mt: {
+			_: 12,
+			xl: 16
+		},
+		fontWeight: "bold",
+		fontSize: 34
+	}, `${getCurrencySymbol(currency)}`), /*#__PURE__*/ React.createElement(Amount, null, `${dollars}`), product === Product.Basic ? null : /*#__PURE__*/ React.createElement(FlexBox, {
+		column: true,
+		alignItems: "flex-end",
+		ml: 4
+	}, /*#__PURE__*/ React.createElement(Text, {
+		fontWeight: "bold",
+		fontSize: 22,
+		mt: {
+			_: 12,
+			xl: 16
+		}
+	}, cents ? `.${cents}` : /*#__PURE__*/ React.createElement("span", null, "\xA0")), /*#__PURE__*/ React.createElement(Text, {
+		mt: {
+			_: 0,
+			xl: 4
+		},
+		color: "navy-500"
+	}, "/mo")))), /*#__PURE__*/ React.createElement(Text, {
+		color: "navy-500",
+		center: true,
+		mt: compact ? 0 : {
+			_: 8,
+			xl: 0
+		}
+	}, product === Product.Basic ? /*#__PURE__*/ React.createElement(Text, { mb: 24 }, "Always free") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Text, {
+		mb: compact ? 0 : 8,
+		"aria-hidden": true
+	}, isTeams ? "Per user, billed annually" : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`), /*#__PURE__*/ React.createElement("br", null), monthlyPrice && /*#__PURE__*/ React.createElement(Text, { "aria-hidden": true }, `or ${getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? "paid" : "billed"} monthly`), isTeams && /*#__PURE__*/ React.createElement(Text, { "aria-hidden": true }, "Discounts available for eligible teams")))));
+};
+
+//#endregion
+export { PricingAmount };
+//# sourceMappingURL=PricingAmount.js.map

package/dist/PricingSection/PricingCard/PricingAmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingAmount.js","names":["FlexBox","Text","theme","styled","React","Product","getCurrencySymbol","Amount","breakpoints","xl","PricingAmount","currency","monthlyPrice","product","price","termMonths","compact","isUserInIndia","isTeams","Teams","cycle","dollars","cents","split","ariaLabel","Basic","data-testid","lineHeight","mb","column","alignItems","screenreader","aria-hidden","row","height","_","mr","mt","fontWeight","fontSize","ml","span","color","center","br"],"sources":["../../../src/PricingSection/PricingCard/PricingAmount.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport { Product } from '../types';\nimport { AllCurrency, getCurrencySymbol } from './types';\n\nconst Amount = styled(Text)`\n  font-weight: bold;\n  color: black;\n  font-size: 44px;\n  line-height: 64px;\n  ${theme.breakpoints.xl} {\n    font-size: 64px;\n    line-height: 80px;\n  }\n`;\n\ntype PricingAmountProps = {\n  product: Product;\n  price: string;\n  monthlyPrice?: string;\n  currency: AllCurrency;\n  termMonths?: number;\n  compact?: boolean;\n  isUserInIndia: boolean;\n};\n\nexport const PricingAmount: React.FC<PricingAmountProps> = ({\n  currency,\n  monthlyPrice,\n  product,\n  price,\n  termMonths,\n  compact = false,\n  isUserInIndia,\n}) => {\n  const isTeams = product === Product.Teams;\n\n  const cycle = termMonths === 1 ? 'monthly' : 'annually';\n  const [dollars, cents] = price.split('.');\n  let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${\n    cents ? `.${cents}` : ''\n  }`;\n  if (product !== Product.Basic) {\n    ariaLabel += ` a month, billed ${cycle}`;\n    if (monthlyPrice) {\n      ariaLabel += ` or ${getCurrencySymbol(\n        currency\n      )}${monthlyPrice} billed monthly`;\n    }\n  }\n  if (isTeams) {\n    ariaLabel += ', per user. Discounts available for eligible teams';\n  }\n\n  return (\n    <>\n      <FlexBox\n        data-testid=\"pricing-amount\"\n        lineHeight=\"title\"\n        mb={compact ? 0 : 8}\n        column\n        alignItems=\"center\"\n      >\n        <Text data-testid=\"pricing-amount-label\" screenreader>\n          {ariaLabel}\n        </Text>\n        {/* for screen reader optimization */}\n        <FlexBox\n          aria-hidden\n          row\n          alignItems=\"center\"\n          height={{ _: 50, xl: 'unset' }}\n        >\n          <FlexBox mr={4} alignItems=\"start\">\n            <Text\n              mt={{ _: 12, xl: 16 }}\n              fontWeight=\"bold\"\n              fontSize={34}\n            >{`${getCurrencySymbol(currency)}`}</Text>\n            <Amount>{`${dollars}`}</Amount>\n            {product === Product.Basic ? null : (\n              <FlexBox column alignItems=\"flex-end\" ml={4}>\n                <Text fontWeight=\"bold\" fontSize={22} mt={{ _: 12, xl: 16 }}>\n                  {cents ? `.${cents}` : <span>&nbsp;</span>}\n                </Text>\n                <Text mt={{ _: 0, xl: 4 }} color=\"navy-500\">\n                  /mo\n                </Text>\n              </FlexBox>\n            )}\n          </FlexBox>\n        </FlexBox>\n        <Text color=\"navy-500\" center mt={compact ? 0 : { _: 8, xl: 0 }}>\n          {product === Product.Basic ? (\n            <Text mb={24}>Always free</Text>\n          ) : (\n            <>\n              <Text mb={compact ? 0 : 8} aria-hidden>\n                {isTeams\n                  ? 'Per user, billed annually'\n                  : isUserInIndia\n                  ? `Per month, paid ${cycle}`\n                  : `Billed ${cycle}`}\n              </Text>\n              <br />\n              {monthlyPrice && (\n                <Text aria-hidden>\n                  {`or ${getCurrencySymbol(currency)}${monthlyPrice} ${\n                    isUserInIndia ? 'paid' : 'billed'\n                  } monthly`}\n                </Text>\n              )}\n              {isTeams && (\n                <Text aria-hidden>Discounts available for eligible teams</Text>\n              )}\n            </>\n          )}\n        </Text>\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAMO,SAASJ,qBAAOF,MAAAA;;;oEAKlBC,MAAMM,YAAYC,IAAE,sCAAA,iqKAAA;AAgBxB,MAAaC,iBAA+C,EAC1DC,UACAC,cACAC,SACAC,OACAC,YACAC,UAAU,OACVC,oBACD;CACC,MAAMC,UAAUL,YAAYR,QAAQc;CAEpC,MAAMC,QAAQL,eAAe,IAAI,YAAY;CAC7C,MAAM,CAACM,SAASC,SAASR,MAAMS,MAAM,GAAA;CACrC,IAAIC,YAAY,GAAGlB,kBAAkBK,QAAAA,IAAYU,UAC/CC,QAAQ,IAAIA,UAAU;CAExB,IAAIT,YAAYR,QAAQoB,OAAO;EAC7BD,aAAa,oBAAoBJ;EACjC,IAAIR,cACFY,aAAa,OAAOlB,kBAClBK,QAAAA,IACEC,aAAa;CAErB;CACA,IAAIM,SACFM,aAAa;CAGf,OACE,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAACxB,SAAAA;EACC0B,eAAY;EACZC,YAAW;EACXC,IAAIZ,UAAU,IAAI;EAClBa,QAAAA;EACAC,YAAW;IAEX,oBAAA,cAAC7B,MAAAA;EAAKyB,eAAY;EAAuBK,cAAAA;IACtCP,SAAAA,GAGH,oBAAA,cAACxB,SAAAA;EACCgC,eAAAA;EACAC,KAAAA;EACAH,YAAW;EACXI,QAAQ;GAAEC,GAAG;GAAI1B,IAAI;EAAQ;IAE7B,oBAAA,cAACT,SAAAA;EAAQoC,IAAI;EAAGN,YAAW;IACzB,oBAAA,cAAC7B,MAAAA;EACCoC,IAAI;GAAEF,GAAG;GAAI1B,IAAI;EAAG;EACpB6B,YAAW;EACXC,UAAU;IACV,GAAGjC,kBAAkBK,QAAAA,GAAW,GAClC,oBAAA,cAACJ,QAAAA,MAAQ,GAAGc,SAAS,GACpBR,YAAYR,QAAQoB,QAAQ,OAC3B,oBAAA,cAACzB,SAAAA;EAAQ6B,QAAAA;EAAOC,YAAW;EAAWU,IAAI;IACxC,oBAAA,cAACvC,MAAAA;EAAKqC,YAAW;EAAOC,UAAU;EAAIF,IAAI;GAAEF,GAAG;GAAI1B,IAAI;EAAG;IACvDa,QAAQ,IAAIA,UAAU,oBAAA,cAACmB,QAAAA,MAAK,MAAA,CAAA,GAE/B,oBAAA,cAACxC,MAAAA;EAAKoC,IAAI;GAAEF,GAAG;GAAG1B,IAAI;EAAE;EAAGiC,OAAM;IAAW,KAAA,CAAA,CAAA,CAAA,GAOpD,oBAAA,cAACzC,MAAAA;EAAKyC,OAAM;EAAWC,QAAAA;EAAON,IAAIrB,UAAU,IAAI;GAAEmB,GAAG;GAAG1B,IAAI;EAAE;IAC3DI,YAAYR,QAAQoB,QACnB,oBAAA,cAACxB,MAAAA,EAAK2B,IAAI,MAAI,aAAA,IAEd,oBAAA,cAAA,MAAA,UAAA,MACE,oBAAA,cAAC3B,MAAAA;EAAK2B,IAAIZ,UAAU,IAAI;EAAGgB,eAAAA;IACxBd,UACG,8BACAD,gBACA,mBAAmBG,UACnB,UAAUA,OAAO,GAEvB,oBAAA,cAACwB,MAAAA,IAAAA,GACAhC,gBACC,oBAAA,cAACX,MAAAA,EAAK+B,eAAAA,QACH,MAAM1B,kBAAkBK,QAAAA,IAAYC,aAAa,GAChDK,gBAAgB,SAAS,SAC1B,SAAS,GAGbC,WACC,oBAAA,cAACjB,MAAAA,EAAK+B,eAAAA,QAAY,wCAAA,CAAA,CAAA,CAAA,CAAA;AAQlC"}

package/dist/PricingSection/PricingCard/RecommendedBadge.cjs

@@ -0,0 +1,27 @@
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/PricingSection/PricingCard/RecommendedBadge.tsx
+const RecommendedBadge = (props) => /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+	position: "absolute",
+	top: -28,
+	left: -2,
+	bg: "navy",
+	color: "white",
+	p: 8,
+	borderRadiusTop: "sm",
+	borderRadiusBottom: "none",
+	center: true,
+	...props
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.MiniStarIcon, {
+	mr: 8,
+	size: 12
+}), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	fontFamily: "accent",
+	lineHeight: 0,
+	fontSize: 14
+}, "Recommended"));
+
+//#endregion
+exports.RecommendedBadge = RecommendedBadge;
+//# sourceMappingURL=RecommendedBadge.cjs.map

package/dist/PricingSection/PricingCard/RecommendedBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendedBadge.cjs","names":["FlexBox","Text","MiniStarIcon","RecommendedBadge","props","position","top","left","bg","color","p","borderRadiusTop","borderRadiusBottom","center","mr","size","fontFamily","lineHeight","fontSize"],"sources":["../../../src/PricingSection/PricingCard/RecommendedBadge.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport { MiniStarIcon } from '@codecademy/gamut-icons';\nimport { ComponentProps } from 'react';\n\nexport const RecommendedBadge: React.FC<ComponentProps<typeof FlexBox>> = (\n  props\n) => (\n  <FlexBox\n    position=\"absolute\"\n    top={-28}\n    left={-2}\n    bg=\"navy\"\n    color=\"white\"\n    p={8}\n    borderRadiusTop=\"sm\"\n    borderRadiusBottom=\"none\"\n    center\n    {...props}\n  >\n    <MiniStarIcon mr={8} size={12} />\n    <Text fontFamily=\"accent\" lineHeight={0} fontSize={14}>\n      Recommended\n    </Text>\n  </FlexBox>\n);\n"],"mappings":";;;;AAIA,MAAaG,oBACXC,UAEA,oBAAA,cAACJ,2BAAAA;CACCK,UAAS;CACTC,KAAK;CACLC,MAAM;CACNC,IAAG;CACHC,OAAM;CACNC,GAAG;CACHC,iBAAgB;CAChBC,oBAAmB;CACnBC,QAAAA;CACC,GAAGT;GAEJ,oBAAA,cAACF,sCAAAA;CAAaY,IAAI;CAAGC,MAAM;IAC3B,oBAAA,cAACd,wBAAAA;CAAKe,YAAW;CAASC,YAAY;CAAGC,UAAU;GAAI,aAAA,CAAA"}

package/dist/PricingSection/PricingCard/RecommendedBadge.js

@@ -1,24 +1,27 @@
-import { FlexBox, Text } from '@codecademy/gamut';
-import { MiniStarIcon } from '@codecademy/gamut-icons';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RecommendedBadge = props => /*#__PURE__*/_jsxs(FlexBox, {
-  position: "absolute",
-  top: -28,
-  left: -2,
-  bg: "navy",
-  color: "white",
-  p: 8,
-  borderRadiusTop: "sm",
-  borderRadiusBottom: "none",
-  center: true,
-  ...props,
-  children: [/*#__PURE__*/_jsx(MiniStarIcon, {
-    mr: 8,
-    size: 12
-  }), /*#__PURE__*/_jsx(Text, {
-    fontFamily: "accent",
-    lineHeight: 0,
-    fontSize: 14,
-    children: "Recommended"
-  })]
-});
+import { FlexBox, Text } from "@codecademy/gamut";
+import { MiniStarIcon } from "@codecademy/gamut-icons";
+
+//#region src/PricingSection/PricingCard/RecommendedBadge.tsx
+const RecommendedBadge = (props) => /*#__PURE__*/ React.createElement(FlexBox, {
+	position: "absolute",
+	top: -28,
+	left: -2,
+	bg: "navy",
+	color: "white",
+	p: 8,
+	borderRadiusTop: "sm",
+	borderRadiusBottom: "none",
+	center: true,
+	...props
+}, /*#__PURE__*/ React.createElement(MiniStarIcon, {
+	mr: 8,
+	size: 12
+}), /*#__PURE__*/ React.createElement(Text, {
+	fontFamily: "accent",
+	lineHeight: 0,
+	fontSize: 14
+}, "Recommended"));
+
+//#endregion
+export { RecommendedBadge };
+//# sourceMappingURL=RecommendedBadge.js.map

package/dist/PricingSection/PricingCard/RecommendedBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendedBadge.js","names":["FlexBox","Text","MiniStarIcon","RecommendedBadge","props","position","top","left","bg","color","p","borderRadiusTop","borderRadiusBottom","center","mr","size","fontFamily","lineHeight","fontSize"],"sources":["../../../src/PricingSection/PricingCard/RecommendedBadge.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport { MiniStarIcon } from '@codecademy/gamut-icons';\nimport { ComponentProps } from 'react';\n\nexport const RecommendedBadge: React.FC<ComponentProps<typeof FlexBox>> = (\n  props\n) => (\n  <FlexBox\n    position=\"absolute\"\n    top={-28}\n    left={-2}\n    bg=\"navy\"\n    color=\"white\"\n    p={8}\n    borderRadiusTop=\"sm\"\n    borderRadiusBottom=\"none\"\n    center\n    {...props}\n  >\n    <MiniStarIcon mr={8} size={12} />\n    <Text fontFamily=\"accent\" lineHeight={0} fontSize={14}>\n      Recommended\n    </Text>\n  </FlexBox>\n);\n"],"mappings":";;;;AAIA,MAAaG,oBACXC,UAEA,oBAAA,cAACJ,SAAAA;CACCK,UAAS;CACTC,KAAK;CACLC,MAAM;CACNC,IAAG;CACHC,OAAM;CACNC,GAAG;CACHC,iBAAgB;CAChBC,oBAAmB;CACnBC,QAAAA;CACC,GAAGT;GAEJ,oBAAA,cAACF,cAAAA;CAAaY,IAAI;CAAGC,MAAM;IAC3B,oBAAA,cAACd,MAAAA;CAAKe,YAAW;CAASC,YAAY;CAAGC,UAAU;GAAI,aAAA,CAAA"}

package/dist/PricingSection/PricingCard/index.cjs

@@ -0,0 +1,156 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_types = require('../types.cjs');
+const require_config = require('../config.cjs');
+const require_ConditionalColorMode = require('../ConditionalColorMode.cjs');
+const require_ProductCTA = require('../ProductCTA.cjs');
+const require_PricingAmount = require('./PricingAmount.cjs');
+const require_RecommendedBadge = require('./RecommendedBadge.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+
+//#region src/PricingSection/PricingCard/index.tsx
+const smSize = 728;
+const StyledCard = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Card, {
+	target: "euvyrm60",
+	label: "brand-StyledCard"
+})((0, _codecademy_gamut_styles.css)({
+	height: 1,
+	borderWidth: 0,
+	padding: 0,
+	width: "100%",
+	flexDirection: "column"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzLCBweFJlbSwgdGhlbWUsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDb25kaXRpb25hbENvbG9yTW9kZSB9IGZyb20gJy4uL0NvbmRpdGlvbmFsQ29sb3JNb2RlJztcbmltcG9ydCB7IGdldFByb2R1Y3REZXNjcmlwdGlvbiwgUGxhbnNCeVR5cGUgfSBmcm9tICcuLi9jb25maWcnO1xuaW1wb3J0IHsgUHJvZHVjdENUQSB9IGZyb20gJy4uL1Byb2R1Y3RDVEEnO1xuaW1wb3J0IHsgUHJvZHVjdCwgUHJvZHVjdERldGFpbHMsIFVzZXIgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBQcmljaW5nQW1vdW50IH0gZnJvbSAnLi9QcmljaW5nQW1vdW50JztcbmltcG9ydCB7IFJlY29tbWVuZGVkQmFkZ2UgfSBmcm9tICcuL1JlY29tbWVuZGVkQmFkZ2UnO1xuaW1wb3J0IHsgQWxsQ3VycmVuY3kgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNtU2l6ZSA9IDcyODtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6IDEsXG4gICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICB9KVxuKTtcblxuY29uc3QgRGl2aWRlciA9IHN0eWxlZChDaGVja2VyRGVuc2UpKFxuICBjc3Moe1xuICAgIGhlaWdodDogJzAuMXJlbScsXG4gIH0pXG4pO1xuXG50eXBlIFN0eWxlZExpc3RSb3dQcm9wcyA9IHtcbiAgc2hvd1JlY29tbWVuZGVkQmFkZ2U6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0Um93ID0gc3R5bGVkKCdsaScpPFN0eWxlZExpc3RSb3dQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cHhSZW0oc21TaXplKX07XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy5sZ30ge1xuICAgIG1pbi13aWR0aDogMzZyZW07XG4gIH1cbmA7XG5cbmNvbnN0IGNhcmRIZWFkZXJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIFtQcm9kdWN0LkJhc2ljXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkVudGVycHJpc2VdOiB7XG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIGNvbG9yOiAnbmF2eS01MDAnLFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuU2lsdmVyXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucGFsZVllbGxvdyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkdvbGRdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Qcm9dOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5UZWFtc106IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBDYXJkSGVhZGVyID0gc3R5bGVkKEZsZXhCb3gpKGNhcmRIZWFkZXJWYXJpYW50cyk7XG5cbmNvbnN0IGdldEJhZGdlVGV4dCA9IChwcm9kdWN0OiBQcm9kdWN0KTogc3RyaW5nIHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocHJvZHVjdCkge1xuICAgIGNhc2UgUHJvZHVjdC5Hb2xkOlxuICAgICAgcmV0dXJuICdBZHZhbmNlIHlvdXIgY2FyZWVyJztcbiAgICBjYXNlIFByb2R1Y3QuU2lsdmVyOlxuICAgIGNhc2UgUHJvZHVjdC5Qcm86XG4gICAgICByZXR1cm4gJ0xlYXJuIGEgc2tpbGwnO1xuICAgIGNhc2UgUHJvZHVjdC5UZWFtczpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDIrJztcbiAgICBjYXNlIFByb2R1Y3QuRW50ZXJwcmlzZTpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDI1Kyc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24gPSAocHJvZHVjdDogUHJvZHVjdCkgPT4ge1xuICBjb25zdCBwcm9kdWN0RmVhdHVyZXMgPSAoXG4gICAgPFRleHQgbWF4V2lkdGg9e3sgbWQ6ICcyMzVweCcgfX0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICB7Z2V0UHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgIDwvVGV4dD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IG10PXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAge3Byb2R1Y3RGZWF0dXJlc31cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUHJpY2luZ0NhcmQgPSAoe1xuICBwcm9kdWN0LFxuICBwcm9kdWN0RGV0YWlscyxcbiAgY3VycmVuY3ksXG4gIHBsYW5zQnlUeXBlLFxuICBpc1VzZXJJbkluZGlhLFxuICB1c2VyLFxuICB0cmFja0J1c2luZXNzQ2xpY2ssXG59OiB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByb2R1Y3REZXRhaWxzOiBQcm9kdWN0RGV0YWlscztcbiAgY3VycmVuY3k6IEFsbEN1cnJlbmN5O1xuICBwbGFuc0J5VHlwZTogUGxhbnNCeVR5cGU7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIHVzZXI6IFVzZXI7XG4gIHRyYWNrQnVzaW5lc3NDbGljaz86ICh7XG4gICAgdGFyZ2V0LFxuICAgIGNvbnRleHQsXG4gIH06IHtcbiAgICB0YXJnZXQ6IHN0cmluZztcbiAgICBjb250ZXh0OiBzdHJpbmc7XG4gIH0pID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGlzR29sZFByb2R1Y3QgPSBwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGQ7XG4gIGNvbnN0IGlzVGVhbXNQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0Um93IHNob3dSZWNvbW1lbmRlZEJhZGdlPXtwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGR9PlxuICAgICAgPFN0eWxlZENhcmQgZGlzcGxheT1cImZsZXhcIiBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiPlxuICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8UmVjb21tZW5kZWRCYWRnZSAvPn1cbiAgICAgICAgPENvbmRpdGlvbmFsQ29sb3JNb2RlIGNvbmRpdGlvbj17aXNUZWFtc1Byb2R1Y3R9PlxuICAgICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgICB2YXJpYW50PXtwcm9kdWN0fVxuICAgICAgICAgICAgcHk9ezh9XG4gICAgICAgICAgICBweD17MjR9XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXt7IF86IDIyLCB4bDogMjYgfX0+XG4gICAgICAgICAgICAgIHtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5kaXNwbGF5TmFtZSB8fFxuICAgICAgICAgICAgICAgIHBsYW5zQnlUeXBlW3Byb2R1Y3RdLmFubnVhbD8uZGlzcGxheU5hbWV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8VGV4dCBzY3JlZW5yZWFkZXI+UmVjb21tZW5kZWQ8L1RleHQ+fVxuICAgICAgICAgICAge2dldEJhZGdlVGV4dChwcm9kdWN0KSAmJiAoXG4gICAgICAgICAgICAgIDxCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBtbD17MTJ9PlxuICAgICAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCl9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2FyZEhlYWRlcj5cbiAgICAgICAgPC9Db25kaXRpb25hbENvbG9yTW9kZT5cblxuICAgICAgICA8Qm94IHB4PXsyNH0gcHQ9ezI0fT5cbiAgICAgICAgICA8RmxleEJveCBjZW50ZXIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkVudGVycHJpc2UgPyAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgICAgY29sdW1uXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG1pbkhlaWdodD17MTM0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiIG1iPXs4fSB0ZXh0QWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIExvb2tpbmcgdG8gdHJhaW4gYSBsYXJnZXIgdGVhbT9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLWxnXCIgdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBDb250YWN0IHVzIGZvciBhIGN1c3RvbSBxdW90ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFByaWNpbmdBbW91bnRcbiAgICAgICAgICAgICAgICBtb250aGx5UHJpY2U9e3BsYW5zQnlUeXBlW3Byb2R1Y3RdLm1vbnRobHk/LnByaWNlfVxuICAgICAgICAgICAgICAgIHByaWNlPXtwcm9kdWN0RGV0YWlscy5wcmljZX1cbiAgICAgICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgICAgICBpc1VzZXJJbkluZGlhPXtpc1VzZXJJbkluZGlhfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPERpdmlkZXIgbXQ9ezE2fSAvPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIG15PXsxMn1cbiAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAqIFByZXZpb3VzbHkgd2Ugd2VyZSBhcmJpdHJhcmlseSBzaXppbmcgY2FyZHMgdG8gYSB3aWR0aCB0aGF0IHdhc1xuICAgICAgICAgICAgICAgKiBcInRvbyBzbWFsbFwiIGZvciB0aGUgY29udGVudCB0aGV5IGNvbnRhaW5lZC4gVGhlIGFjdHVhbCBhZmZlY3QgdGhpcyB3YXNcbiAgICAgICAgICAgICAgICogaGF2aW5nIHdhcyBzaHJpbmtpbmcgdGhpcyBzZWN0aW9uIGRvd24gdG8gMjU2cHgsIHNvIHJhdGhlciB0aGFuIHNpemVcbiAgICAgICAgICAgICAgICogdGhlIGNhcmQsIEknbSBvcHRpbmcgdG8gc2l6ZSB0aGlzIHBhcnRpY3VsYXIgY29udGFpbmVyIHcvaS5cbiAgICAgICAgICAgICAgICogVGhpcyBhbGxvd3MgdGhlIGNhcmRzIHRoZW1zZWx2ZXMgdG8gYmUgbW9yZSBmbGV4aWJsZSBhbmQgc2ltcGx5IHN0eWxlZFxuICAgICAgICAgICAgICAgKiB3aGlsZSBzdGlsbCBtYWludGFpbmluZyB0aGUgXCJwcm9wZXIgc2l6ZVwiIG9uIHNtYWxsZXIgc2NyZWVucy5cbiAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICd1bnNldCcsIG1kOiBweFJlbSgyNTYpIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3ggbWI9ezI0fSBtdD1cImF1dG9cIiBjb2x1bW4+XG4gICAgICAgICAgPFByb2R1Y3RDVEFcbiAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICBwcm9kdWN0RGV0YWlscz17cHJvZHVjdERldGFpbHN9XG4gICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgdHJhY2tCdXNpbmVzc0NsaWNrPXt0cmFja0J1c2luZXNzQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgIDwvU3R5bGVkTGlzdFJvdz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW1CIn0= */");
+const Divider = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut_patterns.CheckerDense, {
+	target: "euvyrm61",
+	label: "brand-Divider"
+})((0, _codecademy_gamut_styles.css)({ height: "0.1rem" }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzLCBweFJlbSwgdGhlbWUsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDb25kaXRpb25hbENvbG9yTW9kZSB9IGZyb20gJy4uL0NvbmRpdGlvbmFsQ29sb3JNb2RlJztcbmltcG9ydCB7IGdldFByb2R1Y3REZXNjcmlwdGlvbiwgUGxhbnNCeVR5cGUgfSBmcm9tICcuLi9jb25maWcnO1xuaW1wb3J0IHsgUHJvZHVjdENUQSB9IGZyb20gJy4uL1Byb2R1Y3RDVEEnO1xuaW1wb3J0IHsgUHJvZHVjdCwgUHJvZHVjdERldGFpbHMsIFVzZXIgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBQcmljaW5nQW1vdW50IH0gZnJvbSAnLi9QcmljaW5nQW1vdW50JztcbmltcG9ydCB7IFJlY29tbWVuZGVkQmFkZ2UgfSBmcm9tICcuL1JlY29tbWVuZGVkQmFkZ2UnO1xuaW1wb3J0IHsgQWxsQ3VycmVuY3kgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNtU2l6ZSA9IDcyODtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6IDEsXG4gICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICB9KVxuKTtcblxuY29uc3QgRGl2aWRlciA9IHN0eWxlZChDaGVja2VyRGVuc2UpKFxuICBjc3Moe1xuICAgIGhlaWdodDogJzAuMXJlbScsXG4gIH0pXG4pO1xuXG50eXBlIFN0eWxlZExpc3RSb3dQcm9wcyA9IHtcbiAgc2hvd1JlY29tbWVuZGVkQmFkZ2U6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0Um93ID0gc3R5bGVkKCdsaScpPFN0eWxlZExpc3RSb3dQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cHhSZW0oc21TaXplKX07XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy5sZ30ge1xuICAgIG1pbi13aWR0aDogMzZyZW07XG4gIH1cbmA7XG5cbmNvbnN0IGNhcmRIZWFkZXJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIFtQcm9kdWN0LkJhc2ljXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkVudGVycHJpc2VdOiB7XG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIGNvbG9yOiAnbmF2eS01MDAnLFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuU2lsdmVyXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucGFsZVllbGxvdyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkdvbGRdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Qcm9dOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5UZWFtc106IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBDYXJkSGVhZGVyID0gc3R5bGVkKEZsZXhCb3gpKGNhcmRIZWFkZXJWYXJpYW50cyk7XG5cbmNvbnN0IGdldEJhZGdlVGV4dCA9IChwcm9kdWN0OiBQcm9kdWN0KTogc3RyaW5nIHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocHJvZHVjdCkge1xuICAgIGNhc2UgUHJvZHVjdC5Hb2xkOlxuICAgICAgcmV0dXJuICdBZHZhbmNlIHlvdXIgY2FyZWVyJztcbiAgICBjYXNlIFByb2R1Y3QuU2lsdmVyOlxuICAgIGNhc2UgUHJvZHVjdC5Qcm86XG4gICAgICByZXR1cm4gJ0xlYXJuIGEgc2tpbGwnO1xuICAgIGNhc2UgUHJvZHVjdC5UZWFtczpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDIrJztcbiAgICBjYXNlIFByb2R1Y3QuRW50ZXJwcmlzZTpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDI1Kyc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24gPSAocHJvZHVjdDogUHJvZHVjdCkgPT4ge1xuICBjb25zdCBwcm9kdWN0RmVhdHVyZXMgPSAoXG4gICAgPFRleHQgbWF4V2lkdGg9e3sgbWQ6ICcyMzVweCcgfX0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICB7Z2V0UHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgIDwvVGV4dD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IG10PXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAge3Byb2R1Y3RGZWF0dXJlc31cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUHJpY2luZ0NhcmQgPSAoe1xuICBwcm9kdWN0LFxuICBwcm9kdWN0RGV0YWlscyxcbiAgY3VycmVuY3ksXG4gIHBsYW5zQnlUeXBlLFxuICBpc1VzZXJJbkluZGlhLFxuICB1c2VyLFxuICB0cmFja0J1c2luZXNzQ2xpY2ssXG59OiB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByb2R1Y3REZXRhaWxzOiBQcm9kdWN0RGV0YWlscztcbiAgY3VycmVuY3k6IEFsbEN1cnJlbmN5O1xuICBwbGFuc0J5VHlwZTogUGxhbnNCeVR5cGU7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIHVzZXI6IFVzZXI7XG4gIHRyYWNrQnVzaW5lc3NDbGljaz86ICh7XG4gICAgdGFyZ2V0LFxuICAgIGNvbnRleHQsXG4gIH06IHtcbiAgICB0YXJnZXQ6IHN0cmluZztcbiAgICBjb250ZXh0OiBzdHJpbmc7XG4gIH0pID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGlzR29sZFByb2R1Y3QgPSBwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGQ7XG4gIGNvbnN0IGlzVGVhbXNQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0Um93IHNob3dSZWNvbW1lbmRlZEJhZGdlPXtwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGR9PlxuICAgICAgPFN0eWxlZENhcmQgZGlzcGxheT1cImZsZXhcIiBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiPlxuICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8UmVjb21tZW5kZWRCYWRnZSAvPn1cbiAgICAgICAgPENvbmRpdGlvbmFsQ29sb3JNb2RlIGNvbmRpdGlvbj17aXNUZWFtc1Byb2R1Y3R9PlxuICAgICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgICB2YXJpYW50PXtwcm9kdWN0fVxuICAgICAgICAgICAgcHk9ezh9XG4gICAgICAgICAgICBweD17MjR9XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXt7IF86IDIyLCB4bDogMjYgfX0+XG4gICAgICAgICAgICAgIHtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5kaXNwbGF5TmFtZSB8fFxuICAgICAgICAgICAgICAgIHBsYW5zQnlUeXBlW3Byb2R1Y3RdLmFubnVhbD8uZGlzcGxheU5hbWV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8VGV4dCBzY3JlZW5yZWFkZXI+UmVjb21tZW5kZWQ8L1RleHQ+fVxuICAgICAgICAgICAge2dldEJhZGdlVGV4dChwcm9kdWN0KSAmJiAoXG4gICAgICAgICAgICAgIDxCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBtbD17MTJ9PlxuICAgICAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCl9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2FyZEhlYWRlcj5cbiAgICAgICAgPC9Db25kaXRpb25hbENvbG9yTW9kZT5cblxuICAgICAgICA8Qm94IHB4PXsyNH0gcHQ9ezI0fT5cbiAgICAgICAgICA8RmxleEJveCBjZW50ZXIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkVudGVycHJpc2UgPyAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgICAgY29sdW1uXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG1pbkhlaWdodD17MTM0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiIG1iPXs4fSB0ZXh0QWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIExvb2tpbmcgdG8gdHJhaW4gYSBsYXJnZXIgdGVhbT9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLWxnXCIgdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBDb250YWN0IHVzIGZvciBhIGN1c3RvbSBxdW90ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFByaWNpbmdBbW91bnRcbiAgICAgICAgICAgICAgICBtb250aGx5UHJpY2U9e3BsYW5zQnlUeXBlW3Byb2R1Y3RdLm1vbnRobHk/LnByaWNlfVxuICAgICAgICAgICAgICAgIHByaWNlPXtwcm9kdWN0RGV0YWlscy5wcmljZX1cbiAgICAgICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgICAgICBpc1VzZXJJbkluZGlhPXtpc1VzZXJJbkluZGlhfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPERpdmlkZXIgbXQ9ezE2fSAvPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIG15PXsxMn1cbiAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAqIFByZXZpb3VzbHkgd2Ugd2VyZSBhcmJpdHJhcmlseSBzaXppbmcgY2FyZHMgdG8gYSB3aWR0aCB0aGF0IHdhc1xuICAgICAgICAgICAgICAgKiBcInRvbyBzbWFsbFwiIGZvciB0aGUgY29udGVudCB0aGV5IGNvbnRhaW5lZC4gVGhlIGFjdHVhbCBhZmZlY3QgdGhpcyB3YXNcbiAgICAgICAgICAgICAgICogaGF2aW5nIHdhcyBzaHJpbmtpbmcgdGhpcyBzZWN0aW9uIGRvd24gdG8gMjU2cHgsIHNvIHJhdGhlciB0aGFuIHNpemVcbiAgICAgICAgICAgICAgICogdGhlIGNhcmQsIEknbSBvcHRpbmcgdG8gc2l6ZSB0aGlzIHBhcnRpY3VsYXIgY29udGFpbmVyIHcvaS5cbiAgICAgICAgICAgICAgICogVGhpcyBhbGxvd3MgdGhlIGNhcmRzIHRoZW1zZWx2ZXMgdG8gYmUgbW9yZSBmbGV4aWJsZSBhbmQgc2ltcGx5IHN0eWxlZFxuICAgICAgICAgICAgICAgKiB3aGlsZSBzdGlsbCBtYWludGFpbmluZyB0aGUgXCJwcm9wZXIgc2l6ZVwiIG9uIHNtYWxsZXIgc2NyZWVucy5cbiAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICd1bnNldCcsIG1kOiBweFJlbSgyNTYpIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3ggbWI9ezI0fSBtdD1cImF1dG9cIiBjb2x1bW4+XG4gICAgICAgICAgPFByb2R1Y3RDVEFcbiAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICBwcm9kdWN0RGV0YWlscz17cHJvZHVjdERldGFpbHN9XG4gICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgdHJhY2tCdXNpbmVzc0NsaWNrPXt0cmFja0J1c2luZXNzQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgIDwvU3R5bGVkTGlzdFJvdz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiJ9 */");
+const StyledListRow = /*#__PURE__*/ (0, _emotion_styled.default)("li", {
+	target: "euvyrm62",
+	label: "brand-StyledListRow"
+})("width:100%;max-width:", (0, _codecademy_gamut_styles.pxRem)(728), ";height:100%;display:grid;", _codecademy_gamut_styles.theme.breakpoints.lg, "{min-width:36rem;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzLCBweFJlbSwgdGhlbWUsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDb25kaXRpb25hbENvbG9yTW9kZSB9IGZyb20gJy4uL0NvbmRpdGlvbmFsQ29sb3JNb2RlJztcbmltcG9ydCB7IGdldFByb2R1Y3REZXNjcmlwdGlvbiwgUGxhbnNCeVR5cGUgfSBmcm9tICcuLi9jb25maWcnO1xuaW1wb3J0IHsgUHJvZHVjdENUQSB9IGZyb20gJy4uL1Byb2R1Y3RDVEEnO1xuaW1wb3J0IHsgUHJvZHVjdCwgUHJvZHVjdERldGFpbHMsIFVzZXIgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBQcmljaW5nQW1vdW50IH0gZnJvbSAnLi9QcmljaW5nQW1vdW50JztcbmltcG9ydCB7IFJlY29tbWVuZGVkQmFkZ2UgfSBmcm9tICcuL1JlY29tbWVuZGVkQmFkZ2UnO1xuaW1wb3J0IHsgQWxsQ3VycmVuY3kgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNtU2l6ZSA9IDcyODtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6IDEsXG4gICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICB9KVxuKTtcblxuY29uc3QgRGl2aWRlciA9IHN0eWxlZChDaGVja2VyRGVuc2UpKFxuICBjc3Moe1xuICAgIGhlaWdodDogJzAuMXJlbScsXG4gIH0pXG4pO1xuXG50eXBlIFN0eWxlZExpc3RSb3dQcm9wcyA9IHtcbiAgc2hvd1JlY29tbWVuZGVkQmFkZ2U6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0Um93ID0gc3R5bGVkKCdsaScpPFN0eWxlZExpc3RSb3dQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cHhSZW0oc21TaXplKX07XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy5sZ30ge1xuICAgIG1pbi13aWR0aDogMzZyZW07XG4gIH1cbmA7XG5cbmNvbnN0IGNhcmRIZWFkZXJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIFtQcm9kdWN0LkJhc2ljXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkVudGVycHJpc2VdOiB7XG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIGNvbG9yOiAnbmF2eS01MDAnLFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuU2lsdmVyXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucGFsZVllbGxvdyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkdvbGRdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Qcm9dOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5UZWFtc106IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBDYXJkSGVhZGVyID0gc3R5bGVkKEZsZXhCb3gpKGNhcmRIZWFkZXJWYXJpYW50cyk7XG5cbmNvbnN0IGdldEJhZGdlVGV4dCA9IChwcm9kdWN0OiBQcm9kdWN0KTogc3RyaW5nIHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocHJvZHVjdCkge1xuICAgIGNhc2UgUHJvZHVjdC5Hb2xkOlxuICAgICAgcmV0dXJuICdBZHZhbmNlIHlvdXIgY2FyZWVyJztcbiAgICBjYXNlIFByb2R1Y3QuU2lsdmVyOlxuICAgIGNhc2UgUHJvZHVjdC5Qcm86XG4gICAgICByZXR1cm4gJ0xlYXJuIGEgc2tpbGwnO1xuICAgIGNhc2UgUHJvZHVjdC5UZWFtczpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDIrJztcbiAgICBjYXNlIFByb2R1Y3QuRW50ZXJwcmlzZTpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDI1Kyc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24gPSAocHJvZHVjdDogUHJvZHVjdCkgPT4ge1xuICBjb25zdCBwcm9kdWN0RmVhdHVyZXMgPSAoXG4gICAgPFRleHQgbWF4V2lkdGg9e3sgbWQ6ICcyMzVweCcgfX0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICB7Z2V0UHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgIDwvVGV4dD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IG10PXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAge3Byb2R1Y3RGZWF0dXJlc31cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUHJpY2luZ0NhcmQgPSAoe1xuICBwcm9kdWN0LFxuICBwcm9kdWN0RGV0YWlscyxcbiAgY3VycmVuY3ksXG4gIHBsYW5zQnlUeXBlLFxuICBpc1VzZXJJbkluZGlhLFxuICB1c2VyLFxuICB0cmFja0J1c2luZXNzQ2xpY2ssXG59OiB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByb2R1Y3REZXRhaWxzOiBQcm9kdWN0RGV0YWlscztcbiAgY3VycmVuY3k6IEFsbEN1cnJlbmN5O1xuICBwbGFuc0J5VHlwZTogUGxhbnNCeVR5cGU7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIHVzZXI6IFVzZXI7XG4gIHRyYWNrQnVzaW5lc3NDbGljaz86ICh7XG4gICAgdGFyZ2V0LFxuICAgIGNvbnRleHQsXG4gIH06IHtcbiAgICB0YXJnZXQ6IHN0cmluZztcbiAgICBjb250ZXh0OiBzdHJpbmc7XG4gIH0pID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGlzR29sZFByb2R1Y3QgPSBwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGQ7XG4gIGNvbnN0IGlzVGVhbXNQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0Um93IHNob3dSZWNvbW1lbmRlZEJhZGdlPXtwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGR9PlxuICAgICAgPFN0eWxlZENhcmQgZGlzcGxheT1cImZsZXhcIiBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiPlxuICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8UmVjb21tZW5kZWRCYWRnZSAvPn1cbiAgICAgICAgPENvbmRpdGlvbmFsQ29sb3JNb2RlIGNvbmRpdGlvbj17aXNUZWFtc1Byb2R1Y3R9PlxuICAgICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgICB2YXJpYW50PXtwcm9kdWN0fVxuICAgICAgICAgICAgcHk9ezh9XG4gICAgICAgICAgICBweD17MjR9XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXt7IF86IDIyLCB4bDogMjYgfX0+XG4gICAgICAgICAgICAgIHtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5kaXNwbGF5TmFtZSB8fFxuICAgICAgICAgICAgICAgIHBsYW5zQnlUeXBlW3Byb2R1Y3RdLmFubnVhbD8uZGlzcGxheU5hbWV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8VGV4dCBzY3JlZW5yZWFkZXI+UmVjb21tZW5kZWQ8L1RleHQ+fVxuICAgICAgICAgICAge2dldEJhZGdlVGV4dChwcm9kdWN0KSAmJiAoXG4gICAgICAgICAgICAgIDxCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBtbD17MTJ9PlxuICAgICAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCl9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2FyZEhlYWRlcj5cbiAgICAgICAgPC9Db25kaXRpb25hbENvbG9yTW9kZT5cblxuICAgICAgICA8Qm94IHB4PXsyNH0gcHQ9ezI0fT5cbiAgICAgICAgICA8RmxleEJveCBjZW50ZXIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkVudGVycHJpc2UgPyAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgICAgY29sdW1uXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG1pbkhlaWdodD17MTM0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiIG1iPXs4fSB0ZXh0QWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIExvb2tpbmcgdG8gdHJhaW4gYSBsYXJnZXIgdGVhbT9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLWxnXCIgdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBDb250YWN0IHVzIGZvciBhIGN1c3RvbSBxdW90ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFByaWNpbmdBbW91bnRcbiAgICAgICAgICAgICAgICBtb250aGx5UHJpY2U9e3BsYW5zQnlUeXBlW3Byb2R1Y3RdLm1vbnRobHk/LnByaWNlfVxuICAgICAgICAgICAgICAgIHByaWNlPXtwcm9kdWN0RGV0YWlscy5wcmljZX1cbiAgICAgICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgICAgICBpc1VzZXJJbkluZGlhPXtpc1VzZXJJbkluZGlhfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPERpdmlkZXIgbXQ9ezE2fSAvPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIG15PXsxMn1cbiAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAqIFByZXZpb3VzbHkgd2Ugd2VyZSBhcmJpdHJhcmlseSBzaXppbmcgY2FyZHMgdG8gYSB3aWR0aCB0aGF0IHdhc1xuICAgICAgICAgICAgICAgKiBcInRvbyBzbWFsbFwiIGZvciB0aGUgY29udGVudCB0aGV5IGNvbnRhaW5lZC4gVGhlIGFjdHVhbCBhZmZlY3QgdGhpcyB3YXNcbiAgICAgICAgICAgICAgICogaGF2aW5nIHdhcyBzaHJpbmtpbmcgdGhpcyBzZWN0aW9uIGRvd24gdG8gMjU2cHgsIHNvIHJhdGhlciB0aGFuIHNpemVcbiAgICAgICAgICAgICAgICogdGhlIGNhcmQsIEknbSBvcHRpbmcgdG8gc2l6ZSB0aGlzIHBhcnRpY3VsYXIgY29udGFpbmVyIHcvaS5cbiAgICAgICAgICAgICAgICogVGhpcyBhbGxvd3MgdGhlIGNhcmRzIHRoZW1zZWx2ZXMgdG8gYmUgbW9yZSBmbGV4aWJsZSBhbmQgc2ltcGx5IHN0eWxlZFxuICAgICAgICAgICAgICAgKiB3aGlsZSBzdGlsbCBtYWludGFpbmluZyB0aGUgXCJwcm9wZXIgc2l6ZVwiIG9uIHNtYWxsZXIgc2NyZWVucy5cbiAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICd1bnNldCcsIG1kOiBweFJlbSgyNTYpIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3ggbWI9ezI0fSBtdD1cImF1dG9cIiBjb2x1bW4+XG4gICAgICAgICAgPFByb2R1Y3RDVEFcbiAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICBwcm9kdWN0RGV0YWlscz17cHJvZHVjdERldGFpbHN9XG4gICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgdHJhY2tCdXNpbmVzc0NsaWNrPXt0cmFja0J1c2luZXNzQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgIDwvU3R5bGVkTGlzdFJvdz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNzQiJ9 */");
+const cardHeaderVariants = (0, _codecademy_gamut_styles.variant)({
+	base: { backgroundColor: "transparent" },
+	variants: {
+		[require_types.Product.Basic]: {
+			borderBottomWidth: 1,
+			borderBottomStyle: "solid",
+			borderBottomColor: _codecademy_gamut_styles.theme.colors["navy-200"],
+			color: "navy-500"
+		},
+		[require_types.Product.Enterprise]: {
+			borderBottomWidth: 1,
+			borderBottomStyle: "solid",
+			borderBottomColor: _codecademy_gamut_styles.theme.colors["navy-200"],
+			color: "navy-500"
+		},
+		[require_types.Product.Silver]: { backgroundColor: _codecademy_gamut_styles.theme.colors.paleYellow },
+		[require_types.Product.Gold]: { backgroundColor: _codecademy_gamut_styles.theme.colors.yellow },
+		[require_types.Product.Pro]: { backgroundColor: _codecademy_gamut_styles.theme.colors.yellow },
+		[require_types.Product.Teams]: { backgroundColor: _codecademy_gamut_styles.theme.colors.background }
+	}
+});
+const CardHeader = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
+	target: "euvyrm63",
+	label: "brand-CardHeader"
+})(cardHeaderVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzLCBweFJlbSwgdGhlbWUsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDb25kaXRpb25hbENvbG9yTW9kZSB9IGZyb20gJy4uL0NvbmRpdGlvbmFsQ29sb3JNb2RlJztcbmltcG9ydCB7IGdldFByb2R1Y3REZXNjcmlwdGlvbiwgUGxhbnNCeVR5cGUgfSBmcm9tICcuLi9jb25maWcnO1xuaW1wb3J0IHsgUHJvZHVjdENUQSB9IGZyb20gJy4uL1Byb2R1Y3RDVEEnO1xuaW1wb3J0IHsgUHJvZHVjdCwgUHJvZHVjdERldGFpbHMsIFVzZXIgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBQcmljaW5nQW1vdW50IH0gZnJvbSAnLi9QcmljaW5nQW1vdW50JztcbmltcG9ydCB7IFJlY29tbWVuZGVkQmFkZ2UgfSBmcm9tICcuL1JlY29tbWVuZGVkQmFkZ2UnO1xuaW1wb3J0IHsgQWxsQ3VycmVuY3kgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNtU2l6ZSA9IDcyODtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6IDEsXG4gICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICB9KVxuKTtcblxuY29uc3QgRGl2aWRlciA9IHN0eWxlZChDaGVja2VyRGVuc2UpKFxuICBjc3Moe1xuICAgIGhlaWdodDogJzAuMXJlbScsXG4gIH0pXG4pO1xuXG50eXBlIFN0eWxlZExpc3RSb3dQcm9wcyA9IHtcbiAgc2hvd1JlY29tbWVuZGVkQmFkZ2U6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0Um93ID0gc3R5bGVkKCdsaScpPFN0eWxlZExpc3RSb3dQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cHhSZW0oc21TaXplKX07XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy5sZ30ge1xuICAgIG1pbi13aWR0aDogMzZyZW07XG4gIH1cbmA7XG5cbmNvbnN0IGNhcmRIZWFkZXJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIFtQcm9kdWN0LkJhc2ljXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkVudGVycHJpc2VdOiB7XG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIGNvbG9yOiAnbmF2eS01MDAnLFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuU2lsdmVyXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucGFsZVllbGxvdyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkdvbGRdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Qcm9dOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5UZWFtc106IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBDYXJkSGVhZGVyID0gc3R5bGVkKEZsZXhCb3gpKGNhcmRIZWFkZXJWYXJpYW50cyk7XG5cbmNvbnN0IGdldEJhZGdlVGV4dCA9IChwcm9kdWN0OiBQcm9kdWN0KTogc3RyaW5nIHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocHJvZHVjdCkge1xuICAgIGNhc2UgUHJvZHVjdC5Hb2xkOlxuICAgICAgcmV0dXJuICdBZHZhbmNlIHlvdXIgY2FyZWVyJztcbiAgICBjYXNlIFByb2R1Y3QuU2lsdmVyOlxuICAgIGNhc2UgUHJvZHVjdC5Qcm86XG4gICAgICByZXR1cm4gJ0xlYXJuIGEgc2tpbGwnO1xuICAgIGNhc2UgUHJvZHVjdC5UZWFtczpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDIrJztcbiAgICBjYXNlIFByb2R1Y3QuRW50ZXJwcmlzZTpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDI1Kyc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24gPSAocHJvZHVjdDogUHJvZHVjdCkgPT4ge1xuICBjb25zdCBwcm9kdWN0RmVhdHVyZXMgPSAoXG4gICAgPFRleHQgbWF4V2lkdGg9e3sgbWQ6ICcyMzVweCcgfX0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICB7Z2V0UHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgIDwvVGV4dD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IG10PXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAge3Byb2R1Y3RGZWF0dXJlc31cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUHJpY2luZ0NhcmQgPSAoe1xuICBwcm9kdWN0LFxuICBwcm9kdWN0RGV0YWlscyxcbiAgY3VycmVuY3ksXG4gIHBsYW5zQnlUeXBlLFxuICBpc1VzZXJJbkluZGlhLFxuICB1c2VyLFxuICB0cmFja0J1c2luZXNzQ2xpY2ssXG59OiB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByb2R1Y3REZXRhaWxzOiBQcm9kdWN0RGV0YWlscztcbiAgY3VycmVuY3k6IEFsbEN1cnJlbmN5O1xuICBwbGFuc0J5VHlwZTogUGxhbnNCeVR5cGU7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIHVzZXI6IFVzZXI7XG4gIHRyYWNrQnVzaW5lc3NDbGljaz86ICh7XG4gICAgdGFyZ2V0LFxuICAgIGNvbnRleHQsXG4gIH06IHtcbiAgICB0YXJnZXQ6IHN0cmluZztcbiAgICBjb250ZXh0OiBzdHJpbmc7XG4gIH0pID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGlzR29sZFByb2R1Y3QgPSBwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGQ7XG4gIGNvbnN0IGlzVGVhbXNQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0Um93IHNob3dSZWNvbW1lbmRlZEJhZGdlPXtwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGR9PlxuICAgICAgPFN0eWxlZENhcmQgZGlzcGxheT1cImZsZXhcIiBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiPlxuICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8UmVjb21tZW5kZWRCYWRnZSAvPn1cbiAgICAgICAgPENvbmRpdGlvbmFsQ29sb3JNb2RlIGNvbmRpdGlvbj17aXNUZWFtc1Byb2R1Y3R9PlxuICAgICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgICB2YXJpYW50PXtwcm9kdWN0fVxuICAgICAgICAgICAgcHk9ezh9XG4gICAgICAgICAgICBweD17MjR9XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXt7IF86IDIyLCB4bDogMjYgfX0+XG4gICAgICAgICAgICAgIHtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5kaXNwbGF5TmFtZSB8fFxuICAgICAgICAgICAgICAgIHBsYW5zQnlUeXBlW3Byb2R1Y3RdLmFubnVhbD8uZGlzcGxheU5hbWV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8VGV4dCBzY3JlZW5yZWFkZXI+UmVjb21tZW5kZWQ8L1RleHQ+fVxuICAgICAgICAgICAge2dldEJhZGdlVGV4dChwcm9kdWN0KSAmJiAoXG4gICAgICAgICAgICAgIDxCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBtbD17MTJ9PlxuICAgICAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCl9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2FyZEhlYWRlcj5cbiAgICAgICAgPC9Db25kaXRpb25hbENvbG9yTW9kZT5cblxuICAgICAgICA8Qm94IHB4PXsyNH0gcHQ9ezI0fT5cbiAgICAgICAgICA8RmxleEJveCBjZW50ZXIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkVudGVycHJpc2UgPyAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgICAgY29sdW1uXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG1pbkhlaWdodD17MTM0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiIG1iPXs4fSB0ZXh0QWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIExvb2tpbmcgdG8gdHJhaW4gYSBsYXJnZXIgdGVhbT9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLWxnXCIgdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBDb250YWN0IHVzIGZvciBhIGN1c3RvbSBxdW90ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFByaWNpbmdBbW91bnRcbiAgICAgICAgICAgICAgICBtb250aGx5UHJpY2U9e3BsYW5zQnlUeXBlW3Byb2R1Y3RdLm1vbnRobHk/LnByaWNlfVxuICAgICAgICAgICAgICAgIHByaWNlPXtwcm9kdWN0RGV0YWlscy5wcmljZX1cbiAgICAgICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgICAgICBpc1VzZXJJbkluZGlhPXtpc1VzZXJJbkluZGlhfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPERpdmlkZXIgbXQ9ezE2fSAvPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIG15PXsxMn1cbiAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAqIFByZXZpb3VzbHkgd2Ugd2VyZSBhcmJpdHJhcmlseSBzaXppbmcgY2FyZHMgdG8gYSB3aWR0aCB0aGF0IHdhc1xuICAgICAgICAgICAgICAgKiBcInRvbyBzbWFsbFwiIGZvciB0aGUgY29udGVudCB0aGV5IGNvbnRhaW5lZC4gVGhlIGFjdHVhbCBhZmZlY3QgdGhpcyB3YXNcbiAgICAgICAgICAgICAgICogaGF2aW5nIHdhcyBzaHJpbmtpbmcgdGhpcyBzZWN0aW9uIGRvd24gdG8gMjU2cHgsIHNvIHJhdGhlciB0aGFuIHNpemVcbiAgICAgICAgICAgICAgICogdGhlIGNhcmQsIEknbSBvcHRpbmcgdG8gc2l6ZSB0aGlzIHBhcnRpY3VsYXIgY29udGFpbmVyIHcvaS5cbiAgICAgICAgICAgICAgICogVGhpcyBhbGxvd3MgdGhlIGNhcmRzIHRoZW1zZWx2ZXMgdG8gYmUgbW9yZSBmbGV4aWJsZSBhbmQgc2ltcGx5IHN0eWxlZFxuICAgICAgICAgICAgICAgKiB3aGlsZSBzdGlsbCBtYWludGFpbmluZyB0aGUgXCJwcm9wZXIgc2l6ZVwiIG9uIHNtYWxsZXIgc2NyZWVucy5cbiAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICd1bnNldCcsIG1kOiBweFJlbSgyNTYpIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3ggbWI9ezI0fSBtdD1cImF1dG9cIiBjb2x1bW4+XG4gICAgICAgICAgPFByb2R1Y3RDVEFcbiAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICBwcm9kdWN0RGV0YWlscz17cHJvZHVjdERldGFpbHN9XG4gICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgdHJhY2tCdXNpbmVzc0NsaWNrPXt0cmFja0J1c2luZXNzQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgIDwvU3R5bGVkTGlzdFJvdz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVtQiJ9 */");
+const getBadgeText = (product) => {
+	switch (product) {
+		case require_types.Product.Gold: return "Advance your career";
+		case require_types.Product.Silver:
+		case require_types.Product.Pro: return "Learn a skill";
+		case require_types.Product.Teams: return "Recommended for 2+";
+		case require_types.Product.Enterprise: return "Recommended for 25+";
+		default: return null;
+	}
+};
+const renderProductDescription = (product) => {
+	const productFeatures = /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		maxWidth: { md: "235px" },
+		textAlign: "center"
+	}, require_config.getProductDescription(product));
+	return /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		mt: 8,
+		alignItems: "center",
+		flexDirection: "column"
+	}, productFeatures);
+};
+const PricingCard = ({ product, productDetails, currency, plansByType, isUserInIndia, user, trackBusinessClick }) => {
+	const isGoldProduct = product === require_types.Product.Gold;
+	const isTeamsProduct = product === require_types.Product.Teams;
+	return /*#__PURE__*/ React.createElement(StyledListRow, { showRecommendedBadge: product === require_types.Product.Gold }, /*#__PURE__*/ React.createElement(StyledCard, {
+		display: "flex",
+		shadow: "patternLeft"
+	}, isGoldProduct && /*#__PURE__*/ React.createElement(require_RecommendedBadge.RecommendedBadge, null), /*#__PURE__*/ React.createElement(require_ConditionalColorMode.ConditionalColorMode, { condition: isTeamsProduct }, /*#__PURE__*/ React.createElement(CardHeader, {
+		variant: product,
+		py: 8,
+		px: 24,
+		alignItems: "center",
+		justifyContent: "space-between"
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		as: "h2",
+		fontSize: {
+			_: 22,
+			xl: 26
+		}
+	}, plansByType[product].monthly?.displayName || plansByType[product].annual?.displayName), isGoldProduct && /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, { screenreader: true }, "Recommended"), getBadgeText(product) && /*#__PURE__*/ React.createElement(_codecademy_gamut.Badge, {
+		variant: "tertiary",
+		ml: 12
+	}, getBadgeText(product)))), /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, {
+		px: 24,
+		pt: 24
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		center: true,
+		alignItems: "flex-start"
+	}, product === require_types.Product.Enterprise ? /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		column: true,
+		alignItems: "center",
+		justifyContent: "center",
+		minHeight: 134
+	}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		color: "text-secondary",
+		mb: 8,
+		textAlign: "center"
+	}, "Looking to train a larger team?"), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+		variant: "title-lg",
+		textAlign: "center"
+	}, "Contact us for a custom quote")) : /*#__PURE__*/ React.createElement(require_PricingAmount.PricingAmount, {
+		monthlyPrice: plansByType[product].monthly?.price,
+		price: productDetails.price,
+		product,
+		currency,
+		isUserInIndia
+	})), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		column: true,
+		alignItems: "center"
+	}, /*#__PURE__*/ React.createElement(Divider, { mt: 16 }), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		my: 12,
+		/**
+		* Previously we were arbitrarily sizing cards to a width that was
+		* "too small" for the content they contained. The actual affect this was
+		* having was shrinking this section down to 256px, so rather than size
+		* the card, I'm opting to size this particular container w/i.
+		* This allows the cards themselves to be more flexible and simply styled
+		* while still maintaining the "proper size" on smaller screens.
+		*/ width: {
+			_: "unset",
+			md: (0, _codecademy_gamut_styles.pxRem)(256)
+		}
+	}, renderProductDescription(product)))), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+		mb: 24,
+		mt: "auto",
+		column: true
+	}, /*#__PURE__*/ React.createElement(require_ProductCTA.ProductCTA, {
+		user,
+		productDetails,
+		product,
+		trackBusinessClick
+	}))));
+};
+
+//#endregion
+exports.PricingCard = PricingCard;
+//# sourceMappingURL=index.cjs.map

package/dist/PricingSection/PricingCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Badge","Box","Card","FlexBox","Text","CheckerDense","css","pxRem","theme","variant","styled","ConditionalColorMode","getProductDescription","ProductCTA","Product","PricingAmount","RecommendedBadge","smSize","StyledCard","height","borderWidth","padding","width","flexDirection","Divider","StyledListRow","breakpoints","lg","cardHeaderVariants","base","backgroundColor","variants","Basic","borderBottomWidth","borderBottomStyle","borderBottomColor","colors","color","Enterprise","Silver","paleYellow","Gold","yellow","Pro","Teams","background","CardHeader","getBadgeText","product","renderProductDescription","productFeatures","maxWidth","md","textAlign","mt","alignItems","PricingCard","productDetails","currency","plansByType","isUserInIndia","user","trackBusinessClick","isGoldProduct","isTeamsProduct","showRecommendedBadge","display","shadow","condition","py","px","justifyContent","as","fontSize","_","xl","monthly","displayName","annual","screenreader","ml","pt","center","column","minHeight","mb","monthlyPrice","price","my"],"sources":["../../../src/PricingSection/PricingCard/index.tsx"],"sourcesContent":["import { Badge, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { css, pxRem, theme, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { ConditionalColorMode } from '../ConditionalColorMode';\nimport { getProductDescription, PlansByType } from '../config';\nimport { ProductCTA } from '../ProductCTA';\nimport { Product, ProductDetails, User } from '../types';\nimport { PricingAmount } from './PricingAmount';\nimport { RecommendedBadge } from './RecommendedBadge';\nimport { AllCurrency } from './types';\n\nexport const smSize = 728;\n\nconst StyledCard = styled(Card)(\n  css({\n    height: 1,\n    borderWidth: 0,\n    padding: 0,\n    width: '100%',\n    flexDirection: 'column',\n  })\n);\n\nconst Divider = styled(CheckerDense)(\n  css({\n    height: '0.1rem',\n  })\n);\n\ntype StyledListRowProps = {\n  showRecommendedBadge: boolean;\n};\n\nconst StyledListRow = styled('li')<StyledListRowProps>`\n  width: 100%;\n  max-width: ${pxRem(smSize)};\n  height: 100%;\n  display: grid;\n  ${theme.breakpoints.lg} {\n    min-width: 36rem;\n  }\n`;\n\nconst cardHeaderVariants = variant({\n  base: {\n    backgroundColor: 'transparent',\n  },\n  variants: {\n    [Product.Basic]: {\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: theme.colors['navy-200'],\n      color: 'navy-500',\n    },\n    [Product.Enterprise]: {\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: theme.colors['navy-200'],\n      color: 'navy-500',\n    },\n    [Product.Silver]: {\n      backgroundColor: theme.colors.paleYellow,\n    },\n    [Product.Gold]: {\n      backgroundColor: theme.colors.yellow,\n    },\n    [Product.Pro]: {\n      backgroundColor: theme.colors.yellow,\n    },\n    [Product.Teams]: {\n      backgroundColor: theme.colors.background,\n    },\n  },\n});\n\nconst CardHeader = styled(FlexBox)(cardHeaderVariants);\n\nconst getBadgeText = (product: Product): string | null => {\n  switch (product) {\n    case Product.Gold:\n      return 'Advance your career';\n    case Product.Silver:\n    case Product.Pro:\n      return 'Learn a skill';\n    case Product.Teams:\n      return 'Recommended for 2+';\n    case Product.Enterprise:\n      return 'Recommended for 25+';\n    default:\n      return null;\n  }\n};\n\nconst renderProductDescription = (product: Product) => {\n  const productFeatures = (\n    <Text maxWidth={{ md: '235px' }} textAlign=\"center\">\n      {getProductDescription(product)}\n    </Text>\n  );\n\n  return (\n    <FlexBox mt={8} alignItems=\"center\" flexDirection=\"column\">\n      {productFeatures}\n    </FlexBox>\n  );\n};\n\nexport const PricingCard = ({\n  product,\n  productDetails,\n  currency,\n  plansByType,\n  isUserInIndia,\n  user,\n  trackBusinessClick,\n}: {\n  product: Product;\n  productDetails: ProductDetails;\n  currency: AllCurrency;\n  plansByType: PlansByType;\n  isUserInIndia: boolean;\n  user: User;\n  trackBusinessClick?: ({\n    target,\n    context,\n  }: {\n    target: string;\n    context: string;\n  }) => void;\n}) => {\n  const isGoldProduct = product === Product.Gold;\n  const isTeamsProduct = product === Product.Teams;\n\n  return (\n    <StyledListRow showRecommendedBadge={product === Product.Gold}>\n      <StyledCard display=\"flex\" shadow=\"patternLeft\">\n        {isGoldProduct && <RecommendedBadge />}\n        <ConditionalColorMode condition={isTeamsProduct}>\n          <CardHeader\n            variant={product}\n            py={8}\n            px={24}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <Text as=\"h2\" fontSize={{ _: 22, xl: 26 }}>\n              {plansByType[product].monthly?.displayName ||\n                plansByType[product].annual?.displayName}\n            </Text>\n            {isGoldProduct && <Text screenreader>Recommended</Text>}\n            {getBadgeText(product) && (\n              <Badge variant=\"tertiary\" ml={12}>\n                {getBadgeText(product)}\n              </Badge>\n            )}\n          </CardHeader>\n        </ConditionalColorMode>\n\n        <Box px={24} pt={24}>\n          <FlexBox center alignItems=\"flex-start\">\n            {product === Product.Enterprise ? (\n              <FlexBox\n                column\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                minHeight={134}\n              >\n                <Text color=\"text-secondary\" mb={8} textAlign=\"center\">\n                  Looking to train a larger team?\n                </Text>\n                <Text variant=\"title-lg\" textAlign=\"center\">\n                  Contact us for a custom quote\n                </Text>\n              </FlexBox>\n            ) : (\n              <PricingAmount\n                monthlyPrice={plansByType[product].monthly?.price}\n                price={productDetails.price}\n                product={product}\n                currency={currency}\n                isUserInIndia={isUserInIndia}\n              />\n            )}\n          </FlexBox>\n\n          <FlexBox column alignItems=\"center\">\n            <Divider mt={16} />\n            <FlexBox\n              flexDirection=\"column\"\n              my={12}\n              /**\n               * Previously we were arbitrarily sizing cards to a width that was\n               * \"too small\" for the content they contained. The actual affect this was\n               * having was shrinking this section down to 256px, so rather than size\n               * the card, I'm opting to size this particular container w/i.\n               * This allows the cards themselves to be more flexible and simply styled\n               * while still maintaining the \"proper size\" on smaller screens.\n               */\n              width={{ _: 'unset', md: pxRem(256) }}\n            >\n              {renderProductDescription(product)}\n            </FlexBox>\n          </FlexBox>\n        </Box>\n        <FlexBox mb={24} mt=\"auto\" column>\n          <ProductCTA\n            user={user}\n            productDetails={productDetails}\n            product={product}\n            trackBusinessClick={trackBusinessClick}\n          />\n        </FlexBox>\n      </StyledCard>\n    </StyledListRow>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAaiB,SAAS;AAEtB,MAAMC,aAAaR,2CAAOR,wBAAAA;;;qCACpB;CACFiB,QAAQ;CACRC,aAAa;CACbC,SAAS;CACTC,OAAO;CACPC,eAAe;AACjB,CAAA,GAAA,6vRAAA;AAGF,MAAMC,UAAUd,2CAAOL,yCAAAA;;;qCACjB,EACFc,QAAQ,SACV,CAAA,GAAA,6vRAAA;AAOF,MAAMM,gBAAgBf,2CAAO,MAAA;;;mEAERO,GAAAA,8BAGjBT,+BAAMkB,YAAYC,IAAE,sBAAA,6vRAAA;AAKxB,MAAMC,2DAA6B;CACjCC,MAAM,EACJC,iBAAiB,cACnB;CACAC,UAAU;GACPjB,sBAAQkB,QAAQ;GACfC,mBAAmB;GACnBC,mBAAmB;GACnBC,mBAAmB3B,+BAAM4B,OAAO;GAChCC,OAAO;EACT;GACCvB,sBAAQwB,aAAa;GACpBL,mBAAmB;GACnBC,mBAAmB;GACnBC,mBAAmB3B,+BAAM4B,OAAO;GAChCC,OAAO;EACT;GACCvB,sBAAQyB,SAAS,EAChBT,iBAAiBtB,+BAAM4B,OAAOI,WAChC;GACC1B,sBAAQ2B,OAAO,EACdX,iBAAiBtB,+BAAM4B,OAAOM,OAChC;GACC5B,sBAAQ6B,MAAM,EACbb,iBAAiBtB,+BAAM4B,OAAOM,OAChC;GACC5B,sBAAQ8B,QAAQ,EACfd,iBAAiBtB,+BAAM4B,OAAOS,WAChC;CACF;AACF,CAAA;AAEA,MAAMC,aAAapC,2CAAOP,2BAAAA;;;GAASyB,oBAAAA,6vRAAAA;AAEnC,MAAMmB,gBAAgBC,YAAAA;CACpB,QAAQA,SAAR;EACE,KAAKlC,sBAAQ2B,MACX,OAAO;EACT,KAAK3B,sBAAQyB;EACb,KAAKzB,sBAAQ6B,KACX,OAAO;EACT,KAAK7B,sBAAQ8B,OACX,OAAO;EACT,KAAK9B,sBAAQwB,YACX,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,MAAMW,4BAA4BD,YAAAA;CAChC,MAAME,kBACJ,oBAAA,cAAC9C,wBAAAA;EAAK+C,UAAU,EAAEC,IAAI,QAAQ;EAAGC,WAAU;IACxCzC,qCAAsBoC,OAAAA,CAAAA;CAI3B,OACE,oBAAA,cAAC7C,2BAAAA;EAAQmD,IAAI;EAAGC,YAAW;EAAShC,eAAc;IAC/C2B,eAAAA;AAGP;AAEA,MAAaM,eAAe,EAC1BR,SACAS,gBACAC,UACAC,aACAC,eACAC,MACAC,yBAeD;CACC,MAAMC,gBAAgBf,YAAYlC,sBAAQ2B;CAC1C,MAAMuB,iBAAiBhB,YAAYlC,sBAAQ8B;CAE3C,OACE,oBAAA,cAACnB,eAAAA,EAAcwC,sBAAsBjB,YAAYlC,sBAAQ2B,QACvD,oBAAA,cAACvB,YAAAA;EAAWgD,SAAQ;EAAOC,QAAO;IAC/BJ,iBAAiB,oBAAA,cAAC/C,2CAAAA,IAAAA,GACnB,oBAAA,cAACL,mDAAAA,EAAqByD,WAAWJ,kBAC/B,oBAAA,cAAClB,YAAAA;EACCrC,SAASuC;EACTqB,IAAI;EACJC,IAAI;EACJf,YAAW;EACXgB,gBAAe;IAEf,oBAAA,cAACnE,wBAAAA;EAAKoE,IAAG;EAAKC,UAAU;GAAEC,GAAG;GAAIC,IAAI;EAAG;IACrChB,YAAYX,QAAQ,CAAC4B,SAASC,eAC7BlB,YAAYX,QAAQ,CAAC8B,QAAQD,WAAAA,GAEhCd,iBAAiB,oBAAA,cAAC3D,wBAAAA,EAAK2E,cAAAA,QAAa,aAAA,GACpChC,aAAaC,OAAAA,KACZ,oBAAA,cAAChD,yBAAAA;EAAMS,SAAQ;EAAWuE,IAAI;IAC3BjC,aAAaC,OAAAA,CAAAA,CAAAA,CAAAA,GAMtB,oBAAA,cAAC/C,uBAAAA;EAAIqE,IAAI;EAAIW,IAAI;IACf,oBAAA,cAAC9E,2BAAAA;EAAQ+E,QAAAA;EAAO3B,YAAW;IACxBP,YAAYlC,sBAAQwB,aACnB,oBAAA,cAACnC,2BAAAA;EACCgF,QAAAA;EACA5B,YAAW;EACXgB,gBAAe;EACfa,WAAW;IAEX,oBAAA,cAAChF,wBAAAA;EAAKiC,OAAM;EAAiBgD,IAAI;EAAGhC,WAAU;IAAS,iCAAA,GAGvD,oBAAA,cAACjD,wBAAAA;EAAKK,SAAQ;EAAW4C,WAAU;IAAS,+BAAA,CAAA,IAK9C,oBAAA,cAACtC,qCAAAA;EACCuE,cAAc3B,YAAYX,QAAQ,CAAC4B,SAASW;EAC5CA,OAAO9B,eAAe8B;EACbvC;EACCU;EACKE;MAKrB,oBAAA,cAACzD,2BAAAA;EAAQgF,QAAAA;EAAO5B,YAAW;IACzB,oBAAA,cAAC/B,SAAAA,EAAQ8B,IAAI,OACb,oBAAA,cAACnD,2BAAAA;EACCoB,eAAc;EACdiE,IAAI;;;;;;;;KASJlE,OAAO;GAAEoD,GAAG;GAAStB,wCAAU,GAAA;EAAK;IAEnCH,yBAAyBD,OAAAA,CAAAA,CAAAA,CAAAA,GAIhC,oBAAA,cAAC7C,2BAAAA;EAAQkF,IAAI;EAAI/B,IAAG;EAAO6B,QAAAA;IACzB,oBAAA,cAACtE,+BAAAA;EACOgD;EACUJ;EACPT;EACWc;;AAMhC"}