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: #000000;
    --hcl-brand-1: #fcfdfa;
    --hcl-brand-2: #f8faf3;
    --hcl-brand-3: #eef6d6;
    --hcl-brand-4: #e2f0bd;
    --hcl-brand-5: #d3e7a6;
    --hcl-brand-6: #c2da91;
    --hcl-brand-7: #abc978;
    --hcl-brand-8: #8db654;
    --hcl-brand-9: #bdee63;
    --hcl-brand-10: #b0e64c;
    --hcl-brand-11: #5c7c2f;
    --hcl-brand-12: #37401c;
    --hcl-brand-emphasis: #5c7c2f;
    --hcl-brand-1a: hsla(80, 93.8%, 31.4%, 0.020);
    --hcl-brand-2a: hsla(85, 99.3%, 40.2%, 0.059);
    --hcl-brand-3a: hsla(84, 98.7%, 43.2%, 0.138);
    --hcl-brand-4a: hsla(84, 99.6%, 43.0%, 0.220);
    --hcl-brand-5a: hsla(85, 99.8%, 41.8%, 0.310);
    --hcl-brand-6a: hsla(82, 99.8%, 39.3%, 0.420);
    --hcl-brand-7a: hsla(79, 99.7%, 34.6%, 0.585);
    --hcl-brand-8a: hsla(76, 99.8%, 33.7%, 0.828);
    --hcl-brand-9a: hsla(81, 99.8%, 40.2%, 0.836);
    --hcl-brand-10a: hsla(80, 100%, 37.6%, 0.851);
    --hcl-brand-11a: hsla(75, 99.5%, 22.0%, 0.950);
    --hcl-brand-12a: hsla(78, 99.6%, 8.4%, 0.965);
    --hcl-on-neutral: #ffffff;
    --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: #000000;
    --hcl-neutral-10: #1e1e1e;
    --hcl-neutral-11: #60655f;
    --hcl-neutral-12: #1d211c;
    --hcl-neutral-emphasis: #000000;
    --hcl-neutral-1a: hsla(120, 89.3%, 18.3%, 0.012);
    --hcl-neutral-2a: hsla(120, 87.7%, 16.0%, 0.028);
    --hcl-neutral-3a: hsla(120, 99.5%, 7.7%, 0.051);
    --hcl-neutral-4a: hsla(120, 92.3%, 8.5%, 0.075);
    --hcl-neutral-5a: hsla(120, 86.0%, 6.9%, 0.099);
    --hcl-neutral-6a: hsla(120, 94.8%, 6.8%, 0.122);
    --hcl-neutral-7a: hsla(120, 99.3%, 5.2%, 0.153);
    --hcl-neutral-8a: hsla(110, 93.8%, 5.2%, 0.240);
    --hcl-neutral-9a: #000000;
    --hcl-neutral-10a: #1e1e1e;
    --hcl-neutral-11a: hsla(111, 95.2%, 2.5%, 0.585);
    --hcl-neutral-12a: hsla(110, 97.6%, 2.6%, 0.930);
    --hcl-on-teal: #ffffff;
    --hcl-teal-1: #fbfdfe;
    --hcl-teal-2: #eefefe;
    --hcl-teal-3: #daffff;
    --hcl-teal-4: #c6fdff;
    --hcl-teal-5: #b1fbff;
    --hcl-teal-6: #a0f2f7;
    --hcl-teal-7: #8be3ea;
    --hcl-teal-8: #67d5df;
    --hcl-teal-9: #0094a8;
    --hcl-teal-10: #008497;
    --hcl-teal-11: #00a4bc;
    --hcl-teal-12: #1f4247;
    --hcl-teal-emphasis: #00a4bc;
    --hcl-teal-1a: hsla(195, 95.2%, 41.2%, 0.020);
    --hcl-teal-2a: hsla(185, 99.9%, 42.3%, 0.051);
    --hcl-teal-3a: hsla(186, 97.8%, 42.2%, 0.095);
    --hcl-teal-4a: hsla(186, 99.9%, 38.5%, 0.153);
    --hcl-teal-5a: hsla(187, 99.3%, 36.6%, 0.232);
    --hcl-teal-6a: hsla(188, 99.4%, 35.4%, 0.334);
    --hcl-teal-7a: hsla(189, 99.6%, 35.0%, 0.483);
    --hcl-teal-8a: hsla(189, 99.9%, 37.6%, 0.761);
    --hcl-teal-9a: hsla(190, 100%, 37.8%, 0.980);
    --hcl-teal-10a: hsla(191, 99.9%, 34.6%, 0.969);
    --hcl-teal-11a: hsla(192, 100%, 27.6%, 0.953);
    --hcl-teal-12a: hsla(192, 100%, 11.0%, 0.980);
    --hcl-on-purple: #ffffff;
    --hcl-purple-1: #fefbfc;
    --hcl-purple-2: #feeef4;
    --hcl-purple-3: #ffdaea;
    --hcl-purple-4: #ffc6df;
    --hcl-purple-5: #ffb1d4;
    --hcl-purple-6: #f7a0c9;
    --hcl-purple-7: #ea8bb9;
    --hcl-purple-8: #df67a5;
    --hcl-purple-9: #a61f64;
    --hcl-purple-10: #940055;
    --hcl-purple-11: #bc0061;
    --hcl-purple-12: #471f36;
    --hcl-purple-emphasis: #bc0061;
    --hcl-purple-1a: hsla(340, 100%, 51.0%, 0.012);
    --hcl-purple-2a: hsla(330, 100%, 51.0%, 0.032);
    --hcl-purple-3a: hsla(332, 99.1%, 47.1%, 0.063);
    --hcl-purple-4a: hsla(331, 99.9%, 44.3%, 0.102);
    --hcl-purple-5a: hsla(333, 99.9%, 42.3%, 0.153);
    --hcl-purple-6a: hsla(333, 99.5%, 40.5%, 0.224);
    --hcl-purple-7a: hsla(335, 99.7%, 39.1%, 0.322);
    --hcl-purple-8a: hsla(336, 99.5%, 38.5%, 0.440);
    --hcl-purple-9a: hsla(336, 99.9%, 44.3%, 0.761);
    --hcl-purple-10a: hsla(336, 100%, 42.5%, 0.808);
    --hcl-purple-11a: hsla(336, 99.8%, 40.3%, 0.883);
    --hcl-purple-12a: hsla(340, 99.0%, 10.0%, 0.950);
    --hcl-on-orange: #ffffff;
    --hcl-orange-1: #fffdfc;
    --hcl-orange-2: #fdfbf9;
    --hcl-orange-3: #faf5eb;
    --hcl-orange-4: #f7ebdb;
    --hcl-orange-5: #f1e3d0;
    --hcl-orange-6: #ead7c2;
    --hcl-orange-7: #dfc5ae;
    --hcl-orange-8: #d3af94;
    --hcl-orange-9: #ec6607;
    --hcl-orange-10: #d85500;
    --hcl-orange-11: #e65c00;
    --hcl-orange-12: #652d16;
    --hcl-orange-emphasis: #e65c00;
    --hcl-orange-1a: hsla(20, 94.9%, 38.7%, 0.016);
    --hcl-orange-2a: hsla(24, 95.8%, 46.5%, 0.044);
    --hcl-orange-3a: hsla(25, 100%, 50.5%, 0.095);
    --hcl-orange-4a: hsla(26, 100%, 50.0%, 0.157);
    --hcl-orange-5a: hsla(25, 100%, 50.1%, 0.236);
    --hcl-orange-6a: hsla(25, 100%, 50.1%, 0.346);
    --hcl-orange-7a: hsla(24, 100%, 50.1%, 0.495);
    --hcl-orange-8a: hsla(24, 99.7%, 48.7%, 0.695);
    --hcl-orange-9a: hsla(24, 99.9%, 48.4%, 0.969);
    --hcl-orange-10a: hsla(23, 100%, 46.4%, 0.980);
    --hcl-orange-11a: hsla(23, 100%, 36.8%, 0.980);
    --hcl-orange-12a: hsla(15, 99.4%, 11.0%, 0.934);
}

