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: #f9fbfe;
--hcl-brand-2: #eff7fe;
--hcl-brand-3: #d7edff;
--hcl-brand-4: #bde4ff;
--hcl-brand-5: #a3d4fc;
--hcl-brand-6: #87c1f5;
--hcl-brand-7: #64abe9;
--hcl-brand-8: #278de0;
--hcl-brand-9: #0083f5;
--hcl-brand-10: #0073e3;
--hcl-brand-11: #003e7a;
--hcl-brand-12: #1b283e;
--hcl-brand-emphasis: #003e7a;
--hcl-brand-1a: hsla(210, 100%, 51.0%, 0.016);
--hcl-brand-2a: hsla(210, 100%, 51.0%, 0.040);
--hcl-brand-3a: hsla(210, 100%, 50.3%, 0.071);
--hcl-brand-4a: hsla(210, 100%, 50.1%, 0.118);
--hcl-brand-5a: hsla(208, 99.1%, 47.1%, 0.189);
--hcl-brand-6a: hsla(209, 99.5%, 45.3%, 0.283);
--hcl-brand-7a: hsla(208, 99.9%, 43.8%, 0.412);
--hcl-brand-8a: hsla(206, 99.8%, 45.1%, 0.632);
--hcl-brand-9a: hsla(206, 100%, 50.0%, 0.980);
--hcl-brand-10a: hsla(208, 100%, 47.2%, 0.980);
--hcl-brand-11a: hsla(212, 100%, 43.0%, 0.980);
--hcl-brand-12a: hsla(213, 100%, 14.4%, 0.980);
--hcl-on-neutral: #ffffff;
--hcl-neutral-1: #fcfcfd;
--hcl-neutral-2: #f9f9fb;
--hcl-neutral-3: #f0f0f3;
--hcl-neutral-4: #e8e8ec;
--hcl-neutral-5: #e0e1e6;
--hcl-neutral-6: #d9d9e0;
--hcl-neutral-7: #cdced6;
--hcl-neutral-8: #b9bbc6;
--hcl-neutral-9: #000000;
--hcl-neutral-10: #1e1e1e;
--hcl-neutral-11: #60646c;
--hcl-neutral-12: #1c2024;
--hcl-neutral-emphasis: #000000;
--hcl-neutral-1a: hsla(210, 92.6%, 26.5%, 0.016);
--hcl-neutral-2a: hsla(210, 87.7%, 16.0%, 0.028);
--hcl-neutral-3a: hsla(210, 98.8%, 14.4%, 0.055);
--hcl-neutral-4a: hsla(210, 94.1%, 11.1%, 0.075);
--hcl-neutral-5a: hsla(216, 91.1%, 10.9%, 0.099);
--hcl-neutral-6a: hsla(206, 96.4%, 11.3%, 0.126);
--hcl-neutral-7a: hsla(210, 99.1%, 10.1%, 0.157);
--hcl-neutral-8a: hsla(205, 96.5%, 10.0%, 0.244);
--hcl-neutral-9a: #000000;
--hcl-neutral-10a: #1e1e1e;
--hcl-neutral-11a: hsla(206, 97.0%, 4.8%, 0.593);
--hcl-neutral-12a: hsla(202, 97.0%, 2.4%, 0.934);
--hcl-on-brand-light: #000000;
--hcl-brand-light-1: #fbfcfe;
--hcl-brand-light-2: #e8f4ff;
--hcl-brand-light-3: #c2e4ff;
--hcl-brand-light-4: #9cd7ff;
--hcl-brand-light-5: #73bfff;
--hcl-brand-light-6: #67b6ff;
--hcl-brand-light-7: #58aaf3;
--hcl-brand-light-8: #3094e8;
--hcl-brand-light-9: #aad7ff;
--hcl-brand-light-10: #98c5ed;
--hcl-brand-light-11: #0056ab;
--hcl-brand-light-12: #1c3155;
--hcl-brand-light-emphasis: #0056ab;
--hcl-brand-light-1a: hsla(210, 100%, 51.0%, 0.016);
--hcl-brand-light-2a: hsla(210, 100%, 51.0%, 0.040);
--hcl-brand-light-3a: hsla(210, 100%, 50.3%, 0.071);
--hcl-brand-light-4a: hsla(210, 100%, 50.1%, 0.118);
--hcl-brand-light-5a: hsla(208, 99.1%, 47.1%, 0.189);
--hcl-brand-light-6a: hsla(209, 99.5%, 45.3%, 0.283);
--hcl-brand-light-7a: hsla(208, 99.9%, 43.8%, 0.412);
--hcl-brand-light-8a: hsla(206, 99.8%, 45.1%, 0.632);
--hcl-brand-light-9a: hsla(206, 100%, 50.0%, 0.980);
--hcl-brand-light-10a: hsla(208, 100%, 47.2%, 0.980);
--hcl-brand-light-11a: hsla(212, 100%, 43.0%, 0.980);
--hcl-brand-light-12a: hsla(213, 100%, 14.4%, 0.980);
--hcl-on-red: #ffffff;
--hcl-red-1: #fef9fa;
--hcl-red-2: #ffeeef;
--hcl-red-3: #ffd7da;
--hcl-red-4: #ffbdc1;
--hcl-red-5: #ffa0a5;
--hcl-red-6: #ff7d83;
--hcl-red-7: #f35a61;
--hcl-red-8: #e6212c;
--hcl-red-9: #e20613;
--hcl-red-10: #cd0002;
--hcl-red-11: #7a0008;
--hcl-red-12: #43161f;
--hcl-red-emphasis: #7a0008;
--hcl-red-1a: hsla(0, 100%, 51.0%, 0.012);
--hcl-red-2a: hsla(0, 100%, 51.0%, 0.032);
--hcl-red-3a: hsla(0, 100%, 50.2%, 0.063);
--hcl-red-4a: hsla(0, 100%, 50.0%, 0.102);
--hcl-red-5a: hsla(0, 99.9%, 47.5%, 0.153);
--hcl-red-6a: hsla(0, 99.5%, 44.9%, 0.224);
--hcl-red-7a: hsla(359, 99.7%, 42.7%, 0.318);
--hcl-red-8a: hsla(359, 99.6%, 41.1%, 0.436);
--hcl-red-9a: hsla(358, 99.9%, 42.9%, 0.718);
--hcl-red-10a: hsla(358, 99.9%, 41.0%, 0.761);
--hcl-red-11a: hsla(358, 99.8%, 38.3%, 0.832);
--hcl-red-12a: hsla(355, 99.3%, 7.9%, 0.926);
--hcl-on-green: #000000;
--hcl-green-1: #fefffd;
--hcl-green-2: #fbfdfa;
--hcl-green-3: #f6fbf3;
--hcl-green-4: #f1f9ec;
--hcl-green-5: #eaf5e4;
--hcl-green-6: #e2f0da;
--hcl-green-7: #d2e8c8;
--hcl-green-8: #b9dead;
--hcl-green-9: #49ca22;
--hcl-green-10: #31b800;
--hcl-green-11: #65d247;
--hcl-green-12: #385c2d;
--hcl-green-emphasis: #65d247;
--hcl-green-1a: hsla(120, 94.9%, 38.7%, 0.016);
--hcl-green-2a: hsla(120, 94.9%, 38.7%, 0.048);
--hcl-green-3a: hsla(120, 98.0%, 35.5%, 0.079);
--hcl-green-4a: hsla(120, 98.7%, 31.5%, 0.126);
--hcl-green-5a: hsla(122, 98.5%, 29.9%, 0.193);
--hcl-green-6a: hsla(125, 99.2%, 27.9%, 0.283);
--hcl-green-7a: hsla(125, 99.9%, 27.0%, 0.408);
--hcl-green-8a: hsla(131, 100%, 27.6%, 0.604);
--hcl-green-9a: hsla(131, 99.7%, 26.3%, 0.726);
--hcl-green-10a: hsla(132, 99.9%, 24.0%, 0.761);
--hcl-green-11a: hsla(133, 99.5%, 19.5%, 0.840);
--hcl-green-12a: hsla(128, 98.0%, 4.9%, 0.895);
--hcl-on-light-grey: #000000;
--hcl-light-grey-1: #fafaff;
--hcl-light-grey-2: #e8e8ff;
--hcl-light-grey-3: #c4c8fd;
--hcl-light-grey-4: #9ca0ff;
--hcl-light-grey-5: #737bff;
--hcl-light-grey-6: #6c72fa;
--hcl-light-grey-7: #595ef2;
--hcl-light-grey-8: #2e34ea;
--hcl-light-grey-9: #fafafc;
--hcl-light-grey-10: #e8e8ea;
--hcl-light-grey-11: #0f0aa1;
--hcl-light-grey-12: #101361;
--hcl-light-grey-emphasis: #0f0aa1;
--hcl-light-grey-1a: hsla(240, 100%, 50%, 0.01);
--hcl-light-grey-2a: hsla(240, 100%, 50%, 0.03);
--hcl-light-grey-3a: hsla(235.71, 100%, 46.67%, 0.06);
--hcl-light-grey-4a: hsla(237.41, 100%, 50%, 0.1);
--hcl-light-grey-5a: hsla(236.71, 100%, 50%, 0.15);
--hcl-light-grey-6a: hsla(237.65, 100%, 50%, 0.2);
--hcl-light-grey-7a: hsla(237.91, 100%, 45.1%, 0.28);
--hcl-light-grey-8a: hsla(237.79, 100%, 42.55%, 0.39);
--hcl-light-grey-9a: hsla(240, 100%, 37.65%, 0.64);
--hcl-light-grey-10a: hsla(240, 100%, 35.69%, 0.68);
--hcl-light-grey-11a: hsla(242.11, 100%, 33.53%, 0.67);
--hcl-light-grey-12a: hsla(238.29, 100%, 13.73%, 0.85);
--hcl-on-black: #ffffff;
--hcl-black-1: #fcfcfc;
--hcl-black-2: #f0f0f0;
--hcl-black-3: #e5e5e5;
--hcl-black-4: #d9d9d9;
--hcl-black-5: #cdcdcd;
--hcl-black-6: #bdbdbd;
--hcl-black-7: #a8a8a8;
--hcl-black-8: #8c8c8c;
--hcl-black-9: #000000;
--hcl-black-10: #000000;
--hcl-black-11: #4c4c4c;
--hcl-black-12: #282828;
--hcl-black-emphasis: #000000;
--hcl-black-1a: hsla(0, 100%, 51.0%, 0.012);
--hcl-black-2a: hsla(8, 100%, 51.0%, 0.032);
--hcl-black-3a: hsla(7, 100%, 50.2%, 0.067);
--hcl-black-4a: hsla(8, 100%, 50.1%, 0.114);
--hcl-black-5a: hsla(7, 99.5%, 47.9%, 0.173);
--hcl-black-6a: hsla(9, 99.9%, 46.2%, 0.255);
--hcl-black-7a: hsla(10, 99.8%, 43.6%, 0.365);
--hcl-black-8a: hsla(10, 99.5%, 41.8%, 0.499);
--hcl-black-9a: hsla(10, 99.9%, 43.8%, 0.820);
--hcl-black-10a: hsla(10, 100%, 41.8%, 0.859);
--hcl-black-11a: hsla(10, 99.9%, 38.8%, 0.922);
--hcl-black-12a: hsla(10, 99.0%, 7.4%, 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: #0c1217;
--hcl-brand-2: #0e161c;
--hcl-brand-3: #081c2d;
--hcl-brand-4: #001f3a;
--hcl-brand-5: #002647;
--hcl-brand-6: #053661;
--hcl-brand-7: #18466e;
--hcl-brand-8: #215785;
--hcl-brand-9: #0083f5;
--hcl-brand-10: #3693ff;
--hcl-brand-11: #2e9eff;
--hcl-brand-12: #badfff;
--hcl-brand-emphasis: #2e9eff;
--hcl-neutral-1: #111113;
--hcl-neutral-2: #18191b;
--hcl-neutral-3: #212225;
--hcl-neutral-4: #272a2d;
--hcl-neutral-5: #2e3135;
--hcl-neutral-6: #363a3f;
--hcl-neutral-7: #43484e;
--hcl-neutral-8: #5a6169;
--hcl-neutral-9: #ffffff;
--hcl-neutral-10: #aeaeae;
--hcl-neutral-11: #b0b4ba;
--hcl-neutral-12: #edeef0;
--hcl-neutral-emphasis: #ffffff;
--hcl-on-neutral: #000000;
--hcl-brand-light-emphasis: #aad7ff;
--hcl-brand-light-1: #0d1115;
--hcl-brand-light-2: #0f171d;
--hcl-brand-light-3: #0a1d2e;
--hcl-brand-light-4: #00213f;
--hcl-brand-light-5: #00294d;
--hcl-brand-light-6: #0a3357;
--hcl-brand-light-7: #1a4870;
--hcl-brand-light-8: #245d8f;
--hcl-brand-light-9: #aad7ff;
--hcl-brand-light-10: #bce9ff;
--hcl-brand-light-11: #1691ff;
--hcl-brand-light-12: #b3dbff;
--hcl-brand-light-1a: hsla(0, 0%, 0%, 0);
--hcl-brand-light-2a: hsla(204.24, 100%, 50%, 0.036);
--hcl-brand-light-3a: hsla(200.24, 100%, 50%, 0.094);
--hcl-brand-light-4a: hsla(202.35, 100%, 50%, 0.143);
--hcl-brand-light-5a: hsla(204.24, 100%, 50%, 0.192);
--hcl-brand-light-6a: hsla(208.24, 100%, 50%, 0.25);
--hcl-brand-light-7a: hsla(207.25, 100%, 52.94%, 0.331);
--hcl-brand-light-8a: hsla(209.18, 100%, 50%, 0.442);
--hcl-brand-light-9a: hsla(213.15, 100%, 57.06%, 0.98);
--hcl-brand-light-10a: hsla(217.17, 100%, 63.92%, 0.98);
--hcl-brand-light-11a: hsla(212.25, 100%, 52.94%, 0.938);
--hcl-brand-light-12a: hsla(218.71, 100%, 93.92%, 0.98);
--hcl-red-emphasis: #ff2e3a;
--hcl-red-1: #160d0e;
--hcl-red-2: #1c0e0f;
--hcl-red-3: #2c090c;
--hcl-red-4: #3a0004;
--hcl-red-5: #470004;
--hcl-red-6: #5b0b10;
--hcl-red-7: #6d191e;
--hcl-red-8: #852128;
--hcl-red-9: #e20613;
--hcl-red-10: #f72c23;
--hcl-red-11: #ff2e3a;
--hcl-red-12: #ffbabe;
--hcl-red-1a: hsla(0, 0%, 0%, 0);
--hcl-red-2a: hsla(9.36, 100%, 49.02%, 0.031);
--hcl-red-3a: hsla(5.41, 100%, 50%, 0.07);
--hcl-red-4a: hsla(2.35, 100%, 50%, 0.105);
--hcl-red-5a: hsla(2.35, 100%, 50%, 0.144);
--hcl-red-6a: hsla(1.41, 100%, 50%, 0.192);
--hcl-red-7a: hsla(0.47, 100%, 50%, 0.266);
--hcl-red-8a: hsla(358.35, 100%, 50%, 0.366);
--hcl-red-9a: hsla(356.69, 100%, 75.1%, 0.87);
--hcl-red-10a: hsla(352.58, 100%, 80.98%, 0.948);
--hcl-red-11a: hsla(356.56, 100%, 59.02%, 0.796);
--hcl-red-12a: hsla(0, 100%, 96.08%, 0.98);
--hcl-green-emphasis: #c3f4b4;
--hcl-green-1: #151e13;
--hcl-green-2: #1a2417;
--hcl-green-3: #264e1a;
--hcl-green-4: #2c7516;
--hcl-green-5: #37851f;
--hcl-green-6: #45922d;
--hcl-green-7: #53a639;
--hcl-green-8: #64c247;
--hcl-green-9: #49ca22;
--hcl-green-10: #5edc37;
--hcl-green-11: #c3f4b4;
--hcl-green-12: #e8fae3;
--hcl-green-1a: hsla(106.04, 99.02%, 60%, 0.05);
--hcl-green-2a: hsla(109.88, 93.48%, 63.92%, 0.09);
--hcl-green-3a: hsla(103.01, 100%, 66.08%, 0.23);
--hcl-green-4a: hsla(102.47, 100%, 65.1%, 0.35);
--hcl-green-5a: hsla(103.27, 97.63%, 66.86%, 0.42);
--hcl-green-6a: hsla(105, 97.3%, 70.98%, 0.48);
--hcl-green-7a: hsla(105.88, 98.55%, 72.94%, 0.56);
--hcl-green-8a: hsla(106.26, 98.5%, 73.92%, 0.67);
--hcl-green-9a: hsla(106.03, 98.65%, 70.98%, 0.83);
--hcl-green-10a: hsla(107.82, 100%, 73.92%, 0.86);
--hcl-green-11a: hsl(111.72, 100%, 82.94%);
--hcl-green-12a: hsl(106.45, 100%, 93.92%);
--hcl-light-grey-emphasis: #fafafc;
--hcl-light-grey-1: #0a0a18;
--hcl-light-grey-2: #0d0d1f;
--hcl-light-grey-3: #09092f;
--hcl-light-grey-4: #00003f;
--hcl-light-grey-5: #00004d;
--hcl-light-grey-6: #0a0b57;
--hcl-light-grey-7: #171873;
--hcl-light-grey-8: #1f2094;
--hcl-light-grey-9: #fafafc;
--hcl-light-grey-10: #ffffff;
--hcl-light-grey-11: #1716ff;
--hcl-light-grey-12: #b3b3ff;
--hcl-light-grey-1a: hsla(0, 0%, 0%, 0);
--hcl-light-grey-2a: hsla(236, 100%, 50%, 0.036);
--hcl-light-grey-3a: hsla(232, 100%, 50%, 0.094);
--hcl-light-grey-4a: hsla(234.12, 100%, 50%, 0.143);
--hcl-light-grey-5a: hsla(236, 100%, 50%, 0.192);
--hcl-light-grey-6a: hsla(240, 100%, 50%, 0.25);
--hcl-light-grey-7a: hsla(239, 100%, 52.94%, 0.331);
--hcl-light-grey-8a: hsla(240.94, 100%, 50%, 0.442);
--hcl-light-grey-9a: hsla(244.93, 100%, 57.06%, 0.98);
--hcl-light-grey-10a: hsla(249.13, 100%, 63.92%, 0.98);
--hcl-light-grey-11a: hsla(244, 100%, 52.94%, 0.938);
--hcl-light-grey-12a: hsla(249.68, 100%, 93.92%, 0.98);
--hcl-black-emphasis: #9b9b9b;
--hcl-black-1: #101010;
--hcl-black-2: #171717;
--hcl-black-3: #1f1f1f;
--hcl-black-4: #252525;
--hcl-black-5: #2e2e2e;
--hcl-black-6: #373737;
--hcl-black-7: #444444;
--hcl-black-8: #545454;
--hcl-black-9: #000000;
--hcl-black-10: #141414;
--hcl-black-11: #9b9b9b;
--hcl-black-12: #d6d6d6;
--hcl-black-1a: hsla(0, 0%, 0%, 0);
--hcl-black-2a: hsla(0, 0%, 43.92%, 0.022);
--hcl-black-3a: hsla(0, 0%, 62.75%, 0.065);
--hcl-black-4a: hsla(0, 0%, 62.75%, 0.1);
--hcl-black-5a: hsla(0, 0%, 64.71%, 0.13);
--hcl-black-6a: hsla(0, 0%, 64.71%, 0.169);
--hcl-black-7a: hsla(0, 0%, 64.31%, 0.246);
--hcl-black-8a: hsla(0, 0%, 64.31%, 0.363);
--hcl-black-9a: hsla(0, 0%, 65.88%, 0.552);
--hcl-black-10a: hsla(0, 0%, 68.24%, 0.613);
--hcl-black-11a: hsla(0, 0%, 70.2%, 0.725);
--hcl-black-12a: hsla(0, 0%, 94.12%, 0.966);
}
:root {
/*Theme Headspin*/
--hsx-page-width: 1440px;
--hsx-min-offset: 24px;
--hsx-page-gap: 30px;
/*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: 1414px) {
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="brand-light"] {
--hcl-brand-1: var(--hcl-brand-light-1);
--hcl-brand-1a: var(--hcl-brand-light-1a);
--hcl-brand-2: var(--hcl-brand-light-2);
--hcl-brand-2a: var(--hcl-brand-light-2a);
--hcl-brand-3: var(--hcl-brand-light-3);
--hcl-brand-3a: var(--hcl-brand-light-3a);
--hcl-brand-4: var(--hcl-brand-light-4);
--hcl-brand-4a: var(--hcl-brand-light-4a);
--hcl-brand-5: var(--hcl-brand-light-5);
--hcl-brand-5a: var(--hcl-brand-light-5a);
--hcl-brand-6: var(--hcl-brand-light-6);
--hcl-brand-6a: var(--hcl-brand-light-6a);
--hcl-brand-7: var(--hcl-brand-light-7);
--hcl-brand-7a: var(--hcl-brand-light-7a);
--hcl-brand-8: var(--hcl-brand-light-8);
--hcl-brand-8a: var(--hcl-brand-light-8a);
--hcl-brand-9: var(--hcl-brand-light-9);
--hcl-brand-9a: var(--hcl-brand-light-9a);
--hcl-brand-10: var(--hcl-brand-light-10);
--hcl-brand-10a: var(--hcl-brand-light-10a);
--hcl-brand-11: var(--hcl-brand-light-11);
--hcl-brand-11a: var(--hcl-brand-light-11a);
--hcl-brand-12: var(--hcl-brand-light-12);
--hcl-brand-12a: var(--hcl-brand-light-12a);
--hcl-on-brand: var(--hcl-on-brand-light);
--hcl-brand-emphasis: var(--hcl-brand-light-emphasis);
}
[data-hsx-brand="red"] {
--hcl-brand-1: var(--hcl-red-1);
--hcl-brand-1a: var(--hcl-red-1a);
--hcl-brand-2: var(--hcl-red-2);
--hcl-brand-2a: var(--hcl-red-2a);
--hcl-brand-3: var(--hcl-red-3);
--hcl-brand-3a: var(--hcl-red-3a);
--hcl-brand-4: var(--hcl-red-4);
--hcl-brand-4a: var(--hcl-red-4a);
--hcl-brand-5: var(--hcl-red-5);
--hcl-brand-5a: var(--hcl-red-5a);
--hcl-brand-6: var(--hcl-red-6);
--hcl-brand-6a: var(--hcl-red-6a);
--hcl-brand-7: var(--hcl-red-7);
--hcl-brand-7a: var(--hcl-red-7a);
--hcl-brand-8: var(--hcl-red-8);
--hcl-brand-8a: var(--hcl-red-8a);
--hcl-brand-9: var(--hcl-red-9);
--hcl-brand-9a: var(--hcl-red-9a);
--hcl-brand-10: var(--hcl-red-10);
--hcl-brand-10a: var(--hcl-red-10a);
--hcl-brand-11: var(--hcl-red-11);
--hcl-brand-11a: var(--hcl-red-11a);
--hcl-brand-12: var(--hcl-red-12);
--hcl-brand-12a: var(--hcl-red-12a);
--hcl-on-brand: var(--hcl-on-red);
--hcl-brand-emphasis: var(--hcl-red-emphasis);
}
[data-hsx-brand="green"] {
--hcl-brand-1: var(--hcl-green-1);
--hcl-brand-1a: var(--hcl-green-1a);
--hcl-brand-2: var(--hcl-green-2);
--hcl-brand-2a: var(--hcl-green-2a);
--hcl-brand-3: var(--hcl-green-3);
--hcl-brand-3a: var(--hcl-green-3a);
--hcl-brand-4: var(--hcl-green-4);
--hcl-brand-4a: var(--hcl-green-4a);
--hcl-brand-5: var(--hcl-green-5);
--hcl-brand-5a: var(--hcl-green-5a);
--hcl-brand-6: var(--hcl-green-6);
--hcl-brand-6a: var(--hcl-green-6a);
--hcl-brand-7: var(--hcl-green-7);
--hcl-brand-7a: var(--hcl-green-7a);
--hcl-brand-8: var(--hcl-green-8);
--hcl-brand-8a: var(--hcl-green-8a);
--hcl-brand-9: var(--hcl-green-9);
--hcl-brand-9a: var(--hcl-green-9a);
--hcl-brand-10: var(--hcl-green-10);
--hcl-brand-10a: var(--hcl-green-10a);
--hcl-brand-11: var(--hcl-green-11);
--hcl-brand-11a: var(--hcl-green-11a);
--hcl-brand-12: var(--hcl-green-12);
--hcl-brand-12a: var(--hcl-green-12a);
--hcl-on-brand: var(--hcl-on-green);
--hcl-brand-emphasis: var(--hcl-green-emphasis);
}
[data-hsx-brand="light-grey"] {
--hcl-brand-1: var(--hcl-light-grey-1);
--hcl-brand-1a: var(--hcl-light-grey-1a);
--hcl-brand-2: var(--hcl-light-grey-2);
--hcl-brand-2a: var(--hcl-light-grey-2a);
--hcl-brand-3: var(--hcl-light-grey-3);
--hcl-brand-3a: var(--hcl-light-grey-3a);
--hcl-brand-4: var(--hcl-light-grey-4);
--hcl-brand-4a: var(--hcl-light-grey-4a);
--hcl-brand-5: var(--hcl-light-grey-5);
--hcl-brand-5a: var(--hcl-light-grey-5a);
--hcl-brand-6: var(--hcl-light-grey-6);
--hcl-brand-6a: var(--hcl-light-grey-6a);
--hcl-brand-7: var(--hcl-light-grey-7);
--hcl-brand-7a: var(--hcl-light-grey-7a);
--hcl-brand-8: var(--hcl-light-grey-8);
--hcl-brand-8a: var(--hcl-light-grey-8a);
--hcl-brand-9: var(--hcl-light-grey-9);
--hcl-brand-9a: var(--hcl-light-grey-9a);
--hcl-brand-10: var(--hcl-light-grey-10);
--hcl-brand-10a: var(--hcl-light-grey-10a);
--hcl-brand-11: var(--hcl-light-grey-11);
--hcl-brand-11a: var(--hcl-light-grey-11a);
--hcl-brand-12: var(--hcl-light-grey-12);
--hcl-brand-12a: var(--hcl-light-grey-12a);
--hcl-on-brand: var(--hcl-on-light-grey);
--hcl-brand-emphasis: var(--hcl-light-grey-emphasis);
}
[data-hsx-brand="black"] {
--hcl-brand-1: var(--hcl-black-1);
--hcl-brand-1a: var(--hcl-black-1a);
--hcl-brand-2: var(--hcl-black-2);
--hcl-brand-2a: var(--hcl-black-2a);
--hcl-brand-3: var(--hcl-black-3);
--hcl-brand-3a: var(--hcl-black-3a);
--hcl-brand-4: var(--hcl-black-4);
--hcl-brand-4a: var(--hcl-black-4a);
--hcl-brand-5: var(--hcl-black-5);
--hcl-brand-5a: var(--hcl-black-5a);
--hcl-brand-6: var(--hcl-black-6);
--hcl-brand-6a: var(--hcl-black-6a);
--hcl-brand-7: var(--hcl-black-7);
--hcl-brand-7a: var(--hcl-black-7a);
--hcl-brand-8: var(--hcl-black-8);
--hcl-brand-8a: var(--hcl-black-8a);
--hcl-brand-9: var(--hcl-black-9);
--hcl-brand-9a: var(--hcl-black-9a);
--hcl-brand-10: var(--hcl-black-10);
--hcl-brand-10a: var(--hcl-black-10a);
--hcl-brand-11: var(--hcl-black-11);
--hcl-brand-11a: var(--hcl-black-11a);
--hcl-brand-12: var(--hcl-black-12);
--hcl-brand-12a: var(--hcl-black-12a);
--hcl-on-brand: var(--hcl-on-black);
--hcl-brand-emphasis: var(--hcl-black-emphasis);
}
html:root {
/*Headspin System*/
--hsp-header: calc(27px + var(--hsp-xs));
--hrd-s: 6px;
--hrd-m: 8px;
--hrd-l: 12px;
--hrd-pill: 500px;
--hrd-atom: 6px;
}
html:root {
/*Headspin System*/
--hfs-h0: clamp(2.6875rem, 1.574rem + 3.720vw, 4.75rem);
--hfs-h1: clamp(2.125rem, 1.349rem + 2.593vw, 3.5625rem);
--hfs-h2: clamp(1.6875rem, 1.147rem + 1.804vw, 2.6875rem);
--hfs-h3: clamp(1.375rem, 1.037rem + 1.127vw, 2rem);
--hfs-h4: clamp(1.125rem, 0.922rem + 0.676vw, 1.5rem);
--hfs-h5: clamp(0.875rem, 0.740rem + 0.451vw, 1.125rem);
--hfs-h6: clamp(0.875rem, 0.740rem + 0.451vw, 1.125rem);
--hfs-text-80: clamp(2.25rem, 0.765rem + 4.961vw, 5rem);
--hfs-text-72: clamp(2.875rem, 1.997rem + 2.931vw, 4.5rem);
--hfs-text-40: clamp(2rem, 1.730rem + 0.902vw, 2.5rem);
--hfs-text-32: clamp(1.5rem, 1.230rem + 0.902vw, 2rem);
--hfs-text-29: clamp(1.4375rem, 1.235rem + 0.676vw, 1.8125rem);
--hfs-text-28: clamp(1.4375rem, 1.269rem + 0.564vw, 1.75rem);
--hfs-text-27: clamp(1.375rem, 1.206rem + 0.564vw, 1.6875rem);
--hfs-text-l: clamp(1.125rem, 0.922rem + 0.676vw, 1.5rem);
--hfs-text-22: clamp(1.125rem, 0.990rem + 0.451vw, 1.375rem);
--hfs-text-20: clamp(1.1875rem, 1.154rem + 0.113vw, 1.25rem);
--hfs-text-m: clamp(0.875rem, 0.740rem + 0.451vw, 1.125rem);
--hfs-text-17: clamp(0.9375rem, 0.870rem + 0.225vw, 1.0625rem);
--hfs-text-16: clamp(0.9375rem, 0.904rem + 0.113vw, 1rem);
--hfs-text-15: clamp(0.875rem, 0.841rem + 0.113vw, 0.9375rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
--hfs-text-xxs: 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-38: clamp(1.75rem, 1.412rem + 1.127vw, 2.375rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902vw, 2rem);
--hsp-27: clamp(1.25rem, 1.014rem + 0.789vw, 1.6875rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676vw, 1.5rem);
--hsp-20: clamp(0.875rem, 0.672rem + 0.676vw, 1.25rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564vw, 1.125rem);
--hsp-16: clamp(0.75rem, 0.615rem + 0.451vw, 1rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338vw, 0.8125rem);
--hsp-gap: clamp(1.6875rem, 1.688rem + 0.000vw, 1.6875rem);
--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);
--hrd-border-radius-16: clamp(0.5rem, 0.230rem + 0.902vw, 1rem);
}
@supports (font-size: 1cqi) {
html:root {
--hfs-h0: clamp(2.6875rem, 1.574rem + 3.720cqi, 4.75rem);
--hfs-h1: clamp(2.125rem, 1.349rem + 2.593cqi, 3.5625rem);
--hfs-h2: clamp(1.6875rem, 1.147rem + 1.804cqi, 2.6875rem);
--hfs-h3: clamp(1.375rem, 1.037rem + 1.127cqi, 2rem);
--hfs-h4: clamp(1.125rem, 0.922rem + 0.676cqi, 1.5rem);
--hfs-h5: clamp(0.875rem, 0.740rem + 0.451cqi, 1.125rem);
--hfs-h6: clamp(0.875rem, 0.740rem + 0.451cqi, 1.125rem);
--hfs-text-80: clamp(2.25rem, 0.765rem + 4.961cqi, 5rem);
--hfs-text-72: clamp(2.875rem, 1.997rem + 2.931cqi, 4.5rem);
--hfs-text-40: clamp(2rem, 1.730rem + 0.902cqi, 2.5rem);
--hfs-text-32: clamp(1.5rem, 1.230rem + 0.902cqi, 2rem);
--hfs-text-29: clamp(1.4375rem, 1.235rem + 0.676cqi, 1.8125rem);
--hfs-text-28: clamp(1.4375rem, 1.269rem + 0.564cqi, 1.75rem);
--hfs-text-27: clamp(1.375rem, 1.206rem + 0.564cqi, 1.6875rem);
--hfs-text-l: clamp(1.125rem, 0.922rem + 0.676cqi, 1.5rem);
--hfs-text-22: clamp(1.125rem, 0.990rem + 0.451cqi, 1.375rem);
--hfs-text-20: clamp(1.1875rem, 1.154rem + 0.113cqi, 1.25rem);
--hfs-text-m: clamp(0.875rem, 0.740rem + 0.451cqi, 1.125rem);
--hfs-text-17: clamp(0.9375rem, 0.870rem + 0.225cqi, 1.0625rem);
--hfs-text-16: clamp(0.9375rem, 0.904rem + 0.113cqi, 1rem);
--hfs-text-15: clamp(0.875rem, 0.841rem + 0.113cqi, 0.9375rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
--hfs-text-xxs: 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-38: clamp(1.75rem, 1.412rem + 1.127cqi, 2.375rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902cqi, 2rem);
--hsp-27: clamp(1.25rem, 1.014rem + 0.789cqi, 1.6875rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676cqi, 1.5rem);
--hsp-20: clamp(0.875rem, 0.672rem + 0.676cqi, 1.25rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564cqi, 1.125rem);
--hsp-16: clamp(0.75rem, 0.615rem + 0.451cqi, 1rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338cqi, 0.8125rem);
--hsp-gap: clamp(1.6875rem, 1.688rem + 0.000cqi, 1.6875rem);
--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);
--hrd-border-radius-16: clamp(0.5rem, 0.230rem + 0.902cqi, 1rem);
}
}
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-black-9);
--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"] {
--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);
}
html:root {
--logo-size: clamp(8.125rem, 5.357rem + 9.245vw, 13.25rem);
--header-space: clamp(5rem, -1.717rem + 22.435vw, 17.4375rem);
}
@supports (font-size: 1cqi) {
html:root {
--logo-size: clamp(8.125rem, 5.357rem + 9.245cqi, 13.25rem);
--header-space: clamp(5rem, -1.717rem + 22.435cqi, 17.4375rem);
}
}