@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-thin-webfont.eot");
  src: url("../fonts/Archia2/archia-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-thin-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-thin-webfont.woff") format("woff"), url("../fonts/Archia2/archia-thin-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-light-webfont.eot");
  src: url("../fonts/Archia2/archia-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-light-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-light-webfont.woff") format("woff"), url("../fonts/Archia2/archia-light-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-regular-webfont.eot");
  src: url("../fonts/Archia2/archia-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-regular-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-regular-webfont.woff") format("woff"), url("../fonts/Archia2/archia-regular-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-medium-webfont.eot");
  src: url("../fonts/Archia2/archia-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-medium-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-medium-webfont.woff") format("woff"), url("../fonts/Archia2/archia-medium-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-semibold-webfont.eot");
  src: url("../fonts/Archia2/archia-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-semibold-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-semibold-webfont.woff") format("woff"), url("../fonts/Archia2/archia-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Archia";
  src: url("../fonts/Archia2/archia-bold-webfont.eot");
  src: url("../fonts/Archia2/archia-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia2/archia-bold-webfont.woff2") format("woff2"), url("../fonts/Archia2/archia-bold-webfont.woff") format("woff"), url("../fonts/Archia2/archia-bold-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "PP Fragment Sans";
  src: url("../fonts/PPT/PPFragment-SansLight.eot");
  src: local("PP Fragment Sans Light"), local("PPFragment-SansLight"), url("../fonts/PPT/PPFragment-SansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SansLight.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SansLight.woff") format("woff"), url("../fonts/PPT/PPFragment-SansLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Text";
  src: url("../fonts/PPT/PPFragment-TextRegular.eot");
  src: local("PP Fragment Text Regular"), local("PPFragment-TextRegular"), url("../fonts/PPT/PPFragment-TextRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-TextRegular.woff2") format("woff2"), url("../fonts/PPT/PPFragment-TextRegular.woff") format("woff"), url("../fonts/PPT/PPFragment-TextRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Sans";
  src: url("../fonts/PPT/PPFragment-SansExtraBold.eot");
  src: local("PP Fragment Sans ExtraBold"), local("PPFragment-SansExtraBold"), url("../fonts/PPT/PPFragment-SansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SansExtraBold.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SansExtraBold.woff") format("woff"), url("../fonts/PPT/PPFragment-SansExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Serif";
  src: url("../fonts/PPT/PPFragment-SerifRegular.eot");
  src: local("PP Fragment Serif Regular"), local("PPFragment-SerifRegular"), url("../fonts/PPT/PPFragment-SerifRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SerifRegular.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SerifRegular.woff") format("woff"), url("../fonts/PPT/PPFragment-SerifRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Glare";
  src: url("../fonts/PPT/PPFragment-GlareLight.eot");
  src: local("PP Fragment Glare Light"), local("PPFragment-GlareLight"), url("../fonts/PPT/PPFragment-GlareLight.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-GlareLight.woff2") format("woff2"), url("../fonts/PPT/PPFragment-GlareLight.woff") format("woff"), url("../fonts/PPT/PPFragment-GlareLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Sans";
  src: url("../fonts/PPT/PPFragment-SansRegular.eot");
  src: local("PP Fragment Sans Regular"), local("PPFragment-SansRegular"), url("../fonts/PPT/PPFragment-SansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SansRegular.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SansRegular.woff") format("woff"), url("../fonts/PPT/PPFragment-SansRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Serif";
  src: url("../fonts/PPT/PPFragment-SerifLight.eot");
  src: local("PP Fragment Serif Light"), local("PPFragment-SerifLight"), url("../fonts/PPT/PPFragment-SerifLight.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SerifLight.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SerifLight.woff") format("woff"), url("../fonts/PPT/PPFragment-SerifLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Glare";
  src: url("../fonts/PPT/PPFragment-GlareRegular.eot");
  src: local("PP Fragment Glare Regular"), local("PPFragment-GlareRegular"), url("../fonts/PPT/PPFragment-GlareRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-GlareRegular.woff2") format("woff2"), url("../fonts/PPT/PPFragment-GlareRegular.woff") format("woff"), url("../fonts/PPT/PPFragment-GlareRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Glare";
  src: url("../fonts/PPT/PPFragment-GlareExtraBold.eot");
  src: local("PP Fragment Glare ExtraBold"), local("PPFragment-GlareExtraBold"), url("../fonts/PPT/PPFragment-GlareExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-GlareExtraBold.woff2") format("woff2"), url("../fonts/PPT/PPFragment-GlareExtraBold.woff") format("woff"), url("../fonts/PPT/PPFragment-GlareExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Fragment Serif";
  src: url("../fonts/PPT/PPFragment-SerifExtraBold.eot");
  src: local("PP Fragment Serif ExtraBold"), local("PPFragment-SerifExtraBold"), url("../fonts/PPT/PPFragment-SerifExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/PPT/PPFragment-SerifExtraBold.woff2") format("woff2"), url("../fonts/PPT/PPFragment-SerifExtraBold.woff") format("woff"), url("../fonts/PPT/PPFragment-SerifExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Work sans";
}

.font\=6,
[class*=" font="] .font\=6,
[class^="font="] .font\=6,
.menu-font\=6 .nav-menu > li,
.btn-font\=6 .ui-btn:not([class*="font="]),
.heading-font\=6 .ui-heading:not([class*="font="]),
.label-font\=6.ui-form label,
.label-font\=6 .ui-form label,
[class*="heading-font="] .heading-font\=6 .ui-heading:not([class*="font="]),
.drop-down-menu-font\=6 .drop-down-menu {
  font-family: "archia", sans-serif;
  font-optical-sizing: auto;
}

.u7settings {
  --pri-50: #f5f6ff;
  --pri-100: #e6e8ff;
  --pri-200: #d9dbff;
  --pri-300: #bcbdff;
  --pri-400: #9d99ff;
  --pri-500: #7b66ff;
  --pri-600: #673de6;
  --pri-700: #471ea7;
  --pri-800: #331c74;
  --pri-900: #251951;
  --pri-950: #110c29;
  --c1-300: #c6c6cc;
  --c1-400: #9d9ea4;
  --c1-500: #797980;
  --c1-600: #58595e;
  --c1-700: #36373b;
  --c1-800: #222225;
  --c1-900: #18181a;
  --c1-950: #101011;
  --c1-1000: #000;
  --dark1: rgb(20 20 20);
  --c2: rgb(248 247 244);
  --c3: rgb(252 253 253);
  --c3b: rgb(233 234 238);
  --c4: rgb(236 238 242);
  --c4b: rgb(244 246 249);
  --c4c: rgb(238 239 242);
  --c4d: rgb(229 218 191);
  --c4e: rgb(242 234 215);
  --c4f: rgb(248 247 244);
  --c4g: rgb(255 248 233);
  --c4h: rgb(255 251 248);
  --c4i: rgb(245 246 248);
  --c5: rgb(187 191 209);
  --c6: rgb(217 221 239);
  --c7: rgb(58 187 139);
  --c8: rgb(248 248 254);
  --c9: rgb(245 218 57);
  --c9b: rgb(227 182 43);
  --c10: rgb(236 247 255);
  --c11: rgb(217 131 31);
  --c12: rgb(255 122 0);
  --c13: rgb(73 75 211);
  --c14: rgb(101 255 231);
  --c15: rgb(94 226 252 / 52%);
  --c16: rgb(118, 94, 252);
  --cohouse1: rgb(246, 133, 1);
  --creekboi1: #ffd177;
  --light1: #fff;
  --light2: rgb(251 251 253);
  --light3: #f9f9f9;
  --light4: #f8f9fa;
  --light5: #f5f5f6;
  --light6: #ebebec;
  --light7: #EEEEEE;
  --light8: #c0c0c8;
  --light9: rgb(244 246 249);
  --light10: rgb(133 133 142);
  --light11: rgb(112 112 124);
  --light12: rgb(246 246 249);
  --light13: rgb(248 248 248);
  --light14: rgb(244 245 248);
  --light12-hover: rgb(246 246 249 / 60%);
  --light15: rgb(247 248 249);
  --light16: rgb(252 252 253);
  --light17: rgb(245, 245, 247);
  --light18: rgb(253, 248, 244);
  --light19: rgb(240, 242, 248);
  --border1: rgb(231 231 233);
  --border2: rgb(243 243 244);
  --border3: rgb(219 219 222);
  --border4: rgb(223 223 234);
  --border5: rgb(233 233 233);
  --border-m1: rgba(239, 240, 242, 0.7);
  --border-m2: rgb(243, 243, 244);
  --text1: var(--dark1);
  --text-m1: rgb(110 109 122);
  --text-m2: rgb(130 129 139);
  --text-m3: rgb(158 158 167);
  --text3: rgb(120 120 164);
  --mobile-nav-menu-bg: rgb(29 28 25);
  --seq1: 168 129 248;
  --seq2: 51 178 172;
  --seq3: 43 67 255;
  --seq4: 229 127 201;
  --seq5: 254 180 60;
  --seq6: 252 99 89;
}

svg:not(.ignore-fill),
svg:not(.ignore-fill) path:not([fill=none]):not([fill="#FFF"]):not([fill="#fff"]),
svg[fill]:not([fill=none]):not([fill^=url]):not(.ignore-fill) {
  fill: currentColor;
}

body,
.ui-heading {
  color: var(--c1);
}

.c\=pri-50,
.after-c\=pri-50::after,
.before-c\=pri-50::before,
.dark-mode .dark-mode\:c\=pri-50,
.link-c\=pri-50 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-50 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-50 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-50 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-50 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-50 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-50 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-50 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-50 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-50);
}

/* Standard */
.placeholder-c\=pri-50 ::placeholder {
  color: var(--pri-50);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-50 ::-webkit-input-placeholder {
  color: var(--pri-50);
}

/* Firefox */
.placeholder-c\=pri-50 ::-moz-placeholder {
  color: var(--pri-50);
}

/* Internet Explorer */
.placeholder-c\=pri-50 :-ms-input-placeholder {
  color: var(--pri-50);
}

.td-c\=pri-50 {
  text-decoration-color: var(--pri-50);
}

.hover-c\=pri-50:hover,
[class*="--active"].active-c\=pri-50,
[class*="--active"] .active-c\=pri-50,
.dark-mode .dark-mode\:hover-c\=pri-50:hover,
.hover-link-c\=pri-50 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-50 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-50 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-50 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-50:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-50:not([class*=""]),
[class*="--active"].active-c\=pri-50:hover,
[class*="--active"] .active-c\=pri-50:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-50 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-50 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-50);
}

.bg\=pri-50,
.dark-mode\:bg\=pri-50,
.form-bg\=pri-50 .form-field {
  background-color: var(--pri-50);
}

.hover-bg\=pri-50:hover,
[class*="--active"].active-bg\=pri-50,
[class*="--active"] .active-bg\=pri-50,
[class*="--active"].active-bg\=pri-50:hover,
[class*="--active"] .active-bg\=pri-50:hover,
.form-focus-bg\=pri-50 .form-field:focus,
.form-hover-bg\=pri-50 .form-field:hover {
  background-color: var(--pri-50);
}

.bc\=pri-50,
.dark-mode .dark-mode\:bc\=pri-50,
.form-bc\=pri-50 .form-field {
  border-color: var(--pri-50);
}

.hover-bc\=pri-50:hover,
.form-focus-bc\=pri-50 .form-field:focus,
.form-hover-bc\=pri-50 .form-field:hover {
  border-color: var(--pri-50);
}

[class*="--active"].active-bc\=pri-50,
[class*="--active"].active-bc\=pri-50:hover,
[class*="--active"] .active-bc\=pri-50,
[class*="--active"] .active-bc\=pri-50 {
  border-color: var(--pri-50);
}

.c\=pri-100,
.after-c\=pri-100::after,
.before-c\=pri-100::before,
.dark-mode .dark-mode\:c\=pri-100,
.link-c\=pri-100 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-100 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-100 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-100 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-100 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-100 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-100 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-100 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-100 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-100);
}

/* Standard */
.placeholder-c\=pri-100 ::placeholder {
  color: var(--pri-100);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-100 ::-webkit-input-placeholder {
  color: var(--pri-100);
}

/* Firefox */
.placeholder-c\=pri-100 ::-moz-placeholder {
  color: var(--pri-100);
}

/* Internet Explorer */
.placeholder-c\=pri-100 :-ms-input-placeholder {
  color: var(--pri-100);
}

.td-c\=pri-100 {
  text-decoration-color: var(--pri-100);
}

.hover-c\=pri-100:hover,
[class*="--active"].active-c\=pri-100,
[class*="--active"] .active-c\=pri-100,
.dark-mode .dark-mode\:hover-c\=pri-100:hover,
.hover-link-c\=pri-100 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-100 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-100 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-100 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-100:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-100:not([class*=""]),
[class*="--active"].active-c\=pri-100:hover,
[class*="--active"] .active-c\=pri-100:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-100 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-100 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-100);
}

.bg\=pri-100,
.dark-mode\:bg\=pri-100,
.form-bg\=pri-100 .form-field {
  background-color: var(--pri-100);
}

.hover-bg\=pri-100:hover,
[class*="--active"].active-bg\=pri-100,
[class*="--active"] .active-bg\=pri-100,
[class*="--active"].active-bg\=pri-100:hover,
[class*="--active"] .active-bg\=pri-100:hover,
.form-focus-bg\=pri-100 .form-field:focus,
.form-hover-bg\=pri-100 .form-field:hover {
  background-color: var(--pri-100);
}

.bc\=pri-100,
.dark-mode .dark-mode\:bc\=pri-100,
.form-bc\=pri-100 .form-field {
  border-color: var(--pri-100);
}

.hover-bc\=pri-100:hover,
.form-focus-bc\=pri-100 .form-field:focus,
.form-hover-bc\=pri-100 .form-field:hover {
  border-color: var(--pri-100);
}

[class*="--active"].active-bc\=pri-100,
[class*="--active"].active-bc\=pri-100:hover,
[class*="--active"] .active-bc\=pri-100,
[class*="--active"] .active-bc\=pri-100 {
  border-color: var(--pri-100);
}

.c\=pri-200,
.after-c\=pri-200::after,
.before-c\=pri-200::before,
.dark-mode .dark-mode\:c\=pri-200,
.link-c\=pri-200 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-200 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-200 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-200 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-200 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-200 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-200 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-200 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-200 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-200 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-200 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-200);
}

/* Standard */
.placeholder-c\=pri-200 ::placeholder {
  color: var(--pri-200);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-200 ::-webkit-input-placeholder {
  color: var(--pri-200);
}

/* Firefox */
.placeholder-c\=pri-200 ::-moz-placeholder {
  color: var(--pri-200);
}

/* Internet Explorer */
.placeholder-c\=pri-200 :-ms-input-placeholder {
  color: var(--pri-200);
}

.td-c\=pri-200 {
  text-decoration-color: var(--pri-200);
}

.hover-c\=pri-200:hover,
[class*="--active"].active-c\=pri-200,
[class*="--active"] .active-c\=pri-200,
.dark-mode .dark-mode\:hover-c\=pri-200:hover,
.hover-link-c\=pri-200 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-200 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-200 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-200 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-200:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-200:not([class*=""]),
[class*="--active"].active-c\=pri-200:hover,
[class*="--active"] .active-c\=pri-200:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-200 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-200 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-200);
}

.bg\=pri-200,
.dark-mode\:bg\=pri-200,
.form-bg\=pri-200 .form-field {
  background-color: var(--pri-200);
}

.hover-bg\=pri-200:hover,
[class*="--active"].active-bg\=pri-200,
[class*="--active"] .active-bg\=pri-200,
[class*="--active"].active-bg\=pri-200:hover,
[class*="--active"] .active-bg\=pri-200:hover,
.form-focus-bg\=pri-200 .form-field:focus,
.form-hover-bg\=pri-200 .form-field:hover {
  background-color: var(--pri-200);
}

.bc\=pri-200,
.dark-mode .dark-mode\:bc\=pri-200,
.form-bc\=pri-200 .form-field {
  border-color: var(--pri-200);
}

.hover-bc\=pri-200:hover,
.form-focus-bc\=pri-200 .form-field:focus,
.form-hover-bc\=pri-200 .form-field:hover {
  border-color: var(--pri-200);
}

[class*="--active"].active-bc\=pri-200,
[class*="--active"].active-bc\=pri-200:hover,
[class*="--active"] .active-bc\=pri-200,
[class*="--active"] .active-bc\=pri-200 {
  border-color: var(--pri-200);
}

.c\=pri-300,
.after-c\=pri-300::after,
.before-c\=pri-300::before,
.dark-mode .dark-mode\:c\=pri-300,
.link-c\=pri-300 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-300 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-300 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-300 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-300 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-300 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-300 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-300 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-300 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-300 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-300 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-300);
}

/* Standard */
.placeholder-c\=pri-300 ::placeholder {
  color: var(--pri-300);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-300 ::-webkit-input-placeholder {
  color: var(--pri-300);
}

/* Firefox */
.placeholder-c\=pri-300 ::-moz-placeholder {
  color: var(--pri-300);
}

/* Internet Explorer */
.placeholder-c\=pri-300 :-ms-input-placeholder {
  color: var(--pri-300);
}

.td-c\=pri-300 {
  text-decoration-color: var(--pri-300);
}

.hover-c\=pri-300:hover,
[class*="--active"].active-c\=pri-300,
[class*="--active"] .active-c\=pri-300,
.dark-mode .dark-mode\:hover-c\=pri-300:hover,
.hover-link-c\=pri-300 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-300 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-300 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-300 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-300:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-300:not([class*=""]),
[class*="--active"].active-c\=pri-300:hover,
[class*="--active"] .active-c\=pri-300:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-300 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-300 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-300);
}

.bg\=pri-300,
.dark-mode\:bg\=pri-300,
.form-bg\=pri-300 .form-field {
  background-color: var(--pri-300);
}

.hover-bg\=pri-300:hover,
[class*="--active"].active-bg\=pri-300,
[class*="--active"] .active-bg\=pri-300,
[class*="--active"].active-bg\=pri-300:hover,
[class*="--active"] .active-bg\=pri-300:hover,
.form-focus-bg\=pri-300 .form-field:focus,
.form-hover-bg\=pri-300 .form-field:hover {
  background-color: var(--pri-300);
}

.bc\=pri-300,
.dark-mode .dark-mode\:bc\=pri-300,
.form-bc\=pri-300 .form-field {
  border-color: var(--pri-300);
}

.hover-bc\=pri-300:hover,
.form-focus-bc\=pri-300 .form-field:focus,
.form-hover-bc\=pri-300 .form-field:hover {
  border-color: var(--pri-300);
}

[class*="--active"].active-bc\=pri-300,
[class*="--active"].active-bc\=pri-300:hover,
[class*="--active"] .active-bc\=pri-300,
[class*="--active"] .active-bc\=pri-300 {
  border-color: var(--pri-300);
}

.c\=pri-400,
.after-c\=pri-400::after,
.before-c\=pri-400::before,
.dark-mode .dark-mode\:c\=pri-400,
.link-c\=pri-400 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-400 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-400 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-400 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-400 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-400 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-400 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-400 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-400 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-400 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-400 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-400);
}

/* Standard */
.placeholder-c\=pri-400 ::placeholder {
  color: var(--pri-400);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-400 ::-webkit-input-placeholder {
  color: var(--pri-400);
}

/* Firefox */
.placeholder-c\=pri-400 ::-moz-placeholder {
  color: var(--pri-400);
}

/* Internet Explorer */
.placeholder-c\=pri-400 :-ms-input-placeholder {
  color: var(--pri-400);
}

.td-c\=pri-400 {
  text-decoration-color: var(--pri-400);
}

.hover-c\=pri-400:hover,
[class*="--active"].active-c\=pri-400,
[class*="--active"] .active-c\=pri-400,
.dark-mode .dark-mode\:hover-c\=pri-400:hover,
.hover-link-c\=pri-400 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-400 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-400 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-400 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-400:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-400:not([class*=""]),
[class*="--active"].active-c\=pri-400:hover,
[class*="--active"] .active-c\=pri-400:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-400 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-400 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-400);
}

.bg\=pri-400,
.dark-mode\:bg\=pri-400,
.form-bg\=pri-400 .form-field {
  background-color: var(--pri-400);
}

.hover-bg\=pri-400:hover,
[class*="--active"].active-bg\=pri-400,
[class*="--active"] .active-bg\=pri-400,
[class*="--active"].active-bg\=pri-400:hover,
[class*="--active"] .active-bg\=pri-400:hover,
.form-focus-bg\=pri-400 .form-field:focus,
.form-hover-bg\=pri-400 .form-field:hover {
  background-color: var(--pri-400);
}

.bc\=pri-400,
.dark-mode .dark-mode\:bc\=pri-400,
.form-bc\=pri-400 .form-field {
  border-color: var(--pri-400);
}

.hover-bc\=pri-400:hover,
.form-focus-bc\=pri-400 .form-field:focus,
.form-hover-bc\=pri-400 .form-field:hover {
  border-color: var(--pri-400);
}

[class*="--active"].active-bc\=pri-400,
[class*="--active"].active-bc\=pri-400:hover,
[class*="--active"] .active-bc\=pri-400,
[class*="--active"] .active-bc\=pri-400 {
  border-color: var(--pri-400);
}

.c\=pri-500,
.after-c\=pri-500::after,
.before-c\=pri-500::before,
.dark-mode .dark-mode\:c\=pri-500,
.link-c\=pri-500 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-500 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-500 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-500 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-500 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-500 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-500 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-500 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-500 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-500 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-500 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-500);
}

/* Standard */
.placeholder-c\=pri-500 ::placeholder {
  color: var(--pri-500);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-500 ::-webkit-input-placeholder {
  color: var(--pri-500);
}

/* Firefox */
.placeholder-c\=pri-500 ::-moz-placeholder {
  color: var(--pri-500);
}

/* Internet Explorer */
.placeholder-c\=pri-500 :-ms-input-placeholder {
  color: var(--pri-500);
}

.td-c\=pri-500 {
  text-decoration-color: var(--pri-500);
}

.hover-c\=pri-500:hover,
[class*="--active"].active-c\=pri-500,
[class*="--active"] .active-c\=pri-500,
.dark-mode .dark-mode\:hover-c\=pri-500:hover,
.hover-link-c\=pri-500 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-500 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-500 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-500 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-500:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-500:not([class*=""]),
[class*="--active"].active-c\=pri-500:hover,
[class*="--active"] .active-c\=pri-500:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-500 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-500 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-500);
}

.bg\=pri-500,
.dark-mode\:bg\=pri-500,
.form-bg\=pri-500 .form-field {
  background-color: var(--pri-500);
}

.hover-bg\=pri-500:hover,
[class*="--active"].active-bg\=pri-500,
[class*="--active"] .active-bg\=pri-500,
[class*="--active"].active-bg\=pri-500:hover,
[class*="--active"] .active-bg\=pri-500:hover,
.form-focus-bg\=pri-500 .form-field:focus,
.form-hover-bg\=pri-500 .form-field:hover {
  background-color: var(--pri-500);
}

.bc\=pri-500,
.dark-mode .dark-mode\:bc\=pri-500,
.form-bc\=pri-500 .form-field {
  border-color: var(--pri-500);
}

.hover-bc\=pri-500:hover,
.form-focus-bc\=pri-500 .form-field:focus,
.form-hover-bc\=pri-500 .form-field:hover {
  border-color: var(--pri-500);
}

[class*="--active"].active-bc\=pri-500,
[class*="--active"].active-bc\=pri-500:hover,
[class*="--active"] .active-bc\=pri-500,
[class*="--active"] .active-bc\=pri-500 {
  border-color: var(--pri-500);
}

.c\=pri-600,
.after-c\=pri-600::after,
.before-c\=pri-600::before,
.dark-mode .dark-mode\:c\=pri-600,
.link-c\=pri-600 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-600 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-600 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-600 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-600 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-600 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-600 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-600 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-600 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-600 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-600 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-600);
}

/* Standard */
.placeholder-c\=pri-600 ::placeholder {
  color: var(--pri-600);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-600 ::-webkit-input-placeholder {
  color: var(--pri-600);
}

/* Firefox */
.placeholder-c\=pri-600 ::-moz-placeholder {
  color: var(--pri-600);
}

/* Internet Explorer */
.placeholder-c\=pri-600 :-ms-input-placeholder {
  color: var(--pri-600);
}

.td-c\=pri-600 {
  text-decoration-color: var(--pri-600);
}

.hover-c\=pri-600:hover,
[class*="--active"].active-c\=pri-600,
[class*="--active"] .active-c\=pri-600,
.dark-mode .dark-mode\:hover-c\=pri-600:hover,
.hover-link-c\=pri-600 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-600 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-600 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-600 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-600:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-600:not([class*=""]),
[class*="--active"].active-c\=pri-600:hover,
[class*="--active"] .active-c\=pri-600:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-600 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-600 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-600);
}

.bg\=pri-600,
.dark-mode\:bg\=pri-600,
.form-bg\=pri-600 .form-field {
  background-color: var(--pri-600);
}

.hover-bg\=pri-600:hover,
[class*="--active"].active-bg\=pri-600,
[class*="--active"] .active-bg\=pri-600,
[class*="--active"].active-bg\=pri-600:hover,
[class*="--active"] .active-bg\=pri-600:hover,
.form-focus-bg\=pri-600 .form-field:focus,
.form-hover-bg\=pri-600 .form-field:hover {
  background-color: var(--pri-600);
}

.bc\=pri-600,
.dark-mode .dark-mode\:bc\=pri-600,
.form-bc\=pri-600 .form-field {
  border-color: var(--pri-600);
}

.hover-bc\=pri-600:hover,
.form-focus-bc\=pri-600 .form-field:focus,
.form-hover-bc\=pri-600 .form-field:hover {
  border-color: var(--pri-600);
}

[class*="--active"].active-bc\=pri-600,
[class*="--active"].active-bc\=pri-600:hover,
[class*="--active"] .active-bc\=pri-600,
[class*="--active"] .active-bc\=pri-600 {
  border-color: var(--pri-600);
}

.c\=pri-700,
.after-c\=pri-700::after,
.before-c\=pri-700::before,
.dark-mode .dark-mode\:c\=pri-700,
.link-c\=pri-700 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-700 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-700 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-700 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-700 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-700 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-700 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-700 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-700 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-700 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-700 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-700);
}

