"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/CardPage.tsx
var CardPage_exports = {};
__export(CardPage_exports, {
  CardPage: () => CardPage,
  CardPageContent: () => CardPageContent,
  CardPageFullContent: () => CardPageFullContent,
  CardPageFullWidth: () => CardPageFullWidth,
  CardPageRightContentInner: () => CardPageRightContentInner,
  CardPageSubtitle: () => CardPageSubtitle
});
module.exports = __toCommonJS(CardPage_exports);
var import_styled4 = __toESM(require("@emotion/styled"), 1);
var import_react7 = require("react");

// src/styles/breakpoints.tsx
var import_react = require("@emotion/react");
var import_lodash_es = require("lodash-es");
var import_react2 = require("react");
var import_jsx_runtime = require("@emotion/react/jsx-runtime");
var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
  Breakpoints2["sm"] = "sm";
  Breakpoints2["md"] = "md";
  Breakpoints2["lg"] = "lg";
  return Breakpoints2;
})(Breakpoints || {});
var breakpoints = {
  ["sm" /* sm */]: 640,
  ["md" /* md */]: 834,
  ["lg" /* lg */]: 1200
};
var breakpointFn = (mq) => (style) => `@media ${mq} { ${style} }`;
var bp = {
  key: Breakpoints,
  ["sm" /* sm */]: breakpointFn(`(max-width:${breakpoints.sm}px)`),
  ["lg" /* lg */]: breakpointFn(`(min-width:${breakpoints.lg}px)`),
  ["minSmMaxLg" /* minSmMaxLg */]: breakpointFn(
    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.lg - 1}px)`
  ),
  ["minSmMaxMd" /* minSmMaxMd */]: breakpointFn(
    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.md - 1}px)`
  ),
  ["minMdMaxLg" /* minMdMaxLg */]: breakpointFn(
    `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 1}px)`
  ),
  ["maxLg" /* maxLg */]: breakpointFn(`(max-width:${breakpoints.lg - 1}px)`),
  ["maxMd" /* maxMd */]: breakpointFn(`(max-width:${breakpoints.md - 1}px)`),
  ["minSm" /* minSm */]: breakpointFn(`(min-width:${breakpoints.sm + 1}px)`),
  ["minMd" /* minMd */]: breakpointFn(`(min-width:${breakpoints.md + 1}px)`),
  current: function(assertBp) {
    const currentBp = (
      /* window is undefined in first server side render for Next apps: */
      typeof window === "undefined" ? "sm" /* sm */ : window.getComputedStyle(document.body, ":before").content.replace(/"/g, "")
    );
    if (assertBp) {
      return inRange(
        currentBp,
        assertBp
      );
    }
    return currentBp;
  },
  switch: (smVal, minSmMaxMdVal, minMdMaxLgVal, lgVal) => {
    const currentBp = bp.current();
    if (currentBp === "sm" /* sm */) {
      return smVal;
    } else if (currentBp === "minSmMaxMd" /* minSmMaxMd */) {
      return minSmMaxMdVal;
    } else if (currentBp === "minMdMaxLg" /* minMdMaxLg */) {
      return minMdMaxLgVal;
    }
    return lgVal;
  },
  isSm: () => bp.current("sm" /* sm */),
  isMinSm: () => bp.current("minSm" /* minSm */),
  isMinSmMaxMd: () => bp.current("minSmMaxMd" /* minSmMaxMd */),
  isMinMdMaxLg: () => bp.current("minMdMaxLg" /* minMdMaxLg */),
  isLg: () => bp.current("lg" /* lg */)
};
function inRange(currentBp, assertBp) {
  const isSm = currentBp === "sm" /* sm */;
  const isMinSmMaxMd = currentBp === "minSmMaxMd" /* minSmMaxMd */;
  const isMinMdMaxLg = currentBp === "minMdMaxLg" /* minMdMaxLg */;
  const isLg = currentBp === "lg" /* lg */;
  if (assertBp) {
    switch (assertBp) {
      case "sm" /* sm */:
        return isSm;
      case "minSmMaxMd" /* minSmMaxMd */:
        return isMinSmMaxMd;
      case "minMdMaxLg" /* minMdMaxLg */:
        return isMinMdMaxLg;
      case "lg" /* lg */:
        return isLg;
      case "minSmMaxLg" /* minSmMaxLg */:
        return isMinSmMaxMd || isMinMdMaxLg;
      case "maxLg" /* maxLg */:
        return isSm || isMinSmMaxMd || isMinMdMaxLg;
      case "maxMd" /* maxMd */:
        return isSm || isMinSmMaxMd;
      case "minSm" /* minSm */:
        return isMinSmMaxMd || isMinMdMaxLg || isLg;
      case "minMd" /* minMd */:
        return isMinMdMaxLg || isLg;
      default:
        return false;
    }
  }
  return false;
}
function useBreakpoints() {
  const [currentBp, setCurrentBp] = (0, import_react2.useState)(bp.current());
  (0, import_react2.useLayoutEffect)(() => {
    const handleResize = () => {
      const newBp = bp.current();
      if (newBp !== currentBp) {
        setCurrentBp(newBp);
      }
    };
    handleResize();
    window.addEventListener("resize", handleResize);
    window.addEventListener("deviceorientation", handleResize);
    return () => {
      window.removeEventListener("resize", handleResize);
      window.removeEventListener("deviceorientation", handleResize);
    };
  });
  return bp;
}

