@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-variable-4.1-693b77d4.woff2") format("woff2");
}

html:lang(en) { --sm-text-font: "InterVariable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --sm-display-font: var(--sm-text-font); }

html:lang(en) { --font-body: var(--sm-text-font); --font-display: var(--sm-display-font); --font-data: var(--sm-text-font); }

html:lang(en) body, html:lang(en) :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, label, input, textarea, select, button, td, th, dt, dd, figcaption, strong, em, b, small, sup, sub):not(.layui-icon):not(.iconfont):not(.fa):not([class^="fa-"]):not([class^="icon-"]) { font-family: var(--sm-text-font) !important; letter-spacing: 0px !important; }

html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2), html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2) * { font-weight: 600; line-height: 1.35; font-family: var(--sm-display-font) !important; }

html:lang(en) body, html:lang(en) :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, label, input, textarea, select, button, td, th, dt, dd, figcaption, strong, em, b, small, sup, sub):not(.layui-icon):not(.iconfont):not(.fa):not([class^="fa-"]):not([class^="icon-"]) { font-kerning: normal; font-optical-sizing: none; font-variation-settings: "opsz" 24; }

html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2), html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2) * { font-variation-settings: "opsz" 32; }

html:lang(en) .banner .text :is(h1, h2) { font-size: 44px; line-height: 1.25; }

html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2), html:lang(en) :is(.banner .text h1, .banner .text h2, .zybanner .text h1, .zybanner .text h2, .zybanner .cont h1, .zybanner .cont h2, .title h1, .title h2, .co-summary h1, .co-section-heading h2) * { font-weight: 300; }

html:lang(en) .zybanner :is(.text, .cont) :is(h1, h2) { font-size: 40px; line-height: 1.3; }

html:lang(en) :is(.title h1, .title h2, .co-summary h1) { font-size: 32px; line-height: 1.4; }

html:lang(en) .co-section-heading h2 { font-size: 28px; line-height: 1.45; }

html:lang(en) .cs-body h2 { font-size: 24px; font-weight: 600; line-height: 1.5; }

html:lang(en) :is(.cs-body h3, .co-card h3, .co-focus-grid h3, .co-assay h3) { font-size: 20px; font-weight: 600; line-height: 1.5; }

html:lang(en) :is(.cs-body p, .cs-body li, .co-summary p, .co-description, .co-focus-grid p, .co-assay p, .hs2r_cont, .hs3 p) { font-size: 16px; line-height: 1.85; }

html:lang(en) :is(.hs3 p > span, .hs2r_cont > span) { font-size: inherit !important; }

html:lang(en) :is(.cs-body p, .cs-body li, .co-summary p, .co-description, .co-focus-grid p, .co-assay p, .hs2r_cont, .hs3 p) { line-height: 1.75; }

html:lang(en) :is(.co-kicker, .co-label, .co-breadcrumb, .cs-outline, .cs-peer-label, .co-section-nav, .cs-body figcaption) { font-size: 14px; line-height: 1.6; }

html:lang(en) :is(.co-card-action, .co-links a, .cs-peer-nav a, .ban_more span) { font-weight: 500; }

html:lang(en) :is(.co-card h3, .co-focus-grid h3, .co-section-heading h2, .co-summary h1) { overflow-wrap: anywhere; }

html:lang(en) :is(.title h1, .title h2, .co-summary h1, .co-section-heading h2, .co-card h3) { text-wrap: balance; }