/* Standard */
.placeholder-c\=pri-700 ::placeholder {
  color: var(--pri-700);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-700 ::-webkit-input-placeholder {
  color: var(--pri-700);
}

/* Firefox */
.placeholder-c\=pri-700 ::-moz-placeholder {
  color: var(--pri-700);
}

/* Internet Explorer */
.placeholder-c\=pri-700 :-ms-input-placeholder {
  color: var(--pri-700);
}

.td-c\=pri-700 {
  text-decoration-color: var(--pri-700);
}

.hover-c\=pri-700:hover,
[class*="--active"].active-c\=pri-700,
[class*="--active"] .active-c\=pri-700,
.dark-mode .dark-mode\:hover-c\=pri-700:hover,
.hover-link-c\=pri-700 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-700 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-700 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-700 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-700:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-700:not([class*=""]),
[class*="--active"].active-c\=pri-700:hover,
[class*="--active"] .active-c\=pri-700:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-700 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-700 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-700);
}

.bg\=pri-700,
.dark-mode\:bg\=pri-700,
.form-bg\=pri-700 .form-field {
  background-color: var(--pri-700);
}

.hover-bg\=pri-700:hover,
[class*="--active"].active-bg\=pri-700,
[class*="--active"] .active-bg\=pri-700,
[class*="--active"].active-bg\=pri-700:hover,
[class*="--active"] .active-bg\=pri-700:hover,
.form-focus-bg\=pri-700 .form-field:focus,
.form-hover-bg\=pri-700 .form-field:hover {
  background-color: var(--pri-700);
}

.bc\=pri-700,
.dark-mode .dark-mode\:bc\=pri-700,
.form-bc\=pri-700 .form-field {
  border-color: var(--pri-700);
}

.hover-bc\=pri-700:hover,
.form-focus-bc\=pri-700 .form-field:focus,
.form-hover-bc\=pri-700 .form-field:hover {
  border-color: var(--pri-700);
}

[class*="--active"].active-bc\=pri-700,
[class*="--active"].active-bc\=pri-700:hover,
[class*="--active"] .active-bc\=pri-700,
[class*="--active"] .active-bc\=pri-700 {
  border-color: var(--pri-700);
}

.c\=pri-800,
.after-c\=pri-800::after,
.before-c\=pri-800::before,
.dark-mode .dark-mode\:c\=pri-800,
.link-c\=pri-800 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-800 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-800 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-800 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-800 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-800 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-800 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-800 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-800 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-800 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-800 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-800);
}

/* Standard */
.placeholder-c\=pri-800 ::placeholder {
  color: var(--pri-800);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-800 ::-webkit-input-placeholder {
  color: var(--pri-800);
}

/* Firefox */
.placeholder-c\=pri-800 ::-moz-placeholder {
  color: var(--pri-800);
}

/* Internet Explorer */
.placeholder-c\=pri-800 :-ms-input-placeholder {
  color: var(--pri-800);
}

.td-c\=pri-800 {
  text-decoration-color: var(--pri-800);
}

.hover-c\=pri-800:hover,
[class*="--active"].active-c\=pri-800,
[class*="--active"] .active-c\=pri-800,
.dark-mode .dark-mode\:hover-c\=pri-800:hover,
.hover-link-c\=pri-800 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-800 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-800 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-800 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-800:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-800:not([class*=""]),
[class*="--active"].active-c\=pri-800:hover,
[class*="--active"] .active-c\=pri-800:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-800 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-800 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-800);
}

.bg\=pri-800,
.dark-mode\:bg\=pri-800,
.form-bg\=pri-800 .form-field {
  background-color: var(--pri-800);
}

.hover-bg\=pri-800:hover,
[class*="--active"].active-bg\=pri-800,
[class*="--active"] .active-bg\=pri-800,
[class*="--active"].active-bg\=pri-800:hover,
[class*="--active"] .active-bg\=pri-800:hover,
.form-focus-bg\=pri-800 .form-field:focus,
.form-hover-bg\=pri-800 .form-field:hover {
  background-color: var(--pri-800);
}

.bc\=pri-800,
.dark-mode .dark-mode\:bc\=pri-800,
.form-bc\=pri-800 .form-field {
  border-color: var(--pri-800);
}

.hover-bc\=pri-800:hover,
.form-focus-bc\=pri-800 .form-field:focus,
.form-hover-bc\=pri-800 .form-field:hover {
  border-color: var(--pri-800);
}

[class*="--active"].active-bc\=pri-800,
[class*="--active"].active-bc\=pri-800:hover,
[class*="--active"] .active-bc\=pri-800,
[class*="--active"] .active-bc\=pri-800 {
  border-color: var(--pri-800);
}

.c\=pri-900,
.after-c\=pri-900::after,
.before-c\=pri-900::before,
.dark-mode .dark-mode\:c\=pri-900,
.link-c\=pri-900 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-900 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-900 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-900 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-900 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-900 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-900 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-900 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-900 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-900 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-900 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-900);
}

/* Standard */
.placeholder-c\=pri-900 ::placeholder {
  color: var(--pri-900);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-900 ::-webkit-input-placeholder {
  color: var(--pri-900);
}

/* Firefox */
.placeholder-c\=pri-900 ::-moz-placeholder {
  color: var(--pri-900);
}

/* Internet Explorer */
.placeholder-c\=pri-900 :-ms-input-placeholder {
  color: var(--pri-900);
}

.td-c\=pri-900 {
  text-decoration-color: var(--pri-900);
}

.hover-c\=pri-900:hover,
[class*="--active"].active-c\=pri-900,
[class*="--active"] .active-c\=pri-900,
.dark-mode .dark-mode\:hover-c\=pri-900:hover,
.hover-link-c\=pri-900 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-900 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-900 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-900 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-900:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-900:not([class*=""]),
[class*="--active"].active-c\=pri-900:hover,
[class*="--active"] .active-c\=pri-900:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-900 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-900 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-900);
}

.bg\=pri-900,
.dark-mode\:bg\=pri-900,
.form-bg\=pri-900 .form-field {
  background-color: var(--pri-900);
}

.hover-bg\=pri-900:hover,
[class*="--active"].active-bg\=pri-900,
[class*="--active"] .active-bg\=pri-900,
[class*="--active"].active-bg\=pri-900:hover,
[class*="--active"] .active-bg\=pri-900:hover,
.form-focus-bg\=pri-900 .form-field:focus,
.form-hover-bg\=pri-900 .form-field:hover {
  background-color: var(--pri-900);
}

.bc\=pri-900,
.dark-mode .dark-mode\:bc\=pri-900,
.form-bc\=pri-900 .form-field {
  border-color: var(--pri-900);
}

.hover-bc\=pri-900:hover,
.form-focus-bc\=pri-900 .form-field:focus,
.form-hover-bc\=pri-900 .form-field:hover {
  border-color: var(--pri-900);
}

[class*="--active"].active-bc\=pri-900,
[class*="--active"].active-bc\=pri-900:hover,
[class*="--active"] .active-bc\=pri-900,
[class*="--active"] .active-bc\=pri-900 {
  border-color: var(--pri-900);
}

.c\=pri-950,
.after-c\=pri-950::after,
.before-c\=pri-950::before,
.dark-mode .dark-mode\:c\=pri-950,
.link-c\=pri-950 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=pri-950 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=pri-950 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=pri-950 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=pri-950 .link:not([class*="dark-mode:c="]),
.heading-c\=pri-950 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-950 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=pri-950 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=pri-950 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=pri-950 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=pri-950 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--pri-950);
}

/* Standard */
.placeholder-c\=pri-950 ::placeholder {
  color: var(--pri-950);
}

/* Chrome, Safari, Edge */
.placeholder-c\=pri-950 ::-webkit-input-placeholder {
  color: var(--pri-950);
}

/* Firefox */
.placeholder-c\=pri-950 ::-moz-placeholder {
  color: var(--pri-950);
}

/* Internet Explorer */
.placeholder-c\=pri-950 :-ms-input-placeholder {
  color: var(--pri-950);
}

.td-c\=pri-950 {
  text-decoration-color: var(--pri-950);
}

.hover-c\=pri-950:hover,
[class*="--active"].active-c\=pri-950,
[class*="--active"] .active-c\=pri-950,
.dark-mode .dark-mode\:hover-c\=pri-950:hover,
.hover-link-c\=pri-950 a:not([class*="hover-c="]):hover,
.hover-link-c\=pri-950 .link:not([class*="hover-c="]):hover,
.link-hover-c\=pri-950 a:not([class*="hover-c="]):hover,
.link-hover-c\=pri-950 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=pri-950:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=pri-950:not([class*=""]),
[class*="--active"].active-c\=pri-950:hover,
[class*="--active"] .active-c\=pri-950:hover,
.dark-mode .dark-mode\:link-hover-c\=pri-950 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=pri-950 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--pri-950);
}

.bg\=pri-950,
.dark-mode\:bg\=pri-950,
.form-bg\=pri-950 .form-field {
  background-color: var(--pri-950);
}

.hover-bg\=pri-950:hover,
[class*="--active"].active-bg\=pri-950,
[class*="--active"] .active-bg\=pri-950,
[class*="--active"].active-bg\=pri-950:hover,
[class*="--active"] .active-bg\=pri-950:hover,
.form-focus-bg\=pri-950 .form-field:focus,
.form-hover-bg\=pri-950 .form-field:hover {
  background-color: var(--pri-950);
}

.bc\=pri-950,
.dark-mode .dark-mode\:bc\=pri-950,
.form-bc\=pri-950 .form-field {
  border-color: var(--pri-950);
}

.hover-bc\=pri-950:hover,
.form-focus-bc\=pri-950 .form-field:focus,
.form-hover-bc\=pri-950 .form-field:hover {
  border-color: var(--pri-950);
}

[class*="--active"].active-bc\=pri-950,
[class*="--active"].active-bc\=pri-950:hover,
[class*="--active"] .active-bc\=pri-950,
[class*="--active"] .active-bc\=pri-950 {
  border-color: var(--pri-950);
}

.c\=c1-300,
.after-c\=c1-300::after,
.before-c\=c1-300::before,
.dark-mode .dark-mode\:c\=c1-300,
.link-c\=c1-300 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-300 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-300 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-300 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-300 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-300 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-300 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-300 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-300 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-300 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-300 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-300);
}

/* Standard */
.placeholder-c\=c1-300 ::placeholder {
  color: var(--c1-300);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-300 ::-webkit-input-placeholder {
  color: var(--c1-300);
}

/* Firefox */
.placeholder-c\=c1-300 ::-moz-placeholder {
  color: var(--c1-300);
}

/* Internet Explorer */
.placeholder-c\=c1-300 :-ms-input-placeholder {
  color: var(--c1-300);
}

.td-c\=c1-300 {
  text-decoration-color: var(--c1-300);
}

.hover-c\=c1-300:hover,
[class*="--active"].active-c\=c1-300,
[class*="--active"] .active-c\=c1-300,
.dark-mode .dark-mode\:hover-c\=c1-300:hover,
.hover-link-c\=c1-300 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-300 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-300 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-300 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-300:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-300:not([class*=""]),
[class*="--active"].active-c\=c1-300:hover,
[class*="--active"] .active-c\=c1-300:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-300 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-300 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-300);
}

.bg\=c1-300,
.dark-mode\:bg\=c1-300,
.form-bg\=c1-300 .form-field {
  background-color: var(--c1-300);
}

.hover-bg\=c1-300:hover,
[class*="--active"].active-bg\=c1-300,
[class*="--active"] .active-bg\=c1-300,
[class*="--active"].active-bg\=c1-300:hover,
[class*="--active"] .active-bg\=c1-300:hover,
.form-focus-bg\=c1-300 .form-field:focus,
.form-hover-bg\=c1-300 .form-field:hover {
  background-color: var(--c1-300);
}

.bc\=c1-300,
.dark-mode .dark-mode\:bc\=c1-300,
.form-bc\=c1-300 .form-field {
  border-color: var(--c1-300);
}

.hover-bc\=c1-300:hover,
.form-focus-bc\=c1-300 .form-field:focus,
.form-hover-bc\=c1-300 .form-field:hover {
  border-color: var(--c1-300);
}

[class*="--active"].active-bc\=c1-300,
[class*="--active"].active-bc\=c1-300:hover,
[class*="--active"] .active-bc\=c1-300,
[class*="--active"] .active-bc\=c1-300 {
  border-color: var(--c1-300);
}

.c\=c1-400,
.after-c\=c1-400::after,
.before-c\=c1-400::before,
.dark-mode .dark-mode\:c\=c1-400,
.link-c\=c1-400 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-400 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-400 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-400 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-400 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-400 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-400 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-400 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-400 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-400 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-400 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-400);
}

/* Standard */
.placeholder-c\=c1-400 ::placeholder {
  color: var(--c1-400);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-400 ::-webkit-input-placeholder {
  color: var(--c1-400);
}

/* Firefox */
.placeholder-c\=c1-400 ::-moz-placeholder {
  color: var(--c1-400);
}

/* Internet Explorer */
.placeholder-c\=c1-400 :-ms-input-placeholder {
  color: var(--c1-400);
}

.td-c\=c1-400 {
  text-decoration-color: var(--c1-400);
}

.hover-c\=c1-400:hover,
[class*="--active"].active-c\=c1-400,
[class*="--active"] .active-c\=c1-400,
.dark-mode .dark-mode\:hover-c\=c1-400:hover,
.hover-link-c\=c1-400 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-400 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-400 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-400 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-400:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-400:not([class*=""]),
[class*="--active"].active-c\=c1-400:hover,
[class*="--active"] .active-c\=c1-400:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-400 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-400 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-400);
}

.bg\=c1-400,
.dark-mode\:bg\=c1-400,
.form-bg\=c1-400 .form-field {
  background-color: var(--c1-400);
}

.hover-bg\=c1-400:hover,
[class*="--active"].active-bg\=c1-400,
[class*="--active"] .active-bg\=c1-400,
[class*="--active"].active-bg\=c1-400:hover,
[class*="--active"] .active-bg\=c1-400:hover,
.form-focus-bg\=c1-400 .form-field:focus,
.form-hover-bg\=c1-400 .form-field:hover {
  background-color: var(--c1-400);
}

.bc\=c1-400,
.dark-mode .dark-mode\:bc\=c1-400,
.form-bc\=c1-400 .form-field {
  border-color: var(--c1-400);
}

.hover-bc\=c1-400:hover,
.form-focus-bc\=c1-400 .form-field:focus,
.form-hover-bc\=c1-400 .form-field:hover {
  border-color: var(--c1-400);
}

[class*="--active"].active-bc\=c1-400,
[class*="--active"].active-bc\=c1-400:hover,
[class*="--active"] .active-bc\=c1-400,
[class*="--active"] .active-bc\=c1-400 {
  border-color: var(--c1-400);
}

.c\=c1-500,
.after-c\=c1-500::after,
.before-c\=c1-500::before,
.dark-mode .dark-mode\:c\=c1-500,
.link-c\=c1-500 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-500 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-500 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-500 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-500 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-500 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-500 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-500 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-500 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-500 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-500 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-500);
}

/* Standard */
.placeholder-c\=c1-500 ::placeholder {
  color: var(--c1-500);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-500 ::-webkit-input-placeholder {
  color: var(--c1-500);
}

/* Firefox */
.placeholder-c\=c1-500 ::-moz-placeholder {
  color: var(--c1-500);
}

/* Internet Explorer */
.placeholder-c\=c1-500 :-ms-input-placeholder {
  color: var(--c1-500);
}

.td-c\=c1-500 {
  text-decoration-color: var(--c1-500);
}

.hover-c\=c1-500:hover,
[class*="--active"].active-c\=c1-500,
[class*="--active"] .active-c\=c1-500,
.dark-mode .dark-mode\:hover-c\=c1-500:hover,
.hover-link-c\=c1-500 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-500 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-500 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-500 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-500:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-500:not([class*=""]),
[class*="--active"].active-c\=c1-500:hover,
[class*="--active"] .active-c\=c1-500:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-500 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-500 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-500);
}

.bg\=c1-500,
.dark-mode\:bg\=c1-500,
.form-bg\=c1-500 .form-field {
  background-color: var(--c1-500);
}

.hover-bg\=c1-500:hover,
[class*="--active"].active-bg\=c1-500,
[class*="--active"] .active-bg\=c1-500,
[class*="--active"].active-bg\=c1-500:hover,
[class*="--active"] .active-bg\=c1-500:hover,
.form-focus-bg\=c1-500 .form-field:focus,
.form-hover-bg\=c1-500 .form-field:hover {
  background-color: var(--c1-500);
}

.bc\=c1-500,
.dark-mode .dark-mode\:bc\=c1-500,
.form-bc\=c1-500 .form-field {
  border-color: var(--c1-500);
}

.hover-bc\=c1-500:hover,
.form-focus-bc\=c1-500 .form-field:focus,
.form-hover-bc\=c1-500 .form-field:hover {
  border-color: var(--c1-500);
}

[class*="--active"].active-bc\=c1-500,
[class*="--active"].active-bc\=c1-500:hover,
[class*="--active"] .active-bc\=c1-500,
[class*="--active"] .active-bc\=c1-500 {
  border-color: var(--c1-500);
}

.c\=c1-600,
.after-c\=c1-600::after,
.before-c\=c1-600::before,
.dark-mode .dark-mode\:c\=c1-600,
.link-c\=c1-600 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-600 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-600 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-600 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-600 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-600 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-600 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-600 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-600 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-600 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-600 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-600);
}

/* Standard */
.placeholder-c\=c1-600 ::placeholder {
  color: var(--c1-600);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-600 ::-webkit-input-placeholder {
  color: var(--c1-600);
}

/* Firefox */
.placeholder-c\=c1-600 ::-moz-placeholder {
  color: var(--c1-600);
}

/* Internet Explorer */
.placeholder-c\=c1-600 :-ms-input-placeholder {
  color: var(--c1-600);
}

.td-c\=c1-600 {
  text-decoration-color: var(--c1-600);
}

.hover-c\=c1-600:hover,
[class*="--active"].active-c\=c1-600,
[class*="--active"] .active-c\=c1-600,
.dark-mode .dark-mode\:hover-c\=c1-600:hover,
.hover-link-c\=c1-600 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-600 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-600 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-600 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-600:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-600:not([class*=""]),
[class*="--active"].active-c\=c1-600:hover,
[class*="--active"] .active-c\=c1-600:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-600 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-600 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-600);
}

.bg\=c1-600,
.dark-mode\:bg\=c1-600,
.form-bg\=c1-600 .form-field {
  background-color: var(--c1-600);
}

.hover-bg\=c1-600:hover,
[class*="--active"].active-bg\=c1-600,
[class*="--active"] .active-bg\=c1-600,
[class*="--active"].active-bg\=c1-600:hover,
[class*="--active"] .active-bg\=c1-600:hover,
.form-focus-bg\=c1-600 .form-field:focus,
.form-hover-bg\=c1-600 .form-field:hover {
  background-color: var(--c1-600);
}

.bc\=c1-600,
.dark-mode .dark-mode\:bc\=c1-600,
.form-bc\=c1-600 .form-field {
  border-color: var(--c1-600);
}

.hover-bc\=c1-600:hover,
.form-focus-bc\=c1-600 .form-field:focus,
.form-hover-bc\=c1-600 .form-field:hover {
  border-color: var(--c1-600);
}

[class*="--active"].active-bc\=c1-600,
[class*="--active"].active-bc\=c1-600:hover,
[class*="--active"] .active-bc\=c1-600,
[class*="--active"] .active-bc\=c1-600 {
  border-color: var(--c1-600);
}

.c\=c1-700,
.after-c\=c1-700::after,
.before-c\=c1-700::before,
.dark-mode .dark-mode\:c\=c1-700,
.link-c\=c1-700 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-700 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-700 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-700 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-700 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-700 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-700 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-700 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-700 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-700 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-700 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-700);
}

/* Standard */
.placeholder-c\=c1-700 ::placeholder {
  color: var(--c1-700);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-700 ::-webkit-input-placeholder {
  color: var(--c1-700);
}

/* Firefox */
.placeholder-c\=c1-700 ::-moz-placeholder {
  color: var(--c1-700);
}

/* Internet Explorer */
.placeholder-c\=c1-700 :-ms-input-placeholder {
  color: var(--c1-700);
}

.td-c\=c1-700 {
  text-decoration-color: var(--c1-700);
}

.hover-c\=c1-700:hover,
[class*="--active"].active-c\=c1-700,
[class*="--active"] .active-c\=c1-700,
.dark-mode .dark-mode\:hover-c\=c1-700:hover,
.hover-link-c\=c1-700 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-700 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-700 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-700 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-700:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-700:not([class*=""]),
[class*="--active"].active-c\=c1-700:hover,
[class*="--active"] .active-c\=c1-700:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-700 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-700 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-700);
}

.bg\=c1-700,
.dark-mode\:bg\=c1-700,
.form-bg\=c1-700 .form-field {
  background-color: var(--c1-700);
}

.hover-bg\=c1-700:hover,
[class*="--active"].active-bg\=c1-700,
[class*="--active"] .active-bg\=c1-700,
[class*="--active"].active-bg\=c1-700:hover,
[class*="--active"] .active-bg\=c1-700:hover,
.form-focus-bg\=c1-700 .form-field:focus,
.form-hover-bg\=c1-700 .form-field:hover {
  background-color: var(--c1-700);
}

.bc\=c1-700,
.dark-mode .dark-mode\:bc\=c1-700,
.form-bc\=c1-700 .form-field {
  border-color: var(--c1-700);
}

.hover-bc\=c1-700:hover,
.form-focus-bc\=c1-700 .form-field:focus,
.form-hover-bc\=c1-700 .form-field:hover {
  border-color: var(--c1-700);
}

[class*="--active"].active-bc\=c1-700,
[class*="--active"].active-bc\=c1-700:hover,
[class*="--active"] .active-bc\=c1-700,
[class*="--active"] .active-bc\=c1-700 {
  border-color: var(--c1-700);
}

.c\=c1-800,
.after-c\=c1-800::after,
.before-c\=c1-800::before,
.dark-mode .dark-mode\:c\=c1-800,
.link-c\=c1-800 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-800 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-800 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-800 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-800 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-800 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-800 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-800 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-800 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-800 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-800 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-800);
}

/* Standard */
.placeholder-c\=c1-800 ::placeholder {
  color: var(--c1-800);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-800 ::-webkit-input-placeholder {
  color: var(--c1-800);
}

/* Firefox */
.placeholder-c\=c1-800 ::-moz-placeholder {
  color: var(--c1-800);
}

/* Internet Explorer */
.placeholder-c\=c1-800 :-ms-input-placeholder {
  color: var(--c1-800);
}

.td-c\=c1-800 {
  text-decoration-color: var(--c1-800);
}

.hover-c\=c1-800:hover,
[class*="--active"].active-c\=c1-800,
[class*="--active"] .active-c\=c1-800,
.dark-mode .dark-mode\:hover-c\=c1-800:hover,
.hover-link-c\=c1-800 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-800 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-800 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-800 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-800:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-800:not([class*=""]),
[class*="--active"].active-c\=c1-800:hover,
[class*="--active"] .active-c\=c1-800:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-800 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-800 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-800);
}

.bg\=c1-800,
.dark-mode\:bg\=c1-800,
.form-bg\=c1-800 .form-field {
  background-color: var(--c1-800);
}

.hover-bg\=c1-800:hover,
[class*="--active"].active-bg\=c1-800,
[class*="--active"] .active-bg\=c1-800,
[class*="--active"].active-bg\=c1-800:hover,
[class*="--active"] .active-bg\=c1-800:hover,
.form-focus-bg\=c1-800 .form-field:focus,
.form-hover-bg\=c1-800 .form-field:hover {
  background-color: var(--c1-800);
}

.bc\=c1-800,
.dark-mode .dark-mode\:bc\=c1-800,
.form-bc\=c1-800 .form-field {
  border-color: var(--c1-800);
}

.hover-bc\=c1-800:hover,
.form-focus-bc\=c1-800 .form-field:focus,
.form-hover-bc\=c1-800 .form-field:hover {
  border-color: var(--c1-800);
}

[class*="--active"].active-bc\=c1-800,
[class*="--active"].active-bc\=c1-800:hover,
[class*="--active"] .active-bc\=c1-800,
[class*="--active"] .active-bc\=c1-800 {
  border-color: var(--c1-800);
}

.c\=c1-900,
.after-c\=c1-900::after,
.before-c\=c1-900::before,
.dark-mode .dark-mode\:c\=c1-900,
.link-c\=c1-900 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-900 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-900 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-900 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-900 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-900 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-900 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-900 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-900 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-900 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-900 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-900);
}

/* Standard */
.placeholder-c\=c1-900 ::placeholder {
  color: var(--c1-900);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-900 ::-webkit-input-placeholder {
  color: var(--c1-900);
}

/* Firefox */
.placeholder-c\=c1-900 ::-moz-placeholder {
  color: var(--c1-900);
}

/* Internet Explorer */
.placeholder-c\=c1-900 :-ms-input-placeholder {
  color: var(--c1-900);
}

.td-c\=c1-900 {
  text-decoration-color: var(--c1-900);
}

.hover-c\=c1-900:hover,
[class*="--active"].active-c\=c1-900,
[class*="--active"] .active-c\=c1-900,
.dark-mode .dark-mode\:hover-c\=c1-900:hover,
.hover-link-c\=c1-900 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-900 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-900 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-900 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-900:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-900:not([class*=""]),
[class*="--active"].active-c\=c1-900:hover,
[class*="--active"] .active-c\=c1-900:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-900 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-900 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-900);
}

.bg\=c1-900,
.dark-mode\:bg\=c1-900,
.form-bg\=c1-900 .form-field {
  background-color: var(--c1-900);
}

.hover-bg\=c1-900:hover,
[class*="--active"].active-bg\=c1-900,
[class*="--active"] .active-bg\=c1-900,
[class*="--active"].active-bg\=c1-900:hover,
[class*="--active"] .active-bg\=c1-900:hover,
.form-focus-bg\=c1-900 .form-field:focus,
.form-hover-bg\=c1-900 .form-field:hover {
  background-color: var(--c1-900);
}

.bc\=c1-900,
.dark-mode .dark-mode\:bc\=c1-900,
.form-bc\=c1-900 .form-field {
  border-color: var(--c1-900);
}

.hover-bc\=c1-900:hover,
.form-focus-bc\=c1-900 .form-field:focus,
.form-hover-bc\=c1-900 .form-field:hover {
  border-color: var(--c1-900);
}

[class*="--active"].active-bc\=c1-900,
[class*="--active"].active-bc\=c1-900:hover,
[class*="--active"] .active-bc\=c1-900,
[class*="--active"] .active-bc\=c1-900 {
  border-color: var(--c1-900);
}