// src/styles/colors.tsx
var import_react3 = require("@emotion/react");

// src/styles/fonts/typographyTokens.ts
var FONT_FAMILIES = {
  main: "Montserrat",
  code: "Monaco"
};
var LINE_HEIGHTS = {
  ["UmaDocs" /* UmaDocs */]: {
    "5xl": "72px",
    "4xl": "60px",
    "3xl": "44px",
    "2xl": "40px",
    xl: "36px",
    lg: "32px",
    md: "28px",
    sm: "24px",
    xs: "20px",
    "2xs": "16px"
  },
  ["Lightspark" /* Lightspark */]: {
    "7xl": "72px",
    "6xl": "60px",
    "5xl": "44px",
    "4xl": "40px",
    "3xl": "36px",
    "2xl": "32px",
    xl: "28px",
    lg: "24px",
    md: "20px",
    sm: "18px",
    xs: "16px",
    "2xs": "14px"
  }
};
var FONT_WEIGHTS = {
  main: {
    Bold: 700,
    SemiBold: 600,
    Medium: 500
  },
  code: {
    Bold: 700,
    Regular: 400
  }
};
var FONT_SIZE = {
  ["UmaDocs" /* UmaDocs */]: {
    "2xs": "11px",
    xs: "12px",
    sm: "14px",
    md: "16px",
    lg: "20px",
    xl: "24px",
    "2xl": "28px",
    "3xl": "32px",
    "4xl": "36px",
    "5xl": "48px",
    "6xl": "64px"
  },
  ["Lightspark" /* Lightspark */]: {
    "2xs": "10px",
    xs: "12px",
    sm: "14px",
    md: "16px",
    lg: "20px",
    xl: "24px",
    "2xl": "28px",
    "3xl": "32px",
    "4xl": "36px",
    "5xl": "48px",
    "6xl": "64px"
  }
};
var LETTER_SPACING = {
  ["UmaDocs" /* UmaDocs */]: {
    tight: "-.02em",
    normal: "0",
    loose: ".1em"
  },
  ["Lightspark" /* Lightspark */]: {
    "tight-max": "-4%",
    "tight-high": "-3%",
    "tight-medium": "-2%",
    "tight-low": "-0.5%",
    normal: "0",
    "loose-max": "1.44px"
  }
};
var TEXT_CASE = {
  none: "none",
  uppercase: "uppercase"
};
var TEXT_DECORATION = {
  none: "none"
};
var PARAGRAPH_INDENT = {
  0: "0px"
};
var PARAGRAPH_SPACING = {
  default: "default",
  0: "0",
  16: "16px",
  40: "40px"
};
var getTypography = (customFontFamilies) => {
  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
  return {
    fontFamilies,
    lineHeights: LINE_HEIGHTS,
    fontWeights: FONT_WEIGHTS,
    fontSize: FONT_SIZE,
    letterSpacing: LETTER_SPACING,
    textCase: TEXT_CASE,
    textDecoration: TEXT_DECORATION,
    paragraphIndent: PARAGRAPH_INDENT,
    paragraphSpacing: PARAGRAPH_SPACING,
    ["Lightspark" /* Lightspark */]: {
      Display: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
          "letter-spacing": "-2.56px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
          "letter-spacing": "-1.92px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
          "letter-spacing": "-1.44px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Headline: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
          "letter-spacing": "-.96px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
          "letter-spacing": "-.84px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
          "letter-spacing": "-.72px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Title: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
          "letter-spacing": "-.4px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": "-.32x",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.28px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Body: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
          "letter-spacing": "-.08px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": "-.07px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.06px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Body Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
          "letter-spacing": "-.08px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": "-.07px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.06px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Label: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.07px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
          "letter-spacing": "-.06px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
          "letter-spacing": "-.05px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Label Moderate": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.07px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
          "letter-spacing": "-.06px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
          "letter-spacing": "-.05px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Label Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "-.07px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
          "letter-spacing": "-.06px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
          "letter-spacing": "-.05px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Overline: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": "1.92px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": "1.68px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
          "letter-spacing": "1.44px",
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Code: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Code Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      }
    },
    ["UmaDocs" /* UmaDocs */]: {
      Display: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["5xl"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["6xl"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["4xl"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["5xl"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["3xl"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["4xl"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Headline: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xl"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["3xl"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xl}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xl"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].lg}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xl}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Title: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].md}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].lg}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Body: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Body Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Label: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Label Moderate": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Label Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Overline: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.main}`,
          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.uppercase}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      Code: {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      },
      "Code Strong": {
        ["Large" /* Large */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Medium" /* Medium */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        },
        ["Small" /* Small */]: {
          "font-family": `${fontFamilies.code}`,
          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
          "text-case": `${TEXT_CASE.none}`,
          "text-decoration": `${TEXT_DECORATION.none}`
        }
      }
    }
  };
};

