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: #fefcfd;
--hcl-brand-2: #fcf7f8;
--hcl-brand-3: #faeaee;
--hcl-brand-4: #f7dde3;
--hcl-brand-5: #f1d0d8;
--hcl-brand-6: #e9bfca;
--hcl-brand-7: #dca8b6;
--hcl-brand-8: #cc8197;
--hcl-brand-9: #f093af;
--hcl-brand-10: #dd829e;
--hcl-brand-11: #db004a;
--hcl-brand-12: #60152f;
--hcl-brand-emphasis: #db004a;
--hcl-brand-1a: hsla(340, 100%, 50%, 0.01);
--hcl-brand-2a: hsla(352.47, 100%, 50%, 0.03);
--hcl-brand-3a: hsla(350.86, 100%, 47.65%, 0.08);
--hcl-brand-4a: hsla(351.29, 100%, 50%, 0.14);
--hcl-brand-5a: hsla(350.12, 100%, 50%, 0.19);
--hcl-brand-6a: hsla(350.53, 100%, 44.71%, 0.25);
--hcl-brand-7a: hsla(349.22, 100%, 40.39%, 0.33);
--hcl-brand-8a: hsla(347.69, 100%, 38.24%, 0.43);
--hcl-brand-9a: hsla(347.95, 100%, 42.94%, 0.73);
--hcl-brand-10a: hsla(347.43, 100%, 41.18%, 0.77);
--hcl-brand-11a: hsla(345.08, 100%, 37.84%, 0.86);
--hcl-brand-12a: hsla(344.47, 100%, 16.67%, 0.91);
--hcl-on-neutral: #000000;
--hcl-neutral-1: #fdfcfd;
--hcl-neutral-2: #faf9fb;
--hcl-neutral-3: #f2eff3;
--hcl-neutral-4: #eae7ec;
--hcl-neutral-5: #e3dfe6;
--hcl-neutral-6: #dbd8e0;
--hcl-neutral-7: #d0cdd7;
--hcl-neutral-8: #bcbac7;
--hcl-neutral-9: #8e8c99;
--hcl-neutral-10: #84828e;
--hcl-neutral-11: #65636d;
--hcl-neutral-12: #211f26;
--hcl-neutral-emphasis: #65636d;
--hcl-neutral-1a: hsla(300, 89.3%, 18.3%, 0.012);
--hcl-neutral-2a: hsla(300, 78.1%, 9.0%, 0.028);
--hcl-neutral-3a: hsla(300, 99.5%, 7.7%, 0.051);
--hcl-neutral-4a: hsla(270, 90.5%, 6.1%, 0.071);
--hcl-neutral-5a: hsla(270, 83.0%, 5.2%, 0.091);
--hcl-neutral-6a: hsla(300, 93.5%, 3.7%, 0.114);
--hcl-neutral-7a: hsla(270, 82.6%, 3.3%, 0.142);
--hcl-neutral-8a: hsla(255, 95.2%, 3.7%, 0.220);
--hcl-neutral-9a: hsla(255, 94.8%, 3.7%, 0.444);
--hcl-neutral-10a: hsla(253, 96.5%, 3.8%, 0.483);
--hcl-neutral-11a: hsla(247, 97.9%, 3.2%, 0.569);
--hcl-neutral-12a: hsla(261, 98.7%, 3.0%, 0.918);
--hcl-on-secondary: #000000;
--hcl-secondary-1: #fdfdfe;
--hcl-secondary-2: #f7fbff;
--hcl-secondary-3: #ecf6ff;
--hcl-secondary-4: #e1f2ff;
--hcl-secondary-5: #d3e9fe;
--hcl-secondary-6: #c6dffa;
--hcl-secondary-7: #b0d2f4;
--hcl-secondary-8: #8dbfef;
--hcl-secondary-9: #9dc0e4;
--hcl-secondary-10: #8cafd2;
--hcl-secondary-11: #0279ff;
--hcl-secondary-12: #253556;
--hcl-secondary-emphasis: #0279ff;
--hcl-secondary-1a: hsla(210, 100%, 51.0%, 0.016);
--hcl-secondary-2a: hsla(210, 100%, 51.0%, 0.040);
--hcl-secondary-3a: hsla(210, 100%, 50.3%, 0.071);
--hcl-secondary-4a: hsla(210, 100%, 50.1%, 0.118);
--hcl-secondary-5a: hsla(208, 99.1%, 47.1%, 0.189);
--hcl-secondary-6a: hsla(209, 99.5%, 45.3%, 0.283);
--hcl-secondary-7a: hsla(208, 99.9%, 43.8%, 0.412);
--hcl-secondary-8a: hsla(206, 99.8%, 45.1%, 0.632);
--hcl-secondary-9a: hsla(206, 100%, 50.0%, 0.980);
--hcl-secondary-10a: hsla(208, 100%, 47.2%, 0.980);
--hcl-secondary-11a: hsla(212, 100%, 43.0%, 0.980);
--hcl-secondary-12a: hsla(213, 100%, 14.4%, 0.980);
--hcl-on-primary-dark: #ffffff;
--hcl-primary-dark-1: #fefbfc;
--hcl-primary-dark-2: #fbf7f8;
--hcl-primary-dark-3: #fae6ec;
--hcl-primary-dark-4: #f6d8e1;
--hcl-primary-dark-5: #f1c9d6;
--hcl-primary-dark-6: #e8bccb;
--hcl-primary-dark-7: #dda9bc;
--hcl-primary-dark-8: #ce8da6;
--hcl-primary-dark-9: #ae4c72;
--hcl-primary-dark-10: #9c3c62;
--hcl-primary-dark-11: #98395e;
--hcl-primary-dark-12: #4d2135;
--hcl-primary-dark-emphasis: #98395e;
--hcl-primary-dark-1a: hsla(340, 100%, 51.0%, 0.012);
--hcl-primary-dark-2a: hsla(330, 100%, 51.0%, 0.032);
--hcl-primary-dark-3a: hsla(332, 99.1%, 47.1%, 0.063);
--hcl-primary-dark-4a: hsla(331, 99.9%, 44.3%, 0.102);
--hcl-primary-dark-5a: hsla(333, 99.9%, 42.3%, 0.153);
--hcl-primary-dark-6a: hsla(333, 99.5%, 40.5%, 0.224);
--hcl-primary-dark-7a: hsla(335, 99.7%, 39.1%, 0.322);
--hcl-primary-dark-8a: hsla(336, 99.5%, 38.5%, 0.440);
--hcl-primary-dark-9a: hsla(336, 99.9%, 44.3%, 0.761);
--hcl-primary-dark-10a: hsla(336, 100%, 42.5%, 0.808);
--hcl-primary-dark-11a: hsla(336, 99.8%, 40.3%, 0.883);
--hcl-primary-dark-12a: hsla(340, 99.0%, 10.0%, 0.950);
--hcl-on-secondary-dark: #ffffff;
--hcl-secondary-dark-1: #fafbff;
--hcl-secondary-dark-2: #eff1fd;
--hcl-secondary-dark-3: #dce2fd;
--hcl-secondary-dark-4: #ccd2f9;
--hcl-secondary-dark-5: #bbc4f5;
--hcl-secondary-dark-6: #aab3ed;
--hcl-secondary-dark-7: #919ce4;
--hcl-secondary-dark-8: #6c7bda;
--hcl-secondary-dark-9: #454c88;
--hcl-secondary-dark-10: #353e78;
--hcl-secondary-dark-11: #000dbc;
--hcl-secondary-dark-12: #1a214c;
--hcl-secondary-dark-emphasis: #454c88;
--hcl-secondary-dark-1a: hsla(240, 100%, 50%, 0.01);
--hcl-secondary-dark-2a: hsla(240, 100%, 50%, 0.03);
--hcl-secondary-dark-3a: hsla(235.71, 100%, 46.67%, 0.06);
--hcl-secondary-dark-4a: hsla(237.41, 100%, 50%, 0.1);
--hcl-secondary-dark-5a: hsla(236.71, 100%, 50%, 0.15);
--hcl-secondary-dark-6a: hsla(237.65, 100%, 50%, 0.2);
--hcl-secondary-dark-7a: hsla(237.91, 100%, 45.1%, 0.28);
--hcl-secondary-dark-8a: hsla(237.79, 100%, 42.55%, 0.39);
--hcl-secondary-dark-9a: hsla(240, 100%, 37.65%, 0.64);
--hcl-secondary-dark-10a: hsla(240, 100%, 35.69%, 0.68);
--hcl-secondary-dark-11a: hsla(242.11, 100%, 33.53%, 0.67);
--hcl-secondary-dark-12a: hsla(238.29, 100%, 13.73%, 0.85);
--hcl-on-tertiary: #000000;
--hcl-tertiary-1: #fefcfc;
--hcl-tertiary-2: #fcf7f7;
--hcl-tertiary-3: #faeaea;
--hcl-tertiary-4: #f7dedd;
--hcl-tertiary-5: #f1d0d0;
--hcl-tertiary-6: #e9c0bf;
--hcl-tertiary-7: #dca8a8;
--hcl-tertiary-8: #cc8181;
--hcl-tertiary-9: #f0e5e5;
--hcl-tertiary-10: #ded3d3;
--hcl-tertiary-11: #db0001;
--hcl-tertiary-12: #601517;
--hcl-tertiary-emphasis: #db0001;
--hcl-tertiary-1a: hsla(0, 100%, 51.0%, 0.012);
--hcl-tertiary-2a: hsla(8, 100%, 51.0%, 0.032);
--hcl-tertiary-3a: hsla(7, 100%, 50.2%, 0.067);
--hcl-tertiary-4a: hsla(8, 100%, 50.1%, 0.114);
--hcl-tertiary-5a: hsla(7, 99.5%, 47.9%, 0.173);
--hcl-tertiary-6a: hsla(9, 99.9%, 46.2%, 0.255);
--hcl-tertiary-7a: hsla(10, 99.8%, 43.6%, 0.365);
--hcl-tertiary-8a: hsla(10, 99.5%, 41.8%, 0.499);
--hcl-tertiary-9a: hsla(10, 99.9%, 43.8%, 0.820);
--hcl-tertiary-10a: hsla(10, 100%, 41.8%, 0.859);
--hcl-tertiary-11a: hsla(10, 99.9%, 38.8%, 0.922);
--hcl-tertiary-12a: hsla(10, 99.0%, 7.4%, 0.934);
--hcl-on-gold: #000000;
--hcl-gold-1: #fffdfc;
--hcl-gold-2: #fffbf7;
--hcl-gold-3: #fef7ed;
--hcl-gold-4: #fff2e1;
--hcl-gold-5: #ffead2;
--hcl-gold-6: #fddfc3;
--hcl-gold-7: #f7cdad;
--hcl-gold-8: #efb58d;
--hcl-gold-9: #d5a384;
--hcl-gold-10: #c39274;
--hcl-gold-11: #e86519;
--hcl-gold-12: #5c2f1f;
--hcl-gold-emphasis: #e86519;
--hcl-gold-1a: hsla(20, 94.9%, 38.7%, 0.016);
--hcl-gold-2a: hsla(24, 95.8%, 46.5%, 0.044);
--hcl-gold-3a: hsla(25, 100%, 50.5%, 0.095);
--hcl-gold-4a: hsla(26, 100%, 50.0%, 0.157);
--hcl-gold-5a: hsla(25, 100%, 50.1%, 0.236);
--hcl-gold-6a: hsla(25, 100%, 50.1%, 0.346);
--hcl-gold-7a: hsla(24, 100%, 50.1%, 0.495);
--hcl-gold-8a: hsla(24, 99.7%, 48.7%, 0.695);
--hcl-gold-9a: hsla(24, 99.9%, 48.4%, 0.969);
--hcl-gold-10a: hsla(23, 100%, 46.4%, 0.980);
--hcl-gold-11a: hsla(23, 100%, 36.8%, 0.980);
--hcl-gold-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: #1c1115;
--hcl-brand-2: #231519;
--hcl-brand-3: #411321;
--hcl-brand-4: #5f031f;
--hcl-brand-5: #680c28;
--hcl-brand-6: #7b1c39;
--hcl-brand-7: #96284a;
--hcl-brand-8: #b72e58;
--hcl-brand-9: #f093af;
--hcl-brand-10: #ffa4c0;
--hcl-brand-11: #f8779d;
--hcl-brand-12: #f6cbd8;
--hcl-brand-emphasis: #f093af;
--hcl-neutral-1: #121113;
--hcl-neutral-2: #1a191b;
--hcl-neutral-3: #232225;
--hcl-neutral-4: #2b292d;
--hcl-neutral-5: #323035;
--hcl-neutral-6: #3c393f;
--hcl-neutral-7: #49474e;
--hcl-neutral-8: #625f69;
--hcl-neutral-9: #6f6d78;
--hcl-neutral-10: #7c7a85;
--hcl-neutral-11: #b5b2bc;
--hcl-neutral-12: #eeeef0;
--hcl-neutral-emphasis: #b5b2bc;
--hcl-on-neutral: #000000;
--hcl-secondary-emphasis: #9eceff;
--hcl-secondary-1: #11181f;
--hcl-secondary-2: #141d26;
--hcl-secondary-3: #0e3053;
--hcl-secondary-4: #003f7f;
--hcl-secondary-5: #004b99;
--hcl-secondary-6: #0959ab;
--hcl-secondary-7: #2668ab;
--hcl-secondary-8: #317ac3;
--hcl-secondary-9: #9dc0e4;
--hcl-secondary-10: #aed1f6;
--hcl-secondary-11: #9eceff;
--hcl-secondary-12: #d6eaff;
--hcl-secondary-1a: hsla(0, 0%, 0%, 0);
--hcl-secondary-2a: hsla(218.48, 97.06%, 60%, 0.059);
--hcl-secondary-3a: hsla(212.5, 98.97%, 61.96%, 0.144);
--hcl-secondary-4a: hsla(211.24, 100%, 61.96%, 0.211);
--hcl-secondary-5a: hsla(211.25, 98.97%, 61.96%, 0.27);
--hcl-secondary-6a: hsla(210.31, 100%, 61.96%, 0.35);
--hcl-secondary-7a: hsla(210.31, 100%, 61.96%, 0.471);
--hcl-secondary-8a: hsla(210.31, 100%, 61.96%, 0.655);
--hcl-secondary-9a: hsla(210.33, 100%, 63.92%, 0.848);
--hcl-secondary-10a: hsla(211.29, 100%, 68.04%, 0.893);
--hcl-secondary-11a: hsla(211.48, 100%, 76.08%, 0.98);
--hcl-secondary-12a: hsla(212, 100%, 97.06%, 0.98);
--hcl-primary-dark-emphasis: #eb8eb2;
--hcl-primary-dark-1: #160e11;
--hcl-primary-dark-2: #201318;
--hcl-primary-dark-3: #2d1921;
--hcl-primary-dark-4: #391e29;
--hcl-primary-dark-5: #472432;
--hcl-primary-dark-6: #572c3d;
--hcl-primary-dark-7: #6b364b;
--hcl-primary-dark-8: #87405c;
--hcl-primary-dark-9: #ae4c72;
--hcl-primary-dark-10: #c05c82;
--hcl-primary-dark-11: #eb8eb2;
--hcl-primary-dark-12: #f9cdde;
--hcl-primary-dark-1a: hsla(0, 0%, 0%, 0);
--hcl-primary-dark-2a: hsla(339.49, 87.97%, 73.92%, 0.027);
--hcl-primary-dark-3a: hsla(330, 100%, 83.14%, 0.074);
--hcl-primary-dark-4a: hsla(337.42, 95.88%, 80.98%, 0.114);
--hcl-primary-dark-5a: hsla(338.24, 100%, 82.16%, 0.148);
--hcl-primary-dark-6a: hsla(334.67, 97.83%, 81.96%, 0.192);
--hcl-primary-dark-7a: hsla(336.28, 100%, 83.14%, 0.27);
--hcl-primary-dark-8a: hsla(337.67, 100%, 83.14%, 0.396);
--hcl-primary-dark-9a: hsla(337.89, 100%, 85.1%, 0.592);
--hcl-primary-dark-10a: hsla(337.89, 100%, 85.1%, 0.657);
--hcl-primary-dark-11a: hsla(337.18, 100%, 86.08%, 0.774);
--hcl-primary-dark-12a: hsla(342, 100%, 96.08%, 0.974);
--hcl-secondary-dark-emphasis: #7a85f0;
--hcl-secondary-dark-1: #0a0c19;
--hcl-secondary-dark-2: #0f1123;
--hcl-secondary-dark-3: #0e1235;
--hcl-secondary-dark-4: #0e1445;
--hcl-secondary-dark-5: #111955;
--hcl-secondary-dark-6: #161f67;
--hcl-secondary-dark-7: #1b267f;
--hcl-secondary-dark-8: #1828a7;
--hcl-secondary-dark-9: #454c88;
--hcl-secondary-dark-10: #555b99;
--hcl-secondary-dark-11: #7a85f0;
--hcl-secondary-dark-12: #c2c8ff;
--hcl-secondary-dark-1a: hsla(0, 0%, 0%, 0);
--hcl-secondary-dark-2a: hsla(237.84, 94.56%, 71.18%, 0.022);
--hcl-secondary-dark-3a: hsla(238.09, 97.92%, 81.18%, 0.065);
--hcl-secondary-dark-4a: hsla(237.42, 95.88%, 80.98%, 0.1);
--hcl-secondary-dark-5a: hsla(235.96, 97.8%, 82.16%, 0.13);
--hcl-secondary-dark-6a: hsla(237.3, 97.8%, 82.16%, 0.169);
--hcl-secondary-dark-7a: hsla(234.73, 100%, 82.16%, 0.246);
--hcl-secondary-dark-8a: hsla(232.75, 100%, 82.16%, 0.363);
--hcl-secondary-dark-9a: hsla(233.79, 100%, 82.94%, 0.552);
--hcl-secondary-dark-10a: hsla(232.59, 100%, 84.12%, 0.613);
--hcl-secondary-dark-11a: hsla(232.89, 100%, 85.1%, 0.725);
--hcl-secondary-dark-12a: hsla(244, 100%, 97.06%, 0.966);
--hcl-tertiary-emphasis: #f0e5e5;
--hcl-tertiary-1: #1c1111;
--hcl-tertiary-2: #231515;
--hcl-tertiary-3: #411313;
--hcl-tertiary-4: #5f0303;
--hcl-tertiary-5: #680c0c;
--hcl-tertiary-6: #7b1c1d;
--hcl-tertiary-7: #962829;
--hcl-tertiary-8: #b72e2f;
--hcl-tertiary-9: #f0e5e5;
--hcl-tertiary-10: #fff7f7;
--hcl-tertiary-11: #f87777;
--hcl-tertiary-12: #f6cbcb;
--hcl-tertiary-1a: hsla(0, 0%, 0%, 0);
--hcl-tertiary-2a: hsla(13, 98.36%, 52.16%, 0.059);
--hcl-tertiary-3a: hsla(6.98, 99.15%, 54.12%, 0.135);
--hcl-tertiary-4a: hsla(6.98, 99.15%, 54.12%, 0.198);
--hcl-tertiary-5a: hsla(5.04, 99.17%, 52.94%, 0.252);
--hcl-tertiary-6a: hsla(4.16, 100%, 51.96%, 0.323);
--hcl-tertiary-7a: hsla(3.12, 100%, 50.98%, 0.435);
--hcl-tertiary-8a: hsla(3.12, 100%, 50.98%, 0.597);
--hcl-tertiary-9a: hsla(356.94, 100%, 50%, 0.98);
--hcl-tertiary-10a: hsla(0, 100%, 60.98%, 0.98);
--hcl-tertiary-11a: hsla(0.69, 100%, 66.08%, 0.98);
--hcl-tertiary-12a: hsla(348, 100%, 97.06%, 0.98);
--hcl-gold-emphasis: #ffc39e;
--hcl-gold-1: #1c1714;
--hcl-gold-2: #241b16;
--hcl-gold-3: #482b19;
--hcl-gold-4: #683617;
--hcl-gold-5: #7c411d;
--hcl-gold-6: #8b4e29;
--hcl-gold-7: #9c5c35;
--hcl-gold-8: #b76b3d;
--hcl-gold-9: #d5a384;
--hcl-gold-10: #e7b494;
--hcl-gold-11: #ffc39e;
--hcl-gold-12: #fce6d9;
--hcl-gold-1a: hsla(0, 0%, 0%, 0);
--hcl-gold-2a: hsla(30.91, 97.06%, 60%, 0.059);
--hcl-gold-3a: hsla(25, 98.97%, 61.96%, 0.144);
--hcl-gold-4a: hsla(24.12, 100%, 61.96%, 0.211);
--hcl-gold-5a: hsla(24.06, 98.97%, 61.96%, 0.27);
--hcl-gold-6a: hsla(22.89, 100%, 61.96%, 0.35);
--hcl-gold-7a: hsla(22.89, 100%, 61.96%, 0.471);
--hcl-gold-8a: hsla(22.89, 100%, 61.96%, 0.655);
--hcl-gold-9a: hsla(23.15, 100%, 63.92%, 0.848);
--hcl-gold-10a: hsla(23.93, 100%, 68.04%, 0.893);
--hcl-gold-11a: hsla(23.61, 100%, 76.08%, 0.98);
--hcl-gold-12a: hsla(24, 100%, 97.06%, 0.98);
}
: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="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="primary-dark"] {
--hcl-brand-1: var(--hcl-primary-dark-1);
--hcl-brand-1a: var(--hcl-primary-dark-1a);
--hcl-brand-2: var(--hcl-primary-dark-2);
--hcl-brand-2a: var(--hcl-primary-dark-2a);
--hcl-brand-3: var(--hcl-primary-dark-3);
--hcl-brand-3a: var(--hcl-primary-dark-3a);
--hcl-brand-4: var(--hcl-primary-dark-4);
--hcl-brand-4a: var(--hcl-primary-dark-4a);
--hcl-brand-5: var(--hcl-primary-dark-5);
--hcl-brand-5a: var(--hcl-primary-dark-5a);
--hcl-brand-6: var(--hcl-primary-dark-6);
--hcl-brand-6a: var(--hcl-primary-dark-6a);
--hcl-brand-7: var(--hcl-primary-dark-7);
--hcl-brand-7a: var(--hcl-primary-dark-7a);
--hcl-brand-8: var(--hcl-primary-dark-8);
--hcl-brand-8a: var(--hcl-primary-dark-8a);
--hcl-brand-9: var(--hcl-primary-dark-9);
--hcl-brand-9a: var(--hcl-primary-dark-9a);
--hcl-brand-10: var(--hcl-primary-dark-10);
--hcl-brand-10a: var(--hcl-primary-dark-10a);
--hcl-brand-11: var(--hcl-primary-dark-11);
--hcl-brand-11a: var(--hcl-primary-dark-11a);
--hcl-brand-12: var(--hcl-primary-dark-12);
--hcl-brand-12a: var(--hcl-primary-dark-12a);
--hcl-on-brand: var(--hcl-on-primary-dark);
--hcl-brand-emphasis: var(--hcl-primary-dark-emphasis);
}
[data-hsx-brand="secondary-dark"] {
--hcl-brand-1: var(--hcl-secondary-dark-1);
--hcl-brand-1a: var(--hcl-secondary-dark-1a);
--hcl-brand-2: var(--hcl-secondary-dark-2);
--hcl-brand-2a: var(--hcl-secondary-dark-2a);
--hcl-brand-3: var(--hcl-secondary-dark-3);
--hcl-brand-3a: var(--hcl-secondary-dark-3a);
--hcl-brand-4: var(--hcl-secondary-dark-4);
--hcl-brand-4a: var(--hcl-secondary-dark-4a);
--hcl-brand-5: var(--hcl-secondary-dark-5);
--hcl-brand-5a: var(--hcl-secondary-dark-5a);
--hcl-brand-6: var(--hcl-secondary-dark-6);
--hcl-brand-6a: var(--hcl-secondary-dark-6a);
--hcl-brand-7: var(--hcl-secondary-dark-7);
--hcl-brand-7a: var(--hcl-secondary-dark-7a);
--hcl-brand-8: var(--hcl-secondary-dark-8);
--hcl-brand-8a: var(--hcl-secondary-dark-8a);
--hcl-brand-9: var(--hcl-secondary-dark-9);
--hcl-brand-9a: var(--hcl-secondary-dark-9a);
--hcl-brand-10: var(--hcl-secondary-dark-10);
--hcl-brand-10a: var(--hcl-secondary-dark-10a);
--hcl-brand-11: var(--hcl-secondary-dark-11);
--hcl-brand-11a: var(--hcl-secondary-dark-11a);
--hcl-brand-12: var(--hcl-secondary-dark-12);
--hcl-brand-12a: var(--hcl-secondary-dark-12a);
--hcl-on-brand: var(--hcl-on-secondary-dark);
--hcl-brand-emphasis: var(--hcl-secondary-dark-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="gold"] {
--hcl-brand-1: var(--hcl-gold-1);
--hcl-brand-1a: var(--hcl-gold-1a);
--hcl-brand-2: var(--hcl-gold-2);
--hcl-brand-2a: var(--hcl-gold-2a);
--hcl-brand-3: var(--hcl-gold-3);
--hcl-brand-3a: var(--hcl-gold-3a);
--hcl-brand-4: var(--hcl-gold-4);
--hcl-brand-4a: var(--hcl-gold-4a);
--hcl-brand-5: var(--hcl-gold-5);
--hcl-brand-5a: var(--hcl-gold-5a);
--hcl-brand-6: var(--hcl-gold-6);
--hcl-brand-6a: var(--hcl-gold-6a);
--hcl-brand-7: var(--hcl-gold-7);
--hcl-brand-7a: var(--hcl-gold-7a);
--hcl-brand-8: var(--hcl-gold-8);
--hcl-brand-8a: var(--hcl-gold-8a);
--hcl-brand-9: var(--hcl-gold-9);
--hcl-brand-9a: var(--hcl-gold-9a);
--hcl-brand-10: var(--hcl-gold-10);
--hcl-brand-10a: var(--hcl-gold-10a);
--hcl-brand-11: var(--hcl-gold-11);
--hcl-brand-11a: var(--hcl-gold-11a);
--hcl-brand-12: var(--hcl-gold-12);
--hcl-brand-12a: var(--hcl-gold-12a);
--hcl-on-brand: var(--hcl-on-gold);
--hcl-brand-emphasis: var(--hcl-gold-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);
--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(--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"] {
--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);
}