.c\=c1-950,
.after-c\=c1-950::after,
.before-c\=c1-950::before,
.dark-mode .dark-mode\:c\=c1-950,
.link-c\=c1-950 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-950 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-950 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-950 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-950 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-950 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-950 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-950 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-950 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-950 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-950 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-950);
}

/* Standard */
.placeholder-c\=c1-950 ::placeholder {
  color: var(--c1-950);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-950 ::-webkit-input-placeholder {
  color: var(--c1-950);
}

/* Firefox */
.placeholder-c\=c1-950 ::-moz-placeholder {
  color: var(--c1-950);
}

/* Internet Explorer */
.placeholder-c\=c1-950 :-ms-input-placeholder {
  color: var(--c1-950);
}

.td-c\=c1-950 {
  text-decoration-color: var(--c1-950);
}

.hover-c\=c1-950:hover,
[class*="--active"].active-c\=c1-950,
[class*="--active"] .active-c\=c1-950,
.dark-mode .dark-mode\:hover-c\=c1-950:hover,
.hover-link-c\=c1-950 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-950 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-950 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-950 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-950:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-950:not([class*=""]),
[class*="--active"].active-c\=c1-950:hover,
[class*="--active"] .active-c\=c1-950:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-950 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-950 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-950);
}

.bg\=c1-950,
.dark-mode\:bg\=c1-950,
.form-bg\=c1-950 .form-field {
  background-color: var(--c1-950);
}

.hover-bg\=c1-950:hover,
[class*="--active"].active-bg\=c1-950,
[class*="--active"] .active-bg\=c1-950,
[class*="--active"].active-bg\=c1-950:hover,
[class*="--active"] .active-bg\=c1-950:hover,
.form-focus-bg\=c1-950 .form-field:focus,
.form-hover-bg\=c1-950 .form-field:hover {
  background-color: var(--c1-950);
}

.bc\=c1-950,
.dark-mode .dark-mode\:bc\=c1-950,
.form-bc\=c1-950 .form-field {
  border-color: var(--c1-950);
}

.hover-bc\=c1-950:hover,
.form-focus-bc\=c1-950 .form-field:focus,
.form-hover-bc\=c1-950 .form-field:hover {
  border-color: var(--c1-950);
}

[class*="--active"].active-bc\=c1-950,
[class*="--active"].active-bc\=c1-950:hover,
[class*="--active"] .active-bc\=c1-950,
[class*="--active"] .active-bc\=c1-950 {
  border-color: var(--c1-950);
}

.c\=c1-1000,
.after-c\=c1-1000::after,
.before-c\=c1-1000::before,
.dark-mode .dark-mode\:c\=c1-1000,
.link-c\=c1-1000 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c1-1000 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c1-1000 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c1-1000 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c1-1000 .link:not([class*="dark-mode:c="]),
.heading-c\=c1-1000 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-1000 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c1-1000 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c1-1000 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c1-1000 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c1-1000 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c1-1000);
}

/* Standard */
.placeholder-c\=c1-1000 ::placeholder {
  color: var(--c1-1000);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c1-1000 ::-webkit-input-placeholder {
  color: var(--c1-1000);
}

/* Firefox */
.placeholder-c\=c1-1000 ::-moz-placeholder {
  color: var(--c1-1000);
}

/* Internet Explorer */
.placeholder-c\=c1-1000 :-ms-input-placeholder {
  color: var(--c1-1000);
}

.td-c\=c1-1000 {
  text-decoration-color: var(--c1-1000);
}

.hover-c\=c1-1000:hover,
[class*="--active"].active-c\=c1-1000,
[class*="--active"] .active-c\=c1-1000,
.dark-mode .dark-mode\:hover-c\=c1-1000:hover,
.hover-link-c\=c1-1000 a:not([class*="hover-c="]):hover,
.hover-link-c\=c1-1000 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c1-1000 a:not([class*="hover-c="]):hover,
.link-hover-c\=c1-1000 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c1-1000:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c1-1000:not([class*=""]),
[class*="--active"].active-c\=c1-1000:hover,
[class*="--active"] .active-c\=c1-1000:hover,
.dark-mode .dark-mode\:link-hover-c\=c1-1000 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c1-1000 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c1-1000);
}

.bg\=c1-1000,
.dark-mode\:bg\=c1-1000,
.form-bg\=c1-1000 .form-field {
  background-color: var(--c1-1000);
}

.hover-bg\=c1-1000:hover,
[class*="--active"].active-bg\=c1-1000,
[class*="--active"] .active-bg\=c1-1000,
[class*="--active"].active-bg\=c1-1000:hover,
[class*="--active"] .active-bg\=c1-1000:hover,
.form-focus-bg\=c1-1000 .form-field:focus,
.form-hover-bg\=c1-1000 .form-field:hover {
  background-color: var(--c1-1000);
}

.bc\=c1-1000,
.dark-mode .dark-mode\:bc\=c1-1000,
.form-bc\=c1-1000 .form-field {
  border-color: var(--c1-1000);
}

.hover-bc\=c1-1000:hover,
.form-focus-bc\=c1-1000 .form-field:focus,
.form-hover-bc\=c1-1000 .form-field:hover {
  border-color: var(--c1-1000);
}

[class*="--active"].active-bc\=c1-1000,
[class*="--active"].active-bc\=c1-1000:hover,
[class*="--active"] .active-bc\=c1-1000,
[class*="--active"] .active-bc\=c1-1000 {
  border-color: var(--c1-1000);
}

.c\=c2,
.after-c\=c2::after,
.before-c\=c2::before,
.dark-mode .dark-mode\:c\=c2,
.link-c\=c2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c2 .link:not([class*="dark-mode:c="]),
.heading-c\=c2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c2);
}

/* Standard */
.placeholder-c\=c2 ::placeholder {
  color: var(--c2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c2 ::-webkit-input-placeholder {
  color: var(--c2);
}

/* Firefox */
.placeholder-c\=c2 ::-moz-placeholder {
  color: var(--c2);
}

/* Internet Explorer */
.placeholder-c\=c2 :-ms-input-placeholder {
  color: var(--c2);
}

.td-c\=c2 {
  text-decoration-color: var(--c2);
}

.hover-c\=c2:hover,
[class*="--active"].active-c\=c2,
[class*="--active"] .active-c\=c2,
.dark-mode .dark-mode\:hover-c\=c2:hover,
.hover-link-c\=c2 a:not([class*="hover-c="]):hover,
.hover-link-c\=c2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c2 a:not([class*="hover-c="]):hover,
.link-hover-c\=c2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c2:not([class*=""]),
[class*="--active"].active-c\=c2:hover,
[class*="--active"] .active-c\=c2:hover,
.dark-mode .dark-mode\:link-hover-c\=c2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c2);
}

.bg\=c2,
.dark-mode\:bg\=c2,
.form-bg\=c2 .form-field {
  background-color: var(--c2);
}

.hover-bg\=c2:hover,
[class*="--active"].active-bg\=c2,
[class*="--active"] .active-bg\=c2,
[class*="--active"].active-bg\=c2:hover,
[class*="--active"] .active-bg\=c2:hover,
.form-focus-bg\=c2 .form-field:focus,
.form-hover-bg\=c2 .form-field:hover {
  background-color: var(--c2);
}

.bc\=c2,
.dark-mode .dark-mode\:bc\=c2,
.form-bc\=c2 .form-field {
  border-color: var(--c2);
}

.hover-bc\=c2:hover,
.form-focus-bc\=c2 .form-field:focus,
.form-hover-bc\=c2 .form-field:hover {
  border-color: var(--c2);
}

[class*="--active"].active-bc\=c2,
[class*="--active"].active-bc\=c2:hover,
[class*="--active"] .active-bc\=c2,
[class*="--active"] .active-bc\=c2 {
  border-color: var(--c2);
}

.c\=c3,
.after-c\=c3::after,
.before-c\=c3::before,
.dark-mode .dark-mode\:c\=c3,
.link-c\=c3 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c3 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c3 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c3 .link:not([class*="dark-mode:c="]),
.heading-c\=c3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c3 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c3);
}

/* Standard */
.placeholder-c\=c3 ::placeholder {
  color: var(--c3);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c3 ::-webkit-input-placeholder {
  color: var(--c3);
}

/* Firefox */
.placeholder-c\=c3 ::-moz-placeholder {
  color: var(--c3);
}

/* Internet Explorer */
.placeholder-c\=c3 :-ms-input-placeholder {
  color: var(--c3);
}

.td-c\=c3 {
  text-decoration-color: var(--c3);
}

.hover-c\=c3:hover,
[class*="--active"].active-c\=c3,
[class*="--active"] .active-c\=c3,
.dark-mode .dark-mode\:hover-c\=c3:hover,
.hover-link-c\=c3 a:not([class*="hover-c="]):hover,
.hover-link-c\=c3 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c3 a:not([class*="hover-c="]):hover,
.link-hover-c\=c3 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c3:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c3:not([class*=""]),
[class*="--active"].active-c\=c3:hover,
[class*="--active"] .active-c\=c3:hover,
.dark-mode .dark-mode\:link-hover-c\=c3 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c3 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c3);
}

.bg\=c3,
.dark-mode\:bg\=c3,
.form-bg\=c3 .form-field {
  background-color: var(--c3);
}

.hover-bg\=c3:hover,
[class*="--active"].active-bg\=c3,
[class*="--active"] .active-bg\=c3,
[class*="--active"].active-bg\=c3:hover,
[class*="--active"] .active-bg\=c3:hover,
.form-focus-bg\=c3 .form-field:focus,
.form-hover-bg\=c3 .form-field:hover {
  background-color: var(--c3);
}

.bc\=c3,
.dark-mode .dark-mode\:bc\=c3,
.form-bc\=c3 .form-field {
  border-color: var(--c3);
}

.hover-bc\=c3:hover,
.form-focus-bc\=c3 .form-field:focus,
.form-hover-bc\=c3 .form-field:hover {
  border-color: var(--c3);
}

[class*="--active"].active-bc\=c3,
[class*="--active"].active-bc\=c3:hover,
[class*="--active"] .active-bc\=c3,
[class*="--active"] .active-bc\=c3 {
  border-color: var(--c3);
}

.c\=c3b,
.after-c\=c3b::after,
.before-c\=c3b::before,
.dark-mode .dark-mode\:c\=c3b,
.link-c\=c3b a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c3b a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c3b .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c3b a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c3b .link:not([class*="dark-mode:c="]),
.heading-c\=c3b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c3b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c3b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c3b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c3b .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c3b .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c3b);
}

/* Standard */
.placeholder-c\=c3b ::placeholder {
  color: var(--c3b);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c3b ::-webkit-input-placeholder {
  color: var(--c3b);
}

/* Firefox */
.placeholder-c\=c3b ::-moz-placeholder {
  color: var(--c3b);
}

/* Internet Explorer */
.placeholder-c\=c3b :-ms-input-placeholder {
  color: var(--c3b);
}

.td-c\=c3b {
  text-decoration-color: var(--c3b);
}

.hover-c\=c3b:hover,
[class*="--active"].active-c\=c3b,
[class*="--active"] .active-c\=c3b,
.dark-mode .dark-mode\:hover-c\=c3b:hover,
.hover-link-c\=c3b a:not([class*="hover-c="]):hover,
.hover-link-c\=c3b .link:not([class*="hover-c="]):hover,
.link-hover-c\=c3b a:not([class*="hover-c="]):hover,
.link-hover-c\=c3b .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c3b:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c3b:not([class*=""]),
[class*="--active"].active-c\=c3b:hover,
[class*="--active"] .active-c\=c3b:hover,
.dark-mode .dark-mode\:link-hover-c\=c3b a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c3b .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c3b);
}

.bg\=c3b,
.dark-mode\:bg\=c3b,
.form-bg\=c3b .form-field {
  background-color: var(--c3b);
}

.hover-bg\=c3b:hover,
[class*="--active"].active-bg\=c3b,
[class*="--active"] .active-bg\=c3b,
[class*="--active"].active-bg\=c3b:hover,
[class*="--active"] .active-bg\=c3b:hover,
.form-focus-bg\=c3b .form-field:focus,
.form-hover-bg\=c3b .form-field:hover {
  background-color: var(--c3b);
}

.bc\=c3b,
.dark-mode .dark-mode\:bc\=c3b,
.form-bc\=c3b .form-field {
  border-color: var(--c3b);
}

.hover-bc\=c3b:hover,
.form-focus-bc\=c3b .form-field:focus,
.form-hover-bc\=c3b .form-field:hover {
  border-color: var(--c3b);
}

[class*="--active"].active-bc\=c3b,
[class*="--active"].active-bc\=c3b:hover,
[class*="--active"] .active-bc\=c3b,
[class*="--active"] .active-bc\=c3b {
  border-color: var(--c3b);
}

.c\=c4,
.after-c\=c4::after,
.before-c\=c4::before,
.dark-mode .dark-mode\:c\=c4,
.link-c\=c4 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4 .link:not([class*="dark-mode:c="]),
.heading-c\=c4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4);
}

/* Standard */
.placeholder-c\=c4 ::placeholder {
  color: var(--c4);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4 ::-webkit-input-placeholder {
  color: var(--c4);
}

/* Firefox */
.placeholder-c\=c4 ::-moz-placeholder {
  color: var(--c4);
}

/* Internet Explorer */
.placeholder-c\=c4 :-ms-input-placeholder {
  color: var(--c4);
}

.td-c\=c4 {
  text-decoration-color: var(--c4);
}

.hover-c\=c4:hover,
[class*="--active"].active-c\=c4,
[class*="--active"] .active-c\=c4,
.dark-mode .dark-mode\:hover-c\=c4:hover,
.hover-link-c\=c4 a:not([class*="hover-c="]):hover,
.hover-link-c\=c4 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4 a:not([class*="hover-c="]):hover,
.link-hover-c\=c4 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4:not([class*=""]),
[class*="--active"].active-c\=c4:hover,
[class*="--active"] .active-c\=c4:hover,
.dark-mode .dark-mode\:link-hover-c\=c4 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4);
}

.bg\=c4,
.dark-mode\:bg\=c4,
.form-bg\=c4 .form-field {
  background-color: var(--c4);
}

.hover-bg\=c4:hover,
[class*="--active"].active-bg\=c4,
[class*="--active"] .active-bg\=c4,
[class*="--active"].active-bg\=c4:hover,
[class*="--active"] .active-bg\=c4:hover,
.form-focus-bg\=c4 .form-field:focus,
.form-hover-bg\=c4 .form-field:hover {
  background-color: var(--c4);
}

.bc\=c4,
.dark-mode .dark-mode\:bc\=c4,
.form-bc\=c4 .form-field {
  border-color: var(--c4);
}

.hover-bc\=c4:hover,
.form-focus-bc\=c4 .form-field:focus,
.form-hover-bc\=c4 .form-field:hover {
  border-color: var(--c4);
}

[class*="--active"].active-bc\=c4,
[class*="--active"].active-bc\=c4:hover,
[class*="--active"] .active-bc\=c4,
[class*="--active"] .active-bc\=c4 {
  border-color: var(--c4);
}

.c\=c4b,
.after-c\=c4b::after,
.before-c\=c4b::before,
.dark-mode .dark-mode\:c\=c4b,
.link-c\=c4b a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4b a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4b .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4b a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4b .link:not([class*="dark-mode:c="]),
.heading-c\=c4b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4b .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4b .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4b);
}

/* Standard */
.placeholder-c\=c4b ::placeholder {
  color: var(--c4b);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4b ::-webkit-input-placeholder {
  color: var(--c4b);
}

/* Firefox */
.placeholder-c\=c4b ::-moz-placeholder {
  color: var(--c4b);
}

/* Internet Explorer */
.placeholder-c\=c4b :-ms-input-placeholder {
  color: var(--c4b);
}

.td-c\=c4b {
  text-decoration-color: var(--c4b);
}

.hover-c\=c4b:hover,
[class*="--active"].active-c\=c4b,
[class*="--active"] .active-c\=c4b,
.dark-mode .dark-mode\:hover-c\=c4b:hover,
.hover-link-c\=c4b a:not([class*="hover-c="]):hover,
.hover-link-c\=c4b .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4b a:not([class*="hover-c="]):hover,
.link-hover-c\=c4b .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4b:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4b:not([class*=""]),
[class*="--active"].active-c\=c4b:hover,
[class*="--active"] .active-c\=c4b:hover,
.dark-mode .dark-mode\:link-hover-c\=c4b a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4b .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4b);
}

.bg\=c4b,
.dark-mode\:bg\=c4b,
.form-bg\=c4b .form-field {
  background-color: var(--c4b);
}

.hover-bg\=c4b:hover,
[class*="--active"].active-bg\=c4b,
[class*="--active"] .active-bg\=c4b,
[class*="--active"].active-bg\=c4b:hover,
[class*="--active"] .active-bg\=c4b:hover,
.form-focus-bg\=c4b .form-field:focus,
.form-hover-bg\=c4b .form-field:hover {
  background-color: var(--c4b);
}

.bc\=c4b,
.dark-mode .dark-mode\:bc\=c4b,
.form-bc\=c4b .form-field {
  border-color: var(--c4b);
}

.hover-bc\=c4b:hover,
.form-focus-bc\=c4b .form-field:focus,
.form-hover-bc\=c4b .form-field:hover {
  border-color: var(--c4b);
}

[class*="--active"].active-bc\=c4b,
[class*="--active"].active-bc\=c4b:hover,
[class*="--active"] .active-bc\=c4b,
[class*="--active"] .active-bc\=c4b {
  border-color: var(--c4b);
}

.c\=c4c,
.after-c\=c4c::after,
.before-c\=c4c::before,
.dark-mode .dark-mode\:c\=c4c,
.link-c\=c4c a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4c a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4c .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4c a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4c .link:not([class*="dark-mode:c="]),
.heading-c\=c4c .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4c .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4c .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4c .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4c .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4c .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4c);
}

/* Standard */
.placeholder-c\=c4c ::placeholder {
  color: var(--c4c);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4c ::-webkit-input-placeholder {
  color: var(--c4c);
}

/* Firefox */
.placeholder-c\=c4c ::-moz-placeholder {
  color: var(--c4c);
}

/* Internet Explorer */
.placeholder-c\=c4c :-ms-input-placeholder {
  color: var(--c4c);
}

.td-c\=c4c {
  text-decoration-color: var(--c4c);
}

.hover-c\=c4c:hover,
[class*="--active"].active-c\=c4c,
[class*="--active"] .active-c\=c4c,
.dark-mode .dark-mode\:hover-c\=c4c:hover,
.hover-link-c\=c4c a:not([class*="hover-c="]):hover,
.hover-link-c\=c4c .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4c a:not([class*="hover-c="]):hover,
.link-hover-c\=c4c .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4c:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4c:not([class*=""]),
[class*="--active"].active-c\=c4c:hover,
[class*="--active"] .active-c\=c4c:hover,
.dark-mode .dark-mode\:link-hover-c\=c4c a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4c .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4c);
}

.bg\=c4c,
.dark-mode\:bg\=c4c,
.form-bg\=c4c .form-field {
  background-color: var(--c4c);
}

.hover-bg\=c4c:hover,
[class*="--active"].active-bg\=c4c,
[class*="--active"] .active-bg\=c4c,
[class*="--active"].active-bg\=c4c:hover,
[class*="--active"] .active-bg\=c4c:hover,
.form-focus-bg\=c4c .form-field:focus,
.form-hover-bg\=c4c .form-field:hover {
  background-color: var(--c4c);
}

.bc\=c4c,
.dark-mode .dark-mode\:bc\=c4c,
.form-bc\=c4c .form-field {
  border-color: var(--c4c);
}

.hover-bc\=c4c:hover,
.form-focus-bc\=c4c .form-field:focus,
.form-hover-bc\=c4c .form-field:hover {
  border-color: var(--c4c);
}

[class*="--active"].active-bc\=c4c,
[class*="--active"].active-bc\=c4c:hover,
[class*="--active"] .active-bc\=c4c,
[class*="--active"] .active-bc\=c4c {
  border-color: var(--c4c);
}

.c\=c4d,
.after-c\=c4d::after,
.before-c\=c4d::before,
.dark-mode .dark-mode\:c\=c4d,
.link-c\=c4d a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4d a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4d .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4d a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4d .link:not([class*="dark-mode:c="]),
.heading-c\=c4d .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4d .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4d .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4d .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4d .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4d .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4d);
}

/* Standard */
.placeholder-c\=c4d ::placeholder {
  color: var(--c4d);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4d ::-webkit-input-placeholder {
  color: var(--c4d);
}

/* Firefox */
.placeholder-c\=c4d ::-moz-placeholder {
  color: var(--c4d);
}

/* Internet Explorer */
.placeholder-c\=c4d :-ms-input-placeholder {
  color: var(--c4d);
}

.td-c\=c4d {
  text-decoration-color: var(--c4d);
}

.hover-c\=c4d:hover,
[class*="--active"].active-c\=c4d,
[class*="--active"] .active-c\=c4d,
.dark-mode .dark-mode\:hover-c\=c4d:hover,
.hover-link-c\=c4d a:not([class*="hover-c="]):hover,
.hover-link-c\=c4d .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4d a:not([class*="hover-c="]):hover,
.link-hover-c\=c4d .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4d:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4d:not([class*=""]),
[class*="--active"].active-c\=c4d:hover,
[class*="--active"] .active-c\=c4d:hover,
.dark-mode .dark-mode\:link-hover-c\=c4d a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4d .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4d);
}

.bg\=c4d,
.dark-mode\:bg\=c4d,
.form-bg\=c4d .form-field {
  background-color: var(--c4d);
}

.hover-bg\=c4d:hover,
[class*="--active"].active-bg\=c4d,
[class*="--active"] .active-bg\=c4d,
[class*="--active"].active-bg\=c4d:hover,
[class*="--active"] .active-bg\=c4d:hover,
.form-focus-bg\=c4d .form-field:focus,
.form-hover-bg\=c4d .form-field:hover {
  background-color: var(--c4d);
}

.bc\=c4d,
.dark-mode .dark-mode\:bc\=c4d,
.form-bc\=c4d .form-field {
  border-color: var(--c4d);
}

.hover-bc\=c4d:hover,
.form-focus-bc\=c4d .form-field:focus,
.form-hover-bc\=c4d .form-field:hover {
  border-color: var(--c4d);
}

[class*="--active"].active-bc\=c4d,
[class*="--active"].active-bc\=c4d:hover,
[class*="--active"] .active-bc\=c4d,
[class*="--active"] .active-bc\=c4d {
  border-color: var(--c4d);
}

.c\=c4e,
.after-c\=c4e::after,
.before-c\=c4e::before,
.dark-mode .dark-mode\:c\=c4e,
.link-c\=c4e a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4e a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4e .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4e a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4e .link:not([class*="dark-mode:c="]),
.heading-c\=c4e .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4e .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4e .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4e .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4e .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4e .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4e);
}

/* Standard */
.placeholder-c\=c4e ::placeholder {
  color: var(--c4e);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4e ::-webkit-input-placeholder {
  color: var(--c4e);
}

/* Firefox */
.placeholder-c\=c4e ::-moz-placeholder {
  color: var(--c4e);
}

/* Internet Explorer */
.placeholder-c\=c4e :-ms-input-placeholder {
  color: var(--c4e);
}

.td-c\=c4e {
  text-decoration-color: var(--c4e);
}

.hover-c\=c4e:hover,
[class*="--active"].active-c\=c4e,
[class*="--active"] .active-c\=c4e,
.dark-mode .dark-mode\:hover-c\=c4e:hover,
.hover-link-c\=c4e a:not([class*="hover-c="]):hover,
.hover-link-c\=c4e .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4e a:not([class*="hover-c="]):hover,
.link-hover-c\=c4e .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4e:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4e:not([class*=""]),
[class*="--active"].active-c\=c4e:hover,
[class*="--active"] .active-c\=c4e:hover,
.dark-mode .dark-mode\:link-hover-c\=c4e a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4e .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4e);
}

.bg\=c4e,
.dark-mode\:bg\=c4e,
.form-bg\=c4e .form-field {
  background-color: var(--c4e);
}

.hover-bg\=c4e:hover,
[class*="--active"].active-bg\=c4e,
[class*="--active"] .active-bg\=c4e,
[class*="--active"].active-bg\=c4e:hover,
[class*="--active"] .active-bg\=c4e:hover,
.form-focus-bg\=c4e .form-field:focus,
.form-hover-bg\=c4e .form-field:hover {
  background-color: var(--c4e);
}

.bc\=c4e,
.dark-mode .dark-mode\:bc\=c4e,
.form-bc\=c4e .form-field {
  border-color: var(--c4e);
}

.hover-bc\=c4e:hover,
.form-focus-bc\=c4e .form-field:focus,
.form-hover-bc\=c4e .form-field:hover {
  border-color: var(--c4e);
}

[class*="--active"].active-bc\=c4e,
[class*="--active"].active-bc\=c4e:hover,
[class*="--active"] .active-bc\=c4e,
[class*="--active"] .active-bc\=c4e {
  border-color: var(--c4e);
}

.c\=c4f,
.after-c\=c4f::after,
.before-c\=c4f::before,
.dark-mode .dark-mode\:c\=c4f,
.link-c\=c4f a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4f a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4f .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4f a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4f .link:not([class*="dark-mode:c="]),
.heading-c\=c4f .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4f .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4f .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4f .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4f .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4f .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4f);
}

/* Standard */
.placeholder-c\=c4f ::placeholder {
  color: var(--c4f);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4f ::-webkit-input-placeholder {
  color: var(--c4f);
}

/* Firefox */
.placeholder-c\=c4f ::-moz-placeholder {
  color: var(--c4f);
}

/* Internet Explorer */
.placeholder-c\=c4f :-ms-input-placeholder {
  color: var(--c4f);
}

.td-c\=c4f {
  text-decoration-color: var(--c4f);
}

.hover-c\=c4f:hover,
[class*="--active"].active-c\=c4f,
[class*="--active"] .active-c\=c4f,
.dark-mode .dark-mode\:hover-c\=c4f:hover,
.hover-link-c\=c4f a:not([class*="hover-c="]):hover,
.hover-link-c\=c4f .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4f a:not([class*="hover-c="]):hover,
.link-hover-c\=c4f .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4f:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4f:not([class*=""]),
[class*="--active"].active-c\=c4f:hover,
[class*="--active"] .active-c\=c4f:hover,
.dark-mode .dark-mode\:link-hover-c\=c4f a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4f .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4f);
}