// src/styles/colors.tsx
var neutral = {
  black: "#000000",
  gray5: "#0D0D0D",
  gray10: "#1A1A1A",
  gray15: "#262626",
  gray20: "#333333",
  gray25: "#404040",
  gray30: "#4D4D4D",
  gray40: "#666666",
  gray50: "#808080",
  gray60: "#999999",
  gray70: "#B3B3B3",
  gray80: "#CCCCCC",
  gray85: "#D9D9D9",
  gray90: "#E6E6E6",
  gray95: "#F2F2F2",
  white: "#FFFFFF"
};
var uma = {
  background: "#F9F9F9",
  black: "#16171A",
  blue: "#0068C9",
  blue50: "#C0C9D6",
  blue80: "#DCE2EA",
  blue90: "#EBEEF2",
  blue95: "#F2F5F7",
  grey300: "#DEDFE4",
  secondary: "#686A72",
  stroke: "#C0C9D6",
  strokeProminent: "#9BA7B9",
  fill: "#EBEEF2"
};
var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
var primary = "#FFF14E";
var colors = __spreadProps(__spreadValues({}, neutral), {
  uma,
  // green
  success: "#17C27C",
  // blue
  blue43: "#145BC6",
  blue22: "#0E2E60",
  blue58: "#28BFFF",
  blue95: "#EBEEF2",
  // yellow
  primary,
  warning: primary,
  // orange
  danger: "#FD2C0F",
  // neutral
  secondary: neutral.black,
  // billing
  tier1: "#179257",
  tier2: "#8B38DE",
  tier3: "#0048F7"
});
function extend(obj, rest) {
  return __spreadValues(__spreadValues({}, obj), rest);
}
function extendBase(obj, rest) {
  return __spreadValues(__spreadValues({}, obj), rest);
}
function hcNeutralFromBg(bgHex, defaultHex, altHex) {
  const bgRGB = hexToRGB(bgHex);
  const hcRGB = hexToRGB(defaultHex);
  if (!bgRGB || !hcRGB)
    return defaultHex;
  const c = contrast(bgRGB, hcRGB);
  if (c < 4.5) {
    return altHex;
  }
  return defaultHex;
}
var lightBaseTheme = {
  type: "light" /* Light */,
  app: "Lightspark" /* Lightspark */,
  bg: colors.white,
  smBg: colors.white,
  c05Neutral: neutral.gray95,
  c1Neutral: neutral.gray90,
  c15Neutral: neutral.gray85,
  c2Neutral: neutral.gray80,
  c3Neutral: neutral.gray70,
  c4Neutral: neutral.gray60,
  c5Neutral: neutral.gray50,
  c6Neutral: neutral.gray40,
  c7Neutral: neutral.gray30,
  c8Neutral: neutral.gray20,
  c9Neutral: neutral.gray10,
  danger: colors.danger,
  hcNeutral: colors.black,
  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
  info: colors.blue43,
  lcNeutral: neutral.gray80,
  link: colors.blue43,
  mcNeutral: neutral.gray40,
  onInfoText: colors.white,
  onPrimaryText: colors.black,
  onSuccessText: colors.white,
  primary: colors.primary,
  secondary: colors.secondary,
  success: colors.success,
  text: colors.black,
  typography: getTypography(),
  vlcNeutral: neutral.gray95,
  warning: colors.warning
};
var darkBaseTheme = {
  type: "dark" /* Dark */,
  app: "Lightspark" /* Lightspark */,
  bg: colors.black,
  smBg: colors.black,
  c05Neutral: neutral.gray5,
  c1Neutral: neutral.gray10,
  c15Neutral: neutral.gray15,
  c2Neutral: neutral.gray20,
  c3Neutral: neutral.gray30,
  c4Neutral: neutral.gray40,
  c5Neutral: neutral.gray50,
  c6Neutral: neutral.gray60,
  c7Neutral: neutral.gray70,
  c8Neutral: neutral.gray80,
  c9Neutral: neutral.gray90,
  danger: colors.danger,
  hcNeutral: colors.white,
  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.white, colors.black),
  info: colors.white,
  lcNeutral: neutral.gray40,
  link: colors.blue43,
  mcNeutral: neutral.gray60,
  onInfoText: colors.white,
  onPrimaryText: colors.black,
  onSuccessText: colors.white,
  primary: colors.primary,
  secondary: colors.secondary,
  success: colors.success,
  text: colors.white,
  typography: getTypography(),
  vlcNeutral: neutral.gray20,
  warning: colors.warning
};
var lightTheme = extend(lightBaseTheme, {
  header: extendBase(lightBaseTheme, {
    text: colors.gray60
  }),
  nav: extendBase(lightBaseTheme, {
    text: colors.gray10,
    secondary: colors.gray40
  }),
  content: extendBase(lightBaseTheme, {
    bg: colors.white,
    smBg: colors.white
  }),
  controls: extendBase(lightBaseTheme, {
    bg: neutral.gray95,
    smBg: neutral.gray95,
    text: neutral.gray60,
    secondary: colors.secondary
  })
});
var darkTheme = extend(darkBaseTheme, {
  header: extendBase(darkBaseTheme, {}),
  nav: extendBase(darkBaseTheme, {}),
  content: extendBase(darkBaseTheme, {}),
  controls: extendBase(darkBaseTheme, {
    bg: neutral.gray40,
    smBg: neutral.gray40,
    text: neutral.white,
    secondary: colors.secondary
  })
});
var umaLightTheme = extend(lightTheme, {
  app: "UmaDocs" /* UmaDocs */,
  bg: uma.background,
  smBg: uma.background,
  secondary: uma.secondary,
  text: uma.black,
  link: uma.blue,
  content: extendBase(lightBaseTheme, {
    bg: uma.background,
    smBg: uma.background,
    text: uma.black,
    secondary: uma.secondary
  }),
  controls: extendBase(lightBaseTheme, {
    text: uma.black,
    secondary: uma.secondary,
    bg: uma.blue90
  })
});
var isLight = (theme) => theme.type === "light" /* Light */;
var themeOr = (lightValue, darkValue) => ({ theme }) => {
  return isLight(theme) ? lightValue : darkValue;
};
function luminance(r, g, b) {
  const a = [r, g, b].map(function(v) {
    v /= 255;
    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
  });
  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
}
function contrast(rgb1, rgb2) {
  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
  const brightest = Math.max(lum1, lum2);
  const darkest = Math.min(lum1, lum2);
  return (brightest + 0.05) / (darkest + 0.05);
}
function hexToRGB(hex) {
  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result ? [
    parseInt(result[1], 16),
    parseInt(result[2], 16),
    parseInt(result[3], 16)
  ] : [0, 0, 0];
}

