html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {

    --hsx-site-background: #ffffff;
    --hsx-body-text-color: #080808;
    --hsx-headings-color: #000000;
    --hcl-on-brand: #ffffff;
    --hcl-brand-main: #3a5772;
    --hcl-brand-1: #fbfdfe;
    --hcl-brand-2: #f6f9fd;
    --hcl-brand-3: #eaf2f9;
    --hcl-brand-4: #dfeaf5;
    --hcl-brand-5: #d4e2f0;
    --hcl-brand-6: #c8d9ea;
    --hcl-brand-7: #b6cce1;
    --hcl-brand-8: #9bb8d4;
    --hcl-brand-9: #3a5772;
    --hcl-brand-10: #2b4862;
    --hcl-brand-11: #4c6a85;
    --hcl-brand-12: #1c2b39;
    --hcl-brand-emphasis: #3a5772;
    --hcl-brand-1a: #0080c004;
    --hcl-brand-2a: #0055c709;
    --hcl-brand-3a: #0062b715;
    --hcl-brand-4a: #0058b020;
    --hcl-brand-5a: #0154a72b;
    --hcl-brand-6a: #004f9e37;
    --hcl-brand-7a: #004d9749;
    --hcl-brand-8a: #004a9264;
    --hcl-brand-9a: #002649c5;
    --hcl-brand-10a: #002342d4;
    --hcl-brand-11a: #002b51b3;
    --hcl-brand-12a: #001121e3;
    --hcl-on-neutral: #ffffff;
    --hcl-neutral-main: #818e9b;
    --hcl-neutral-1: #fbfcfd;
    --hcl-neutral-2: #f7f9fb;
    --hcl-neutral-3: #edf1f4;
    --hcl-neutral-4: #e4e9ee;
    --hcl-neutral-5: #dce2e8;
    --hcl-neutral-6: #d3dae1;
    --hcl-neutral-7: #c6cfd8;
    --hcl-neutral-8: #afbcc8;
    --hcl-neutral-9: #000000;
    --hcl-neutral-10: #1e1e1e;
    --hcl-neutral-11: #5a6672;
    --hcl-neutral-12: #1c2228;
    --hcl-neutral-emphasis: #5a6672;
    --hcl-neutral-1a: #00408004;
    --hcl-neutral-2a: #00408008;
    --hcl-neutral-3a: #00396412;
    --hcl-neutral-4a: #00305f1b;
    --hcl-neutral-5a: #002c5823;
    --hcl-neutral-6a: #0029522c;
    --hcl-neutral-7a: #00295139;
    --hcl-neutral-8a: #002a5050;
    --hcl-neutral-9a: #000000;
    --hcl-neutral-10a: #1e1e1e;
    --hcl-neutral-11a: #001325a5;
    --hcl-neutral-12a: #00070ee3;
    --hcl-on-error-red: #ffffff;
    --hcl-error-red-main: #d32f2f;
    --hcl-error-red-1: #fffcfd;
    --hcl-error-red-2: #fdf9f9;
    --hcl-error-red-3: #fcefef;
    --hcl-error-red-4: #fbe6e5;
    --hcl-error-red-5: #f7dada;
    --hcl-error-red-6: #f3cecd;
    --hcl-error-red-7: #ecb8b8;
    --hcl-error-red-8: #e59797;
    --hcl-error-red-9: #d32f2f;
    --hcl-error-red-10: #bf1621;
    --hcl-error-red-11: #e71a1b;
    --hcl-error-red-12: #681316;
    --hcl-error-red-emphasis: #e71a1b;
    --hcl-error-red-1a: hsla(0, 100%, 51.0%, 0.012);
    --hcl-error-red-2a: hsla(8, 100%, 51.0%, 0.032);
    --hcl-error-red-3a: hsla(7, 100%, 50.2%, 0.067);
    --hcl-error-red-4a: hsla(8, 100%, 50.1%, 0.114);
    --hcl-error-red-5a: hsla(7, 99.5%, 47.9%, 0.173);
    --hcl-error-red-6a: hsla(9, 99.9%, 46.2%, 0.255);
    --hcl-error-red-7a: hsla(10, 99.8%, 43.6%, 0.365);
    --hcl-error-red-8a: hsla(10, 99.5%, 41.8%, 0.499);
    --hcl-error-red-9a: hsla(10, 99.9%, 43.8%, 0.820);
    --hcl-error-red-10a: hsla(10, 100%, 41.8%, 0.859);
    --hcl-error-red-11a: hsla(10, 99.9%, 38.8%, 0.922);
    --hcl-error-red-12a: hsla(10, 99.0%, 7.4%, 0.934);
    --hcl-on-succes-green: #ffffff;
    --hcl-succes-green-main: #37803b;
    --hcl-succes-green-1: #fbfffa;
    --hcl-succes-green-2: #efffed;
    --hcl-succes-green-3: #e0fddc;
    --hcl-succes-green-4: #cbffc6;
    --hcl-succes-green-5: #b8ffb1;
    --hcl-succes-green-6: #9eff98;
    --hcl-succes-green-7: #85f382;
    --hcl-succes-green-8: #5fe766;
    --hcl-succes-green-9: #37803b;
    --hcl-succes-green-10: #25702c;
    --hcl-succes-green-11: #2f8d36;
    --hcl-succes-green-12: #1d491f;
    --hcl-succes-green-emphasis: #2f8d36;
    --hcl-succes-green-1a: hsla(120, 94.9%, 38.7%, 0.016);
    --hcl-succes-green-2a: hsla(120, 94.9%, 38.7%, 0.048);
    --hcl-succes-green-3a: hsla(120, 98.0%, 35.5%, 0.079);
    --hcl-succes-green-4a: hsla(120, 98.7%, 31.5%, 0.126);
    --hcl-succes-green-5a: hsla(122, 98.5%, 29.9%, 0.193);
    --hcl-succes-green-6a: hsla(125, 99.2%, 27.9%, 0.283);
    --hcl-succes-green-7a: hsla(125, 99.9%, 27.0%, 0.408);
    --hcl-succes-green-8a: hsla(131, 100%, 27.6%, 0.604);
    --hcl-succes-green-9a: hsla(131, 99.7%, 26.3%, 0.726);
    --hcl-succes-green-10a: hsla(132, 99.9%, 24.0%, 0.761);
    --hcl-succes-green-11a: hsla(133, 99.5%, 19.5%, 0.840);
    --hcl-succes-green-12a: hsla(128, 98.0%, 4.9%, 0.895);
    --hcl-on-secondary: #fff;
    --hcl-secondary-main: #5eab35;
    --hcl-secondary-1: #fbfefa;
    --hcl-secondary-2: #f6fbf4;
    --hcl-secondary-3: #e9f7e3;
    --hcl-secondary-4: #dbf1d2;
    --hcl-secondary-5: #cae9be;
    --hcl-secondary-6: #b6dea6;
    --hcl-secondary-7: #9cce86;
    --hcl-secondary-8: #76b957;
    --hcl-secondary-9: #5eab35;
    --hcl-secondary-10: #529f26;
    --hcl-secondary-11: #407d1d;
    --hcl-secondary-12: #273d1d;
    --hcl-secondary-emphasis: #407d1d;
    --hcl-secondary-1a: #33cc0005;
    --hcl-secondary-2a: #2fa3000b;
    --hcl-secondary-3a: #37b7001c;
    --hcl-secondary-4a: #33b0002d;
    --hcl-secondary-5a: #30a90041;
    --hcl-secondary-6a: #2ea10059;
    --hcl-secondary-7a: #2f980079;
    --hcl-secondary-8a: #2f9500a8;
    --hcl-secondary-9a: #349500ca;
    --hcl-secondary-10a: #348e00d9;
    --hcl-secondary-11a: #286c00e2;
    --hcl-secondary-12a: #0b2400e2;
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {

    --hsx-site-background: #121212;
    --hsx-body-text-color: #adacac;
    --hsx-headings-color: #fafafa;
    --hcl-brand-1: #0c1217;
    --hcl-brand-2: #121a21;
    --hcl-brand-3: #182837;
    --hcl-brand-4: #203549;
    --hcl-brand-5: #29425a;
    --hcl-brand-6: #35516c;
    --hcl-brand-7: #426382;
    --hcl-brand-8: #4f789d;
    --hcl-brand-9: #3a5772;
    --hcl-brand-10: #2e485f;
    --hcl-brand-11: #9ac0e4;
    --hcl-brand-12: #d7ebff;
    --hcl-brand-1a: #0036ec07;
    --hcl-brand-2a: #2091f412;
    --hcl-brand-3a: #3da1fe29;
    --hcl-brand-4a: #51aaff3c;
    --hcl-brand-5a: #5faffd4f;
    --hcl-brand-6a: #6fb8fe62;
    --hcl-brand-7a: #78bdfd7a;
    --hcl-brand-8a: #7bc0ff96;
    --hcl-brand-9a: #76bdff68;
    --hcl-brand-10a: #6ab8fe54;
    --hcl-brand-11a: #abd5fee3;
    --hcl-brand-12a: #d7ebff;
    --hcl-brand-emphasis: #9ac0e4;
    --hcl-neutral-1: #101113;
    --hcl-neutral-2: #18191b;
    --hcl-neutral-3: #212428;
    --hcl-neutral-4: #272c31;
    --hcl-neutral-5: #2f353b;
    --hcl-neutral-6: #383f46;
    --hcl-neutral-7: #464e56;
    --hcl-neutral-8: #5c6771;
    --hcl-neutral-9: #ffffff;
    --hcl-neutral-10: #aeaeae;
    --hcl-neutral-11: #abb7c3;
    --hcl-neutral-12: #e6ecf2;
    --hcl-neutral-emphasis: #abb7c3;
    --hcl-on-neutral: #000000;
    --hcl-neutral-1a: #0011bb03;
    --hcl-neutral-2a: #b4cbf90b;
    --hcl-neutral-3a: #b5d3fc19;
    --hcl-neutral-4a: #b2d6fb23;
    --hcl-neutral-5a: #bbddff2d;
    --hcl-neutral-6a: #c0dfff39;
    --hcl-neutral-7a: #c8e4ff4a;
    --hcl-neutral-8a: #cbe6ff67;
    --hcl-neutral-9a: #ffffff;
    --hcl-neutral-10a: #aeaeae;
    --hcl-neutral-11a: #dfefffbf;
    --hcl-neutral-12a: #f1f8fef2;
    --hcl-error-red-emphasis: #f3aaaa;
    --hcl-error-red-1: #220e0e;
    --hcl-error-red-2: #271314;
    --hcl-error-red-3: #540d0d;
    --hcl-error-red-4: #7f0000;
    --hcl-error-red-5: #990001;
    --hcl-error-red-6: #ad0707;
    --hcl-error-red-7: #b71a1b;
    --hcl-error-red-8: #dc1819;
    --hcl-error-red-9: #d32f2f;
    --hcl-error-red-10: #e7433d;
    --hcl-error-red-11: #f3aaaa;
    --hcl-error-red-12: #fbdada;
    --hcl-error-red-1a: hsla(0, 0%, 0%, 0);
    --hcl-error-red-2a: hsla(7.88, 97.06%, 60%, 0.059);
    --hcl-error-red-3a: hsla(2.19, 98.97%, 61.96%, 0.144);
    --hcl-error-red-4a: hsla(0.93, 100%, 61.96%, 0.211);
    --hcl-error-red-5a: hsla(0.94, 98.97%, 61.96%, 0.27);
    --hcl-error-red-6a: hsla(0, 100%, 61.96%, 0.35);
    --hcl-error-red-7a: hsla(0, 100%, 61.96%, 0.471);
    --hcl-error-red-8a: hsla(0, 100%, 61.96%, 0.655);
    --hcl-error-red-9a: hsla(0, 100%, 63.92%, 0.848);
    --hcl-error-red-10a: hsla(1.1, 100%, 68.04%, 0.893);
    --hcl-error-red-11a: hsla(0.98, 100%, 76.08%, 0.98);
    --hcl-error-red-12a: hsla(0, 100%, 97.06%, 0.98);
    --hcl-succes-green-emphasis: #6bff73;
    --hcl-succes-green-1: #0e150e;
    --hcl-succes-green-2: #131f13;
    --hcl-succes-green-3: #152e16;
    --hcl-succes-green-4: #173c19;
    --hcl-succes-green-5: #1e4820;
    --hcl-succes-green-6: #28552a;
    --hcl-succes-green-7: #336736;
    --hcl-succes-green-8: #3d8241;
    --hcl-succes-green-9: #37803b;
    --hcl-succes-green-10: #48914a;
    --hcl-succes-green-11: #6bff73;
    --hcl-succes-green-12: #c4fdc7;
    --hcl-succes-green-1a: hsla(0, 0%, 0%, 0);
    --hcl-succes-green-2a: hsla(126.91, 94.56%, 71.18%, 0.022);
    --hcl-succes-green-3a: hsla(127.02, 97.92%, 81.18%, 0.065);
    --hcl-succes-green-4a: hsla(127.1, 95.88%, 80.98%, 0.1);
    --hcl-succes-green-5a: hsla(124.72, 97.8%, 82.16%, 0.13);
    --hcl-succes-green-6a: hsla(126.07, 97.8%, 82.16%, 0.169);
    --hcl-succes-green-7a: hsla(123.96, 100%, 82.16%, 0.246);
    --hcl-succes-green-8a: hsla(121.98, 100%, 82.16%, 0.363);
    --hcl-succes-green-9a: hsla(123.45, 100%, 82.94%, 0.552);
    --hcl-succes-green-10a: hsla(122.22, 100%, 84.12%, 0.613);
    --hcl-succes-green-11a: hsla(122.37, 100%, 85.1%, 0.725);
    --hcl-succes-green-12a: hsla(136, 100%, 97.06%, 0.966);
    --hcl-secondary-emphasis: #83cf5f;
    --hcl-secondary-1: #0e130c;
    --hcl-secondary-2: #151a13;
    --hcl-secondary-3: #1e2a19;
    --hcl-secondary-4: #233919;
    --hcl-secondary-5: #2c4720;
    --hcl-secondary-6: #355626;
    --hcl-secondary-7: #3f662d;
    --hcl-secondary-8: #497833;
    --hcl-secondary-9: #5eab35;
    --hcl-secondary-10: #529f26;
    --hcl-secondary-11: #83cf5f;
    --hcl-secondary-12: #c6f0b5;
    --hcl-secondary-1a: #00bb0003;
    --hcl-secondary-2a: #78f7450a;
    --hcl-secondary-3a: #8cfe5d1b;
    --hcl-secondary-4a: #7cff412b;
    --hcl-secondary-5a: #88ff533a;
    --hcl-secondary-6a: #8eff5a4a;
    --hcl-secondary-7a: #91fd5f5c;
    --hcl-secondary-8a: #91fd5f6f;
    --hcl-secondary-9a: #88ff49a5;
    --hcl-secondary-10a: #7dfe3499;
    --hcl-secondary-11a: #a0ff73cc;
    --hcl-secondary-12a: #d2ffc0ef;
}

:root {
    /*Theme Headspin*/

    --hsx-page-width: 1366px;
    --hsx-min-offset: 20px;
    --hsx-page-gap: 20px;
    /*Breakdance connector*/
    --hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}

:root {
    --hsx-page-display: grid;
}

@media (max-width: 1406px) {
    body {
        --hsx-page-display: flex;
    }
}

::selection {
    background-color: var(--hcl-neutral-12);
    color: var(--hcl-neutral-1);
    -webkit-text-fill-color: var(--hcl-neutral-1);
}

:root {
    --headspin-theme-API: eyJ0aGVtZSI6ImxpZ2h0In0=;
}

[data-hsx*="overlay"] *:not(button, [class*=button]) {
    color: white !important;
    text-shadow: 1px 1px 0px black,
        -1px -1px 0px black,
        1px -1px 0px black,
        -1px 1px 0px black,
        1px 0px 0px black,
        -1px 0px 0px black,
        0px 1px 0px black,
        0px -1px 0px black,
        2px 2px 0px black,
        -2px -2px 0px black,
        2px -2px 0px black,
        -2px 2px 0px black,
        2px 0px 0px black,
        -2px 0px 0px black,
        0px 2px 0px black,
        0px -2px 0px black;
}

:root {
    --hsx-safe-overlay: rgba(0, 0, 0, .6)
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
    line-height: calc(6px + 2.1ex)
}

[data-hsx-brand="neutral"] {
    --hcl-brand-1: var(--hcl-neutral-1);
    --hcl-brand-1a: var(--hcl-neutral-1a);
    --hcl-brand-2: var(--hcl-neutral-2);
    --hcl-brand-2a: var(--hcl-neutral-2a);
    --hcl-brand-3: var(--hcl-neutral-3);
    --hcl-brand-3a: var(--hcl-neutral-3a);
    --hcl-brand-4: var(--hcl-neutral-4);
    --hcl-brand-4a: var(--hcl-neutral-4a);
    --hcl-brand-5: var(--hcl-neutral-5);
    --hcl-brand-5a: var(--hcl-neutral-5a);
    --hcl-brand-6: var(--hcl-neutral-6);
    --hcl-brand-6a: var(--hcl-neutral-6a);
    --hcl-brand-7: var(--hcl-neutral-7);
    --hcl-brand-7a: var(--hcl-neutral-7a);
    --hcl-brand-8: var(--hcl-neutral-8);
    --hcl-brand-8a: var(--hcl-neutral-8a);
    --hcl-brand-9: var(--hcl-neutral-9);
    --hcl-brand-9a: var(--hcl-neutral-9a);
    --hcl-brand-10: var(--hcl-neutral-10);
    --hcl-brand-10a: var(--hcl-neutral-10a);
    --hcl-brand-11: var(--hcl-neutral-11);
    --hcl-brand-11a: var(--hcl-neutral-11a);
    --hcl-brand-12: var(--hcl-neutral-12);
    --hcl-brand-12a: var(--hcl-neutral-12a);
    --hcl-on-brand: var(--hcl-on-neutral);
    --hcl-brand-emphasis: var(--hcl-neutral-emphasis);

}

[data-hsx-brand="error-red"] {
    --hcl-brand-1: var(--hcl-error-red-1);
    --hcl-brand-1a: var(--hcl-error-red-1a);
    --hcl-brand-2: var(--hcl-error-red-2);
    --hcl-brand-2a: var(--hcl-error-red-2a);
    --hcl-brand-3: var(--hcl-error-red-3);
    --hcl-brand-3a: var(--hcl-error-red-3a);
    --hcl-brand-4: var(--hcl-error-red-4);
    --hcl-brand-4a: var(--hcl-error-red-4a);
    --hcl-brand-5: var(--hcl-error-red-5);
    --hcl-brand-5a: var(--hcl-error-red-5a);
    --hcl-brand-6: var(--hcl-error-red-6);
    --hcl-brand-6a: var(--hcl-error-red-6a);
    --hcl-brand-7: var(--hcl-error-red-7);
    --hcl-brand-7a: var(--hcl-error-red-7a);
    --hcl-brand-8: var(--hcl-error-red-8);
    --hcl-brand-8a: var(--hcl-error-red-8a);
    --hcl-brand-9: var(--hcl-error-red-9);
    --hcl-brand-9a: var(--hcl-error-red-9a);
    --hcl-brand-10: var(--hcl-error-red-10);
    --hcl-brand-10a: var(--hcl-error-red-10a);
    --hcl-brand-11: var(--hcl-error-red-11);
    --hcl-brand-11a: var(--hcl-error-red-11a);
    --hcl-brand-12: var(--hcl-error-red-12);
    --hcl-brand-12a: var(--hcl-error-red-12a);
    --hcl-on-brand: var(--hcl-on-error-red);
    --hcl-brand-emphasis: var(--hcl-error-red-emphasis);

}

[data-hsx-brand="succes-green"] {
    --hcl-brand-1: var(--hcl-succes-green-1);
    --hcl-brand-1a: var(--hcl-succes-green-1a);
    --hcl-brand-2: var(--hcl-succes-green-2);
    --hcl-brand-2a: var(--hcl-succes-green-2a);
    --hcl-brand-3: var(--hcl-succes-green-3);
    --hcl-brand-3a: var(--hcl-succes-green-3a);
    --hcl-brand-4: var(--hcl-succes-green-4);
    --hcl-brand-4a: var(--hcl-succes-green-4a);
    --hcl-brand-5: var(--hcl-succes-green-5);
    --hcl-brand-5a: var(--hcl-succes-green-5a);
    --hcl-brand-6: var(--hcl-succes-green-6);
    --hcl-brand-6a: var(--hcl-succes-green-6a);
    --hcl-brand-7: var(--hcl-succes-green-7);
    --hcl-brand-7a: var(--hcl-succes-green-7a);
    --hcl-brand-8: var(--hcl-succes-green-8);
    --hcl-brand-8a: var(--hcl-succes-green-8a);
    --hcl-brand-9: var(--hcl-succes-green-9);
    --hcl-brand-9a: var(--hcl-succes-green-9a);
    --hcl-brand-10: var(--hcl-succes-green-10);
    --hcl-brand-10a: var(--hcl-succes-green-10a);
    --hcl-brand-11: var(--hcl-succes-green-11);
    --hcl-brand-11a: var(--hcl-succes-green-11a);
    --hcl-brand-12: var(--hcl-succes-green-12);
    --hcl-brand-12a: var(--hcl-succes-green-12a);
    --hcl-on-brand: var(--hcl-on-succes-green);
    --hcl-brand-emphasis: var(--hcl-succes-green-emphasis);

}

[data-hsx-brand="secondary"] {
    --hcl-brand-1: var(--hcl-secondary-1);
    --hcl-brand-1a: var(--hcl-secondary-1a);
    --hcl-brand-2: var(--hcl-secondary-2);
    --hcl-brand-2a: var(--hcl-secondary-2a);
    --hcl-brand-3: var(--hcl-secondary-3);
    --hcl-brand-3a: var(--hcl-secondary-3a);
    --hcl-brand-4: var(--hcl-secondary-4);
    --hcl-brand-4a: var(--hcl-secondary-4a);
    --hcl-brand-5: var(--hcl-secondary-5);
    --hcl-brand-5a: var(--hcl-secondary-5a);
    --hcl-brand-6: var(--hcl-secondary-6);
    --hcl-brand-6a: var(--hcl-secondary-6a);
    --hcl-brand-7: var(--hcl-secondary-7);
    --hcl-brand-7a: var(--hcl-secondary-7a);
    --hcl-brand-8: var(--hcl-secondary-8);
    --hcl-brand-8a: var(--hcl-secondary-8a);
    --hcl-brand-9: var(--hcl-secondary-9);
    --hcl-brand-9a: var(--hcl-secondary-9a);
    --hcl-brand-10: var(--hcl-secondary-10);
    --hcl-brand-10a: var(--hcl-secondary-10a);
    --hcl-brand-11: var(--hcl-secondary-11);
    --hcl-brand-11a: var(--hcl-secondary-11a);
    --hcl-brand-12: var(--hcl-secondary-12);
    --hcl-brand-12a: var(--hcl-secondary-12a);
    --hcl-on-brand: var(--hcl-on-secondary);
    --hcl-brand-emphasis: var(--hcl-secondary-emphasis);

}

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);
    --hfs-text-xs: clamp(0.75rem, 0.750rem + 0.000vw, 0.75rem);
    --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(10.6875rem, 8.797rem + 6.313vw, 14.1875rem);
    --hss-xl: clamp(8rem, 6.549rem + 4.848vw, 10.6875rem);
    --hss-l: clamp(6rem, 4.920rem + 3.608vw, 8rem);
    --hss-m: clamp(4.5rem, 3.690rem + 2.706vw, 6rem);
    --hss-s: clamp(3.375rem, 2.767rem + 2.029vw, 4.5rem);
    --hss-xs: clamp(2.5rem, 2.027rem + 1.578vw, 3.375rem);
    --hss-xxs: clamp(1.875rem, 1.537rem + 1.127vw, 2.5rem);

}