.bg\=c4f,
.dark-mode\:bg\=c4f,
.form-bg\=c4f .form-field {
  background-color: var(--c4f);
}

.hover-bg\=c4f:hover,
[class*="--active"].active-bg\=c4f,
[class*="--active"] .active-bg\=c4f,
[class*="--active"].active-bg\=c4f:hover,
[class*="--active"] .active-bg\=c4f:hover,
.form-focus-bg\=c4f .form-field:focus,
.form-hover-bg\=c4f .form-field:hover {
  background-color: var(--c4f);
}

.bc\=c4f,
.dark-mode .dark-mode\:bc\=c4f,
.form-bc\=c4f .form-field {
  border-color: var(--c4f);
}

.hover-bc\=c4f:hover,
.form-focus-bc\=c4f .form-field:focus,
.form-hover-bc\=c4f .form-field:hover {
  border-color: var(--c4f);
}

[class*="--active"].active-bc\=c4f,
[class*="--active"].active-bc\=c4f:hover,
[class*="--active"] .active-bc\=c4f,
[class*="--active"] .active-bc\=c4f {
  border-color: var(--c4f);
}

.c\=c4g,
.after-c\=c4g::after,
.before-c\=c4g::before,
.dark-mode .dark-mode\:c\=c4g,
.link-c\=c4g a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4g a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4g .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4g a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4g .link:not([class*="dark-mode:c="]),
.heading-c\=c4g .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4g .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4g .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4g .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4g .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4g .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4g);
}

/* Standard */
.placeholder-c\=c4g ::placeholder {
  color: var(--c4g);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4g ::-webkit-input-placeholder {
  color: var(--c4g);
}

/* Firefox */
.placeholder-c\=c4g ::-moz-placeholder {
  color: var(--c4g);
}

/* Internet Explorer */
.placeholder-c\=c4g :-ms-input-placeholder {
  color: var(--c4g);
}

.td-c\=c4g {
  text-decoration-color: var(--c4g);
}

.hover-c\=c4g:hover,
[class*="--active"].active-c\=c4g,
[class*="--active"] .active-c\=c4g,
.dark-mode .dark-mode\:hover-c\=c4g:hover,
.hover-link-c\=c4g a:not([class*="hover-c="]):hover,
.hover-link-c\=c4g .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4g a:not([class*="hover-c="]):hover,
.link-hover-c\=c4g .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4g:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4g:not([class*=""]),
[class*="--active"].active-c\=c4g:hover,
[class*="--active"] .active-c\=c4g:hover,
.dark-mode .dark-mode\:link-hover-c\=c4g a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4g .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4g);
}

.bg\=c4g,
.dark-mode\:bg\=c4g,
.form-bg\=c4g .form-field {
  background-color: var(--c4g);
}

.hover-bg\=c4g:hover,
[class*="--active"].active-bg\=c4g,
[class*="--active"] .active-bg\=c4g,
[class*="--active"].active-bg\=c4g:hover,
[class*="--active"] .active-bg\=c4g:hover,
.form-focus-bg\=c4g .form-field:focus,
.form-hover-bg\=c4g .form-field:hover {
  background-color: var(--c4g);
}

.bc\=c4g,
.dark-mode .dark-mode\:bc\=c4g,
.form-bc\=c4g .form-field {
  border-color: var(--c4g);
}

.hover-bc\=c4g:hover,
.form-focus-bc\=c4g .form-field:focus,
.form-hover-bc\=c4g .form-field:hover {
  border-color: var(--c4g);
}

[class*="--active"].active-bc\=c4g,
[class*="--active"].active-bc\=c4g:hover,
[class*="--active"] .active-bc\=c4g,
[class*="--active"] .active-bc\=c4g {
  border-color: var(--c4g);
}

.c\=c4h,
.after-c\=c4h::after,
.before-c\=c4h::before,
.dark-mode .dark-mode\:c\=c4h,
.link-c\=c4h a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4h a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4h .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4h a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4h .link:not([class*="dark-mode:c="]),
.heading-c\=c4h .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4h .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4h .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4h .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4h .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4h .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4h);
}

/* Standard */
.placeholder-c\=c4h ::placeholder {
  color: var(--c4h);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4h ::-webkit-input-placeholder {
  color: var(--c4h);
}

/* Firefox */
.placeholder-c\=c4h ::-moz-placeholder {
  color: var(--c4h);
}

/* Internet Explorer */
.placeholder-c\=c4h :-ms-input-placeholder {
  color: var(--c4h);
}

.td-c\=c4h {
  text-decoration-color: var(--c4h);
}

.hover-c\=c4h:hover,
[class*="--active"].active-c\=c4h,
[class*="--active"] .active-c\=c4h,
.dark-mode .dark-mode\:hover-c\=c4h:hover,
.hover-link-c\=c4h a:not([class*="hover-c="]):hover,
.hover-link-c\=c4h .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4h a:not([class*="hover-c="]):hover,
.link-hover-c\=c4h .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4h:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4h:not([class*=""]),
[class*="--active"].active-c\=c4h:hover,
[class*="--active"] .active-c\=c4h:hover,
.dark-mode .dark-mode\:link-hover-c\=c4h a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4h .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4h);
}

.bg\=c4h,
.dark-mode\:bg\=c4h,
.form-bg\=c4h .form-field {
  background-color: var(--c4h);
}

.hover-bg\=c4h:hover,
[class*="--active"].active-bg\=c4h,
[class*="--active"] .active-bg\=c4h,
[class*="--active"].active-bg\=c4h:hover,
[class*="--active"] .active-bg\=c4h:hover,
.form-focus-bg\=c4h .form-field:focus,
.form-hover-bg\=c4h .form-field:hover {
  background-color: var(--c4h);
}

.bc\=c4h,
.dark-mode .dark-mode\:bc\=c4h,
.form-bc\=c4h .form-field {
  border-color: var(--c4h);
}

.hover-bc\=c4h:hover,
.form-focus-bc\=c4h .form-field:focus,
.form-hover-bc\=c4h .form-field:hover {
  border-color: var(--c4h);
}

[class*="--active"].active-bc\=c4h,
[class*="--active"].active-bc\=c4h:hover,
[class*="--active"] .active-bc\=c4h,
[class*="--active"] .active-bc\=c4h {
  border-color: var(--c4h);
}

.c\=c4i,
.after-c\=c4i::after,
.before-c\=c4i::before,
.dark-mode .dark-mode\:c\=c4i,
.link-c\=c4i a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c4i a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c4i .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c4i a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c4i .link:not([class*="dark-mode:c="]),
.heading-c\=c4i .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4i .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c4i .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c4i .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c4i .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c4i .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c4i);
}

/* Standard */
.placeholder-c\=c4i ::placeholder {
  color: var(--c4i);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c4i ::-webkit-input-placeholder {
  color: var(--c4i);
}

/* Firefox */
.placeholder-c\=c4i ::-moz-placeholder {
  color: var(--c4i);
}

/* Internet Explorer */
.placeholder-c\=c4i :-ms-input-placeholder {
  color: var(--c4i);
}

.td-c\=c4i {
  text-decoration-color: var(--c4i);
}

.hover-c\=c4i:hover,
[class*="--active"].active-c\=c4i,
[class*="--active"] .active-c\=c4i,
.dark-mode .dark-mode\:hover-c\=c4i:hover,
.hover-link-c\=c4i a:not([class*="hover-c="]):hover,
.hover-link-c\=c4i .link:not([class*="hover-c="]):hover,
.link-hover-c\=c4i a:not([class*="hover-c="]):hover,
.link-hover-c\=c4i .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c4i:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c4i:not([class*=""]),
[class*="--active"].active-c\=c4i:hover,
[class*="--active"] .active-c\=c4i:hover,
.dark-mode .dark-mode\:link-hover-c\=c4i a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c4i .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c4i);
}

.bg\=c4i,
.dark-mode\:bg\=c4i,
.form-bg\=c4i .form-field {
  background-color: var(--c4i);
}

.hover-bg\=c4i:hover,
[class*="--active"].active-bg\=c4i,
[class*="--active"] .active-bg\=c4i,
[class*="--active"].active-bg\=c4i:hover,
[class*="--active"] .active-bg\=c4i:hover,
.form-focus-bg\=c4i .form-field:focus,
.form-hover-bg\=c4i .form-field:hover {
  background-color: var(--c4i);
}

.bc\=c4i,
.dark-mode .dark-mode\:bc\=c4i,
.form-bc\=c4i .form-field {
  border-color: var(--c4i);
}

.hover-bc\=c4i:hover,
.form-focus-bc\=c4i .form-field:focus,
.form-hover-bc\=c4i .form-field:hover {
  border-color: var(--c4i);
}

[class*="--active"].active-bc\=c4i,
[class*="--active"].active-bc\=c4i:hover,
[class*="--active"] .active-bc\=c4i,
[class*="--active"] .active-bc\=c4i {
  border-color: var(--c4i);
}

.c\=c5,
.after-c\=c5::after,
.before-c\=c5::before,
.dark-mode .dark-mode\:c\=c5,
.link-c\=c5 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c5 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c5 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c5 .link:not([class*="dark-mode:c="]),
.heading-c\=c5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c5 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c5);
}

/* Standard */
.placeholder-c\=c5 ::placeholder {
  color: var(--c5);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c5 ::-webkit-input-placeholder {
  color: var(--c5);
}

/* Firefox */
.placeholder-c\=c5 ::-moz-placeholder {
  color: var(--c5);
}

/* Internet Explorer */
.placeholder-c\=c5 :-ms-input-placeholder {
  color: var(--c5);
}

.td-c\=c5 {
  text-decoration-color: var(--c5);
}

.hover-c\=c5:hover,
[class*="--active"].active-c\=c5,
[class*="--active"] .active-c\=c5,
.dark-mode .dark-mode\:hover-c\=c5:hover,
.hover-link-c\=c5 a:not([class*="hover-c="]):hover,
.hover-link-c\=c5 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c5 a:not([class*="hover-c="]):hover,
.link-hover-c\=c5 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c5:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c5:not([class*=""]),
[class*="--active"].active-c\=c5:hover,
[class*="--active"] .active-c\=c5:hover,
.dark-mode .dark-mode\:link-hover-c\=c5 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c5 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c5);
}

.bg\=c5,
.dark-mode\:bg\=c5,
.form-bg\=c5 .form-field {
  background-color: var(--c5);
}

.hover-bg\=c5:hover,
[class*="--active"].active-bg\=c5,
[class*="--active"] .active-bg\=c5,
[class*="--active"].active-bg\=c5:hover,
[class*="--active"] .active-bg\=c5:hover,
.form-focus-bg\=c5 .form-field:focus,
.form-hover-bg\=c5 .form-field:hover {
  background-color: var(--c5);
}

.bc\=c5,
.dark-mode .dark-mode\:bc\=c5,
.form-bc\=c5 .form-field {
  border-color: var(--c5);
}

.hover-bc\=c5:hover,
.form-focus-bc\=c5 .form-field:focus,
.form-hover-bc\=c5 .form-field:hover {
  border-color: var(--c5);
}

[class*="--active"].active-bc\=c5,
[class*="--active"].active-bc\=c5:hover,
[class*="--active"] .active-bc\=c5,
[class*="--active"] .active-bc\=c5 {
  border-color: var(--c5);
}

.c\=c6,
.after-c\=c6::after,
.before-c\=c6::before,
.dark-mode .dark-mode\:c\=c6,
.link-c\=c6 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c6 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c6 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c6 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c6 .link:not([class*="dark-mode:c="]),
.heading-c\=c6 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c6 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c6 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c6 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c6 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c6 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c6);
}

/* Standard */
.placeholder-c\=c6 ::placeholder {
  color: var(--c6);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c6 ::-webkit-input-placeholder {
  color: var(--c6);
}

/* Firefox */
.placeholder-c\=c6 ::-moz-placeholder {
  color: var(--c6);
}

/* Internet Explorer */
.placeholder-c\=c6 :-ms-input-placeholder {
  color: var(--c6);
}

.td-c\=c6 {
  text-decoration-color: var(--c6);
}

.hover-c\=c6:hover,
[class*="--active"].active-c\=c6,
[class*="--active"] .active-c\=c6,
.dark-mode .dark-mode\:hover-c\=c6:hover,
.hover-link-c\=c6 a:not([class*="hover-c="]):hover,
.hover-link-c\=c6 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c6 a:not([class*="hover-c="]):hover,
.link-hover-c\=c6 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c6:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c6:not([class*=""]),
[class*="--active"].active-c\=c6:hover,
[class*="--active"] .active-c\=c6:hover,
.dark-mode .dark-mode\:link-hover-c\=c6 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c6 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c6);
}

.bg\=c6,
.dark-mode\:bg\=c6,
.form-bg\=c6 .form-field {
  background-color: var(--c6);
}

.hover-bg\=c6:hover,
[class*="--active"].active-bg\=c6,
[class*="--active"] .active-bg\=c6,
[class*="--active"].active-bg\=c6:hover,
[class*="--active"] .active-bg\=c6:hover,
.form-focus-bg\=c6 .form-field:focus,
.form-hover-bg\=c6 .form-field:hover {
  background-color: var(--c6);
}

.bc\=c6,
.dark-mode .dark-mode\:bc\=c6,
.form-bc\=c6 .form-field {
  border-color: var(--c6);
}

.hover-bc\=c6:hover,
.form-focus-bc\=c6 .form-field:focus,
.form-hover-bc\=c6 .form-field:hover {
  border-color: var(--c6);
}

[class*="--active"].active-bc\=c6,
[class*="--active"].active-bc\=c6:hover,
[class*="--active"] .active-bc\=c6,
[class*="--active"] .active-bc\=c6 {
  border-color: var(--c6);
}

.c\=c7,
.after-c\=c7::after,
.before-c\=c7::before,
.dark-mode .dark-mode\:c\=c7,
.link-c\=c7 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c7 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c7 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c7 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c7 .link:not([class*="dark-mode:c="]),
.heading-c\=c7 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c7 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c7 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c7 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c7 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c7 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c7);
}

/* Standard */
.placeholder-c\=c7 ::placeholder {
  color: var(--c7);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c7 ::-webkit-input-placeholder {
  color: var(--c7);
}

/* Firefox */
.placeholder-c\=c7 ::-moz-placeholder {
  color: var(--c7);
}

/* Internet Explorer */
.placeholder-c\=c7 :-ms-input-placeholder {
  color: var(--c7);
}

.td-c\=c7 {
  text-decoration-color: var(--c7);
}

.hover-c\=c7:hover,
[class*="--active"].active-c\=c7,
[class*="--active"] .active-c\=c7,
.dark-mode .dark-mode\:hover-c\=c7:hover,
.hover-link-c\=c7 a:not([class*="hover-c="]):hover,
.hover-link-c\=c7 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c7 a:not([class*="hover-c="]):hover,
.link-hover-c\=c7 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c7:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c7:not([class*=""]),
[class*="--active"].active-c\=c7:hover,
[class*="--active"] .active-c\=c7:hover,
.dark-mode .dark-mode\:link-hover-c\=c7 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c7 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c7);
}

.bg\=c7,
.dark-mode\:bg\=c7,
.form-bg\=c7 .form-field {
  background-color: var(--c7);
}

.hover-bg\=c7:hover,
[class*="--active"].active-bg\=c7,
[class*="--active"] .active-bg\=c7,
[class*="--active"].active-bg\=c7:hover,
[class*="--active"] .active-bg\=c7:hover,
.form-focus-bg\=c7 .form-field:focus,
.form-hover-bg\=c7 .form-field:hover {
  background-color: var(--c7);
}

.bc\=c7,
.dark-mode .dark-mode\:bc\=c7,
.form-bc\=c7 .form-field {
  border-color: var(--c7);
}

.hover-bc\=c7:hover,
.form-focus-bc\=c7 .form-field:focus,
.form-hover-bc\=c7 .form-field:hover {
  border-color: var(--c7);
}

[class*="--active"].active-bc\=c7,
[class*="--active"].active-bc\=c7:hover,
[class*="--active"] .active-bc\=c7,
[class*="--active"] .active-bc\=c7 {
  border-color: var(--c7);
}

.c\=c8,
.after-c\=c8::after,
.before-c\=c8::before,
.dark-mode .dark-mode\:c\=c8,
.link-c\=c8 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c8 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c8 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c8 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c8 .link:not([class*="dark-mode:c="]),
.heading-c\=c8 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c8 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c8 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c8 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c8 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c8 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c8);
}

/* Standard */
.placeholder-c\=c8 ::placeholder {
  color: var(--c8);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c8 ::-webkit-input-placeholder {
  color: var(--c8);
}

/* Firefox */
.placeholder-c\=c8 ::-moz-placeholder {
  color: var(--c8);
}

/* Internet Explorer */
.placeholder-c\=c8 :-ms-input-placeholder {
  color: var(--c8);
}

.td-c\=c8 {
  text-decoration-color: var(--c8);
}

.hover-c\=c8:hover,
[class*="--active"].active-c\=c8,
[class*="--active"] .active-c\=c8,
.dark-mode .dark-mode\:hover-c\=c8:hover,
.hover-link-c\=c8 a:not([class*="hover-c="]):hover,
.hover-link-c\=c8 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c8 a:not([class*="hover-c="]):hover,
.link-hover-c\=c8 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c8:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c8:not([class*=""]),
[class*="--active"].active-c\=c8:hover,
[class*="--active"] .active-c\=c8:hover,
.dark-mode .dark-mode\:link-hover-c\=c8 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c8 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c8);
}

.bg\=c8,
.dark-mode\:bg\=c8,
.form-bg\=c8 .form-field {
  background-color: var(--c8);
}

.hover-bg\=c8:hover,
[class*="--active"].active-bg\=c8,
[class*="--active"] .active-bg\=c8,
[class*="--active"].active-bg\=c8:hover,
[class*="--active"] .active-bg\=c8:hover,
.form-focus-bg\=c8 .form-field:focus,
.form-hover-bg\=c8 .form-field:hover {
  background-color: var(--c8);
}

.bc\=c8,
.dark-mode .dark-mode\:bc\=c8,
.form-bc\=c8 .form-field {
  border-color: var(--c8);
}

.hover-bc\=c8:hover,
.form-focus-bc\=c8 .form-field:focus,
.form-hover-bc\=c8 .form-field:hover {
  border-color: var(--c8);
}

[class*="--active"].active-bc\=c8,
[class*="--active"].active-bc\=c8:hover,
[class*="--active"] .active-bc\=c8,
[class*="--active"] .active-bc\=c8 {
  border-color: var(--c8);
}

.c\=c9,
.after-c\=c9::after,
.before-c\=c9::before,
.dark-mode .dark-mode\:c\=c9,
.link-c\=c9 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c9 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c9 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c9 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c9 .link:not([class*="dark-mode:c="]),
.heading-c\=c9 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c9 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c9 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c9 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c9 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c9 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c9);
}

/* Standard */
.placeholder-c\=c9 ::placeholder {
  color: var(--c9);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c9 ::-webkit-input-placeholder {
  color: var(--c9);
}

/* Firefox */
.placeholder-c\=c9 ::-moz-placeholder {
  color: var(--c9);
}

/* Internet Explorer */
.placeholder-c\=c9 :-ms-input-placeholder {
  color: var(--c9);
}

.td-c\=c9 {
  text-decoration-color: var(--c9);
}

.hover-c\=c9:hover,
[class*="--active"].active-c\=c9,
[class*="--active"] .active-c\=c9,
.dark-mode .dark-mode\:hover-c\=c9:hover,
.hover-link-c\=c9 a:not([class*="hover-c="]):hover,
.hover-link-c\=c9 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c9 a:not([class*="hover-c="]):hover,
.link-hover-c\=c9 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c9:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c9:not([class*=""]),
[class*="--active"].active-c\=c9:hover,
[class*="--active"] .active-c\=c9:hover,
.dark-mode .dark-mode\:link-hover-c\=c9 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c9 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c9);
}

.bg\=c9,
.dark-mode\:bg\=c9,
.form-bg\=c9 .form-field {
  background-color: var(--c9);
}

.hover-bg\=c9:hover,
[class*="--active"].active-bg\=c9,
[class*="--active"] .active-bg\=c9,
[class*="--active"].active-bg\=c9:hover,
[class*="--active"] .active-bg\=c9:hover,
.form-focus-bg\=c9 .form-field:focus,
.form-hover-bg\=c9 .form-field:hover {
  background-color: var(--c9);
}

.bc\=c9,
.dark-mode .dark-mode\:bc\=c9,
.form-bc\=c9 .form-field {
  border-color: var(--c9);
}

.hover-bc\=c9:hover,
.form-focus-bc\=c9 .form-field:focus,
.form-hover-bc\=c9 .form-field:hover {
  border-color: var(--c9);
}

[class*="--active"].active-bc\=c9,
[class*="--active"].active-bc\=c9:hover,
[class*="--active"] .active-bc\=c9,
[class*="--active"] .active-bc\=c9 {
  border-color: var(--c9);
}

.c\=c9b,
.after-c\=c9b::after,
.before-c\=c9b::before,
.dark-mode .dark-mode\:c\=c9b,
.link-c\=c9b a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c9b a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c9b .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c9b a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c9b .link:not([class*="dark-mode:c="]),
.heading-c\=c9b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c9b .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c9b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c9b .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c9b .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c9b .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c9b);
}

/* Standard */
.placeholder-c\=c9b ::placeholder {
  color: var(--c9b);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c9b ::-webkit-input-placeholder {
  color: var(--c9b);
}

/* Firefox */
.placeholder-c\=c9b ::-moz-placeholder {
  color: var(--c9b);
}

/* Internet Explorer */
.placeholder-c\=c9b :-ms-input-placeholder {
  color: var(--c9b);
}

.td-c\=c9b {
  text-decoration-color: var(--c9b);
}

.hover-c\=c9b:hover,
[class*="--active"].active-c\=c9b,
[class*="--active"] .active-c\=c9b,
.dark-mode .dark-mode\:hover-c\=c9b:hover,
.hover-link-c\=c9b a:not([class*="hover-c="]):hover,
.hover-link-c\=c9b .link:not([class*="hover-c="]):hover,
.link-hover-c\=c9b a:not([class*="hover-c="]):hover,
.link-hover-c\=c9b .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c9b:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c9b:not([class*=""]),
[class*="--active"].active-c\=c9b:hover,
[class*="--active"] .active-c\=c9b:hover,
.dark-mode .dark-mode\:link-hover-c\=c9b a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c9b .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c9b);
}

.bg\=c9b,
.dark-mode\:bg\=c9b,
.form-bg\=c9b .form-field {
  background-color: var(--c9b);
}

.hover-bg\=c9b:hover,
[class*="--active"].active-bg\=c9b,
[class*="--active"] .active-bg\=c9b,
[class*="--active"].active-bg\=c9b:hover,
[class*="--active"] .active-bg\=c9b:hover,
.form-focus-bg\=c9b .form-field:focus,
.form-hover-bg\=c9b .form-field:hover {
  background-color: var(--c9b);
}

.bc\=c9b,
.dark-mode .dark-mode\:bc\=c9b,
.form-bc\=c9b .form-field {
  border-color: var(--c9b);
}

.hover-bc\=c9b:hover,
.form-focus-bc\=c9b .form-field:focus,
.form-hover-bc\=c9b .form-field:hover {
  border-color: var(--c9b);
}

[class*="--active"].active-bc\=c9b,
[class*="--active"].active-bc\=c9b:hover,
[class*="--active"] .active-bc\=c9b,
[class*="--active"] .active-bc\=c9b {
  border-color: var(--c9b);
}

.c\=c10,
.after-c\=c10::after,
.before-c\=c10::before,
.dark-mode .dark-mode\:c\=c10,
.link-c\=c10 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c10 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c10 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c10 .link:not([class*="dark-mode:c="]),
.heading-c\=c10 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c10 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c10 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c10 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c10 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c10);
}

/* Standard */
.placeholder-c\=c10 ::placeholder {
  color: var(--c10);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c10 ::-webkit-input-placeholder {
  color: var(--c10);
}

/* Firefox */
.placeholder-c\=c10 ::-moz-placeholder {
  color: var(--c10);
}

/* Internet Explorer */
.placeholder-c\=c10 :-ms-input-placeholder {
  color: var(--c10);
}

.td-c\=c10 {
  text-decoration-color: var(--c10);
}

.hover-c\=c10:hover,
[class*="--active"].active-c\=c10,
[class*="--active"] .active-c\=c10,
.dark-mode .dark-mode\:hover-c\=c10:hover,
.hover-link-c\=c10 a:not([class*="hover-c="]):hover,
.hover-link-c\=c10 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c10 a:not([class*="hover-c="]):hover,
.link-hover-c\=c10 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c10:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c10:not([class*=""]),
[class*="--active"].active-c\=c10:hover,
[class*="--active"] .active-c\=c10:hover,
.dark-mode .dark-mode\:link-hover-c\=c10 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c10 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c10);
}

.bg\=c10,
.dark-mode\:bg\=c10,
.form-bg\=c10 .form-field {
  background-color: var(--c10);
}

.hover-bg\=c10:hover,
[class*="--active"].active-bg\=c10,
[class*="--active"] .active-bg\=c10,
[class*="--active"].active-bg\=c10:hover,
[class*="--active"] .active-bg\=c10:hover,
.form-focus-bg\=c10 .form-field:focus,
.form-hover-bg\=c10 .form-field:hover {
  background-color: var(--c10);
}

.bc\=c10,
.dark-mode .dark-mode\:bc\=c10,
.form-bc\=c10 .form-field {
  border-color: var(--c10);
}

.hover-bc\=c10:hover,
.form-focus-bc\=c10 .form-field:focus,
.form-hover-bc\=c10 .form-field:hover {
  border-color: var(--c10);
}

[class*="--active"].active-bc\=c10,
[class*="--active"].active-bc\=c10:hover,
[class*="--active"] .active-bc\=c10,
[class*="--active"] .active-bc\=c10 {
  border-color: var(--c10);
}

.c\=c11,
.after-c\=c11::after,
.before-c\=c11::before,
.dark-mode .dark-mode\:c\=c11,
.link-c\=c11 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c11 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c11 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c11 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c11 .link:not([class*="dark-mode:c="]),
.heading-c\=c11 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c11 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c11 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c11 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c11 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c11 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c11);
}