// src/styles/common.tsx
var import_react4 = require("@emotion/react");
var import_styled = __toESM(require("@emotion/styled"), 1);
var rootFontSizePx = 12;
var rootFontSizeRems = rootFontSizePx / 16;
var headingContentMarginPx = 30;
function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
  const smCSS = import_react4.css`
    ${bp.sm(`
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - ${smPx * 2}px);
    `)}
  `;
  const minSmMaxLgCSS = import_react4.css`
    ${bp.minSmMaxLg(`
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - ${minSmMaxLgPx * 2}px);
    `)}
  `;
  const lgCSS = import_react4.css`
    ${bp.lg(`
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - ${lgPx * 2}px);
      max-width: 1280px;
    `)}
  `;
  return {
    smPx,
    minSmMaxLgPx,
    lgPx,
    smCSS,
    minSmMaxLgCSS,
    lgCSS,
    css: import_react4.css`
      ${lgCSS}
      ${smCSS}
      ${minSmMaxLgCSS}
    `
  };
}
var standardContentInset = buildStandardContentInset(16, 24, 32);
var cardBorderRadiusPx = 16;
var standardBorderRadius = (radius) => {
  const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
  return `
    border-radius: ${borderRadiusPx};
  `;
};
var standardCardShadow = import_react4.css`
  box-shadow:
    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
`;
var pageBorderRadiusPx = 16;
var pageBorderRadius = `
  border-radius: ${pageBorderRadiusPx}px;
`;
var subtext = ({ theme }) => import_react4.css`
  color: ${theme.c6Neutral};
  font-weight: 600;
`;
var Subtext = import_styled.default.div`
  ${subtext}
`;
var darkGradientBg = import_react4.css`
  background: ${darkGradient};
`;