: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: #11130c;
    --hcl-brand-2: #151a10;
    --hcl-brand-3: #1f2917;
    --hcl-brand-4: #29371d;
    --hcl-brand-5: #334423;
    --hcl-brand-6: #3d522a;
    --hcl-brand-7: #496231;
    --hcl-brand-8: #577538;
    --hcl-brand-9: #bdee63;
    --hcl-brand-10: #d4ff70;
    --hcl-brand-11: #bde56c;
    --hcl-brand-12: #e3f7ba;
    --hcl-brand-emphasis: #bdee63;
    --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: #ffffff;
    --hcl-neutral-10: #aeaeae;
    --hcl-neutral-11: #afb5ad;
    --hcl-neutral-12: #eceeec;
    --hcl-neutral-emphasis: #ffffff;
    --hcl-on-neutral: #000000;
    --hcl-teal-emphasis: #73e7f7;
    --hcl-teal-1: #0c1517;
    --hcl-teal-2: #121f20;
    --hcl-teal-3: #07363c;
    --hcl-teal-4: #004953;
    --hcl-teal-5: #005966;
    --hcl-teal-6: #036b7a;
    --hcl-teal-7: #1c727e;
    --hcl-teal-8: #268b99;
    --hcl-teal-9: #0094a8;
    --hcl-teal-10: #2ba5b9;
    --hcl-teal-11: #73e7f7;
    --hcl-teal-12: #c9f3f8;
    --hcl-teal-1a: hsla(0, 0%, 0%, 0);
    --hcl-teal-2a: hsla(191.22, 94.56%, 71.18%, 0.022);
    --hcl-teal-3a: hsla(191.49, 97.92%, 81.18%, 0.065);
    --hcl-teal-4a: hsla(190.97, 95.88%, 80.98%, 0.1);
    --hcl-teal-5a: hsla(189.44, 97.8%, 82.16%, 0.13);
    --hcl-teal-6a: hsla(190.11, 97.8%, 82.16%, 0.169);
    --hcl-teal-7a: hsla(188.57, 100%, 82.16%, 0.246);
    --hcl-teal-8a: hsla(186.59, 100%, 82.16%, 0.363);
    --hcl-teal-9a: hsla(186.9, 100%, 82.94%, 0.552);
    --hcl-teal-10a: hsla(186.67, 100%, 84.12%, 0.613);
    --hcl-teal-11a: hsla(186.32, 100%, 85.1%, 0.725);
    --hcl-teal-12a: hsla(200, 100%, 97.06%, 0.966);
    --hcl-purple-emphasis: #f773b6;
    --hcl-purple-1: #170c12;
    --hcl-purple-2: #201219;
    --hcl-purple-3: #3c0722;
    --hcl-purple-4: #53002b;
    --hcl-purple-5: #660035;
    --hcl-purple-6: #7a0340;
    --hcl-purple-7: #7e1c4f;
    --hcl-purple-8: #992661;
    --hcl-purple-9: #a61f64;
    --hcl-purple-10: #b83474;
    --hcl-purple-11: #f773b6;
    --hcl-purple-12: #f8c9e1;
    --hcl-purple-1a: hsla(0, 0%, 0%, 0);
    --hcl-purple-2a: hsla(333.67, 94.56%, 71.18%, 0.022);
    --hcl-purple-3a: hsla(333.83, 97.92%, 81.18%, 0.065);
    --hcl-purple-4a: hsla(333.55, 95.88%, 80.98%, 0.1);
    --hcl-purple-5a: hsla(331.69, 97.8%, 82.16%, 0.13);
    --hcl-purple-6a: hsla(332.36, 97.8%, 82.16%, 0.169);
    --hcl-purple-7a: hsla(330.33, 100%, 82.16%, 0.246);
    --hcl-purple-8a: hsla(328.35, 100%, 82.16%, 0.363);
    --hcl-purple-9a: hsla(328.97, 100%, 82.94%, 0.552);
    --hcl-purple-10a: hsla(328.89, 100%, 84.12%, 0.613);
    --hcl-purple-11a: hsla(328.42, 100%, 85.1%, 0.725);
    --hcl-purple-12a: hsla(344, 100%, 97.06%, 0.966);
    --hcl-orange-emphasis: #f9b483;
    --hcl-orange-1: #191410;
    --hcl-orange-2: #1f1813;
    --hcl-orange-3: #3c2311;
    --hcl-orange-4: #5c2803;
    --hcl-orange-5: #68320c;
    --hcl-orange-6: #733f1b;
    --hcl-orange-7: #8d5025;
    --hcl-orange-8: #b7662e;
    --hcl-orange-9: #ec6607;
    --hcl-orange-10: #ff7720;
    --hcl-orange-11: #f9b483;
    --hcl-orange-12: #f6e0d0;
    --hcl-orange-1a: hsla(0, 0%, 0%, 0);
    --hcl-orange-2a: hsla(20, 100%, 50%, 0.058);
    --hcl-orange-3a: hsla(20.7, 100%, 55.1%, 0.133);
    --hcl-orange-4a: hsla(20.88, 99.13%, 55.1%, 0.191);
    --hcl-orange-5a: hsla(20.81, 99.11%, 56.08%, 0.244);
    --hcl-orange-6a: hsla(21.7, 100%, 56.08%, 0.319);
    --hcl-orange-7a: hsla(22.79, 100%, 55.1%, 0.434);
    --hcl-orange-8a: hsla(25.02, 100%, 53.92%, 0.598);
    --hcl-orange-9a: hsla(25, 100%, 60%, 0.885);
    --hcl-orange-10a: hsla(25.11, 100%, 63.92%, 0.916);
    --hcl-orange-11a: hsla(24.97, 100%, 66.08%, 0.939);
    --hcl-orange-12a: hsla(28, 100%, 97.06%, 0.98);
}