@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);
        --hfs-text-xs: clamp(0.75rem, 0.750rem + 0.000cqi, 0.75rem);
        --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(10.6875rem, 8.797rem + 6.313cqi, 14.1875rem);
        --hss-xl: clamp(8rem, 6.549rem + 4.848cqi, 10.6875rem);
        --hss-l: clamp(6rem, 4.920rem + 3.608cqi, 8rem);
        --hss-m: clamp(4.5rem, 3.690rem + 2.706cqi, 6rem);
        --hss-s: clamp(3.375rem, 2.767rem + 2.029cqi, 4.5rem);
        --hss-xs: clamp(2.5rem, 2.027rem + 1.578cqi, 3.375rem);
        --hss-xxs: clamp(1.875rem, 1.537rem + 1.127cqi, 2.5rem);

    }
}

html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {

    --bde-headings-color: var(--hcl-neutral-12);
    --bde-body-text-color: var(--hcl-neutral-11);
    --bde-background-color: var(--hcl-neutral-1);
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
    --bde-links-color: var(--hcl-brand-9);
    --bde-links-color-hover: var(--hcl-brand-10);
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="invert"],
[data-hsx*="invert"] {

    --bde-headings-color: var(--hcl-neutral-12);
    --bde-body-text-color: var(--hcl-neutral-11);
    --bde-background-color: var(--hcl-neutral-1);
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
    --bde-links-color: var(--hcl-brand-9);
    --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);

}