// src/styles/type.tsx
var import_react6 = require("@emotion/react");
var import_styled2 = __toESM(require("@emotion/styled"), 1);

// src/styles/utils.tsx
var import_react5 = require("@emotion/react");
function pxToRems(rems, asNum = false) {
  const value = (rems / rootFontSizePx).toFixed(6);
  return asNum ? Number(value) : `${value}rem`;
}
var size = {
  px8: pxToRems(8),
  px10: pxToRems(10),
  px12: pxToRems(12),
  px14: pxToRems(14),
  px16: pxToRems(16),
  px18: pxToRems(18),
  px20: pxToRems(20),
  px21: pxToRems(21),
  px24: pxToRems(24)
};
var flexCenterAxis = import_react5.css`
  display: flex;
  align-items: center;
`;
var flexCenter = import_react5.css`
  display: flex;
  justify-content: center;
  align-items: center;
`;
var inlineFlexCenter = import_react5.css`
  display: flex;
  justify-content: center;
  align-items: center;
`;
var flexBetween = import_react5.css`
  display: flex;
  justify-content: space-between;
  align-items: center;
`;
var absoluteCenter = import_react5.css`
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
`;
var textCenter = import_react5.css`
  text-align: center;
`;
var overflowAutoWithoutScrollbars = import_react5.css`
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
  }

  &::-moz-scrollbar {
    display: none;
  }
`;
var ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
var firstChild = (style) => `&:first-child:not(style), style:first-child + & ${ignoreSSRWarning} { ${style} }`;

