@charset "utf-8";
html{
  --MXVAR-BASE-FONT-SIZE--root:62.5%;
  --MXVAR-BASE-FONT-SIZE--inherit:inherit;
  --MXVAR-BASE-WEBKIT-TEXT-SIZE-ADJUST--normal:100%;
  --MXVAR-BASE-LINE-HEIGHT--normal:1.5;
  --MXVAR-BASE-FONT-SIZE--input-text-normal:1.6rem;
  --MXVAR-BASE-FONT-SIZE--heading-large:2rem;
  --MXVAR-BASE-FONT-SIZE--heading-normal:1.8rem;
  --MXVAR-BASE-FONT-SIZE--heading-small:1.6rem;
  --MXVAR-BASE-FONT-SIZE--heading-minimum:1.4rem;
  --MXVAR-BASE-FONT-SIZE--large:1.8rem;
  --MXVAR-BASE-FONT-SIZE--normal:1.6rem;
  --MXVAR-BASE-FONT-SIZE--small:1.4rem;
  --MXVAR-BASE-FONT-SIZE--minimum:1.2rem;
  --MXVAR-BASE-BLANK--extend-size-normal:5px;
  --MXVAR-BASE-BLANK--extend-size-small:2px;
  --MXVAR-BASE-TEXT-DECORATION--inline-text-link-normal:underline;
  --MXVAR-BASE-TEXT-DECORATION--block-text-link-normal:none;
  --MXVAR-BASE-TEXT-DECORATION--area-link-normal:none;
  --MXVAR-BASE-FONT-WEIGHT--set-normal:normal;
}
html:has( :where( link[href*="set_gray.production.css"], link[href*="set_classic.production.css"] )){
  --MXVAR-BASE-COLOR--text-normal:#333;
  --MXVAR-BASE-COLOR--text-soft:#666;
  --MXVAR-BASE-COLOR--text-softest:#767676;
  --MXVAR-BASE-COLOR--text-softest-onGray244:#707070;
  --MXVAR-BASE-COLOR--text-alert:#e00;
  --MXVAR-BASE-COLOR--text-alert-onGray244:#e20000;
  --MXVAR-BASE-COLOR--text-link:#1558d6;
  --MXVAR-BASE-COLOR--text-link-soft:#405e96;
  --MXVAR-BASE-COLOR--text-link-on-gray-bg:#1f4690;
  --MXVAR-BASE-COLOR--text-link-visited:#855885;
  --MXVAR-BASE-COLOR--text-link-focused:#966400;
  --MXVAR-BASE-COLOR--inverse-text-normal:#fff;
  --MXVAR-BASE-TEXT-SHADOW_COLOR--for-text-normal:#767676;
  --MXVAR-BASE-BACKGROUND-COLOR--base-normal:#fff;
  --MXVAR-BASE-BACKGROUND-COLOR--base-soft-gray:#f2f2f2;
  --MXVAR-BASE-BACKGROUND-COLOR--base-gray:#e8e8e8;
  --MXVAR-BASE-BACKGROUND-COLOR--base-alert:#e00;
}