/* Standard */
.placeholder-c\=c11 ::placeholder {
  color: var(--c11);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c11 ::-webkit-input-placeholder {
  color: var(--c11);
}

/* Firefox */
.placeholder-c\=c11 ::-moz-placeholder {
  color: var(--c11);
}

/* Internet Explorer */
.placeholder-c\=c11 :-ms-input-placeholder {
  color: var(--c11);
}

.td-c\=c11 {
  text-decoration-color: var(--c11);
}

.hover-c\=c11:hover,
[class*="--active"].active-c\=c11,
[class*="--active"] .active-c\=c11,
.dark-mode .dark-mode\:hover-c\=c11:hover,
.hover-link-c\=c11 a:not([class*="hover-c="]):hover,
.hover-link-c\=c11 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c11 a:not([class*="hover-c="]):hover,
.link-hover-c\=c11 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c11:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c11:not([class*=""]),
[class*="--active"].active-c\=c11:hover,
[class*="--active"] .active-c\=c11:hover,
.dark-mode .dark-mode\:link-hover-c\=c11 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c11 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c11);
}

.bg\=c11,
.dark-mode\:bg\=c11,
.form-bg\=c11 .form-field {
  background-color: var(--c11);
}

.hover-bg\=c11:hover,
[class*="--active"].active-bg\=c11,
[class*="--active"] .active-bg\=c11,
[class*="--active"].active-bg\=c11:hover,
[class*="--active"] .active-bg\=c11:hover,
.form-focus-bg\=c11 .form-field:focus,
.form-hover-bg\=c11 .form-field:hover {
  background-color: var(--c11);
}

.bc\=c11,
.dark-mode .dark-mode\:bc\=c11,
.form-bc\=c11 .form-field {
  border-color: var(--c11);
}

.hover-bc\=c11:hover,
.form-focus-bc\=c11 .form-field:focus,
.form-hover-bc\=c11 .form-field:hover {
  border-color: var(--c11);
}

[class*="--active"].active-bc\=c11,
[class*="--active"].active-bc\=c11:hover,
[class*="--active"] .active-bc\=c11,
[class*="--active"] .active-bc\=c11 {
  border-color: var(--c11);
}

.c\=c12,
.after-c\=c12::after,
.before-c\=c12::before,
.dark-mode .dark-mode\:c\=c12,
.link-c\=c12 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c12 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c12 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c12 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c12 .link:not([class*="dark-mode:c="]),
.heading-c\=c12 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c12 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c12 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c12 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c12 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c12 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c12);
}

/* Standard */
.placeholder-c\=c12 ::placeholder {
  color: var(--c12);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c12 ::-webkit-input-placeholder {
  color: var(--c12);
}

/* Firefox */
.placeholder-c\=c12 ::-moz-placeholder {
  color: var(--c12);
}

/* Internet Explorer */
.placeholder-c\=c12 :-ms-input-placeholder {
  color: var(--c12);
}

.td-c\=c12 {
  text-decoration-color: var(--c12);
}

.hover-c\=c12:hover,
[class*="--active"].active-c\=c12,
[class*="--active"] .active-c\=c12,
.dark-mode .dark-mode\:hover-c\=c12:hover,
.hover-link-c\=c12 a:not([class*="hover-c="]):hover,
.hover-link-c\=c12 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c12 a:not([class*="hover-c="]):hover,
.link-hover-c\=c12 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c12:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c12:not([class*=""]),
[class*="--active"].active-c\=c12:hover,
[class*="--active"] .active-c\=c12:hover,
.dark-mode .dark-mode\:link-hover-c\=c12 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c12 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c12);
}

.bg\=c12,
.dark-mode\:bg\=c12,
.form-bg\=c12 .form-field {
  background-color: var(--c12);
}

.hover-bg\=c12:hover,
[class*="--active"].active-bg\=c12,
[class*="--active"] .active-bg\=c12,
[class*="--active"].active-bg\=c12:hover,
[class*="--active"] .active-bg\=c12:hover,
.form-focus-bg\=c12 .form-field:focus,
.form-hover-bg\=c12 .form-field:hover {
  background-color: var(--c12);
}

.bc\=c12,
.dark-mode .dark-mode\:bc\=c12,
.form-bc\=c12 .form-field {
  border-color: var(--c12);
}

.hover-bc\=c12:hover,
.form-focus-bc\=c12 .form-field:focus,
.form-hover-bc\=c12 .form-field:hover {
  border-color: var(--c12);
}

[class*="--active"].active-bc\=c12,
[class*="--active"].active-bc\=c12:hover,
[class*="--active"] .active-bc\=c12,
[class*="--active"] .active-bc\=c12 {
  border-color: var(--c12);
}

.c\=c13,
.after-c\=c13::after,
.before-c\=c13::before,
.dark-mode .dark-mode\:c\=c13,
.link-c\=c13 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c13 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c13 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c13 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c13 .link:not([class*="dark-mode:c="]),
.heading-c\=c13 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c13 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c13 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c13 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c13 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c13 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c13);
}

/* Standard */
.placeholder-c\=c13 ::placeholder {
  color: var(--c13);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c13 ::-webkit-input-placeholder {
  color: var(--c13);
}

/* Firefox */
.placeholder-c\=c13 ::-moz-placeholder {
  color: var(--c13);
}

/* Internet Explorer */
.placeholder-c\=c13 :-ms-input-placeholder {
  color: var(--c13);
}

.td-c\=c13 {
  text-decoration-color: var(--c13);
}

.hover-c\=c13:hover,
[class*="--active"].active-c\=c13,
[class*="--active"] .active-c\=c13,
.dark-mode .dark-mode\:hover-c\=c13:hover,
.hover-link-c\=c13 a:not([class*="hover-c="]):hover,
.hover-link-c\=c13 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c13 a:not([class*="hover-c="]):hover,
.link-hover-c\=c13 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c13:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c13:not([class*=""]),
[class*="--active"].active-c\=c13:hover,
[class*="--active"] .active-c\=c13:hover,
.dark-mode .dark-mode\:link-hover-c\=c13 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c13 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c13);
}

.bg\=c13,
.dark-mode\:bg\=c13,
.form-bg\=c13 .form-field {
  background-color: var(--c13);
}

.hover-bg\=c13:hover,
[class*="--active"].active-bg\=c13,
[class*="--active"] .active-bg\=c13,
[class*="--active"].active-bg\=c13:hover,
[class*="--active"] .active-bg\=c13:hover,
.form-focus-bg\=c13 .form-field:focus,
.form-hover-bg\=c13 .form-field:hover {
  background-color: var(--c13);
}

.bc\=c13,
.dark-mode .dark-mode\:bc\=c13,
.form-bc\=c13 .form-field {
  border-color: var(--c13);
}

.hover-bc\=c13:hover,
.form-focus-bc\=c13 .form-field:focus,
.form-hover-bc\=c13 .form-field:hover {
  border-color: var(--c13);
}

[class*="--active"].active-bc\=c13,
[class*="--active"].active-bc\=c13:hover,
[class*="--active"] .active-bc\=c13,
[class*="--active"] .active-bc\=c13 {
  border-color: var(--c13);
}

.c\=c14,
.after-c\=c14::after,
.before-c\=c14::before,
.dark-mode .dark-mode\:c\=c14,
.link-c\=c14 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c14 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c14 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c14 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c14 .link:not([class*="dark-mode:c="]),
.heading-c\=c14 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c14 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c14 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c14 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c14 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c14 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c14);
}

/* Standard */
.placeholder-c\=c14 ::placeholder {
  color: var(--c14);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c14 ::-webkit-input-placeholder {
  color: var(--c14);
}

/* Firefox */
.placeholder-c\=c14 ::-moz-placeholder {
  color: var(--c14);
}

/* Internet Explorer */
.placeholder-c\=c14 :-ms-input-placeholder {
  color: var(--c14);
}

.td-c\=c14 {
  text-decoration-color: var(--c14);
}

.hover-c\=c14:hover,
[class*="--active"].active-c\=c14,
[class*="--active"] .active-c\=c14,
.dark-mode .dark-mode\:hover-c\=c14:hover,
.hover-link-c\=c14 a:not([class*="hover-c="]):hover,
.hover-link-c\=c14 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c14 a:not([class*="hover-c="]):hover,
.link-hover-c\=c14 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c14:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c14:not([class*=""]),
[class*="--active"].active-c\=c14:hover,
[class*="--active"] .active-c\=c14:hover,
.dark-mode .dark-mode\:link-hover-c\=c14 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c14 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c14);
}

.bg\=c14,
.dark-mode\:bg\=c14,
.form-bg\=c14 .form-field {
  background-color: var(--c14);
}

.hover-bg\=c14:hover,
[class*="--active"].active-bg\=c14,
[class*="--active"] .active-bg\=c14,
[class*="--active"].active-bg\=c14:hover,
[class*="--active"] .active-bg\=c14:hover,
.form-focus-bg\=c14 .form-field:focus,
.form-hover-bg\=c14 .form-field:hover {
  background-color: var(--c14);
}

.bc\=c14,
.dark-mode .dark-mode\:bc\=c14,
.form-bc\=c14 .form-field {
  border-color: var(--c14);
}

.hover-bc\=c14:hover,
.form-focus-bc\=c14 .form-field:focus,
.form-hover-bc\=c14 .form-field:hover {
  border-color: var(--c14);
}

[class*="--active"].active-bc\=c14,
[class*="--active"].active-bc\=c14:hover,
[class*="--active"] .active-bc\=c14,
[class*="--active"] .active-bc\=c14 {
  border-color: var(--c14);
}

.c\=c15,
.after-c\=c15::after,
.before-c\=c15::before,
.dark-mode .dark-mode\:c\=c15,
.link-c\=c15 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c15 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c15 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c15 .link:not([class*="dark-mode:c="]),
.heading-c\=c15 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c15 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c15 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c15 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c15 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c15);
}

/* Standard */
.placeholder-c\=c15 ::placeholder {
  color: var(--c15);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c15 ::-webkit-input-placeholder {
  color: var(--c15);
}

/* Firefox */
.placeholder-c\=c15 ::-moz-placeholder {
  color: var(--c15);
}

/* Internet Explorer */
.placeholder-c\=c15 :-ms-input-placeholder {
  color: var(--c15);
}

.td-c\=c15 {
  text-decoration-color: var(--c15);
}

.hover-c\=c15:hover,
[class*="--active"].active-c\=c15,
[class*="--active"] .active-c\=c15,
.dark-mode .dark-mode\:hover-c\=c15:hover,
.hover-link-c\=c15 a:not([class*="hover-c="]):hover,
.hover-link-c\=c15 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c15 a:not([class*="hover-c="]):hover,
.link-hover-c\=c15 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c15:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c15:not([class*=""]),
[class*="--active"].active-c\=c15:hover,
[class*="--active"] .active-c\=c15:hover,
.dark-mode .dark-mode\:link-hover-c\=c15 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c15 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c15);
}

.bg\=c15,
.dark-mode\:bg\=c15,
.form-bg\=c15 .form-field {
  background-color: var(--c15);
}

.hover-bg\=c15:hover,
[class*="--active"].active-bg\=c15,
[class*="--active"] .active-bg\=c15,
[class*="--active"].active-bg\=c15:hover,
[class*="--active"] .active-bg\=c15:hover,
.form-focus-bg\=c15 .form-field:focus,
.form-hover-bg\=c15 .form-field:hover {
  background-color: var(--c15);
}

.bc\=c15,
.dark-mode .dark-mode\:bc\=c15,
.form-bc\=c15 .form-field {
  border-color: var(--c15);
}

.hover-bc\=c15:hover,
.form-focus-bc\=c15 .form-field:focus,
.form-hover-bc\=c15 .form-field:hover {
  border-color: var(--c15);
}

[class*="--active"].active-bc\=c15,
[class*="--active"].active-bc\=c15:hover,
[class*="--active"] .active-bc\=c15,
[class*="--active"] .active-bc\=c15 {
  border-color: var(--c15);
}

.c\=c16,
.after-c\=c16::after,
.before-c\=c16::before,
.dark-mode .dark-mode\:c\=c16,
.link-c\=c16 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=c16 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=c16 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=c16 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=c16 .link:not([class*="dark-mode:c="]),
.heading-c\=c16 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c16 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=c16 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=c16 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=c16 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=c16 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--c16);
}

/* Standard */
.placeholder-c\=c16 ::placeholder {
  color: var(--c16);
}

/* Chrome, Safari, Edge */
.placeholder-c\=c16 ::-webkit-input-placeholder {
  color: var(--c16);
}

/* Firefox */
.placeholder-c\=c16 ::-moz-placeholder {
  color: var(--c16);
}

/* Internet Explorer */
.placeholder-c\=c16 :-ms-input-placeholder {
  color: var(--c16);
}

.td-c\=c16 {
  text-decoration-color: var(--c16);
}

.hover-c\=c16:hover,
[class*="--active"].active-c\=c16,
[class*="--active"] .active-c\=c16,
.dark-mode .dark-mode\:hover-c\=c16:hover,
.hover-link-c\=c16 a:not([class*="hover-c="]):hover,
.hover-link-c\=c16 .link:not([class*="hover-c="]):hover,
.link-hover-c\=c16 a:not([class*="hover-c="]):hover,
.link-hover-c\=c16 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=c16:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=c16:not([class*=""]),
[class*="--active"].active-c\=c16:hover,
[class*="--active"] .active-c\=c16:hover,
.dark-mode .dark-mode\:link-hover-c\=c16 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=c16 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--c16);
}

.bg\=c16,
.dark-mode\:bg\=c16,
.form-bg\=c16 .form-field {
  background-color: var(--c16);
}

.hover-bg\=c16:hover,
[class*="--active"].active-bg\=c16,
[class*="--active"] .active-bg\=c16,
[class*="--active"].active-bg\=c16:hover,
[class*="--active"] .active-bg\=c16:hover,
.form-focus-bg\=c16 .form-field:focus,
.form-hover-bg\=c16 .form-field:hover {
  background-color: var(--c16);
}

.bc\=c16,
.dark-mode .dark-mode\:bc\=c16,
.form-bc\=c16 .form-field {
  border-color: var(--c16);
}

.hover-bc\=c16:hover,
.form-focus-bc\=c16 .form-field:focus,
.form-hover-bc\=c16 .form-field:hover {
  border-color: var(--c16);
}

[class*="--active"].active-bc\=c16,
[class*="--active"].active-bc\=c16:hover,
[class*="--active"] .active-bc\=c16,
[class*="--active"] .active-bc\=c16 {
  border-color: var(--c16);
}

.c\=light1,
.after-c\=light1::after,
.before-c\=light1::before,
.dark-mode .dark-mode\:c\=light1,
.link-c\=light1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light1 .link:not([class*="dark-mode:c="]),
.heading-c\=light1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light1);
}

/* Standard */
.placeholder-c\=light1 ::placeholder {
  color: var(--light1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light1 ::-webkit-input-placeholder {
  color: var(--light1);
}

/* Firefox */
.placeholder-c\=light1 ::-moz-placeholder {
  color: var(--light1);
}

/* Internet Explorer */
.placeholder-c\=light1 :-ms-input-placeholder {
  color: var(--light1);
}

.td-c\=light1 {
  text-decoration-color: var(--light1);
}

.hover-c\=light1:hover,
[class*="--active"].active-c\=light1,
[class*="--active"] .active-c\=light1,
.dark-mode .dark-mode\:hover-c\=light1:hover,
.hover-link-c\=light1 a:not([class*="hover-c="]):hover,
.hover-link-c\=light1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light1 a:not([class*="hover-c="]):hover,
.link-hover-c\=light1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light1:not([class*=""]),
[class*="--active"].active-c\=light1:hover,
[class*="--active"] .active-c\=light1:hover,
.dark-mode .dark-mode\:link-hover-c\=light1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light1);
}

.bg\=light1,
.dark-mode\:bg\=light1,
.form-bg\=light1 .form-field {
  background-color: var(--light1);
}

.hover-bg\=light1:hover,
[class*="--active"].active-bg\=light1,
[class*="--active"] .active-bg\=light1,
[class*="--active"].active-bg\=light1:hover,
[class*="--active"] .active-bg\=light1:hover,
.form-focus-bg\=light1 .form-field:focus,
.form-hover-bg\=light1 .form-field:hover {
  background-color: var(--light1);
}

.bc\=light1,
.dark-mode .dark-mode\:bc\=light1,
.form-bc\=light1 .form-field {
  border-color: var(--light1);
}

.hover-bc\=light1:hover,
.form-focus-bc\=light1 .form-field:focus,
.form-hover-bc\=light1 .form-field:hover {
  border-color: var(--light1);
}

[class*="--active"].active-bc\=light1,
[class*="--active"].active-bc\=light1:hover,
[class*="--active"] .active-bc\=light1,
[class*="--active"] .active-bc\=light1 {
  border-color: var(--light1);
}

.c\=light2,
.after-c\=light2::after,
.before-c\=light2::before,
.dark-mode .dark-mode\:c\=light2,
.link-c\=light2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light2 .link:not([class*="dark-mode:c="]),
.heading-c\=light2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light2);
}

/* Standard */
.placeholder-c\=light2 ::placeholder {
  color: var(--light2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light2 ::-webkit-input-placeholder {
  color: var(--light2);
}

/* Firefox */
.placeholder-c\=light2 ::-moz-placeholder {
  color: var(--light2);
}

/* Internet Explorer */
.placeholder-c\=light2 :-ms-input-placeholder {
  color: var(--light2);
}

.td-c\=light2 {
  text-decoration-color: var(--light2);
}

.hover-c\=light2:hover,
[class*="--active"].active-c\=light2,
[class*="--active"] .active-c\=light2,
.dark-mode .dark-mode\:hover-c\=light2:hover,
.hover-link-c\=light2 a:not([class*="hover-c="]):hover,
.hover-link-c\=light2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light2 a:not([class*="hover-c="]):hover,
.link-hover-c\=light2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light2:not([class*=""]),
[class*="--active"].active-c\=light2:hover,
[class*="--active"] .active-c\=light2:hover,
.dark-mode .dark-mode\:link-hover-c\=light2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light2);
}

.bg\=light2,
.dark-mode\:bg\=light2,
.form-bg\=light2 .form-field {
  background-color: var(--light2);
}

.hover-bg\=light2:hover,
[class*="--active"].active-bg\=light2,
[class*="--active"] .active-bg\=light2,
[class*="--active"].active-bg\=light2:hover,
[class*="--active"] .active-bg\=light2:hover,
.form-focus-bg\=light2 .form-field:focus,
.form-hover-bg\=light2 .form-field:hover {
  background-color: var(--light2);
}

.bc\=light2,
.dark-mode .dark-mode\:bc\=light2,
.form-bc\=light2 .form-field {
  border-color: var(--light2);
}

.hover-bc\=light2:hover,
.form-focus-bc\=light2 .form-field:focus,
.form-hover-bc\=light2 .form-field:hover {
  border-color: var(--light2);
}

[class*="--active"].active-bc\=light2,
[class*="--active"].active-bc\=light2:hover,
[class*="--active"] .active-bc\=light2,
[class*="--active"] .active-bc\=light2 {
  border-color: var(--light2);
}

.c\=light3,
.after-c\=light3::after,
.before-c\=light3::before,
.dark-mode .dark-mode\:c\=light3,
.link-c\=light3 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light3 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light3 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light3 .link:not([class*="dark-mode:c="]),
.heading-c\=light3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light3 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light3);
}

/* Standard */
.placeholder-c\=light3 ::placeholder {
  color: var(--light3);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light3 ::-webkit-input-placeholder {
  color: var(--light3);
}

/* Firefox */
.placeholder-c\=light3 ::-moz-placeholder {
  color: var(--light3);
}

/* Internet Explorer */
.placeholder-c\=light3 :-ms-input-placeholder {
  color: var(--light3);
}

.td-c\=light3 {
  text-decoration-color: var(--light3);
}

.hover-c\=light3:hover,
[class*="--active"].active-c\=light3,
[class*="--active"] .active-c\=light3,
.dark-mode .dark-mode\:hover-c\=light3:hover,
.hover-link-c\=light3 a:not([class*="hover-c="]):hover,
.hover-link-c\=light3 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light3 a:not([class*="hover-c="]):hover,
.link-hover-c\=light3 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light3:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light3:not([class*=""]),
[class*="--active"].active-c\=light3:hover,
[class*="--active"] .active-c\=light3:hover,
.dark-mode .dark-mode\:link-hover-c\=light3 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light3 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light3);
}

.bg\=light3,
.dark-mode\:bg\=light3,
.form-bg\=light3 .form-field {
  background-color: var(--light3);
}

.hover-bg\=light3:hover,
[class*="--active"].active-bg\=light3,
[class*="--active"] .active-bg\=light3,
[class*="--active"].active-bg\=light3:hover,
[class*="--active"] .active-bg\=light3:hover,
.form-focus-bg\=light3 .form-field:focus,
.form-hover-bg\=light3 .form-field:hover {
  background-color: var(--light3);
}

.bc\=light3,
.dark-mode .dark-mode\:bc\=light3,
.form-bc\=light3 .form-field {
  border-color: var(--light3);
}

.hover-bc\=light3:hover,
.form-focus-bc\=light3 .form-field:focus,
.form-hover-bc\=light3 .form-field:hover {
  border-color: var(--light3);
}

[class*="--active"].active-bc\=light3,
[class*="--active"].active-bc\=light3:hover,
[class*="--active"] .active-bc\=light3,
[class*="--active"] .active-bc\=light3 {
  border-color: var(--light3);
}

.c\=light4,
.after-c\=light4::after,
.before-c\=light4::before,
.dark-mode .dark-mode\:c\=light4,
.link-c\=light4 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light4 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light4 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light4 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light4 .link:not([class*="dark-mode:c="]),
.heading-c\=light4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light4 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light4 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light4);
}

/* Standard */
.placeholder-c\=light4 ::placeholder {
  color: var(--light4);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light4 ::-webkit-input-placeholder {
  color: var(--light4);
}

/* Firefox */
.placeholder-c\=light4 ::-moz-placeholder {
  color: var(--light4);
}

/* Internet Explorer */
.placeholder-c\=light4 :-ms-input-placeholder {
  color: var(--light4);
}

.td-c\=light4 {
  text-decoration-color: var(--light4);
}

.hover-c\=light4:hover,
[class*="--active"].active-c\=light4,
[class*="--active"] .active-c\=light4,
.dark-mode .dark-mode\:hover-c\=light4:hover,
.hover-link-c\=light4 a:not([class*="hover-c="]):hover,
.hover-link-c\=light4 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light4 a:not([class*="hover-c="]):hover,
.link-hover-c\=light4 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light4:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light4:not([class*=""]),
[class*="--active"].active-c\=light4:hover,
[class*="--active"] .active-c\=light4:hover,
.dark-mode .dark-mode\:link-hover-c\=light4 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light4 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light4);
}

.bg\=light4,
.dark-mode\:bg\=light4,
.form-bg\=light4 .form-field {
  background-color: var(--light4);
}

.hover-bg\=light4:hover,
[class*="--active"].active-bg\=light4,
[class*="--active"] .active-bg\=light4,
[class*="--active"].active-bg\=light4:hover,
[class*="--active"] .active-bg\=light4:hover,
.form-focus-bg\=light4 .form-field:focus,
.form-hover-bg\=light4 .form-field:hover {
  background-color: var(--light4);
}

.bc\=light4,
.dark-mode .dark-mode\:bc\=light4,
.form-bc\=light4 .form-field {
  border-color: var(--light4);
}

.hover-bc\=light4:hover,
.form-focus-bc\=light4 .form-field:focus,
.form-hover-bc\=light4 .form-field:hover {
  border-color: var(--light4);
}

[class*="--active"].active-bc\=light4,
[class*="--active"].active-bc\=light4:hover,
[class*="--active"] .active-bc\=light4,
[class*="--active"] .active-bc\=light4 {
  border-color: var(--light4);
}

.c\=light5,
.after-c\=light5::after,
.before-c\=light5::before,
.dark-mode .dark-mode\:c\=light5,
.link-c\=light5 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light5 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light5 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light5 .link:not([class*="dark-mode:c="]),
.heading-c\=light5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light5 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light5);
}

/* Standard */
.placeholder-c\=light5 ::placeholder {
  color: var(--light5);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light5 ::-webkit-input-placeholder {
  color: var(--light5);
}

/* Firefox */
.placeholder-c\=light5 ::-moz-placeholder {
  color: var(--light5);
}

/* Internet Explorer */
.placeholder-c\=light5 :-ms-input-placeholder {
  color: var(--light5);
}

.td-c\=light5 {
  text-decoration-color: var(--light5);
}

.hover-c\=light5:hover,
[class*="--active"].active-c\=light5,
[class*="--active"] .active-c\=light5,
.dark-mode .dark-mode\:hover-c\=light5:hover,
.hover-link-c\=light5 a:not([class*="hover-c="]):hover,
.hover-link-c\=light5 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light5 a:not([class*="hover-c="]):hover,
.link-hover-c\=light5 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light5:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light5:not([class*=""]),
[class*="--active"].active-c\=light5:hover,
[class*="--active"] .active-c\=light5:hover,
.dark-mode .dark-mode\:link-hover-c\=light5 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light5 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light5);
}

.bg\=light5,
.dark-mode\:bg\=light5,
.form-bg\=light5 .form-field {
  background-color: var(--light5);
}

.hover-bg\=light5:hover,
[class*="--active"].active-bg\=light5,
[class*="--active"] .active-bg\=light5,
[class*="--active"].active-bg\=light5:hover,
[class*="--active"] .active-bg\=light5:hover,
.form-focus-bg\=light5 .form-field:focus,
.form-hover-bg\=light5 .form-field:hover {
  background-color: var(--light5);
}

.bc\=light5,
.dark-mode .dark-mode\:bc\=light5,
.form-bc\=light5 .form-field {
  border-color: var(--light5);
}

.hover-bc\=light5:hover,
.form-focus-bc\=light5 .form-field:focus,
.form-hover-bc\=light5 .form-field:hover {
  border-color: var(--light5);
}

[class*="--active"].active-bc\=light5,
[class*="--active"].active-bc\=light5:hover,
[class*="--active"] .active-bc\=light5,
[class*="--active"] .active-bc\=light5 {
  border-color: var(--light5);
}

.c\=light6,
.after-c\=light6::after,
.before-c\=light6::before,
.dark-mode .dark-mode\:c\=light6,
.link-c\=light6 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light6 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light6 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light6 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light6 .link:not([class*="dark-mode:c="]),
.heading-c\=light6 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light6 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light6 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light6 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light6 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light6 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light6);
}