// src/styles/type.tsx
var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
var defaultHeadingSizes = {
  h1: {
    size: 32,
    sizeSm: 21
  },
  h2: {
    size: 24,
    sizeSm: 18
  },
  h3: {
    size: 21,
    sizeSm: 18
  },
  h4: {
    size: 14,
    sizeSm: 14
  }
};
var defaultHeadingMargins = {
  h1: {
    mt: 24,
    mb: 24,
    mtSm: 24,
    mbSm: 24
  },
  h2: {
    mt: 24,
    mb: 24,
    mtSm: 24,
    mbSm: 24
  },
  h3: {
    mt: 24,
    mb: 24,
    mtSm: 24,
    mbSm: 24
  },
  h4: {
    mt: 16,
    mb: 16,
    mtSm: 16,
    mbSm: 16
  }
};
var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => import_react6.css`
  line-height: 1.214em;

  margin-bottom: ${mb}px;
  margin-top: ${mt}px;

  ${bp.sm(`
    margin-top: ${mtSm}px;
    margin-bottom: ${mbSm}px;
  `)}
`;
var firstChildStyles = firstChild(`margin-top: 0;`);
var headings = {
  h1: import_styled2.default.h1`
    ${(props) => baseHeading(props)}
    ${firstChildStyles}

    font-size: ${pxToRems(defaultHeadingSizes.h1.size)};
    font-weight: ${({ light }) => light ? 400 : 800}};
    ${bp.sm(`
      font-size: ${pxToRems(defaultHeadingSizes.h1.sizeSm)};
    `)}
  `,
  h2: import_styled2.default.h2`
    ${(props) => baseHeading(props)}
    ${firstChildStyles}

    font-size: ${pxToRems(defaultHeadingSizes.h2.size)};
    font-weight: ${({ light }) => light ? 400 : 700}};
    ${bp.sm(`
      font-size: ${pxToRems(defaultHeadingSizes.h2.sizeSm)};
    `)}
  `,
  h3: import_styled2.default.h3`
    ${(props) => baseHeading(props)}
    ${firstChildStyles}

    font-size: ${pxToRems(defaultHeadingSizes.h3.size)};
    font-weight: ${({ light }) => light ? 400 : 700}};
    ${bp.sm(`
      font-size: ${pxToRems(defaultHeadingSizes.h3.sizeSm)};
    `)}
  `,
  h4: import_styled2.default.h4`
    ${(props) => baseHeading(props)}
    ${firstChildStyles}

    font-size: ${pxToRems(defaultHeadingSizes.h4.size)};
    font-weight: ${({ light }) => light ? 400 : 600}};
    ${bp.sm(`
      font-size: ${pxToRems(defaultHeadingSizes.h4.sizeSm)};
    `)}
  `
};
function Heading({
  children,
  type = "h2",
  id,
  mt = defaultHeadingMargins[type].mt,
  mb = defaultHeadingMargins[type].mb,
  mtSm = defaultHeadingMargins[type].mtSm,
  mbSm = defaultHeadingMargins[type].mbSm,
  m0 = false,
  light = false
}) {
  const StyledHeading = headings[type];
  const theme = (0, import_react6.useTheme)();
  const heading = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
    StyledHeading,
    {
      id,
      mt: m0 ? 0 : mt,
      mb: m0 ? 0 : mb,
      mtSm: m0 ? 0 : mtSm,
      mbSm: m0 ? 0 : mbSm,
      light,
      theme,
      children: id ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: `#${id}`, css: { color: "inherit" }, children }) : children
    }
  );
  return heading;
}

// src/styles/z-index.tsx
var z = {
  card: 1,
  fieldError: 1,
  textInput: 2,
  select: 3,
  selectFocused: 4,
  walletActionPreviewTopGradient: 1,
  headerContainer: 99,
  smBanner: 99,
  headerTop: 100,
  navMenu: 100,
  smNavMenu: 100,
  navAction: 101,
  smNavAction: 100,
  // keep under navDropdown
  notificationBanner: 170,
  qrReaderVideo: 180,
  qrReaderOverlay: 181,
  modalOverlay: 190,
  modalContainer: 191,
  dropdown: 192,
  tooltip: 193,
  toast: 200
};