:root {
    /*Theme Headspin*/

    --hsx-page-width: 1440px;
    --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(10px + 2.2ex)
}

[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="teal"] {
    --hcl-brand-1: var(--hcl-teal-1);
    --hcl-brand-1a: var(--hcl-teal-1a);
    --hcl-brand-2: var(--hcl-teal-2);
    --hcl-brand-2a: var(--hcl-teal-2a);
    --hcl-brand-3: var(--hcl-teal-3);
    --hcl-brand-3a: var(--hcl-teal-3a);
    --hcl-brand-4: var(--hcl-teal-4);
    --hcl-brand-4a: var(--hcl-teal-4a);
    --hcl-brand-5: var(--hcl-teal-5);
    --hcl-brand-5a: var(--hcl-teal-5a);
    --hcl-brand-6: var(--hcl-teal-6);
    --hcl-brand-6a: var(--hcl-teal-6a);
    --hcl-brand-7: var(--hcl-teal-7);
    --hcl-brand-7a: var(--hcl-teal-7a);
    --hcl-brand-8: var(--hcl-teal-8);
    --hcl-brand-8a: var(--hcl-teal-8a);
    --hcl-brand-9: var(--hcl-teal-9);
    --hcl-brand-9a: var(--hcl-teal-9a);
    --hcl-brand-10: var(--hcl-teal-10);
    --hcl-brand-10a: var(--hcl-teal-10a);
    --hcl-brand-11: var(--hcl-teal-11);
    --hcl-brand-11a: var(--hcl-teal-11a);
    --hcl-brand-12: var(--hcl-teal-12);
    --hcl-brand-12a: var(--hcl-teal-12a);
    --hcl-on-brand: var(--hcl-on-teal);
    --hcl-brand-emphasis: var(--hcl-teal-emphasis);

}

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

}

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

}