/* Standard */
.placeholder-c\=light6 ::placeholder {
  color: var(--light6);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light6 ::-webkit-input-placeholder {
  color: var(--light6);
}

/* Firefox */
.placeholder-c\=light6 ::-moz-placeholder {
  color: var(--light6);
}

/* Internet Explorer */
.placeholder-c\=light6 :-ms-input-placeholder {
  color: var(--light6);
}

.td-c\=light6 {
  text-decoration-color: var(--light6);
}

.hover-c\=light6:hover,
[class*="--active"].active-c\=light6,
[class*="--active"] .active-c\=light6,
.dark-mode .dark-mode\:hover-c\=light6:hover,
.hover-link-c\=light6 a:not([class*="hover-c="]):hover,
.hover-link-c\=light6 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light6 a:not([class*="hover-c="]):hover,
.link-hover-c\=light6 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light6:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light6:not([class*=""]),
[class*="--active"].active-c\=light6:hover,
[class*="--active"] .active-c\=light6:hover,
.dark-mode .dark-mode\:link-hover-c\=light6 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light6 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light6);
}

.bg\=light6,
.dark-mode\:bg\=light6,
.form-bg\=light6 .form-field {
  background-color: var(--light6);
}

.hover-bg\=light6:hover,
[class*="--active"].active-bg\=light6,
[class*="--active"] .active-bg\=light6,
[class*="--active"].active-bg\=light6:hover,
[class*="--active"] .active-bg\=light6:hover,
.form-focus-bg\=light6 .form-field:focus,
.form-hover-bg\=light6 .form-field:hover {
  background-color: var(--light6);
}

.bc\=light6,
.dark-mode .dark-mode\:bc\=light6,
.form-bc\=light6 .form-field {
  border-color: var(--light6);
}

.hover-bc\=light6:hover,
.form-focus-bc\=light6 .form-field:focus,
.form-hover-bc\=light6 .form-field:hover {
  border-color: var(--light6);
}

[class*="--active"].active-bc\=light6,
[class*="--active"].active-bc\=light6:hover,
[class*="--active"] .active-bc\=light6,
[class*="--active"] .active-bc\=light6 {
  border-color: var(--light6);
}

.c\=light7,
.after-c\=light7::after,
.before-c\=light7::before,
.dark-mode .dark-mode\:c\=light7,
.link-c\=light7 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light7 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light7 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light7 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light7 .link:not([class*="dark-mode:c="]),
.heading-c\=light7 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light7 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light7 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light7 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light7 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light7 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light7);
}

/* Standard */
.placeholder-c\=light7 ::placeholder {
  color: var(--light7);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light7 ::-webkit-input-placeholder {
  color: var(--light7);
}

/* Firefox */
.placeholder-c\=light7 ::-moz-placeholder {
  color: var(--light7);
}

/* Internet Explorer */
.placeholder-c\=light7 :-ms-input-placeholder {
  color: var(--light7);
}

.td-c\=light7 {
  text-decoration-color: var(--light7);
}

.hover-c\=light7:hover,
[class*="--active"].active-c\=light7,
[class*="--active"] .active-c\=light7,
.dark-mode .dark-mode\:hover-c\=light7:hover,
.hover-link-c\=light7 a:not([class*="hover-c="]):hover,
.hover-link-c\=light7 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light7 a:not([class*="hover-c="]):hover,
.link-hover-c\=light7 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light7:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light7:not([class*=""]),
[class*="--active"].active-c\=light7:hover,
[class*="--active"] .active-c\=light7:hover,
.dark-mode .dark-mode\:link-hover-c\=light7 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light7 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light7);
}

.bg\=light7,
.dark-mode\:bg\=light7,
.form-bg\=light7 .form-field {
  background-color: var(--light7);
}

.hover-bg\=light7:hover,
[class*="--active"].active-bg\=light7,
[class*="--active"] .active-bg\=light7,
[class*="--active"].active-bg\=light7:hover,
[class*="--active"] .active-bg\=light7:hover,
.form-focus-bg\=light7 .form-field:focus,
.form-hover-bg\=light7 .form-field:hover {
  background-color: var(--light7);
}

.bc\=light7,
.dark-mode .dark-mode\:bc\=light7,
.form-bc\=light7 .form-field {
  border-color: var(--light7);
}

.hover-bc\=light7:hover,
.form-focus-bc\=light7 .form-field:focus,
.form-hover-bc\=light7 .form-field:hover {
  border-color: var(--light7);
}

[class*="--active"].active-bc\=light7,
[class*="--active"].active-bc\=light7:hover,
[class*="--active"] .active-bc\=light7,
[class*="--active"] .active-bc\=light7 {
  border-color: var(--light7);
}

.c\=light8,
.after-c\=light8::after,
.before-c\=light8::before,
.dark-mode .dark-mode\:c\=light8,
.link-c\=light8 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light8 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light8 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light8 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light8 .link:not([class*="dark-mode:c="]),
.heading-c\=light8 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light8 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light8 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light8 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light8 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light8 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light8);
}

/* Standard */
.placeholder-c\=light8 ::placeholder {
  color: var(--light8);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light8 ::-webkit-input-placeholder {
  color: var(--light8);
}

/* Firefox */
.placeholder-c\=light8 ::-moz-placeholder {
  color: var(--light8);
}

/* Internet Explorer */
.placeholder-c\=light8 :-ms-input-placeholder {
  color: var(--light8);
}

.td-c\=light8 {
  text-decoration-color: var(--light8);
}

.hover-c\=light8:hover,
[class*="--active"].active-c\=light8,
[class*="--active"] .active-c\=light8,
.dark-mode .dark-mode\:hover-c\=light8:hover,
.hover-link-c\=light8 a:not([class*="hover-c="]):hover,
.hover-link-c\=light8 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light8 a:not([class*="hover-c="]):hover,
.link-hover-c\=light8 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light8:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light8:not([class*=""]),
[class*="--active"].active-c\=light8:hover,
[class*="--active"] .active-c\=light8:hover,
.dark-mode .dark-mode\:link-hover-c\=light8 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light8 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light8);
}

.bg\=light8,
.dark-mode\:bg\=light8,
.form-bg\=light8 .form-field {
  background-color: var(--light8);
}

.hover-bg\=light8:hover,
[class*="--active"].active-bg\=light8,
[class*="--active"] .active-bg\=light8,
[class*="--active"].active-bg\=light8:hover,
[class*="--active"] .active-bg\=light8:hover,
.form-focus-bg\=light8 .form-field:focus,
.form-hover-bg\=light8 .form-field:hover {
  background-color: var(--light8);
}

.bc\=light8,
.dark-mode .dark-mode\:bc\=light8,
.form-bc\=light8 .form-field {
  border-color: var(--light8);
}

.hover-bc\=light8:hover,
.form-focus-bc\=light8 .form-field:focus,
.form-hover-bc\=light8 .form-field:hover {
  border-color: var(--light8);
}

[class*="--active"].active-bc\=light8,
[class*="--active"].active-bc\=light8:hover,
[class*="--active"] .active-bc\=light8,
[class*="--active"] .active-bc\=light8 {
  border-color: var(--light8);
}

.c\=light9,
.after-c\=light9::after,
.before-c\=light9::before,
.dark-mode .dark-mode\:c\=light9,
.link-c\=light9 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light9 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light9 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light9 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light9 .link:not([class*="dark-mode:c="]),
.heading-c\=light9 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light9 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light9 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light9 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light9 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light9 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light9);
}

/* Standard */
.placeholder-c\=light9 ::placeholder {
  color: var(--light9);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light9 ::-webkit-input-placeholder {
  color: var(--light9);
}

/* Firefox */
.placeholder-c\=light9 ::-moz-placeholder {
  color: var(--light9);
}

/* Internet Explorer */
.placeholder-c\=light9 :-ms-input-placeholder {
  color: var(--light9);
}

.td-c\=light9 {
  text-decoration-color: var(--light9);
}

.hover-c\=light9:hover,
[class*="--active"].active-c\=light9,
[class*="--active"] .active-c\=light9,
.dark-mode .dark-mode\:hover-c\=light9:hover,
.hover-link-c\=light9 a:not([class*="hover-c="]):hover,
.hover-link-c\=light9 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light9 a:not([class*="hover-c="]):hover,
.link-hover-c\=light9 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light9:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light9:not([class*=""]),
[class*="--active"].active-c\=light9:hover,
[class*="--active"] .active-c\=light9:hover,
.dark-mode .dark-mode\:link-hover-c\=light9 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light9 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light9);
}

.bg\=light9,
.dark-mode\:bg\=light9,
.form-bg\=light9 .form-field {
  background-color: var(--light9);
}

.hover-bg\=light9:hover,
[class*="--active"].active-bg\=light9,
[class*="--active"] .active-bg\=light9,
[class*="--active"].active-bg\=light9:hover,
[class*="--active"] .active-bg\=light9:hover,
.form-focus-bg\=light9 .form-field:focus,
.form-hover-bg\=light9 .form-field:hover {
  background-color: var(--light9);
}

.bc\=light9,
.dark-mode .dark-mode\:bc\=light9,
.form-bc\=light9 .form-field {
  border-color: var(--light9);
}

.hover-bc\=light9:hover,
.form-focus-bc\=light9 .form-field:focus,
.form-hover-bc\=light9 .form-field:hover {
  border-color: var(--light9);
}

[class*="--active"].active-bc\=light9,
[class*="--active"].active-bc\=light9:hover,
[class*="--active"] .active-bc\=light9,
[class*="--active"] .active-bc\=light9 {
  border-color: var(--light9);
}

.c\=light10,
.after-c\=light10::after,
.before-c\=light10::before,
.dark-mode .dark-mode\:c\=light10,
.link-c\=light10 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light10 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light10 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light10 .link:not([class*="dark-mode:c="]),
.heading-c\=light10 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light10 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light10 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light10 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light10 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light10);
}

/* Standard */
.placeholder-c\=light10 ::placeholder {
  color: var(--light10);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light10 ::-webkit-input-placeholder {
  color: var(--light10);
}

/* Firefox */
.placeholder-c\=light10 ::-moz-placeholder {
  color: var(--light10);
}

/* Internet Explorer */
.placeholder-c\=light10 :-ms-input-placeholder {
  color: var(--light10);
}

.td-c\=light10 {
  text-decoration-color: var(--light10);
}

.hover-c\=light10:hover,
[class*="--active"].active-c\=light10,
[class*="--active"] .active-c\=light10,
.dark-mode .dark-mode\:hover-c\=light10:hover,
.hover-link-c\=light10 a:not([class*="hover-c="]):hover,
.hover-link-c\=light10 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light10 a:not([class*="hover-c="]):hover,
.link-hover-c\=light10 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light10:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light10:not([class*=""]),
[class*="--active"].active-c\=light10:hover,
[class*="--active"] .active-c\=light10:hover,
.dark-mode .dark-mode\:link-hover-c\=light10 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light10 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light10);
}

.bg\=light10,
.dark-mode\:bg\=light10,
.form-bg\=light10 .form-field {
  background-color: var(--light10);
}

.hover-bg\=light10:hover,
[class*="--active"].active-bg\=light10,
[class*="--active"] .active-bg\=light10,
[class*="--active"].active-bg\=light10:hover,
[class*="--active"] .active-bg\=light10:hover,
.form-focus-bg\=light10 .form-field:focus,
.form-hover-bg\=light10 .form-field:hover {
  background-color: var(--light10);
}

.bc\=light10,
.dark-mode .dark-mode\:bc\=light10,
.form-bc\=light10 .form-field {
  border-color: var(--light10);
}

.hover-bc\=light10:hover,
.form-focus-bc\=light10 .form-field:focus,
.form-hover-bc\=light10 .form-field:hover {
  border-color: var(--light10);
}

[class*="--active"].active-bc\=light10,
[class*="--active"].active-bc\=light10:hover,
[class*="--active"] .active-bc\=light10,
[class*="--active"] .active-bc\=light10 {
  border-color: var(--light10);
}

.c\=light11,
.after-c\=light11::after,
.before-c\=light11::before,
.dark-mode .dark-mode\:c\=light11,
.link-c\=light11 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light11 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light11 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light11 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light11 .link:not([class*="dark-mode:c="]),
.heading-c\=light11 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light11 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light11 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light11 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light11 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light11 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light11);
}

/* Standard */
.placeholder-c\=light11 ::placeholder {
  color: var(--light11);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light11 ::-webkit-input-placeholder {
  color: var(--light11);
}

/* Firefox */
.placeholder-c\=light11 ::-moz-placeholder {
  color: var(--light11);
}

/* Internet Explorer */
.placeholder-c\=light11 :-ms-input-placeholder {
  color: var(--light11);
}

.td-c\=light11 {
  text-decoration-color: var(--light11);
}

.hover-c\=light11:hover,
[class*="--active"].active-c\=light11,
[class*="--active"] .active-c\=light11,
.dark-mode .dark-mode\:hover-c\=light11:hover,
.hover-link-c\=light11 a:not([class*="hover-c="]):hover,
.hover-link-c\=light11 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light11 a:not([class*="hover-c="]):hover,
.link-hover-c\=light11 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light11:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light11:not([class*=""]),
[class*="--active"].active-c\=light11:hover,
[class*="--active"] .active-c\=light11:hover,
.dark-mode .dark-mode\:link-hover-c\=light11 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light11 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light11);
}

.bg\=light11,
.dark-mode\:bg\=light11,
.form-bg\=light11 .form-field {
  background-color: var(--light11);
}

.hover-bg\=light11:hover,
[class*="--active"].active-bg\=light11,
[class*="--active"] .active-bg\=light11,
[class*="--active"].active-bg\=light11:hover,
[class*="--active"] .active-bg\=light11:hover,
.form-focus-bg\=light11 .form-field:focus,
.form-hover-bg\=light11 .form-field:hover {
  background-color: var(--light11);
}

.bc\=light11,
.dark-mode .dark-mode\:bc\=light11,
.form-bc\=light11 .form-field {
  border-color: var(--light11);
}

.hover-bc\=light11:hover,
.form-focus-bc\=light11 .form-field:focus,
.form-hover-bc\=light11 .form-field:hover {
  border-color: var(--light11);
}

[class*="--active"].active-bc\=light11,
[class*="--active"].active-bc\=light11:hover,
[class*="--active"] .active-bc\=light11,
[class*="--active"] .active-bc\=light11 {
  border-color: var(--light11);
}

.c\=light12,
.after-c\=light12::after,
.before-c\=light12::before,
.dark-mode .dark-mode\:c\=light12,
.link-c\=light12 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light12 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light12 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light12 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light12 .link:not([class*="dark-mode:c="]),
.heading-c\=light12 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light12 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light12 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light12 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light12 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light12 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light12);
}

/* Standard */
.placeholder-c\=light12 ::placeholder {
  color: var(--light12);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light12 ::-webkit-input-placeholder {
  color: var(--light12);
}

/* Firefox */
.placeholder-c\=light12 ::-moz-placeholder {
  color: var(--light12);
}

/* Internet Explorer */
.placeholder-c\=light12 :-ms-input-placeholder {
  color: var(--light12);
}

.td-c\=light12 {
  text-decoration-color: var(--light12);
}

.hover-c\=light12:hover,
[class*="--active"].active-c\=light12,
[class*="--active"] .active-c\=light12,
.dark-mode .dark-mode\:hover-c\=light12:hover,
.hover-link-c\=light12 a:not([class*="hover-c="]):hover,
.hover-link-c\=light12 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light12 a:not([class*="hover-c="]):hover,
.link-hover-c\=light12 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light12:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light12:not([class*=""]),
[class*="--active"].active-c\=light12:hover,
[class*="--active"] .active-c\=light12:hover,
.dark-mode .dark-mode\:link-hover-c\=light12 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light12 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light12);
}

.bg\=light12,
.dark-mode\:bg\=light12,
.form-bg\=light12 .form-field {
  background-color: var(--light12);
}

.hover-bg\=light12:hover,
[class*="--active"].active-bg\=light12,
[class*="--active"] .active-bg\=light12,
[class*="--active"].active-bg\=light12:hover,
[class*="--active"] .active-bg\=light12:hover,
.form-focus-bg\=light12 .form-field:focus,
.form-hover-bg\=light12 .form-field:hover {
  background-color: var(--light12);
}

.bc\=light12,
.dark-mode .dark-mode\:bc\=light12,
.form-bc\=light12 .form-field {
  border-color: var(--light12);
}

.hover-bc\=light12:hover,
.form-focus-bc\=light12 .form-field:focus,
.form-hover-bc\=light12 .form-field:hover {
  border-color: var(--light12);
}

[class*="--active"].active-bc\=light12,
[class*="--active"].active-bc\=light12:hover,
[class*="--active"] .active-bc\=light12,
[class*="--active"] .active-bc\=light12 {
  border-color: var(--light12);
}

.c\=light13,
.after-c\=light13::after,
.before-c\=light13::before,
.dark-mode .dark-mode\:c\=light13,
.link-c\=light13 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light13 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light13 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light13 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light13 .link:not([class*="dark-mode:c="]),
.heading-c\=light13 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light13 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light13 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light13 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light13 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light13 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light13);
}

/* Standard */
.placeholder-c\=light13 ::placeholder {
  color: var(--light13);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light13 ::-webkit-input-placeholder {
  color: var(--light13);
}

/* Firefox */
.placeholder-c\=light13 ::-moz-placeholder {
  color: var(--light13);
}

/* Internet Explorer */
.placeholder-c\=light13 :-ms-input-placeholder {
  color: var(--light13);
}

.td-c\=light13 {
  text-decoration-color: var(--light13);
}

.hover-c\=light13:hover,
[class*="--active"].active-c\=light13,
[class*="--active"] .active-c\=light13,
.dark-mode .dark-mode\:hover-c\=light13:hover,
.hover-link-c\=light13 a:not([class*="hover-c="]):hover,
.hover-link-c\=light13 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light13 a:not([class*="hover-c="]):hover,
.link-hover-c\=light13 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light13:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light13:not([class*=""]),
[class*="--active"].active-c\=light13:hover,
[class*="--active"] .active-c\=light13:hover,
.dark-mode .dark-mode\:link-hover-c\=light13 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light13 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light13);
}

.bg\=light13,
.dark-mode\:bg\=light13,
.form-bg\=light13 .form-field {
  background-color: var(--light13);
}

.hover-bg\=light13:hover,
[class*="--active"].active-bg\=light13,
[class*="--active"] .active-bg\=light13,
[class*="--active"].active-bg\=light13:hover,
[class*="--active"] .active-bg\=light13:hover,
.form-focus-bg\=light13 .form-field:focus,
.form-hover-bg\=light13 .form-field:hover {
  background-color: var(--light13);
}

.bc\=light13,
.dark-mode .dark-mode\:bc\=light13,
.form-bc\=light13 .form-field {
  border-color: var(--light13);
}

.hover-bc\=light13:hover,
.form-focus-bc\=light13 .form-field:focus,
.form-hover-bc\=light13 .form-field:hover {
  border-color: var(--light13);
}

[class*="--active"].active-bc\=light13,
[class*="--active"].active-bc\=light13:hover,
[class*="--active"] .active-bc\=light13,
[class*="--active"] .active-bc\=light13 {
  border-color: var(--light13);
}

.c\=light14,
.after-c\=light14::after,
.before-c\=light14::before,
.dark-mode .dark-mode\:c\=light14,
.link-c\=light14 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light14 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light14 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light14 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light14 .link:not([class*="dark-mode:c="]),
.heading-c\=light14 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light14 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light14 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light14 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light14 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light14 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light14);
}

/* Standard */
.placeholder-c\=light14 ::placeholder {
  color: var(--light14);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light14 ::-webkit-input-placeholder {
  color: var(--light14);
}

/* Firefox */
.placeholder-c\=light14 ::-moz-placeholder {
  color: var(--light14);
}

/* Internet Explorer */
.placeholder-c\=light14 :-ms-input-placeholder {
  color: var(--light14);
}

.td-c\=light14 {
  text-decoration-color: var(--light14);
}

.hover-c\=light14:hover,
[class*="--active"].active-c\=light14,
[class*="--active"] .active-c\=light14,
.dark-mode .dark-mode\:hover-c\=light14:hover,
.hover-link-c\=light14 a:not([class*="hover-c="]):hover,
.hover-link-c\=light14 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light14 a:not([class*="hover-c="]):hover,
.link-hover-c\=light14 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light14:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light14:not([class*=""]),
[class*="--active"].active-c\=light14:hover,
[class*="--active"] .active-c\=light14:hover,
.dark-mode .dark-mode\:link-hover-c\=light14 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light14 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light14);
}

.bg\=light14,
.dark-mode\:bg\=light14,
.form-bg\=light14 .form-field {
  background-color: var(--light14);
}

.hover-bg\=light14:hover,
[class*="--active"].active-bg\=light14,
[class*="--active"] .active-bg\=light14,
[class*="--active"].active-bg\=light14:hover,
[class*="--active"] .active-bg\=light14:hover,
.form-focus-bg\=light14 .form-field:focus,
.form-hover-bg\=light14 .form-field:hover {
  background-color: var(--light14);
}

.bc\=light14,
.dark-mode .dark-mode\:bc\=light14,
.form-bc\=light14 .form-field {
  border-color: var(--light14);
}

.hover-bc\=light14:hover,
.form-focus-bc\=light14 .form-field:focus,
.form-hover-bc\=light14 .form-field:hover {
  border-color: var(--light14);
}

[class*="--active"].active-bc\=light14,
[class*="--active"].active-bc\=light14:hover,
[class*="--active"] .active-bc\=light14,
[class*="--active"] .active-bc\=light14 {
  border-color: var(--light14);
}

.c\=light15,
.after-c\=light15::after,
.before-c\=light15::before,
.dark-mode .dark-mode\:c\=light15,
.link-c\=light15 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light15 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light15 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light15 .link:not([class*="dark-mode:c="]),
.heading-c\=light15 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light15 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light15 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light15 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light15 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light15);
}

/* Standard */
.placeholder-c\=light15 ::placeholder {
  color: var(--light15);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light15 ::-webkit-input-placeholder {
  color: var(--light15);
}

/* Firefox */
.placeholder-c\=light15 ::-moz-placeholder {
  color: var(--light15);
}

/* Internet Explorer */
.placeholder-c\=light15 :-ms-input-placeholder {
  color: var(--light15);
}

.td-c\=light15 {
  text-decoration-color: var(--light15);
}

.hover-c\=light15:hover,
[class*="--active"].active-c\=light15,
[class*="--active"] .active-c\=light15,
.dark-mode .dark-mode\:hover-c\=light15:hover,
.hover-link-c\=light15 a:not([class*="hover-c="]):hover,
.hover-link-c\=light15 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light15 a:not([class*="hover-c="]):hover,
.link-hover-c\=light15 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light15:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light15:not([class*=""]),
[class*="--active"].active-c\=light15:hover,
[class*="--active"] .active-c\=light15:hover,
.dark-mode .dark-mode\:link-hover-c\=light15 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light15 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light15);
}

.bg\=light15,
.dark-mode\:bg\=light15,
.form-bg\=light15 .form-field {
  background-color: var(--light15);
}

.hover-bg\=light15:hover,
[class*="--active"].active-bg\=light15,
[class*="--active"] .active-bg\=light15,
[class*="--active"].active-bg\=light15:hover,
[class*="--active"] .active-bg\=light15:hover,
.form-focus-bg\=light15 .form-field:focus,
.form-hover-bg\=light15 .form-field:hover {
  background-color: var(--light15);
}

.bc\=light15,
.dark-mode .dark-mode\:bc\=light15,
.form-bc\=light15 .form-field {
  border-color: var(--light15);
}

.hover-bc\=light15:hover,
.form-focus-bc\=light15 .form-field:focus,
.form-hover-bc\=light15 .form-field:hover {
  border-color: var(--light15);
}

[class*="--active"].active-bc\=light15,
[class*="--active"].active-bc\=light15:hover,
[class*="--active"] .active-bc\=light15,
[class*="--active"] .active-bc\=light15 {
  border-color: var(--light15);
}

.c\=light16,
.after-c\=light16::after,
.before-c\=light16::before,
.dark-mode .dark-mode\:c\=light16,
.link-c\=light16 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light16 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light16 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light16 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light16 .link:not([class*="dark-mode:c="]),
.heading-c\=light16 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light16 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light16 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light16 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light16 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light16 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light16);
}

/* Standard */
.placeholder-c\=light16 ::placeholder {
  color: var(--light16);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light16 ::-webkit-input-placeholder {
  color: var(--light16);
}

/* Firefox */
.placeholder-c\=light16 ::-moz-placeholder {
  color: var(--light16);
}

/* Internet Explorer */
.placeholder-c\=light16 :-ms-input-placeholder {
  color: var(--light16);
}

.td-c\=light16 {
  text-decoration-color: var(--light16);
}

.hover-c\=light16:hover,
[class*="--active"].active-c\=light16,
[class*="--active"] .active-c\=light16,
.dark-mode .dark-mode\:hover-c\=light16:hover,
.hover-link-c\=light16 a:not([class*="hover-c="]):hover,
.hover-link-c\=light16 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light16 a:not([class*="hover-c="]):hover,
.link-hover-c\=light16 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light16:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light16:not([class*=""]),
[class*="--active"].active-c\=light16:hover,
[class*="--active"] .active-c\=light16:hover,
.dark-mode .dark-mode\:link-hover-c\=light16 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light16 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light16);
}

.bg\=light16,
.dark-mode\:bg\=light16,
.form-bg\=light16 .form-field {
  background-color: var(--light16);
}

.hover-bg\=light16:hover,
[class*="--active"].active-bg\=light16,
[class*="--active"] .active-bg\=light16,
[class*="--active"].active-bg\=light16:hover,
[class*="--active"] .active-bg\=light16:hover,
.form-focus-bg\=light16 .form-field:focus,
.form-hover-bg\=light16 .form-field:hover {
  background-color: var(--light16);
}

.bc\=light16,
.dark-mode .dark-mode\:bc\=light16,
.form-bc\=light16 .form-field {
  border-color: var(--light16);
}

.hover-bc\=light16:hover,
.form-focus-bc\=light16 .form-field:focus,
.form-hover-bc\=light16 .form-field:hover {
  border-color: var(--light16);
}

[class*="--active"].active-bc\=light16,
[class*="--active"].active-bc\=light16:hover,
[class*="--active"] .active-bc\=light16,
[class*="--active"] .active-bc\=light16 {
  border-color: var(--light16);
}

.c\=light17,
.after-c\=light17::after,
.before-c\=light17::before,
.dark-mode .dark-mode\:c\=light17,
.link-c\=light17 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light17 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light17 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light17 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light17 .link:not([class*="dark-mode:c="]),
.heading-c\=light17 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light17 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light17 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light17 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light17 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light17 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light17);
}