// src/components/ButtonRow.tsx
var import_styled3 = __toESM(require("@emotion/styled"), 1);
var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
var ButtonRowContainer = import_styled3.default.div`
  max-width: 100%;
  ${({ theme }) => bp.sm(`background: ${theme.bg}`)}
  ${({ headerHeight, smSticky }) => bp.sm(
  `
        ${smSticky ? `
            display: block;
            position: sticky;
            top: ${headerHeight}px;
            margin-top: 24px;
            margin-left: -${standardContentInset.smPx}px;
            width: calc(100% + ${standardContentInset.smPx * 2}px);
            max-width: calc(100% + ${standardContentInset.smPx * 2}px);
            z-index: 2;` : `position: relative;`}
        z-index: 2;
        &:before {
          content: "";
          box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
          height: 1px;
          position: absolute;
          background: black;
          bottom: 1px;
          width: 100%;
          z-index: 0;
        }
      `
)}
`;
var ButtonRowDivider = import_styled3.default.div`
  border-left: 1px #d9d9d9 solid;
  margin-left: 16px;
  padding-left: 16px;
`;
var StyledButtonRow = import_styled3.default.div`
  ${overflowAutoWithoutScrollbars}
  background: ${({ theme }) => theme.bg};
  display: flex;
  position: relative;
  z-index: 1;

  & button:not(:first-of-type),
  & a:not(:first-of-type) {
    margin-left: 8px;
  }

  & ${ButtonRowDivider} + button,
  & ${ButtonRowDivider} + a {
    margin-left: 0;
  }

  ${bp.sm(`
    padding: ${standardContentInset.smPx}px;
  `)}
`;

