"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');


var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');


var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');

// src/styles/common.tsx
var _react = require('@emotion/react');
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var rootFontSizePx = 12;
var rootFontSizeRems = rootFontSizePx / 16;
var standardLineHeightEms = 1.21;
var headingContentMarginPx = 30;
function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth = false) {
  const smCSS = _react.css`
    ${_chunkKW3JYLRIcjs.bp.sm(`
      margin-left: auto;
      margin-right: auto;
      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
    `)}
  `;
  const minSmMaxLgCSS = _react.css`
    ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - ${minSmMaxLgPx * 2}px);
    `)}
  `;
  const lgCSS = _react.css`
    ${_chunkKW3JYLRIcjs.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: _react.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 = _react.css`
  box-shadow:
    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
`;
var standardCardShadowHard = _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);
`;
var pageBorderRadiusPx = 16;
var pageBorderRadius = `
  border-radius: ${pageBorderRadiusPx}px;
`;
var getFocusOutline = ({
  theme,
  onBgHex
}) => `${onBgHex ? theme.hcNeutralFromBg(onBgHex) : theme.hcNeutral} dashed 1px`;
var outlineOffset = "-2px";
var standardFocusOutline = ({ theme }) => _react.css`
  &,
  & a,
  & button {
    &:focus-visible {
      outline: ${getFocusOutline({ theme })};
      outline-offset: ${outlineOffset};
    }
  }
`;
var delta = ({
  theme,
  delta: delta2 = 0,
  invertSuccessColor = false
}) => _react.css`
  color: ${delta2 >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
  border-color: ${delta2 >= 0 ? invertSuccessColor ? theme.danger : theme.success : invertSuccessColor ? theme.success : theme.danger};
`;
var subtext = ({ theme }) => _react.css`
  color: ${theme.c6Neutral};
  font-weight: 600;
`;
var Subtext = _styled2.default.div`
  ${subtext}
`;
var darkGradientBg = _react.css`
  background: ${_chunkQQDRBCBYcjs.darkGradient};
`;
var overlaySurfaceBorderColor = ({
  theme,
  important = false
}) => _react.css`
  border-color: ${_chunkOBHJBBPCcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
    ${important ? "!important" : ""};
`;
var overlaySurface = ({
  theme,
  important = false,
  border = true
}) => _react.css`
  background-color: ${_chunkOBHJBBPCcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
    ${important ? "!important" : ""};
  ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
  ${overlaySurfaceBorderColor({ theme, important })};
  ${_chunkOBHJBBPCcjs.themeOr.call(void 0, 
  `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
  ""
)({ theme })}
`;
var mcBold = (theme) => _react.css`
  font-weight: 600;
  color: ${theme.mcNeutral};
`;
var mcBoldStyled = ({ theme }) => mcBold(theme);
























exports.rootFontSizePx = rootFontSizePx; exports.rootFontSizeRems = rootFontSizeRems; exports.standardLineHeightEms = standardLineHeightEms; exports.headingContentMarginPx = headingContentMarginPx; exports.standardContentInset = standardContentInset; exports.cardBorderRadiusPx = cardBorderRadiusPx; exports.standardBorderRadius = standardBorderRadius; exports.standardCardShadow = standardCardShadow; exports.standardCardShadowHard = standardCardShadowHard; exports.pageBorderRadiusPx = pageBorderRadiusPx; exports.pageBorderRadius = pageBorderRadius; exports.getFocusOutline = getFocusOutline; exports.outlineOffset = outlineOffset; exports.standardFocusOutline = standardFocusOutline; exports.delta = delta; exports.subtext = subtext; exports.Subtext = Subtext; exports.darkGradientBg = darkGradientBg; exports.overlaySurfaceBorderColor = overlaySurfaceBorderColor; exports.overlaySurface = overlaySurface; exports.mcBold = mcBold; exports.mcBoldStyled = mcBoldStyled;