html:root {
    /*Headspin System*/
    --hrd-s: 6px;
    --hrd-m: 8px;
    --hrd-l: 12px;
    --hrd-pill: 500px;
    --hrd-atom: 6px;

}

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(2.375rem, 1.092rem + 4.284vw, 4.75rem);
    --hsp-xl: clamp(1.75rem, 0.771rem + 3.269vw, 3.5625rem);
    --hsp-l: clamp(1.3125rem, 0.570rem + 2.480vw, 2.6875rem);
    --hsp-m: clamp(1rem, 0.460rem + 1.804vw, 2rem);
    --hsp-s: clamp(0.75rem, 0.345rem + 1.353vw, 1.5rem);
    --hsp-xs: clamp(0.5625rem, 0.259rem + 1.015vw, 1.125rem);
    --hsp-xxs: clamp(0.4375rem, 0.235rem + 0.676vw, 0.8125rem);
    --hss-xxl: clamp(7.125rem, 3.311rem + 12.740vw, 14.1875rem);
    --hss-xl: clamp(5.3125rem, 2.410rem + 9.696vw, 10.6875rem);
    --hss-l: clamp(4rem, 1.840rem + 7.215vw, 8rem);
    --hss-m: clamp(3rem, 1.380rem + 5.411vw, 6rem);
    --hss-s: clamp(2.25rem, 1.035rem + 4.059vw, 4.5rem);
    --hss-xs: clamp(1.6875rem, 0.776rem + 3.044vw, 3.375rem);
    --hss-xxs: clamp(1.25rem, 0.575rem + 2.255vw, 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);
        --hsp-xxl: clamp(2.375rem, 1.092rem + 4.284cqi, 4.75rem);
        --hsp-xl: clamp(1.75rem, 0.771rem + 3.269cqi, 3.5625rem);
        --hsp-l: clamp(1.3125rem, 0.570rem + 2.480cqi, 2.6875rem);
        --hsp-m: clamp(1rem, 0.460rem + 1.804cqi, 2rem);
        --hsp-s: clamp(0.75rem, 0.345rem + 1.353cqi, 1.5rem);
        --hsp-xs: clamp(0.5625rem, 0.259rem + 1.015cqi, 1.125rem);
        --hsp-xxs: clamp(0.4375rem, 0.235rem + 0.676cqi, 0.8125rem);
        --hss-xxl: clamp(7.125rem, 3.311rem + 12.740cqi, 14.1875rem);
        --hss-xl: clamp(5.3125rem, 2.410rem + 9.696cqi, 10.6875rem);
        --hss-l: clamp(4rem, 1.840rem + 7.215cqi, 8rem);
        --hss-m: clamp(3rem, 1.380rem + 5.411cqi, 6rem);
        --hss-s: clamp(2.25rem, 1.035rem + 4.059cqi, 4.5rem);
        --hss-xs: clamp(1.6875rem, 0.776rem + 3.044cqi, 3.375rem);
        --hss-xxs: clamp(1.25rem, 0.575rem + 2.255cqi, 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-8);
    --custom-108: #9eb161;
    --custom-293: #eef0e4;
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [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);

}