// src/components/CardPage.tsx
var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
function CardPage(props) {
  const initiallyExpanded = (0, import_react7.useRef)(Boolean(props.expandRight));
  const [wasExpanded, setWasExpanded] = (0, import_react7.useState)(Boolean(props.expandRight));
  const bp2 = useBreakpoints();
  const header = props.title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { type: "h1", m0: true, children: props.title }) }) : null;
  (0, import_react7.useEffect)(() => {
    if (props.expandRight) {
      setWasExpanded(true);
    }
  }, [props.expandRight]);
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
    CardPageContainer,
    {
      id: props.id,
      bp: bp2,
      hasRightContent: Boolean(props.rightContent),
      wasExpanded,
      expandRight: Boolean(props.expandRight),
      minContentHeight: props.minContentHeight,
      initiallyExpanded: initiallyExpanded.current,
      children: [
        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { css: props.minContentWidth ? overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
          CardPageContent,
          {
            hasPreHeaderContent: Boolean(props.preHeaderContent),
            minContentHeight: props.minContentHeight,
            maxContentWidth: props.maxContentWidth,
            children: [
              props.preHeaderContent,
              header,
              props.children
            ]
          }
        ) }),
        props.rightContent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageRightContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
          CardPageRightContentInner,
          {
            hasRightContent: Boolean(props.rightContent),
            children: props.rightContent
          }
        ) })
      ]
    }
  ) });
}
CardPage.defaultProps = {
  minContentHeight: void 0,
  minContentWidth: void 0,
  maxContentWidth: void 0
};
var CardPageFullContent = import_styled4.default.div``;
var CardPageFullWidth = import_styled4.default.div``;
var CardPageRightContentInner = import_styled4.default.div`
  ${flexCenter}
  height: 100%;
  padding: 150px 25px;
  ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
`;
var CardPageRightContent = import_styled4.default.div`
  display: flex;
  position: relative;
  ${CardPageRightContentInner} {
    ${darkGradientBg};
    position: relative;
    height: calc(100% + 80px);
    margin-top: -40px;
    margin-bottom: -40px;
    margin-right: -40px;
    overflow: hidden;
    width: 100%;

    ${bp.minSm(`
      ${standardBorderRadius([0, cardBorderRadiusPx, cardBorderRadiusPx, 0])};
    `)}
  }
`;
var vCardPaddingPx = 40;
var expandTiming = `0.65s ease-in-out`;
var CardPageContainer = import_styled4.default.div`
  ${standardContentInset.css}
  ${({ theme }) => themeOr(`background-color: ${theme.bg}`, "transparent")({ theme })};
  position: relative;
  z-index: ${z.card};

  ${({ minContentHeight }) => `
    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "250px"};
  `}

  ${bp.sm(`
    width: 100% !important;
  `)}

  & > * {
    ${standardContentInset.css}
  }

  & ${CardPageFullContent}, & ${CardPageFullWidth} {
    ${bp.sm(`
      width: calc(100% + ${standardContentInset.smPx * 2}px);
      margin-left: -${standardContentInset.smPx}px;
    `)}

    ${bp.minSmMaxLg(`
      width: calc(100% + ${standardContentInset.minSmMaxLgPx * 2}px);
      margin-left: -${standardContentInset.minSmMaxLgPx}px;
    `)}

    ${bp.lg(`
      width: calc(100% + ${standardContentInset.lgPx * 2}px);
      margin-left: -${standardContentInset.lgPx}px;
    `)}
  }

  & ${CardPageFullContent} {
    & > * {
      padding-top: ${vCardPaddingPx}px;
      padding-bottom: ${vCardPaddingPx}px;
      ${bp.sm(`
        padding-top: 0;
        padding-bottom: 0;
      `)}
    }

    margin-top: -${vCardPaddingPx}px;
    ${bp.sm(`margin-top: 0;`)}
  }

  ${bp.minSm(`
    ${standardCardShadow.styles};
    padding: ${vCardPaddingPx}px 0;
    ${standardBorderRadius(cardBorderRadiusPx)}
  `)}

  &:not(:last-child) {
    margin-bottom: 30px;
  }

  @keyframes rightSideExpand {
    0% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }

  @keyframes rightSideCollapse {
    0% {
      width: 100%;
    }
    100% {
      width: 50%;
    }
  }

  @keyframes leftSideCollapse {
    0% {
      width: 50%;
      height: auto;
      opacity: 1;
    }
    30% {
      opacity: 0;
    }
    100% {
      height: 0px;
      width: 0%;
    }
  }

  @keyframes leftSideExpand {
    0% {
      width: 0%;
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      width: 50%;
      opacity: 1;
    }
  }

  ${({ hasRightContent }) => hasRightContent && `
    display: flex;
    & > * {
      width: 50%;
      ${bp.sm(`width: 100%;`)}

      &:first-of-type > * {
        ${bp.minSmMaxLg(`
          width: calc(100% - ${standardContentInset.minSmMaxLgPx * 2}px);
          margin-left: ${standardContentInset.minSmMaxLgPx}px;
        `)}
        ${bp.lg(`
          width: calc(100% - ${standardContentInset.lgPx * 3}px);
          margin-left: ${standardContentInset.lgPx}px;
        `)}
      }
    }
  `}

  & > :not(${CardPageRightContent}) {
    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
            width: 0%;
            height: 0px;
            ${initiallyExpanded ? "" : `animation: leftSideCollapse ${expandTiming};`}
            overflow: hidden;
            margin: 0%;
            opacity: 0;
          `) : wasExpanded ? bp.minSm(`
            width: 50%;
            animation: leftSideExpand ${expandTiming};
          `) : ""}
  }

  & > ${CardPageRightContent} {
    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
            width: 100%;
            ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
            margin: 0%;
            & > ${CardPageRightContentInner.toString()} {
              border-radius: ${cardBorderRadiusPx}px !important;
            }
          `) : wasExpanded ? bp.minSm(`
            width: 50%;
            animation: rightSideCollapse ${expandTiming};
          `) : ""}
  }
`;
var CardPageSubtitle = import_styled4.default.p`
  color: ${({ theme }) => theme.mcNeutral};
  font-size: ${size.px14};
  line-height: ${size.px18};
  font-weight: 600;
  margin: 0;
`;
var CardPageHeader = import_styled4.default.div`
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;

  & + *:not(${CardPageSubtitle}):not(${ButtonRowContainer}) {
    margin-top: ${headingContentMarginPx}px !important;
  }

  & + ${CardPageSubtitle} {
    margin-top: 5px;
  }

  & + ${ButtonRowContainer} {
    margin-top: 16px;
  }
`;
var CardPageContent = import_styled4.default.div`
  ${({
  maxContentWidth,
  minContentHeight,
  minContentWidth,
  hasPreHeaderContent
}) => `
    max-width: ${maxContentWidth ? `${maxContentWidth}px` : "initial"};
    min-width: ${minContentWidth ? `${minContentWidth}px` : "initial"};
    ${CardPageHeader.toString()} {
      margin-top: ${hasPreHeaderContent ? "25px" : "0"};
    }
    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "400px"};
  `}
`;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  CardPage,
  CardPageContent,
  CardPageFullContent,
  CardPageFullWidth,
  CardPageRightContentInner,
  CardPageSubtitle
});