/* Standard */
.placeholder-c\=light17 ::placeholder {
  color: var(--light17);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light17 ::-webkit-input-placeholder {
  color: var(--light17);
}

/* Firefox */
.placeholder-c\=light17 ::-moz-placeholder {
  color: var(--light17);
}

/* Internet Explorer */
.placeholder-c\=light17 :-ms-input-placeholder {
  color: var(--light17);
}

.td-c\=light17 {
  text-decoration-color: var(--light17);
}

.hover-c\=light17:hover,
[class*="--active"].active-c\=light17,
[class*="--active"] .active-c\=light17,
.dark-mode .dark-mode\:hover-c\=light17:hover,
.hover-link-c\=light17 a:not([class*="hover-c="]):hover,
.hover-link-c\=light17 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light17 a:not([class*="hover-c="]):hover,
.link-hover-c\=light17 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light17:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light17:not([class*=""]),
[class*="--active"].active-c\=light17:hover,
[class*="--active"] .active-c\=light17:hover,
.dark-mode .dark-mode\:link-hover-c\=light17 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light17 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light17);
}

.bg\=light17,
.dark-mode\:bg\=light17,
.form-bg\=light17 .form-field {
  background-color: var(--light17);
}

.hover-bg\=light17:hover,
[class*="--active"].active-bg\=light17,
[class*="--active"] .active-bg\=light17,
[class*="--active"].active-bg\=light17:hover,
[class*="--active"] .active-bg\=light17:hover,
.form-focus-bg\=light17 .form-field:focus,
.form-hover-bg\=light17 .form-field:hover {
  background-color: var(--light17);
}

.bc\=light17,
.dark-mode .dark-mode\:bc\=light17,
.form-bc\=light17 .form-field {
  border-color: var(--light17);
}

.hover-bc\=light17:hover,
.form-focus-bc\=light17 .form-field:focus,
.form-hover-bc\=light17 .form-field:hover {
  border-color: var(--light17);
}

[class*="--active"].active-bc\=light17,
[class*="--active"].active-bc\=light17:hover,
[class*="--active"] .active-bc\=light17,
[class*="--active"] .active-bc\=light17 {
  border-color: var(--light17);
}

.c\=light18,
.after-c\=light18::after,
.before-c\=light18::before,
.dark-mode .dark-mode\:c\=light18,
.link-c\=light18 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light18 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light18 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light18 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light18 .link:not([class*="dark-mode:c="]),
.heading-c\=light18 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light18 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light18 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light18 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light18 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light18 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light18);
}

/* Standard */
.placeholder-c\=light18 ::placeholder {
  color: var(--light18);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light18 ::-webkit-input-placeholder {
  color: var(--light18);
}

/* Firefox */
.placeholder-c\=light18 ::-moz-placeholder {
  color: var(--light18);
}

/* Internet Explorer */
.placeholder-c\=light18 :-ms-input-placeholder {
  color: var(--light18);
}

.td-c\=light18 {
  text-decoration-color: var(--light18);
}

.hover-c\=light18:hover,
[class*="--active"].active-c\=light18,
[class*="--active"] .active-c\=light18,
.dark-mode .dark-mode\:hover-c\=light18:hover,
.hover-link-c\=light18 a:not([class*="hover-c="]):hover,
.hover-link-c\=light18 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light18 a:not([class*="hover-c="]):hover,
.link-hover-c\=light18 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light18:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light18:not([class*=""]),
[class*="--active"].active-c\=light18:hover,
[class*="--active"] .active-c\=light18:hover,
.dark-mode .dark-mode\:link-hover-c\=light18 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light18 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light18);
}

.bg\=light18,
.dark-mode\:bg\=light18,
.form-bg\=light18 .form-field {
  background-color: var(--light18);
}

.hover-bg\=light18:hover,
[class*="--active"].active-bg\=light18,
[class*="--active"] .active-bg\=light18,
[class*="--active"].active-bg\=light18:hover,
[class*="--active"] .active-bg\=light18:hover,
.form-focus-bg\=light18 .form-field:focus,
.form-hover-bg\=light18 .form-field:hover {
  background-color: var(--light18);
}

.bc\=light18,
.dark-mode .dark-mode\:bc\=light18,
.form-bc\=light18 .form-field {
  border-color: var(--light18);
}

.hover-bc\=light18:hover,
.form-focus-bc\=light18 .form-field:focus,
.form-hover-bc\=light18 .form-field:hover {
  border-color: var(--light18);
}

[class*="--active"].active-bc\=light18,
[class*="--active"].active-bc\=light18:hover,
[class*="--active"] .active-bc\=light18,
[class*="--active"] .active-bc\=light18 {
  border-color: var(--light18);
}

.c\=light19,
.after-c\=light19::after,
.before-c\=light19::before,
.dark-mode .dark-mode\:c\=light19,
.link-c\=light19 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=light19 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=light19 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=light19 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=light19 .link:not([class*="dark-mode:c="]),
.heading-c\=light19 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light19 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=light19 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=light19 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=light19 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=light19 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--light19);
}

/* Standard */
.placeholder-c\=light19 ::placeholder {
  color: var(--light19);
}

/* Chrome, Safari, Edge */
.placeholder-c\=light19 ::-webkit-input-placeholder {
  color: var(--light19);
}

/* Firefox */
.placeholder-c\=light19 ::-moz-placeholder {
  color: var(--light19);
}

/* Internet Explorer */
.placeholder-c\=light19 :-ms-input-placeholder {
  color: var(--light19);
}

.td-c\=light19 {
  text-decoration-color: var(--light19);
}

.hover-c\=light19:hover,
[class*="--active"].active-c\=light19,
[class*="--active"] .active-c\=light19,
.dark-mode .dark-mode\:hover-c\=light19:hover,
.hover-link-c\=light19 a:not([class*="hover-c="]):hover,
.hover-link-c\=light19 .link:not([class*="hover-c="]):hover,
.link-hover-c\=light19 a:not([class*="hover-c="]):hover,
.link-hover-c\=light19 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=light19:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=light19:not([class*=""]),
[class*="--active"].active-c\=light19:hover,
[class*="--active"] .active-c\=light19:hover,
.dark-mode .dark-mode\:link-hover-c\=light19 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=light19 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--light19);
}

.bg\=light19,
.dark-mode\:bg\=light19,
.form-bg\=light19 .form-field {
  background-color: var(--light19);
}

.hover-bg\=light19:hover,
[class*="--active"].active-bg\=light19,
[class*="--active"] .active-bg\=light19,
[class*="--active"].active-bg\=light19:hover,
[class*="--active"] .active-bg\=light19:hover,
.form-focus-bg\=light19 .form-field:focus,
.form-hover-bg\=light19 .form-field:hover {
  background-color: var(--light19);
}

.bc\=light19,
.dark-mode .dark-mode\:bc\=light19,
.form-bc\=light19 .form-field {
  border-color: var(--light19);
}

.hover-bc\=light19:hover,
.form-focus-bc\=light19 .form-field:focus,
.form-hover-bc\=light19 .form-field:hover {
  border-color: var(--light19);
}

[class*="--active"].active-bc\=light19,
[class*="--active"].active-bc\=light19:hover,
[class*="--active"] .active-bc\=light19,
[class*="--active"] .active-bc\=light19 {
  border-color: var(--light19);
}

.c\=border1,
.after-c\=border1::after,
.before-c\=border1::before,
.dark-mode .dark-mode\:c\=border1,
.link-c\=border1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border1 .link:not([class*="dark-mode:c="]),
.heading-c\=border1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border1);
}

/* Standard */
.placeholder-c\=border1 ::placeholder {
  color: var(--border1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border1 ::-webkit-input-placeholder {
  color: var(--border1);
}

/* Firefox */
.placeholder-c\=border1 ::-moz-placeholder {
  color: var(--border1);
}

/* Internet Explorer */
.placeholder-c\=border1 :-ms-input-placeholder {
  color: var(--border1);
}

.td-c\=border1 {
  text-decoration-color: var(--border1);
}

.hover-c\=border1:hover,
[class*="--active"].active-c\=border1,
[class*="--active"] .active-c\=border1,
.dark-mode .dark-mode\:hover-c\=border1:hover,
.hover-link-c\=border1 a:not([class*="hover-c="]):hover,
.hover-link-c\=border1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border1 a:not([class*="hover-c="]):hover,
.link-hover-c\=border1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border1:not([class*=""]),
[class*="--active"].active-c\=border1:hover,
[class*="--active"] .active-c\=border1:hover,
.dark-mode .dark-mode\:link-hover-c\=border1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border1);
}

.bg\=border1,
.dark-mode\:bg\=border1,
.form-bg\=border1 .form-field {
  background-color: var(--border1);
}

.hover-bg\=border1:hover,
[class*="--active"].active-bg\=border1,
[class*="--active"] .active-bg\=border1,
[class*="--active"].active-bg\=border1:hover,
[class*="--active"] .active-bg\=border1:hover,
.form-focus-bg\=border1 .form-field:focus,
.form-hover-bg\=border1 .form-field:hover {
  background-color: var(--border1);
}

.bc\=border1,
.dark-mode .dark-mode\:bc\=border1,
.form-bc\=border1 .form-field {
  border-color: var(--border1);
}

.hover-bc\=border1:hover,
.form-focus-bc\=border1 .form-field:focus,
.form-hover-bc\=border1 .form-field:hover {
  border-color: var(--border1);
}

[class*="--active"].active-bc\=border1,
[class*="--active"].active-bc\=border1:hover,
[class*="--active"] .active-bc\=border1,
[class*="--active"] .active-bc\=border1 {
  border-color: var(--border1);
}

.c\=border2,
.after-c\=border2::after,
.before-c\=border2::before,
.dark-mode .dark-mode\:c\=border2,
.link-c\=border2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border2 .link:not([class*="dark-mode:c="]),
.heading-c\=border2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border2);
}

/* Standard */
.placeholder-c\=border2 ::placeholder {
  color: var(--border2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border2 ::-webkit-input-placeholder {
  color: var(--border2);
}

/* Firefox */
.placeholder-c\=border2 ::-moz-placeholder {
  color: var(--border2);
}

/* Internet Explorer */
.placeholder-c\=border2 :-ms-input-placeholder {
  color: var(--border2);
}

.td-c\=border2 {
  text-decoration-color: var(--border2);
}

.hover-c\=border2:hover,
[class*="--active"].active-c\=border2,
[class*="--active"] .active-c\=border2,
.dark-mode .dark-mode\:hover-c\=border2:hover,
.hover-link-c\=border2 a:not([class*="hover-c="]):hover,
.hover-link-c\=border2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border2 a:not([class*="hover-c="]):hover,
.link-hover-c\=border2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border2:not([class*=""]),
[class*="--active"].active-c\=border2:hover,
[class*="--active"] .active-c\=border2:hover,
.dark-mode .dark-mode\:link-hover-c\=border2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border2);
}

.bg\=border2,
.dark-mode\:bg\=border2,
.form-bg\=border2 .form-field {
  background-color: var(--border2);
}

.hover-bg\=border2:hover,
[class*="--active"].active-bg\=border2,
[class*="--active"] .active-bg\=border2,
[class*="--active"].active-bg\=border2:hover,
[class*="--active"] .active-bg\=border2:hover,
.form-focus-bg\=border2 .form-field:focus,
.form-hover-bg\=border2 .form-field:hover {
  background-color: var(--border2);
}

.bc\=border2,
.dark-mode .dark-mode\:bc\=border2,
.form-bc\=border2 .form-field {
  border-color: var(--border2);
}

.hover-bc\=border2:hover,
.form-focus-bc\=border2 .form-field:focus,
.form-hover-bc\=border2 .form-field:hover {
  border-color: var(--border2);
}

[class*="--active"].active-bc\=border2,
[class*="--active"].active-bc\=border2:hover,
[class*="--active"] .active-bc\=border2,
[class*="--active"] .active-bc\=border2 {
  border-color: var(--border2);
}

.c\=border3,
.after-c\=border3::after,
.before-c\=border3::before,
.dark-mode .dark-mode\:c\=border3,
.link-c\=border3 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border3 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border3 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border3 .link:not([class*="dark-mode:c="]),
.heading-c\=border3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border3 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border3);
}

/* Standard */
.placeholder-c\=border3 ::placeholder {
  color: var(--border3);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border3 ::-webkit-input-placeholder {
  color: var(--border3);
}

/* Firefox */
.placeholder-c\=border3 ::-moz-placeholder {
  color: var(--border3);
}

/* Internet Explorer */
.placeholder-c\=border3 :-ms-input-placeholder {
  color: var(--border3);
}

.td-c\=border3 {
  text-decoration-color: var(--border3);
}

.hover-c\=border3:hover,
[class*="--active"].active-c\=border3,
[class*="--active"] .active-c\=border3,
.dark-mode .dark-mode\:hover-c\=border3:hover,
.hover-link-c\=border3 a:not([class*="hover-c="]):hover,
.hover-link-c\=border3 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border3 a:not([class*="hover-c="]):hover,
.link-hover-c\=border3 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border3:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border3:not([class*=""]),
[class*="--active"].active-c\=border3:hover,
[class*="--active"] .active-c\=border3:hover,
.dark-mode .dark-mode\:link-hover-c\=border3 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border3 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border3);
}

.bg\=border3,
.dark-mode\:bg\=border3,
.form-bg\=border3 .form-field {
  background-color: var(--border3);
}

.hover-bg\=border3:hover,
[class*="--active"].active-bg\=border3,
[class*="--active"] .active-bg\=border3,
[class*="--active"].active-bg\=border3:hover,
[class*="--active"] .active-bg\=border3:hover,
.form-focus-bg\=border3 .form-field:focus,
.form-hover-bg\=border3 .form-field:hover {
  background-color: var(--border3);
}

.bc\=border3,
.dark-mode .dark-mode\:bc\=border3,
.form-bc\=border3 .form-field {
  border-color: var(--border3);
}

.hover-bc\=border3:hover,
.form-focus-bc\=border3 .form-field:focus,
.form-hover-bc\=border3 .form-field:hover {
  border-color: var(--border3);
}

[class*="--active"].active-bc\=border3,
[class*="--active"].active-bc\=border3:hover,
[class*="--active"] .active-bc\=border3,
[class*="--active"] .active-bc\=border3 {
  border-color: var(--border3);
}

.c\=border4,
.after-c\=border4::after,
.before-c\=border4::before,
.dark-mode .dark-mode\:c\=border4,
.link-c\=border4 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border4 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border4 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border4 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border4 .link:not([class*="dark-mode:c="]),
.heading-c\=border4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border4 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border4 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border4 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border4 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border4);
}

/* Standard */
.placeholder-c\=border4 ::placeholder {
  color: var(--border4);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border4 ::-webkit-input-placeholder {
  color: var(--border4);
}

/* Firefox */
.placeholder-c\=border4 ::-moz-placeholder {
  color: var(--border4);
}

/* Internet Explorer */
.placeholder-c\=border4 :-ms-input-placeholder {
  color: var(--border4);
}

.td-c\=border4 {
  text-decoration-color: var(--border4);
}

.hover-c\=border4:hover,
[class*="--active"].active-c\=border4,
[class*="--active"] .active-c\=border4,
.dark-mode .dark-mode\:hover-c\=border4:hover,
.hover-link-c\=border4 a:not([class*="hover-c="]):hover,
.hover-link-c\=border4 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border4 a:not([class*="hover-c="]):hover,
.link-hover-c\=border4 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border4:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border4:not([class*=""]),
[class*="--active"].active-c\=border4:hover,
[class*="--active"] .active-c\=border4:hover,
.dark-mode .dark-mode\:link-hover-c\=border4 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border4 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border4);
}

.bg\=border4,
.dark-mode\:bg\=border4,
.form-bg\=border4 .form-field {
  background-color: var(--border4);
}

.hover-bg\=border4:hover,
[class*="--active"].active-bg\=border4,
[class*="--active"] .active-bg\=border4,
[class*="--active"].active-bg\=border4:hover,
[class*="--active"] .active-bg\=border4:hover,
.form-focus-bg\=border4 .form-field:focus,
.form-hover-bg\=border4 .form-field:hover {
  background-color: var(--border4);
}

.bc\=border4,
.dark-mode .dark-mode\:bc\=border4,
.form-bc\=border4 .form-field {
  border-color: var(--border4);
}

.hover-bc\=border4:hover,
.form-focus-bc\=border4 .form-field:focus,
.form-hover-bc\=border4 .form-field:hover {
  border-color: var(--border4);
}

[class*="--active"].active-bc\=border4,
[class*="--active"].active-bc\=border4:hover,
[class*="--active"] .active-bc\=border4,
[class*="--active"] .active-bc\=border4 {
  border-color: var(--border4);
}

.c\=border5,
.after-c\=border5::after,
.before-c\=border5::before,
.dark-mode .dark-mode\:c\=border5,
.link-c\=border5 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border5 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border5 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border5 .link:not([class*="dark-mode:c="]),
.heading-c\=border5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border5 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border5 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border5 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border5);
}

/* Standard */
.placeholder-c\=border5 ::placeholder {
  color: var(--border5);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border5 ::-webkit-input-placeholder {
  color: var(--border5);
}

/* Firefox */
.placeholder-c\=border5 ::-moz-placeholder {
  color: var(--border5);
}

/* Internet Explorer */
.placeholder-c\=border5 :-ms-input-placeholder {
  color: var(--border5);
}

.td-c\=border5 {
  text-decoration-color: var(--border5);
}

.hover-c\=border5:hover,
[class*="--active"].active-c\=border5,
[class*="--active"] .active-c\=border5,
.dark-mode .dark-mode\:hover-c\=border5:hover,
.hover-link-c\=border5 a:not([class*="hover-c="]):hover,
.hover-link-c\=border5 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border5 a:not([class*="hover-c="]):hover,
.link-hover-c\=border5 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border5:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border5:not([class*=""]),
[class*="--active"].active-c\=border5:hover,
[class*="--active"] .active-c\=border5:hover,
.dark-mode .dark-mode\:link-hover-c\=border5 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border5 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border5);
}

.bg\=border5,
.dark-mode\:bg\=border5,
.form-bg\=border5 .form-field {
  background-color: var(--border5);
}

.hover-bg\=border5:hover,
[class*="--active"].active-bg\=border5,
[class*="--active"] .active-bg\=border5,
[class*="--active"].active-bg\=border5:hover,
[class*="--active"] .active-bg\=border5:hover,
.form-focus-bg\=border5 .form-field:focus,
.form-hover-bg\=border5 .form-field:hover {
  background-color: var(--border5);
}

.bc\=border5,
.dark-mode .dark-mode\:bc\=border5,
.form-bc\=border5 .form-field {
  border-color: var(--border5);
}

.hover-bc\=border5:hover,
.form-focus-bc\=border5 .form-field:focus,
.form-hover-bc\=border5 .form-field:hover {
  border-color: var(--border5);
}

[class*="--active"].active-bc\=border5,
[class*="--active"].active-bc\=border5:hover,
[class*="--active"] .active-bc\=border5,
[class*="--active"] .active-bc\=border5 {
  border-color: var(--border5);
}

.c\=border-m1,
.after-c\=border-m1::after,
.before-c\=border-m1::before,
.dark-mode .dark-mode\:c\=border-m1,
.link-c\=border-m1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border-m1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border-m1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border-m1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border-m1 .link:not([class*="dark-mode:c="]),
.heading-c\=border-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border-m1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border-m1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border-m1);
}

/* Standard */
.placeholder-c\=border-m1 ::placeholder {
  color: var(--border-m1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border-m1 ::-webkit-input-placeholder {
  color: var(--border-m1);
}

/* Firefox */
.placeholder-c\=border-m1 ::-moz-placeholder {
  color: var(--border-m1);
}

/* Internet Explorer */
.placeholder-c\=border-m1 :-ms-input-placeholder {
  color: var(--border-m1);
}

.td-c\=border-m1 {
  text-decoration-color: var(--border-m1);
}

.hover-c\=border-m1:hover,
[class*="--active"].active-c\=border-m1,
[class*="--active"] .active-c\=border-m1,
.dark-mode .dark-mode\:hover-c\=border-m1:hover,
.hover-link-c\=border-m1 a:not([class*="hover-c="]):hover,
.hover-link-c\=border-m1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border-m1 a:not([class*="hover-c="]):hover,
.link-hover-c\=border-m1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border-m1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border-m1:not([class*=""]),
[class*="--active"].active-c\=border-m1:hover,
[class*="--active"] .active-c\=border-m1:hover,
.dark-mode .dark-mode\:link-hover-c\=border-m1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border-m1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border-m1);
}

.bg\=border-m1,
.dark-mode\:bg\=border-m1,
.form-bg\=border-m1 .form-field {
  background-color: var(--border-m1);
}

.hover-bg\=border-m1:hover,
[class*="--active"].active-bg\=border-m1,
[class*="--active"] .active-bg\=border-m1,
[class*="--active"].active-bg\=border-m1:hover,
[class*="--active"] .active-bg\=border-m1:hover,
.form-focus-bg\=border-m1 .form-field:focus,
.form-hover-bg\=border-m1 .form-field:hover {
  background-color: var(--border-m1);
}

.bc\=border-m1,
.dark-mode .dark-mode\:bc\=border-m1,
.form-bc\=border-m1 .form-field {
  border-color: var(--border-m1);
}

.hover-bc\=border-m1:hover,
.form-focus-bc\=border-m1 .form-field:focus,
.form-hover-bc\=border-m1 .form-field:hover {
  border-color: var(--border-m1);
}

[class*="--active"].active-bc\=border-m1,
[class*="--active"].active-bc\=border-m1:hover,
[class*="--active"] .active-bc\=border-m1,
[class*="--active"] .active-bc\=border-m1 {
  border-color: var(--border-m1);
}

.c\=border-m2,
.after-c\=border-m2::after,
.before-c\=border-m2::before,
.dark-mode .dark-mode\:c\=border-m2,
.link-c\=border-m2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=border-m2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=border-m2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=border-m2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=border-m2 .link:not([class*="dark-mode:c="]),
.heading-c\=border-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=border-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=border-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=border-m2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=border-m2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--border-m2);
}

/* Standard */
.placeholder-c\=border-m2 ::placeholder {
  color: var(--border-m2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=border-m2 ::-webkit-input-placeholder {
  color: var(--border-m2);
}

/* Firefox */
.placeholder-c\=border-m2 ::-moz-placeholder {
  color: var(--border-m2);
}

/* Internet Explorer */
.placeholder-c\=border-m2 :-ms-input-placeholder {
  color: var(--border-m2);
}

.td-c\=border-m2 {
  text-decoration-color: var(--border-m2);
}

.hover-c\=border-m2:hover,
[class*="--active"].active-c\=border-m2,
[class*="--active"] .active-c\=border-m2,
.dark-mode .dark-mode\:hover-c\=border-m2:hover,
.hover-link-c\=border-m2 a:not([class*="hover-c="]):hover,
.hover-link-c\=border-m2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=border-m2 a:not([class*="hover-c="]):hover,
.link-hover-c\=border-m2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=border-m2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=border-m2:not([class*=""]),
[class*="--active"].active-c\=border-m2:hover,
[class*="--active"] .active-c\=border-m2:hover,
.dark-mode .dark-mode\:link-hover-c\=border-m2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=border-m2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--border-m2);
}

.bg\=border-m2,
.dark-mode\:bg\=border-m2,
.form-bg\=border-m2 .form-field {
  background-color: var(--border-m2);
}

.hover-bg\=border-m2:hover,
[class*="--active"].active-bg\=border-m2,
[class*="--active"] .active-bg\=border-m2,
[class*="--active"].active-bg\=border-m2:hover,
[class*="--active"] .active-bg\=border-m2:hover,
.form-focus-bg\=border-m2 .form-field:focus,
.form-hover-bg\=border-m2 .form-field:hover {
  background-color: var(--border-m2);
}

.bc\=border-m2,
.dark-mode .dark-mode\:bc\=border-m2,
.form-bc\=border-m2 .form-field {
  border-color: var(--border-m2);
}

.hover-bc\=border-m2:hover,
.form-focus-bc\=border-m2 .form-field:focus,
.form-hover-bc\=border-m2 .form-field:hover {
  border-color: var(--border-m2);
}

[class*="--active"].active-bc\=border-m2,
[class*="--active"].active-bc\=border-m2:hover,
[class*="--active"] .active-bc\=border-m2,
[class*="--active"] .active-bc\=border-m2 {
  border-color: var(--border-m2);
}

.c\=text1,
.after-c\=text1::after,
.before-c\=text1::before,
.dark-mode .dark-mode\:c\=text1,
.link-c\=text1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text1 .link:not([class*="dark-mode:c="]),
.heading-c\=text1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text1);
}

/* Standard */
.placeholder-c\=text1 ::placeholder {
  color: var(--text1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text1 ::-webkit-input-placeholder {
  color: var(--text1);
}

/* Firefox */
.placeholder-c\=text1 ::-moz-placeholder {
  color: var(--text1);
}

/* Internet Explorer */
.placeholder-c\=text1 :-ms-input-placeholder {
  color: var(--text1);
}

.td-c\=text1 {
  text-decoration-color: var(--text1);
}

.hover-c\=text1:hover,
[class*="--active"].active-c\=text1,
[class*="--active"] .active-c\=text1,
.dark-mode .dark-mode\:hover-c\=text1:hover,
.hover-link-c\=text1 a:not([class*="hover-c="]):hover,
.hover-link-c\=text1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text1 a:not([class*="hover-c="]):hover,
.link-hover-c\=text1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text1:not([class*=""]),
[class*="--active"].active-c\=text1:hover,
[class*="--active"] .active-c\=text1:hover,
.dark-mode .dark-mode\:link-hover-c\=text1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text1);
}

.bg\=text1,
.dark-mode\:bg\=text1,
.form-bg\=text1 .form-field {
  background-color: var(--text1);
}

.hover-bg\=text1:hover,
[class*="--active"].active-bg\=text1,
[class*="--active"] .active-bg\=text1,
[class*="--active"].active-bg\=text1:hover,
[class*="--active"] .active-bg\=text1:hover,
.form-focus-bg\=text1 .form-field:focus,
.form-hover-bg\=text1 .form-field:hover {
  background-color: var(--text1);
}

.bc\=text1,
.dark-mode .dark-mode\:bc\=text1,
.form-bc\=text1 .form-field {
  border-color: var(--text1);
}

