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-1: #fdfcfc;
--hcl-brand-2: #fdf7f5;
--hcl-brand-3: #f6edea;
--hcl-brand-4: #efe4df;
--hcl-brand-5: #e7d9d3;
--hcl-brand-6: #dfcdc5;
--hcl-brand-7: #d3bcb3;
--hcl-brand-8: #c2a499;
--hcl-brand-9: #a18072;
--hcl-brand-10: #957468;
--hcl-brand-11: #7d5e54;
--hcl-brand-12: #43302b;
--hcl-brand-emphasis: #7d5e54;
--hcl-brand-1a: hsla(0, 89.3%, 18.3%, 0.012);
--hcl-brand-2a: hsla(17, 95.1%, 40.1%, 0.036);
--hcl-brand-3a: hsla(18, 98.3%, 29.8%, 0.067);
--hcl-brand-4a: hsla(17, 99.6%, 26.0%, 0.106);
--hcl-brand-5a: hsla(19, 99.6%, 23.8%, 0.157);
--hcl-brand-6a: hsla(17, 99.2%, 22.5%, 0.220);
--hcl-brand-7a: hsla(18, 99.7%, 21.6%, 0.310);
--hcl-brand-8a: hsla(17, 99.5%, 20.2%, 0.420);
--hcl-brand-9a: hsla(18, 99.9%, 16.7%, 0.553);
--hcl-brand-10a: hsla(17, 99.2%, 15.4%, 0.589);
--hcl-brand-11a: hsla(15, 99.9%, 13.2%, 0.655);
--hcl-brand-12a: hsla(12, 98.7%, 5.7%, 0.832);
--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-primary: #ffffff;
--hcl-primary-1: #fffcfa;
--hcl-primary-2: #fbf4f1;
--hcl-primary-3: #f9e9e0;
--hcl-primary-4: #f5ddd0;
--hcl-primary-5: #efd1c1;
--hcl-primary-6: #e7c4b0;
--hcl-primary-7: #dcb199;
--hcl-primary-8: #cf9777;
--hcl-primary-9: #8c5a3c;
--hcl-primary-10: #7b4b2e;
--hcl-primary-11: #885334;
--hcl-primary-12: #502b16;
--hcl-primary-emphasis: #885334;
--hcl-primary-1a: hsla(20, 94.9%, 38.7%, 0.016);
--hcl-primary-2a: hsla(24, 95.8%, 46.5%, 0.044);
--hcl-primary-3a: hsla(25, 100%, 50.5%, 0.095);
--hcl-primary-4a: hsla(26, 100%, 50.0%, 0.157);
--hcl-primary-5a: hsla(25, 100%, 50.1%, 0.236);
--hcl-primary-6a: hsla(25, 100%, 50.1%, 0.346);
--hcl-primary-7a: hsla(24, 100%, 50.1%, 0.495);
--hcl-primary-8a: hsla(24, 99.7%, 48.7%, 0.695);
--hcl-primary-9a: hsla(24, 99.9%, 48.4%, 0.969);
--hcl-primary-10a: hsla(23, 100%, 46.4%, 0.980);
--hcl-primary-11a: hsla(23, 100%, 36.8%, 0.980);
--hcl-primary-12a: hsla(15, 99.4%, 11.0%, 0.934);
--hcl-on-secondary: #fff;
--hcl-secondary-1: #fdfcfc;
--hcl-secondary-2: #fdf7f5;
--hcl-secondary-3: #f6edea;
--hcl-secondary-4: #efe4df;
--hcl-secondary-5: #e7d9d3;
--hcl-secondary-6: #dfcdc5;
--hcl-secondary-7: #d3bcb3;
--hcl-secondary-8: #c2a499;
--hcl-secondary-9: #a18072;
--hcl-secondary-10: #957468;
--hcl-secondary-11: #7d5e54;
--hcl-secondary-12: #43302b;
--hcl-secondary-emphasis: #7d5e54;
--hcl-secondary-1a: hsla(0, 89.3%, 18.3%, 0.012);
--hcl-secondary-2a: hsla(17, 95.1%, 40.1%, 0.036);
--hcl-secondary-3a: hsla(18, 98.3%, 29.8%, 0.067);
--hcl-secondary-4a: hsla(17, 99.6%, 26.0%, 0.106);
--hcl-secondary-5a: hsla(19, 99.6%, 23.8%, 0.157);
--hcl-secondary-6a: hsla(17, 99.2%, 22.5%, 0.220);
--hcl-secondary-7a: hsla(18, 99.7%, 21.6%, 0.310);
--hcl-secondary-8a: hsla(17, 99.5%, 20.2%, 0.420);
--hcl-secondary-9a: hsla(18, 99.9%, 16.7%, 0.553);
--hcl-secondary-10a: hsla(17, 99.2%, 15.4%, 0.589);
--hcl-secondary-11a: hsla(15, 99.9%, 13.2%, 0.655);
--hcl-secondary-12a: hsla(12, 98.7%, 5.7%, 0.832);
--hcl-on-tertiary: #fff;
--hcl-tertiary-1: #fdfdfc;
--hcl-tertiary-2: #faf9f2;
--hcl-tertiary-3: #f2f0e7;
--hcl-tertiary-4: #eae6db;
--hcl-tertiary-5: #e1dccf;
--hcl-tertiary-6: #d8d0bf;
--hcl-tertiary-7: #cbc0aa;
--hcl-tertiary-8: #b9a88d;
--hcl-tertiary-9: #978365;
--hcl-tertiary-10: #8c7a5e;
--hcl-tertiary-11: #71624b;
--hcl-tertiary-12: #3b352b;
--hcl-tertiary-emphasis: #71624b;
--hcl-tertiary-1a: hsla(60, 89.3%, 18.3%, 0.012);
--hcl-tertiary-2a: hsla(47, 99.9%, 34.6%, 0.051);
--hcl-tertiary-3a: hsla(45, 97.0%, 27.9%, 0.087);
--hcl-tertiary-4a: hsla(46, 98.0%, 25.4%, 0.134);
--hcl-tertiary-5a: hsla(43, 98.4%, 22.6%, 0.185);
--hcl-tertiary-6a: hsla(41, 99.7%, 22.0%, 0.259);
--hcl-tertiary-7a: hsla(38, 99.8%, 21.5%, 0.357);
--hcl-tertiary-8a: hsla(36, 99.3%, 21.5%, 0.487);
--hcl-tertiary-9a: hsla(36, 99.9%, 16.2%, 0.604);
--hcl-tertiary-10a: hsla(36, 99.2%, 14.6%, 0.636);
--hcl-tertiary-11a: hsla(35, 99.1%, 11.2%, 0.687);
--hcl-tertiary-12a: hsla(38, 98.0%, 3.8%, 0.832);
--hcl-on-yellow: #000000;
--hcl-yellow-1: #fefdfb;
--hcl-yellow-2: #fff9ea;
--hcl-yellow-3: #fff1c4;
--hcl-yellow-4: #ffe7aa;
--hcl-yellow-5: #ffdc8b;
--hcl-yellow-6: #ffcf7b;
--hcl-yellow-7: #eebe6c;
--hcl-yellow-8: #dda641;
--hcl-yellow-9: #ffc22c;
--hcl-yellow-10: #fdb931;
--hcl-yellow-11: #a16b00;
--hcl-yellow-12: #48381f;
--hcl-yellow-emphasis: #a16b00;
--hcl-yellow-1a: hsla(40, 94.9%, 38.7%, 0.016);
--hcl-yellow-2a: hsla(40, 100%, 50.3%, 0.071);
--hcl-yellow-3a: hsla(44, 100%, 50.1%, 0.165);
--hcl-yellow-4a: hsla(43, 100%, 50.0%, 0.263);
--hcl-yellow-5a: hsla(42, 100%, 50.0%, 0.365);
--hcl-yellow-6a: hsla(38, 100%, 50.1%, 0.475);
--hcl-yellow-7a: hsla(36, 99.9%, 46.2%, 0.612);
--hcl-yellow-8a: hsla(35, 99.8%, 46.0%, 0.832);
--hcl-yellow-9a: hsla(39, 100%, 50.0%, 0.859);
--hcl-yellow-10a: hsla(35, 100%, 50.0%, 0.891);
--hcl-yellow-11a: hsla(29, 100%, 33.6%, 0.980);
--hcl-yellow-12a: hsla(20, 99.8%, 14.1%, 0.965);
--hcl-on-warm-off-white: #fff;
--hcl-warm-off-white-1: #fefdfc;
--hcl-warm-off-white-2: #fbf9f6;
--hcl-warm-off-white-3: #f2f0eb;
--hcl-warm-off-white-4: #eae7e2;
--hcl-warm-off-white-5: #e1deda;
--hcl-warm-off-white-6: #d7d4d0;
--hcl-warm-off-white-7: #cac7c3;
--hcl-warm-off-white-8: #b5b2ae;
--hcl-warm-off-white-9: #8d8b86;
--hcl-warm-off-white-10: #817e7a;
--hcl-warm-off-white-11: #676461;
--hcl-warm-off-white-12: #2e2c29;
--hcl-warm-off-white-emphasis: #676461;
}
: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: #141110;
--hcl-brand-2: #1c1917;
--hcl-brand-3: #262220;
--hcl-brand-4: #302a27;
--hcl-brand-5: #3b3330;
--hcl-brand-6: #493e3a;
--hcl-brand-7: #5a4c47;
--hcl-brand-8: #6f5f58;
--hcl-brand-9: #a18072;
--hcl-brand-10: #ae8c7e;
--hcl-brand-11: #d4b3a5;
--hcl-brand-12: #ede0d9;
--hcl-brand-emphasis: #d4b3a5;
--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-primary-emphasis: #f0a77a;
--hcl-primary-1: #14110f;
--hcl-primary-2: #1f1713;
--hcl-primary-3: #2d1f16;
--hcl-primary-4: #3b2518;
--hcl-primary-5: #472e1f;
--hcl-primary-6: #543929;
--hcl-primary-7: #654735;
--hcl-primary-8: #7c5843;
--hcl-primary-9: #8c5a3c;
--hcl-primary-10: #9d694b;
--hcl-primary-11: #f0a77a;
--hcl-primary-12: #f3dcce;
--hcl-primary-1a: hsl(0deg 0% 0% / 0);
--hcl-primary-2a: hsl(26.5deg 94% 71% / 0.022);
--hcl-primary-3a: hsl(26.5deg 97% 81% / 0.065);
--hcl-primary-4a: hsl(26.5deg 96% 81% / 0.1);
--hcl-primary-5a: hsl(24.5deg 97% 82% / 0.13);
--hcl-primary-6a: hsl(25.5deg 97% 82% / 0.169);
--hcl-primary-7a: hsl(23.5deg 99% 82% / 0.246);
--hcl-primary-8a: hsl(21.5deg 99% 82% / 0.363);
--hcl-primary-9a: hsl(22.5deg 100% 83% / 0.552);
--hcl-primary-10a: hsl(21.5deg 99% 84% / 0.613);
--hcl-primary-11a: hsl(21.5deg 99% 85% / 0.725);
--hcl-primary-12a: hsl(35.5deg 99% 97% / 0.966);
--hcl-secondary-emphasis: #d4b3a5;
--hcl-secondary-1: #141110;
--hcl-secondary-2: #1c1917;
--hcl-secondary-3: #262220;
--hcl-secondary-4: #302a27;
--hcl-secondary-5: #3b3330;
--hcl-secondary-6: #493e3a;
--hcl-secondary-7: #5a4c47;
--hcl-secondary-8: #6f5f58;
--hcl-secondary-9: #a18072;
--hcl-secondary-10: #ae8c7e;
--hcl-secondary-11: #d4b3a5;
--hcl-secondary-12: #ede0d9;
--hcl-secondary-1a: hsla(0, 0%, 0%, 0);
--hcl-secondary-2a: hsla(20, 88.2%, 74.2%, 0.027);
--hcl-secondary-3a: hsla(10, 99.4%, 83.0%, 0.074);
--hcl-secondary-4a: hsla(18, 96.0%, 81.1%, 0.114);
--hcl-secondary-5a: hsla(18, 99.4%, 81.7%, 0.148);
--hcl-secondary-6a: hsla(15, 98.1%, 82.4%, 0.192);
--hcl-secondary-7a: hsla(16, 99.2%, 82.9%, 0.270);
--hcl-secondary-8a: hsla(18, 99.5%, 82.6%, 0.396);
--hcl-secondary-9a: hsla(18, 99.3%, 85.0%, 0.592);
--hcl-secondary-10a: hsla(18, 99.6%, 85.2%, 0.657);
--hcl-secondary-11a: hsla(17, 99.9%, 86.1%, 0.774);
--hcl-secondary-12a: hsla(20, 99.8%, 96.4%, 0.974);
--hcl-tertiary-emphasis: #cbb99f;
--hcl-tertiary-1: #121211;
--hcl-tertiary-2: #1b1a17;
--hcl-tertiary-3: #24231f;
--hcl-tertiary-4: #2d2b26;
--hcl-tertiary-5: #38352e;
--hcl-tertiary-6: #444039;
--hcl-tertiary-7: #544f46;
--hcl-tertiary-8: #696256;
--hcl-tertiary-9: #978365;
--hcl-tertiary-10: #a39073;
--hcl-tertiary-11: #cbb99f;
--hcl-tertiary-12: #e8e2d9;
--hcl-tertiary-1a: hsla(0, 0%, 0%, 0);
--hcl-tertiary-2a: hsla(40, 93.7%, 70.6%, 0.022);
--hcl-tertiary-3a: hsla(40, 97.5%, 80.6%, 0.065);
--hcl-tertiary-4a: hsla(40, 95.9%, 80.8%, 0.100);
--hcl-tertiary-5a: hsla(38, 97.3%, 82.1%, 0.130);
--hcl-tertiary-6a: hsla(39, 97.2%, 82.5%, 0.169);
--hcl-tertiary-7a: hsla(37, 99.3%, 82.4%, 0.246);
--hcl-tertiary-8a: hsla(35, 98.7%, 82.2%, 0.363);
--hcl-tertiary-9a: hsla(36, 99.7%, 82.8%, 0.552);
--hcl-tertiary-10a: hsla(35, 99.2%, 83.7%, 0.613);
--hcl-tertiary-11a: hsla(35, 99.3%, 85.3%, 0.725);
--hcl-tertiary-12a: hsla(49, 98.6%, 96.7%, 0.966);
--hcl-yellow-emphasis: #fdb931;
--hcl-yellow-1: #14110c;
--hcl-yellow-2: #1c1810;
--hcl-yellow-3: #2d210b;
--hcl-yellow-4: #3e2800;
--hcl-yellow-5: #4b3100;
--hcl-yellow-6: #583f0e;
--hcl-yellow-7: #6c511f;
--hcl-yellow-8: #89672a;
--hcl-yellow-9: #fdb931;
--hcl-yellow-10: #f2af1f;
--hcl-yellow-11: #ffc447;
--hcl-yellow-12: #ffe5bb;
--hcl-yellow-1a: hsla(0, 0%, 0%, 0);
--hcl-yellow-2a: hsla(31, 100%, 49.7%, 0.036);
--hcl-yellow-3a: hsla(27, 100%, 49.9%, 0.094);
--hcl-yellow-4a: hsla(29, 100%, 50.0%, 0.143);
--hcl-yellow-5a: hsla(31, 100%, 50.0%, 0.192);
--hcl-yellow-6a: hsla(35, 100%, 50.0%, 0.250);
--hcl-yellow-7a: hsla(34, 99.6%, 52.9%, 0.331);
--hcl-yellow-8a: hsla(36, 100%, 50.0%, 0.442);
--hcl-yellow-9a: hsla(40, 100%, 57.2%, 0.980);
--hcl-yellow-10a: hsla(44, 100%, 64.2%, 0.980);
--hcl-yellow-11a: hsla(39, 99.9%, 52.7%, 0.938);
--hcl-yellow-12a: hsla(45, 100%, 94.2%, 0.980);
--hcl-warm-off-white-emphasis: #faf8f5;
--hcl-warm-off-white-1: #13110e;
--hcl-warm-off-white-2: #1b1916;
--hcl-warm-off-white-3: #25221f;
--hcl-warm-off-white-4: #2c2a26;
--hcl-warm-off-white-5: #33312d;
--hcl-warm-off-white-6: #3c3a37;
--hcl-warm-off-white-7: #4a4844;
--hcl-warm-off-white-8: #63605d;
--hcl-warm-off-white-9: #faf8f5;
--hcl-warm-off-white-10: #f1efec;
--hcl-warm-off-white-11: #b6b4af;
--hcl-warm-off-white-12: #f0eeeb;
--hcl-warm-off-white-1a: hsla(0, 0%, 0%, 0);
--hcl-warm-off-white-2a: hsla(40, 93.7%, 70.6%, 0.022);
--hcl-warm-off-white-3a: hsla(40, 97.5%, 80.6%, 0.065);
--hcl-warm-off-white-4a: hsla(40, 95.9%, 80.8%, 0.100);
--hcl-warm-off-white-5a: hsla(38, 97.3%, 82.1%, 0.130);
--hcl-warm-off-white-6a: hsla(39, 97.2%, 82.5%, 0.169);
--hcl-warm-off-white-7a: hsla(37, 99.3%, 82.4%, 0.246);
--hcl-warm-off-white-8a: hsla(35, 98.7%, 82.2%, 0.363);
--hcl-warm-off-white-9a: hsla(36, 99.7%, 82.8%, 0.552);
--hcl-warm-off-white-10a: hsla(35, 99.2%, 83.7%, 0.613);
--hcl-warm-off-white-11a: hsla(35, 99.3%, 85.3%, 0.725);
--hcl-warm-off-white-12a: hsla(49, 98.6%, 96.7%, 0.966);
}
: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(4px + 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="primary"] {
--hcl-brand-1: var(--hcl-primary-1);
--hcl-brand-1a: var(--hcl-primary-1a);
--hcl-brand-2: var(--hcl-primary-2);
--hcl-brand-2a: var(--hcl-primary-2a);
--hcl-brand-3: var(--hcl-primary-3);
--hcl-brand-3a: var(--hcl-primary-3a);
--hcl-brand-4: var(--hcl-primary-4);
--hcl-brand-4a: var(--hcl-primary-4a);
--hcl-brand-5: var(--hcl-primary-5);
--hcl-brand-5a: var(--hcl-primary-5a);
--hcl-brand-6: var(--hcl-primary-6);
--hcl-brand-6a: var(--hcl-primary-6a);
--hcl-brand-7: var(--hcl-primary-7);
--hcl-brand-7a: var(--hcl-primary-7a);
--hcl-brand-8: var(--hcl-primary-8);
--hcl-brand-8a: var(--hcl-primary-8a);
--hcl-brand-9: var(--hcl-primary-9);
--hcl-brand-9a: var(--hcl-primary-9a);
--hcl-brand-10: var(--hcl-primary-10);
--hcl-brand-10a: var(--hcl-primary-10a);
--hcl-brand-11: var(--hcl-primary-11);
--hcl-brand-11a: var(--hcl-primary-11a);
--hcl-brand-12: var(--hcl-primary-12);
--hcl-brand-12a: var(--hcl-primary-12a);
--hcl-on-brand: var(--hcl-on-primary);
--hcl-brand-emphasis: var(--hcl-primary-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);
}
[data-hsx-brand="tertiary"] {
--hcl-brand-1: var(--hcl-tertiary-1);
--hcl-brand-1a: var(--hcl-tertiary-1a);
--hcl-brand-2: var(--hcl-tertiary-2);
--hcl-brand-2a: var(--hcl-tertiary-2a);
--hcl-brand-3: var(--hcl-tertiary-3);
--hcl-brand-3a: var(--hcl-tertiary-3a);
--hcl-brand-4: var(--hcl-tertiary-4);
--hcl-brand-4a: var(--hcl-tertiary-4a);
--hcl-brand-5: var(--hcl-tertiary-5);
--hcl-brand-5a: var(--hcl-tertiary-5a);
--hcl-brand-6: var(--hcl-tertiary-6);
--hcl-brand-6a: var(--hcl-tertiary-6a);
--hcl-brand-7: var(--hcl-tertiary-7);
--hcl-brand-7a: var(--hcl-tertiary-7a);
--hcl-brand-8: var(--hcl-tertiary-8);
--hcl-brand-8a: var(--hcl-tertiary-8a);
--hcl-brand-9: var(--hcl-tertiary-9);
--hcl-brand-9a: var(--hcl-tertiary-9a);
--hcl-brand-10: var(--hcl-tertiary-10);
--hcl-brand-10a: var(--hcl-tertiary-10a);
--hcl-brand-11: var(--hcl-tertiary-11);
--hcl-brand-11a: var(--hcl-tertiary-11a);
--hcl-brand-12: var(--hcl-tertiary-12);
--hcl-brand-12a: var(--hcl-tertiary-12a);
--hcl-on-brand: var(--hcl-on-tertiary);
--hcl-brand-emphasis: var(--hcl-tertiary-emphasis);
}
[data-hsx-brand="yellow"] {
--hcl-brand-1: var(--hcl-yellow-1);
--hcl-brand-1a: var(--hcl-yellow-1a);
--hcl-brand-2: var(--hcl-yellow-2);
--hcl-brand-2a: var(--hcl-yellow-2a);
--hcl-brand-3: var(--hcl-yellow-3);
--hcl-brand-3a: var(--hcl-yellow-3a);
--hcl-brand-4: var(--hcl-yellow-4);
--hcl-brand-4a: var(--hcl-yellow-4a);
--hcl-brand-5: var(--hcl-yellow-5);
--hcl-brand-5a: var(--hcl-yellow-5a);
--hcl-brand-6: var(--hcl-yellow-6);
--hcl-brand-6a: var(--hcl-yellow-6a);
--hcl-brand-7: var(--hcl-yellow-7);
--hcl-brand-7a: var(--hcl-yellow-7a);
--hcl-brand-8: var(--hcl-yellow-8);
--hcl-brand-8a: var(--hcl-yellow-8a);
--hcl-brand-9: var(--hcl-yellow-9);
--hcl-brand-9a: var(--hcl-yellow-9a);
--hcl-brand-10: var(--hcl-yellow-10);
--hcl-brand-10a: var(--hcl-yellow-10a);
--hcl-brand-11: var(--hcl-yellow-11);
--hcl-brand-11a: var(--hcl-yellow-11a);
--hcl-brand-12: var(--hcl-yellow-12);
--hcl-brand-12a: var(--hcl-yellow-12a);
--hcl-on-brand: var(--hcl-on-yellow);
--hcl-brand-emphasis: var(--hcl-yellow-emphasis);
}
[data-hsx-brand="warm-off-white"] {
--hcl-brand-1: var(--hcl-warm-off-white-1);
--hcl-brand-1a: var(--hcl-warm-off-white-1a);
--hcl-brand-2: var(--hcl-warm-off-white-2);
--hcl-brand-2a: var(--hcl-warm-off-white-2a);
--hcl-brand-3: var(--hcl-warm-off-white-3);
--hcl-brand-3a: var(--hcl-warm-off-white-3a);
--hcl-brand-4: var(--hcl-warm-off-white-4);
--hcl-brand-4a: var(--hcl-warm-off-white-4a);
--hcl-brand-5: var(--hcl-warm-off-white-5);
--hcl-brand-5a: var(--hcl-warm-off-white-5a);
--hcl-brand-6: var(--hcl-warm-off-white-6);
--hcl-brand-6a: var(--hcl-warm-off-white-6a);
--hcl-brand-7: var(--hcl-warm-off-white-7);
--hcl-brand-7a: var(--hcl-warm-off-white-7a);
--hcl-brand-8: var(--hcl-warm-off-white-8);
--hcl-brand-8a: var(--hcl-warm-off-white-8a);
--hcl-brand-9: var(--hcl-warm-off-white-9);
--hcl-brand-9a: var(--hcl-warm-off-white-9a);
--hcl-brand-10: var(--hcl-warm-off-white-10);
--hcl-brand-10a: var(--hcl-warm-off-white-10a);
--hcl-brand-11: var(--hcl-warm-off-white-11);
--hcl-brand-11a: var(--hcl-warm-off-white-11a);
--hcl-brand-12: var(--hcl-warm-off-white-12);
--hcl-brand-12a: var(--hcl-warm-off-white-12a);
--hcl-on-brand: var(--hcl-on-warm-off-white);
--hcl-brand-emphasis: var(--hcl-warm-off-white-emphasis);
}
html:root {
/*Headspin System*/
--hrd-s: 4px;
--hrd-m: 6px;
--hrd-l: 9px;
--hrd-pill: 500px;
--hrd-atom: 4px;
}
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(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);
--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(--hsx-headings-color);
--bde-body-text-color: var(--hsx-body-text-color);
--bde-background-color: var(--hsx-site-background);
--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"] {
--bde-headings-color: var(--hsx-headings-color) !important;
--bde-body-text-color: var(--hsx-body-text-color) !important;
--bde-background-color: var(--hsx-site-background) !important;
--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);
}