Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../chunk-BN4qSVkS.cjs");
const require_styles_breakpoints = require("./breakpoints.cjs");
const require_styles_colors = require("./colors.cjs");
const require_styles_themes = require("./themes.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react = require("@emotion/react");
//#region src/styles/common.tsx
const rootFontSizePx = 12;
const rootFontSizeRems = 12 / 16;
const standardLineHeightEms = 1.21;
const headingContentMarginPx = 30;
function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth = false) {
	const smCSS = _emotion_react.css`
    ${require_styles_breakpoints.bp.sm(`
      margin-left: auto;
      margin-right: auto;
      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
    `)}
  `;
	const minSmMaxLgCSS = _emotion_react.css`
    ${require_styles_breakpoints.bp.minSmMaxLg(`
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - ${minSmMaxLgPx * 2}px);
    `)}
  `;
	const lgCSS = _emotion_react.css`
    ${require_styles_breakpoints.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: _emotion_react.css`
      ${lgCSS}
      ${smCSS}
      ${minSmMaxLgCSS}
    `
	};
}
const standardContentInset = buildStandardContentInset(16, 24, 32);
const cardBorderRadiusPx = 16;
const standardBorderRadius = (radius) => {
	return `
    border-radius: ${Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`};
  `;
};
const standardCardShadow = _emotion_react.css`
  box-shadow:
    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
`;
const standardCardShadowHard = _emotion_react.css`
  box-shadow:
    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
`;
const pageBorderRadiusPx = 16;
const pageBorderRadius = `
  border-radius: 16px;
`;
const getFocusOutline = ({ theme, onBgHex }) => `${onBgHex ? theme.hcNeutralFromBg(onBgHex) : theme.hcNeutral} dashed 1px`;
const outlineOffset = "-2px";
const standardFocusOutline = ({ theme }) => _emotion_react.css`
  &,
  & a,
  & button {
    &:focus-visible {
      outline: ${getFocusOutline({ theme })};
      outline-offset: ${outlineOffset};
    }
  }
`;
const delta = ({ theme, delta = 0, invertSuccessColor = false }) => _emotion_react.css`
  color: ${delta >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
  border-color: ${delta >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
`;
const subtext = ({ theme }) => _emotion_react.css`
  color: ${theme.c6Neutral};
  font-weight: 600;
`;
const Subtext = _emotion_styled.default.div`
  ${subtext}
`;
const darkGradientBg = _emotion_react.css`
  background: ${require_styles_colors.darkGradient};
`;
const overlaySurfaceBorderColor = ({ theme, important = false }) => _emotion_react.css`
  border-color: ${require_styles_themes.themeOr(theme.c1Neutral, theme.c3Neutral)({ theme })}
    ${important ? "!important" : ""};
`;
const overlaySurface = ({ theme, important = false, border = true }) => _emotion_react.css`
  background-color: ${require_styles_themes.themeOr(theme.bg, theme.c1Neutral)({ theme })}
    ${important ? "!important" : ""};
  ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
  ${overlaySurfaceBorderColor({
	theme,
	important
})};
  ${require_styles_themes.themeOr(`box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`, "")({ theme })}
`;
const mcBold = (theme) => _emotion_react.css`
  font-weight: 600;
  color: ${theme.mcNeutral};
`;
const mcBoldStyled = ({ theme }) => mcBold(theme);
//#endregion
exports.Subtext = Subtext;
exports.cardBorderRadiusPx = cardBorderRadiusPx;
exports.darkGradientBg = darkGradientBg;
exports.delta = delta;
exports.getFocusOutline = getFocusOutline;
exports.headingContentMarginPx = headingContentMarginPx;
exports.mcBold = mcBold;
exports.mcBoldStyled = mcBoldStyled;
exports.outlineOffset = outlineOffset;
exports.overlaySurface = overlaySurface;
exports.overlaySurfaceBorderColor = overlaySurfaceBorderColor;
exports.pageBorderRadius = pageBorderRadius;
exports.pageBorderRadiusPx = pageBorderRadiusPx;
exports.rootFontSizePx = rootFontSizePx;
exports.rootFontSizeRems = rootFontSizeRems;
exports.standardBorderRadius = standardBorderRadius;
exports.standardCardShadow = standardCardShadow;
exports.standardCardShadowHard = standardCardShadowHard;
exports.standardContentInset = standardContentInset;
exports.standardFocusOutline = standardFocusOutline;
exports.standardLineHeightEms = standardLineHeightEms;
exports.subtext = subtext;