.hover-bc\=text1:hover,
.form-focus-bc\=text1 .form-field:focus,
.form-hover-bc\=text1 .form-field:hover {
  border-color: var(--text1);
}

[class*="--active"].active-bc\=text1,
[class*="--active"].active-bc\=text1:hover,
[class*="--active"] .active-bc\=text1,
[class*="--active"] .active-bc\=text1 {
  border-color: var(--text1);
}

.c\=text2,
.after-c\=text2::after,
.before-c\=text2::before,
.dark-mode .dark-mode\:c\=text2,
.link-c\=text2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text2 .link:not([class*="dark-mode:c="]),
.heading-c\=text2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text2);
}

/* Standard */
.placeholder-c\=text2 ::placeholder {
  color: var(--text2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text2 ::-webkit-input-placeholder {
  color: var(--text2);
}

/* Firefox */
.placeholder-c\=text2 ::-moz-placeholder {
  color: var(--text2);
}

/* Internet Explorer */
.placeholder-c\=text2 :-ms-input-placeholder {
  color: var(--text2);
}

.td-c\=text2 {
  text-decoration-color: var(--text2);
}

.hover-c\=text2:hover,
[class*="--active"].active-c\=text2,
[class*="--active"] .active-c\=text2,
.dark-mode .dark-mode\:hover-c\=text2:hover,
.hover-link-c\=text2 a:not([class*="hover-c="]):hover,
.hover-link-c\=text2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text2 a:not([class*="hover-c="]):hover,
.link-hover-c\=text2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text2:not([class*=""]),
[class*="--active"].active-c\=text2:hover,
[class*="--active"] .active-c\=text2:hover,
.dark-mode .dark-mode\:link-hover-c\=text2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text2);
}

.bg\=text2,
.dark-mode\:bg\=text2,
.form-bg\=text2 .form-field {
  background-color: var(--text2);
}

.hover-bg\=text2:hover,
[class*="--active"].active-bg\=text2,
[class*="--active"] .active-bg\=text2,
[class*="--active"].active-bg\=text2:hover,
[class*="--active"] .active-bg\=text2:hover,
.form-focus-bg\=text2 .form-field:focus,
.form-hover-bg\=text2 .form-field:hover {
  background-color: var(--text2);
}

.bc\=text2,
.dark-mode .dark-mode\:bc\=text2,
.form-bc\=text2 .form-field {
  border-color: var(--text2);
}

.hover-bc\=text2:hover,
.form-focus-bc\=text2 .form-field:focus,
.form-hover-bc\=text2 .form-field:hover {
  border-color: var(--text2);
}

[class*="--active"].active-bc\=text2,
[class*="--active"].active-bc\=text2:hover,
[class*="--active"] .active-bc\=text2,
[class*="--active"] .active-bc\=text2 {
  border-color: var(--text2);
}

.c\=text3,
.after-c\=text3::after,
.before-c\=text3::before,
.dark-mode .dark-mode\:c\=text3,
.link-c\=text3 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text3 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text3 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text3 .link:not([class*="dark-mode:c="]),
.heading-c\=text3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text3 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text3);
}

/* Standard */
.placeholder-c\=text3 ::placeholder {
  color: var(--text3);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text3 ::-webkit-input-placeholder {
  color: var(--text3);
}

/* Firefox */
.placeholder-c\=text3 ::-moz-placeholder {
  color: var(--text3);
}

/* Internet Explorer */
.placeholder-c\=text3 :-ms-input-placeholder {
  color: var(--text3);
}

.td-c\=text3 {
  text-decoration-color: var(--text3);
}

.hover-c\=text3:hover,
[class*="--active"].active-c\=text3,
[class*="--active"] .active-c\=text3,
.dark-mode .dark-mode\:hover-c\=text3:hover,
.hover-link-c\=text3 a:not([class*="hover-c="]):hover,
.hover-link-c\=text3 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text3 a:not([class*="hover-c="]):hover,
.link-hover-c\=text3 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text3:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text3:not([class*=""]),
[class*="--active"].active-c\=text3:hover,
[class*="--active"] .active-c\=text3:hover,
.dark-mode .dark-mode\:link-hover-c\=text3 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text3 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text3);
}

.bg\=text3,
.dark-mode\:bg\=text3,
.form-bg\=text3 .form-field {
  background-color: var(--text3);
}

.hover-bg\=text3:hover,
[class*="--active"].active-bg\=text3,
[class*="--active"] .active-bg\=text3,
[class*="--active"].active-bg\=text3:hover,
[class*="--active"] .active-bg\=text3:hover,
.form-focus-bg\=text3 .form-field:focus,
.form-hover-bg\=text3 .form-field:hover {
  background-color: var(--text3);
}

.bc\=text3,
.dark-mode .dark-mode\:bc\=text3,
.form-bc\=text3 .form-field {
  border-color: var(--text3);
}

.hover-bc\=text3:hover,
.form-focus-bc\=text3 .form-field:focus,
.form-hover-bc\=text3 .form-field:hover {
  border-color: var(--text3);
}

[class*="--active"].active-bc\=text3,
[class*="--active"].active-bc\=text3:hover,
[class*="--active"] .active-bc\=text3,
[class*="--active"] .active-bc\=text3 {
  border-color: var(--text3);
}

.c\=text-m1,
.after-c\=text-m1::after,
.before-c\=text-m1::before,
.dark-mode .dark-mode\:c\=text-m1,
.link-c\=text-m1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text-m1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text-m1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text-m1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text-m1 .link:not([class*="dark-mode:c="]),
.heading-c\=text-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text-m1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text-m1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text-m1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text-m1);
}

/* Standard */
.placeholder-c\=text-m1 ::placeholder {
  color: var(--text-m1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text-m1 ::-webkit-input-placeholder {
  color: var(--text-m1);
}

/* Firefox */
.placeholder-c\=text-m1 ::-moz-placeholder {
  color: var(--text-m1);
}

/* Internet Explorer */
.placeholder-c\=text-m1 :-ms-input-placeholder {
  color: var(--text-m1);
}

.td-c\=text-m1 {
  text-decoration-color: var(--text-m1);
}

.hover-c\=text-m1:hover,
[class*="--active"].active-c\=text-m1,
[class*="--active"] .active-c\=text-m1,
.dark-mode .dark-mode\:hover-c\=text-m1:hover,
.hover-link-c\=text-m1 a:not([class*="hover-c="]):hover,
.hover-link-c\=text-m1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text-m1 a:not([class*="hover-c="]):hover,
.link-hover-c\=text-m1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text-m1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text-m1:not([class*=""]),
[class*="--active"].active-c\=text-m1:hover,
[class*="--active"] .active-c\=text-m1:hover,
.dark-mode .dark-mode\:link-hover-c\=text-m1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text-m1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text-m1);
}

.bg\=text-m1,
.dark-mode\:bg\=text-m1,
.form-bg\=text-m1 .form-field {
  background-color: var(--text-m1);
}

.hover-bg\=text-m1:hover,
[class*="--active"].active-bg\=text-m1,
[class*="--active"] .active-bg\=text-m1,
[class*="--active"].active-bg\=text-m1:hover,
[class*="--active"] .active-bg\=text-m1:hover,
.form-focus-bg\=text-m1 .form-field:focus,
.form-hover-bg\=text-m1 .form-field:hover {
  background-color: var(--text-m1);
}

.bc\=text-m1,
.dark-mode .dark-mode\:bc\=text-m1,
.form-bc\=text-m1 .form-field {
  border-color: var(--text-m1);
}

.hover-bc\=text-m1:hover,
.form-focus-bc\=text-m1 .form-field:focus,
.form-hover-bc\=text-m1 .form-field:hover {
  border-color: var(--text-m1);
}

[class*="--active"].active-bc\=text-m1,
[class*="--active"].active-bc\=text-m1:hover,
[class*="--active"] .active-bc\=text-m1,
[class*="--active"] .active-bc\=text-m1 {
  border-color: var(--text-m1);
}

.c\=text-m2,
.after-c\=text-m2::after,
.before-c\=text-m2::before,
.dark-mode .dark-mode\:c\=text-m2,
.link-c\=text-m2 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text-m2 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text-m2 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text-m2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text-m2 .link:not([class*="dark-mode:c="]),
.heading-c\=text-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text-m2 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text-m2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text-m2 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text-m2);
}

/* Standard */
.placeholder-c\=text-m2 ::placeholder {
  color: var(--text-m2);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text-m2 ::-webkit-input-placeholder {
  color: var(--text-m2);
}

/* Firefox */
.placeholder-c\=text-m2 ::-moz-placeholder {
  color: var(--text-m2);
}

/* Internet Explorer */
.placeholder-c\=text-m2 :-ms-input-placeholder {
  color: var(--text-m2);
}

.td-c\=text-m2 {
  text-decoration-color: var(--text-m2);
}

.hover-c\=text-m2:hover,
[class*="--active"].active-c\=text-m2,
[class*="--active"] .active-c\=text-m2,
.dark-mode .dark-mode\:hover-c\=text-m2:hover,
.hover-link-c\=text-m2 a:not([class*="hover-c="]):hover,
.hover-link-c\=text-m2 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text-m2 a:not([class*="hover-c="]):hover,
.link-hover-c\=text-m2 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text-m2:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text-m2:not([class*=""]),
[class*="--active"].active-c\=text-m2:hover,
[class*="--active"] .active-c\=text-m2:hover,
.dark-mode .dark-mode\:link-hover-c\=text-m2 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text-m2 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text-m2);
}

.bg\=text-m2,
.dark-mode\:bg\=text-m2,
.form-bg\=text-m2 .form-field {
  background-color: var(--text-m2);
}

.hover-bg\=text-m2:hover,
[class*="--active"].active-bg\=text-m2,
[class*="--active"] .active-bg\=text-m2,
[class*="--active"].active-bg\=text-m2:hover,
[class*="--active"] .active-bg\=text-m2:hover,
.form-focus-bg\=text-m2 .form-field:focus,
.form-hover-bg\=text-m2 .form-field:hover {
  background-color: var(--text-m2);
}

.bc\=text-m2,
.dark-mode .dark-mode\:bc\=text-m2,
.form-bc\=text-m2 .form-field {
  border-color: var(--text-m2);
}

.hover-bc\=text-m2:hover,
.form-focus-bc\=text-m2 .form-field:focus,
.form-hover-bc\=text-m2 .form-field:hover {
  border-color: var(--text-m2);
}

[class*="--active"].active-bc\=text-m2,
[class*="--active"].active-bc\=text-m2:hover,
[class*="--active"] .active-bc\=text-m2,
[class*="--active"] .active-bc\=text-m2 {
  border-color: var(--text-m2);
}

.c\=text-m3,
.after-c\=text-m3::after,
.before-c\=text-m3::before,
.dark-mode .dark-mode\:c\=text-m3,
.link-c\=text-m3 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=text-m3 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=text-m3 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=text-m3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=text-m3 .link:not([class*="dark-mode:c="]),
.heading-c\=text-m3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m3 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=text-m3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=text-m3 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=text-m3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=text-m3 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--text-m3);
}

/* Standard */
.placeholder-c\=text-m3 ::placeholder {
  color: var(--text-m3);
}

/* Chrome, Safari, Edge */
.placeholder-c\=text-m3 ::-webkit-input-placeholder {
  color: var(--text-m3);
}

/* Firefox */
.placeholder-c\=text-m3 ::-moz-placeholder {
  color: var(--text-m3);
}

/* Internet Explorer */
.placeholder-c\=text-m3 :-ms-input-placeholder {
  color: var(--text-m3);
}

.td-c\=text-m3 {
  text-decoration-color: var(--text-m3);
}

.hover-c\=text-m3:hover,
[class*="--active"].active-c\=text-m3,
[class*="--active"] .active-c\=text-m3,
.dark-mode .dark-mode\:hover-c\=text-m3:hover,
.hover-link-c\=text-m3 a:not([class*="hover-c="]):hover,
.hover-link-c\=text-m3 .link:not([class*="hover-c="]):hover,
.link-hover-c\=text-m3 a:not([class*="hover-c="]):hover,
.link-hover-c\=text-m3 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=text-m3:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=text-m3:not([class*=""]),
[class*="--active"].active-c\=text-m3:hover,
[class*="--active"] .active-c\=text-m3:hover,
.dark-mode .dark-mode\:link-hover-c\=text-m3 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=text-m3 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--text-m3);
}

.bg\=text-m3,
.dark-mode\:bg\=text-m3,
.form-bg\=text-m3 .form-field {
  background-color: var(--text-m3);
}

.hover-bg\=text-m3:hover,
[class*="--active"].active-bg\=text-m3,
[class*="--active"] .active-bg\=text-m3,
[class*="--active"].active-bg\=text-m3:hover,
[class*="--active"] .active-bg\=text-m3:hover,
.form-focus-bg\=text-m3 .form-field:focus,
.form-hover-bg\=text-m3 .form-field:hover {
  background-color: var(--text-m3);
}

.bc\=text-m3,
.dark-mode .dark-mode\:bc\=text-m3,
.form-bc\=text-m3 .form-field {
  border-color: var(--text-m3);
}

.hover-bc\=text-m3:hover,
.form-focus-bc\=text-m3 .form-field:focus,
.form-hover-bc\=text-m3 .form-field:hover {
  border-color: var(--text-m3);
}

[class*="--active"].active-bc\=text-m3,
[class*="--active"].active-bc\=text-m3:hover,
[class*="--active"] .active-bc\=text-m3,
[class*="--active"] .active-bc\=text-m3 {
  border-color: var(--text-m3);
}

.c\=dark1,
.after-c\=dark1::after,
.before-c\=dark1::before,
.dark-mode .dark-mode\:c\=dark1,
.link-c\=dark1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=dark1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=dark1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=dark1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=dark1 .link:not([class*="dark-mode:c="]),
.heading-c\=dark1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=dark1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=dark1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=dark1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=dark1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=dark1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--dark1);
}

/* Standard */
.placeholder-c\=dark1 ::placeholder {
  color: var(--dark1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=dark1 ::-webkit-input-placeholder {
  color: var(--dark1);
}

/* Firefox */
.placeholder-c\=dark1 ::-moz-placeholder {
  color: var(--dark1);
}

/* Internet Explorer */
.placeholder-c\=dark1 :-ms-input-placeholder {
  color: var(--dark1);
}

.td-c\=dark1 {
  text-decoration-color: var(--dark1);
}

.hover-c\=dark1:hover,
[class*="--active"].active-c\=dark1,
[class*="--active"] .active-c\=dark1,
.dark-mode .dark-mode\:hover-c\=dark1:hover,
.hover-link-c\=dark1 a:not([class*="hover-c="]):hover,
.hover-link-c\=dark1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=dark1 a:not([class*="hover-c="]):hover,
.link-hover-c\=dark1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=dark1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=dark1:not([class*=""]),
[class*="--active"].active-c\=dark1:hover,
[class*="--active"] .active-c\=dark1:hover,
.dark-mode .dark-mode\:link-hover-c\=dark1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=dark1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--dark1);
}

.bg\=dark1,
.dark-mode\:bg\=dark1,
.form-bg\=dark1 .form-field {
  background-color: var(--dark1);
}

.hover-bg\=dark1:hover,
[class*="--active"].active-bg\=dark1,
[class*="--active"] .active-bg\=dark1,
[class*="--active"].active-bg\=dark1:hover,
[class*="--active"] .active-bg\=dark1:hover,
.form-focus-bg\=dark1 .form-field:focus,
.form-hover-bg\=dark1 .form-field:hover {
  background-color: var(--dark1);
}

.bc\=dark1,
.dark-mode .dark-mode\:bc\=dark1,
.form-bc\=dark1 .form-field {
  border-color: var(--dark1);
}

.hover-bc\=dark1:hover,
.form-focus-bc\=dark1 .form-field:focus,
.form-hover-bc\=dark1 .form-field:hover {
  border-color: var(--dark1);
}

[class*="--active"].active-bc\=dark1,
[class*="--active"].active-bc\=dark1:hover,
[class*="--active"] .active-bc\=dark1,
[class*="--active"] .active-bc\=dark1 {
  border-color: var(--dark1);
}

.c\=cohouse1,
.after-c\=cohouse1::after,
.before-c\=cohouse1::before,
.dark-mode .dark-mode\:c\=cohouse1,
.link-c\=cohouse1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=cohouse1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=cohouse1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=cohouse1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=cohouse1 .link:not([class*="dark-mode:c="]),
.heading-c\=cohouse1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=cohouse1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=cohouse1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=cohouse1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=cohouse1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=cohouse1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--cohouse1);
}

/* Standard */
.placeholder-c\=cohouse1 ::placeholder {
  color: var(--cohouse1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=cohouse1 ::-webkit-input-placeholder {
  color: var(--cohouse1);
}

/* Firefox */
.placeholder-c\=cohouse1 ::-moz-placeholder {
  color: var(--cohouse1);
}

/* Internet Explorer */
.placeholder-c\=cohouse1 :-ms-input-placeholder {
  color: var(--cohouse1);
}

.td-c\=cohouse1 {
  text-decoration-color: var(--cohouse1);
}

.hover-c\=cohouse1:hover,
[class*="--active"].active-c\=cohouse1,
[class*="--active"] .active-c\=cohouse1,
.dark-mode .dark-mode\:hover-c\=cohouse1:hover,
.hover-link-c\=cohouse1 a:not([class*="hover-c="]):hover,
.hover-link-c\=cohouse1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=cohouse1 a:not([class*="hover-c="]):hover,
.link-hover-c\=cohouse1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=cohouse1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=cohouse1:not([class*=""]),
[class*="--active"].active-c\=cohouse1:hover,
[class*="--active"] .active-c\=cohouse1:hover,
.dark-mode .dark-mode\:link-hover-c\=cohouse1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=cohouse1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--cohouse1);
}

.bg\=cohouse1,
.dark-mode\:bg\=cohouse1,
.form-bg\=cohouse1 .form-field {
  background-color: var(--cohouse1);
}

.hover-bg\=cohouse1:hover,
[class*="--active"].active-bg\=cohouse1,
[class*="--active"] .active-bg\=cohouse1,
[class*="--active"].active-bg\=cohouse1:hover,
[class*="--active"] .active-bg\=cohouse1:hover,
.form-focus-bg\=cohouse1 .form-field:focus,
.form-hover-bg\=cohouse1 .form-field:hover {
  background-color: var(--cohouse1);
}

.bc\=cohouse1,
.dark-mode .dark-mode\:bc\=cohouse1,
.form-bc\=cohouse1 .form-field {
  border-color: var(--cohouse1);
}

.hover-bc\=cohouse1:hover,
.form-focus-bc\=cohouse1 .form-field:focus,
.form-hover-bc\=cohouse1 .form-field:hover {
  border-color: var(--cohouse1);
}

[class*="--active"].active-bc\=cohouse1,
[class*="--active"].active-bc\=cohouse1:hover,
[class*="--active"] .active-bc\=cohouse1,
[class*="--active"] .active-bc\=cohouse1 {
  border-color: var(--cohouse1);
}

.c\=creekboi1,
.after-c\=creekboi1::after,
.before-c\=creekboi1::before,
.dark-mode .dark-mode\:c\=creekboi1,
.link-c\=creekboi1 a:not([class*=" c="]):not([class^="c="]),
[class*=link-c] .link-c\=creekboi1 a:not([class*=" c="]):not([class^="c="]),
.nav-menu-c\=creekboi1 .nav-menu li a:not([class*=" c="]):not([class^="c="]),
.dark-mode .dark-mode\:link-c\=creekboi1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=creekboi1 .link:not([class*="dark-mode:c="]),
.heading-c\=creekboi1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=creekboi1 .ui-heading:not([class*="c="]),
[class*=heading-c] .heading-c\=creekboi1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] .heading-c\=creekboi1 .ui-heading:not([class*="c="]),
[class*=heading-c] [class*=heading-c] [class*=heading-c] .heading-c\=creekboi1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=creekboi1 .ui-heading:not([class*="dark-mode:c="]) {
  color: var(--creekboi1);
}

/* Standard */
.placeholder-c\=creekboi1 ::placeholder {
  color: var(--creekboi1);
}

/* Chrome, Safari, Edge */
.placeholder-c\=creekboi1 ::-webkit-input-placeholder {
  color: var(--creekboi1);
}

/* Firefox */
.placeholder-c\=creekboi1 ::-moz-placeholder {
  color: var(--creekboi1);
}

/* Internet Explorer */
.placeholder-c\=creekboi1 :-ms-input-placeholder {
  color: var(--creekboi1);
}

.td-c\=creekboi1 {
  text-decoration-color: var(--creekboi1);
}

.hover-c\=creekboi1:hover,
[class*="--active"].active-c\=creekboi1,
[class*="--active"] .active-c\=creekboi1,
.dark-mode .dark-mode\:hover-c\=creekboi1:hover,
.hover-link-c\=creekboi1 a:not([class*="hover-c="]):hover,
.hover-link-c\=creekboi1 .link:not([class*="hover-c="]):hover,
.link-hover-c\=creekboi1 a:not([class*="hover-c="]):hover,
.link-hover-c\=creekboi1 .link:not([class*="hover-c="]):hover,
[class*="link-c="] [class*="--active"].active-c\=creekboi1:not([class*=""]),
[class*="link-c="] [class*="--active"] .active-c\=creekboi1:not([class*=""]),
[class*="--active"].active-c\=creekboi1:hover,
[class*="--active"] .active-c\=creekboi1:hover,
.dark-mode .dark-mode\:link-hover-c\=creekboi1 a:not([class*="dark-mode:hover-c="]),
.dark-mode .dark-mode\:link-hover-c\=creekboi1 .link:not([class*="dark-mode:hover-c="]) {
  color: var(--creekboi1);
}

.bg\=creekboi1,
.dark-mode\:bg\=creekboi1,
.form-bg\=creekboi1 .form-field {
  background-color: var(--creekboi1);
}

.hover-bg\=creekboi1:hover,
[class*="--active"].active-bg\=creekboi1,
[class*="--active"] .active-bg\=creekboi1,
[class*="--active"].active-bg\=creekboi1:hover,
[class*="--active"] .active-bg\=creekboi1:hover,
.form-focus-bg\=creekboi1 .form-field:focus,
.form-hover-bg\=creekboi1 .form-field:hover {
  background-color: var(--creekboi1);
}

.bc\=creekboi1,
.dark-mode .dark-mode\:bc\=creekboi1,
.form-bc\=creekboi1 .form-field {
  border-color: var(--creekboi1);
}

.hover-bc\=creekboi1:hover,
.form-focus-bc\=creekboi1 .form-field:focus,
.form-hover-bc\=creekboi1 .form-field:hover {
  border-color: var(--creekboi1);
}

[class*="--active"].active-bc\=creekboi1,
[class*="--active"].active-bc\=creekboi1:hover,
[class*="--active"] .active-bc\=creekboi1,
[class*="--active"] .active-bc\=creekboi1 {
  border-color: var(--creekboi1);
}

.c\=trans {
  color: transparent;
}

.c\=inherit {
  color: inherit;
}

.bg\=trans,
.form-bg\=trans .form-field {
  background-color: transparent;
}

.bc\=trans {
  border-color: transparent;
}

.bc\=inherit {
  border-color: inherit;
}

.bc\=currentColor {
  border-color: currentColor;
}

.bg\=inherit {
  background-color: inherit;
}

.bg\=currentColor {
  background-color: currentColor;
}

.br\=inherit {
  border-radius: inherit;
}

.list-style\=none {
  list-style: none;
}

.line\=p9 {
  line-height: 0.9;
}

.ui-icon .lni {
  font-size: inherit;
}

.u7settings ui-date .selected {
  background-color: var(--c13);
  color: var(--light1);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+1),
.children-bg-sequence > *:nth-child(5n+1) .bg\=sequence {
  background-color: rgb(var(--seq1)/30%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+2),
.children-bg-sequence > *:nth-child(5n+2) .bg\=sequence {
  background-color: rgb(var(--seq2)/30%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+3),
.children-bg-sequence > *:nth-child(5n+3) .bg\=sequence {
  background-color: rgb(var(--seq3)/30%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+4),
.children-bg-sequence > *:nth-child(5n+4) .bg\=sequence {
  background-color: rgb(var(--seq4)/30%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+5),
.children-bg-sequence > *:nth-child(5n+5) .bg\=sequence {
  background-color: rgb(var(--seq5)/30%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+6),
.children-bg-sequence > *:nth-child(5n+6) .bg\=sequence {
  background-color: rgb(var(--seq6)/30%);
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+1),
.children-bc-sequence > *:nth-child(5n+1) .bc\=sequence {
  border-color: rgb(var(--seq1));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+2),
.children-bc-sequence > *:nth-child(5n+2) .bc\=sequence {
  border-color: rgb(var(--seq2));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+3),
.children-bc-sequence > *:nth-child(5n+3) .bc\=sequence {
  border-color: rgb(var(--seq3));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+4),
.children-bc-sequence > *:nth-child(5n+4) .bc\=sequence {
  border-color: rgb(var(--seq4));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+5),
.children-bc-sequence > *:nth-child(5n+5) .bc\=sequence {
  border-color: rgb(var(--seq5));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+6),
.children-bc-sequence > *:nth-child(5n+6) .bc\=sequence {
  border-color: rgb(var(--seq6));
}

@media (max-width: 768px) {
  .ui-nav .nav-menu {
    background-color: var(--mobile-nav-menu-bg);
  }
}
.opacity\=0 {
  opacity: 0;
}

.opacity\=1 {
  opacity: 0.05;
}

.opacity\=2 {
  opacity: 0.1;
}

.opacity\=3 {
  opacity: 0.15;
}

.opacity\=4 {
  opacity: 0.2;
}

.opacity\=5 {
  opacity: 0.25;
}

.opacity\=6 {
  opacity: 0.3;
}

.opacity\=7 {
  opacity: 0.35;
}

.opacity\=8 {
  opacity: 0.4;
}

.opacity\=9 {
  opacity: 0.45;
}

.opacity\=10 {
  opacity: 0.5;
}

.opacity\=11 {
  opacity: 0.55;
}

.opacity\=12 {
  opacity: 0.6;
}

.opacity\=13 {
  opacity: 0.65;
}

.opacity\=14 {
  opacity: 0.7;
}

.opacity\=15 {
  opacity: 0.75;
}

.opacity\=16 {
  opacity: 0.8;
}

.opacity\=17 {
  opacity: 0.85;
}

.opacity\=18 {
  opacity: 0.9;
}

.opacity\=19 {
  opacity: 0.95;
}

.opacity\=20 {
  opacity: 1;
}

/*# sourceMappingURL=u7settings.css.map */