html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--hcl-on-brand: #ffffff;
--hcl-brand-1: #fdfefb;
--hcl-brand-2: #f9fbf1;
--hcl-brand-3: #f5f9e0;
--hcl-brand-4: #eef6cf;
--hcl-brand-5: #e5efc1;
--hcl-brand-6: #d9e6b1;
--hcl-brand-7: #c8da9b;
--hcl-brand-8: #b1cc7a;
--hcl-brand-9: #5b721c;
--hcl-brand-10: #4b6209;
--hcl-brand-11: #7cb903;
--hcl-brand-12: #444d19;
--hcl-on-neutral: #fff;
--hcl-neutral-1: #fcfdfc;
--hcl-neutral-2: #f8faf8;
--hcl-neutral-3: #eff1ef;
--hcl-neutral-4: #e7e9e7;
--hcl-neutral-5: #dfe2df;
--hcl-neutral-6: #d7dad7;
--hcl-neutral-7: #cccfcc;
--hcl-neutral-8: #b9bcb8;
--hcl-neutral-9: #898e87;
--hcl-neutral-10: #7f847d;
--hcl-neutral-11: #60655f;
--hcl-neutral-12: #1d211c;
--hcl-on-text: #ffffff;
--hcl-text-1: #fdfdfc;
--hcl-text-2: #fafcf0;
--hcl-text-3: #f2f4e5;
--hcl-text-4: #eaecd9;
--hcl-text-5: #e0e3cd;
--hcl-text-6: #d5dabd;
--hcl-text-7: #c5cda8;
--hcl-text-8: #aeba8c;
--hcl-text-9: #454839;
--hcl-text-10: #373a2b;
--hcl-text-11: #67704c;
--hcl-text-12: #3c3e28;
--hcl-on-headings: #ffffff;
--hcl-headings-1: #fefdfb;
--hcl-headings-2: #faf6f2;
--hcl-headings-3: #f5ece4;
--hcl-headings-4: #efe3d6;
--hcl-headings-5: #ead8c6;
--hcl-headings-6: #e3ccb4;
--hcl-headings-7: #daba9b;
--hcl-headings-8: #cca27a;
--hcl-headings-9: #7f5a3a;
--hcl-headings-10: #6e4b2c;
--hcl-headings-11: #7a5a42;
--hcl-headings-12: #3b312b;
--hcl-on-accent: #000000;
--hcl-accent-1: #fefdfb;
--hcl-accent-2: #fffde8;
--hcl-accent-3: #fffac2;
--hcl-accent-4: #fff39c;
--hcl-accent-5: #ffee73;
--hcl-accent-6: #ffe467;
--hcl-accent-7: #f3cd58;
--hcl-accent-8: #e8ae30;
--hcl-accent-9: #ffc107;
--hcl-accent-10: #ebb000;
--hcl-accent-11: #ab6c00;
--hcl-accent-12: #55361c;
--hcl-on-white-bg: #000000;
--hcl-white-bg-1: #fbfbfb;
--hcl-white-bg-2: #e8e8e8;
--hcl-white-bg-3: #c2c2c2;
--hcl-white-bg-4: #9c9c9c;
--hcl-white-bg-5: #737373;
--hcl-white-bg-6: #676767;
--hcl-white-bg-7: #585858;
--hcl-white-bg-8: #303030;
--hcl-white-bg-9: #ffffff;
--hcl-white-bg-10: #ededed;
--hcl-white-bg-11: #000000;
--hcl-white-bg-12: #1c1c1c;
--hcl-on-soft-beige-tan-bg: #000000;
--hcl-soft-beige-tan-bg-1: #fefcf9;
--hcl-soft-beige-tan-bg-2: #fefcef;
--hcl-soft-beige-tan-bg-3: #fff9cd;
--hcl-soft-beige-tan-bg-4: #fff2ae;
--hcl-soft-beige-tan-bg-5: #fceb91;
--hcl-soft-beige-tan-bg-6: #f3d978;
--hcl-soft-beige-tan-bg-7: #e8bf59;
--hcl-soft-beige-tan-bg-8: #e0a02a;
--hcl-soft-beige-tan-bg-9: #e8e6e1;
--hcl-soft-beige-tan-bg-10: #d6d4cf;
--hcl-soft-beige-tan-bg-11: #ab6600;
--hcl-soft-beige-tan-bg-12: #402b1c;
--hcl-on-soft-beige-tan-bg2: #000000;
--hcl-soft-beige-tan-bg2-1: #fefefb;
--hcl-soft-beige-tan-bg2-2: #fffbe8;
--hcl-soft-beige-tan-bg2-3: #fff2c2;
--hcl-soft-beige-tan-bg2-4: #ffe19c;
--hcl-soft-beige-tan-bg2-5: #ffd373;
--hcl-soft-beige-tan-bg2-6: #ffc967;
--hcl-soft-beige-tan-bg2-7: #f3ba58;
--hcl-soft-beige-tan-bg2-8: #e89a30;
--hcl-soft-beige-tan-bg2-9: #fdfaf6;
--hcl-soft-beige-tan-bg2-10: #ebe8e4;
--hcl-soft-beige-tan-bg2-11: #ab6100;
--hcl-soft-beige-tan-bg2-12: #553d1c;
--hcl-on-pale-ivory-cream-bg: #000000;
--hcl-pale-ivory-cream-bg-1: #fffdf9;
--hcl-pale-ivory-cream-bg-2: #fffdef;
--hcl-pale-ivory-cream-bg-3: #fefae0;
--hcl-pale-ivory-cream-bg-4: #fff6cc;
--hcl-pale-ivory-cream-bg-5: #fff2b4;
--hcl-pale-ivory-cream-bg-6: #fbe59b;
--hcl-pale-ivory-cream-bg-7: #f5d17b;
--hcl-pale-ivory-cream-bg-8: #edb14a;
--hcl-pale-ivory-cream-bg-9: #fbf5e7;
--hcl-pale-ivory-cream-bg-10: #e9e3d5;
--hcl-pale-ivory-cream-bg-11: #955b09;
--hcl-pale-ivory-cream-bg-12: #623111;
--hcl-on-pale-ivory-cream-bg2: #000000;
--hcl-pale-ivory-cream-bg2-1: #fefefa;
--hcl-pale-ivory-cream-bg2-2: #fbfaf3;
--hcl-pale-ivory-cream-bg2-3: #faf7e4;
--hcl-pale-ivory-cream-bg2-4: #f8f1d3;
--hcl-pale-ivory-cream-bg2-5: #f2e7c1;
--hcl-pale-ivory-cream-bg2-6: #ebdaab;
--hcl-pale-ivory-cream-bg2-7: #e1c98f;
--hcl-pale-ivory-cream-bg2-8: #d8b25f;
--hcl-pale-ivory-cream-bg2-9: #f7f3e3;
--hcl-pale-ivory-cream-bg2-10: #e5e1d1;
--hcl-pale-ivory-cream-bg2-11: #8f5e0f;
--hcl-pale-ivory-cream-bg2-12: #614412;
--hcl-on-blue-subtle-bg: #000000;
--hcl-blue-subtle-bg-1: #fafcfe;
--hcl-blue-subtle-bg-2: #f3f7fb;
--hcl-blue-subtle-bg-3: #e4f0fa;
--hcl-blue-subtle-bg-4: #d3e8f8;
--hcl-blue-subtle-bg-5: #c1daf2;
--hcl-blue-subtle-bg-6: #abcbeb;
--hcl-blue-subtle-bg-7: #8fb8e1;
--hcl-blue-subtle-bg-8: #5f9dd8;
--hcl-blue-subtle-bg-9: #edf2f7;
--hcl-blue-subtle-bg-10: #dbe0e5;
--hcl-blue-subtle-bg-11: #0f4c8f;
--hcl-blue-subtle-bg-12: #122d61;
--hcl-on-blue-lighter-bg: #000000;
--hcl-blue-lighter-bg-1: #fafdff;
--hcl-blue-lighter-bg-2: #e8f6ff;
--hcl-blue-lighter-bg-3: #c4e8fd;
--hcl-blue-lighter-bg-4: #9cddff;
--hcl-blue-lighter-bg-5: #73c9ff;
--hcl-blue-lighter-bg-6: #6cc0fa;
--hcl-blue-lighter-bg-7: #59b5f2;
--hcl-blue-lighter-bg-8: #2ea2ea;
--hcl-blue-lighter-bg-9: #f7fafc;
--hcl-blue-lighter-bg-10: #e5e8ea;
--hcl-blue-lighter-bg-11: #0a61a1;
--hcl-blue-lighter-bg-12: #103461;
--hcl-on-warm-bg: #000000;
--hcl-warm-bg-1: #fffff9;
--hcl-warm-bg-2: #fffcef;
--hcl-warm-bg-3: #fefae0;
--hcl-warm-bg-4: #fff6cc;
--hcl-warm-bg-5: #ffeeb4;
--hcl-warm-bg-6: #fbe29b;
--hcl-warm-bg-7: #f5d17b;
--hcl-warm-bg-8: #edba4a;
--hcl-warm-bg-9: #f8f7f3;
--hcl-warm-bg-10: #e6e5e1;
--hcl-warm-bg-11: #956009;
--hcl-warm-bg-12: #624511;
--hcl-on-light-gold-yellow-bg: #000000;
--hcl-light-gold-yellow-bg-1: #fefefb;
--hcl-light-gold-yellow-bg-2: #fffce8;
--hcl-light-gold-yellow-bg-3: #fff9c2;
--hcl-light-gold-yellow-bg-4: #fff29c;
--hcl-light-gold-yellow-bg-5: #ffe473;
--hcl-light-gold-yellow-bg-6: #ffdd67;
--hcl-light-gold-yellow-bg-7: #f3cc58;
--hcl-light-gold-yellow-bg-8: #e8b630;
--hcl-light-gold-yellow-bg-9: #fffbe6;
--hcl-light-gold-yellow-bg-10: #ede9d4;
--hcl-light-gold-yellow-bg-11: #ab7100;
--hcl-light-gold-yellow-bg-12: #55431c;
--hcl-on-light-gold-yellow-bg2: #000000;
--hcl-light-gold-yellow-bg2-1: #fefefb;
--hcl-light-gold-yellow-bg2-2: #fffde8;
--hcl-light-gold-yellow-bg2-3: #fffbc2;
--hcl-light-gold-yellow-bg2-4: #fff49c;
--hcl-light-gold-yellow-bg2-5: #ffe873;
--hcl-light-gold-yellow-bg2-6: #ffe167;
--hcl-light-gold-yellow-bg2-7: #f3d058;
--hcl-light-gold-yellow-bg2-8: #e8bb30;
--hcl-light-gold-yellow-bg2-9: #fefae0;
--hcl-light-gold-yellow-bg2-10: #ece8ce;
--hcl-light-gold-yellow-bg2-11: #ab7600;
--hcl-light-gold-yellow-bg2-12: #55441c;
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {
--hcl-brand-1: #13150e;
--hcl-brand-2: #1d2012;
--hcl-brand-3: #2c380b;
--hcl-brand-4: #3e5300;
--hcl-brand-5: #4c6600;
--hcl-brand-6: #536914;
--hcl-brand-7: #627822;
--hcl-brand-8: #78922d;
--hcl-brand-9: #5b721c;
--hcl-brand-10: #6b822c;
--hcl-brand-11: #cae189;
--hcl-brand-12: #ebf6cb;
--hcl-neutral-1: #111210;
--hcl-neutral-2: #181917;
--hcl-neutral-3: #212220;
--hcl-neutral-4: #282a27;
--hcl-neutral-5: #2f312e;
--hcl-neutral-6: #383a36;
--hcl-neutral-7: #454843;
--hcl-neutral-8: #5c625b;
--hcl-neutral-9: #687066;
--hcl-neutral-10: #767d74;
--hcl-neutral-11: #afb5ad;
--hcl-neutral-12: #eceeec;
--hcl-text-1: #131310;
--hcl-text-2: #1b1b17;
--hcl-text-3: #23241f;
--hcl-text-4: #2c2e25;
--hcl-text-5: #36382e;
--hcl-text-6: #434637;
--hcl-text-7: #535644;
--hcl-text-8: #666b54;
--hcl-text-9: #454839;
--hcl-text-10: #545747;
--hcl-text-11: #c5cf9b;
--hcl-text-12: #e7ebd6;
--hcl-headings-1: #131110;
--hcl-headings-2: #1c1916;
--hcl-headings-3: #27211c;
--hcl-headings-4: #312922;
--hcl-headings-5: #3e3228;
--hcl-headings-6: #4e3d2f;
--hcl-headings-7: #614b39;
--hcl-headings-8: #7a5d45;
--hcl-headings-9: #7f5a3a;
--hcl-headings-10: #906949;
--hcl-headings-11: #dab390;
--hcl-headings-12: #f3dfce;
--hcl-accent-1: #15130d;
--hcl-accent-2: #1d1a0f;
--hcl-accent-3: #2e250a;
--hcl-accent-4: #3f2f00;
--hcl-accent-5: #4d3a00;
--hcl-accent-6: #57440a;
--hcl-accent-7: #705a1a;
--hcl-accent-8: #8f7424;
--hcl-accent-9: #ffc107;
--hcl-accent-10: #ffd229;
--hcl-accent-11: #ffc516;
--hcl-accent-12: #ffecb3;
--hcl-white-bg-1: #0d0d0d;
--hcl-white-bg-2: #0f0f0f;
--hcl-white-bg-3: #0a0a0a;
--hcl-white-bg-4: #000000;
--hcl-white-bg-5: #000000;
--hcl-white-bg-6: #0a0a0a;
--hcl-white-bg-7: #1a1a1a;
--hcl-white-bg-8: #242424;
--hcl-white-bg-9: #ffffff;
--hcl-white-bg-10: #ffffff;
--hcl-white-bg-11: #161616;
--hcl-white-bg-12: #b3b3b3;
--hcl-soft-beige-tan-bg-1: #14110b;
--hcl-soft-beige-tan-bg-2: #1c180e;
--hcl-soft-beige-tan-bg-3: #372a09;
--hcl-soft-beige-tan-bg-4: #543c00;
--hcl-soft-beige-tan-bg-5: #674a00;
--hcl-soft-beige-tan-bg-6: #765606;
--hcl-soft-beige-tan-bg-7: #785d1b;
--hcl-soft-beige-tan-bg-8: #8a6c23;
--hcl-soft-beige-tan-bg-9: #e8e6e1;
--hcl-soft-beige-tan-bg-10: #faf8f3;
--hcl-soft-beige-tan-bg-11: #ffce52;
--hcl-soft-beige-tan-bg-12: #ffe9b2;
--hcl-soft-beige-tan-bg2-1: #15120d;
--hcl-soft-beige-tan-bg2-2: #1d170f;
--hcl-soft-beige-tan-bg2-3: #2e1f0a;
--hcl-soft-beige-tan-bg2-4: #3f2400;
--hcl-soft-beige-tan-bg2-5: #4d2c00;
--hcl-soft-beige-tan-bg2-6: #57360a;
--hcl-soft-beige-tan-bg2-7: #704b1a;
--hcl-soft-beige-tan-bg2-8: #8f6124;
--hcl-soft-beige-tan-bg2-9: #fdfaf6;
--hcl-soft-beige-tan-bg2-10: #ffffff;
--hcl-soft-beige-tan-bg2-11: #ff9b16;
--hcl-soft-beige-tan-bg2-12: #ffdeb3;
--hcl-pale-ivory-cream-bg-1: #1f190d;
--hcl-pale-ivory-cream-bg-2: #272011;
--hcl-pale-ivory-cream-bg-3: #44330d;
--hcl-pale-ivory-cream-bg-4: #664700;
--hcl-pale-ivory-cream-bg-5: #7c5700;
--hcl-pale-ivory-cream-bg-6: #866210;
--hcl-pale-ivory-cream-bg-7: #936f1e;
--hcl-pale-ivory-cream-bg-8: #a47d23;
--hcl-pale-ivory-cream-bg-9: #fbf5e7;
--hcl-pale-ivory-cream-bg-10: #fffff9;
--hcl-pale-ivory-cream-bg-11: #ffd166;
--hcl-pale-ivory-cream-bg-12: #ffedc2;
--hcl-pale-ivory-cream-bg2-1: #1f1b0d;
--hcl-pale-ivory-cream-bg2-2: #252113;
--hcl-pale-ivory-cream-bg2-3: #473a0a;
--hcl-pale-ivory-cream-bg2-4: #665200;
--hcl-pale-ivory-cream-bg2-5: #7c6300;
--hcl-pale-ivory-cream-bg2-6: #907506;
--hcl-pale-ivory-cream-bg2-7: #9b8016;
--hcl-pale-ivory-cream-bg2-8: #b39214;
--hcl-pale-ivory-cream-bg2-9: #f7f3e3;
--hcl-pale-ivory-cream-bg2-10: #fffff5;
--hcl-pale-ivory-cream-bg2-11: #ecd579;
--hcl-pale-ivory-cream-bg2-12: #f9efc8;
--hcl-blue-subtle-bg-1: #0d161f;
--hcl-blue-subtle-bg-2: #131c25;
--hcl-blue-subtle-bg-3: #0a2947;
--hcl-blue-subtle-bg-4: #003366;
--hcl-blue-subtle-bg-5: #003e7c;
--hcl-blue-subtle-bg-6: #064b90;
--hcl-blue-subtle-bg-7: #16599b;
--hcl-blue-subtle-bg-8: #1464b3;
--hcl-blue-subtle-bg-9: #edf2f7;
--hcl-blue-subtle-bg-10: #ffffff;
--hcl-blue-subtle-bg-11: #79b2ec;
--hcl-blue-subtle-bg-12: #c8e0f9;
--hcl-blue-lighter-bg-1: #0a1318;
--hcl-blue-lighter-bg-2: #0d181f;
--hcl-blue-lighter-bg-3: #09202f;
--hcl-blue-lighter-bg-4: #00263f;
--hcl-blue-lighter-bg-5: #002e4d;
--hcl-blue-lighter-bg-6: #0a3857;
--hcl-blue-lighter-bg-7: #174f73;
--hcl-blue-lighter-bg-8: #1f6694;
--hcl-blue-lighter-bg-9: #f7fafc;
--hcl-blue-lighter-bg-10: #ffffff;
--hcl-blue-lighter-bg-11: #16a2ff;
--hcl-blue-lighter-bg-12: #b3e1ff;
--hcl-warm-bg-1: #1f1b0d;
--hcl-warm-bg-2: #272211;
--hcl-warm-bg-3: #44390d;
--hcl-warm-bg-4: #665200;
--hcl-warm-bg-5: #7c6300;
--hcl-warm-bg-6: #866e10;
--hcl-warm-bg-7: #937b1e;
--hcl-warm-bg-8: #a48923;
--hcl-warm-bg-9: #f8f7f3;
--hcl-warm-bg-10: #ffffff;
--hcl-warm-bg-11: #ffe066;
--hcl-warm-bg-12: #fff3c2;
--hcl-light-gold-yellow-bg-1: #15140d;
--hcl-light-gold-yellow-bg-2: #1d1b0f;
--hcl-light-gold-yellow-bg-3: #2e280a;
--hcl-light-gold-yellow-bg-4: #3f3500;
--hcl-light-gold-yellow-bg-5: #4d4100;
--hcl-light-gold-yellow-bg-6: #574a0a;
--hcl-light-gold-yellow-bg-7: #70621a;
--hcl-light-gold-yellow-bg-8: #8f7d24;
--hcl-light-gold-yellow-bg-9: #fffbe6;
--hcl-light-gold-yellow-bg-10: #fffff8;
--hcl-light-gold-yellow-bg-11: #ffd916;
--hcl-light-gold-yellow-bg-12: #fff3b3;
--hcl-light-gold-yellow-bg2-1: #15140d;
--hcl-light-gold-yellow-bg2-2: #1d1b0f;
--hcl-light-gold-yellow-bg2-3: #2e290a;
--hcl-light-gold-yellow-bg2-4: #3f3700;
--hcl-light-gold-yellow-bg2-5: #4d4300;
--hcl-light-gold-yellow-bg2-6: #574d0a;
--hcl-light-gold-yellow-bg2-7: #70641a;
--hcl-light-gold-yellow-bg2-8: #8f8024;
--hcl-light-gold-yellow-bg2-9: #fefae0;
--hcl-light-gold-yellow-bg2-10: #fffff2;
--hcl-light-gold-yellow-bg2-11: #ffe016;
--hcl-light-gold-yellow-bg2-12: #fff5b3;
}
:root {
/*Theme Headspin*/
--hsx-page-width: 1366px;
--hsx-min-offset: 40px;
--hsx-page-gap: 20px;
/*Breakdance connector*/
--bde-section-width: 1446px !important;
--bde-section-horizontal-padding: 40px !important;
--bde-column-gap: 20px !important;
--hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}
:root {
--headspin-theme-API: eyJ0aGVtZSI6ImxpZ2h0In0=;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
line-height: calc(6px + 2.1ex)
}
html:root {
/*Headspin System*/
--hrd-s: 9px;
--hrd-m: 12px;
--hrd-l: 18px;
--hrd-pill: 500px;
--hrd-atom: 12px;
}
html:root {
/*Headspin System*/
--hfs-h0: clamp(3.0625rem, 2.151rem + 3.044vw, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.830rem + 2.029vw, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.532rem + 1.353vw, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.326rem + 0.789vw, 2rem);
--hfs-h4: clamp(1.25rem, 1.115rem + 0.451vw, 1.5rem);
--hfs-h5: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-h6: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.115rem + 0.451vw, 1.5rem);
--hfs-text-m: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
--hsp-xxl: clamp(3.5625rem, 2.921rem + 2.142vw, 4.75rem);
--hsp-xl: clamp(2.6875rem, 2.215rem + 1.578vw, 3.5625rem);
--hsp-l: clamp(2rem, 1.629rem + 1.240vw, 2.6875rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902vw, 2rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676vw, 1.5rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564vw, 1.125rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338vw, 0.8125rem);
--hss-xxl: clamp(9.75rem, 7.995rem + 5.862vw, 13rem);
--hss-xl: clamp(7.3125rem, 5.996rem + 4.397vw, 9.75rem);
--hss-l: clamp(5.5rem, 4.521rem + 3.269vw, 7.3125rem);
--hss-m: clamp(4.125rem, 3.382rem + 2.480vw, 5.5rem);
--hss-s: clamp(3.0625rem, 2.489rem + 1.917vw, 4.125rem);
--hss-xs: clamp(2.3125rem, 1.874rem + 1.466vw, 3.125rem);
--hss-xxs: clamp(1.75rem, 1.446rem + 1.015vw, 2.3125rem);
}
@supports (font-size: 1cqi) {
html:root {
--hfs-h0: clamp(3.0625rem, 2.151rem + 3.044cqi, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.830rem + 2.029cqi, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.532rem + 1.353cqi, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.326rem + 0.789cqi, 2rem);
--hfs-h4: clamp(1.25rem, 1.115rem + 0.451cqi, 1.5rem);
--hfs-h5: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-h6: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.115rem + 0.451cqi, 1.5rem);
--hfs-text-m: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
--hsp-xxl: clamp(3.5625rem, 2.921rem + 2.142cqi, 4.75rem);
--hsp-xl: clamp(2.6875rem, 2.215rem + 1.578cqi, 3.5625rem);
--hsp-l: clamp(2rem, 1.629rem + 1.240cqi, 2.6875rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902cqi, 2rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676cqi, 1.5rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564cqi, 1.125rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338cqi, 0.8125rem);
--hss-xxl: clamp(9.75rem, 7.995rem + 5.862cqi, 13rem);
--hss-xl: clamp(7.3125rem, 5.996rem + 4.397cqi, 9.75rem);
--hss-l: clamp(5.5rem, 4.521rem + 3.269cqi, 7.3125rem);
--hss-m: clamp(4.125rem, 3.382rem + 2.480cqi, 5.5rem);
--hss-s: clamp(3.0625rem, 2.489rem + 1.917cqi, 4.125rem);
--hss-xs: clamp(2.3125rem, 1.874rem + 1.466cqi, 3.125rem);
--hss-xxs: clamp(1.75rem, 1.446rem + 1.015cqi, 2.3125rem);
}
}
html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--bde-headings-color: var(--hcl-headings-9);
--bde-body-text-color: var(--hcl-neutral-12);
--bde-background-color: var(--hcl-white-bg-9);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-9);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-9);
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="invert"] {
--bde-headings-color: var(--hcl-headings-11);
--bde-body-text-color: var(--hcl-neutral-12);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-10);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-10);
--bde-links-color-hover: var(--hcl-brand-10);
}
html:root {
--bde-h1-font-size: var(--hfs-h1);
--bde-h2-font-size: var(--hfs-h2);
--bde-h3-font-size: var(--hfs-h3);
--bde-h4-font-size: var(--hfs-h4);
--bde-h5-font-size: var(--hfs-h5);
--bde-h6-font-size: var(--hfs-h6);
--bde-body-font-size: var(--hfs-text-m);
}