/* // @@ -- declare colors // */
.theme_x {
  --color-white: #fff;
  --color-dark1: #141413;
  --color-dark-surface1: rgb(39 39 36);
  /* rgb(25 25 23); */
  --color-light: rgb(250 249 245);
  /* #FAF9F5; */
  --color-light: rgb(255 251 247);
  /* #FAF9F5; */
  --color-light-surface1: #f0eee6;
  --color-light-surface2: #efede4;
  --color-light2: #e3dacc;
  --color-light2-surface1: #cec3b2;
  --color-light3: rgb(247, 242, 240);
  --text-muted: rgba(117, 117, 117, 1);
  --color1: #d97757;
  --color2: rgb(188 209 202);
  --color3: rgb(227 218 204);
  --color4: rgb(29 78 216);
  --color5: rgb(196 255 28);
  --color6: rgb(28 255 192);
  --color7: rgb(3 62 62);
  /* rgb(2 101 101); */
  --color8: #3f4fcd;
  /* // this bluse */
  --color9: rgb(223, 232, 231);
  --color10: rgb(209 248 235);
  --color11: rgb(214, 249, 252);
  --color12: rgb(230 234 245);
  --color13: rgb(196, 201, 255);
  --color14: rgb(224, 231, 234);
  --color15: rgb(228, 192, 206);
}

.theme_x {
  --text-color: var(--color-dark1);
  --text-color-64: rgb(20 20 19 / 64%);
  --heading-color: var(--color-dark1);
  --link-color: var(--color-dark1);
  --text-light: var(--color-light);
  --text-light-64: rgb(250 249 245 / 64%);
  --heading-color: var(--color-dark1);
  --link-color: var(--color-dark1);
  --heading-light-color: var(--color-dark1);
  --bg-main: var(--color-white);
  --bg-white: var(--color-white);
  --bg-light: var(--color-light);
  --bg-dark: var(--color-dark1);
  /* // @@ Text colors on Dark and Images */
  --text-on-dark-color: var(--color-light);
  --text-on-dark-color-64: rgb(250 249 245 / 68%);
  --link-color: var(--text-color);
  --nav-menu-color: var(--text-color);
  --nav-menu-hover-color: var(--color1);
  --nav-logo-color: var(--text-color);
  --border-color: var(--color-dark1);
  --border-light-color1: var(--color-light);
  --border-color-12: rgb(20 20 19 / 12%);
  --border-light-color-12: rgb(255 251 247 / 22%);
  --border-color-16: rgb(115 79 67 / 16%);
  --border-color-36: rgb(115 79 67 / 36%);
  --border-color-70: rgb(70 57 53 / 70%);
}

.theme_x.dark---mode {
  --body-color: #f9f9f9;
  --body-color-muted: #c3c3c3;
  --heading-color: #f9f9f9;
  --color1: rgb(24, 25, 27);
  --nav-menu-color: #fff;
  --nav-logo-color: #fff;
  --nav-menu-hover-color: #c3c3c3;
  --bg-main: rgb(24, 25, 27);
  --bg-main-surface1: rgb(41 42 46);
  --link-color: #fff;
}

.u-theme-dark {
  background-color: var(--_color-theme---background);
  color: var(--_color-theme---text);
  --_color-theme---background: var(--swatch--slate-dark);
  --_color-theme---text: var(--swatch--ivory-light);
  --_color-theme---link--text-hover: var(--swatch--ivory-medium);
  --_color-theme---border: var(--swatch--ivory-faded-10);
  --_color-theme---text-agate: var(--swatch--cloud-medium);
  --_color-theme---background-secondary: var(--swatch--slate-medium);
  --_color-theme---background-secondary-hover: var(--swatch--slate-light);
  --_color-theme---border-hover: var(--swatch--ivory-faded-20);
  --_color-theme---button-primary--border: var(--swatch--ivory-light);
  --_color-theme---card: var(--swatch--slate-medium);
  --_color-theme---card-faded: var(--swatch--ivory-faded-10);
  --_color-theme---card-faded-hover: var(--swatch--ivory-faded-20);
  --_color-theme---link--text: var(--swatch--slate-dark);
  --_color-theme---link--text-active: var(--swatch--slate-dark);
  --_color-theme---button-primary--background: var(--swatch--ivory-light);
  --_color-theme---button-primary--text: var(--swatch--slate-dark);
  --_color-theme---button-primary--background-hover: var(--swatch--ivory-medium);
  --_color-theme---button-primary--border-hover: var(--swatch--ivory-medium);
  --_color-theme---button-primary--text-hover: var(--swatch--slate-dark);
  --_color-theme---button-secondary--background: var(--swatch--transparent);
  --_color-theme---button-secondary--border: var(--swatch--ivory-light);
  --_color-theme---button-secondary--text: var(--swatch--ivory-light);
  --_color-theme---button-secondary--background-hover: var(--swatch--ivory-light);
  --_color-theme---button-secondary--border-hover: var(--swatch--ivory-light);
  --_color-theme---button-secondary--text-hover: var(--swatch--slate-dark);
  --_color-theme---button-tertiary--background: var(--swatch--transparent);
  --_color-theme---button-tertiary--border: var(--_color-theme---border);
  --_color-theme---button-tertiary--text: var(--_color-theme---text);
  --_color-theme---button-tertiary--background-hover: var(--swatch--transparent);
  --_color-theme---button-tertiary--border-hover: var(--_color-theme---text);
  --_color-theme---button-tertiary--text-hover: var(--_color-theme---text);
}

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 {
  color: var(--text-color);
  background-color: var(--bg-main);
}

body {
  color: var(--text-color);
  background-color: var(--bg-main);
}

.nav-logo {
  color: var(--nav-logo-color);
}

a:not([class*=" c="]),
._on-dark .reset-on-dark a:not([class*=" c="]) {
  color: var(--link-color);
}

.nav-menu li a {
  color: var(--nav-menu-color);
}

.nav-menu li a:hover {
  color: var(--nav-menu-hover-color);
}

.ui-heading,
._on-dark .reset-on-dark.ui-heading,
._on-dark .reset-on-dark .ui-heading {
  color: var(--heading-color);
}

.c\=text,
.link-c\=text a,
.hover\:c\=text:hover,
._on-dark .reset-on-dark,
._on-dark .reset-on-dark.c\=text,
._on-dark .reset-on-dark .c\=text,
._on-dark .reset-on-dark.hover\:c\=text:hover,
._on-dark .reset-on-dark .hover\:c\=text:hover {
  color: var(--text-color);
}

.c\=text-64,
.link-c\=text-64 a,
.hover\:c\=text-64:hover,
._on-dark .reset-on-dark.c\=text-64,
._on-dark .reset-on-dark .c\=text-64,
._on-dark .reset-on-dark.hover\:c\=text-64:hover,
._on-dark .reset-on-dark .hover\:c\=text-64:hover {
  color: var(--text-color-64);
}

.c\=text-light,
.link-c\=text-light a,
.hover\:c\=text-light:hover {
  color: var(--text-light);
}

._on-dark .c\=text,
._on-dark .c\=text-light,
._on-dark .link-c\=text a,
._on-dark .link-c\=text-light a {
  color: var(--color-dark1);
}

.c\=text-light-64,
._on-dark .c\=text-64,
._on-dark .link-c\=text-64 a:not([class*=" c="]),
.link-c\=text-light-64 {
  color: var(--text-light-64);
}

.c\=color1,
.link-c\=color1 a,
.icon-c\=color1 .ui-icon {
  color: var(--color1);
}

/* // ================== Hover, Active Color States ======================== // */
._on-dark .link-hover-c\=text a:hover,
._on-dark .link-hover-c\=text-light a:not([class*="hover-c="]):hover {
  color: var(--color-light);
}

.bg\=main {
  background-color: var(--bg-main);
}

.bg\=main-surface1 {
  background-color: var(--bg-main-surface1);
}

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

.bg\=light-surface1,
.bg\=light .surface1:not([class*="bg="]) {
  background-color: var(--color-light-surface1);
}

.bg\=light .surface2:not([class*="bg="]) {
  background-color: var(--color-light-surface2);
}

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

.bg\=light2 .surface1:not([class*="bg="]) {
  background-color: var(--color-light2-surface1);
}

.bg\=light2 .surface2:not([class*="bg="]) {
  background-color: var(--color-light2-surface2);
}

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

.bg\=light3 .surface1:not([class*="bg="]) {
  background-color: var(--color-light3-surface1);
}

.bg\=light3 .surface2:not([class*="bg="]) {
  background-color: var(--color-light3-surface2);
}

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

.bg\=light4 .surface1:not([class*="bg="]) {
  background-color: var(--color-light4-surface1);
}

.bg\=light4 .surface2:not([class*="bg="]) {
  background-color: var(--color-light4-surface2);
}

.bg\=light5 {
  background-color: var(--color-light5);
}

.bg\=light5 .surface1:not([class*="bg="]) {
  background-color: var(--color-light5-surface1);
}

.bg\=light5 .surface2:not([class*="bg="]) {
  background-color: var(--color-light5-surface2);
}

.bg\=light6 {
  background-color: var(--color-light6);
}

.bg\=light6 .surface1:not([class*="bg="]) {
  background-color: var(--color-light6-surface1);
}

.bg\=light6 .surface2:not([class*="bg="]) {
  background-color: var(--color-light6-surface2);
}

.bg\=light64 {
  background-color: var(--color-light-64);
}

.bg\=light64 .surface1:not([class*="bg="]) {
  background-color: var(--color-light-64-surface1);
}

.bg\=light64 .surface2:not([class*="bg="]) {
  background-color: var(--color-light-64-surface2);
}

.bg\=light6 {
  background-color: var(--color-light5);
}

.bg\=light6 .surface1:not([class*="bg="]) {
  background-color: var(--color-light6-surface1);
}

.bg\=light6 .surface2:not([class*="bg="]) {
  background-color: var(--color-light6-surface2);
}

.bg\=white {
  background-color: var(--color-white);
}

.bg\=dark,
.hover\:bg\=dark:hover {
  background-color: var(--color-dark1);
}

._on-dark .bg\=dark,
._on-dark .hover\:bg\=dark:hover {
  background-color: var(--color-light);
}

.bg\=color1 {
  background-color: var(--color1);
}

.bg\=currentColor {
  background-color: currentColor;
}

.bg\=inherit {
  background-color: inherit;
}

.bg\=trans {
  background-color: transparent;
}

.surface1 {
  background-color: var(--bg-main-surface1);
}

/* // @@ Quick On dark ========================================= */
._on-dark {
  color: var(--text-on-dark-color);
}

._on-dark a:not([class*=" c="]),
._on-dark .c\=text,
._on-dark .ui-heading {
  color: var(--text-light);
}

._on-dark .c\=text-64,
._on-dark .link-c\=text-64,
._on-dark .hover\:c\=text-64:hover,
._on-dark .link-hover-c\=text-64 a:hover {
  color: var(--text-light-64);
}

._on-dark .c\=text-78,
._on-dark .link-c\=text-78,
._on-dark .hover\:c\=text-78:hover,
._on-dark .link-hover-c\=text-78 a:hover {
  color: var(--text-light-78);
}

._on-dark .surface1 {
  background-color: var(--color-dark-surface1);
}

/* ==== --- ====== >>>>>> // Border ============================= -- ==== // */
.border-t,
.border-r,
.border-b,
.border-l,
[class*=border],
.ui-form .form-field {
  border-color: var(--border-color);
}

.bc\=border {
  border-color: var(--border-color);
}

._on-dark .border-t,
._on-dark .border-r,
._on-dark .border-b,
._on-dark .border-l,
._on-dark [class*=border],
._on-dark .form-field {
  border-color: var(--border-light-color1);
}

.bc\=border-12,
.form-bc\=border-12 .form-field,
.form-focus-bc\=border-12 .form-field:focus,
._on-dark .reset-on-dark .bc\=border-12 {
  border-color: var(--border-color-12);
}

._on-dark .bc\=border-12,
._on-dark .form-bc\=border-12 .form-field,
._on-dark .form-focus-bc\=border-12 .form-field:focus {
  border-color: var(--border-light-color-12);
}

.bc\=border-16,
.form-bc\=border-16 .form-field,
.form-focus-bc\=border-16 .form-field:focus,
._on-dark .reset-on-dark .bc\=border-16 {
  border-color: var(--border-color-16);
}

.bc\=border-36,
.form-bc\=border-36 .form-field,
.form-focus-bc\=border-36 .form-field:focus,
._on-dark .reset-on-dark .bc\=border-36 {
  border-color: var(--border-color-36);
}

.bc\=border-70,
.form-bc\=border-70 .form-field,
.form-focus-bc\=border-70 .form-field:focus,
._on-dark .reset-on-dark .bc\=border-70 {
  border-color: var(--border-color-70);
}

.bc\=color1,
.form-bc\=color1 .form-field,
.form-focus-bc\=color1 .form-field:focus,
._on-dark .reset-on-dark .bc\=color1 {
  border-color: var(--color1);
}

.bc\=light {
  border-color: var(--border-light-color1);
}

.bc\=trans {
  border-color: transparent;
}

.ghxf {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #dde9ed 20%, #dde9ed 100%);
}

::selection {
  background: rgba(204, 120, 92, 0.5);
}

.bg-gradient\=color4-color5 {
  background: linear-gradient(180deg, #3551ef 0%, #35c3ef 100%);
}

.ui-nav,
.ui-block.bg\=light:not(.real-light) {
  background-color: #fff;
}

.ui-block .surface1,
.ui-block.bg\=light:not(.real-light) .surface1 {
  background-color: var(--color-light);
}

/* .ui-heading,
._on-dark .reset-on-dark.ui-heading,
._on-dark .reset-on-dark .ui-heading {
    color: #1d2024;
} */
.theme_x {
  --color-dark1: rgb(22 22 24);
  /* #1f212b; */
  --text-64: rgb(22 22 24 / 64%);
  --text-78: rgb(22 22 24 / 78%);
  --color-light: #f7f8fa;
  --color-light2: rgb(235 239 244);
  --color-light3: #f2f4f8;
  --color-light4: rgb(247 248 250 / 72%);
  --color-light5: rgb(251 252 252 / 72%);
  --color-light6: rgb(245 245 247 / 60%);
  --text-light-64: rgb(245 245 250 / 64%);
  --text-light-78: rgb(245 245 250 / 78%);
  --color1: var(--color8);
  --color1-5: rgb(47 68 221 / 5%);
  --color1-3: rgb(47 68 221 / 3%);
  --color1-70: rgb(47 68 221 / 70%);
  --color3: rgb(211 204 227);
  --color8: rgb(47 68 221);
  --border-color-8: rgb(240 242 247);
  /* rgb(115 79 67 / 8%); */
  --border-color-16: rgb(115 79 67 / 16%);
  --border-color-36: rgb(214 216 221);
  --border-color-70: rgb(214 217 221);
  --border-color1-12: rgb(25 42 170 / 12%);
}

.bc\=color1-12,
.form-bc\=color1-12 .form-field {
  border-color: var(--border-color1-12);
}

.bg\=color1[class*="c=text"] {
  color: var(--color-light);
}

.bg\=color1-3 {
  background-color: var(--color1-3);
}

.bg\=color1-5 {
  background-color: var(--color1-5);
}

.bg\=color1-70 {
  background-color: var(--color1-70);
}

._4stheme .ui-dash-side .__active,
._4stheme .ui-block[class*="bg=light"] {
  background-color: #f5f5f7;
}

._4stheme .ui-dash-side .__active:not([class="c="]) {
  color: var(--color1);
}

._4stheme .ui-dash-side a {
  border-radius: 1rem;
}

._4stheme .ui-dash-side a:hover {
  background-color: rgba(245, 245, 247, 0.6);
}

._4stheme .ui-dash-side a:not([class*=" c="]) {
  color: #111;
}

._4stheme {
  --border-color-12: rgb(247 244 247 / 100%);
}

._4stheme #ui-dash-content {
  background-color: #fff;
}

.shadow\=2i {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
}

.shadow--3 {
  box-shadow: 0 0 0px 5px rgba(97, 107, 141, 0.05);
}

.shadow--3b,
.hover-shadow--3b:hover {
  box-shadow: 0 0 3px 5px rgba(97, 107, 141, 0.08);
}

.icon-bg1 {
  background-color: #f5f5f7;
}

/* .stripe-progress {
    background-color: rgb(196, 201, 255);
    background-image: repeating-linear-gradient(45deg,
            rgba(255, 255, 255, 0.3) 0,
            rgba(255, 255, 255, 0.3) 10px,
            transparent 10px,
            transparent 20px);
    background-size: 40px 40px;
    animation: stripeMove 1s linear 2;
} */
/* .bg\=color1.stripe-progress {
    background-color: var(--color1);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=dark.stripe-progress {
    background-color: var(--color-dark1);
    background-image: repeating-linear-gradient(45deg, rgb(255 255 255 / 84%) 0, rgb(255 255 255 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=color12.stripe-progress {
    background-color: var(--color12);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=color13.stripe-progress {
    background-color: var(--color13);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=color14.stripe-progress {
    background-color: var(--color14);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=color15.stripe-progress {
    background-color: var(--color15);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

.bg\=color16.stripe-progress {
    background-color: var(--color16);
    background-image: repeating-linear-gradient(45deg, rgb(0 0 0 / 84%) 0, rgb(0 0 0 / 80%) 2px, transparent 2px, transparent 10px);
    animation: stripeMove 1s linear 2;
}

@keyframes stripeMove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 40px 0;
    }
} */
.bc\=border1,
.form-bc\=border1 .form-field {
  border-color: #e8e8e8;
  /* #e8e8e8 */
}

.bc\=border2,
.form-bc\=border2 .form-field {
  border-color: #e5e6e9;
}

.bc\=border3,
.form-bc\=border3 .form-field {
  border-color: rgba(239, 240, 242, 0.7);
}

.bc\=border4,
.form-bc\=border4 .form-field {
  border-color: #e6e6ee;
}

.bc\=border5,
.form-bc\=border5 .form-field {
  border-color: #c9cbd5;
}

.bc\=border6,
.form-bc\=border6 .form-field {
  border-color: #ebebf1;
}

.bc\=border7,
.form-bc\=border7 .form-field {
  border-color: #ccccd5;
}

.bc\=border8,
.form-bc\=border8 .form-field {
  border-color: rgba(0, 0, 0, 0.15);
}

.bc\=border9,
.form-bc\=border9 .form-field {
  border-color: rgba(33, 63, 132, 0.15);
}

.bc\=245,
.form-bc\=245 .form-field {
  border-color: whitesmoke;
}

.bg\=247 {
  background-color: #f7f7f7;
}

.bg\=card {
  background-color: white;
}

.bg\=red2 {
  background-color: #fc6359;
}

.bg\=surafce0 {
  background-color: #fcfdff;
}

.bg\=color1b {
  background-color: #d6dff1;
}

.bg\=color1c {
  background-color: #f0f2f8;
}

.theme_x {
  --color-z1: 19 19 20;
  --color-z2: 255 255 255;
  --color-z3: 47 68 221;
  --color-z4: 168 129 248;
  --color-z5: 51 178 172;
  --color-z6: 229 127 201;
  --color-z7: 43 67 255;
  --color-z8: 254 180 60;
  --color-z9: 252 99 89;
  --color-z10: 220 38 70;
  --color-text2: 131 135 142;
  --color-text3: 179 181 186;
}

.c\=text2,
.link-c\=text2 a:not([class="c="]),
.link-hover-c\=text2 a:not([class="hover-c="]):hover {
  color: rgb(var(--color-text2));
}

.c\=text3,
.link-c\=text3 a:not([class="c="]),
.link-hover-c\=text3 a:not([class="hover-c="]):hover {
  color: rgb(var(--color-text3));
}

.c\=z1,
.dark-mode .dark-mode\:c\=z1,
.link-c\=z1 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1 .link:not([class*="dark-mode:c="]),
.heading-c\=z1 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1));
}

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

.c\=z1-5,
.dark-mode .dark-mode\:c\=z1-5,
.link-c\=z1-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/5%);
}

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

.c\=z1-10,
.dark-mode .dark-mode\:c\=z1-10,
.link-c\=z1-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/10%);
}

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

.c\=z1-15,
.dark-mode .dark-mode\:c\=z1-15,
.link-c\=z1-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/15%);
}

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

.c\=z1-20,
.dark-mode .dark-mode\:c\=z1-20,
.link-c\=z1-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/20%);
}

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

.c\=z1-25,
.dark-mode .dark-mode\:c\=z1-25,
.link-c\=z1-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/25%);
}

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

.c\=z1-30,
.dark-mode .dark-mode\:c\=z1-30,
.link-c\=z1-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/30%);
}

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

.c\=z1-35,
.dark-mode .dark-mode\:c\=z1-35,
.link-c\=z1-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/35%);
}

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

.c\=z1-40,
.dark-mode .dark-mode\:c\=z1-40,
.link-c\=z1-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/40%);
}

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

.c\=z1-45,
.dark-mode .dark-mode\:c\=z1-45,
.link-c\=z1-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/45%);
}

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

.c\=z1-50,
.dark-mode .dark-mode\:c\=z1-50,
.link-c\=z1-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/50%);
}

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

.c\=z1-55,
.dark-mode .dark-mode\:c\=z1-55,
.link-c\=z1-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/55%);
}

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

.c\=z1-60,
.dark-mode .dark-mode\:c\=z1-60,
.link-c\=z1-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/60%);
}

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

.c\=z1-65,
.dark-mode .dark-mode\:c\=z1-65,
.link-c\=z1-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/65%);
}

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

.c\=z1-70,
.dark-mode .dark-mode\:c\=z1-70,
.link-c\=z1-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/70%);
}

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

.c\=z1-75,
.dark-mode .dark-mode\:c\=z1-75,
.link-c\=z1-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/75%);
}

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

.c\=z1-80,
.dark-mode .dark-mode\:c\=z1-80,
.link-c\=z1-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/80%);
}

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

.c\=z1-85,
.dark-mode .dark-mode\:c\=z1-85,
.link-c\=z1-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/85%);
}

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

.c\=z1-90,
.dark-mode .dark-mode\:c\=z1-90,
.link-c\=z1-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/90%);
}

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

.c\=z1-95,
.dark-mode .dark-mode\:c\=z1-95,
.link-c\=z1-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/95%);
}

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

.c\=z1-100,
.dark-mode .dark-mode\:c\=z1-100,
.link-c\=z1-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z1-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z1-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z1-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z1 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z1)/100%);
}

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

.c\=z2,
.dark-mode .dark-mode\:c\=z2,
.link-c\=z2 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2 .link:not([class*="dark-mode:c="]),
.heading-c\=z2 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2));
}

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

.c\=z2-5,
.dark-mode .dark-mode\:c\=z2-5,
.link-c\=z2-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/5%);
}

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

.c\=z2-10,
.dark-mode .dark-mode\:c\=z2-10,
.link-c\=z2-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/10%);
}

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

.c\=z2-15,
.dark-mode .dark-mode\:c\=z2-15,
.link-c\=z2-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/15%);
}

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

.c\=z2-20,
.dark-mode .dark-mode\:c\=z2-20,
.link-c\=z2-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/20%);
}

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

.c\=z2-25,
.dark-mode .dark-mode\:c\=z2-25,
.link-c\=z2-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/25%);
}

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

.c\=z2-30,
.dark-mode .dark-mode\:c\=z2-30,
.link-c\=z2-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/30%);
}

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

.c\=z2-35,
.dark-mode .dark-mode\:c\=z2-35,
.link-c\=z2-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/35%);
}

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

.c\=z2-40,
.dark-mode .dark-mode\:c\=z2-40,
.link-c\=z2-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/40%);
}

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

.c\=z2-45,
.dark-mode .dark-mode\:c\=z2-45,
.link-c\=z2-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/45%);
}

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

.c\=z2-50,
.dark-mode .dark-mode\:c\=z2-50,
.link-c\=z2-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/50%);
}

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

.c\=z2-55,
.dark-mode .dark-mode\:c\=z2-55,
.link-c\=z2-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/55%);
}

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

.c\=z2-60,
.dark-mode .dark-mode\:c\=z2-60,
.link-c\=z2-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/60%);
}

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

.c\=z2-65,
.dark-mode .dark-mode\:c\=z2-65,
.link-c\=z2-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/65%);
}

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

.c\=z2-70,
.dark-mode .dark-mode\:c\=z2-70,
.link-c\=z2-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/70%);
}

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

.c\=z2-75,
.dark-mode .dark-mode\:c\=z2-75,
.link-c\=z2-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/75%);
}

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

.c\=z2-80,
.dark-mode .dark-mode\:c\=z2-80,
.link-c\=z2-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/80%);
}

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

.c\=z2-85,
.dark-mode .dark-mode\:c\=z2-85,
.link-c\=z2-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/85%);
}

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

.c\=z2-90,
.dark-mode .dark-mode\:c\=z2-90,
.link-c\=z2-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/90%);
}

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

.c\=z2-95,
.dark-mode .dark-mode\:c\=z2-95,
.link-c\=z2-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/95%);
}

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

.c\=z2-100,
.dark-mode .dark-mode\:c\=z2-100,
.link-c\=z2-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z2-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z2-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z2-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z2 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z2)/100%);
}

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

.c\=z3,
.dark-mode .dark-mode\:c\=z3,
.link-c\=z3 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3 .link:not([class*="dark-mode:c="]),
.heading-c\=z3 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3));
}

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

.c\=z3-5,
.dark-mode .dark-mode\:c\=z3-5,
.link-c\=z3-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/5%);
}

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

.c\=z3-10,
.dark-mode .dark-mode\:c\=z3-10,
.link-c\=z3-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/10%);
}

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

.c\=z3-15,
.dark-mode .dark-mode\:c\=z3-15,
.link-c\=z3-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/15%);
}

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

.c\=z3-20,
.dark-mode .dark-mode\:c\=z3-20,
.link-c\=z3-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/20%);
}

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

.c\=z3-25,
.dark-mode .dark-mode\:c\=z3-25,
.link-c\=z3-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/25%);
}

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

.c\=z3-30,
.dark-mode .dark-mode\:c\=z3-30,
.link-c\=z3-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/30%);
}

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

.c\=z3-35,
.dark-mode .dark-mode\:c\=z3-35,
.link-c\=z3-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/35%);
}

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

.c\=z3-40,
.dark-mode .dark-mode\:c\=z3-40,
.link-c\=z3-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/40%);
}

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

.c\=z3-45,
.dark-mode .dark-mode\:c\=z3-45,
.link-c\=z3-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/45%);
}

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

.c\=z3-50,
.dark-mode .dark-mode\:c\=z3-50,
.link-c\=z3-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/50%);
}

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

.c\=z3-55,
.dark-mode .dark-mode\:c\=z3-55,
.link-c\=z3-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/55%);
}

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

.c\=z3-60,
.dark-mode .dark-mode\:c\=z3-60,
.link-c\=z3-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/60%);
}

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

.c\=z3-65,
.dark-mode .dark-mode\:c\=z3-65,
.link-c\=z3-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/65%);
}

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

.c\=z3-70,
.dark-mode .dark-mode\:c\=z3-70,
.link-c\=z3-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/70%);
}

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

.c\=z3-75,
.dark-mode .dark-mode\:c\=z3-75,
.link-c\=z3-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/75%);
}

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

.c\=z3-80,
.dark-mode .dark-mode\:c\=z3-80,
.link-c\=z3-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/80%);
}

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

.c\=z3-85,
.dark-mode .dark-mode\:c\=z3-85,
.link-c\=z3-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/85%);
}

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

.c\=z3-90,
.dark-mode .dark-mode\:c\=z3-90,
.link-c\=z3-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/90%);
}

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

.c\=z3-95,
.dark-mode .dark-mode\:c\=z3-95,
.link-c\=z3-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/95%);
}

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

.c\=z3-100,
.dark-mode .dark-mode\:c\=z3-100,
.link-c\=z3-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z3-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z3-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z3-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z3 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z3)/100%);
}

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

.c\=z4,
.dark-mode .dark-mode\:c\=z4,
.link-c\=z4 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4 .link:not([class*="dark-mode:c="]),
.heading-c\=z4 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4));
}

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

.c\=z4-5,
.dark-mode .dark-mode\:c\=z4-5,
.link-c\=z4-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/5%);
}

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

.c\=z4-10,
.dark-mode .dark-mode\:c\=z4-10,
.link-c\=z4-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/10%);
}

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

.c\=z4-15,
.dark-mode .dark-mode\:c\=z4-15,
.link-c\=z4-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/15%);
}

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

.c\=z4-20,
.dark-mode .dark-mode\:c\=z4-20,
.link-c\=z4-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/20%);
}

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

.c\=z4-25,
.dark-mode .dark-mode\:c\=z4-25,
.link-c\=z4-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/25%);
}

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

.c\=z4-30,
.dark-mode .dark-mode\:c\=z4-30,
.link-c\=z4-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/30%);
}

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

.c\=z4-35,
.dark-mode .dark-mode\:c\=z4-35,
.link-c\=z4-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/35%);
}

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

.c\=z4-40,
.dark-mode .dark-mode\:c\=z4-40,
.link-c\=z4-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/40%);
}

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

.c\=z4-45,
.dark-mode .dark-mode\:c\=z4-45,
.link-c\=z4-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/45%);
}

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

.c\=z4-50,
.dark-mode .dark-mode\:c\=z4-50,
.link-c\=z4-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/50%);
}

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

.c\=z4-55,
.dark-mode .dark-mode\:c\=z4-55,
.link-c\=z4-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/55%);
}

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

.c\=z4-60,
.dark-mode .dark-mode\:c\=z4-60,
.link-c\=z4-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/60%);
}

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

.c\=z4-65,
.dark-mode .dark-mode\:c\=z4-65,
.link-c\=z4-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/65%);
}

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

.c\=z4-70,
.dark-mode .dark-mode\:c\=z4-70,
.link-c\=z4-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/70%);
}

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

.c\=z4-75,
.dark-mode .dark-mode\:c\=z4-75,
.link-c\=z4-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/75%);
}

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

.c\=z4-80,
.dark-mode .dark-mode\:c\=z4-80,
.link-c\=z4-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/80%);
}

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

.c\=z4-85,
.dark-mode .dark-mode\:c\=z4-85,
.link-c\=z4-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/85%);
}

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

.c\=z4-90,
.dark-mode .dark-mode\:c\=z4-90,
.link-c\=z4-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/90%);
}

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

.c\=z4-95,
.dark-mode .dark-mode\:c\=z4-95,
.link-c\=z4-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/95%);
}

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

.c\=z4-100,
.dark-mode .dark-mode\:c\=z4-100,
.link-c\=z4-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z4-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z4-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z4-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z4 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z4)/100%);
}

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

.c\=z5,
.dark-mode .dark-mode\:c\=z5,
.link-c\=z5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5 .link:not([class*="dark-mode:c="]),
.heading-c\=z5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5));
}

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

.c\=z5-5,
.dark-mode .dark-mode\:c\=z5-5,
.link-c\=z5-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/5%);
}

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

.c\=z5-10,
.dark-mode .dark-mode\:c\=z5-10,
.link-c\=z5-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/10%);
}

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

.c\=z5-15,
.dark-mode .dark-mode\:c\=z5-15,
.link-c\=z5-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/15%);
}

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

.c\=z5-20,
.dark-mode .dark-mode\:c\=z5-20,
.link-c\=z5-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/20%);
}

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

.c\=z5-25,
.dark-mode .dark-mode\:c\=z5-25,
.link-c\=z5-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/25%);
}

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

.c\=z5-30,
.dark-mode .dark-mode\:c\=z5-30,
.link-c\=z5-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/30%);
}

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

.c\=z5-35,
.dark-mode .dark-mode\:c\=z5-35,
.link-c\=z5-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/35%);
}

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

.c\=z5-40,
.dark-mode .dark-mode\:c\=z5-40,
.link-c\=z5-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/40%);
}

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

.c\=z5-45,
.dark-mode .dark-mode\:c\=z5-45,
.link-c\=z5-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/45%);
}

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

.c\=z5-50,
.dark-mode .dark-mode\:c\=z5-50,
.link-c\=z5-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/50%);
}

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

.c\=z5-55,
.dark-mode .dark-mode\:c\=z5-55,
.link-c\=z5-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/55%);
}

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

.c\=z5-60,
.dark-mode .dark-mode\:c\=z5-60,
.link-c\=z5-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/60%);
}

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

.c\=z5-65,
.dark-mode .dark-mode\:c\=z5-65,
.link-c\=z5-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/65%);
}

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

.c\=z5-70,
.dark-mode .dark-mode\:c\=z5-70,
.link-c\=z5-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/70%);
}

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

.c\=z5-75,
.dark-mode .dark-mode\:c\=z5-75,
.link-c\=z5-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/75%);
}

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

.c\=z5-80,
.dark-mode .dark-mode\:c\=z5-80,
.link-c\=z5-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/80%);
}

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

.c\=z5-85,
.dark-mode .dark-mode\:c\=z5-85,
.link-c\=z5-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/85%);
}

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

.c\=z5-90,
.dark-mode .dark-mode\:c\=z5-90,
.link-c\=z5-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/90%);
}

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

.c\=z5-95,
.dark-mode .dark-mode\:c\=z5-95,
.link-c\=z5-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/95%);
}

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

.c\=z5-100,
.dark-mode .dark-mode\:c\=z5-100,
.link-c\=z5-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z5-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z5-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z5-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z5 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z5)/100%);
}

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

.c\=z6,
.dark-mode .dark-mode\:c\=z6,
.link-c\=z6 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6 .link:not([class*="dark-mode:c="]),
.heading-c\=z6 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6));
}

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

.c\=z6-5,
.dark-mode .dark-mode\:c\=z6-5,
.link-c\=z6-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/5%);
}

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

.c\=z6-10,
.dark-mode .dark-mode\:c\=z6-10,
.link-c\=z6-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/10%);
}

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

.c\=z6-15,
.dark-mode .dark-mode\:c\=z6-15,
.link-c\=z6-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/15%);
}

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

.c\=z6-20,
.dark-mode .dark-mode\:c\=z6-20,
.link-c\=z6-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/20%);
}

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

.c\=z6-25,
.dark-mode .dark-mode\:c\=z6-25,
.link-c\=z6-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/25%);
}

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

.c\=z6-30,
.dark-mode .dark-mode\:c\=z6-30,
.link-c\=z6-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/30%);
}

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

.c\=z6-35,
.dark-mode .dark-mode\:c\=z6-35,
.link-c\=z6-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/35%);
}

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

.c\=z6-40,
.dark-mode .dark-mode\:c\=z6-40,
.link-c\=z6-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/40%);
}

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

.c\=z6-45,
.dark-mode .dark-mode\:c\=z6-45,
.link-c\=z6-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/45%);
}

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

.c\=z6-50,
.dark-mode .dark-mode\:c\=z6-50,
.link-c\=z6-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/50%);
}

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

.c\=z6-55,
.dark-mode .dark-mode\:c\=z6-55,
.link-c\=z6-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/55%);
}

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

.c\=z6-60,
.dark-mode .dark-mode\:c\=z6-60,
.link-c\=z6-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/60%);
}

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

.c\=z6-65,
.dark-mode .dark-mode\:c\=z6-65,
.link-c\=z6-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/65%);
}

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

.c\=z6-70,
.dark-mode .dark-mode\:c\=z6-70,
.link-c\=z6-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/70%);
}

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

.c\=z6-75,
.dark-mode .dark-mode\:c\=z6-75,
.link-c\=z6-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/75%);
}

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

.c\=z6-80,
.dark-mode .dark-mode\:c\=z6-80,
.link-c\=z6-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/80%);
}

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

.c\=z6-85,
.dark-mode .dark-mode\:c\=z6-85,
.link-c\=z6-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/85%);
}

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

.c\=z6-90,
.dark-mode .dark-mode\:c\=z6-90,
.link-c\=z6-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/90%);
}

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

.c\=z6-95,
.dark-mode .dark-mode\:c\=z6-95,
.link-c\=z6-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/95%);
}

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

.c\=z6-100,
.dark-mode .dark-mode\:c\=z6-100,
.link-c\=z6-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z6-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z6-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z6-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z6 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z6)/100%);
}

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

.c\=z7,
.dark-mode .dark-mode\:c\=z7,
.link-c\=z7 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7 .link:not([class*="dark-mode:c="]),
.heading-c\=z7 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7));
}

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

.c\=z7-5,
.dark-mode .dark-mode\:c\=z7-5,
.link-c\=z7-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/5%);
}

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

.c\=z7-10,
.dark-mode .dark-mode\:c\=z7-10,
.link-c\=z7-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/10%);
}

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

.c\=z7-15,
.dark-mode .dark-mode\:c\=z7-15,
.link-c\=z7-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/15%);
}

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

.c\=z7-20,
.dark-mode .dark-mode\:c\=z7-20,
.link-c\=z7-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/20%);
}

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

.c\=z7-25,
.dark-mode .dark-mode\:c\=z7-25,
.link-c\=z7-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/25%);
}

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

.c\=z7-30,
.dark-mode .dark-mode\:c\=z7-30,
.link-c\=z7-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/30%);
}

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

.c\=z7-35,
.dark-mode .dark-mode\:c\=z7-35,
.link-c\=z7-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/35%);
}

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

.c\=z7-40,
.dark-mode .dark-mode\:c\=z7-40,
.link-c\=z7-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/40%);
}

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

.c\=z7-45,
.dark-mode .dark-mode\:c\=z7-45,
.link-c\=z7-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/45%);
}

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

.c\=z7-50,
.dark-mode .dark-mode\:c\=z7-50,
.link-c\=z7-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/50%);
}

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

.c\=z7-55,
.dark-mode .dark-mode\:c\=z7-55,
.link-c\=z7-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/55%);
}

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

.c\=z7-60,
.dark-mode .dark-mode\:c\=z7-60,
.link-c\=z7-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/60%);
}

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

.c\=z7-65,
.dark-mode .dark-mode\:c\=z7-65,
.link-c\=z7-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/65%);
}

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

.c\=z7-70,
.dark-mode .dark-mode\:c\=z7-70,
.link-c\=z7-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/70%);
}

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

.c\=z7-75,
.dark-mode .dark-mode\:c\=z7-75,
.link-c\=z7-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/75%);
}

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

.c\=z7-80,
.dark-mode .dark-mode\:c\=z7-80,
.link-c\=z7-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/80%);
}

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

.c\=z7-85,
.dark-mode .dark-mode\:c\=z7-85,
.link-c\=z7-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/85%);
}

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

.c\=z7-90,
.dark-mode .dark-mode\:c\=z7-90,
.link-c\=z7-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/90%);
}

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

.c\=z7-95,
.dark-mode .dark-mode\:c\=z7-95,
.link-c\=z7-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/95%);
}

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

.c\=z7-100,
.dark-mode .dark-mode\:c\=z7-100,
.link-c\=z7-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z7-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z7-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z7-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z7 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z7)/100%);
}

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

.c\=z8,
.dark-mode .dark-mode\:c\=z8,
.link-c\=z8 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8 .link:not([class*="dark-mode:c="]),
.heading-c\=z8 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8));
}

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

.c\=z8-5,
.dark-mode .dark-mode\:c\=z8-5,
.link-c\=z8-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/5%);
}

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

.c\=z8-10,
.dark-mode .dark-mode\:c\=z8-10,
.link-c\=z8-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/10%);
}

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

.c\=z8-15,
.dark-mode .dark-mode\:c\=z8-15,
.link-c\=z8-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/15%);
}

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

.c\=z8-20,
.dark-mode .dark-mode\:c\=z8-20,
.link-c\=z8-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/20%);
}

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

.c\=z8-25,
.dark-mode .dark-mode\:c\=z8-25,
.link-c\=z8-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/25%);
}

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

.c\=z8-30,
.dark-mode .dark-mode\:c\=z8-30,
.link-c\=z8-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/30%);
}

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

.c\=z8-35,
.dark-mode .dark-mode\:c\=z8-35,
.link-c\=z8-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/35%);
}

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

.c\=z8-40,
.dark-mode .dark-mode\:c\=z8-40,
.link-c\=z8-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/40%);
}

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

.c\=z8-45,
.dark-mode .dark-mode\:c\=z8-45,
.link-c\=z8-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/45%);
}

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

.c\=z8-50,
.dark-mode .dark-mode\:c\=z8-50,
.link-c\=z8-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/50%);
}

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

.c\=z8-55,
.dark-mode .dark-mode\:c\=z8-55,
.link-c\=z8-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/55%);
}

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

.c\=z8-60,
.dark-mode .dark-mode\:c\=z8-60,
.link-c\=z8-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/60%);
}

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

.c\=z8-65,
.dark-mode .dark-mode\:c\=z8-65,
.link-c\=z8-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/65%);
}

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

.c\=z8-70,
.dark-mode .dark-mode\:c\=z8-70,
.link-c\=z8-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/70%);
}

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

.c\=z8-75,
.dark-mode .dark-mode\:c\=z8-75,
.link-c\=z8-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/75%);
}

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

.c\=z8-80,
.dark-mode .dark-mode\:c\=z8-80,
.link-c\=z8-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/80%);
}

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

.c\=z8-85,
.dark-mode .dark-mode\:c\=z8-85,
.link-c\=z8-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/85%);
}

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

.c\=z8-90,
.dark-mode .dark-mode\:c\=z8-90,
.link-c\=z8-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/90%);
}

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

.c\=z8-95,
.dark-mode .dark-mode\:c\=z8-95,
.link-c\=z8-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/95%);
}

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

.c\=z8-100,
.dark-mode .dark-mode\:c\=z8-100,
.link-c\=z8-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z8-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z8-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z8-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z8 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z8)/100%);
}

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

.c\=z9,
.dark-mode .dark-mode\:c\=z9,
.link-c\=z9 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9 .link:not([class*="dark-mode:c="]),
.heading-c\=z9 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9));
}

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

.c\=z9-5,
.dark-mode .dark-mode\:c\=z9-5,
.link-c\=z9-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/5%);
}

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

.c\=z9-10,
.dark-mode .dark-mode\:c\=z9-10,
.link-c\=z9-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/10%);
}

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

.c\=z9-15,
.dark-mode .dark-mode\:c\=z9-15,
.link-c\=z9-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/15%);
}

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

.c\=z9-20,
.dark-mode .dark-mode\:c\=z9-20,
.link-c\=z9-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/20%);
}

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

.c\=z9-25,
.dark-mode .dark-mode\:c\=z9-25,
.link-c\=z9-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/25%);
}

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

.c\=z9-30,
.dark-mode .dark-mode\:c\=z9-30,
.link-c\=z9-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/30%);
}

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

.c\=z9-35,
.dark-mode .dark-mode\:c\=z9-35,
.link-c\=z9-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/35%);
}

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

.c\=z9-40,
.dark-mode .dark-mode\:c\=z9-40,
.link-c\=z9-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/40%);
}

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

.c\=z9-45,
.dark-mode .dark-mode\:c\=z9-45,
.link-c\=z9-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/45%);
}

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

.c\=z9-50,
.dark-mode .dark-mode\:c\=z9-50,
.link-c\=z9-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/50%);
}

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

.c\=z9-55,
.dark-mode .dark-mode\:c\=z9-55,
.link-c\=z9-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/55%);
}

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

.c\=z9-60,
.dark-mode .dark-mode\:c\=z9-60,
.link-c\=z9-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/60%);
}

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

.c\=z9-65,
.dark-mode .dark-mode\:c\=z9-65,
.link-c\=z9-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/65%);
}

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

.c\=z9-70,
.dark-mode .dark-mode\:c\=z9-70,
.link-c\=z9-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/70%);
}

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

.c\=z9-75,
.dark-mode .dark-mode\:c\=z9-75,
.link-c\=z9-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/75%);
}

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

.c\=z9-80,
.dark-mode .dark-mode\:c\=z9-80,
.link-c\=z9-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/80%);
}

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

.c\=z9-85,
.dark-mode .dark-mode\:c\=z9-85,
.link-c\=z9-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/85%);
}

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

.c\=z9-90,
.dark-mode .dark-mode\:c\=z9-90,
.link-c\=z9-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/90%);
}

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

.c\=z9-95,
.dark-mode .dark-mode\:c\=z9-95,
.link-c\=z9-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/95%);
}

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

.c\=z9-100,
.dark-mode .dark-mode\:c\=z9-100,
.link-c\=z9-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z9-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z9-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z9-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z9 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z9)/100%);
}

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

.c\=z10,
.dark-mode .dark-mode\:c\=z10,
.link-c\=z10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10 .link:not([class*="dark-mode:c="]),
.heading-c\=z10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10));
}

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

.c\=z10-5,
.dark-mode .dark-mode\:c\=z10-5,
.link-c\=z10-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/5%);
}

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

.c\=z10-10,
.dark-mode .dark-mode\:c\=z10-10,
.link-c\=z10-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/10%);
}

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

.c\=z10-15,
.dark-mode .dark-mode\:c\=z10-15,
.link-c\=z10-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/15%);
}

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

.c\=z10-20,
.dark-mode .dark-mode\:c\=z10-20,
.link-c\=z10-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/20%);
}

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

.c\=z10-25,
.dark-mode .dark-mode\:c\=z10-25,
.link-c\=z10-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/25%);
}

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

.c\=z10-30,
.dark-mode .dark-mode\:c\=z10-30,
.link-c\=z10-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/30%);
}

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

.c\=z10-35,
.dark-mode .dark-mode\:c\=z10-35,
.link-c\=z10-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/35%);
}

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

.c\=z10-40,
.dark-mode .dark-mode\:c\=z10-40,
.link-c\=z10-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/40%);
}

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

.c\=z10-45,
.dark-mode .dark-mode\:c\=z10-45,
.link-c\=z10-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/45%);
}

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

.c\=z10-50,
.dark-mode .dark-mode\:c\=z10-50,
.link-c\=z10-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/50%);
}

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

.c\=z10-55,
.dark-mode .dark-mode\:c\=z10-55,
.link-c\=z10-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/55%);
}

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

.c\=z10-60,
.dark-mode .dark-mode\:c\=z10-60,
.link-c\=z10-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/60%);
}

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

.c\=z10-65,
.dark-mode .dark-mode\:c\=z10-65,
.link-c\=z10-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/65%);
}

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

.c\=z10-70,
.dark-mode .dark-mode\:c\=z10-70,
.link-c\=z10-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/70%);
}

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

.c\=z10-75,
.dark-mode .dark-mode\:c\=z10-75,
.link-c\=z10-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/75%);
}

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

.c\=z10-80,
.dark-mode .dark-mode\:c\=z10-80,
.link-c\=z10-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/80%);
}

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

.c\=z10-85,
.dark-mode .dark-mode\:c\=z10-85,
.link-c\=z10-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/85%);
}

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

.c\=z10-90,
.dark-mode .dark-mode\:c\=z10-90,
.link-c\=z10-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/90%);
}

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

.c\=z10-95,
.dark-mode .dark-mode\:c\=z10-95,
.link-c\=z10-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/95%);
}

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

.c\=z10-100,
.dark-mode .dark-mode\:c\=z10-100,
.link-c\=z10-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z10-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z10-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z10-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z10 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z10)/100%);
}

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

.c\=z11,
.dark-mode .dark-mode\:c\=z11,
.link-c\=z11 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11 .link:not([class*="dark-mode:c="]),
.heading-c\=z11 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11));
}

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

.c\=z11-5,
.dark-mode .dark-mode\:c\=z11-5,
.link-c\=z11-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/5%);
}

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

.c\=z11-10,
.dark-mode .dark-mode\:c\=z11-10,
.link-c\=z11-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/10%);
}

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

.c\=z11-15,
.dark-mode .dark-mode\:c\=z11-15,
.link-c\=z11-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/15%);
}

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

.c\=z11-20,
.dark-mode .dark-mode\:c\=z11-20,
.link-c\=z11-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/20%);
}

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

.c\=z11-25,
.dark-mode .dark-mode\:c\=z11-25,
.link-c\=z11-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/25%);
}

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

.c\=z11-30,
.dark-mode .dark-mode\:c\=z11-30,
.link-c\=z11-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/30%);
}

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

.c\=z11-35,
.dark-mode .dark-mode\:c\=z11-35,
.link-c\=z11-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/35%);
}

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

.c\=z11-40,
.dark-mode .dark-mode\:c\=z11-40,
.link-c\=z11-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/40%);
}

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

.c\=z11-45,
.dark-mode .dark-mode\:c\=z11-45,
.link-c\=z11-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/45%);
}

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

.c\=z11-50,
.dark-mode .dark-mode\:c\=z11-50,
.link-c\=z11-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/50%);
}

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

.c\=z11-55,
.dark-mode .dark-mode\:c\=z11-55,
.link-c\=z11-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/55%);
}

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

.c\=z11-60,
.dark-mode .dark-mode\:c\=z11-60,
.link-c\=z11-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/60%);
}

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

.c\=z11-65,
.dark-mode .dark-mode\:c\=z11-65,
.link-c\=z11-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/65%);
}

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

.c\=z11-70,
.dark-mode .dark-mode\:c\=z11-70,
.link-c\=z11-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/70%);
}

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

.c\=z11-75,
.dark-mode .dark-mode\:c\=z11-75,
.link-c\=z11-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/75%);
}

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

.c\=z11-80,
.dark-mode .dark-mode\:c\=z11-80,
.link-c\=z11-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/80%);
}

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

.c\=z11-85,
.dark-mode .dark-mode\:c\=z11-85,
.link-c\=z11-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/85%);
}

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

.c\=z11-90,
.dark-mode .dark-mode\:c\=z11-90,
.link-c\=z11-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/90%);
}

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

.c\=z11-95,
.dark-mode .dark-mode\:c\=z11-95,
.link-c\=z11-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/95%);
}

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

.c\=z11-100,
.dark-mode .dark-mode\:c\=z11-100,
.link-c\=z11-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z11-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z11-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z11-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z11 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z11)/100%);
}

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

.c\=z12,
.dark-mode .dark-mode\:c\=z12,
.link-c\=z12 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12 .link:not([class*="dark-mode:c="]),
.heading-c\=z12 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12));
}

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

.c\=z12-5,
.dark-mode .dark-mode\:c\=z12-5,
.link-c\=z12-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/5%);
}

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

.c\=z12-10,
.dark-mode .dark-mode\:c\=z12-10,
.link-c\=z12-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/10%);
}

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

.c\=z12-15,
.dark-mode .dark-mode\:c\=z12-15,
.link-c\=z12-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/15%);
}

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

.c\=z12-20,
.dark-mode .dark-mode\:c\=z12-20,
.link-c\=z12-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/20%);
}

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

.c\=z12-25,
.dark-mode .dark-mode\:c\=z12-25,
.link-c\=z12-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/25%);
}

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

.c\=z12-30,
.dark-mode .dark-mode\:c\=z12-30,
.link-c\=z12-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/30%);
}

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

.c\=z12-35,
.dark-mode .dark-mode\:c\=z12-35,
.link-c\=z12-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/35%);
}

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

.c\=z12-40,
.dark-mode .dark-mode\:c\=z12-40,
.link-c\=z12-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/40%);
}

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

.c\=z12-45,
.dark-mode .dark-mode\:c\=z12-45,
.link-c\=z12-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/45%);
}

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

.c\=z12-50,
.dark-mode .dark-mode\:c\=z12-50,
.link-c\=z12-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/50%);
}

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

.c\=z12-55,
.dark-mode .dark-mode\:c\=z12-55,
.link-c\=z12-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/55%);
}

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

.c\=z12-60,
.dark-mode .dark-mode\:c\=z12-60,
.link-c\=z12-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/60%);
}

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

.c\=z12-65,
.dark-mode .dark-mode\:c\=z12-65,
.link-c\=z12-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/65%);
}

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

.c\=z12-70,
.dark-mode .dark-mode\:c\=z12-70,
.link-c\=z12-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/70%);
}

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

.c\=z12-75,
.dark-mode .dark-mode\:c\=z12-75,
.link-c\=z12-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/75%);
}

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

.c\=z12-80,
.dark-mode .dark-mode\:c\=z12-80,
.link-c\=z12-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/80%);
}

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

.c\=z12-85,
.dark-mode .dark-mode\:c\=z12-85,
.link-c\=z12-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/85%);
}

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

.c\=z12-90,
.dark-mode .dark-mode\:c\=z12-90,
.link-c\=z12-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/90%);
}

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

.c\=z12-95,
.dark-mode .dark-mode\:c\=z12-95,
.link-c\=z12-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/95%);
}

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

.c\=z12-100,
.dark-mode .dark-mode\:c\=z12-100,
.link-c\=z12-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z12-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z12-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z12-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z12 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z12)/100%);
}

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

.c\=z13,
.dark-mode .dark-mode\:c\=z13,
.link-c\=z13 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13 .link:not([class*="dark-mode:c="]),
.heading-c\=z13 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13));
}

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

.c\=z13-5,
.dark-mode .dark-mode\:c\=z13-5,
.link-c\=z13-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/5%);
}

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

.c\=z13-10,
.dark-mode .dark-mode\:c\=z13-10,
.link-c\=z13-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/10%);
}

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

.c\=z13-15,
.dark-mode .dark-mode\:c\=z13-15,
.link-c\=z13-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/15%);
}

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

.c\=z13-20,
.dark-mode .dark-mode\:c\=z13-20,
.link-c\=z13-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/20%);
}

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

.c\=z13-25,
.dark-mode .dark-mode\:c\=z13-25,
.link-c\=z13-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/25%);
}

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

.c\=z13-30,
.dark-mode .dark-mode\:c\=z13-30,
.link-c\=z13-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/30%);
}

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

.c\=z13-35,
.dark-mode .dark-mode\:c\=z13-35,
.link-c\=z13-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/35%);
}

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

.c\=z13-40,
.dark-mode .dark-mode\:c\=z13-40,
.link-c\=z13-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/40%);
}

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

.c\=z13-45,
.dark-mode .dark-mode\:c\=z13-45,
.link-c\=z13-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/45%);
}

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

.c\=z13-50,
.dark-mode .dark-mode\:c\=z13-50,
.link-c\=z13-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/50%);
}

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

.c\=z13-55,
.dark-mode .dark-mode\:c\=z13-55,
.link-c\=z13-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/55%);
}

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

.c\=z13-60,
.dark-mode .dark-mode\:c\=z13-60,
.link-c\=z13-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/60%);
}

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

.c\=z13-65,
.dark-mode .dark-mode\:c\=z13-65,
.link-c\=z13-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/65%);
}

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

.c\=z13-70,
.dark-mode .dark-mode\:c\=z13-70,
.link-c\=z13-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/70%);
}

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

.c\=z13-75,
.dark-mode .dark-mode\:c\=z13-75,
.link-c\=z13-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/75%);
}

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

.c\=z13-80,
.dark-mode .dark-mode\:c\=z13-80,
.link-c\=z13-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/80%);
}

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

.c\=z13-85,
.dark-mode .dark-mode\:c\=z13-85,
.link-c\=z13-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/85%);
}

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

.c\=z13-90,
.dark-mode .dark-mode\:c\=z13-90,
.link-c\=z13-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/90%);
}

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

.c\=z13-95,
.dark-mode .dark-mode\:c\=z13-95,
.link-c\=z13-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/95%);
}

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

.c\=z13-100,
.dark-mode .dark-mode\:c\=z13-100,
.link-c\=z13-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z13-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z13-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z13-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z13 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z13)/100%);
}

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

.c\=z14,
.dark-mode .dark-mode\:c\=z14,
.link-c\=z14 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14 .link:not([class*="dark-mode:c="]),
.heading-c\=z14 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14));
}

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

.c\=z14-5,
.dark-mode .dark-mode\:c\=z14-5,
.link-c\=z14-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/5%);
}

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

.c\=z14-10,
.dark-mode .dark-mode\:c\=z14-10,
.link-c\=z14-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/10%);
}

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

.c\=z14-15,
.dark-mode .dark-mode\:c\=z14-15,
.link-c\=z14-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/15%);
}

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

.c\=z14-20,
.dark-mode .dark-mode\:c\=z14-20,
.link-c\=z14-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/20%);
}

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

.c\=z14-25,
.dark-mode .dark-mode\:c\=z14-25,
.link-c\=z14-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/25%);
}

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

.c\=z14-30,
.dark-mode .dark-mode\:c\=z14-30,
.link-c\=z14-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/30%);
}

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

.c\=z14-35,
.dark-mode .dark-mode\:c\=z14-35,
.link-c\=z14-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/35%);
}

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

.c\=z14-40,
.dark-mode .dark-mode\:c\=z14-40,
.link-c\=z14-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/40%);
}

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

.c\=z14-45,
.dark-mode .dark-mode\:c\=z14-45,
.link-c\=z14-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/45%);
}

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

.c\=z14-50,
.dark-mode .dark-mode\:c\=z14-50,
.link-c\=z14-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/50%);
}

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

.c\=z14-55,
.dark-mode .dark-mode\:c\=z14-55,
.link-c\=z14-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/55%);
}

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

.c\=z14-60,
.dark-mode .dark-mode\:c\=z14-60,
.link-c\=z14-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/60%);
}

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

.c\=z14-65,
.dark-mode .dark-mode\:c\=z14-65,
.link-c\=z14-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/65%);
}

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

.c\=z14-70,
.dark-mode .dark-mode\:c\=z14-70,
.link-c\=z14-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/70%);
}

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

.c\=z14-75,
.dark-mode .dark-mode\:c\=z14-75,
.link-c\=z14-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/75%);
}

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

.c\=z14-80,
.dark-mode .dark-mode\:c\=z14-80,
.link-c\=z14-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/80%);
}

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

.c\=z14-85,
.dark-mode .dark-mode\:c\=z14-85,
.link-c\=z14-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/85%);
}

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

.c\=z14-90,
.dark-mode .dark-mode\:c\=z14-90,
.link-c\=z14-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/90%);
}

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

.c\=z14-95,
.dark-mode .dark-mode\:c\=z14-95,
.link-c\=z14-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/95%);
}

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

.c\=z14-100,
.dark-mode .dark-mode\:c\=z14-100,
.link-c\=z14-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z14-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z14-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z14-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z14 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z14)/100%);
}

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

.c\=z15,
.dark-mode .dark-mode\:c\=z15,
.link-c\=z15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15 .link:not([class*="dark-mode:c="]),
.heading-c\=z15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15));
}

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

.c\=z15-5,
.dark-mode .dark-mode\:c\=z15-5,
.link-c\=z15-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/5%);
}

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

.c\=z15-10,
.dark-mode .dark-mode\:c\=z15-10,
.link-c\=z15-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/10%);
}

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

.c\=z15-15,
.dark-mode .dark-mode\:c\=z15-15,
.link-c\=z15-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/15%);
}

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

.c\=z15-20,
.dark-mode .dark-mode\:c\=z15-20,
.link-c\=z15-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/20%);
}

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

.c\=z15-25,
.dark-mode .dark-mode\:c\=z15-25,
.link-c\=z15-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/25%);
}

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

.c\=z15-30,
.dark-mode .dark-mode\:c\=z15-30,
.link-c\=z15-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/30%);
}

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

.c\=z15-35,
.dark-mode .dark-mode\:c\=z15-35,
.link-c\=z15-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/35%);
}

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

.c\=z15-40,
.dark-mode .dark-mode\:c\=z15-40,
.link-c\=z15-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/40%);
}

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

.c\=z15-45,
.dark-mode .dark-mode\:c\=z15-45,
.link-c\=z15-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/45%);
}

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

.c\=z15-50,
.dark-mode .dark-mode\:c\=z15-50,
.link-c\=z15-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/50%);
}

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

.c\=z15-55,
.dark-mode .dark-mode\:c\=z15-55,
.link-c\=z15-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/55%);
}

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

.c\=z15-60,
.dark-mode .dark-mode\:c\=z15-60,
.link-c\=z15-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/60%);
}

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

.c\=z15-65,
.dark-mode .dark-mode\:c\=z15-65,
.link-c\=z15-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/65%);
}

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

.c\=z15-70,
.dark-mode .dark-mode\:c\=z15-70,
.link-c\=z15-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/70%);
}

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

.c\=z15-75,
.dark-mode .dark-mode\:c\=z15-75,
.link-c\=z15-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/75%);
}

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

.c\=z15-80,
.dark-mode .dark-mode\:c\=z15-80,
.link-c\=z15-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/80%);
}

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

.c\=z15-85,
.dark-mode .dark-mode\:c\=z15-85,
.link-c\=z15-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/85%);
}

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

.c\=z15-90,
.dark-mode .dark-mode\:c\=z15-90,
.link-c\=z15-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/90%);
}

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

.c\=z15-95,
.dark-mode .dark-mode\:c\=z15-95,
.link-c\=z15-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/95%);
}

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

.c\=z15-100,
.dark-mode .dark-mode\:c\=z15-100,
.link-c\=z15-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z15-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z15-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z15-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z15 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z15)/100%);
}

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

.c\=z16,
.dark-mode .dark-mode\:c\=z16,
.link-c\=z16 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16 .link:not([class*="dark-mode:c="]),
.heading-c\=z16 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16));
}

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

.c\=z16-5,
.dark-mode .dark-mode\:c\=z16-5,
.link-c\=z16-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/5%);
}

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

.c\=z16-10,
.dark-mode .dark-mode\:c\=z16-10,
.link-c\=z16-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/10%);
}

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

.c\=z16-15,
.dark-mode .dark-mode\:c\=z16-15,
.link-c\=z16-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/15%);
}

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

.c\=z16-20,
.dark-mode .dark-mode\:c\=z16-20,
.link-c\=z16-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/20%);
}

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

.c\=z16-25,
.dark-mode .dark-mode\:c\=z16-25,
.link-c\=z16-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/25%);
}

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

.c\=z16-30,
.dark-mode .dark-mode\:c\=z16-30,
.link-c\=z16-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/30%);
}

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

.c\=z16-35,
.dark-mode .dark-mode\:c\=z16-35,
.link-c\=z16-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/35%);
}

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

.c\=z16-40,
.dark-mode .dark-mode\:c\=z16-40,
.link-c\=z16-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/40%);
}

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

.c\=z16-45,
.dark-mode .dark-mode\:c\=z16-45,
.link-c\=z16-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/45%);
}

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

.c\=z16-50,
.dark-mode .dark-mode\:c\=z16-50,
.link-c\=z16-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/50%);
}

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

.c\=z16-55,
.dark-mode .dark-mode\:c\=z16-55,
.link-c\=z16-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/55%);
}

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

.c\=z16-60,
.dark-mode .dark-mode\:c\=z16-60,
.link-c\=z16-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/60%);
}

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

.c\=z16-65,
.dark-mode .dark-mode\:c\=z16-65,
.link-c\=z16-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/65%);
}

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

.c\=z16-70,
.dark-mode .dark-mode\:c\=z16-70,
.link-c\=z16-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/70%);
}

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

.c\=z16-75,
.dark-mode .dark-mode\:c\=z16-75,
.link-c\=z16-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/75%);
}

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

.c\=z16-80,
.dark-mode .dark-mode\:c\=z16-80,
.link-c\=z16-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/80%);
}

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

.c\=z16-85,
.dark-mode .dark-mode\:c\=z16-85,
.link-c\=z16-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/85%);
}

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

.c\=z16-90,
.dark-mode .dark-mode\:c\=z16-90,
.link-c\=z16-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/90%);
}

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

.c\=z16-95,
.dark-mode .dark-mode\:c\=z16-95,
.link-c\=z16-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/95%);
}

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

.c\=z16-100,
.dark-mode .dark-mode\:c\=z16-100,
.link-c\=z16-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z16-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z16-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z16-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z16 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z16)/100%);
}

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

.c\=z17,
.dark-mode .dark-mode\:c\=z17,
.link-c\=z17 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17 .link:not([class*="dark-mode:c="]),
.heading-c\=z17 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17));
}

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

.c\=z17-5,
.dark-mode .dark-mode\:c\=z17-5,
.link-c\=z17-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/5%);
}

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

.c\=z17-10,
.dark-mode .dark-mode\:c\=z17-10,
.link-c\=z17-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/10%);
}

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

.c\=z17-15,
.dark-mode .dark-mode\:c\=z17-15,
.link-c\=z17-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/15%);
}

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

.c\=z17-20,
.dark-mode .dark-mode\:c\=z17-20,
.link-c\=z17-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/20%);
}

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

.c\=z17-25,
.dark-mode .dark-mode\:c\=z17-25,
.link-c\=z17-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/25%);
}

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

.c\=z17-30,
.dark-mode .dark-mode\:c\=z17-30,
.link-c\=z17-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/30%);
}

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

.c\=z17-35,
.dark-mode .dark-mode\:c\=z17-35,
.link-c\=z17-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/35%);
}

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

.c\=z17-40,
.dark-mode .dark-mode\:c\=z17-40,
.link-c\=z17-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/40%);
}

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

.c\=z17-45,
.dark-mode .dark-mode\:c\=z17-45,
.link-c\=z17-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/45%);
}

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

.c\=z17-50,
.dark-mode .dark-mode\:c\=z17-50,
.link-c\=z17-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/50%);
}

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

.c\=z17-55,
.dark-mode .dark-mode\:c\=z17-55,
.link-c\=z17-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/55%);
}

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

.c\=z17-60,
.dark-mode .dark-mode\:c\=z17-60,
.link-c\=z17-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/60%);
}

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

.c\=z17-65,
.dark-mode .dark-mode\:c\=z17-65,
.link-c\=z17-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/65%);
}

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

.c\=z17-70,
.dark-mode .dark-mode\:c\=z17-70,
.link-c\=z17-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/70%);
}

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

.c\=z17-75,
.dark-mode .dark-mode\:c\=z17-75,
.link-c\=z17-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/75%);
}

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

.c\=z17-80,
.dark-mode .dark-mode\:c\=z17-80,
.link-c\=z17-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/80%);
}

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

.c\=z17-85,
.dark-mode .dark-mode\:c\=z17-85,
.link-c\=z17-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/85%);
}

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

.c\=z17-90,
.dark-mode .dark-mode\:c\=z17-90,
.link-c\=z17-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/90%);
}

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

.c\=z17-95,
.dark-mode .dark-mode\:c\=z17-95,
.link-c\=z17-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/95%);
}

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

.c\=z17-100,
.dark-mode .dark-mode\:c\=z17-100,
.link-c\=z17-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z17-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z17-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z17-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z17 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z17)/100%);
}

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

.c\=z18,
.dark-mode .dark-mode\:c\=z18,
.link-c\=z18 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18 .link:not([class*="dark-mode:c="]),
.heading-c\=z18 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18));
}

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

.c\=z18-5,
.dark-mode .dark-mode\:c\=z18-5,
.link-c\=z18-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/5%);
}

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

.c\=z18-10,
.dark-mode .dark-mode\:c\=z18-10,
.link-c\=z18-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/10%);
}

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

.c\=z18-15,
.dark-mode .dark-mode\:c\=z18-15,
.link-c\=z18-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/15%);
}

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

.c\=z18-20,
.dark-mode .dark-mode\:c\=z18-20,
.link-c\=z18-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/20%);
}

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

.c\=z18-25,
.dark-mode .dark-mode\:c\=z18-25,
.link-c\=z18-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/25%);
}

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

.c\=z18-30,
.dark-mode .dark-mode\:c\=z18-30,
.link-c\=z18-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/30%);
}

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

.c\=z18-35,
.dark-mode .dark-mode\:c\=z18-35,
.link-c\=z18-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/35%);
}

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

.c\=z18-40,
.dark-mode .dark-mode\:c\=z18-40,
.link-c\=z18-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/40%);
}

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

.c\=z18-45,
.dark-mode .dark-mode\:c\=z18-45,
.link-c\=z18-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/45%);
}

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

.c\=z18-50,
.dark-mode .dark-mode\:c\=z18-50,
.link-c\=z18-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/50%);
}

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

.c\=z18-55,
.dark-mode .dark-mode\:c\=z18-55,
.link-c\=z18-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/55%);
}

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

.c\=z18-60,
.dark-mode .dark-mode\:c\=z18-60,
.link-c\=z18-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/60%);
}

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

.c\=z18-65,
.dark-mode .dark-mode\:c\=z18-65,
.link-c\=z18-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/65%);
}

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

.c\=z18-70,
.dark-mode .dark-mode\:c\=z18-70,
.link-c\=z18-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/70%);
}

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

.c\=z18-75,
.dark-mode .dark-mode\:c\=z18-75,
.link-c\=z18-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/75%);
}

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

.c\=z18-80,
.dark-mode .dark-mode\:c\=z18-80,
.link-c\=z18-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/80%);
}

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

.c\=z18-85,
.dark-mode .dark-mode\:c\=z18-85,
.link-c\=z18-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/85%);
}

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

.c\=z18-90,
.dark-mode .dark-mode\:c\=z18-90,
.link-c\=z18-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/90%);
}

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

.c\=z18-95,
.dark-mode .dark-mode\:c\=z18-95,
.link-c\=z18-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/95%);
}

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

.c\=z18-100,
.dark-mode .dark-mode\:c\=z18-100,
.link-c\=z18-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z18-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z18-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z18-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z18 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z18)/100%);
}

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

.c\=z19,
.dark-mode .dark-mode\:c\=z19,
.link-c\=z19 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19 .link:not([class*="dark-mode:c="]),
.heading-c\=z19 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19));
}

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

.c\=z19-5,
.dark-mode .dark-mode\:c\=z19-5,
.link-c\=z19-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/5%);
}

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

.c\=z19-10,
.dark-mode .dark-mode\:c\=z19-10,
.link-c\=z19-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/10%);
}

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

.c\=z19-15,
.dark-mode .dark-mode\:c\=z19-15,
.link-c\=z19-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/15%);
}

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

.c\=z19-20,
.dark-mode .dark-mode\:c\=z19-20,
.link-c\=z19-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/20%);
}

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

.c\=z19-25,
.dark-mode .dark-mode\:c\=z19-25,
.link-c\=z19-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/25%);
}

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

.c\=z19-30,
.dark-mode .dark-mode\:c\=z19-30,
.link-c\=z19-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/30%);
}

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

.c\=z19-35,
.dark-mode .dark-mode\:c\=z19-35,
.link-c\=z19-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/35%);
}

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

.c\=z19-40,
.dark-mode .dark-mode\:c\=z19-40,
.link-c\=z19-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/40%);
}

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

.c\=z19-45,
.dark-mode .dark-mode\:c\=z19-45,
.link-c\=z19-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/45%);
}

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

.c\=z19-50,
.dark-mode .dark-mode\:c\=z19-50,
.link-c\=z19-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/50%);
}

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

.c\=z19-55,
.dark-mode .dark-mode\:c\=z19-55,
.link-c\=z19-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/55%);
}

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

.c\=z19-60,
.dark-mode .dark-mode\:c\=z19-60,
.link-c\=z19-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/60%);
}

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

.c\=z19-65,
.dark-mode .dark-mode\:c\=z19-65,
.link-c\=z19-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/65%);
}

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

.c\=z19-70,
.dark-mode .dark-mode\:c\=z19-70,
.link-c\=z19-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/70%);
}

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

.c\=z19-75,
.dark-mode .dark-mode\:c\=z19-75,
.link-c\=z19-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/75%);
}

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

.c\=z19-80,
.dark-mode .dark-mode\:c\=z19-80,
.link-c\=z19-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/80%);
}

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

.c\=z19-85,
.dark-mode .dark-mode\:c\=z19-85,
.link-c\=z19-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/85%);
}

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

.c\=z19-90,
.dark-mode .dark-mode\:c\=z19-90,
.link-c\=z19-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/90%);
}

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

.c\=z19-95,
.dark-mode .dark-mode\:c\=z19-95,
.link-c\=z19-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/95%);
}

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

.c\=z19-100,
.dark-mode .dark-mode\:c\=z19-100,
.link-c\=z19-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z19-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z19-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z19-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z19 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z19)/100%);
}

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

.c\=z20,
.dark-mode .dark-mode\:c\=z20,
.link-c\=z20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20 .link:not([class*="dark-mode:c="]),
.heading-c\=z20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20));
}

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

.c\=z20-5,
.dark-mode .dark-mode\:c\=z20-5,
.link-c\=z20-5 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-5 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-5 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-5 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/5%);
}

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

.c\=z20-10,
.dark-mode .dark-mode\:c\=z20-10,
.link-c\=z20-10 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-10 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-10 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-10 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/10%);
}

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

.c\=z20-15,
.dark-mode .dark-mode\:c\=z20-15,
.link-c\=z20-15 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-15 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-15 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-15 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/15%);
}

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

.c\=z20-20,
.dark-mode .dark-mode\:c\=z20-20,
.link-c\=z20-20 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-20 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-20 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-20 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/20%);
}

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

.c\=z20-25,
.dark-mode .dark-mode\:c\=z20-25,
.link-c\=z20-25 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-25 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-25 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-25 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/25%);
}

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

.c\=z20-30,
.dark-mode .dark-mode\:c\=z20-30,
.link-c\=z20-30 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-30 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-30 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-30 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/30%);
}

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

.c\=z20-35,
.dark-mode .dark-mode\:c\=z20-35,
.link-c\=z20-35 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-35 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-35 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-35 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/35%);
}

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

.c\=z20-40,
.dark-mode .dark-mode\:c\=z20-40,
.link-c\=z20-40 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-40 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-40 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-40 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/40%);
}

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

.c\=z20-45,
.dark-mode .dark-mode\:c\=z20-45,
.link-c\=z20-45 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-45 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-45 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-45 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/45%);
}

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

.c\=z20-50,
.dark-mode .dark-mode\:c\=z20-50,
.link-c\=z20-50 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-50 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-50 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-50 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/50%);
}

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

.c\=z20-55,
.dark-mode .dark-mode\:c\=z20-55,
.link-c\=z20-55 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-55 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-55 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-55 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/55%);
}

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

.c\=z20-60,
.dark-mode .dark-mode\:c\=z20-60,
.link-c\=z20-60 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-60 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-60 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-60 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/60%);
}

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

.c\=z20-65,
.dark-mode .dark-mode\:c\=z20-65,
.link-c\=z20-65 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-65 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-65 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-65 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/65%);
}

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

.c\=z20-70,
.dark-mode .dark-mode\:c\=z20-70,
.link-c\=z20-70 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-70 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-70 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-70 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/70%);
}

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

.c\=z20-75,
.dark-mode .dark-mode\:c\=z20-75,
.link-c\=z20-75 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-75 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-75 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-75 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/75%);
}

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

.c\=z20-80,
.dark-mode .dark-mode\:c\=z20-80,
.link-c\=z20-80 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-80 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-80 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-80 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/80%);
}

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

.c\=z20-85,
.dark-mode .dark-mode\:c\=z20-85,
.link-c\=z20-85 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-85 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-85 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-85 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/85%);
}

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

.c\=z20-90,
.dark-mode .dark-mode\:c\=z20-90,
.link-c\=z20-90 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-90 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-90 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-90 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/90%);
}

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

.c\=z20-95,
.dark-mode .dark-mode\:c\=z20-95,
.link-c\=z20-95 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-95 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-95 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-95 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/95%);
}

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

.c\=z20-100,
.dark-mode .dark-mode\:c\=z20-100,
.link-c\=z20-100 a:not([class*="c="]),
.dark-mode .dark-mode\:link-c\=z20-100 a:not([class*="dark-mode:c="]),
.dark-mode .dark-mode\:link-c\=z20-100 .link:not([class*="dark-mode:c="]),
.heading-c\=z20-100 .ui-heading:not([class*="c="]),
.dark-mode .dark-mode\:heading-c\=z20 .ui-heading:not([class*="dark-mode:c="]) {
  color: rgb(var(--color-z20)/100%);
}

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

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

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

.bg\=z1-5,
.dark-mode .dark-mode\:bg\=z1-5,
.form-bg\=z1-5 .form-field {
  background-color: rgb(var(--color-z1)/5%);
}

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

.bg\=z1-10,
.dark-mode .dark-mode\:bg\=z1-10,
.form-bg\=z1-10 .form-field {
  background-color: rgb(var(--color-z1)/10%);
}

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

.bg\=z1-15,
.dark-mode .dark-mode\:bg\=z1-15,
.form-bg\=z1-15 .form-field {
  background-color: rgb(var(--color-z1)/15%);
}

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

.bg\=z1-20,
.dark-mode .dark-mode\:bg\=z1-20,
.form-bg\=z1-20 .form-field {
  background-color: rgb(var(--color-z1)/20%);
}

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

.bg\=z1-25,
.dark-mode .dark-mode\:bg\=z1-25,
.form-bg\=z1-25 .form-field {
  background-color: rgb(var(--color-z1)/25%);
}

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

.bg\=z1-30,
.dark-mode .dark-mode\:bg\=z1-30,
.form-bg\=z1-30 .form-field {
  background-color: rgb(var(--color-z1)/30%);
}

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

.bg\=z1-35,
.dark-mode .dark-mode\:bg\=z1-35,
.form-bg\=z1-35 .form-field {
  background-color: rgb(var(--color-z1)/35%);
}

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

.bg\=z1-40,
.dark-mode .dark-mode\:bg\=z1-40,
.form-bg\=z1-40 .form-field {
  background-color: rgb(var(--color-z1)/40%);
}

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

.bg\=z1-45,
.dark-mode .dark-mode\:bg\=z1-45,
.form-bg\=z1-45 .form-field {
  background-color: rgb(var(--color-z1)/45%);
}

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

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

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

.bg\=z1-55,
.dark-mode .dark-mode\:bg\=z1-55,
.form-bg\=z1-55 .form-field {
  background-color: rgb(var(--color-z1)/55%);
}

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

.bg\=z1-60,
.dark-mode .dark-mode\:bg\=z1-60,
.form-bg\=z1-60 .form-field {
  background-color: rgb(var(--color-z1)/60%);
}

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

.bg\=z1-65,
.dark-mode .dark-mode\:bg\=z1-65,
.form-bg\=z1-65 .form-field {
  background-color: rgb(var(--color-z1)/65%);
}

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

.bg\=z1-70,
.dark-mode .dark-mode\:bg\=z1-70,
.form-bg\=z1-70 .form-field {
  background-color: rgb(var(--color-z1)/70%);
}

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

.bg\=z1-75,
.dark-mode .dark-mode\:bg\=z1-75,
.form-bg\=z1-75 .form-field {
  background-color: rgb(var(--color-z1)/75%);
}

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

.bg\=z1-80,
.dark-mode .dark-mode\:bg\=z1-80,
.form-bg\=z1-80 .form-field {
  background-color: rgb(var(--color-z1)/80%);
}

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

.bg\=z1-85,
.dark-mode .dark-mode\:bg\=z1-85,
.form-bg\=z1-85 .form-field {
  background-color: rgb(var(--color-z1)/85%);
}

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

.bg\=z1-90,
.dark-mode .dark-mode\:bg\=z1-90,
.form-bg\=z1-90 .form-field {
  background-color: rgb(var(--color-z1)/90%);
}

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

.bg\=z1-95,
.dark-mode .dark-mode\:bg\=z1-95,
.form-bg\=z1-95 .form-field {
  background-color: rgb(var(--color-z1)/95%);
}

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

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

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

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

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

.bg\=z2-5,
.dark-mode .dark-mode\:bg\=z2-5,
.form-bg\=z2-5 .form-field {
  background-color: rgb(var(--color-z2)/5%);
}

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

.bg\=z2-10,
.dark-mode .dark-mode\:bg\=z2-10,
.form-bg\=z2-10 .form-field {
  background-color: rgb(var(--color-z2)/10%);
}

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

.bg\=z2-15,
.dark-mode .dark-mode\:bg\=z2-15,
.form-bg\=z2-15 .form-field {
  background-color: rgb(var(--color-z2)/15%);
}

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

.bg\=z2-20,
.dark-mode .dark-mode\:bg\=z2-20,
.form-bg\=z2-20 .form-field {
  background-color: rgb(var(--color-z2)/20%);
}

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

.bg\=z2-25,
.dark-mode .dark-mode\:bg\=z2-25,
.form-bg\=z2-25 .form-field {
  background-color: rgb(var(--color-z2)/25%);
}

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

.bg\=z2-30,
.dark-mode .dark-mode\:bg\=z2-30,
.form-bg\=z2-30 .form-field {
  background-color: rgb(var(--color-z2)/30%);
}

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

.bg\=z2-35,
.dark-mode .dark-mode\:bg\=z2-35,
.form-bg\=z2-35 .form-field {
  background-color: rgb(var(--color-z2)/35%);
}

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

.bg\=z2-40,
.dark-mode .dark-mode\:bg\=z2-40,
.form-bg\=z2-40 .form-field {
  background-color: rgb(var(--color-z2)/40%);
}

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

.bg\=z2-45,
.dark-mode .dark-mode\:bg\=z2-45,
.form-bg\=z2-45 .form-field {
  background-color: rgb(var(--color-z2)/45%);
}

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

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

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

.bg\=z2-55,
.dark-mode .dark-mode\:bg\=z2-55,
.form-bg\=z2-55 .form-field {
  background-color: rgb(var(--color-z2)/55%);
}

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

.bg\=z2-60,
.dark-mode .dark-mode\:bg\=z2-60,
.form-bg\=z2-60 .form-field {
  background-color: rgb(var(--color-z2)/60%);
}

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

.bg\=z2-65,
.dark-mode .dark-mode\:bg\=z2-65,
.form-bg\=z2-65 .form-field {
  background-color: rgb(var(--color-z2)/65%);
}

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

.bg\=z2-70,
.dark-mode .dark-mode\:bg\=z2-70,
.form-bg\=z2-70 .form-field {
  background-color: rgb(var(--color-z2)/70%);
}

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

.bg\=z2-75,
.dark-mode .dark-mode\:bg\=z2-75,
.form-bg\=z2-75 .form-field {
  background-color: rgb(var(--color-z2)/75%);
}

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

.bg\=z2-80,
.dark-mode .dark-mode\:bg\=z2-80,
.form-bg\=z2-80 .form-field {
  background-color: rgb(var(--color-z2)/80%);
}

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

.bg\=z2-85,
.dark-mode .dark-mode\:bg\=z2-85,
.form-bg\=z2-85 .form-field {
  background-color: rgb(var(--color-z2)/85%);
}

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

.bg\=z2-90,
.dark-mode .dark-mode\:bg\=z2-90,
.form-bg\=z2-90 .form-field {
  background-color: rgb(var(--color-z2)/90%);
}

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

.bg\=z2-95,
.dark-mode .dark-mode\:bg\=z2-95,
.form-bg\=z2-95 .form-field {
  background-color: rgb(var(--color-z2)/95%);
}

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

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

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

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

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

.bg\=z3-5,
.dark-mode .dark-mode\:bg\=z3-5,
.form-bg\=z3-5 .form-field {
  background-color: rgb(var(--color-z3)/5%);
}

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

.bg\=z3-10,
.dark-mode .dark-mode\:bg\=z3-10,
.form-bg\=z3-10 .form-field {
  background-color: rgb(var(--color-z3)/10%);
}

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

.bg\=z3-15,
.dark-mode .dark-mode\:bg\=z3-15,
.form-bg\=z3-15 .form-field {
  background-color: rgb(var(--color-z3)/15%);
}

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

.bg\=z3-20,
.dark-mode .dark-mode\:bg\=z3-20,
.form-bg\=z3-20 .form-field {
  background-color: rgb(var(--color-z3)/20%);
}

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

.bg\=z3-25,
.dark-mode .dark-mode\:bg\=z3-25,
.form-bg\=z3-25 .form-field {
  background-color: rgb(var(--color-z3)/25%);
}

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

.bg\=z3-30,
.dark-mode .dark-mode\:bg\=z3-30,
.form-bg\=z3-30 .form-field {
  background-color: rgb(var(--color-z3)/30%);
}

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

.bg\=z3-35,
.dark-mode .dark-mode\:bg\=z3-35,
.form-bg\=z3-35 .form-field {
  background-color: rgb(var(--color-z3)/35%);
}

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

.bg\=z3-40,
.dark-mode .dark-mode\:bg\=z3-40,
.form-bg\=z3-40 .form-field {
  background-color: rgb(var(--color-z3)/40%);
}

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

.bg\=z3-45,
.dark-mode .dark-mode\:bg\=z3-45,
.form-bg\=z3-45 .form-field {
  background-color: rgb(var(--color-z3)/45%);
}

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

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

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

.bg\=z3-55,
.dark-mode .dark-mode\:bg\=z3-55,
.form-bg\=z3-55 .form-field {
  background-color: rgb(var(--color-z3)/55%);
}

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

.bg\=z3-60,
.dark-mode .dark-mode\:bg\=z3-60,
.form-bg\=z3-60 .form-field {
  background-color: rgb(var(--color-z3)/60%);
}

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

.bg\=z3-65,
.dark-mode .dark-mode\:bg\=z3-65,
.form-bg\=z3-65 .form-field {
  background-color: rgb(var(--color-z3)/65%);
}

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

.bg\=z3-70,
.dark-mode .dark-mode\:bg\=z3-70,
.form-bg\=z3-70 .form-field {
  background-color: rgb(var(--color-z3)/70%);
}

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

.bg\=z3-75,
.dark-mode .dark-mode\:bg\=z3-75,
.form-bg\=z3-75 .form-field {
  background-color: rgb(var(--color-z3)/75%);
}

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

.bg\=z3-80,
.dark-mode .dark-mode\:bg\=z3-80,
.form-bg\=z3-80 .form-field {
  background-color: rgb(var(--color-z3)/80%);
}

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

.bg\=z3-85,
.dark-mode .dark-mode\:bg\=z3-85,
.form-bg\=z3-85 .form-field {
  background-color: rgb(var(--color-z3)/85%);
}

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

.bg\=z3-90,
.dark-mode .dark-mode\:bg\=z3-90,
.form-bg\=z3-90 .form-field {
  background-color: rgb(var(--color-z3)/90%);
}

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

.bg\=z3-95,
.dark-mode .dark-mode\:bg\=z3-95,
.form-bg\=z3-95 .form-field {
  background-color: rgb(var(--color-z3)/95%);
}

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

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

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

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

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

.bg\=z4-5,
.dark-mode .dark-mode\:bg\=z4-5,
.form-bg\=z4-5 .form-field {
  background-color: rgb(var(--color-z4)/5%);
}

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

.bg\=z4-10,
.dark-mode .dark-mode\:bg\=z4-10,
.form-bg\=z4-10 .form-field {
  background-color: rgb(var(--color-z4)/10%);
}

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

.bg\=z4-15,
.dark-mode .dark-mode\:bg\=z4-15,
.form-bg\=z4-15 .form-field {
  background-color: rgb(var(--color-z4)/15%);
}

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

.bg\=z4-20,
.dark-mode .dark-mode\:bg\=z4-20,
.form-bg\=z4-20 .form-field {
  background-color: rgb(var(--color-z4)/20%);
}

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

.bg\=z4-25,
.dark-mode .dark-mode\:bg\=z4-25,
.form-bg\=z4-25 .form-field {
  background-color: rgb(var(--color-z4)/25%);
}

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

.bg\=z4-30,
.dark-mode .dark-mode\:bg\=z4-30,
.form-bg\=z4-30 .form-field {
  background-color: rgb(var(--color-z4)/30%);
}

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

.bg\=z4-35,
.dark-mode .dark-mode\:bg\=z4-35,
.form-bg\=z4-35 .form-field {
  background-color: rgb(var(--color-z4)/35%);
}

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

.bg\=z4-40,
.dark-mode .dark-mode\:bg\=z4-40,
.form-bg\=z4-40 .form-field {
  background-color: rgb(var(--color-z4)/40%);
}

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

.bg\=z4-45,
.dark-mode .dark-mode\:bg\=z4-45,
.form-bg\=z4-45 .form-field {
  background-color: rgb(var(--color-z4)/45%);
}

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

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

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

.bg\=z4-55,
.dark-mode .dark-mode\:bg\=z4-55,
.form-bg\=z4-55 .form-field {
  background-color: rgb(var(--color-z4)/55%);
}

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

.bg\=z4-60,
.dark-mode .dark-mode\:bg\=z4-60,
.form-bg\=z4-60 .form-field {
  background-color: rgb(var(--color-z4)/60%);
}

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

.bg\=z4-65,
.dark-mode .dark-mode\:bg\=z4-65,
.form-bg\=z4-65 .form-field {
  background-color: rgb(var(--color-z4)/65%);
}

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

.bg\=z4-70,
.dark-mode .dark-mode\:bg\=z4-70,
.form-bg\=z4-70 .form-field {
  background-color: rgb(var(--color-z4)/70%);
}

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

.bg\=z4-75,
.dark-mode .dark-mode\:bg\=z4-75,
.form-bg\=z4-75 .form-field {
  background-color: rgb(var(--color-z4)/75%);
}

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

.bg\=z4-80,
.dark-mode .dark-mode\:bg\=z4-80,
.form-bg\=z4-80 .form-field {
  background-color: rgb(var(--color-z4)/80%);
}

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

.bg\=z4-85,
.dark-mode .dark-mode\:bg\=z4-85,
.form-bg\=z4-85 .form-field {
  background-color: rgb(var(--color-z4)/85%);
}

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

.bg\=z4-90,
.dark-mode .dark-mode\:bg\=z4-90,
.form-bg\=z4-90 .form-field {
  background-color: rgb(var(--color-z4)/90%);
}

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

.bg\=z4-95,
.dark-mode .dark-mode\:bg\=z4-95,
.form-bg\=z4-95 .form-field {
  background-color: rgb(var(--color-z4)/95%);
}

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

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

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

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

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

.bg\=z5-5,
.dark-mode .dark-mode\:bg\=z5-5,
.form-bg\=z5-5 .form-field {
  background-color: rgb(var(--color-z5)/5%);
}

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

.bg\=z5-10,
.dark-mode .dark-mode\:bg\=z5-10,
.form-bg\=z5-10 .form-field {
  background-color: rgb(var(--color-z5)/10%);
}

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

.bg\=z5-15,
.dark-mode .dark-mode\:bg\=z5-15,
.form-bg\=z5-15 .form-field {
  background-color: rgb(var(--color-z5)/15%);
}

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

.bg\=z5-20,
.dark-mode .dark-mode\:bg\=z5-20,
.form-bg\=z5-20 .form-field {
  background-color: rgb(var(--color-z5)/20%);
}

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

.bg\=z5-25,
.dark-mode .dark-mode\:bg\=z5-25,
.form-bg\=z5-25 .form-field {
  background-color: rgb(var(--color-z5)/25%);
}

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

.bg\=z5-30,
.dark-mode .dark-mode\:bg\=z5-30,
.form-bg\=z5-30 .form-field {
  background-color: rgb(var(--color-z5)/30%);
}

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

.bg\=z5-35,
.dark-mode .dark-mode\:bg\=z5-35,
.form-bg\=z5-35 .form-field {
  background-color: rgb(var(--color-z5)/35%);
}

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

.bg\=z5-40,
.dark-mode .dark-mode\:bg\=z5-40,
.form-bg\=z5-40 .form-field {
  background-color: rgb(var(--color-z5)/40%);
}

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

.bg\=z5-45,
.dark-mode .dark-mode\:bg\=z5-45,
.form-bg\=z5-45 .form-field {
  background-color: rgb(var(--color-z5)/45%);
}

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

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

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

.bg\=z5-55,
.dark-mode .dark-mode\:bg\=z5-55,
.form-bg\=z5-55 .form-field {
  background-color: rgb(var(--color-z5)/55%);
}

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

.bg\=z5-60,
.dark-mode .dark-mode\:bg\=z5-60,
.form-bg\=z5-60 .form-field {
  background-color: rgb(var(--color-z5)/60%);
}

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

.bg\=z5-65,
.dark-mode .dark-mode\:bg\=z5-65,
.form-bg\=z5-65 .form-field {
  background-color: rgb(var(--color-z5)/65%);
}

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

.bg\=z5-70,
.dark-mode .dark-mode\:bg\=z5-70,
.form-bg\=z5-70 .form-field {
  background-color: rgb(var(--color-z5)/70%);
}

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

.bg\=z5-75,
.dark-mode .dark-mode\:bg\=z5-75,
.form-bg\=z5-75 .form-field {
  background-color: rgb(var(--color-z5)/75%);
}

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

.bg\=z5-80,
.dark-mode .dark-mode\:bg\=z5-80,
.form-bg\=z5-80 .form-field {
  background-color: rgb(var(--color-z5)/80%);
}

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

.bg\=z5-85,
.dark-mode .dark-mode\:bg\=z5-85,
.form-bg\=z5-85 .form-field {
  background-color: rgb(var(--color-z5)/85%);
}

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

.bg\=z5-90,
.dark-mode .dark-mode\:bg\=z5-90,
.form-bg\=z5-90 .form-field {
  background-color: rgb(var(--color-z5)/90%);
}

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

.bg\=z5-95,
.dark-mode .dark-mode\:bg\=z5-95,
.form-bg\=z5-95 .form-field {
  background-color: rgb(var(--color-z5)/95%);
}

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

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

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

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

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

.bg\=z6-5,
.dark-mode .dark-mode\:bg\=z6-5,
.form-bg\=z6-5 .form-field {
  background-color: rgb(var(--color-z6)/5%);
}

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

.bg\=z6-10,
.dark-mode .dark-mode\:bg\=z6-10,
.form-bg\=z6-10 .form-field {
  background-color: rgb(var(--color-z6)/10%);
}

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

.bg\=z6-15,
.dark-mode .dark-mode\:bg\=z6-15,
.form-bg\=z6-15 .form-field {
  background-color: rgb(var(--color-z6)/15%);
}

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

.bg\=z6-20,
.dark-mode .dark-mode\:bg\=z6-20,
.form-bg\=z6-20 .form-field {
  background-color: rgb(var(--color-z6)/20%);
}

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

.bg\=z6-25,
.dark-mode .dark-mode\:bg\=z6-25,
.form-bg\=z6-25 .form-field {
  background-color: rgb(var(--color-z6)/25%);
}

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

.bg\=z6-30,
.dark-mode .dark-mode\:bg\=z6-30,
.form-bg\=z6-30 .form-field {
  background-color: rgb(var(--color-z6)/30%);
}

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

.bg\=z6-35,
.dark-mode .dark-mode\:bg\=z6-35,
.form-bg\=z6-35 .form-field {
  background-color: rgb(var(--color-z6)/35%);
}

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

.bg\=z6-40,
.dark-mode .dark-mode\:bg\=z6-40,
.form-bg\=z6-40 .form-field {
  background-color: rgb(var(--color-z6)/40%);
}

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

.bg\=z6-45,
.dark-mode .dark-mode\:bg\=z6-45,
.form-bg\=z6-45 .form-field {
  background-color: rgb(var(--color-z6)/45%);
}

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

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

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

.bg\=z6-55,
.dark-mode .dark-mode\:bg\=z6-55,
.form-bg\=z6-55 .form-field {
  background-color: rgb(var(--color-z6)/55%);
}

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

.bg\=z6-60,
.dark-mode .dark-mode\:bg\=z6-60,
.form-bg\=z6-60 .form-field {
  background-color: rgb(var(--color-z6)/60%);
}

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

.bg\=z6-65,
.dark-mode .dark-mode\:bg\=z6-65,
.form-bg\=z6-65 .form-field {
  background-color: rgb(var(--color-z6)/65%);
}

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

.bg\=z6-70,
.dark-mode .dark-mode\:bg\=z6-70,
.form-bg\=z6-70 .form-field {
  background-color: rgb(var(--color-z6)/70%);
}

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

.bg\=z6-75,
.dark-mode .dark-mode\:bg\=z6-75,
.form-bg\=z6-75 .form-field {
  background-color: rgb(var(--color-z6)/75%);
}

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

.bg\=z6-80,
.dark-mode .dark-mode\:bg\=z6-80,
.form-bg\=z6-80 .form-field {
  background-color: rgb(var(--color-z6)/80%);
}

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

.bg\=z6-85,
.dark-mode .dark-mode\:bg\=z6-85,
.form-bg\=z6-85 .form-field {
  background-color: rgb(var(--color-z6)/85%);
}

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

.bg\=z6-90,
.dark-mode .dark-mode\:bg\=z6-90,
.form-bg\=z6-90 .form-field {
  background-color: rgb(var(--color-z6)/90%);
}

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

.bg\=z6-95,
.dark-mode .dark-mode\:bg\=z6-95,
.form-bg\=z6-95 .form-field {
  background-color: rgb(var(--color-z6)/95%);
}

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

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

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

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

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

.bg\=z7-5,
.dark-mode .dark-mode\:bg\=z7-5,
.form-bg\=z7-5 .form-field {
  background-color: rgb(var(--color-z7)/5%);
}

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

.bg\=z7-10,
.dark-mode .dark-mode\:bg\=z7-10,
.form-bg\=z7-10 .form-field {
  background-color: rgb(var(--color-z7)/10%);
}

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

.bg\=z7-15,
.dark-mode .dark-mode\:bg\=z7-15,
.form-bg\=z7-15 .form-field {
  background-color: rgb(var(--color-z7)/15%);
}

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

.bg\=z7-20,
.dark-mode .dark-mode\:bg\=z7-20,
.form-bg\=z7-20 .form-field {
  background-color: rgb(var(--color-z7)/20%);
}

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

.bg\=z7-25,
.dark-mode .dark-mode\:bg\=z7-25,
.form-bg\=z7-25 .form-field {
  background-color: rgb(var(--color-z7)/25%);
}

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

.bg\=z7-30,
.dark-mode .dark-mode\:bg\=z7-30,
.form-bg\=z7-30 .form-field {
  background-color: rgb(var(--color-z7)/30%);
}

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

.bg\=z7-35,
.dark-mode .dark-mode\:bg\=z7-35,
.form-bg\=z7-35 .form-field {
  background-color: rgb(var(--color-z7)/35%);
}

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

.bg\=z7-40,
.dark-mode .dark-mode\:bg\=z7-40,
.form-bg\=z7-40 .form-field {
  background-color: rgb(var(--color-z7)/40%);
}

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

.bg\=z7-45,
.dark-mode .dark-mode\:bg\=z7-45,
.form-bg\=z7-45 .form-field {
  background-color: rgb(var(--color-z7)/45%);
}

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

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

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

.bg\=z7-55,
.dark-mode .dark-mode\:bg\=z7-55,
.form-bg\=z7-55 .form-field {
  background-color: rgb(var(--color-z7)/55%);
}

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

.bg\=z7-60,
.dark-mode .dark-mode\:bg\=z7-60,
.form-bg\=z7-60 .form-field {
  background-color: rgb(var(--color-z7)/60%);
}

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

.bg\=z7-65,
.dark-mode .dark-mode\:bg\=z7-65,
.form-bg\=z7-65 .form-field {
  background-color: rgb(var(--color-z7)/65%);
}

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

.bg\=z7-70,
.dark-mode .dark-mode\:bg\=z7-70,
.form-bg\=z7-70 .form-field {
  background-color: rgb(var(--color-z7)/70%);
}

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

.bg\=z7-75,
.dark-mode .dark-mode\:bg\=z7-75,
.form-bg\=z7-75 .form-field {
  background-color: rgb(var(--color-z7)/75%);
}

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

.bg\=z7-80,
.dark-mode .dark-mode\:bg\=z7-80,
.form-bg\=z7-80 .form-field {
  background-color: rgb(var(--color-z7)/80%);
}

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

.bg\=z7-85,
.dark-mode .dark-mode\:bg\=z7-85,
.form-bg\=z7-85 .form-field {
  background-color: rgb(var(--color-z7)/85%);
}

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

.bg\=z7-90,
.dark-mode .dark-mode\:bg\=z7-90,
.form-bg\=z7-90 .form-field {
  background-color: rgb(var(--color-z7)/90%);
}

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

.bg\=z7-95,
.dark-mode .dark-mode\:bg\=z7-95,
.form-bg\=z7-95 .form-field {
  background-color: rgb(var(--color-z7)/95%);
}

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

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

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

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

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

.bg\=z8-5,
.dark-mode .dark-mode\:bg\=z8-5,
.form-bg\=z8-5 .form-field {
  background-color: rgb(var(--color-z8)/5%);
}

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

.bg\=z8-10,
.dark-mode .dark-mode\:bg\=z8-10,
.form-bg\=z8-10 .form-field {
  background-color: rgb(var(--color-z8)/10%);
}

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

.bg\=z8-15,
.dark-mode .dark-mode\:bg\=z8-15,
.form-bg\=z8-15 .form-field {
  background-color: rgb(var(--color-z8)/15%);
}

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

.bg\=z8-20,
.dark-mode .dark-mode\:bg\=z8-20,
.form-bg\=z8-20 .form-field {
  background-color: rgb(var(--color-z8)/20%);
}

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

.bg\=z8-25,
.dark-mode .dark-mode\:bg\=z8-25,
.form-bg\=z8-25 .form-field {
  background-color: rgb(var(--color-z8)/25%);
}

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

.bg\=z8-30,
.dark-mode .dark-mode\:bg\=z8-30,
.form-bg\=z8-30 .form-field {
  background-color: rgb(var(--color-z8)/30%);
}

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

.bg\=z8-35,
.dark-mode .dark-mode\:bg\=z8-35,
.form-bg\=z8-35 .form-field {
  background-color: rgb(var(--color-z8)/35%);
}

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

.bg\=z8-40,
.dark-mode .dark-mode\:bg\=z8-40,
.form-bg\=z8-40 .form-field {
  background-color: rgb(var(--color-z8)/40%);
}

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

.bg\=z8-45,
.dark-mode .dark-mode\:bg\=z8-45,
.form-bg\=z8-45 .form-field {
  background-color: rgb(var(--color-z8)/45%);
}

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

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

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

.bg\=z8-55,
.dark-mode .dark-mode\:bg\=z8-55,
.form-bg\=z8-55 .form-field {
  background-color: rgb(var(--color-z8)/55%);
}

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

.bg\=z8-60,
.dark-mode .dark-mode\:bg\=z8-60,
.form-bg\=z8-60 .form-field {
  background-color: rgb(var(--color-z8)/60%);
}

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

.bg\=z8-65,
.dark-mode .dark-mode\:bg\=z8-65,
.form-bg\=z8-65 .form-field {
  background-color: rgb(var(--color-z8)/65%);
}

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

.bg\=z8-70,
.dark-mode .dark-mode\:bg\=z8-70,
.form-bg\=z8-70 .form-field {
  background-color: rgb(var(--color-z8)/70%);
}

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

.bg\=z8-75,
.dark-mode .dark-mode\:bg\=z8-75,
.form-bg\=z8-75 .form-field {
  background-color: rgb(var(--color-z8)/75%);
}

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

.bg\=z8-80,
.dark-mode .dark-mode\:bg\=z8-80,
.form-bg\=z8-80 .form-field {
  background-color: rgb(var(--color-z8)/80%);
}

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

.bg\=z8-85,
.dark-mode .dark-mode\:bg\=z8-85,
.form-bg\=z8-85 .form-field {
  background-color: rgb(var(--color-z8)/85%);
}

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

.bg\=z8-90,
.dark-mode .dark-mode\:bg\=z8-90,
.form-bg\=z8-90 .form-field {
  background-color: rgb(var(--color-z8)/90%);
}

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

.bg\=z8-95,
.dark-mode .dark-mode\:bg\=z8-95,
.form-bg\=z8-95 .form-field {
  background-color: rgb(var(--color-z8)/95%);
}

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

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

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

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

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

.bg\=z9-5,
.dark-mode .dark-mode\:bg\=z9-5,
.form-bg\=z9-5 .form-field {
  background-color: rgb(var(--color-z9)/5%);
}

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

.bg\=z9-10,
.dark-mode .dark-mode\:bg\=z9-10,
.form-bg\=z9-10 .form-field {
  background-color: rgb(var(--color-z9)/10%);
}

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

.bg\=z9-15,
.dark-mode .dark-mode\:bg\=z9-15,
.form-bg\=z9-15 .form-field {
  background-color: rgb(var(--color-z9)/15%);
}

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

.bg\=z9-20,
.dark-mode .dark-mode\:bg\=z9-20,
.form-bg\=z9-20 .form-field {
  background-color: rgb(var(--color-z9)/20%);
}

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

.bg\=z9-25,
.dark-mode .dark-mode\:bg\=z9-25,
.form-bg\=z9-25 .form-field {
  background-color: rgb(var(--color-z9)/25%);
}

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

.bg\=z9-30,
.dark-mode .dark-mode\:bg\=z9-30,
.form-bg\=z9-30 .form-field {
  background-color: rgb(var(--color-z9)/30%);
}

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

.bg\=z9-35,
.dark-mode .dark-mode\:bg\=z9-35,
.form-bg\=z9-35 .form-field {
  background-color: rgb(var(--color-z9)/35%);
}

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

.bg\=z9-40,
.dark-mode .dark-mode\:bg\=z9-40,
.form-bg\=z9-40 .form-field {
  background-color: rgb(var(--color-z9)/40%);
}

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

.bg\=z9-45,
.dark-mode .dark-mode\:bg\=z9-45,
.form-bg\=z9-45 .form-field {
  background-color: rgb(var(--color-z9)/45%);
}

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

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

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

.bg\=z9-55,
.dark-mode .dark-mode\:bg\=z9-55,
.form-bg\=z9-55 .form-field {
  background-color: rgb(var(--color-z9)/55%);
}

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

.bg\=z9-60,
.dark-mode .dark-mode\:bg\=z9-60,
.form-bg\=z9-60 .form-field {
  background-color: rgb(var(--color-z9)/60%);
}

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

.bg\=z9-65,
.dark-mode .dark-mode\:bg\=z9-65,
.form-bg\=z9-65 .form-field {
  background-color: rgb(var(--color-z9)/65%);
}

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

.bg\=z9-70,
.dark-mode .dark-mode\:bg\=z9-70,
.form-bg\=z9-70 .form-field {
  background-color: rgb(var(--color-z9)/70%);
}

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

.bg\=z9-75,
.dark-mode .dark-mode\:bg\=z9-75,
.form-bg\=z9-75 .form-field {
  background-color: rgb(var(--color-z9)/75%);
}

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

.bg\=z9-80,
.dark-mode .dark-mode\:bg\=z9-80,
.form-bg\=z9-80 .form-field {
  background-color: rgb(var(--color-z9)/80%);
}

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

.bg\=z9-85,
.dark-mode .dark-mode\:bg\=z9-85,
.form-bg\=z9-85 .form-field {
  background-color: rgb(var(--color-z9)/85%);
}

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

.bg\=z9-90,
.dark-mode .dark-mode\:bg\=z9-90,
.form-bg\=z9-90 .form-field {
  background-color: rgb(var(--color-z9)/90%);
}

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

.bg\=z9-95,
.dark-mode .dark-mode\:bg\=z9-95,
.form-bg\=z9-95 .form-field {
  background-color: rgb(var(--color-z9)/95%);
}

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

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

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

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

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

.bg\=z10-5,
.dark-mode .dark-mode\:bg\=z10-5,
.form-bg\=z10-5 .form-field {
  background-color: rgb(var(--color-z10)/5%);
}

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

.bg\=z10-10,
.dark-mode .dark-mode\:bg\=z10-10,
.form-bg\=z10-10 .form-field {
  background-color: rgb(var(--color-z10)/10%);
}

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

.bg\=z10-15,
.dark-mode .dark-mode\:bg\=z10-15,
.form-bg\=z10-15 .form-field {
  background-color: rgb(var(--color-z10)/15%);
}

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

.bg\=z10-20,
.dark-mode .dark-mode\:bg\=z10-20,
.form-bg\=z10-20 .form-field {
  background-color: rgb(var(--color-z10)/20%);
}

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

.bg\=z10-25,
.dark-mode .dark-mode\:bg\=z10-25,
.form-bg\=z10-25 .form-field {
  background-color: rgb(var(--color-z10)/25%);
}

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

.bg\=z10-30,
.dark-mode .dark-mode\:bg\=z10-30,
.form-bg\=z10-30 .form-field {
  background-color: rgb(var(--color-z10)/30%);
}

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

.bg\=z10-35,
.dark-mode .dark-mode\:bg\=z10-35,
.form-bg\=z10-35 .form-field {
  background-color: rgb(var(--color-z10)/35%);
}

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

.bg\=z10-40,
.dark-mode .dark-mode\:bg\=z10-40,
.form-bg\=z10-40 .form-field {
  background-color: rgb(var(--color-z10)/40%);
}

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

.bg\=z10-45,
.dark-mode .dark-mode\:bg\=z10-45,
.form-bg\=z10-45 .form-field {
  background-color: rgb(var(--color-z10)/45%);
}

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

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

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

.bg\=z10-55,
.dark-mode .dark-mode\:bg\=z10-55,
.form-bg\=z10-55 .form-field {
  background-color: rgb(var(--color-z10)/55%);
}

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

.bg\=z10-60,
.dark-mode .dark-mode\:bg\=z10-60,
.form-bg\=z10-60 .form-field {
  background-color: rgb(var(--color-z10)/60%);
}

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

.bg\=z10-65,
.dark-mode .dark-mode\:bg\=z10-65,
.form-bg\=z10-65 .form-field {
  background-color: rgb(var(--color-z10)/65%);
}

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

.bg\=z10-70,
.dark-mode .dark-mode\:bg\=z10-70,
.form-bg\=z10-70 .form-field {
  background-color: rgb(var(--color-z10)/70%);
}

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

.bg\=z10-75,
.dark-mode .dark-mode\:bg\=z10-75,
.form-bg\=z10-75 .form-field {
  background-color: rgb(var(--color-z10)/75%);
}

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

.bg\=z10-80,
.dark-mode .dark-mode\:bg\=z10-80,
.form-bg\=z10-80 .form-field {
  background-color: rgb(var(--color-z10)/80%);
}

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

.bg\=z10-85,
.dark-mode .dark-mode\:bg\=z10-85,
.form-bg\=z10-85 .form-field {
  background-color: rgb(var(--color-z10)/85%);
}

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

.bg\=z10-90,
.dark-mode .dark-mode\:bg\=z10-90,
.form-bg\=z10-90 .form-field {
  background-color: rgb(var(--color-z10)/90%);
}

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

.bg\=z10-95,
.dark-mode .dark-mode\:bg\=z10-95,
.form-bg\=z10-95 .form-field {
  background-color: rgb(var(--color-z10)/95%);
}

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

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

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

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

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

.bg\=z11-5,
.dark-mode .dark-mode\:bg\=z11-5,
.form-bg\=z11-5 .form-field {
  background-color: rgb(var(--color-z11)/5%);
}

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

.bg\=z11-10,
.dark-mode .dark-mode\:bg\=z11-10,
.form-bg\=z11-10 .form-field {
  background-color: rgb(var(--color-z11)/10%);
}

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

.bg\=z11-15,
.dark-mode .dark-mode\:bg\=z11-15,
.form-bg\=z11-15 .form-field {
  background-color: rgb(var(--color-z11)/15%);
}

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

.bg\=z11-20,
.dark-mode .dark-mode\:bg\=z11-20,
.form-bg\=z11-20 .form-field {
  background-color: rgb(var(--color-z11)/20%);
}

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

.bg\=z11-25,
.dark-mode .dark-mode\:bg\=z11-25,
.form-bg\=z11-25 .form-field {
  background-color: rgb(var(--color-z11)/25%);
}

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

.bg\=z11-30,
.dark-mode .dark-mode\:bg\=z11-30,
.form-bg\=z11-30 .form-field {
  background-color: rgb(var(--color-z11)/30%);
}

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

.bg\=z11-35,
.dark-mode .dark-mode\:bg\=z11-35,
.form-bg\=z11-35 .form-field {
  background-color: rgb(var(--color-z11)/35%);
}

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

.bg\=z11-40,
.dark-mode .dark-mode\:bg\=z11-40,
.form-bg\=z11-40 .form-field {
  background-color: rgb(var(--color-z11)/40%);
}

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

.bg\=z11-45,
.dark-mode .dark-mode\:bg\=z11-45,
.form-bg\=z11-45 .form-field {
  background-color: rgb(var(--color-z11)/45%);
}

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

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

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

.bg\=z11-55,
.dark-mode .dark-mode\:bg\=z11-55,
.form-bg\=z11-55 .form-field {
  background-color: rgb(var(--color-z11)/55%);
}

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

.bg\=z11-60,
.dark-mode .dark-mode\:bg\=z11-60,
.form-bg\=z11-60 .form-field {
  background-color: rgb(var(--color-z11)/60%);
}

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

.bg\=z11-65,
.dark-mode .dark-mode\:bg\=z11-65,
.form-bg\=z11-65 .form-field {
  background-color: rgb(var(--color-z11)/65%);
}

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

.bg\=z11-70,
.dark-mode .dark-mode\:bg\=z11-70,
.form-bg\=z11-70 .form-field {
  background-color: rgb(var(--color-z11)/70%);
}

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

.bg\=z11-75,
.dark-mode .dark-mode\:bg\=z11-75,
.form-bg\=z11-75 .form-field {
  background-color: rgb(var(--color-z11)/75%);
}

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

.bg\=z11-80,
.dark-mode .dark-mode\:bg\=z11-80,
.form-bg\=z11-80 .form-field {
  background-color: rgb(var(--color-z11)/80%);
}

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

.bg\=z11-85,
.dark-mode .dark-mode\:bg\=z11-85,
.form-bg\=z11-85 .form-field {
  background-color: rgb(var(--color-z11)/85%);
}

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

.bg\=z11-90,
.dark-mode .dark-mode\:bg\=z11-90,
.form-bg\=z11-90 .form-field {
  background-color: rgb(var(--color-z11)/90%);
}

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

.bg\=z11-95,
.dark-mode .dark-mode\:bg\=z11-95,
.form-bg\=z11-95 .form-field {
  background-color: rgb(var(--color-z11)/95%);
}

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

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

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

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

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

.bg\=z12-5,
.dark-mode .dark-mode\:bg\=z12-5,
.form-bg\=z12-5 .form-field {
  background-color: rgb(var(--color-z12)/5%);
}

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

.bg\=z12-10,
.dark-mode .dark-mode\:bg\=z12-10,
.form-bg\=z12-10 .form-field {
  background-color: rgb(var(--color-z12)/10%);
}

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

.bg\=z12-15,
.dark-mode .dark-mode\:bg\=z12-15,
.form-bg\=z12-15 .form-field {
  background-color: rgb(var(--color-z12)/15%);
}

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

.bg\=z12-20,
.dark-mode .dark-mode\:bg\=z12-20,
.form-bg\=z12-20 .form-field {
  background-color: rgb(var(--color-z12)/20%);
}

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

.bg\=z12-25,
.dark-mode .dark-mode\:bg\=z12-25,
.form-bg\=z12-25 .form-field {
  background-color: rgb(var(--color-z12)/25%);
}

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

.bg\=z12-30,
.dark-mode .dark-mode\:bg\=z12-30,
.form-bg\=z12-30 .form-field {
  background-color: rgb(var(--color-z12)/30%);
}

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

.bg\=z12-35,
.dark-mode .dark-mode\:bg\=z12-35,
.form-bg\=z12-35 .form-field {
  background-color: rgb(var(--color-z12)/35%);
}

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

.bg\=z12-40,
.dark-mode .dark-mode\:bg\=z12-40,
.form-bg\=z12-40 .form-field {
  background-color: rgb(var(--color-z12)/40%);
}

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

.bg\=z12-45,
.dark-mode .dark-mode\:bg\=z12-45,
.form-bg\=z12-45 .form-field {
  background-color: rgb(var(--color-z12)/45%);
}

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

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

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

.bg\=z12-55,
.dark-mode .dark-mode\:bg\=z12-55,
.form-bg\=z12-55 .form-field {
  background-color: rgb(var(--color-z12)/55%);
}

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

.bg\=z12-60,
.dark-mode .dark-mode\:bg\=z12-60,
.form-bg\=z12-60 .form-field {
  background-color: rgb(var(--color-z12)/60%);
}

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

.bg\=z12-65,
.dark-mode .dark-mode\:bg\=z12-65,
.form-bg\=z12-65 .form-field {
  background-color: rgb(var(--color-z12)/65%);
}

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

.bg\=z12-70,
.dark-mode .dark-mode\:bg\=z12-70,
.form-bg\=z12-70 .form-field {
  background-color: rgb(var(--color-z12)/70%);
}

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

.bg\=z12-75,
.dark-mode .dark-mode\:bg\=z12-75,
.form-bg\=z12-75 .form-field {
  background-color: rgb(var(--color-z12)/75%);
}

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

.bg\=z12-80,
.dark-mode .dark-mode\:bg\=z12-80,
.form-bg\=z12-80 .form-field {
  background-color: rgb(var(--color-z12)/80%);
}

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

.bg\=z12-85,
.dark-mode .dark-mode\:bg\=z12-85,
.form-bg\=z12-85 .form-field {
  background-color: rgb(var(--color-z12)/85%);
}

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

.bg\=z12-90,
.dark-mode .dark-mode\:bg\=z12-90,
.form-bg\=z12-90 .form-field {
  background-color: rgb(var(--color-z12)/90%);
}

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

.bg\=z12-95,
.dark-mode .dark-mode\:bg\=z12-95,
.form-bg\=z12-95 .form-field {
  background-color: rgb(var(--color-z12)/95%);
}

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

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

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

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

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

.bg\=z13-5,
.dark-mode .dark-mode\:bg\=z13-5,
.form-bg\=z13-5 .form-field {
  background-color: rgb(var(--color-z13)/5%);
}

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

.bg\=z13-10,
.dark-mode .dark-mode\:bg\=z13-10,
.form-bg\=z13-10 .form-field {
  background-color: rgb(var(--color-z13)/10%);
}

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

.bg\=z13-15,
.dark-mode .dark-mode\:bg\=z13-15,
.form-bg\=z13-15 .form-field {
  background-color: rgb(var(--color-z13)/15%);
}

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

.bg\=z13-20,
.dark-mode .dark-mode\:bg\=z13-20,
.form-bg\=z13-20 .form-field {
  background-color: rgb(var(--color-z13)/20%);
}

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

.bg\=z13-25,
.dark-mode .dark-mode\:bg\=z13-25,
.form-bg\=z13-25 .form-field {
  background-color: rgb(var(--color-z13)/25%);
}

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

.bg\=z13-30,
.dark-mode .dark-mode\:bg\=z13-30,
.form-bg\=z13-30 .form-field {
  background-color: rgb(var(--color-z13)/30%);
}

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

.bg\=z13-35,
.dark-mode .dark-mode\:bg\=z13-35,
.form-bg\=z13-35 .form-field {
  background-color: rgb(var(--color-z13)/35%);
}

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

.bg\=z13-40,
.dark-mode .dark-mode\:bg\=z13-40,
.form-bg\=z13-40 .form-field {
  background-color: rgb(var(--color-z13)/40%);
}

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

.bg\=z13-45,
.dark-mode .dark-mode\:bg\=z13-45,
.form-bg\=z13-45 .form-field {
  background-color: rgb(var(--color-z13)/45%);
}

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

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

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

.bg\=z13-55,
.dark-mode .dark-mode\:bg\=z13-55,
.form-bg\=z13-55 .form-field {
  background-color: rgb(var(--color-z13)/55%);
}

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

.bg\=z13-60,
.dark-mode .dark-mode\:bg\=z13-60,
.form-bg\=z13-60 .form-field {
  background-color: rgb(var(--color-z13)/60%);
}

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

.bg\=z13-65,
.dark-mode .dark-mode\:bg\=z13-65,
.form-bg\=z13-65 .form-field {
  background-color: rgb(var(--color-z13)/65%);
}

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

.bg\=z13-70,
.dark-mode .dark-mode\:bg\=z13-70,
.form-bg\=z13-70 .form-field {
  background-color: rgb(var(--color-z13)/70%);
}

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

.bg\=z13-75,
.dark-mode .dark-mode\:bg\=z13-75,
.form-bg\=z13-75 .form-field {
  background-color: rgb(var(--color-z13)/75%);
}

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

.bg\=z13-80,
.dark-mode .dark-mode\:bg\=z13-80,
.form-bg\=z13-80 .form-field {
  background-color: rgb(var(--color-z13)/80%);
}

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

.bg\=z13-85,
.dark-mode .dark-mode\:bg\=z13-85,
.form-bg\=z13-85 .form-field {
  background-color: rgb(var(--color-z13)/85%);
}

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

.bg\=z13-90,
.dark-mode .dark-mode\:bg\=z13-90,
.form-bg\=z13-90 .form-field {
  background-color: rgb(var(--color-z13)/90%);
}

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

.bg\=z13-95,
.dark-mode .dark-mode\:bg\=z13-95,
.form-bg\=z13-95 .form-field {
  background-color: rgb(var(--color-z13)/95%);
}

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

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

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

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

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

.bg\=z14-5,
.dark-mode .dark-mode\:bg\=z14-5,
.form-bg\=z14-5 .form-field {
  background-color: rgb(var(--color-z14)/5%);
}

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

.bg\=z14-10,
.dark-mode .dark-mode\:bg\=z14-10,
.form-bg\=z14-10 .form-field {
  background-color: rgb(var(--color-z14)/10%);
}

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

.bg\=z14-15,
.dark-mode .dark-mode\:bg\=z14-15,
.form-bg\=z14-15 .form-field {
  background-color: rgb(var(--color-z14)/15%);
}

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

.bg\=z14-20,
.dark-mode .dark-mode\:bg\=z14-20,
.form-bg\=z14-20 .form-field {
  background-color: rgb(var(--color-z14)/20%);
}

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

.bg\=z14-25,
.dark-mode .dark-mode\:bg\=z14-25,
.form-bg\=z14-25 .form-field {
  background-color: rgb(var(--color-z14)/25%);
}

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

.bg\=z14-30,
.dark-mode .dark-mode\:bg\=z14-30,
.form-bg\=z14-30 .form-field {
  background-color: rgb(var(--color-z14)/30%);
}

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

.bg\=z14-35,
.dark-mode .dark-mode\:bg\=z14-35,
.form-bg\=z14-35 .form-field {
  background-color: rgb(var(--color-z14)/35%);
}

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

.bg\=z14-40,
.dark-mode .dark-mode\:bg\=z14-40,
.form-bg\=z14-40 .form-field {
  background-color: rgb(var(--color-z14)/40%);
}

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

.bg\=z14-45,
.dark-mode .dark-mode\:bg\=z14-45,
.form-bg\=z14-45 .form-field {
  background-color: rgb(var(--color-z14)/45%);
}

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

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

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

.bg\=z14-55,
.dark-mode .dark-mode\:bg\=z14-55,
.form-bg\=z14-55 .form-field {
  background-color: rgb(var(--color-z14)/55%);
}

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

.bg\=z14-60,
.dark-mode .dark-mode\:bg\=z14-60,
.form-bg\=z14-60 .form-field {
  background-color: rgb(var(--color-z14)/60%);
}

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

.bg\=z14-65,
.dark-mode .dark-mode\:bg\=z14-65,
.form-bg\=z14-65 .form-field {
  background-color: rgb(var(--color-z14)/65%);
}

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

.bg\=z14-70,
.dark-mode .dark-mode\:bg\=z14-70,
.form-bg\=z14-70 .form-field {
  background-color: rgb(var(--color-z14)/70%);
}

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

.bg\=z14-75,
.dark-mode .dark-mode\:bg\=z14-75,
.form-bg\=z14-75 .form-field {
  background-color: rgb(var(--color-z14)/75%);
}

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

.bg\=z14-80,
.dark-mode .dark-mode\:bg\=z14-80,
.form-bg\=z14-80 .form-field {
  background-color: rgb(var(--color-z14)/80%);
}

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

.bg\=z14-85,
.dark-mode .dark-mode\:bg\=z14-85,
.form-bg\=z14-85 .form-field {
  background-color: rgb(var(--color-z14)/85%);
}

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

.bg\=z14-90,
.dark-mode .dark-mode\:bg\=z14-90,
.form-bg\=z14-90 .form-field {
  background-color: rgb(var(--color-z14)/90%);
}

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

.bg\=z14-95,
.dark-mode .dark-mode\:bg\=z14-95,
.form-bg\=z14-95 .form-field {
  background-color: rgb(var(--color-z14)/95%);
}

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

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

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

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

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

.bg\=z15-5,
.dark-mode .dark-mode\:bg\=z15-5,
.form-bg\=z15-5 .form-field {
  background-color: rgb(var(--color-z15)/5%);
}

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

.bg\=z15-10,
.dark-mode .dark-mode\:bg\=z15-10,
.form-bg\=z15-10 .form-field {
  background-color: rgb(var(--color-z15)/10%);
}

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

.bg\=z15-15,
.dark-mode .dark-mode\:bg\=z15-15,
.form-bg\=z15-15 .form-field {
  background-color: rgb(var(--color-z15)/15%);
}

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

.bg\=z15-20,
.dark-mode .dark-mode\:bg\=z15-20,
.form-bg\=z15-20 .form-field {
  background-color: rgb(var(--color-z15)/20%);
}

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

.bg\=z15-25,
.dark-mode .dark-mode\:bg\=z15-25,
.form-bg\=z15-25 .form-field {
  background-color: rgb(var(--color-z15)/25%);
}

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

.bg\=z15-30,
.dark-mode .dark-mode\:bg\=z15-30,
.form-bg\=z15-30 .form-field {
  background-color: rgb(var(--color-z15)/30%);
}

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

.bg\=z15-35,
.dark-mode .dark-mode\:bg\=z15-35,
.form-bg\=z15-35 .form-field {
  background-color: rgb(var(--color-z15)/35%);
}

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

.bg\=z15-40,
.dark-mode .dark-mode\:bg\=z15-40,
.form-bg\=z15-40 .form-field {
  background-color: rgb(var(--color-z15)/40%);
}

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

.bg\=z15-45,
.dark-mode .dark-mode\:bg\=z15-45,
.form-bg\=z15-45 .form-field {
  background-color: rgb(var(--color-z15)/45%);
}

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

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

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

.bg\=z15-55,
.dark-mode .dark-mode\:bg\=z15-55,
.form-bg\=z15-55 .form-field {
  background-color: rgb(var(--color-z15)/55%);
}

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

.bg\=z15-60,
.dark-mode .dark-mode\:bg\=z15-60,
.form-bg\=z15-60 .form-field {
  background-color: rgb(var(--color-z15)/60%);
}

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

.bg\=z15-65,
.dark-mode .dark-mode\:bg\=z15-65,
.form-bg\=z15-65 .form-field {
  background-color: rgb(var(--color-z15)/65%);
}

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

.bg\=z15-70,
.dark-mode .dark-mode\:bg\=z15-70,
.form-bg\=z15-70 .form-field {
  background-color: rgb(var(--color-z15)/70%);
}

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

.bg\=z15-75,
.dark-mode .dark-mode\:bg\=z15-75,
.form-bg\=z15-75 .form-field {
  background-color: rgb(var(--color-z15)/75%);
}

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

.bg\=z15-80,
.dark-mode .dark-mode\:bg\=z15-80,
.form-bg\=z15-80 .form-field {
  background-color: rgb(var(--color-z15)/80%);
}

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

.bg\=z15-85,
.dark-mode .dark-mode\:bg\=z15-85,
.form-bg\=z15-85 .form-field {
  background-color: rgb(var(--color-z15)/85%);
}

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

.bg\=z15-90,
.dark-mode .dark-mode\:bg\=z15-90,
.form-bg\=z15-90 .form-field {
  background-color: rgb(var(--color-z15)/90%);
}

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

.bg\=z15-95,
.dark-mode .dark-mode\:bg\=z15-95,
.form-bg\=z15-95 .form-field {
  background-color: rgb(var(--color-z15)/95%);
}

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

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

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

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

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

.bg\=z16-5,
.dark-mode .dark-mode\:bg\=z16-5,
.form-bg\=z16-5 .form-field {
  background-color: rgb(var(--color-z16)/5%);
}

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

.bg\=z16-10,
.dark-mode .dark-mode\:bg\=z16-10,
.form-bg\=z16-10 .form-field {
  background-color: rgb(var(--color-z16)/10%);
}

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

.bg\=z16-15,
.dark-mode .dark-mode\:bg\=z16-15,
.form-bg\=z16-15 .form-field {
  background-color: rgb(var(--color-z16)/15%);
}

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

.bg\=z16-20,
.dark-mode .dark-mode\:bg\=z16-20,
.form-bg\=z16-20 .form-field {
  background-color: rgb(var(--color-z16)/20%);
}

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

.bg\=z16-25,
.dark-mode .dark-mode\:bg\=z16-25,
.form-bg\=z16-25 .form-field {
  background-color: rgb(var(--color-z16)/25%);
}

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

.bg\=z16-30,
.dark-mode .dark-mode\:bg\=z16-30,
.form-bg\=z16-30 .form-field {
  background-color: rgb(var(--color-z16)/30%);
}

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

.bg\=z16-35,
.dark-mode .dark-mode\:bg\=z16-35,
.form-bg\=z16-35 .form-field {
  background-color: rgb(var(--color-z16)/35%);
}

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

.bg\=z16-40,
.dark-mode .dark-mode\:bg\=z16-40,
.form-bg\=z16-40 .form-field {
  background-color: rgb(var(--color-z16)/40%);
}

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

.bg\=z16-45,
.dark-mode .dark-mode\:bg\=z16-45,
.form-bg\=z16-45 .form-field {
  background-color: rgb(var(--color-z16)/45%);
}

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

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

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

.bg\=z16-55,
.dark-mode .dark-mode\:bg\=z16-55,
.form-bg\=z16-55 .form-field {
  background-color: rgb(var(--color-z16)/55%);
}

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

.bg\=z16-60,
.dark-mode .dark-mode\:bg\=z16-60,
.form-bg\=z16-60 .form-field {
  background-color: rgb(var(--color-z16)/60%);
}

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

.bg\=z16-65,
.dark-mode .dark-mode\:bg\=z16-65,
.form-bg\=z16-65 .form-field {
  background-color: rgb(var(--color-z16)/65%);
}

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

.bg\=z16-70,
.dark-mode .dark-mode\:bg\=z16-70,
.form-bg\=z16-70 .form-field {
  background-color: rgb(var(--color-z16)/70%);
}

.hover-bg\=z16-70:hover,
[class*="--active"].active-bg\=z16-70,
[class*="--active"] .active-bg\=z16-70,
.form-focus-bg\=z16-70 .form-field:focus,
.form-hover-bg\=z16-70 .form-field:hover {
  background-color: rgb(var(--color-z16)/70%);
}

.bg\=z16-75,
.dark-mode .dark-mode\:bg\=z16-75,
.form-bg\=z16-75 .form-field {
  background-color: rgb(var(--color-z16)/75%);
}

.hover-bg\=z16-75:hover,
[class*="--active"].active-bg\=z16-75,
[class*="--active"] .active-bg\=z16-75,
.form-focus-bg\=z16-75 .form-field:focus,
.form-hover-bg\=z16-75 .form-field:hover {
  background-color: rgb(var(--color-z16)/75%);
}

.bg\=z16-80,
.dark-mode .dark-mode\:bg\=z16-80,
.form-bg\=z16-80 .form-field {
  background-color: rgb(var(--color-z16)/80%);
}

.hover-bg\=z16-80:hover,
[class*="--active"].active-bg\=z16-80,
[class*="--active"] .active-bg\=z16-80,
.form-focus-bg\=z16-80 .form-field:focus,
.form-hover-bg\=z16-80 .form-field:hover {
  background-color: rgb(var(--color-z16)/80%);
}

.bg\=z16-85,
.dark-mode .dark-mode\:bg\=z16-85,
.form-bg\=z16-85 .form-field {
  background-color: rgb(var(--color-z16)/85%);
}

.hover-bg\=z16-85:hover,
[class*="--active"].active-bg\=z16-85,
[class*="--active"] .active-bg\=z16-85,
.form-focus-bg\=z16-85 .form-field:focus,
.form-hover-bg\=z16-85 .form-field:hover {
  background-color: rgb(var(--color-z16)/85%);
}

.bg\=z16-90,
.dark-mode .dark-mode\:bg\=z16-90,
.form-bg\=z16-90 .form-field {
  background-color: rgb(var(--color-z16)/90%);
}

.hover-bg\=z16-90:hover,
[class*="--active"].active-bg\=z16-90,
[class*="--active"] .active-bg\=z16-90,
.form-focus-bg\=z16-90 .form-field:focus,
.form-hover-bg\=z16-90 .form-field:hover {
  background-color: rgb(var(--color-z16)/90%);
}

.bg\=z16-95,
.dark-mode .dark-mode\:bg\=z16-95,
.form-bg\=z16-95 .form-field {
  background-color: rgb(var(--color-z16)/95%);
}

.hover-bg\=z16-95:hover,
[class*="--active"].active-bg\=z16-95,
[class*="--active"] .active-bg\=z16-95,
.form-focus-bg\=z16-95 .form-field:focus,
.form-hover-bg\=z16-95 .form-field:hover {
  background-color: rgb(var(--color-z16)/95%);
}

.bg\=z16-100,
.dark-mode .dark-mode\:bg\=z16-100,
.form-bg\=z16-100 .form-field {
  background-color: rgb(var(--color-z16)/100%);
}

.hover-bg\=z16-100:hover,
[class*="--active"].active-bg\=z16-100,
[class*="--active"] .active-bg\=z16-100,
.form-focus-bg\=z16-100 .form-field:focus,
.form-hover-bg\=z16-100 .form-field:hover {
  background-color: rgb(var(--color-z16)/100%);
}

.bg\=z17,
.dark-mode .dark-mode\:bg\=z17,
.form-bg\=z17 .form-field {
  background-color: rgb(var(--color-z17));
}

.hover-bg\=z17:hover,
[class*="--active"].active-bg\=z17,
[class*="--active"] .active-bg\=z17,
.form-focus-bg\=z17 .form-field:focus,
.form-hover-bg\=z17 .form-field:hover {
  background-color: rgb(var(--color-z17));
}

.bg\=z17-5,
.dark-mode .dark-mode\:bg\=z17-5,
.form-bg\=z17-5 .form-field {
  background-color: rgb(var(--color-z17)/5%);
}

.hover-bg\=z17-5:hover,
[class*="--active"].active-bg\=z17-5,
[class*="--active"] .active-bg\=z17-5,
.form-focus-bg\=z17-5 .form-field:focus,
.form-hover-bg\=z17-5 .form-field:hover {
  background-color: rgb(var(--color-z17)/5%);
}

.bg\=z17-10,
.dark-mode .dark-mode\:bg\=z17-10,
.form-bg\=z17-10 .form-field {
  background-color: rgb(var(--color-z17)/10%);
}

.hover-bg\=z17-10:hover,
[class*="--active"].active-bg\=z17-10,
[class*="--active"] .active-bg\=z17-10,
.form-focus-bg\=z17-10 .form-field:focus,
.form-hover-bg\=z17-10 .form-field:hover {
  background-color: rgb(var(--color-z17)/10%);
}

.bg\=z17-15,
.dark-mode .dark-mode\:bg\=z17-15,
.form-bg\=z17-15 .form-field {
  background-color: rgb(var(--color-z17)/15%);
}

.hover-bg\=z17-15:hover,
[class*="--active"].active-bg\=z17-15,
[class*="--active"] .active-bg\=z17-15,
.form-focus-bg\=z17-15 .form-field:focus,
.form-hover-bg\=z17-15 .form-field:hover {
  background-color: rgb(var(--color-z17)/15%);
}

.bg\=z17-20,
.dark-mode .dark-mode\:bg\=z17-20,
.form-bg\=z17-20 .form-field {
  background-color: rgb(var(--color-z17)/20%);
}

.hover-bg\=z17-20:hover,
[class*="--active"].active-bg\=z17-20,
[class*="--active"] .active-bg\=z17-20,
.form-focus-bg\=z17-20 .form-field:focus,
.form-hover-bg\=z17-20 .form-field:hover {
  background-color: rgb(var(--color-z17)/20%);
}

.bg\=z17-25,
.dark-mode .dark-mode\:bg\=z17-25,
.form-bg\=z17-25 .form-field {
  background-color: rgb(var(--color-z17)/25%);
}

.hover-bg\=z17-25:hover,
[class*="--active"].active-bg\=z17-25,
[class*="--active"] .active-bg\=z17-25,
.form-focus-bg\=z17-25 .form-field:focus,
.form-hover-bg\=z17-25 .form-field:hover {
  background-color: rgb(var(--color-z17)/25%);
}

.bg\=z17-30,
.dark-mode .dark-mode\:bg\=z17-30,
.form-bg\=z17-30 .form-field {
  background-color: rgb(var(--color-z17)/30%);
}

.hover-bg\=z17-30:hover,
[class*="--active"].active-bg\=z17-30,
[class*="--active"] .active-bg\=z17-30,
.form-focus-bg\=z17-30 .form-field:focus,
.form-hover-bg\=z17-30 .form-field:hover {
  background-color: rgb(var(--color-z17)/30%);
}

.bg\=z17-35,
.dark-mode .dark-mode\:bg\=z17-35,
.form-bg\=z17-35 .form-field {
  background-color: rgb(var(--color-z17)/35%);
}

.hover-bg\=z17-35:hover,
[class*="--active"].active-bg\=z17-35,
[class*="--active"] .active-bg\=z17-35,
.form-focus-bg\=z17-35 .form-field:focus,
.form-hover-bg\=z17-35 .form-field:hover {
  background-color: rgb(var(--color-z17)/35%);
}

.bg\=z17-40,
.dark-mode .dark-mode\:bg\=z17-40,
.form-bg\=z17-40 .form-field {
  background-color: rgb(var(--color-z17)/40%);
}

.hover-bg\=z17-40:hover,
[class*="--active"].active-bg\=z17-40,
[class*="--active"] .active-bg\=z17-40,
.form-focus-bg\=z17-40 .form-field:focus,
.form-hover-bg\=z17-40 .form-field:hover {
  background-color: rgb(var(--color-z17)/40%);
}

.bg\=z17-45,
.dark-mode .dark-mode\:bg\=z17-45,
.form-bg\=z17-45 .form-field {
  background-color: rgb(var(--color-z17)/45%);
}

.hover-bg\=z17-45:hover,
[class*="--active"].active-bg\=z17-45,
[class*="--active"] .active-bg\=z17-45,
.form-focus-bg\=z17-45 .form-field:focus,
.form-hover-bg\=z17-45 .form-field:hover {
  background-color: rgb(var(--color-z17)/45%);
}

.bg\=z17-50,
.dark-mode .dark-mode\:bg\=z17-50,
.form-bg\=z17-50 .form-field {
  background-color: rgb(var(--color-z17)/50%);
}

.hover-bg\=z17-50:hover,
[class*="--active"].active-bg\=z17-50,
[class*="--active"] .active-bg\=z17-50,
.form-focus-bg\=z17-50 .form-field:focus,
.form-hover-bg\=z17-50 .form-field:hover {
  background-color: rgb(var(--color-z17)/50%);
}

.bg\=z17-55,
.dark-mode .dark-mode\:bg\=z17-55,
.form-bg\=z17-55 .form-field {
  background-color: rgb(var(--color-z17)/55%);
}

.hover-bg\=z17-55:hover,
[class*="--active"].active-bg\=z17-55,
[class*="--active"] .active-bg\=z17-55,
.form-focus-bg\=z17-55 .form-field:focus,
.form-hover-bg\=z17-55 .form-field:hover {
  background-color: rgb(var(--color-z17)/55%);
}

.bg\=z17-60,
.dark-mode .dark-mode\:bg\=z17-60,
.form-bg\=z17-60 .form-field {
  background-color: rgb(var(--color-z17)/60%);
}

.hover-bg\=z17-60:hover,
[class*="--active"].active-bg\=z17-60,
[class*="--active"] .active-bg\=z17-60,
.form-focus-bg\=z17-60 .form-field:focus,
.form-hover-bg\=z17-60 .form-field:hover {
  background-color: rgb(var(--color-z17)/60%);
}

.bg\=z17-65,
.dark-mode .dark-mode\:bg\=z17-65,
.form-bg\=z17-65 .form-field {
  background-color: rgb(var(--color-z17)/65%);
}

.hover-bg\=z17-65:hover,
[class*="--active"].active-bg\=z17-65,
[class*="--active"] .active-bg\=z17-65,
.form-focus-bg\=z17-65 .form-field:focus,
.form-hover-bg\=z17-65 .form-field:hover {
  background-color: rgb(var(--color-z17)/65%);
}

.bg\=z17-70,
.dark-mode .dark-mode\:bg\=z17-70,
.form-bg\=z17-70 .form-field {
  background-color: rgb(var(--color-z17)/70%);
}

.hover-bg\=z17-70:hover,
[class*="--active"].active-bg\=z17-70,
[class*="--active"] .active-bg\=z17-70,
.form-focus-bg\=z17-70 .form-field:focus,
.form-hover-bg\=z17-70 .form-field:hover {
  background-color: rgb(var(--color-z17)/70%);
}

.bg\=z17-75,
.dark-mode .dark-mode\:bg\=z17-75,
.form-bg\=z17-75 .form-field {
  background-color: rgb(var(--color-z17)/75%);
}

.hover-bg\=z17-75:hover,
[class*="--active"].active-bg\=z17-75,
[class*="--active"] .active-bg\=z17-75,
.form-focus-bg\=z17-75 .form-field:focus,
.form-hover-bg\=z17-75 .form-field:hover {
  background-color: rgb(var(--color-z17)/75%);
}

.bg\=z17-80,
.dark-mode .dark-mode\:bg\=z17-80,
.form-bg\=z17-80 .form-field {
  background-color: rgb(var(--color-z17)/80%);
}

.hover-bg\=z17-80:hover,
[class*="--active"].active-bg\=z17-80,
[class*="--active"] .active-bg\=z17-80,
.form-focus-bg\=z17-80 .form-field:focus,
.form-hover-bg\=z17-80 .form-field:hover {
  background-color: rgb(var(--color-z17)/80%);
}

.bg\=z17-85,
.dark-mode .dark-mode\:bg\=z17-85,
.form-bg\=z17-85 .form-field {
  background-color: rgb(var(--color-z17)/85%);
}

.hover-bg\=z17-85:hover,
[class*="--active"].active-bg\=z17-85,
[class*="--active"] .active-bg\=z17-85,
.form-focus-bg\=z17-85 .form-field:focus,
.form-hover-bg\=z17-85 .form-field:hover {
  background-color: rgb(var(--color-z17)/85%);
}

.bg\=z17-90,
.dark-mode .dark-mode\:bg\=z17-90,
.form-bg\=z17-90 .form-field {
  background-color: rgb(var(--color-z17)/90%);
}

.hover-bg\=z17-90:hover,
[class*="--active"].active-bg\=z17-90,
[class*="--active"] .active-bg\=z17-90,
.form-focus-bg\=z17-90 .form-field:focus,
.form-hover-bg\=z17-90 .form-field:hover {
  background-color: rgb(var(--color-z17)/90%);
}

.bg\=z17-95,
.dark-mode .dark-mode\:bg\=z17-95,
.form-bg\=z17-95 .form-field {
  background-color: rgb(var(--color-z17)/95%);
}

.hover-bg\=z17-95:hover,
[class*="--active"].active-bg\=z17-95,
[class*="--active"] .active-bg\=z17-95,
.form-focus-bg\=z17-95 .form-field:focus,
.form-hover-bg\=z17-95 .form-field:hover {
  background-color: rgb(var(--color-z17)/95%);
}

.bg\=z17-100,
.dark-mode .dark-mode\:bg\=z17-100,
.form-bg\=z17-100 .form-field {
  background-color: rgb(var(--color-z17)/100%);
}

.hover-bg\=z17-100:hover,
[class*="--active"].active-bg\=z17-100,
[class*="--active"] .active-bg\=z17-100,
.form-focus-bg\=z17-100 .form-field:focus,
.form-hover-bg\=z17-100 .form-field:hover {
  background-color: rgb(var(--color-z17)/100%);
}

.bg\=z18,
.dark-mode .dark-mode\:bg\=z18,
.form-bg\=z18 .form-field {
  background-color: rgb(var(--color-z18));
}

.hover-bg\=z18:hover,
[class*="--active"].active-bg\=z18,
[class*="--active"] .active-bg\=z18,
.form-focus-bg\=z18 .form-field:focus,
.form-hover-bg\=z18 .form-field:hover {
  background-color: rgb(var(--color-z18));
}

.bg\=z18-5,
.dark-mode .dark-mode\:bg\=z18-5,
.form-bg\=z18-5 .form-field {
  background-color: rgb(var(--color-z18)/5%);
}

.hover-bg\=z18-5:hover,
[class*="--active"].active-bg\=z18-5,
[class*="--active"] .active-bg\=z18-5,
.form-focus-bg\=z18-5 .form-field:focus,
.form-hover-bg\=z18-5 .form-field:hover {
  background-color: rgb(var(--color-z18)/5%);
}

.bg\=z18-10,
.dark-mode .dark-mode\:bg\=z18-10,
.form-bg\=z18-10 .form-field {
  background-color: rgb(var(--color-z18)/10%);
}

.hover-bg\=z18-10:hover,
[class*="--active"].active-bg\=z18-10,
[class*="--active"] .active-bg\=z18-10,
.form-focus-bg\=z18-10 .form-field:focus,
.form-hover-bg\=z18-10 .form-field:hover {
  background-color: rgb(var(--color-z18)/10%);
}

.bg\=z18-15,
.dark-mode .dark-mode\:bg\=z18-15,
.form-bg\=z18-15 .form-field {
  background-color: rgb(var(--color-z18)/15%);
}

.hover-bg\=z18-15:hover,
[class*="--active"].active-bg\=z18-15,
[class*="--active"] .active-bg\=z18-15,
.form-focus-bg\=z18-15 .form-field:focus,
.form-hover-bg\=z18-15 .form-field:hover {
  background-color: rgb(var(--color-z18)/15%);
}

.bg\=z18-20,
.dark-mode .dark-mode\:bg\=z18-20,
.form-bg\=z18-20 .form-field {
  background-color: rgb(var(--color-z18)/20%);
}

.hover-bg\=z18-20:hover,
[class*="--active"].active-bg\=z18-20,
[class*="--active"] .active-bg\=z18-20,
.form-focus-bg\=z18-20 .form-field:focus,
.form-hover-bg\=z18-20 .form-field:hover {
  background-color: rgb(var(--color-z18)/20%);
}

.bg\=z18-25,
.dark-mode .dark-mode\:bg\=z18-25,
.form-bg\=z18-25 .form-field {
  background-color: rgb(var(--color-z18)/25%);
}

.hover-bg\=z18-25:hover,
[class*="--active"].active-bg\=z18-25,
[class*="--active"] .active-bg\=z18-25,
.form-focus-bg\=z18-25 .form-field:focus,
.form-hover-bg\=z18-25 .form-field:hover {
  background-color: rgb(var(--color-z18)/25%);
}

.bg\=z18-30,
.dark-mode .dark-mode\:bg\=z18-30,
.form-bg\=z18-30 .form-field {
  background-color: rgb(var(--color-z18)/30%);
}

.hover-bg\=z18-30:hover,
[class*="--active"].active-bg\=z18-30,
[class*="--active"] .active-bg\=z18-30,
.form-focus-bg\=z18-30 .form-field:focus,
.form-hover-bg\=z18-30 .form-field:hover {
  background-color: rgb(var(--color-z18)/30%);
}

.bg\=z18-35,
.dark-mode .dark-mode\:bg\=z18-35,
.form-bg\=z18-35 .form-field {
  background-color: rgb(var(--color-z18)/35%);
}

.hover-bg\=z18-35:hover,
[class*="--active"].active-bg\=z18-35,
[class*="--active"] .active-bg\=z18-35,
.form-focus-bg\=z18-35 .form-field:focus,
.form-hover-bg\=z18-35 .form-field:hover {
  background-color: rgb(var(--color-z18)/35%);
}

.bg\=z18-40,
.dark-mode .dark-mode\:bg\=z18-40,
.form-bg\=z18-40 .form-field {
  background-color: rgb(var(--color-z18)/40%);
}

.hover-bg\=z18-40:hover,
[class*="--active"].active-bg\=z18-40,
[class*="--active"] .active-bg\=z18-40,
.form-focus-bg\=z18-40 .form-field:focus,
.form-hover-bg\=z18-40 .form-field:hover {
  background-color: rgb(var(--color-z18)/40%);
}

.bg\=z18-45,
.dark-mode .dark-mode\:bg\=z18-45,
.form-bg\=z18-45 .form-field {
  background-color: rgb(var(--color-z18)/45%);
}

.hover-bg\=z18-45:hover,
[class*="--active"].active-bg\=z18-45,
[class*="--active"] .active-bg\=z18-45,
.form-focus-bg\=z18-45 .form-field:focus,
.form-hover-bg\=z18-45 .form-field:hover {
  background-color: rgb(var(--color-z18)/45%);
}

.bg\=z18-50,
.dark-mode .dark-mode\:bg\=z18-50,
.form-bg\=z18-50 .form-field {
  background-color: rgb(var(--color-z18)/50%);
}

.hover-bg\=z18-50:hover,
[class*="--active"].active-bg\=z18-50,
[class*="--active"] .active-bg\=z18-50,
.form-focus-bg\=z18-50 .form-field:focus,
.form-hover-bg\=z18-50 .form-field:hover {
  background-color: rgb(var(--color-z18)/50%);
}

.bg\=z18-55,
.dark-mode .dark-mode\:bg\=z18-55,
.form-bg\=z18-55 .form-field {
  background-color: rgb(var(--color-z18)/55%);
}

.hover-bg\=z18-55:hover,
[class*="--active"].active-bg\=z18-55,
[class*="--active"] .active-bg\=z18-55,
.form-focus-bg\=z18-55 .form-field:focus,
.form-hover-bg\=z18-55 .form-field:hover {
  background-color: rgb(var(--color-z18)/55%);
}

.bg\=z18-60,
.dark-mode .dark-mode\:bg\=z18-60,
.form-bg\=z18-60 .form-field {
  background-color: rgb(var(--color-z18)/60%);
}

.hover-bg\=z18-60:hover,
[class*="--active"].active-bg\=z18-60,
[class*="--active"] .active-bg\=z18-60,
.form-focus-bg\=z18-60 .form-field:focus,
.form-hover-bg\=z18-60 .form-field:hover {
  background-color: rgb(var(--color-z18)/60%);
}

.bg\=z18-65,
.dark-mode .dark-mode\:bg\=z18-65,
.form-bg\=z18-65 .form-field {
  background-color: rgb(var(--color-z18)/65%);
}

.hover-bg\=z18-65:hover,
[class*="--active"].active-bg\=z18-65,
[class*="--active"] .active-bg\=z18-65,
.form-focus-bg\=z18-65 .form-field:focus,
.form-hover-bg\=z18-65 .form-field:hover {
  background-color: rgb(var(--color-z18)/65%);
}

.bg\=z18-70,
.dark-mode .dark-mode\:bg\=z18-70,
.form-bg\=z18-70 .form-field {
  background-color: rgb(var(--color-z18)/70%);
}

.hover-bg\=z18-70:hover,
[class*="--active"].active-bg\=z18-70,
[class*="--active"] .active-bg\=z18-70,
.form-focus-bg\=z18-70 .form-field:focus,
.form-hover-bg\=z18-70 .form-field:hover {
  background-color: rgb(var(--color-z18)/70%);
}

.bg\=z18-75,
.dark-mode .dark-mode\:bg\=z18-75,
.form-bg\=z18-75 .form-field {
  background-color: rgb(var(--color-z18)/75%);
}

.hover-bg\=z18-75:hover,
[class*="--active"].active-bg\=z18-75,
[class*="--active"] .active-bg\=z18-75,
.form-focus-bg\=z18-75 .form-field:focus,
.form-hover-bg\=z18-75 .form-field:hover {
  background-color: rgb(var(--color-z18)/75%);
}

.bg\=z18-80,
.dark-mode .dark-mode\:bg\=z18-80,
.form-bg\=z18-80 .form-field {
  background-color: rgb(var(--color-z18)/80%);
}

.hover-bg\=z18-80:hover,
[class*="--active"].active-bg\=z18-80,
[class*="--active"] .active-bg\=z18-80,
.form-focus-bg\=z18-80 .form-field:focus,
.form-hover-bg\=z18-80 .form-field:hover {
  background-color: rgb(var(--color-z18)/80%);
}

.bg\=z18-85,
.dark-mode .dark-mode\:bg\=z18-85,
.form-bg\=z18-85 .form-field {
  background-color: rgb(var(--color-z18)/85%);
}

.hover-bg\=z18-85:hover,
[class*="--active"].active-bg\=z18-85,
[class*="--active"] .active-bg\=z18-85,
.form-focus-bg\=z18-85 .form-field:focus,
.form-hover-bg\=z18-85 .form-field:hover {
  background-color: rgb(var(--color-z18)/85%);
}

.bg\=z18-90,
.dark-mode .dark-mode\:bg\=z18-90,
.form-bg\=z18-90 .form-field {
  background-color: rgb(var(--color-z18)/90%);
}

.hover-bg\=z18-90:hover,
[class*="--active"].active-bg\=z18-90,
[class*="--active"] .active-bg\=z18-90,
.form-focus-bg\=z18-90 .form-field:focus,
.form-hover-bg\=z18-90 .form-field:hover {
  background-color: rgb(var(--color-z18)/90%);
}

.bg\=z18-95,
.dark-mode .dark-mode\:bg\=z18-95,
.form-bg\=z18-95 .form-field {
  background-color: rgb(var(--color-z18)/95%);
}

.hover-bg\=z18-95:hover,
[class*="--active"].active-bg\=z18-95,
[class*="--active"] .active-bg\=z18-95,
.form-focus-bg\=z18-95 .form-field:focus,
.form-hover-bg\=z18-95 .form-field:hover {
  background-color: rgb(var(--color-z18)/95%);
}

.bg\=z18-100,
.dark-mode .dark-mode\:bg\=z18-100,
.form-bg\=z18-100 .form-field {
  background-color: rgb(var(--color-z18)/100%);
}

.hover-bg\=z18-100:hover,
[class*="--active"].active-bg\=z18-100,
[class*="--active"] .active-bg\=z18-100,
.form-focus-bg\=z18-100 .form-field:focus,
.form-hover-bg\=z18-100 .form-field:hover {
  background-color: rgb(var(--color-z18)/100%);
}

.bg\=z19,
.dark-mode .dark-mode\:bg\=z19,
.form-bg\=z19 .form-field {
  background-color: rgb(var(--color-z19));
}

.hover-bg\=z19:hover,
[class*="--active"].active-bg\=z19,
[class*="--active"] .active-bg\=z19,
.form-focus-bg\=z19 .form-field:focus,
.form-hover-bg\=z19 .form-field:hover {
  background-color: rgb(var(--color-z19));
}

.bg\=z19-5,
.dark-mode .dark-mode\:bg\=z19-5,
.form-bg\=z19-5 .form-field {
  background-color: rgb(var(--color-z19)/5%);
}

.hover-bg\=z19-5:hover,
[class*="--active"].active-bg\=z19-5,
[class*="--active"] .active-bg\=z19-5,
.form-focus-bg\=z19-5 .form-field:focus,
.form-hover-bg\=z19-5 .form-field:hover {
  background-color: rgb(var(--color-z19)/5%);
}

.bg\=z19-10,
.dark-mode .dark-mode\:bg\=z19-10,
.form-bg\=z19-10 .form-field {
  background-color: rgb(var(--color-z19)/10%);
}

.hover-bg\=z19-10:hover,
[class*="--active"].active-bg\=z19-10,
[class*="--active"] .active-bg\=z19-10,
.form-focus-bg\=z19-10 .form-field:focus,
.form-hover-bg\=z19-10 .form-field:hover {
  background-color: rgb(var(--color-z19)/10%);
}

.bg\=z19-15,
.dark-mode .dark-mode\:bg\=z19-15,
.form-bg\=z19-15 .form-field {
  background-color: rgb(var(--color-z19)/15%);
}

.hover-bg\=z19-15:hover,
[class*="--active"].active-bg\=z19-15,
[class*="--active"] .active-bg\=z19-15,
.form-focus-bg\=z19-15 .form-field:focus,
.form-hover-bg\=z19-15 .form-field:hover {
  background-color: rgb(var(--color-z19)/15%);
}

.bg\=z19-20,
.dark-mode .dark-mode\:bg\=z19-20,
.form-bg\=z19-20 .form-field {
  background-color: rgb(var(--color-z19)/20%);
}

.hover-bg\=z19-20:hover,
[class*="--active"].active-bg\=z19-20,
[class*="--active"] .active-bg\=z19-20,
.form-focus-bg\=z19-20 .form-field:focus,
.form-hover-bg\=z19-20 .form-field:hover {
  background-color: rgb(var(--color-z19)/20%);
}

.bg\=z19-25,
.dark-mode .dark-mode\:bg\=z19-25,
.form-bg\=z19-25 .form-field {
  background-color: rgb(var(--color-z19)/25%);
}

.hover-bg\=z19-25:hover,
[class*="--active"].active-bg\=z19-25,
[class*="--active"] .active-bg\=z19-25,
.form-focus-bg\=z19-25 .form-field:focus,
.form-hover-bg\=z19-25 .form-field:hover {
  background-color: rgb(var(--color-z19)/25%);
}

.bg\=z19-30,
.dark-mode .dark-mode\:bg\=z19-30,
.form-bg\=z19-30 .form-field {
  background-color: rgb(var(--color-z19)/30%);
}

.hover-bg\=z19-30:hover,
[class*="--active"].active-bg\=z19-30,
[class*="--active"] .active-bg\=z19-30,
.form-focus-bg\=z19-30 .form-field:focus,
.form-hover-bg\=z19-30 .form-field:hover {
  background-color: rgb(var(--color-z19)/30%);
}

.bg\=z19-35,
.dark-mode .dark-mode\:bg\=z19-35,
.form-bg\=z19-35 .form-field {
  background-color: rgb(var(--color-z19)/35%);
}

.hover-bg\=z19-35:hover,
[class*="--active"].active-bg\=z19-35,
[class*="--active"] .active-bg\=z19-35,
.form-focus-bg\=z19-35 .form-field:focus,
.form-hover-bg\=z19-35 .form-field:hover {
  background-color: rgb(var(--color-z19)/35%);
}

.bg\=z19-40,
.dark-mode .dark-mode\:bg\=z19-40,
.form-bg\=z19-40 .form-field {
  background-color: rgb(var(--color-z19)/40%);
}

.hover-bg\=z19-40:hover,
[class*="--active"].active-bg\=z19-40,
[class*="--active"] .active-bg\=z19-40,
.form-focus-bg\=z19-40 .form-field:focus,
.form-hover-bg\=z19-40 .form-field:hover {
  background-color: rgb(var(--color-z19)/40%);
}

.bg\=z19-45,
.dark-mode .dark-mode\:bg\=z19-45,
.form-bg\=z19-45 .form-field {
  background-color: rgb(var(--color-z19)/45%);
}

.hover-bg\=z19-45:hover,
[class*="--active"].active-bg\=z19-45,
[class*="--active"] .active-bg\=z19-45,
.form-focus-bg\=z19-45 .form-field:focus,
.form-hover-bg\=z19-45 .form-field:hover {
  background-color: rgb(var(--color-z19)/45%);
}

.bg\=z19-50,
.dark-mode .dark-mode\:bg\=z19-50,
.form-bg\=z19-50 .form-field {
  background-color: rgb(var(--color-z19)/50%);
}

.hover-bg\=z19-50:hover,
[class*="--active"].active-bg\=z19-50,
[class*="--active"] .active-bg\=z19-50,
.form-focus-bg\=z19-50 .form-field:focus,
.form-hover-bg\=z19-50 .form-field:hover {
  background-color: rgb(var(--color-z19)/50%);
}

.bg\=z19-55,
.dark-mode .dark-mode\:bg\=z19-55,
.form-bg\=z19-55 .form-field {
  background-color: rgb(var(--color-z19)/55%);
}

.hover-bg\=z19-55:hover,
[class*="--active"].active-bg\=z19-55,
[class*="--active"] .active-bg\=z19-55,
.form-focus-bg\=z19-55 .form-field:focus,
.form-hover-bg\=z19-55 .form-field:hover {
  background-color: rgb(var(--color-z19)/55%);
}

.bg\=z19-60,
.dark-mode .dark-mode\:bg\=z19-60,
.form-bg\=z19-60 .form-field {
  background-color: rgb(var(--color-z19)/60%);
}

.hover-bg\=z19-60:hover,
[class*="--active"].active-bg\=z19-60,
[class*="--active"] .active-bg\=z19-60,
.form-focus-bg\=z19-60 .form-field:focus,
.form-hover-bg\=z19-60 .form-field:hover {
  background-color: rgb(var(--color-z19)/60%);
}

.bg\=z19-65,
.dark-mode .dark-mode\:bg\=z19-65,
.form-bg\=z19-65 .form-field {
  background-color: rgb(var(--color-z19)/65%);
}

.hover-bg\=z19-65:hover,
[class*="--active"].active-bg\=z19-65,
[class*="--active"] .active-bg\=z19-65,
.form-focus-bg\=z19-65 .form-field:focus,
.form-hover-bg\=z19-65 .form-field:hover {
  background-color: rgb(var(--color-z19)/65%);
}

.bg\=z19-70,
.dark-mode .dark-mode\:bg\=z19-70,
.form-bg\=z19-70 .form-field {
  background-color: rgb(var(--color-z19)/70%);
}

.hover-bg\=z19-70:hover,
[class*="--active"].active-bg\=z19-70,
[class*="--active"] .active-bg\=z19-70,
.form-focus-bg\=z19-70 .form-field:focus,
.form-hover-bg\=z19-70 .form-field:hover {
  background-color: rgb(var(--color-z19)/70%);
}

.bg\=z19-75,
.dark-mode .dark-mode\:bg\=z19-75,
.form-bg\=z19-75 .form-field {
  background-color: rgb(var(--color-z19)/75%);
}

.hover-bg\=z19-75:hover,
[class*="--active"].active-bg\=z19-75,
[class*="--active"] .active-bg\=z19-75,
.form-focus-bg\=z19-75 .form-field:focus,
.form-hover-bg\=z19-75 .form-field:hover {
  background-color: rgb(var(--color-z19)/75%);
}

.bg\=z19-80,
.dark-mode .dark-mode\:bg\=z19-80,
.form-bg\=z19-80 .form-field {
  background-color: rgb(var(--color-z19)/80%);
}

.hover-bg\=z19-80:hover,
[class*="--active"].active-bg\=z19-80,
[class*="--active"] .active-bg\=z19-80,
.form-focus-bg\=z19-80 .form-field:focus,
.form-hover-bg\=z19-80 .form-field:hover {
  background-color: rgb(var(--color-z19)/80%);
}

.bg\=z19-85,
.dark-mode .dark-mode\:bg\=z19-85,
.form-bg\=z19-85 .form-field {
  background-color: rgb(var(--color-z19)/85%);
}

.hover-bg\=z19-85:hover,
[class*="--active"].active-bg\=z19-85,
[class*="--active"] .active-bg\=z19-85,
.form-focus-bg\=z19-85 .form-field:focus,
.form-hover-bg\=z19-85 .form-field:hover {
  background-color: rgb(var(--color-z19)/85%);
}

.bg\=z19-90,
.dark-mode .dark-mode\:bg\=z19-90,
.form-bg\=z19-90 .form-field {
  background-color: rgb(var(--color-z19)/90%);
}

.hover-bg\=z19-90:hover,
[class*="--active"].active-bg\=z19-90,
[class*="--active"] .active-bg\=z19-90,
.form-focus-bg\=z19-90 .form-field:focus,
.form-hover-bg\=z19-90 .form-field:hover {
  background-color: rgb(var(--color-z19)/90%);
}

.bg\=z19-95,
.dark-mode .dark-mode\:bg\=z19-95,
.form-bg\=z19-95 .form-field {
  background-color: rgb(var(--color-z19)/95%);
}

.hover-bg\=z19-95:hover,
[class*="--active"].active-bg\=z19-95,
[class*="--active"] .active-bg\=z19-95,
.form-focus-bg\=z19-95 .form-field:focus,
.form-hover-bg\=z19-95 .form-field:hover {
  background-color: rgb(var(--color-z19)/95%);
}

.bg\=z19-100,
.dark-mode .dark-mode\:bg\=z19-100,
.form-bg\=z19-100 .form-field {
  background-color: rgb(var(--color-z19)/100%);
}

.hover-bg\=z19-100:hover,
[class*="--active"].active-bg\=z19-100,
[class*="--active"] .active-bg\=z19-100,
.form-focus-bg\=z19-100 .form-field:focus,
.form-hover-bg\=z19-100 .form-field:hover {
  background-color: rgb(var(--color-z19)/100%);
}

.bg\=z20,
.dark-mode .dark-mode\:bg\=z20,
.form-bg\=z20 .form-field {
  background-color: rgb(var(--color-z20));
}

.hover-bg\=z20:hover,
[class*="--active"].active-bg\=z20,
[class*="--active"] .active-bg\=z20,
.form-focus-bg\=z20 .form-field:focus,
.form-hover-bg\=z20 .form-field:hover {
  background-color: rgb(var(--color-z20));
}

.bg\=z20-5,
.dark-mode .dark-mode\:bg\=z20-5,
.form-bg\=z20-5 .form-field {
  background-color: rgb(var(--color-z20)/5%);
}

.hover-bg\=z20-5:hover,
[class*="--active"].active-bg\=z20-5,
[class*="--active"] .active-bg\=z20-5,
.form-focus-bg\=z20-5 .form-field:focus,
.form-hover-bg\=z20-5 .form-field:hover {
  background-color: rgb(var(--color-z20)/5%);
}

.bg\=z20-10,
.dark-mode .dark-mode\:bg\=z20-10,
.form-bg\=z20-10 .form-field {
  background-color: rgb(var(--color-z20)/10%);
}

.hover-bg\=z20-10:hover,
[class*="--active"].active-bg\=z20-10,
[class*="--active"] .active-bg\=z20-10,
.form-focus-bg\=z20-10 .form-field:focus,
.form-hover-bg\=z20-10 .form-field:hover {
  background-color: rgb(var(--color-z20)/10%);
}

.bg\=z20-15,
.dark-mode .dark-mode\:bg\=z20-15,
.form-bg\=z20-15 .form-field {
  background-color: rgb(var(--color-z20)/15%);
}

.hover-bg\=z20-15:hover,
[class*="--active"].active-bg\=z20-15,
[class*="--active"] .active-bg\=z20-15,
.form-focus-bg\=z20-15 .form-field:focus,
.form-hover-bg\=z20-15 .form-field:hover {
  background-color: rgb(var(--color-z20)/15%);
}

.bg\=z20-20,
.dark-mode .dark-mode\:bg\=z20-20,
.form-bg\=z20-20 .form-field {
  background-color: rgb(var(--color-z20)/20%);
}

.hover-bg\=z20-20:hover,
[class*="--active"].active-bg\=z20-20,
[class*="--active"] .active-bg\=z20-20,
.form-focus-bg\=z20-20 .form-field:focus,
.form-hover-bg\=z20-20 .form-field:hover {
  background-color: rgb(var(--color-z20)/20%);
}

.bg\=z20-25,
.dark-mode .dark-mode\:bg\=z20-25,
.form-bg\=z20-25 .form-field {
  background-color: rgb(var(--color-z20)/25%);
}

.hover-bg\=z20-25:hover,
[class*="--active"].active-bg\=z20-25,
[class*="--active"] .active-bg\=z20-25,
.form-focus-bg\=z20-25 .form-field:focus,
.form-hover-bg\=z20-25 .form-field:hover {
  background-color: rgb(var(--color-z20)/25%);
}

.bg\=z20-30,
.dark-mode .dark-mode\:bg\=z20-30,
.form-bg\=z20-30 .form-field {
  background-color: rgb(var(--color-z20)/30%);
}

.hover-bg\=z20-30:hover,
[class*="--active"].active-bg\=z20-30,
[class*="--active"] .active-bg\=z20-30,
.form-focus-bg\=z20-30 .form-field:focus,
.form-hover-bg\=z20-30 .form-field:hover {
  background-color: rgb(var(--color-z20)/30%);
}

.bg\=z20-35,
.dark-mode .dark-mode\:bg\=z20-35,
.form-bg\=z20-35 .form-field {
  background-color: rgb(var(--color-z20)/35%);
}

.hover-bg\=z20-35:hover,
[class*="--active"].active-bg\=z20-35,
[class*="--active"] .active-bg\=z20-35,
.form-focus-bg\=z20-35 .form-field:focus,
.form-hover-bg\=z20-35 .form-field:hover {
  background-color: rgb(var(--color-z20)/35%);
}

.bg\=z20-40,
.dark-mode .dark-mode\:bg\=z20-40,
.form-bg\=z20-40 .form-field {
  background-color: rgb(var(--color-z20)/40%);
}

.hover-bg\=z20-40:hover,
[class*="--active"].active-bg\=z20-40,
[class*="--active"] .active-bg\=z20-40,
.form-focus-bg\=z20-40 .form-field:focus,
.form-hover-bg\=z20-40 .form-field:hover {
  background-color: rgb(var(--color-z20)/40%);
}

.bg\=z20-45,
.dark-mode .dark-mode\:bg\=z20-45,
.form-bg\=z20-45 .form-field {
  background-color: rgb(var(--color-z20)/45%);
}

.hover-bg\=z20-45:hover,
[class*="--active"].active-bg\=z20-45,
[class*="--active"] .active-bg\=z20-45,
.form-focus-bg\=z20-45 .form-field:focus,
.form-hover-bg\=z20-45 .form-field:hover {
  background-color: rgb(var(--color-z20)/45%);
}

.bg\=z20-50,
.dark-mode .dark-mode\:bg\=z20-50,
.form-bg\=z20-50 .form-field {
  background-color: rgb(var(--color-z20)/50%);
}

.hover-bg\=z20-50:hover,
[class*="--active"].active-bg\=z20-50,
[class*="--active"] .active-bg\=z20-50,
.form-focus-bg\=z20-50 .form-field:focus,
.form-hover-bg\=z20-50 .form-field:hover {
  background-color: rgb(var(--color-z20)/50%);
}

.bg\=z20-55,
.dark-mode .dark-mode\:bg\=z20-55,
.form-bg\=z20-55 .form-field {
  background-color: rgb(var(--color-z20)/55%);
}

.hover-bg\=z20-55:hover,
[class*="--active"].active-bg\=z20-55,
[class*="--active"] .active-bg\=z20-55,
.form-focus-bg\=z20-55 .form-field:focus,
.form-hover-bg\=z20-55 .form-field:hover {
  background-color: rgb(var(--color-z20)/55%);
}

.bg\=z20-60,
.dark-mode .dark-mode\:bg\=z20-60,
.form-bg\=z20-60 .form-field {
  background-color: rgb(var(--color-z20)/60%);
}

.hover-bg\=z20-60:hover,
[class*="--active"].active-bg\=z20-60,
[class*="--active"] .active-bg\=z20-60,
.form-focus-bg\=z20-60 .form-field:focus,
.form-hover-bg\=z20-60 .form-field:hover {
  background-color: rgb(var(--color-z20)/60%);
}

.bg\=z20-65,
.dark-mode .dark-mode\:bg\=z20-65,
.form-bg\=z20-65 .form-field {
  background-color: rgb(var(--color-z20)/65%);
}

.hover-bg\=z20-65:hover,
[class*="--active"].active-bg\=z20-65,
[class*="--active"] .active-bg\=z20-65,
.form-focus-bg\=z20-65 .form-field:focus,
.form-hover-bg\=z20-65 .form-field:hover {
  background-color: rgb(var(--color-z20)/65%);
}

.bg\=z20-70,
.dark-mode .dark-mode\:bg\=z20-70,
.form-bg\=z20-70 .form-field {
  background-color: rgb(var(--color-z20)/70%);
}

.hover-bg\=z20-70:hover,
[class*="--active"].active-bg\=z20-70,
[class*="--active"] .active-bg\=z20-70,
.form-focus-bg\=z20-70 .form-field:focus,
.form-hover-bg\=z20-70 .form-field:hover {
  background-color: rgb(var(--color-z20)/70%);
}

.bg\=z20-75,
.dark-mode .dark-mode\:bg\=z20-75,
.form-bg\=z20-75 .form-field {
  background-color: rgb(var(--color-z20)/75%);
}

.hover-bg\=z20-75:hover,
[class*="--active"].active-bg\=z20-75,
[class*="--active"] .active-bg\=z20-75,
.form-focus-bg\=z20-75 .form-field:focus,
.form-hover-bg\=z20-75 .form-field:hover {
  background-color: rgb(var(--color-z20)/75%);
}

.bg\=z20-80,
.dark-mode .dark-mode\:bg\=z20-80,
.form-bg\=z20-80 .form-field {
  background-color: rgb(var(--color-z20)/80%);
}

.hover-bg\=z20-80:hover,
[class*="--active"].active-bg\=z20-80,
[class*="--active"] .active-bg\=z20-80,
.form-focus-bg\=z20-80 .form-field:focus,
.form-hover-bg\=z20-80 .form-field:hover {
  background-color: rgb(var(--color-z20)/80%);
}

.bg\=z20-85,
.dark-mode .dark-mode\:bg\=z20-85,
.form-bg\=z20-85 .form-field {
  background-color: rgb(var(--color-z20)/85%);
}

.hover-bg\=z20-85:hover,
[class*="--active"].active-bg\=z20-85,
[class*="--active"] .active-bg\=z20-85,
.form-focus-bg\=z20-85 .form-field:focus,
.form-hover-bg\=z20-85 .form-field:hover {
  background-color: rgb(var(--color-z20)/85%);
}

.bg\=z20-90,
.dark-mode .dark-mode\:bg\=z20-90,
.form-bg\=z20-90 .form-field {
  background-color: rgb(var(--color-z20)/90%);
}

.hover-bg\=z20-90:hover,
[class*="--active"].active-bg\=z20-90,
[class*="--active"] .active-bg\=z20-90,
.form-focus-bg\=z20-90 .form-field:focus,
.form-hover-bg\=z20-90 .form-field:hover {
  background-color: rgb(var(--color-z20)/90%);
}

.bg\=z20-95,
.dark-mode .dark-mode\:bg\=z20-95,
.form-bg\=z20-95 .form-field {
  background-color: rgb(var(--color-z20)/95%);
}

.hover-bg\=z20-95:hover,
[class*="--active"].active-bg\=z20-95,
[class*="--active"] .active-bg\=z20-95,
.form-focus-bg\=z20-95 .form-field:focus,
.form-hover-bg\=z20-95 .form-field:hover {
  background-color: rgb(var(--color-z20)/95%);
}

.bg\=z20-100,
.dark-mode .dark-mode\:bg\=z20-100,
.form-bg\=z20-100 .form-field {
  background-color: rgb(var(--color-z20)/100%);
}

.hover-bg\=z20-100:hover,
[class*="--active"].active-bg\=z20-100,
[class*="--active"] .active-bg\=z20-100,
.form-focus-bg\=z20-100 .form-field:focus,
.form-hover-bg\=z20-100 .form-field:hover {
  background-color: rgb(var(--color-z20)/100%);
}

.bc\=z1,
.dark-mode .dark-mode\:bc\=z1,
.form-bc\=z1 .form-field {
  border-color: rgb(var(--color-z1));
}

.hover-bc\=z1:hover,
[class*="--active"].active-bc\=z1,
[class*="--active"] .active-bc\=z1,
.form-focus-bc\=z1 .form-field:focus,
.form-hover-bc\=z1 .form-field:hover {
  border-color: rgb(var(--color-z1));
}

.bc\=z1-5,
.dark-mode .dark-mode\:bc\=z1-5,
.form-bc\=z1-5 .form-field {
  border-color: rgb(var(--color-z1)/5%);
}

.hover-bc\=z1-5:hover,
[class*="--active"].active-bc\=z1-5,
[class*="--active"] .active-bc\=z1-5,
.form-focus-bc\=z1-5 .form-field:focus,
.form-hover-bc\=z1-5 .form-field:hover {
  border-color: rgb(var(--color-z1)/5%);
}

.bc\=z1-10,
.dark-mode .dark-mode\:bc\=z1-10,
.form-bc\=z1-10 .form-field {
  border-color: rgb(var(--color-z1)/10%);
}

.hover-bc\=z1-10:hover,
[class*="--active"].active-bc\=z1-10,
[class*="--active"] .active-bc\=z1-10,
.form-focus-bc\=z1-10 .form-field:focus,
.form-hover-bc\=z1-10 .form-field:hover {
  border-color: rgb(var(--color-z1)/10%);
}

.bc\=z1-15,
.dark-mode .dark-mode\:bc\=z1-15,
.form-bc\=z1-15 .form-field {
  border-color: rgb(var(--color-z1)/15%);
}

.hover-bc\=z1-15:hover,
[class*="--active"].active-bc\=z1-15,
[class*="--active"] .active-bc\=z1-15,
.form-focus-bc\=z1-15 .form-field:focus,
.form-hover-bc\=z1-15 .form-field:hover {
  border-color: rgb(var(--color-z1)/15%);
}

.bc\=z1-20,
.dark-mode .dark-mode\:bc\=z1-20,
.form-bc\=z1-20 .form-field {
  border-color: rgb(var(--color-z1)/20%);
}

.hover-bc\=z1-20:hover,
[class*="--active"].active-bc\=z1-20,
[class*="--active"] .active-bc\=z1-20,
.form-focus-bc\=z1-20 .form-field:focus,
.form-hover-bc\=z1-20 .form-field:hover {
  border-color: rgb(var(--color-z1)/20%);
}

.bc\=z1-25,
.dark-mode .dark-mode\:bc\=z1-25,
.form-bc\=z1-25 .form-field {
  border-color: rgb(var(--color-z1)/25%);
}

.hover-bc\=z1-25:hover,
[class*="--active"].active-bc\=z1-25,
[class*="--active"] .active-bc\=z1-25,
.form-focus-bc\=z1-25 .form-field:focus,
.form-hover-bc\=z1-25 .form-field:hover {
  border-color: rgb(var(--color-z1)/25%);
}

.bc\=z1-30,
.dark-mode .dark-mode\:bc\=z1-30,
.form-bc\=z1-30 .form-field {
  border-color: rgb(var(--color-z1)/30%);
}

.hover-bc\=z1-30:hover,
[class*="--active"].active-bc\=z1-30,
[class*="--active"] .active-bc\=z1-30,
.form-focus-bc\=z1-30 .form-field:focus,
.form-hover-bc\=z1-30 .form-field:hover {
  border-color: rgb(var(--color-z1)/30%);
}

.bc\=z1-35,
.dark-mode .dark-mode\:bc\=z1-35,
.form-bc\=z1-35 .form-field {
  border-color: rgb(var(--color-z1)/35%);
}

.hover-bc\=z1-35:hover,
[class*="--active"].active-bc\=z1-35,
[class*="--active"] .active-bc\=z1-35,
.form-focus-bc\=z1-35 .form-field:focus,
.form-hover-bc\=z1-35 .form-field:hover {
  border-color: rgb(var(--color-z1)/35%);
}

.bc\=z1-40,
.dark-mode .dark-mode\:bc\=z1-40,
.form-bc\=z1-40 .form-field {
  border-color: rgb(var(--color-z1)/40%);
}

.hover-bc\=z1-40:hover,
[class*="--active"].active-bc\=z1-40,
[class*="--active"] .active-bc\=z1-40,
.form-focus-bc\=z1-40 .form-field:focus,
.form-hover-bc\=z1-40 .form-field:hover {
  border-color: rgb(var(--color-z1)/40%);
}

.bc\=z1-45,
.dark-mode .dark-mode\:bc\=z1-45,
.form-bc\=z1-45 .form-field {
  border-color: rgb(var(--color-z1)/45%);
}

.hover-bc\=z1-45:hover,
[class*="--active"].active-bc\=z1-45,
[class*="--active"] .active-bc\=z1-45,
.form-focus-bc\=z1-45 .form-field:focus,
.form-hover-bc\=z1-45 .form-field:hover {
  border-color: rgb(var(--color-z1)/45%);
}

.bc\=z1-50,
.dark-mode .dark-mode\:bc\=z1-50,
.form-bc\=z1-50 .form-field {
  border-color: rgb(var(--color-z1)/50%);
}

.hover-bc\=z1-50:hover,
[class*="--active"].active-bc\=z1-50,
[class*="--active"] .active-bc\=z1-50,
.form-focus-bc\=z1-50 .form-field:focus,
.form-hover-bc\=z1-50 .form-field:hover {
  border-color: rgb(var(--color-z1)/50%);
}

.bc\=z1-55,
.dark-mode .dark-mode\:bc\=z1-55,
.form-bc\=z1-55 .form-field {
  border-color: rgb(var(--color-z1)/55%);
}

.hover-bc\=z1-55:hover,
[class*="--active"].active-bc\=z1-55,
[class*="--active"] .active-bc\=z1-55,
.form-focus-bc\=z1-55 .form-field:focus,
.form-hover-bc\=z1-55 .form-field:hover {
  border-color: rgb(var(--color-z1)/55%);
}

.bc\=z1-60,
.dark-mode .dark-mode\:bc\=z1-60,
.form-bc\=z1-60 .form-field {
  border-color: rgb(var(--color-z1)/60%);
}

.hover-bc\=z1-60:hover,
[class*="--active"].active-bc\=z1-60,
[class*="--active"] .active-bc\=z1-60,
.form-focus-bc\=z1-60 .form-field:focus,
.form-hover-bc\=z1-60 .form-field:hover {
  border-color: rgb(var(--color-z1)/60%);
}

.bc\=z1-65,
.dark-mode .dark-mode\:bc\=z1-65,
.form-bc\=z1-65 .form-field {
  border-color: rgb(var(--color-z1)/65%);
}

.hover-bc\=z1-65:hover,
[class*="--active"].active-bc\=z1-65,
[class*="--active"] .active-bc\=z1-65,
.form-focus-bc\=z1-65 .form-field:focus,
.form-hover-bc\=z1-65 .form-field:hover {
  border-color: rgb(var(--color-z1)/65%);
}

.bc\=z1-70,
.dark-mode .dark-mode\:bc\=z1-70,
.form-bc\=z1-70 .form-field {
  border-color: rgb(var(--color-z1)/70%);
}

.hover-bc\=z1-70:hover,
[class*="--active"].active-bc\=z1-70,
[class*="--active"] .active-bc\=z1-70,
.form-focus-bc\=z1-70 .form-field:focus,
.form-hover-bc\=z1-70 .form-field:hover {
  border-color: rgb(var(--color-z1)/70%);
}

.bc\=z1-75,
.dark-mode .dark-mode\:bc\=z1-75,
.form-bc\=z1-75 .form-field {
  border-color: rgb(var(--color-z1)/75%);
}

.hover-bc\=z1-75:hover,
[class*="--active"].active-bc\=z1-75,
[class*="--active"] .active-bc\=z1-75,
.form-focus-bc\=z1-75 .form-field:focus,
.form-hover-bc\=z1-75 .form-field:hover {
  border-color: rgb(var(--color-z1)/75%);
}

.bc\=z1-80,
.dark-mode .dark-mode\:bc\=z1-80,
.form-bc\=z1-80 .form-field {
  border-color: rgb(var(--color-z1)/80%);
}

.hover-bc\=z1-80:hover,
[class*="--active"].active-bc\=z1-80,
[class*="--active"] .active-bc\=z1-80,
.form-focus-bc\=z1-80 .form-field:focus,
.form-hover-bc\=z1-80 .form-field:hover {
  border-color: rgb(var(--color-z1)/80%);
}

.bc\=z1-85,
.dark-mode .dark-mode\:bc\=z1-85,
.form-bc\=z1-85 .form-field {
  border-color: rgb(var(--color-z1)/85%);
}

.hover-bc\=z1-85:hover,
[class*="--active"].active-bc\=z1-85,
[class*="--active"] .active-bc\=z1-85,
.form-focus-bc\=z1-85 .form-field:focus,
.form-hover-bc\=z1-85 .form-field:hover {
  border-color: rgb(var(--color-z1)/85%);
}

.bc\=z1-90,
.dark-mode .dark-mode\:bc\=z1-90,
.form-bc\=z1-90 .form-field {
  border-color: rgb(var(--color-z1)/90%);
}

.hover-bc\=z1-90:hover,
[class*="--active"].active-bc\=z1-90,
[class*="--active"] .active-bc\=z1-90,
.form-focus-bc\=z1-90 .form-field:focus,
.form-hover-bc\=z1-90 .form-field:hover {
  border-color: rgb(var(--color-z1)/90%);
}

.bc\=z1-95,
.dark-mode .dark-mode\:bc\=z1-95,
.form-bc\=z1-95 .form-field {
  border-color: rgb(var(--color-z1)/95%);
}

.hover-bc\=z1-95:hover,
[class*="--active"].active-bc\=z1-95,
[class*="--active"] .active-bc\=z1-95,
.form-focus-bc\=z1-95 .form-field:focus,
.form-hover-bc\=z1-95 .form-field:hover {
  border-color: rgb(var(--color-z1)/95%);
}

.bc\=z1-100,
.dark-mode .dark-mode\:bc\=z1-100,
.form-bc\=z1-100 .form-field {
  border-color: rgb(var(--color-z1)/100%);
}

.hover-bc\=z1-100:hover,
[class*="--active"].active-bc\=z1-100,
[class*="--active"] .active-bc\=z1-100,
.form-focus-bc\=z1-100 .form-field:focus,
.form-hover-bc\=z1-100 .form-field:hover {
  border-color: rgb(var(--color-z1)/100%);
}

.bc\=z2,
.dark-mode .dark-mode\:bc\=z2,
.form-bc\=z2 .form-field {
  border-color: rgb(var(--color-z2));
}

.hover-bc\=z2:hover,
[class*="--active"].active-bc\=z2,
[class*="--active"] .active-bc\=z2,
.form-focus-bc\=z2 .form-field:focus,
.form-hover-bc\=z2 .form-field:hover {
  border-color: rgb(var(--color-z2));
}

.bc\=z2-5,
.dark-mode .dark-mode\:bc\=z2-5,
.form-bc\=z2-5 .form-field {
  border-color: rgb(var(--color-z2)/5%);
}

.hover-bc\=z2-5:hover,
[class*="--active"].active-bc\=z2-5,
[class*="--active"] .active-bc\=z2-5,
.form-focus-bc\=z2-5 .form-field:focus,
.form-hover-bc\=z2-5 .form-field:hover {
  border-color: rgb(var(--color-z2)/5%);
}

.bc\=z2-10,
.dark-mode .dark-mode\:bc\=z2-10,
.form-bc\=z2-10 .form-field {
  border-color: rgb(var(--color-z2)/10%);
}

.hover-bc\=z2-10:hover,
[class*="--active"].active-bc\=z2-10,
[class*="--active"] .active-bc\=z2-10,
.form-focus-bc\=z2-10 .form-field:focus,
.form-hover-bc\=z2-10 .form-field:hover {
  border-color: rgb(var(--color-z2)/10%);
}

.bc\=z2-15,
.dark-mode .dark-mode\:bc\=z2-15,
.form-bc\=z2-15 .form-field {
  border-color: rgb(var(--color-z2)/15%);
}

.hover-bc\=z2-15:hover,
[class*="--active"].active-bc\=z2-15,
[class*="--active"] .active-bc\=z2-15,
.form-focus-bc\=z2-15 .form-field:focus,
.form-hover-bc\=z2-15 .form-field:hover {
  border-color: rgb(var(--color-z2)/15%);
}

.bc\=z2-20,
.dark-mode .dark-mode\:bc\=z2-20,
.form-bc\=z2-20 .form-field {
  border-color: rgb(var(--color-z2)/20%);
}

.hover-bc\=z2-20:hover,
[class*="--active"].active-bc\=z2-20,
[class*="--active"] .active-bc\=z2-20,
.form-focus-bc\=z2-20 .form-field:focus,
.form-hover-bc\=z2-20 .form-field:hover {
  border-color: rgb(var(--color-z2)/20%);
}

.bc\=z2-25,
.dark-mode .dark-mode\:bc\=z2-25,
.form-bc\=z2-25 .form-field {
  border-color: rgb(var(--color-z2)/25%);
}

.hover-bc\=z2-25:hover,
[class*="--active"].active-bc\=z2-25,
[class*="--active"] .active-bc\=z2-25,
.form-focus-bc\=z2-25 .form-field:focus,
.form-hover-bc\=z2-25 .form-field:hover {
  border-color: rgb(var(--color-z2)/25%);
}

.bc\=z2-30,
.dark-mode .dark-mode\:bc\=z2-30,
.form-bc\=z2-30 .form-field {
  border-color: rgb(var(--color-z2)/30%);
}

.hover-bc\=z2-30:hover,
[class*="--active"].active-bc\=z2-30,
[class*="--active"] .active-bc\=z2-30,
.form-focus-bc\=z2-30 .form-field:focus,
.form-hover-bc\=z2-30 .form-field:hover {
  border-color: rgb(var(--color-z2)/30%);
}

.bc\=z2-35,
.dark-mode .dark-mode\:bc\=z2-35,
.form-bc\=z2-35 .form-field {
  border-color: rgb(var(--color-z2)/35%);
}

.hover-bc\=z2-35:hover,
[class*="--active"].active-bc\=z2-35,
[class*="--active"] .active-bc\=z2-35,
.form-focus-bc\=z2-35 .form-field:focus,
.form-hover-bc\=z2-35 .form-field:hover {
  border-color: rgb(var(--color-z2)/35%);
}

.bc\=z2-40,
.dark-mode .dark-mode\:bc\=z2-40,
.form-bc\=z2-40 .form-field {
  border-color: rgb(var(--color-z2)/40%);
}

.hover-bc\=z2-40:hover,
[class*="--active"].active-bc\=z2-40,
[class*="--active"] .active-bc\=z2-40,
.form-focus-bc\=z2-40 .form-field:focus,
.form-hover-bc\=z2-40 .form-field:hover {
  border-color: rgb(var(--color-z2)/40%);
}

.bc\=z2-45,
.dark-mode .dark-mode\:bc\=z2-45,
.form-bc\=z2-45 .form-field {
  border-color: rgb(var(--color-z2)/45%);
}

.hover-bc\=z2-45:hover,
[class*="--active"].active-bc\=z2-45,
[class*="--active"] .active-bc\=z2-45,
.form-focus-bc\=z2-45 .form-field:focus,
.form-hover-bc\=z2-45 .form-field:hover {
  border-color: rgb(var(--color-z2)/45%);
}

.bc\=z2-50,
.dark-mode .dark-mode\:bc\=z2-50,
.form-bc\=z2-50 .form-field {
  border-color: rgb(var(--color-z2)/50%);
}

.hover-bc\=z2-50:hover,
[class*="--active"].active-bc\=z2-50,
[class*="--active"] .active-bc\=z2-50,
.form-focus-bc\=z2-50 .form-field:focus,
.form-hover-bc\=z2-50 .form-field:hover {
  border-color: rgb(var(--color-z2)/50%);
}

.bc\=z2-55,
.dark-mode .dark-mode\:bc\=z2-55,
.form-bc\=z2-55 .form-field {
  border-color: rgb(var(--color-z2)/55%);
}

.hover-bc\=z2-55:hover,
[class*="--active"].active-bc\=z2-55,
[class*="--active"] .active-bc\=z2-55,
.form-focus-bc\=z2-55 .form-field:focus,
.form-hover-bc\=z2-55 .form-field:hover {
  border-color: rgb(var(--color-z2)/55%);
}

.bc\=z2-60,
.dark-mode .dark-mode\:bc\=z2-60,
.form-bc\=z2-60 .form-field {
  border-color: rgb(var(--color-z2)/60%);
}

.hover-bc\=z2-60:hover,
[class*="--active"].active-bc\=z2-60,
[class*="--active"] .active-bc\=z2-60,
.form-focus-bc\=z2-60 .form-field:focus,
.form-hover-bc\=z2-60 .form-field:hover {
  border-color: rgb(var(--color-z2)/60%);
}

.bc\=z2-65,
.dark-mode .dark-mode\:bc\=z2-65,
.form-bc\=z2-65 .form-field {
  border-color: rgb(var(--color-z2)/65%);
}

.hover-bc\=z2-65:hover,
[class*="--active"].active-bc\=z2-65,
[class*="--active"] .active-bc\=z2-65,
.form-focus-bc\=z2-65 .form-field:focus,
.form-hover-bc\=z2-65 .form-field:hover {
  border-color: rgb(var(--color-z2)/65%);
}

.bc\=z2-70,
.dark-mode .dark-mode\:bc\=z2-70,
.form-bc\=z2-70 .form-field {
  border-color: rgb(var(--color-z2)/70%);
}

.hover-bc\=z2-70:hover,
[class*="--active"].active-bc\=z2-70,
[class*="--active"] .active-bc\=z2-70,
.form-focus-bc\=z2-70 .form-field:focus,
.form-hover-bc\=z2-70 .form-field:hover {
  border-color: rgb(var(--color-z2)/70%);
}

.bc\=z2-75,
.dark-mode .dark-mode\:bc\=z2-75,
.form-bc\=z2-75 .form-field {
  border-color: rgb(var(--color-z2)/75%);
}

.hover-bc\=z2-75:hover,
[class*="--active"].active-bc\=z2-75,
[class*="--active"] .active-bc\=z2-75,
.form-focus-bc\=z2-75 .form-field:focus,
.form-hover-bc\=z2-75 .form-field:hover {
  border-color: rgb(var(--color-z2)/75%);
}

.bc\=z2-80,
.dark-mode .dark-mode\:bc\=z2-80,
.form-bc\=z2-80 .form-field {
  border-color: rgb(var(--color-z2)/80%);
}

.hover-bc\=z2-80:hover,
[class*="--active"].active-bc\=z2-80,
[class*="--active"] .active-bc\=z2-80,
.form-focus-bc\=z2-80 .form-field:focus,
.form-hover-bc\=z2-80 .form-field:hover {
  border-color: rgb(var(--color-z2)/80%);
}

.bc\=z2-85,
.dark-mode .dark-mode\:bc\=z2-85,
.form-bc\=z2-85 .form-field {
  border-color: rgb(var(--color-z2)/85%);
}

.hover-bc\=z2-85:hover,
[class*="--active"].active-bc\=z2-85,
[class*="--active"] .active-bc\=z2-85,
.form-focus-bc\=z2-85 .form-field:focus,
.form-hover-bc\=z2-85 .form-field:hover {
  border-color: rgb(var(--color-z2)/85%);
}

.bc\=z2-90,
.dark-mode .dark-mode\:bc\=z2-90,
.form-bc\=z2-90 .form-field {
  border-color: rgb(var(--color-z2)/90%);
}

.hover-bc\=z2-90:hover,
[class*="--active"].active-bc\=z2-90,
[class*="--active"] .active-bc\=z2-90,
.form-focus-bc\=z2-90 .form-field:focus,
.form-hover-bc\=z2-90 .form-field:hover {
  border-color: rgb(var(--color-z2)/90%);
}

.bc\=z2-95,
.dark-mode .dark-mode\:bc\=z2-95,
.form-bc\=z2-95 .form-field {
  border-color: rgb(var(--color-z2)/95%);
}

.hover-bc\=z2-95:hover,
[class*="--active"].active-bc\=z2-95,
[class*="--active"] .active-bc\=z2-95,
.form-focus-bc\=z2-95 .form-field:focus,
.form-hover-bc\=z2-95 .form-field:hover {
  border-color: rgb(var(--color-z2)/95%);
}

.bc\=z2-100,
.dark-mode .dark-mode\:bc\=z2-100,
.form-bc\=z2-100 .form-field {
  border-color: rgb(var(--color-z2)/100%);
}

.hover-bc\=z2-100:hover,
[class*="--active"].active-bc\=z2-100,
[class*="--active"] .active-bc\=z2-100,
.form-focus-bc\=z2-100 .form-field:focus,
.form-hover-bc\=z2-100 .form-field:hover {
  border-color: rgb(var(--color-z2)/100%);
}

.bc\=z3,
.dark-mode .dark-mode\:bc\=z3,
.form-bc\=z3 .form-field {
  border-color: rgb(var(--color-z3));
}

.hover-bc\=z3:hover,
[class*="--active"].active-bc\=z3,
[class*="--active"] .active-bc\=z3,
.form-focus-bc\=z3 .form-field:focus,
.form-hover-bc\=z3 .form-field:hover {
  border-color: rgb(var(--color-z3));
}

.bc\=z3-5,
.dark-mode .dark-mode\:bc\=z3-5,
.form-bc\=z3-5 .form-field {
  border-color: rgb(var(--color-z3)/5%);
}

.hover-bc\=z3-5:hover,
[class*="--active"].active-bc\=z3-5,
[class*="--active"] .active-bc\=z3-5,
.form-focus-bc\=z3-5 .form-field:focus,
.form-hover-bc\=z3-5 .form-field:hover {
  border-color: rgb(var(--color-z3)/5%);
}

.bc\=z3-10,
.dark-mode .dark-mode\:bc\=z3-10,
.form-bc\=z3-10 .form-field {
  border-color: rgb(var(--color-z3)/10%);
}

.hover-bc\=z3-10:hover,
[class*="--active"].active-bc\=z3-10,
[class*="--active"] .active-bc\=z3-10,
.form-focus-bc\=z3-10 .form-field:focus,
.form-hover-bc\=z3-10 .form-field:hover {
  border-color: rgb(var(--color-z3)/10%);
}

.bc\=z3-15,
.dark-mode .dark-mode\:bc\=z3-15,
.form-bc\=z3-15 .form-field {
  border-color: rgb(var(--color-z3)/15%);
}

.hover-bc\=z3-15:hover,
[class*="--active"].active-bc\=z3-15,
[class*="--active"] .active-bc\=z3-15,
.form-focus-bc\=z3-15 .form-field:focus,
.form-hover-bc\=z3-15 .form-field:hover {
  border-color: rgb(var(--color-z3)/15%);
}

.bc\=z3-20,
.dark-mode .dark-mode\:bc\=z3-20,
.form-bc\=z3-20 .form-field {
  border-color: rgb(var(--color-z3)/20%);
}

.hover-bc\=z3-20:hover,
[class*="--active"].active-bc\=z3-20,
[class*="--active"] .active-bc\=z3-20,
.form-focus-bc\=z3-20 .form-field:focus,
.form-hover-bc\=z3-20 .form-field:hover {
  border-color: rgb(var(--color-z3)/20%);
}

.bc\=z3-25,
.dark-mode .dark-mode\:bc\=z3-25,
.form-bc\=z3-25 .form-field {
  border-color: rgb(var(--color-z3)/25%);
}

.hover-bc\=z3-25:hover,
[class*="--active"].active-bc\=z3-25,
[class*="--active"] .active-bc\=z3-25,
.form-focus-bc\=z3-25 .form-field:focus,
.form-hover-bc\=z3-25 .form-field:hover {
  border-color: rgb(var(--color-z3)/25%);
}

.bc\=z3-30,
.dark-mode .dark-mode\:bc\=z3-30,
.form-bc\=z3-30 .form-field {
  border-color: rgb(var(--color-z3)/30%);
}

.hover-bc\=z3-30:hover,
[class*="--active"].active-bc\=z3-30,
[class*="--active"] .active-bc\=z3-30,
.form-focus-bc\=z3-30 .form-field:focus,
.form-hover-bc\=z3-30 .form-field:hover {
  border-color: rgb(var(--color-z3)/30%);
}

.bc\=z3-35,
.dark-mode .dark-mode\:bc\=z3-35,
.form-bc\=z3-35 .form-field {
  border-color: rgb(var(--color-z3)/35%);
}

.hover-bc\=z3-35:hover,
[class*="--active"].active-bc\=z3-35,
[class*="--active"] .active-bc\=z3-35,
.form-focus-bc\=z3-35 .form-field:focus,
.form-hover-bc\=z3-35 .form-field:hover {
  border-color: rgb(var(--color-z3)/35%);
}

.bc\=z3-40,
.dark-mode .dark-mode\:bc\=z3-40,
.form-bc\=z3-40 .form-field {
  border-color: rgb(var(--color-z3)/40%);
}

.hover-bc\=z3-40:hover,
[class*="--active"].active-bc\=z3-40,
[class*="--active"] .active-bc\=z3-40,
.form-focus-bc\=z3-40 .form-field:focus,
.form-hover-bc\=z3-40 .form-field:hover {
  border-color: rgb(var(--color-z3)/40%);
}

.bc\=z3-45,
.dark-mode .dark-mode\:bc\=z3-45,
.form-bc\=z3-45 .form-field {
  border-color: rgb(var(--color-z3)/45%);
}

.hover-bc\=z3-45:hover,
[class*="--active"].active-bc\=z3-45,
[class*="--active"] .active-bc\=z3-45,
.form-focus-bc\=z3-45 .form-field:focus,
.form-hover-bc\=z3-45 .form-field:hover {
  border-color: rgb(var(--color-z3)/45%);
}

.bc\=z3-50,
.dark-mode .dark-mode\:bc\=z3-50,
.form-bc\=z3-50 .form-field {
  border-color: rgb(var(--color-z3)/50%);
}

.hover-bc\=z3-50:hover,
[class*="--active"].active-bc\=z3-50,
[class*="--active"] .active-bc\=z3-50,
.form-focus-bc\=z3-50 .form-field:focus,
.form-hover-bc\=z3-50 .form-field:hover {
  border-color: rgb(var(--color-z3)/50%);
}

.bc\=z3-55,
.dark-mode .dark-mode\:bc\=z3-55,
.form-bc\=z3-55 .form-field {
  border-color: rgb(var(--color-z3)/55%);
}

.hover-bc\=z3-55:hover,
[class*="--active"].active-bc\=z3-55,
[class*="--active"] .active-bc\=z3-55,
.form-focus-bc\=z3-55 .form-field:focus,
.form-hover-bc\=z3-55 .form-field:hover {
  border-color: rgb(var(--color-z3)/55%);
}

.bc\=z3-60,
.dark-mode .dark-mode\:bc\=z3-60,
.form-bc\=z3-60 .form-field {
  border-color: rgb(var(--color-z3)/60%);
}

.hover-bc\=z3-60:hover,
[class*="--active"].active-bc\=z3-60,
[class*="--active"] .active-bc\=z3-60,
.form-focus-bc\=z3-60 .form-field:focus,
.form-hover-bc\=z3-60 .form-field:hover {
  border-color: rgb(var(--color-z3)/60%);
}

.bc\=z3-65,
.dark-mode .dark-mode\:bc\=z3-65,
.form-bc\=z3-65 .form-field {
  border-color: rgb(var(--color-z3)/65%);
}

.hover-bc\=z3-65:hover,
[class*="--active"].active-bc\=z3-65,
[class*="--active"] .active-bc\=z3-65,
.form-focus-bc\=z3-65 .form-field:focus,
.form-hover-bc\=z3-65 .form-field:hover {
  border-color: rgb(var(--color-z3)/65%);
}

.bc\=z3-70,
.dark-mode .dark-mode\:bc\=z3-70,
.form-bc\=z3-70 .form-field {
  border-color: rgb(var(--color-z3)/70%);
}

.hover-bc\=z3-70:hover,
[class*="--active"].active-bc\=z3-70,
[class*="--active"] .active-bc\=z3-70,
.form-focus-bc\=z3-70 .form-field:focus,
.form-hover-bc\=z3-70 .form-field:hover {
  border-color: rgb(var(--color-z3)/70%);
}

.bc\=z3-75,
.dark-mode .dark-mode\:bc\=z3-75,
.form-bc\=z3-75 .form-field {
  border-color: rgb(var(--color-z3)/75%);
}

.hover-bc\=z3-75:hover,
[class*="--active"].active-bc\=z3-75,
[class*="--active"] .active-bc\=z3-75,
.form-focus-bc\=z3-75 .form-field:focus,
.form-hover-bc\=z3-75 .form-field:hover {
  border-color: rgb(var(--color-z3)/75%);
}

.bc\=z3-80,
.dark-mode .dark-mode\:bc\=z3-80,
.form-bc\=z3-80 .form-field {
  border-color: rgb(var(--color-z3)/80%);
}

.hover-bc\=z3-80:hover,
[class*="--active"].active-bc\=z3-80,
[class*="--active"] .active-bc\=z3-80,
.form-focus-bc\=z3-80 .form-field:focus,
.form-hover-bc\=z3-80 .form-field:hover {
  border-color: rgb(var(--color-z3)/80%);
}

.bc\=z3-85,
.dark-mode .dark-mode\:bc\=z3-85,
.form-bc\=z3-85 .form-field {
  border-color: rgb(var(--color-z3)/85%);
}

.hover-bc\=z3-85:hover,
[class*="--active"].active-bc\=z3-85,
[class*="--active"] .active-bc\=z3-85,
.form-focus-bc\=z3-85 .form-field:focus,
.form-hover-bc\=z3-85 .form-field:hover {
  border-color: rgb(var(--color-z3)/85%);
}

.bc\=z3-90,
.dark-mode .dark-mode\:bc\=z3-90,
.form-bc\=z3-90 .form-field {
  border-color: rgb(var(--color-z3)/90%);
}

.hover-bc\=z3-90:hover,
[class*="--active"].active-bc\=z3-90,
[class*="--active"] .active-bc\=z3-90,
.form-focus-bc\=z3-90 .form-field:focus,
.form-hover-bc\=z3-90 .form-field:hover {
  border-color: rgb(var(--color-z3)/90%);
}

.bc\=z3-95,
.dark-mode .dark-mode\:bc\=z3-95,
.form-bc\=z3-95 .form-field {
  border-color: rgb(var(--color-z3)/95%);
}

.hover-bc\=z3-95:hover,
[class*="--active"].active-bc\=z3-95,
[class*="--active"] .active-bc\=z3-95,
.form-focus-bc\=z3-95 .form-field:focus,
.form-hover-bc\=z3-95 .form-field:hover {
  border-color: rgb(var(--color-z3)/95%);
}

.bc\=z3-100,
.dark-mode .dark-mode\:bc\=z3-100,
.form-bc\=z3-100 .form-field {
  border-color: rgb(var(--color-z3)/100%);
}

.hover-bc\=z3-100:hover,
[class*="--active"].active-bc\=z3-100,
[class*="--active"] .active-bc\=z3-100,
.form-focus-bc\=z3-100 .form-field:focus,
.form-hover-bc\=z3-100 .form-field:hover {
  border-color: rgb(var(--color-z3)/100%);
}

.bc\=z4,
.dark-mode .dark-mode\:bc\=z4,
.form-bc\=z4 .form-field {
  border-color: rgb(var(--color-z4));
}

.hover-bc\=z4:hover,
[class*="--active"].active-bc\=z4,
[class*="--active"] .active-bc\=z4,
.form-focus-bc\=z4 .form-field:focus,
.form-hover-bc\=z4 .form-field:hover {
  border-color: rgb(var(--color-z4));
}

.bc\=z4-5,
.dark-mode .dark-mode\:bc\=z4-5,
.form-bc\=z4-5 .form-field {
  border-color: rgb(var(--color-z4)/5%);
}

.hover-bc\=z4-5:hover,
[class*="--active"].active-bc\=z4-5,
[class*="--active"] .active-bc\=z4-5,
.form-focus-bc\=z4-5 .form-field:focus,
.form-hover-bc\=z4-5 .form-field:hover {
  border-color: rgb(var(--color-z4)/5%);
}

.bc\=z4-10,
.dark-mode .dark-mode\:bc\=z4-10,
.form-bc\=z4-10 .form-field {
  border-color: rgb(var(--color-z4)/10%);
}

.hover-bc\=z4-10:hover,
[class*="--active"].active-bc\=z4-10,
[class*="--active"] .active-bc\=z4-10,
.form-focus-bc\=z4-10 .form-field:focus,
.form-hover-bc\=z4-10 .form-field:hover {
  border-color: rgb(var(--color-z4)/10%);
}

.bc\=z4-15,
.dark-mode .dark-mode\:bc\=z4-15,
.form-bc\=z4-15 .form-field {
  border-color: rgb(var(--color-z4)/15%);
}

.hover-bc\=z4-15:hover,
[class*="--active"].active-bc\=z4-15,
[class*="--active"] .active-bc\=z4-15,
.form-focus-bc\=z4-15 .form-field:focus,
.form-hover-bc\=z4-15 .form-field:hover {
  border-color: rgb(var(--color-z4)/15%);
}

.bc\=z4-20,
.dark-mode .dark-mode\:bc\=z4-20,
.form-bc\=z4-20 .form-field {
  border-color: rgb(var(--color-z4)/20%);
}

.hover-bc\=z4-20:hover,
[class*="--active"].active-bc\=z4-20,
[class*="--active"] .active-bc\=z4-20,
.form-focus-bc\=z4-20 .form-field:focus,
.form-hover-bc\=z4-20 .form-field:hover {
  border-color: rgb(var(--color-z4)/20%);
}

.bc\=z4-25,
.dark-mode .dark-mode\:bc\=z4-25,
.form-bc\=z4-25 .form-field {
  border-color: rgb(var(--color-z4)/25%);
}

.hover-bc\=z4-25:hover,
[class*="--active"].active-bc\=z4-25,
[class*="--active"] .active-bc\=z4-25,
.form-focus-bc\=z4-25 .form-field:focus,
.form-hover-bc\=z4-25 .form-field:hover {
  border-color: rgb(var(--color-z4)/25%);
}

.bc\=z4-30,
.dark-mode .dark-mode\:bc\=z4-30,
.form-bc\=z4-30 .form-field {
  border-color: rgb(var(--color-z4)/30%);
}

.hover-bc\=z4-30:hover,
[class*="--active"].active-bc\=z4-30,
[class*="--active"] .active-bc\=z4-30,
.form-focus-bc\=z4-30 .form-field:focus,
.form-hover-bc\=z4-30 .form-field:hover {
  border-color: rgb(var(--color-z4)/30%);
}

.bc\=z4-35,
.dark-mode .dark-mode\:bc\=z4-35,
.form-bc\=z4-35 .form-field {
  border-color: rgb(var(--color-z4)/35%);
}

.hover-bc\=z4-35:hover,
[class*="--active"].active-bc\=z4-35,
[class*="--active"] .active-bc\=z4-35,
.form-focus-bc\=z4-35 .form-field:focus,
.form-hover-bc\=z4-35 .form-field:hover {
  border-color: rgb(var(--color-z4)/35%);
}

.bc\=z4-40,
.dark-mode .dark-mode\:bc\=z4-40,
.form-bc\=z4-40 .form-field {
  border-color: rgb(var(--color-z4)/40%);
}

.hover-bc\=z4-40:hover,
[class*="--active"].active-bc\=z4-40,
[class*="--active"] .active-bc\=z4-40,
.form-focus-bc\=z4-40 .form-field:focus,
.form-hover-bc\=z4-40 .form-field:hover {
  border-color: rgb(var(--color-z4)/40%);
}

.bc\=z4-45,
.dark-mode .dark-mode\:bc\=z4-45,
.form-bc\=z4-45 .form-field {
  border-color: rgb(var(--color-z4)/45%);
}

.hover-bc\=z4-45:hover,
[class*="--active"].active-bc\=z4-45,
[class*="--active"] .active-bc\=z4-45,
.form-focus-bc\=z4-45 .form-field:focus,
.form-hover-bc\=z4-45 .form-field:hover {
  border-color: rgb(var(--color-z4)/45%);
}

.bc\=z4-50,
.dark-mode .dark-mode\:bc\=z4-50,
.form-bc\=z4-50 .form-field {
  border-color: rgb(var(--color-z4)/50%);
}

.hover-bc\=z4-50:hover,
[class*="--active"].active-bc\=z4-50,
[class*="--active"] .active-bc\=z4-50,
.form-focus-bc\=z4-50 .form-field:focus,
.form-hover-bc\=z4-50 .form-field:hover {
  border-color: rgb(var(--color-z4)/50%);
}

.bc\=z4-55,
.dark-mode .dark-mode\:bc\=z4-55,
.form-bc\=z4-55 .form-field {
  border-color: rgb(var(--color-z4)/55%);
}

.hover-bc\=z4-55:hover,
[class*="--active"].active-bc\=z4-55,
[class*="--active"] .active-bc\=z4-55,
.form-focus-bc\=z4-55 .form-field:focus,
.form-hover-bc\=z4-55 .form-field:hover {
  border-color: rgb(var(--color-z4)/55%);
}

.bc\=z4-60,
.dark-mode .dark-mode\:bc\=z4-60,
.form-bc\=z4-60 .form-field {
  border-color: rgb(var(--color-z4)/60%);
}

.hover-bc\=z4-60:hover,
[class*="--active"].active-bc\=z4-60,
[class*="--active"] .active-bc\=z4-60,
.form-focus-bc\=z4-60 .form-field:focus,
.form-hover-bc\=z4-60 .form-field:hover {
  border-color: rgb(var(--color-z4)/60%);
}

.bc\=z4-65,
.dark-mode .dark-mode\:bc\=z4-65,
.form-bc\=z4-65 .form-field {
  border-color: rgb(var(--color-z4)/65%);
}

.hover-bc\=z4-65:hover,
[class*="--active"].active-bc\=z4-65,
[class*="--active"] .active-bc\=z4-65,
.form-focus-bc\=z4-65 .form-field:focus,
.form-hover-bc\=z4-65 .form-field:hover {
  border-color: rgb(var(--color-z4)/65%);
}

.bc\=z4-70,
.dark-mode .dark-mode\:bc\=z4-70,
.form-bc\=z4-70 .form-field {
  border-color: rgb(var(--color-z4)/70%);
}

.hover-bc\=z4-70:hover,
[class*="--active"].active-bc\=z4-70,
[class*="--active"] .active-bc\=z4-70,
.form-focus-bc\=z4-70 .form-field:focus,
.form-hover-bc\=z4-70 .form-field:hover {
  border-color: rgb(var(--color-z4)/70%);
}

.bc\=z4-75,
.dark-mode .dark-mode\:bc\=z4-75,
.form-bc\=z4-75 .form-field {
  border-color: rgb(var(--color-z4)/75%);
}

.hover-bc\=z4-75:hover,
[class*="--active"].active-bc\=z4-75,
[class*="--active"] .active-bc\=z4-75,
.form-focus-bc\=z4-75 .form-field:focus,
.form-hover-bc\=z4-75 .form-field:hover {
  border-color: rgb(var(--color-z4)/75%);
}

.bc\=z4-80,
.dark-mode .dark-mode\:bc\=z4-80,
.form-bc\=z4-80 .form-field {
  border-color: rgb(var(--color-z4)/80%);
}

.hover-bc\=z4-80:hover,
[class*="--active"].active-bc\=z4-80,
[class*="--active"] .active-bc\=z4-80,
.form-focus-bc\=z4-80 .form-field:focus,
.form-hover-bc\=z4-80 .form-field:hover {
  border-color: rgb(var(--color-z4)/80%);
}

.bc\=z4-85,
.dark-mode .dark-mode\:bc\=z4-85,
.form-bc\=z4-85 .form-field {
  border-color: rgb(var(--color-z4)/85%);
}

.hover-bc\=z4-85:hover,
[class*="--active"].active-bc\=z4-85,
[class*="--active"] .active-bc\=z4-85,
.form-focus-bc\=z4-85 .form-field:focus,
.form-hover-bc\=z4-85 .form-field:hover {
  border-color: rgb(var(--color-z4)/85%);
}

.bc\=z4-90,
.dark-mode .dark-mode\:bc\=z4-90,
.form-bc\=z4-90 .form-field {
  border-color: rgb(var(--color-z4)/90%);
}

.hover-bc\=z4-90:hover,
[class*="--active"].active-bc\=z4-90,
[class*="--active"] .active-bc\=z4-90,
.form-focus-bc\=z4-90 .form-field:focus,
.form-hover-bc\=z4-90 .form-field:hover {
  border-color: rgb(var(--color-z4)/90%);
}

.bc\=z4-95,
.dark-mode .dark-mode\:bc\=z4-95,
.form-bc\=z4-95 .form-field {
  border-color: rgb(var(--color-z4)/95%);
}

.hover-bc\=z4-95:hover,
[class*="--active"].active-bc\=z4-95,
[class*="--active"] .active-bc\=z4-95,
.form-focus-bc\=z4-95 .form-field:focus,
.form-hover-bc\=z4-95 .form-field:hover {
  border-color: rgb(var(--color-z4)/95%);
}

.bc\=z4-100,
.dark-mode .dark-mode\:bc\=z4-100,
.form-bc\=z4-100 .form-field {
  border-color: rgb(var(--color-z4)/100%);
}

.hover-bc\=z4-100:hover,
[class*="--active"].active-bc\=z4-100,
[class*="--active"] .active-bc\=z4-100,
.form-focus-bc\=z4-100 .form-field:focus,
.form-hover-bc\=z4-100 .form-field:hover {
  border-color: rgb(var(--color-z4)/100%);
}

.bc\=z5,
.dark-mode .dark-mode\:bc\=z5,
.form-bc\=z5 .form-field {
  border-color: rgb(var(--color-z5));
}

.hover-bc\=z5:hover,
[class*="--active"].active-bc\=z5,
[class*="--active"] .active-bc\=z5,
.form-focus-bc\=z5 .form-field:focus,
.form-hover-bc\=z5 .form-field:hover {
  border-color: rgb(var(--color-z5));
}

.bc\=z5-5,
.dark-mode .dark-mode\:bc\=z5-5,
.form-bc\=z5-5 .form-field {
  border-color: rgb(var(--color-z5)/5%);
}

.hover-bc\=z5-5:hover,
[class*="--active"].active-bc\=z5-5,
[class*="--active"] .active-bc\=z5-5,
.form-focus-bc\=z5-5 .form-field:focus,
.form-hover-bc\=z5-5 .form-field:hover {
  border-color: rgb(var(--color-z5)/5%);
}

.bc\=z5-10,
.dark-mode .dark-mode\:bc\=z5-10,
.form-bc\=z5-10 .form-field {
  border-color: rgb(var(--color-z5)/10%);
}

.hover-bc\=z5-10:hover,
[class*="--active"].active-bc\=z5-10,
[class*="--active"] .active-bc\=z5-10,
.form-focus-bc\=z5-10 .form-field:focus,
.form-hover-bc\=z5-10 .form-field:hover {
  border-color: rgb(var(--color-z5)/10%);
}

.bc\=z5-15,
.dark-mode .dark-mode\:bc\=z5-15,
.form-bc\=z5-15 .form-field {
  border-color: rgb(var(--color-z5)/15%);
}

.hover-bc\=z5-15:hover,
[class*="--active"].active-bc\=z5-15,
[class*="--active"] .active-bc\=z5-15,
.form-focus-bc\=z5-15 .form-field:focus,
.form-hover-bc\=z5-15 .form-field:hover {
  border-color: rgb(var(--color-z5)/15%);
}

.bc\=z5-20,
.dark-mode .dark-mode\:bc\=z5-20,
.form-bc\=z5-20 .form-field {
  border-color: rgb(var(--color-z5)/20%);
}

.hover-bc\=z5-20:hover,
[class*="--active"].active-bc\=z5-20,
[class*="--active"] .active-bc\=z5-20,
.form-focus-bc\=z5-20 .form-field:focus,
.form-hover-bc\=z5-20 .form-field:hover {
  border-color: rgb(var(--color-z5)/20%);
}

.bc\=z5-25,
.dark-mode .dark-mode\:bc\=z5-25,
.form-bc\=z5-25 .form-field {
  border-color: rgb(var(--color-z5)/25%);
}

.hover-bc\=z5-25:hover,
[class*="--active"].active-bc\=z5-25,
[class*="--active"] .active-bc\=z5-25,
.form-focus-bc\=z5-25 .form-field:focus,
.form-hover-bc\=z5-25 .form-field:hover {
  border-color: rgb(var(--color-z5)/25%);
}

.bc\=z5-30,
.dark-mode .dark-mode\:bc\=z5-30,
.form-bc\=z5-30 .form-field {
  border-color: rgb(var(--color-z5)/30%);
}

.hover-bc\=z5-30:hover,
[class*="--active"].active-bc\=z5-30,
[class*="--active"] .active-bc\=z5-30,
.form-focus-bc\=z5-30 .form-field:focus,
.form-hover-bc\=z5-30 .form-field:hover {
  border-color: rgb(var(--color-z5)/30%);
}

.bc\=z5-35,
.dark-mode .dark-mode\:bc\=z5-35,
.form-bc\=z5-35 .form-field {
  border-color: rgb(var(--color-z5)/35%);
}

.hover-bc\=z5-35:hover,
[class*="--active"].active-bc\=z5-35,
[class*="--active"] .active-bc\=z5-35,
.form-focus-bc\=z5-35 .form-field:focus,
.form-hover-bc\=z5-35 .form-field:hover {
  border-color: rgb(var(--color-z5)/35%);
}

.bc\=z5-40,
.dark-mode .dark-mode\:bc\=z5-40,
.form-bc\=z5-40 .form-field {
  border-color: rgb(var(--color-z5)/40%);
}

.hover-bc\=z5-40:hover,
[class*="--active"].active-bc\=z5-40,
[class*="--active"] .active-bc\=z5-40,
.form-focus-bc\=z5-40 .form-field:focus,
.form-hover-bc\=z5-40 .form-field:hover {
  border-color: rgb(var(--color-z5)/40%);
}

.bc\=z5-45,
.dark-mode .dark-mode\:bc\=z5-45,
.form-bc\=z5-45 .form-field {
  border-color: rgb(var(--color-z5)/45%);
}

.hover-bc\=z5-45:hover,
[class*="--active"].active-bc\=z5-45,
[class*="--active"] .active-bc\=z5-45,
.form-focus-bc\=z5-45 .form-field:focus,
.form-hover-bc\=z5-45 .form-field:hover {
  border-color: rgb(var(--color-z5)/45%);
}

.bc\=z5-50,
.dark-mode .dark-mode\:bc\=z5-50,
.form-bc\=z5-50 .form-field {
  border-color: rgb(var(--color-z5)/50%);
}

.hover-bc\=z5-50:hover,
[class*="--active"].active-bc\=z5-50,
[class*="--active"] .active-bc\=z5-50,
.form-focus-bc\=z5-50 .form-field:focus,
.form-hover-bc\=z5-50 .form-field:hover {
  border-color: rgb(var(--color-z5)/50%);
}

.bc\=z5-55,
.dark-mode .dark-mode\:bc\=z5-55,
.form-bc\=z5-55 .form-field {
  border-color: rgb(var(--color-z5)/55%);
}

.hover-bc\=z5-55:hover,
[class*="--active"].active-bc\=z5-55,
[class*="--active"] .active-bc\=z5-55,
.form-focus-bc\=z5-55 .form-field:focus,
.form-hover-bc\=z5-55 .form-field:hover {
  border-color: rgb(var(--color-z5)/55%);
}

.bc\=z5-60,
.dark-mode .dark-mode\:bc\=z5-60,
.form-bc\=z5-60 .form-field {
  border-color: rgb(var(--color-z5)/60%);
}

.hover-bc\=z5-60:hover,
[class*="--active"].active-bc\=z5-60,
[class*="--active"] .active-bc\=z5-60,
.form-focus-bc\=z5-60 .form-field:focus,
.form-hover-bc\=z5-60 .form-field:hover {
  border-color: rgb(var(--color-z5)/60%);
}

.bc\=z5-65,
.dark-mode .dark-mode\:bc\=z5-65,
.form-bc\=z5-65 .form-field {
  border-color: rgb(var(--color-z5)/65%);
}

.hover-bc\=z5-65:hover,
[class*="--active"].active-bc\=z5-65,
[class*="--active"] .active-bc\=z5-65,
.form-focus-bc\=z5-65 .form-field:focus,
.form-hover-bc\=z5-65 .form-field:hover {
  border-color: rgb(var(--color-z5)/65%);
}

.bc\=z5-70,
.dark-mode .dark-mode\:bc\=z5-70,
.form-bc\=z5-70 .form-field {
  border-color: rgb(var(--color-z5)/70%);
}

.hover-bc\=z5-70:hover,
[class*="--active"].active-bc\=z5-70,
[class*="--active"] .active-bc\=z5-70,
.form-focus-bc\=z5-70 .form-field:focus,
.form-hover-bc\=z5-70 .form-field:hover {
  border-color: rgb(var(--color-z5)/70%);
}

.bc\=z5-75,
.dark-mode .dark-mode\:bc\=z5-75,
.form-bc\=z5-75 .form-field {
  border-color: rgb(var(--color-z5)/75%);
}

.hover-bc\=z5-75:hover,
[class*="--active"].active-bc\=z5-75,
[class*="--active"] .active-bc\=z5-75,
.form-focus-bc\=z5-75 .form-field:focus,
.form-hover-bc\=z5-75 .form-field:hover {
  border-color: rgb(var(--color-z5)/75%);
}

.bc\=z5-80,
.dark-mode .dark-mode\:bc\=z5-80,
.form-bc\=z5-80 .form-field {
  border-color: rgb(var(--color-z5)/80%);
}

.hover-bc\=z5-80:hover,
[class*="--active"].active-bc\=z5-80,
[class*="--active"] .active-bc\=z5-80,
.form-focus-bc\=z5-80 .form-field:focus,
.form-hover-bc\=z5-80 .form-field:hover {
  border-color: rgb(var(--color-z5)/80%);
}

.bc\=z5-85,
.dark-mode .dark-mode\:bc\=z5-85,
.form-bc\=z5-85 .form-field {
  border-color: rgb(var(--color-z5)/85%);
}

.hover-bc\=z5-85:hover,
[class*="--active"].active-bc\=z5-85,
[class*="--active"] .active-bc\=z5-85,
.form-focus-bc\=z5-85 .form-field:focus,
.form-hover-bc\=z5-85 .form-field:hover {
  border-color: rgb(var(--color-z5)/85%);
}

.bc\=z5-90,
.dark-mode .dark-mode\:bc\=z5-90,
.form-bc\=z5-90 .form-field {
  border-color: rgb(var(--color-z5)/90%);
}

.hover-bc\=z5-90:hover,
[class*="--active"].active-bc\=z5-90,
[class*="--active"] .active-bc\=z5-90,
.form-focus-bc\=z5-90 .form-field:focus,
.form-hover-bc\=z5-90 .form-field:hover {
  border-color: rgb(var(--color-z5)/90%);
}

.bc\=z5-95,
.dark-mode .dark-mode\:bc\=z5-95,
.form-bc\=z5-95 .form-field {
  border-color: rgb(var(--color-z5)/95%);
}

.hover-bc\=z5-95:hover,
[class*="--active"].active-bc\=z5-95,
[class*="--active"] .active-bc\=z5-95,
.form-focus-bc\=z5-95 .form-field:focus,
.form-hover-bc\=z5-95 .form-field:hover {
  border-color: rgb(var(--color-z5)/95%);
}

.bc\=z5-100,
.dark-mode .dark-mode\:bc\=z5-100,
.form-bc\=z5-100 .form-field {
  border-color: rgb(var(--color-z5)/100%);
}

.hover-bc\=z5-100:hover,
[class*="--active"].active-bc\=z5-100,
[class*="--active"] .active-bc\=z5-100,
.form-focus-bc\=z5-100 .form-field:focus,
.form-hover-bc\=z5-100 .form-field:hover {
  border-color: rgb(var(--color-z5)/100%);
}

.bc\=z6,
.dark-mode .dark-mode\:bc\=z6,
.form-bc\=z6 .form-field {
  border-color: rgb(var(--color-z6));
}

.hover-bc\=z6:hover,
[class*="--active"].active-bc\=z6,
[class*="--active"] .active-bc\=z6,
.form-focus-bc\=z6 .form-field:focus,
.form-hover-bc\=z6 .form-field:hover {
  border-color: rgb(var(--color-z6));
}

.bc\=z6-5,
.dark-mode .dark-mode\:bc\=z6-5,
.form-bc\=z6-5 .form-field {
  border-color: rgb(var(--color-z6)/5%);
}

.hover-bc\=z6-5:hover,
[class*="--active"].active-bc\=z6-5,
[class*="--active"] .active-bc\=z6-5,
.form-focus-bc\=z6-5 .form-field:focus,
.form-hover-bc\=z6-5 .form-field:hover {
  border-color: rgb(var(--color-z6)/5%);
}

.bc\=z6-10,
.dark-mode .dark-mode\:bc\=z6-10,
.form-bc\=z6-10 .form-field {
  border-color: rgb(var(--color-z6)/10%);
}

.hover-bc\=z6-10:hover,
[class*="--active"].active-bc\=z6-10,
[class*="--active"] .active-bc\=z6-10,
.form-focus-bc\=z6-10 .form-field:focus,
.form-hover-bc\=z6-10 .form-field:hover {
  border-color: rgb(var(--color-z6)/10%);
}

.bc\=z6-15,
.dark-mode .dark-mode\:bc\=z6-15,
.form-bc\=z6-15 .form-field {
  border-color: rgb(var(--color-z6)/15%);
}

.hover-bc\=z6-15:hover,
[class*="--active"].active-bc\=z6-15,
[class*="--active"] .active-bc\=z6-15,
.form-focus-bc\=z6-15 .form-field:focus,
.form-hover-bc\=z6-15 .form-field:hover {
  border-color: rgb(var(--color-z6)/15%);
}

.bc\=z6-20,
.dark-mode .dark-mode\:bc\=z6-20,
.form-bc\=z6-20 .form-field {
  border-color: rgb(var(--color-z6)/20%);
}

.hover-bc\=z6-20:hover,
[class*="--active"].active-bc\=z6-20,
[class*="--active"] .active-bc\=z6-20,
.form-focus-bc\=z6-20 .form-field:focus,
.form-hover-bc\=z6-20 .form-field:hover {
  border-color: rgb(var(--color-z6)/20%);
}

.bc\=z6-25,
.dark-mode .dark-mode\:bc\=z6-25,
.form-bc\=z6-25 .form-field {
  border-color: rgb(var(--color-z6)/25%);
}

.hover-bc\=z6-25:hover,
[class*="--active"].active-bc\=z6-25,
[class*="--active"] .active-bc\=z6-25,
.form-focus-bc\=z6-25 .form-field:focus,
.form-hover-bc\=z6-25 .form-field:hover {
  border-color: rgb(var(--color-z6)/25%);
}

.bc\=z6-30,
.dark-mode .dark-mode\:bc\=z6-30,
.form-bc\=z6-30 .form-field {
  border-color: rgb(var(--color-z6)/30%);
}

.hover-bc\=z6-30:hover,
[class*="--active"].active-bc\=z6-30,
[class*="--active"] .active-bc\=z6-30,
.form-focus-bc\=z6-30 .form-field:focus,
.form-hover-bc\=z6-30 .form-field:hover {
  border-color: rgb(var(--color-z6)/30%);
}

.bc\=z6-35,
.dark-mode .dark-mode\:bc\=z6-35,
.form-bc\=z6-35 .form-field {
  border-color: rgb(var(--color-z6)/35%);
}

.hover-bc\=z6-35:hover,
[class*="--active"].active-bc\=z6-35,
[class*="--active"] .active-bc\=z6-35,
.form-focus-bc\=z6-35 .form-field:focus,
.form-hover-bc\=z6-35 .form-field:hover {
  border-color: rgb(var(--color-z6)/35%);
}

.bc\=z6-40,
.dark-mode .dark-mode\:bc\=z6-40,
.form-bc\=z6-40 .form-field {
  border-color: rgb(var(--color-z6)/40%);
}

.hover-bc\=z6-40:hover,
[class*="--active"].active-bc\=z6-40,
[class*="--active"] .active-bc\=z6-40,
.form-focus-bc\=z6-40 .form-field:focus,
.form-hover-bc\=z6-40 .form-field:hover {
  border-color: rgb(var(--color-z6)/40%);
}

.bc\=z6-45,
.dark-mode .dark-mode\:bc\=z6-45,
.form-bc\=z6-45 .form-field {
  border-color: rgb(var(--color-z6)/45%);
}

.hover-bc\=z6-45:hover,
[class*="--active"].active-bc\=z6-45,
[class*="--active"] .active-bc\=z6-45,
.form-focus-bc\=z6-45 .form-field:focus,
.form-hover-bc\=z6-45 .form-field:hover {
  border-color: rgb(var(--color-z6)/45%);
}

.bc\=z6-50,
.dark-mode .dark-mode\:bc\=z6-50,
.form-bc\=z6-50 .form-field {
  border-color: rgb(var(--color-z6)/50%);
}

.hover-bc\=z6-50:hover,
[class*="--active"].active-bc\=z6-50,
[class*="--active"] .active-bc\=z6-50,
.form-focus-bc\=z6-50 .form-field:focus,
.form-hover-bc\=z6-50 .form-field:hover {
  border-color: rgb(var(--color-z6)/50%);
}

.bc\=z6-55,
.dark-mode .dark-mode\:bc\=z6-55,
.form-bc\=z6-55 .form-field {
  border-color: rgb(var(--color-z6)/55%);
}

.hover-bc\=z6-55:hover,
[class*="--active"].active-bc\=z6-55,
[class*="--active"] .active-bc\=z6-55,
.form-focus-bc\=z6-55 .form-field:focus,
.form-hover-bc\=z6-55 .form-field:hover {
  border-color: rgb(var(--color-z6)/55%);
}

.bc\=z6-60,
.dark-mode .dark-mode\:bc\=z6-60,
.form-bc\=z6-60 .form-field {
  border-color: rgb(var(--color-z6)/60%);
}

.hover-bc\=z6-60:hover,
[class*="--active"].active-bc\=z6-60,
[class*="--active"] .active-bc\=z6-60,
.form-focus-bc\=z6-60 .form-field:focus,
.form-hover-bc\=z6-60 .form-field:hover {
  border-color: rgb(var(--color-z6)/60%);
}

.bc\=z6-65,
.dark-mode .dark-mode\:bc\=z6-65,
.form-bc\=z6-65 .form-field {
  border-color: rgb(var(--color-z6)/65%);
}

.hover-bc\=z6-65:hover,
[class*="--active"].active-bc\=z6-65,
[class*="--active"] .active-bc\=z6-65,
.form-focus-bc\=z6-65 .form-field:focus,
.form-hover-bc\=z6-65 .form-field:hover {
  border-color: rgb(var(--color-z6)/65%);
}

.bc\=z6-70,
.dark-mode .dark-mode\:bc\=z6-70,
.form-bc\=z6-70 .form-field {
  border-color: rgb(var(--color-z6)/70%);
}

.hover-bc\=z6-70:hover,
[class*="--active"].active-bc\=z6-70,
[class*="--active"] .active-bc\=z6-70,
.form-focus-bc\=z6-70 .form-field:focus,
.form-hover-bc\=z6-70 .form-field:hover {
  border-color: rgb(var(--color-z6)/70%);
}

.bc\=z6-75,
.dark-mode .dark-mode\:bc\=z6-75,
.form-bc\=z6-75 .form-field {
  border-color: rgb(var(--color-z6)/75%);
}

.hover-bc\=z6-75:hover,
[class*="--active"].active-bc\=z6-75,
[class*="--active"] .active-bc\=z6-75,
.form-focus-bc\=z6-75 .form-field:focus,
.form-hover-bc\=z6-75 .form-field:hover {
  border-color: rgb(var(--color-z6)/75%);
}

.bc\=z6-80,
.dark-mode .dark-mode\:bc\=z6-80,
.form-bc\=z6-80 .form-field {
  border-color: rgb(var(--color-z6)/80%);
}

.hover-bc\=z6-80:hover,
[class*="--active"].active-bc\=z6-80,
[class*="--active"] .active-bc\=z6-80,
.form-focus-bc\=z6-80 .form-field:focus,
.form-hover-bc\=z6-80 .form-field:hover {
  border-color: rgb(var(--color-z6)/80%);
}

.bc\=z6-85,
.dark-mode .dark-mode\:bc\=z6-85,
.form-bc\=z6-85 .form-field {
  border-color: rgb(var(--color-z6)/85%);
}

.hover-bc\=z6-85:hover,
[class*="--active"].active-bc\=z6-85,
[class*="--active"] .active-bc\=z6-85,
.form-focus-bc\=z6-85 .form-field:focus,
.form-hover-bc\=z6-85 .form-field:hover {
  border-color: rgb(var(--color-z6)/85%);
}

.bc\=z6-90,
.dark-mode .dark-mode\:bc\=z6-90,
.form-bc\=z6-90 .form-field {
  border-color: rgb(var(--color-z6)/90%);
}

.hover-bc\=z6-90:hover,
[class*="--active"].active-bc\=z6-90,
[class*="--active"] .active-bc\=z6-90,
.form-focus-bc\=z6-90 .form-field:focus,
.form-hover-bc\=z6-90 .form-field:hover {
  border-color: rgb(var(--color-z6)/90%);
}

.bc\=z6-95,
.dark-mode .dark-mode\:bc\=z6-95,
.form-bc\=z6-95 .form-field {
  border-color: rgb(var(--color-z6)/95%);
}

.hover-bc\=z6-95:hover,
[class*="--active"].active-bc\=z6-95,
[class*="--active"] .active-bc\=z6-95,
.form-focus-bc\=z6-95 .form-field:focus,
.form-hover-bc\=z6-95 .form-field:hover {
  border-color: rgb(var(--color-z6)/95%);
}

.bc\=z6-100,
.dark-mode .dark-mode\:bc\=z6-100,
.form-bc\=z6-100 .form-field {
  border-color: rgb(var(--color-z6)/100%);
}

.hover-bc\=z6-100:hover,
[class*="--active"].active-bc\=z6-100,
[class*="--active"] .active-bc\=z6-100,
.form-focus-bc\=z6-100 .form-field:focus,
.form-hover-bc\=z6-100 .form-field:hover {
  border-color: rgb(var(--color-z6)/100%);
}

.bc\=z7,
.dark-mode .dark-mode\:bc\=z7,
.form-bc\=z7 .form-field {
  border-color: rgb(var(--color-z7));
}

.hover-bc\=z7:hover,
[class*="--active"].active-bc\=z7,
[class*="--active"] .active-bc\=z7,
.form-focus-bc\=z7 .form-field:focus,
.form-hover-bc\=z7 .form-field:hover {
  border-color: rgb(var(--color-z7));
}

.bc\=z7-5,
.dark-mode .dark-mode\:bc\=z7-5,
.form-bc\=z7-5 .form-field {
  border-color: rgb(var(--color-z7)/5%);
}

.hover-bc\=z7-5:hover,
[class*="--active"].active-bc\=z7-5,
[class*="--active"] .active-bc\=z7-5,
.form-focus-bc\=z7-5 .form-field:focus,
.form-hover-bc\=z7-5 .form-field:hover {
  border-color: rgb(var(--color-z7)/5%);
}

.bc\=z7-10,
.dark-mode .dark-mode\:bc\=z7-10,
.form-bc\=z7-10 .form-field {
  border-color: rgb(var(--color-z7)/10%);
}

.hover-bc\=z7-10:hover,
[class*="--active"].active-bc\=z7-10,
[class*="--active"] .active-bc\=z7-10,
.form-focus-bc\=z7-10 .form-field:focus,
.form-hover-bc\=z7-10 .form-field:hover {
  border-color: rgb(var(--color-z7)/10%);
}

.bc\=z7-15,
.dark-mode .dark-mode\:bc\=z7-15,
.form-bc\=z7-15 .form-field {
  border-color: rgb(var(--color-z7)/15%);
}

.hover-bc\=z7-15:hover,
[class*="--active"].active-bc\=z7-15,
[class*="--active"] .active-bc\=z7-15,
.form-focus-bc\=z7-15 .form-field:focus,
.form-hover-bc\=z7-15 .form-field:hover {
  border-color: rgb(var(--color-z7)/15%);
}

.bc\=z7-20,
.dark-mode .dark-mode\:bc\=z7-20,
.form-bc\=z7-20 .form-field {
  border-color: rgb(var(--color-z7)/20%);
}

.hover-bc\=z7-20:hover,
[class*="--active"].active-bc\=z7-20,
[class*="--active"] .active-bc\=z7-20,
.form-focus-bc\=z7-20 .form-field:focus,
.form-hover-bc\=z7-20 .form-field:hover {
  border-color: rgb(var(--color-z7)/20%);
}

.bc\=z7-25,
.dark-mode .dark-mode\:bc\=z7-25,
.form-bc\=z7-25 .form-field {
  border-color: rgb(var(--color-z7)/25%);
}

.hover-bc\=z7-25:hover,
[class*="--active"].active-bc\=z7-25,
[class*="--active"] .active-bc\=z7-25,
.form-focus-bc\=z7-25 .form-field:focus,
.form-hover-bc\=z7-25 .form-field:hover {
  border-color: rgb(var(--color-z7)/25%);
}

.bc\=z7-30,
.dark-mode .dark-mode\:bc\=z7-30,
.form-bc\=z7-30 .form-field {
  border-color: rgb(var(--color-z7)/30%);
}

.hover-bc\=z7-30:hover,
[class*="--active"].active-bc\=z7-30,
[class*="--active"] .active-bc\=z7-30,
.form-focus-bc\=z7-30 .form-field:focus,
.form-hover-bc\=z7-30 .form-field:hover {
  border-color: rgb(var(--color-z7)/30%);
}

.bc\=z7-35,
.dark-mode .dark-mode\:bc\=z7-35,
.form-bc\=z7-35 .form-field {
  border-color: rgb(var(--color-z7)/35%);
}

.hover-bc\=z7-35:hover,
[class*="--active"].active-bc\=z7-35,
[class*="--active"] .active-bc\=z7-35,
.form-focus-bc\=z7-35 .form-field:focus,
.form-hover-bc\=z7-35 .form-field:hover {
  border-color: rgb(var(--color-z7)/35%);
}

.bc\=z7-40,
.dark-mode .dark-mode\:bc\=z7-40,
.form-bc\=z7-40 .form-field {
  border-color: rgb(var(--color-z7)/40%);
}

.hover-bc\=z7-40:hover,
[class*="--active"].active-bc\=z7-40,
[class*="--active"] .active-bc\=z7-40,
.form-focus-bc\=z7-40 .form-field:focus,
.form-hover-bc\=z7-40 .form-field:hover {
  border-color: rgb(var(--color-z7)/40%);
}

.bc\=z7-45,
.dark-mode .dark-mode\:bc\=z7-45,
.form-bc\=z7-45 .form-field {
  border-color: rgb(var(--color-z7)/45%);
}

.hover-bc\=z7-45:hover,
[class*="--active"].active-bc\=z7-45,
[class*="--active"] .active-bc\=z7-45,
.form-focus-bc\=z7-45 .form-field:focus,
.form-hover-bc\=z7-45 .form-field:hover {
  border-color: rgb(var(--color-z7)/45%);
}

.bc\=z7-50,
.dark-mode .dark-mode\:bc\=z7-50,
.form-bc\=z7-50 .form-field {
  border-color: rgb(var(--color-z7)/50%);
}

.hover-bc\=z7-50:hover,
[class*="--active"].active-bc\=z7-50,
[class*="--active"] .active-bc\=z7-50,
.form-focus-bc\=z7-50 .form-field:focus,
.form-hover-bc\=z7-50 .form-field:hover {
  border-color: rgb(var(--color-z7)/50%);
}

.bc\=z7-55,
.dark-mode .dark-mode\:bc\=z7-55,
.form-bc\=z7-55 .form-field {
  border-color: rgb(var(--color-z7)/55%);
}

.hover-bc\=z7-55:hover,
[class*="--active"].active-bc\=z7-55,
[class*="--active"] .active-bc\=z7-55,
.form-focus-bc\=z7-55 .form-field:focus,
.form-hover-bc\=z7-55 .form-field:hover {
  border-color: rgb(var(--color-z7)/55%);
}

.bc\=z7-60,
.dark-mode .dark-mode\:bc\=z7-60,
.form-bc\=z7-60 .form-field {
  border-color: rgb(var(--color-z7)/60%);
}

.hover-bc\=z7-60:hover,
[class*="--active"].active-bc\=z7-60,
[class*="--active"] .active-bc\=z7-60,
.form-focus-bc\=z7-60 .form-field:focus,
.form-hover-bc\=z7-60 .form-field:hover {
  border-color: rgb(var(--color-z7)/60%);
}

.bc\=z7-65,
.dark-mode .dark-mode\:bc\=z7-65,
.form-bc\=z7-65 .form-field {
  border-color: rgb(var(--color-z7)/65%);
}

.hover-bc\=z7-65:hover,
[class*="--active"].active-bc\=z7-65,
[class*="--active"] .active-bc\=z7-65,
.form-focus-bc\=z7-65 .form-field:focus,
.form-hover-bc\=z7-65 .form-field:hover {
  border-color: rgb(var(--color-z7)/65%);
}

.bc\=z7-70,
.dark-mode .dark-mode\:bc\=z7-70,
.form-bc\=z7-70 .form-field {
  border-color: rgb(var(--color-z7)/70%);
}

.hover-bc\=z7-70:hover,
[class*="--active"].active-bc\=z7-70,
[class*="--active"] .active-bc\=z7-70,
.form-focus-bc\=z7-70 .form-field:focus,
.form-hover-bc\=z7-70 .form-field:hover {
  border-color: rgb(var(--color-z7)/70%);
}

.bc\=z7-75,
.dark-mode .dark-mode\:bc\=z7-75,
.form-bc\=z7-75 .form-field {
  border-color: rgb(var(--color-z7)/75%);
}

.hover-bc\=z7-75:hover,
[class*="--active"].active-bc\=z7-75,
[class*="--active"] .active-bc\=z7-75,
.form-focus-bc\=z7-75 .form-field:focus,
.form-hover-bc\=z7-75 .form-field:hover {
  border-color: rgb(var(--color-z7)/75%);
}

.bc\=z7-80,
.dark-mode .dark-mode\:bc\=z7-80,
.form-bc\=z7-80 .form-field {
  border-color: rgb(var(--color-z7)/80%);
}

.hover-bc\=z7-80:hover,
[class*="--active"].active-bc\=z7-80,
[class*="--active"] .active-bc\=z7-80,
.form-focus-bc\=z7-80 .form-field:focus,
.form-hover-bc\=z7-80 .form-field:hover {
  border-color: rgb(var(--color-z7)/80%);
}

.bc\=z7-85,
.dark-mode .dark-mode\:bc\=z7-85,
.form-bc\=z7-85 .form-field {
  border-color: rgb(var(--color-z7)/85%);
}

.hover-bc\=z7-85:hover,
[class*="--active"].active-bc\=z7-85,
[class*="--active"] .active-bc\=z7-85,
.form-focus-bc\=z7-85 .form-field:focus,
.form-hover-bc\=z7-85 .form-field:hover {
  border-color: rgb(var(--color-z7)/85%);
}

.bc\=z7-90,
.dark-mode .dark-mode\:bc\=z7-90,
.form-bc\=z7-90 .form-field {
  border-color: rgb(var(--color-z7)/90%);
}

.hover-bc\=z7-90:hover,
[class*="--active"].active-bc\=z7-90,
[class*="--active"] .active-bc\=z7-90,
.form-focus-bc\=z7-90 .form-field:focus,
.form-hover-bc\=z7-90 .form-field:hover {
  border-color: rgb(var(--color-z7)/90%);
}

.bc\=z7-95,
.dark-mode .dark-mode\:bc\=z7-95,
.form-bc\=z7-95 .form-field {
  border-color: rgb(var(--color-z7)/95%);
}

.hover-bc\=z7-95:hover,
[class*="--active"].active-bc\=z7-95,
[class*="--active"] .active-bc\=z7-95,
.form-focus-bc\=z7-95 .form-field:focus,
.form-hover-bc\=z7-95 .form-field:hover {
  border-color: rgb(var(--color-z7)/95%);
}

.bc\=z7-100,
.dark-mode .dark-mode\:bc\=z7-100,
.form-bc\=z7-100 .form-field {
  border-color: rgb(var(--color-z7)/100%);
}

.hover-bc\=z7-100:hover,
[class*="--active"].active-bc\=z7-100,
[class*="--active"] .active-bc\=z7-100,
.form-focus-bc\=z7-100 .form-field:focus,
.form-hover-bc\=z7-100 .form-field:hover {
  border-color: rgb(var(--color-z7)/100%);
}

.bc\=z8,
.dark-mode .dark-mode\:bc\=z8,
.form-bc\=z8 .form-field {
  border-color: rgb(var(--color-z8));
}

.hover-bc\=z8:hover,
[class*="--active"].active-bc\=z8,
[class*="--active"] .active-bc\=z8,
.form-focus-bc\=z8 .form-field:focus,
.form-hover-bc\=z8 .form-field:hover {
  border-color: rgb(var(--color-z8));
}

.bc\=z8-5,
.dark-mode .dark-mode\:bc\=z8-5,
.form-bc\=z8-5 .form-field {
  border-color: rgb(var(--color-z8)/5%);
}

.hover-bc\=z8-5:hover,
[class*="--active"].active-bc\=z8-5,
[class*="--active"] .active-bc\=z8-5,
.form-focus-bc\=z8-5 .form-field:focus,
.form-hover-bc\=z8-5 .form-field:hover {
  border-color: rgb(var(--color-z8)/5%);
}

.bc\=z8-10,
.dark-mode .dark-mode\:bc\=z8-10,
.form-bc\=z8-10 .form-field {
  border-color: rgb(var(--color-z8)/10%);
}

.hover-bc\=z8-10:hover,
[class*="--active"].active-bc\=z8-10,
[class*="--active"] .active-bc\=z8-10,
.form-focus-bc\=z8-10 .form-field:focus,
.form-hover-bc\=z8-10 .form-field:hover {
  border-color: rgb(var(--color-z8)/10%);
}

.bc\=z8-15,
.dark-mode .dark-mode\:bc\=z8-15,
.form-bc\=z8-15 .form-field {
  border-color: rgb(var(--color-z8)/15%);
}

.hover-bc\=z8-15:hover,
[class*="--active"].active-bc\=z8-15,
[class*="--active"] .active-bc\=z8-15,
.form-focus-bc\=z8-15 .form-field:focus,
.form-hover-bc\=z8-15 .form-field:hover {
  border-color: rgb(var(--color-z8)/15%);
}

.bc\=z8-20,
.dark-mode .dark-mode\:bc\=z8-20,
.form-bc\=z8-20 .form-field {
  border-color: rgb(var(--color-z8)/20%);
}

.hover-bc\=z8-20:hover,
[class*="--active"].active-bc\=z8-20,
[class*="--active"] .active-bc\=z8-20,
.form-focus-bc\=z8-20 .form-field:focus,
.form-hover-bc\=z8-20 .form-field:hover {
  border-color: rgb(var(--color-z8)/20%);
}

.bc\=z8-25,
.dark-mode .dark-mode\:bc\=z8-25,
.form-bc\=z8-25 .form-field {
  border-color: rgb(var(--color-z8)/25%);
}

.hover-bc\=z8-25:hover,
[class*="--active"].active-bc\=z8-25,
[class*="--active"] .active-bc\=z8-25,
.form-focus-bc\=z8-25 .form-field:focus,
.form-hover-bc\=z8-25 .form-field:hover {
  border-color: rgb(var(--color-z8)/25%);
}

.bc\=z8-30,
.dark-mode .dark-mode\:bc\=z8-30,
.form-bc\=z8-30 .form-field {
  border-color: rgb(var(--color-z8)/30%);
}

.hover-bc\=z8-30:hover,
[class*="--active"].active-bc\=z8-30,
[class*="--active"] .active-bc\=z8-30,
.form-focus-bc\=z8-30 .form-field:focus,
.form-hover-bc\=z8-30 .form-field:hover {
  border-color: rgb(var(--color-z8)/30%);
}

.bc\=z8-35,
.dark-mode .dark-mode\:bc\=z8-35,
.form-bc\=z8-35 .form-field {
  border-color: rgb(var(--color-z8)/35%);
}

.hover-bc\=z8-35:hover,
[class*="--active"].active-bc\=z8-35,
[class*="--active"] .active-bc\=z8-35,
.form-focus-bc\=z8-35 .form-field:focus,
.form-hover-bc\=z8-35 .form-field:hover {
  border-color: rgb(var(--color-z8)/35%);
}

.bc\=z8-40,
.dark-mode .dark-mode\:bc\=z8-40,
.form-bc\=z8-40 .form-field {
  border-color: rgb(var(--color-z8)/40%);
}

.hover-bc\=z8-40:hover,
[class*="--active"].active-bc\=z8-40,
[class*="--active"] .active-bc\=z8-40,
.form-focus-bc\=z8-40 .form-field:focus,
.form-hover-bc\=z8-40 .form-field:hover {
  border-color: rgb(var(--color-z8)/40%);
}

.bc\=z8-45,
.dark-mode .dark-mode\:bc\=z8-45,
.form-bc\=z8-45 .form-field {
  border-color: rgb(var(--color-z8)/45%);
}

.hover-bc\=z8-45:hover,
[class*="--active"].active-bc\=z8-45,
[class*="--active"] .active-bc\=z8-45,
.form-focus-bc\=z8-45 .form-field:focus,
.form-hover-bc\=z8-45 .form-field:hover {
  border-color: rgb(var(--color-z8)/45%);
}

.bc\=z8-50,
.dark-mode .dark-mode\:bc\=z8-50,
.form-bc\=z8-50 .form-field {
  border-color: rgb(var(--color-z8)/50%);
}

.hover-bc\=z8-50:hover,
[class*="--active"].active-bc\=z8-50,
[class*="--active"] .active-bc\=z8-50,
.form-focus-bc\=z8-50 .form-field:focus,
.form-hover-bc\=z8-50 .form-field:hover {
  border-color: rgb(var(--color-z8)/50%);
}

.bc\=z8-55,
.dark-mode .dark-mode\:bc\=z8-55,
.form-bc\=z8-55 .form-field {
  border-color: rgb(var(--color-z8)/55%);
}

.hover-bc\=z8-55:hover,
[class*="--active"].active-bc\=z8-55,
[class*="--active"] .active-bc\=z8-55,
.form-focus-bc\=z8-55 .form-field:focus,
.form-hover-bc\=z8-55 .form-field:hover {
  border-color: rgb(var(--color-z8)/55%);
}

.bc\=z8-60,
.dark-mode .dark-mode\:bc\=z8-60,
.form-bc\=z8-60 .form-field {
  border-color: rgb(var(--color-z8)/60%);
}

.hover-bc\=z8-60:hover,
[class*="--active"].active-bc\=z8-60,
[class*="--active"] .active-bc\=z8-60,
.form-focus-bc\=z8-60 .form-field:focus,
.form-hover-bc\=z8-60 .form-field:hover {
  border-color: rgb(var(--color-z8)/60%);
}

.bc\=z8-65,
.dark-mode .dark-mode\:bc\=z8-65,
.form-bc\=z8-65 .form-field {
  border-color: rgb(var(--color-z8)/65%);
}

.hover-bc\=z8-65:hover,
[class*="--active"].active-bc\=z8-65,
[class*="--active"] .active-bc\=z8-65,
.form-focus-bc\=z8-65 .form-field:focus,
.form-hover-bc\=z8-65 .form-field:hover {
  border-color: rgb(var(--color-z8)/65%);
}

.bc\=z8-70,
.dark-mode .dark-mode\:bc\=z8-70,
.form-bc\=z8-70 .form-field {
  border-color: rgb(var(--color-z8)/70%);
}

.hover-bc\=z8-70:hover,
[class*="--active"].active-bc\=z8-70,
[class*="--active"] .active-bc\=z8-70,
.form-focus-bc\=z8-70 .form-field:focus,
.form-hover-bc\=z8-70 .form-field:hover {
  border-color: rgb(var(--color-z8)/70%);
}

.bc\=z8-75,
.dark-mode .dark-mode\:bc\=z8-75,
.form-bc\=z8-75 .form-field {
  border-color: rgb(var(--color-z8)/75%);
}

.hover-bc\=z8-75:hover,
[class*="--active"].active-bc\=z8-75,
[class*="--active"] .active-bc\=z8-75,
.form-focus-bc\=z8-75 .form-field:focus,
.form-hover-bc\=z8-75 .form-field:hover {
  border-color: rgb(var(--color-z8)/75%);
}

.bc\=z8-80,
.dark-mode .dark-mode\:bc\=z8-80,
.form-bc\=z8-80 .form-field {
  border-color: rgb(var(--color-z8)/80%);
}

.hover-bc\=z8-80:hover,
[class*="--active"].active-bc\=z8-80,
[class*="--active"] .active-bc\=z8-80,
.form-focus-bc\=z8-80 .form-field:focus,
.form-hover-bc\=z8-80 .form-field:hover {
  border-color: rgb(var(--color-z8)/80%);
}

.bc\=z8-85,
.dark-mode .dark-mode\:bc\=z8-85,
.form-bc\=z8-85 .form-field {
  border-color: rgb(var(--color-z8)/85%);
}

.hover-bc\=z8-85:hover,
[class*="--active"].active-bc\=z8-85,
[class*="--active"] .active-bc\=z8-85,
.form-focus-bc\=z8-85 .form-field:focus,
.form-hover-bc\=z8-85 .form-field:hover {
  border-color: rgb(var(--color-z8)/85%);
}

.bc\=z8-90,
.dark-mode .dark-mode\:bc\=z8-90,
.form-bc\=z8-90 .form-field {
  border-color: rgb(var(--color-z8)/90%);
}

.hover-bc\=z8-90:hover,
[class*="--active"].active-bc\=z8-90,
[class*="--active"] .active-bc\=z8-90,
.form-focus-bc\=z8-90 .form-field:focus,
.form-hover-bc\=z8-90 .form-field:hover {
  border-color: rgb(var(--color-z8)/90%);
}

.bc\=z8-95,
.dark-mode .dark-mode\:bc\=z8-95,
.form-bc\=z8-95 .form-field {
  border-color: rgb(var(--color-z8)/95%);
}

.hover-bc\=z8-95:hover,
[class*="--active"].active-bc\=z8-95,
[class*="--active"] .active-bc\=z8-95,
.form-focus-bc\=z8-95 .form-field:focus,
.form-hover-bc\=z8-95 .form-field:hover {
  border-color: rgb(var(--color-z8)/95%);
}

.bc\=z8-100,
.dark-mode .dark-mode\:bc\=z8-100,
.form-bc\=z8-100 .form-field {
  border-color: rgb(var(--color-z8)/100%);
}

.hover-bc\=z8-100:hover,
[class*="--active"].active-bc\=z8-100,
[class*="--active"] .active-bc\=z8-100,
.form-focus-bc\=z8-100 .form-field:focus,
.form-hover-bc\=z8-100 .form-field:hover {
  border-color: rgb(var(--color-z8)/100%);
}

.bc\=z9,
.dark-mode .dark-mode\:bc\=z9,
.form-bc\=z9 .form-field {
  border-color: rgb(var(--color-z9));
}

.hover-bc\=z9:hover,
[class*="--active"].active-bc\=z9,
[class*="--active"] .active-bc\=z9,
.form-focus-bc\=z9 .form-field:focus,
.form-hover-bc\=z9 .form-field:hover {
  border-color: rgb(var(--color-z9));
}

.bc\=z9-5,
.dark-mode .dark-mode\:bc\=z9-5,
.form-bc\=z9-5 .form-field {
  border-color: rgb(var(--color-z9)/5%);
}

.hover-bc\=z9-5:hover,
[class*="--active"].active-bc\=z9-5,
[class*="--active"] .active-bc\=z9-5,
.form-focus-bc\=z9-5 .form-field:focus,
.form-hover-bc\=z9-5 .form-field:hover {
  border-color: rgb(var(--color-z9)/5%);
}

.bc\=z9-10,
.dark-mode .dark-mode\:bc\=z9-10,
.form-bc\=z9-10 .form-field {
  border-color: rgb(var(--color-z9)/10%);
}

.hover-bc\=z9-10:hover,
[class*="--active"].active-bc\=z9-10,
[class*="--active"] .active-bc\=z9-10,
.form-focus-bc\=z9-10 .form-field:focus,
.form-hover-bc\=z9-10 .form-field:hover {
  border-color: rgb(var(--color-z9)/10%);
}

.bc\=z9-15,
.dark-mode .dark-mode\:bc\=z9-15,
.form-bc\=z9-15 .form-field {
  border-color: rgb(var(--color-z9)/15%);
}

.hover-bc\=z9-15:hover,
[class*="--active"].active-bc\=z9-15,
[class*="--active"] .active-bc\=z9-15,
.form-focus-bc\=z9-15 .form-field:focus,
.form-hover-bc\=z9-15 .form-field:hover {
  border-color: rgb(var(--color-z9)/15%);
}

.bc\=z9-20,
.dark-mode .dark-mode\:bc\=z9-20,
.form-bc\=z9-20 .form-field {
  border-color: rgb(var(--color-z9)/20%);
}

.hover-bc\=z9-20:hover,
[class*="--active"].active-bc\=z9-20,
[class*="--active"] .active-bc\=z9-20,
.form-focus-bc\=z9-20 .form-field:focus,
.form-hover-bc\=z9-20 .form-field:hover {
  border-color: rgb(var(--color-z9)/20%);
}

.bc\=z9-25,
.dark-mode .dark-mode\:bc\=z9-25,
.form-bc\=z9-25 .form-field {
  border-color: rgb(var(--color-z9)/25%);
}

.hover-bc\=z9-25:hover,
[class*="--active"].active-bc\=z9-25,
[class*="--active"] .active-bc\=z9-25,
.form-focus-bc\=z9-25 .form-field:focus,
.form-hover-bc\=z9-25 .form-field:hover {
  border-color: rgb(var(--color-z9)/25%);
}

.bc\=z9-30,
.dark-mode .dark-mode\:bc\=z9-30,
.form-bc\=z9-30 .form-field {
  border-color: rgb(var(--color-z9)/30%);
}

.hover-bc\=z9-30:hover,
[class*="--active"].active-bc\=z9-30,
[class*="--active"] .active-bc\=z9-30,
.form-focus-bc\=z9-30 .form-field:focus,
.form-hover-bc\=z9-30 .form-field:hover {
  border-color: rgb(var(--color-z9)/30%);
}

.bc\=z9-35,
.dark-mode .dark-mode\:bc\=z9-35,
.form-bc\=z9-35 .form-field {
  border-color: rgb(var(--color-z9)/35%);
}

.hover-bc\=z9-35:hover,
[class*="--active"].active-bc\=z9-35,
[class*="--active"] .active-bc\=z9-35,
.form-focus-bc\=z9-35 .form-field:focus,
.form-hover-bc\=z9-35 .form-field:hover {
  border-color: rgb(var(--color-z9)/35%);
}

.bc\=z9-40,
.dark-mode .dark-mode\:bc\=z9-40,
.form-bc\=z9-40 .form-field {
  border-color: rgb(var(--color-z9)/40%);
}

.hover-bc\=z9-40:hover,
[class*="--active"].active-bc\=z9-40,
[class*="--active"] .active-bc\=z9-40,
.form-focus-bc\=z9-40 .form-field:focus,
.form-hover-bc\=z9-40 .form-field:hover {
  border-color: rgb(var(--color-z9)/40%);
}

.bc\=z9-45,
.dark-mode .dark-mode\:bc\=z9-45,
.form-bc\=z9-45 .form-field {
  border-color: rgb(var(--color-z9)/45%);
}

.hover-bc\=z9-45:hover,
[class*="--active"].active-bc\=z9-45,
[class*="--active"] .active-bc\=z9-45,
.form-focus-bc\=z9-45 .form-field:focus,
.form-hover-bc\=z9-45 .form-field:hover {
  border-color: rgb(var(--color-z9)/45%);
}

.bc\=z9-50,
.dark-mode .dark-mode\:bc\=z9-50,
.form-bc\=z9-50 .form-field {
  border-color: rgb(var(--color-z9)/50%);
}

.hover-bc\=z9-50:hover,
[class*="--active"].active-bc\=z9-50,
[class*="--active"] .active-bc\=z9-50,
.form-focus-bc\=z9-50 .form-field:focus,
.form-hover-bc\=z9-50 .form-field:hover {
  border-color: rgb(var(--color-z9)/50%);
}

.bc\=z9-55,
.dark-mode .dark-mode\:bc\=z9-55,
.form-bc\=z9-55 .form-field {
  border-color: rgb(var(--color-z9)/55%);
}

.hover-bc\=z9-55:hover,
[class*="--active"].active-bc\=z9-55,
[class*="--active"] .active-bc\=z9-55,
.form-focus-bc\=z9-55 .form-field:focus,
.form-hover-bc\=z9-55 .form-field:hover {
  border-color: rgb(var(--color-z9)/55%);
}

.bc\=z9-60,
.dark-mode .dark-mode\:bc\=z9-60,
.form-bc\=z9-60 .form-field {
  border-color: rgb(var(--color-z9)/60%);
}

.hover-bc\=z9-60:hover,
[class*="--active"].active-bc\=z9-60,
[class*="--active"] .active-bc\=z9-60,
.form-focus-bc\=z9-60 .form-field:focus,
.form-hover-bc\=z9-60 .form-field:hover {
  border-color: rgb(var(--color-z9)/60%);
}

.bc\=z9-65,
.dark-mode .dark-mode\:bc\=z9-65,
.form-bc\=z9-65 .form-field {
  border-color: rgb(var(--color-z9)/65%);
}

.hover-bc\=z9-65:hover,
[class*="--active"].active-bc\=z9-65,
[class*="--active"] .active-bc\=z9-65,
.form-focus-bc\=z9-65 .form-field:focus,
.form-hover-bc\=z9-65 .form-field:hover {
  border-color: rgb(var(--color-z9)/65%);
}

.bc\=z9-70,
.dark-mode .dark-mode\:bc\=z9-70,
.form-bc\=z9-70 .form-field {
  border-color: rgb(var(--color-z9)/70%);
}

.hover-bc\=z9-70:hover,
[class*="--active"].active-bc\=z9-70,
[class*="--active"] .active-bc\=z9-70,
.form-focus-bc\=z9-70 .form-field:focus,
.form-hover-bc\=z9-70 .form-field:hover {
  border-color: rgb(var(--color-z9)/70%);
}

.bc\=z9-75,
.dark-mode .dark-mode\:bc\=z9-75,
.form-bc\=z9-75 .form-field {
  border-color: rgb(var(--color-z9)/75%);
}

.hover-bc\=z9-75:hover,
[class*="--active"].active-bc\=z9-75,
[class*="--active"] .active-bc\=z9-75,
.form-focus-bc\=z9-75 .form-field:focus,
.form-hover-bc\=z9-75 .form-field:hover {
  border-color: rgb(var(--color-z9)/75%);
}

.bc\=z9-80,
.dark-mode .dark-mode\:bc\=z9-80,
.form-bc\=z9-80 .form-field {
  border-color: rgb(var(--color-z9)/80%);
}

.hover-bc\=z9-80:hover,
[class*="--active"].active-bc\=z9-80,
[class*="--active"] .active-bc\=z9-80,
.form-focus-bc\=z9-80 .form-field:focus,
.form-hover-bc\=z9-80 .form-field:hover {
  border-color: rgb(var(--color-z9)/80%);
}

.bc\=z9-85,
.dark-mode .dark-mode\:bc\=z9-85,
.form-bc\=z9-85 .form-field {
  border-color: rgb(var(--color-z9)/85%);
}

.hover-bc\=z9-85:hover,
[class*="--active"].active-bc\=z9-85,
[class*="--active"] .active-bc\=z9-85,
.form-focus-bc\=z9-85 .form-field:focus,
.form-hover-bc\=z9-85 .form-field:hover {
  border-color: rgb(var(--color-z9)/85%);
}

.bc\=z9-90,
.dark-mode .dark-mode\:bc\=z9-90,
.form-bc\=z9-90 .form-field {
  border-color: rgb(var(--color-z9)/90%);
}

.hover-bc\=z9-90:hover,
[class*="--active"].active-bc\=z9-90,
[class*="--active"] .active-bc\=z9-90,
.form-focus-bc\=z9-90 .form-field:focus,
.form-hover-bc\=z9-90 .form-field:hover {
  border-color: rgb(var(--color-z9)/90%);
}

.bc\=z9-95,
.dark-mode .dark-mode\:bc\=z9-95,
.form-bc\=z9-95 .form-field {
  border-color: rgb(var(--color-z9)/95%);
}

.hover-bc\=z9-95:hover,
[class*="--active"].active-bc\=z9-95,
[class*="--active"] .active-bc\=z9-95,
.form-focus-bc\=z9-95 .form-field:focus,
.form-hover-bc\=z9-95 .form-field:hover {
  border-color: rgb(var(--color-z9)/95%);
}

.bc\=z9-100,
.dark-mode .dark-mode\:bc\=z9-100,
.form-bc\=z9-100 .form-field {
  border-color: rgb(var(--color-z9)/100%);
}

.hover-bc\=z9-100:hover,
[class*="--active"].active-bc\=z9-100,
[class*="--active"] .active-bc\=z9-100,
.form-focus-bc\=z9-100 .form-field:focus,
.form-hover-bc\=z9-100 .form-field:hover {
  border-color: rgb(var(--color-z9)/100%);
}

.bc\=z10,
.dark-mode .dark-mode\:bc\=z10,
.form-bc\=z10 .form-field {
  border-color: rgb(var(--color-z10));
}

.hover-bc\=z10:hover,
[class*="--active"].active-bc\=z10,
[class*="--active"] .active-bc\=z10,
.form-focus-bc\=z10 .form-field:focus,
.form-hover-bc\=z10 .form-field:hover {
  border-color: rgb(var(--color-z10));
}

.bc\=z10-5,
.dark-mode .dark-mode\:bc\=z10-5,
.form-bc\=z10-5 .form-field {
  border-color: rgb(var(--color-z10)/5%);
}

.hover-bc\=z10-5:hover,
[class*="--active"].active-bc\=z10-5,
[class*="--active"] .active-bc\=z10-5,
.form-focus-bc\=z10-5 .form-field:focus,
.form-hover-bc\=z10-5 .form-field:hover {
  border-color: rgb(var(--color-z10)/5%);
}

.bc\=z10-10,
.dark-mode .dark-mode\:bc\=z10-10,
.form-bc\=z10-10 .form-field {
  border-color: rgb(var(--color-z10)/10%);
}

.hover-bc\=z10-10:hover,
[class*="--active"].active-bc\=z10-10,
[class*="--active"] .active-bc\=z10-10,
.form-focus-bc\=z10-10 .form-field:focus,
.form-hover-bc\=z10-10 .form-field:hover {
  border-color: rgb(var(--color-z10)/10%);
}

.bc\=z10-15,
.dark-mode .dark-mode\:bc\=z10-15,
.form-bc\=z10-15 .form-field {
  border-color: rgb(var(--color-z10)/15%);
}

.hover-bc\=z10-15:hover,
[class*="--active"].active-bc\=z10-15,
[class*="--active"] .active-bc\=z10-15,
.form-focus-bc\=z10-15 .form-field:focus,
.form-hover-bc\=z10-15 .form-field:hover {
  border-color: rgb(var(--color-z10)/15%);
}

.bc\=z10-20,
.dark-mode .dark-mode\:bc\=z10-20,
.form-bc\=z10-20 .form-field {
  border-color: rgb(var(--color-z10)/20%);
}

.hover-bc\=z10-20:hover,
[class*="--active"].active-bc\=z10-20,
[class*="--active"] .active-bc\=z10-20,
.form-focus-bc\=z10-20 .form-field:focus,
.form-hover-bc\=z10-20 .form-field:hover {
  border-color: rgb(var(--color-z10)/20%);
}

.bc\=z10-25,
.dark-mode .dark-mode\:bc\=z10-25,
.form-bc\=z10-25 .form-field {
  border-color: rgb(var(--color-z10)/25%);
}

.hover-bc\=z10-25:hover,
[class*="--active"].active-bc\=z10-25,
[class*="--active"] .active-bc\=z10-25,
.form-focus-bc\=z10-25 .form-field:focus,
.form-hover-bc\=z10-25 .form-field:hover {
  border-color: rgb(var(--color-z10)/25%);
}

.bc\=z10-30,
.dark-mode .dark-mode\:bc\=z10-30,
.form-bc\=z10-30 .form-field {
  border-color: rgb(var(--color-z10)/30%);
}

.hover-bc\=z10-30:hover,
[class*="--active"].active-bc\=z10-30,
[class*="--active"] .active-bc\=z10-30,
.form-focus-bc\=z10-30 .form-field:focus,
.form-hover-bc\=z10-30 .form-field:hover {
  border-color: rgb(var(--color-z10)/30%);
}

.bc\=z10-35,
.dark-mode .dark-mode\:bc\=z10-35,
.form-bc\=z10-35 .form-field {
  border-color: rgb(var(--color-z10)/35%);
}

.hover-bc\=z10-35:hover,
[class*="--active"].active-bc\=z10-35,
[class*="--active"] .active-bc\=z10-35,
.form-focus-bc\=z10-35 .form-field:focus,
.form-hover-bc\=z10-35 .form-field:hover {
  border-color: rgb(var(--color-z10)/35%);
}

.bc\=z10-40,
.dark-mode .dark-mode\:bc\=z10-40,
.form-bc\=z10-40 .form-field {
  border-color: rgb(var(--color-z10)/40%);
}

.hover-bc\=z10-40:hover,
[class*="--active"].active-bc\=z10-40,
[class*="--active"] .active-bc\=z10-40,
.form-focus-bc\=z10-40 .form-field:focus,
.form-hover-bc\=z10-40 .form-field:hover {
  border-color: rgb(var(--color-z10)/40%);
}

.bc\=z10-45,
.dark-mode .dark-mode\:bc\=z10-45,
.form-bc\=z10-45 .form-field {
  border-color: rgb(var(--color-z10)/45%);
}

.hover-bc\=z10-45:hover,
[class*="--active"].active-bc\=z10-45,
[class*="--active"] .active-bc\=z10-45,
.form-focus-bc\=z10-45 .form-field:focus,
.form-hover-bc\=z10-45 .form-field:hover {
  border-color: rgb(var(--color-z10)/45%);
}

.bc\=z10-50,
.dark-mode .dark-mode\:bc\=z10-50,
.form-bc\=z10-50 .form-field {
  border-color: rgb(var(--color-z10)/50%);
}

.hover-bc\=z10-50:hover,
[class*="--active"].active-bc\=z10-50,
[class*="--active"] .active-bc\=z10-50,
.form-focus-bc\=z10-50 .form-field:focus,
.form-hover-bc\=z10-50 .form-field:hover {
  border-color: rgb(var(--color-z10)/50%);
}

.bc\=z10-55,
.dark-mode .dark-mode\:bc\=z10-55,
.form-bc\=z10-55 .form-field {
  border-color: rgb(var(--color-z10)/55%);
}

.hover-bc\=z10-55:hover,
[class*="--active"].active-bc\=z10-55,
[class*="--active"] .active-bc\=z10-55,
.form-focus-bc\=z10-55 .form-field:focus,
.form-hover-bc\=z10-55 .form-field:hover {
  border-color: rgb(var(--color-z10)/55%);
}

.bc\=z10-60,
.dark-mode .dark-mode\:bc\=z10-60,
.form-bc\=z10-60 .form-field {
  border-color: rgb(var(--color-z10)/60%);
}

.hover-bc\=z10-60:hover,
[class*="--active"].active-bc\=z10-60,
[class*="--active"] .active-bc\=z10-60,
.form-focus-bc\=z10-60 .form-field:focus,
.form-hover-bc\=z10-60 .form-field:hover {
  border-color: rgb(var(--color-z10)/60%);
}

.bc\=z10-65,
.dark-mode .dark-mode\:bc\=z10-65,
.form-bc\=z10-65 .form-field {
  border-color: rgb(var(--color-z10)/65%);
}

.hover-bc\=z10-65:hover,
[class*="--active"].active-bc\=z10-65,
[class*="--active"] .active-bc\=z10-65,
.form-focus-bc\=z10-65 .form-field:focus,
.form-hover-bc\=z10-65 .form-field:hover {
  border-color: rgb(var(--color-z10)/65%);
}

.bc\=z10-70,
.dark-mode .dark-mode\:bc\=z10-70,
.form-bc\=z10-70 .form-field {
  border-color: rgb(var(--color-z10)/70%);
}

.hover-bc\=z10-70:hover,
[class*="--active"].active-bc\=z10-70,
[class*="--active"] .active-bc\=z10-70,
.form-focus-bc\=z10-70 .form-field:focus,
.form-hover-bc\=z10-70 .form-field:hover {
  border-color: rgb(var(--color-z10)/70%);
}

.bc\=z10-75,
.dark-mode .dark-mode\:bc\=z10-75,
.form-bc\=z10-75 .form-field {
  border-color: rgb(var(--color-z10)/75%);
}

.hover-bc\=z10-75:hover,
[class*="--active"].active-bc\=z10-75,
[class*="--active"] .active-bc\=z10-75,
.form-focus-bc\=z10-75 .form-field:focus,
.form-hover-bc\=z10-75 .form-field:hover {
  border-color: rgb(var(--color-z10)/75%);
}

.bc\=z10-80,
.dark-mode .dark-mode\:bc\=z10-80,
.form-bc\=z10-80 .form-field {
  border-color: rgb(var(--color-z10)/80%);
}

.hover-bc\=z10-80:hover,
[class*="--active"].active-bc\=z10-80,
[class*="--active"] .active-bc\=z10-80,
.form-focus-bc\=z10-80 .form-field:focus,
.form-hover-bc\=z10-80 .form-field:hover {
  border-color: rgb(var(--color-z10)/80%);
}

.bc\=z10-85,
.dark-mode .dark-mode\:bc\=z10-85,
.form-bc\=z10-85 .form-field {
  border-color: rgb(var(--color-z10)/85%);
}

.hover-bc\=z10-85:hover,
[class*="--active"].active-bc\=z10-85,
[class*="--active"] .active-bc\=z10-85,
.form-focus-bc\=z10-85 .form-field:focus,
.form-hover-bc\=z10-85 .form-field:hover {
  border-color: rgb(var(--color-z10)/85%);
}

.bc\=z10-90,
.dark-mode .dark-mode\:bc\=z10-90,
.form-bc\=z10-90 .form-field {
  border-color: rgb(var(--color-z10)/90%);
}

.hover-bc\=z10-90:hover,
[class*="--active"].active-bc\=z10-90,
[class*="--active"] .active-bc\=z10-90,
.form-focus-bc\=z10-90 .form-field:focus,
.form-hover-bc\=z10-90 .form-field:hover {
  border-color: rgb(var(--color-z10)/90%);
}

.bc\=z10-95,
.dark-mode .dark-mode\:bc\=z10-95,
.form-bc\=z10-95 .form-field {
  border-color: rgb(var(--color-z10)/95%);
}

.hover-bc\=z10-95:hover,
[class*="--active"].active-bc\=z10-95,
[class*="--active"] .active-bc\=z10-95,
.form-focus-bc\=z10-95 .form-field:focus,
.form-hover-bc\=z10-95 .form-field:hover {
  border-color: rgb(var(--color-z10)/95%);
}

.bc\=z10-100,
.dark-mode .dark-mode\:bc\=z10-100,
.form-bc\=z10-100 .form-field {
  border-color: rgb(var(--color-z10)/100%);
}

.hover-bc\=z10-100:hover,
[class*="--active"].active-bc\=z10-100,
[class*="--active"] .active-bc\=z10-100,
.form-focus-bc\=z10-100 .form-field:focus,
.form-hover-bc\=z10-100 .form-field:hover {
  border-color: rgb(var(--color-z10)/100%);
}

.bc\=z11,
.dark-mode .dark-mode\:bc\=z11,
.form-bc\=z11 .form-field {
  border-color: rgb(var(--color-z11));
}

.hover-bc\=z11:hover,
[class*="--active"].active-bc\=z11,
[class*="--active"] .active-bc\=z11,
.form-focus-bc\=z11 .form-field:focus,
.form-hover-bc\=z11 .form-field:hover {
  border-color: rgb(var(--color-z11));
}

.bc\=z11-5,
.dark-mode .dark-mode\:bc\=z11-5,
.form-bc\=z11-5 .form-field {
  border-color: rgb(var(--color-z11)/5%);
}

.hover-bc\=z11-5:hover,
[class*="--active"].active-bc\=z11-5,
[class*="--active"] .active-bc\=z11-5,
.form-focus-bc\=z11-5 .form-field:focus,
.form-hover-bc\=z11-5 .form-field:hover {
  border-color: rgb(var(--color-z11)/5%);
}

.bc\=z11-10,
.dark-mode .dark-mode\:bc\=z11-10,
.form-bc\=z11-10 .form-field {
  border-color: rgb(var(--color-z11)/10%);
}

.hover-bc\=z11-10:hover,
[class*="--active"].active-bc\=z11-10,
[class*="--active"] .active-bc\=z11-10,
.form-focus-bc\=z11-10 .form-field:focus,
.form-hover-bc\=z11-10 .form-field:hover {
  border-color: rgb(var(--color-z11)/10%);
}

.bc\=z11-15,
.dark-mode .dark-mode\:bc\=z11-15,
.form-bc\=z11-15 .form-field {
  border-color: rgb(var(--color-z11)/15%);
}

.hover-bc\=z11-15:hover,
[class*="--active"].active-bc\=z11-15,
[class*="--active"] .active-bc\=z11-15,
.form-focus-bc\=z11-15 .form-field:focus,
.form-hover-bc\=z11-15 .form-field:hover {
  border-color: rgb(var(--color-z11)/15%);
}

.bc\=z11-20,
.dark-mode .dark-mode\:bc\=z11-20,
.form-bc\=z11-20 .form-field {
  border-color: rgb(var(--color-z11)/20%);
}

.hover-bc\=z11-20:hover,
[class*="--active"].active-bc\=z11-20,
[class*="--active"] .active-bc\=z11-20,
.form-focus-bc\=z11-20 .form-field:focus,
.form-hover-bc\=z11-20 .form-field:hover {
  border-color: rgb(var(--color-z11)/20%);
}

.bc\=z11-25,
.dark-mode .dark-mode\:bc\=z11-25,
.form-bc\=z11-25 .form-field {
  border-color: rgb(var(--color-z11)/25%);
}

.hover-bc\=z11-25:hover,
[class*="--active"].active-bc\=z11-25,
[class*="--active"] .active-bc\=z11-25,
.form-focus-bc\=z11-25 .form-field:focus,
.form-hover-bc\=z11-25 .form-field:hover {
  border-color: rgb(var(--color-z11)/25%);
}

.bc\=z11-30,
.dark-mode .dark-mode\:bc\=z11-30,
.form-bc\=z11-30 .form-field {
  border-color: rgb(var(--color-z11)/30%);
}

.hover-bc\=z11-30:hover,
[class*="--active"].active-bc\=z11-30,
[class*="--active"] .active-bc\=z11-30,
.form-focus-bc\=z11-30 .form-field:focus,
.form-hover-bc\=z11-30 .form-field:hover {
  border-color: rgb(var(--color-z11)/30%);
}

.bc\=z11-35,
.dark-mode .dark-mode\:bc\=z11-35,
.form-bc\=z11-35 .form-field {
  border-color: rgb(var(--color-z11)/35%);
}

.hover-bc\=z11-35:hover,
[class*="--active"].active-bc\=z11-35,
[class*="--active"] .active-bc\=z11-35,
.form-focus-bc\=z11-35 .form-field:focus,
.form-hover-bc\=z11-35 .form-field:hover {
  border-color: rgb(var(--color-z11)/35%);
}

.bc\=z11-40,
.dark-mode .dark-mode\:bc\=z11-40,
.form-bc\=z11-40 .form-field {
  border-color: rgb(var(--color-z11)/40%);
}

.hover-bc\=z11-40:hover,
[class*="--active"].active-bc\=z11-40,
[class*="--active"] .active-bc\=z11-40,
.form-focus-bc\=z11-40 .form-field:focus,
.form-hover-bc\=z11-40 .form-field:hover {
  border-color: rgb(var(--color-z11)/40%);
}

.bc\=z11-45,
.dark-mode .dark-mode\:bc\=z11-45,
.form-bc\=z11-45 .form-field {
  border-color: rgb(var(--color-z11)/45%);
}

.hover-bc\=z11-45:hover,
[class*="--active"].active-bc\=z11-45,
[class*="--active"] .active-bc\=z11-45,
.form-focus-bc\=z11-45 .form-field:focus,
.form-hover-bc\=z11-45 .form-field:hover {
  border-color: rgb(var(--color-z11)/45%);
}

.bc\=z11-50,
.dark-mode .dark-mode\:bc\=z11-50,
.form-bc\=z11-50 .form-field {
  border-color: rgb(var(--color-z11)/50%);
}

.hover-bc\=z11-50:hover,
[class*="--active"].active-bc\=z11-50,
[class*="--active"] .active-bc\=z11-50,
.form-focus-bc\=z11-50 .form-field:focus,
.form-hover-bc\=z11-50 .form-field:hover {
  border-color: rgb(var(--color-z11)/50%);
}

.bc\=z11-55,
.dark-mode .dark-mode\:bc\=z11-55,
.form-bc\=z11-55 .form-field {
  border-color: rgb(var(--color-z11)/55%);
}

.hover-bc\=z11-55:hover,
[class*="--active"].active-bc\=z11-55,
[class*="--active"] .active-bc\=z11-55,
.form-focus-bc\=z11-55 .form-field:focus,
.form-hover-bc\=z11-55 .form-field:hover {
  border-color: rgb(var(--color-z11)/55%);
}

.bc\=z11-60,
.dark-mode .dark-mode\:bc\=z11-60,
.form-bc\=z11-60 .form-field {
  border-color: rgb(var(--color-z11)/60%);
}

.hover-bc\=z11-60:hover,
[class*="--active"].active-bc\=z11-60,
[class*="--active"] .active-bc\=z11-60,
.form-focus-bc\=z11-60 .form-field:focus,
.form-hover-bc\=z11-60 .form-field:hover {
  border-color: rgb(var(--color-z11)/60%);
}

.bc\=z11-65,
.dark-mode .dark-mode\:bc\=z11-65,
.form-bc\=z11-65 .form-field {
  border-color: rgb(var(--color-z11)/65%);
}

.hover-bc\=z11-65:hover,
[class*="--active"].active-bc\=z11-65,
[class*="--active"] .active-bc\=z11-65,
.form-focus-bc\=z11-65 .form-field:focus,
.form-hover-bc\=z11-65 .form-field:hover {
  border-color: rgb(var(--color-z11)/65%);
}

.bc\=z11-70,
.dark-mode .dark-mode\:bc\=z11-70,
.form-bc\=z11-70 .form-field {
  border-color: rgb(var(--color-z11)/70%);
}

.hover-bc\=z11-70:hover,
[class*="--active"].active-bc\=z11-70,
[class*="--active"] .active-bc\=z11-70,
.form-focus-bc\=z11-70 .form-field:focus,
.form-hover-bc\=z11-70 .form-field:hover {
  border-color: rgb(var(--color-z11)/70%);
}

.bc\=z11-75,
.dark-mode .dark-mode\:bc\=z11-75,
.form-bc\=z11-75 .form-field {
  border-color: rgb(var(--color-z11)/75%);
}

.hover-bc\=z11-75:hover,
[class*="--active"].active-bc\=z11-75,
[class*="--active"] .active-bc\=z11-75,
.form-focus-bc\=z11-75 .form-field:focus,
.form-hover-bc\=z11-75 .form-field:hover {
  border-color: rgb(var(--color-z11)/75%);
}

.bc\=z11-80,
.dark-mode .dark-mode\:bc\=z11-80,
.form-bc\=z11-80 .form-field {
  border-color: rgb(var(--color-z11)/80%);
}

.hover-bc\=z11-80:hover,
[class*="--active"].active-bc\=z11-80,
[class*="--active"] .active-bc\=z11-80,
.form-focus-bc\=z11-80 .form-field:focus,
.form-hover-bc\=z11-80 .form-field:hover {
  border-color: rgb(var(--color-z11)/80%);
}

.bc\=z11-85,
.dark-mode .dark-mode\:bc\=z11-85,
.form-bc\=z11-85 .form-field {
  border-color: rgb(var(--color-z11)/85%);
}

.hover-bc\=z11-85:hover,
[class*="--active"].active-bc\=z11-85,
[class*="--active"] .active-bc\=z11-85,
.form-focus-bc\=z11-85 .form-field:focus,
.form-hover-bc\=z11-85 .form-field:hover {
  border-color: rgb(var(--color-z11)/85%);
}

.bc\=z11-90,
.dark-mode .dark-mode\:bc\=z11-90,
.form-bc\=z11-90 .form-field {
  border-color: rgb(var(--color-z11)/90%);
}

.hover-bc\=z11-90:hover,
[class*="--active"].active-bc\=z11-90,
[class*="--active"] .active-bc\=z11-90,
.form-focus-bc\=z11-90 .form-field:focus,
.form-hover-bc\=z11-90 .form-field:hover {
  border-color: rgb(var(--color-z11)/90%);
}

.bc\=z11-95,
.dark-mode .dark-mode\:bc\=z11-95,
.form-bc\=z11-95 .form-field {
  border-color: rgb(var(--color-z11)/95%);
}

.hover-bc\=z11-95:hover,
[class*="--active"].active-bc\=z11-95,
[class*="--active"] .active-bc\=z11-95,
.form-focus-bc\=z11-95 .form-field:focus,
.form-hover-bc\=z11-95 .form-field:hover {
  border-color: rgb(var(--color-z11)/95%);
}

.bc\=z11-100,
.dark-mode .dark-mode\:bc\=z11-100,
.form-bc\=z11-100 .form-field {
  border-color: rgb(var(--color-z11)/100%);
}

.hover-bc\=z11-100:hover,
[class*="--active"].active-bc\=z11-100,
[class*="--active"] .active-bc\=z11-100,
.form-focus-bc\=z11-100 .form-field:focus,
.form-hover-bc\=z11-100 .form-field:hover {
  border-color: rgb(var(--color-z11)/100%);
}

.bc\=z12,
.dark-mode .dark-mode\:bc\=z12,
.form-bc\=z12 .form-field {
  border-color: rgb(var(--color-z12));
}

.hover-bc\=z12:hover,
[class*="--active"].active-bc\=z12,
[class*="--active"] .active-bc\=z12,
.form-focus-bc\=z12 .form-field:focus,
.form-hover-bc\=z12 .form-field:hover {
  border-color: rgb(var(--color-z12));
}

.bc\=z12-5,
.dark-mode .dark-mode\:bc\=z12-5,
.form-bc\=z12-5 .form-field {
  border-color: rgb(var(--color-z12)/5%);
}

.hover-bc\=z12-5:hover,
[class*="--active"].active-bc\=z12-5,
[class*="--active"] .active-bc\=z12-5,
.form-focus-bc\=z12-5 .form-field:focus,
.form-hover-bc\=z12-5 .form-field:hover {
  border-color: rgb(var(--color-z12)/5%);
}

.bc\=z12-10,
.dark-mode .dark-mode\:bc\=z12-10,
.form-bc\=z12-10 .form-field {
  border-color: rgb(var(--color-z12)/10%);
}

.hover-bc\=z12-10:hover,
[class*="--active"].active-bc\=z12-10,
[class*="--active"] .active-bc\=z12-10,
.form-focus-bc\=z12-10 .form-field:focus,
.form-hover-bc\=z12-10 .form-field:hover {
  border-color: rgb(var(--color-z12)/10%);
}

.bc\=z12-15,
.dark-mode .dark-mode\:bc\=z12-15,
.form-bc\=z12-15 .form-field {
  border-color: rgb(var(--color-z12)/15%);
}

.hover-bc\=z12-15:hover,
[class*="--active"].active-bc\=z12-15,
[class*="--active"] .active-bc\=z12-15,
.form-focus-bc\=z12-15 .form-field:focus,
.form-hover-bc\=z12-15 .form-field:hover {
  border-color: rgb(var(--color-z12)/15%);
}

.bc\=z12-20,
.dark-mode .dark-mode\:bc\=z12-20,
.form-bc\=z12-20 .form-field {
  border-color: rgb(var(--color-z12)/20%);
}

.hover-bc\=z12-20:hover,
[class*="--active"].active-bc\=z12-20,
[class*="--active"] .active-bc\=z12-20,
.form-focus-bc\=z12-20 .form-field:focus,
.form-hover-bc\=z12-20 .form-field:hover {
  border-color: rgb(var(--color-z12)/20%);
}

.bc\=z12-25,
.dark-mode .dark-mode\:bc\=z12-25,
.form-bc\=z12-25 .form-field {
  border-color: rgb(var(--color-z12)/25%);
}

.hover-bc\=z12-25:hover,
[class*="--active"].active-bc\=z12-25,
[class*="--active"] .active-bc\=z12-25,
.form-focus-bc\=z12-25 .form-field:focus,
.form-hover-bc\=z12-25 .form-field:hover {
  border-color: rgb(var(--color-z12)/25%);
}

.bc\=z12-30,
.dark-mode .dark-mode\:bc\=z12-30,
.form-bc\=z12-30 .form-field {
  border-color: rgb(var(--color-z12)/30%);
}

.hover-bc\=z12-30:hover,
[class*="--active"].active-bc\=z12-30,
[class*="--active"] .active-bc\=z12-30,
.form-focus-bc\=z12-30 .form-field:focus,
.form-hover-bc\=z12-30 .form-field:hover {
  border-color: rgb(var(--color-z12)/30%);
}

.bc\=z12-35,
.dark-mode .dark-mode\:bc\=z12-35,
.form-bc\=z12-35 .form-field {
  border-color: rgb(var(--color-z12)/35%);
}

.hover-bc\=z12-35:hover,
[class*="--active"].active-bc\=z12-35,
[class*="--active"] .active-bc\=z12-35,
.form-focus-bc\=z12-35 .form-field:focus,
.form-hover-bc\=z12-35 .form-field:hover {
  border-color: rgb(var(--color-z12)/35%);
}

.bc\=z12-40,
.dark-mode .dark-mode\:bc\=z12-40,
.form-bc\=z12-40 .form-field {
  border-color: rgb(var(--color-z12)/40%);
}

.hover-bc\=z12-40:hover,
[class*="--active"].active-bc\=z12-40,
[class*="--active"] .active-bc\=z12-40,
.form-focus-bc\=z12-40 .form-field:focus,
.form-hover-bc\=z12-40 .form-field:hover {
  border-color: rgb(var(--color-z12)/40%);
}

.bc\=z12-45,
.dark-mode .dark-mode\:bc\=z12-45,
.form-bc\=z12-45 .form-field {
  border-color: rgb(var(--color-z12)/45%);
}

.hover-bc\=z12-45:hover,
[class*="--active"].active-bc\=z12-45,
[class*="--active"] .active-bc\=z12-45,
.form-focus-bc\=z12-45 .form-field:focus,
.form-hover-bc\=z12-45 .form-field:hover {
  border-color: rgb(var(--color-z12)/45%);
}

.bc\=z12-50,
.dark-mode .dark-mode\:bc\=z12-50,
.form-bc\=z12-50 .form-field {
  border-color: rgb(var(--color-z12)/50%);
}

.hover-bc\=z12-50:hover,
[class*="--active"].active-bc\=z12-50,
[class*="--active"] .active-bc\=z12-50,
.form-focus-bc\=z12-50 .form-field:focus,
.form-hover-bc\=z12-50 .form-field:hover {
  border-color: rgb(var(--color-z12)/50%);
}

.bc\=z12-55,
.dark-mode .dark-mode\:bc\=z12-55,
.form-bc\=z12-55 .form-field {
  border-color: rgb(var(--color-z12)/55%);
}

.hover-bc\=z12-55:hover,
[class*="--active"].active-bc\=z12-55,
[class*="--active"] .active-bc\=z12-55,
.form-focus-bc\=z12-55 .form-field:focus,
.form-hover-bc\=z12-55 .form-field:hover {
  border-color: rgb(var(--color-z12)/55%);
}

.bc\=z12-60,
.dark-mode .dark-mode\:bc\=z12-60,
.form-bc\=z12-60 .form-field {
  border-color: rgb(var(--color-z12)/60%);
}

.hover-bc\=z12-60:hover,
[class*="--active"].active-bc\=z12-60,
[class*="--active"] .active-bc\=z12-60,
.form-focus-bc\=z12-60 .form-field:focus,
.form-hover-bc\=z12-60 .form-field:hover {
  border-color: rgb(var(--color-z12)/60%);
}

.bc\=z12-65,
.dark-mode .dark-mode\:bc\=z12-65,
.form-bc\=z12-65 .form-field {
  border-color: rgb(var(--color-z12)/65%);
}

.hover-bc\=z12-65:hover,
[class*="--active"].active-bc\=z12-65,
[class*="--active"] .active-bc\=z12-65,
.form-focus-bc\=z12-65 .form-field:focus,
.form-hover-bc\=z12-65 .form-field:hover {
  border-color: rgb(var(--color-z12)/65%);
}

.bc\=z12-70,
.dark-mode .dark-mode\:bc\=z12-70,
.form-bc\=z12-70 .form-field {
  border-color: rgb(var(--color-z12)/70%);
}

.hover-bc\=z12-70:hover,
[class*="--active"].active-bc\=z12-70,
[class*="--active"] .active-bc\=z12-70,
.form-focus-bc\=z12-70 .form-field:focus,
.form-hover-bc\=z12-70 .form-field:hover {
  border-color: rgb(var(--color-z12)/70%);
}

.bc\=z12-75,
.dark-mode .dark-mode\:bc\=z12-75,
.form-bc\=z12-75 .form-field {
  border-color: rgb(var(--color-z12)/75%);
}

.hover-bc\=z12-75:hover,
[class*="--active"].active-bc\=z12-75,
[class*="--active"] .active-bc\=z12-75,
.form-focus-bc\=z12-75 .form-field:focus,
.form-hover-bc\=z12-75 .form-field:hover {
  border-color: rgb(var(--color-z12)/75%);
}

.bc\=z12-80,
.dark-mode .dark-mode\:bc\=z12-80,
.form-bc\=z12-80 .form-field {
  border-color: rgb(var(--color-z12)/80%);
}

.hover-bc\=z12-80:hover,
[class*="--active"].active-bc\=z12-80,
[class*="--active"] .active-bc\=z12-80,
.form-focus-bc\=z12-80 .form-field:focus,
.form-hover-bc\=z12-80 .form-field:hover {
  border-color: rgb(var(--color-z12)/80%);
}

.bc\=z12-85,
.dark-mode .dark-mode\:bc\=z12-85,
.form-bc\=z12-85 .form-field {
  border-color: rgb(var(--color-z12)/85%);
}

.hover-bc\=z12-85:hover,
[class*="--active"].active-bc\=z12-85,
[class*="--active"] .active-bc\=z12-85,
.form-focus-bc\=z12-85 .form-field:focus,
.form-hover-bc\=z12-85 .form-field:hover {
  border-color: rgb(var(--color-z12)/85%);
}

.bc\=z12-90,
.dark-mode .dark-mode\:bc\=z12-90,
.form-bc\=z12-90 .form-field {
  border-color: rgb(var(--color-z12)/90%);
}

.hover-bc\=z12-90:hover,
[class*="--active"].active-bc\=z12-90,
[class*="--active"] .active-bc\=z12-90,
.form-focus-bc\=z12-90 .form-field:focus,
.form-hover-bc\=z12-90 .form-field:hover {
  border-color: rgb(var(--color-z12)/90%);
}

.bc\=z12-95,
.dark-mode .dark-mode\:bc\=z12-95,
.form-bc\=z12-95 .form-field {
  border-color: rgb(var(--color-z12)/95%);
}

.hover-bc\=z12-95:hover,
[class*="--active"].active-bc\=z12-95,
[class*="--active"] .active-bc\=z12-95,
.form-focus-bc\=z12-95 .form-field:focus,
.form-hover-bc\=z12-95 .form-field:hover {
  border-color: rgb(var(--color-z12)/95%);
}

.bc\=z12-100,
.dark-mode .dark-mode\:bc\=z12-100,
.form-bc\=z12-100 .form-field {
  border-color: rgb(var(--color-z12)/100%);
}

.hover-bc\=z12-100:hover,
[class*="--active"].active-bc\=z12-100,
[class*="--active"] .active-bc\=z12-100,
.form-focus-bc\=z12-100 .form-field:focus,
.form-hover-bc\=z12-100 .form-field:hover {
  border-color: rgb(var(--color-z12)/100%);
}

.bc\=z13,
.dark-mode .dark-mode\:bc\=z13,
.form-bc\=z13 .form-field {
  border-color: rgb(var(--color-z13));
}

.hover-bc\=z13:hover,
[class*="--active"].active-bc\=z13,
[class*="--active"] .active-bc\=z13,
.form-focus-bc\=z13 .form-field:focus,
.form-hover-bc\=z13 .form-field:hover {
  border-color: rgb(var(--color-z13));
}

.bc\=z13-5,
.dark-mode .dark-mode\:bc\=z13-5,
.form-bc\=z13-5 .form-field {
  border-color: rgb(var(--color-z13)/5%);
}

.hover-bc\=z13-5:hover,
[class*="--active"].active-bc\=z13-5,
[class*="--active"] .active-bc\=z13-5,
.form-focus-bc\=z13-5 .form-field:focus,
.form-hover-bc\=z13-5 .form-field:hover {
  border-color: rgb(var(--color-z13)/5%);
}

.bc\=z13-10,
.dark-mode .dark-mode\:bc\=z13-10,
.form-bc\=z13-10 .form-field {
  border-color: rgb(var(--color-z13)/10%);
}

.hover-bc\=z13-10:hover,
[class*="--active"].active-bc\=z13-10,
[class*="--active"] .active-bc\=z13-10,
.form-focus-bc\=z13-10 .form-field:focus,
.form-hover-bc\=z13-10 .form-field:hover {
  border-color: rgb(var(--color-z13)/10%);
}

.bc\=z13-15,
.dark-mode .dark-mode\:bc\=z13-15,
.form-bc\=z13-15 .form-field {
  border-color: rgb(var(--color-z13)/15%);
}

.hover-bc\=z13-15:hover,
[class*="--active"].active-bc\=z13-15,
[class*="--active"] .active-bc\=z13-15,
.form-focus-bc\=z13-15 .form-field:focus,
.form-hover-bc\=z13-15 .form-field:hover {
  border-color: rgb(var(--color-z13)/15%);
}

.bc\=z13-20,
.dark-mode .dark-mode\:bc\=z13-20,
.form-bc\=z13-20 .form-field {
  border-color: rgb(var(--color-z13)/20%);
}

.hover-bc\=z13-20:hover,
[class*="--active"].active-bc\=z13-20,
[class*="--active"] .active-bc\=z13-20,
.form-focus-bc\=z13-20 .form-field:focus,
.form-hover-bc\=z13-20 .form-field:hover {
  border-color: rgb(var(--color-z13)/20%);
}

.bc\=z13-25,
.dark-mode .dark-mode\:bc\=z13-25,
.form-bc\=z13-25 .form-field {
  border-color: rgb(var(--color-z13)/25%);
}

.hover-bc\=z13-25:hover,
[class*="--active"].active-bc\=z13-25,
[class*="--active"] .active-bc\=z13-25,
.form-focus-bc\=z13-25 .form-field:focus,
.form-hover-bc\=z13-25 .form-field:hover {
  border-color: rgb(var(--color-z13)/25%);
}

.bc\=z13-30,
.dark-mode .dark-mode\:bc\=z13-30,
.form-bc\=z13-30 .form-field {
  border-color: rgb(var(--color-z13)/30%);
}

.hover-bc\=z13-30:hover,
[class*="--active"].active-bc\=z13-30,
[class*="--active"] .active-bc\=z13-30,
.form-focus-bc\=z13-30 .form-field:focus,
.form-hover-bc\=z13-30 .form-field:hover {
  border-color: rgb(var(--color-z13)/30%);
}

.bc\=z13-35,
.dark-mode .dark-mode\:bc\=z13-35,
.form-bc\=z13-35 .form-field {
  border-color: rgb(var(--color-z13)/35%);
}

.hover-bc\=z13-35:hover,
[class*="--active"].active-bc\=z13-35,
[class*="--active"] .active-bc\=z13-35,
.form-focus-bc\=z13-35 .form-field:focus,
.form-hover-bc\=z13-35 .form-field:hover {
  border-color: rgb(var(--color-z13)/35%);
}

.bc\=z13-40,
.dark-mode .dark-mode\:bc\=z13-40,
.form-bc\=z13-40 .form-field {
  border-color: rgb(var(--color-z13)/40%);
}

.hover-bc\=z13-40:hover,
[class*="--active"].active-bc\=z13-40,
[class*="--active"] .active-bc\=z13-40,
.form-focus-bc\=z13-40 .form-field:focus,
.form-hover-bc\=z13-40 .form-field:hover {
  border-color: rgb(var(--color-z13)/40%);
}

.bc\=z13-45,
.dark-mode .dark-mode\:bc\=z13-45,
.form-bc\=z13-45 .form-field {
  border-color: rgb(var(--color-z13)/45%);
}

.hover-bc\=z13-45:hover,
[class*="--active"].active-bc\=z13-45,
[class*="--active"] .active-bc\=z13-45,
.form-focus-bc\=z13-45 .form-field:focus,
.form-hover-bc\=z13-45 .form-field:hover {
  border-color: rgb(var(--color-z13)/45%);
}

.bc\=z13-50,
.dark-mode .dark-mode\:bc\=z13-50,
.form-bc\=z13-50 .form-field {
  border-color: rgb(var(--color-z13)/50%);
}

.hover-bc\=z13-50:hover,
[class*="--active"].active-bc\=z13-50,
[class*="--active"] .active-bc\=z13-50,
.form-focus-bc\=z13-50 .form-field:focus,
.form-hover-bc\=z13-50 .form-field:hover {
  border-color: rgb(var(--color-z13)/50%);
}

.bc\=z13-55,
.dark-mode .dark-mode\:bc\=z13-55,
.form-bc\=z13-55 .form-field {
  border-color: rgb(var(--color-z13)/55%);
}

.hover-bc\=z13-55:hover,
[class*="--active"].active-bc\=z13-55,
[class*="--active"] .active-bc\=z13-55,
.form-focus-bc\=z13-55 .form-field:focus,
.form-hover-bc\=z13-55 .form-field:hover {
  border-color: rgb(var(--color-z13)/55%);
}

.bc\=z13-60,
.dark-mode .dark-mode\:bc\=z13-60,
.form-bc\=z13-60 .form-field {
  border-color: rgb(var(--color-z13)/60%);
}

.hover-bc\=z13-60:hover,
[class*="--active"].active-bc\=z13-60,
[class*="--active"] .active-bc\=z13-60,
.form-focus-bc\=z13-60 .form-field:focus,
.form-hover-bc\=z13-60 .form-field:hover {
  border-color: rgb(var(--color-z13)/60%);
}

.bc\=z13-65,
.dark-mode .dark-mode\:bc\=z13-65,
.form-bc\=z13-65 .form-field {
  border-color: rgb(var(--color-z13)/65%);
}

.hover-bc\=z13-65:hover,
[class*="--active"].active-bc\=z13-65,
[class*="--active"] .active-bc\=z13-65,
.form-focus-bc\=z13-65 .form-field:focus,
.form-hover-bc\=z13-65 .form-field:hover {
  border-color: rgb(var(--color-z13)/65%);
}

.bc\=z13-70,
.dark-mode .dark-mode\:bc\=z13-70,
.form-bc\=z13-70 .form-field {
  border-color: rgb(var(--color-z13)/70%);
}

.hover-bc\=z13-70:hover,
[class*="--active"].active-bc\=z13-70,
[class*="--active"] .active-bc\=z13-70,
.form-focus-bc\=z13-70 .form-field:focus,
.form-hover-bc\=z13-70 .form-field:hover {
  border-color: rgb(var(--color-z13)/70%);
}

.bc\=z13-75,
.dark-mode .dark-mode\:bc\=z13-75,
.form-bc\=z13-75 .form-field {
  border-color: rgb(var(--color-z13)/75%);
}

.hover-bc\=z13-75:hover,
[class*="--active"].active-bc\=z13-75,
[class*="--active"] .active-bc\=z13-75,
.form-focus-bc\=z13-75 .form-field:focus,
.form-hover-bc\=z13-75 .form-field:hover {
  border-color: rgb(var(--color-z13)/75%);
}

.bc\=z13-80,
.dark-mode .dark-mode\:bc\=z13-80,
.form-bc\=z13-80 .form-field {
  border-color: rgb(var(--color-z13)/80%);
}

.hover-bc\=z13-80:hover,
[class*="--active"].active-bc\=z13-80,
[class*="--active"] .active-bc\=z13-80,
.form-focus-bc\=z13-80 .form-field:focus,
.form-hover-bc\=z13-80 .form-field:hover {
  border-color: rgb(var(--color-z13)/80%);
}

.bc\=z13-85,
.dark-mode .dark-mode\:bc\=z13-85,
.form-bc\=z13-85 .form-field {
  border-color: rgb(var(--color-z13)/85%);
}

.hover-bc\=z13-85:hover,
[class*="--active"].active-bc\=z13-85,
[class*="--active"] .active-bc\=z13-85,
.form-focus-bc\=z13-85 .form-field:focus,
.form-hover-bc\=z13-85 .form-field:hover {
  border-color: rgb(var(--color-z13)/85%);
}

.bc\=z13-90,
.dark-mode .dark-mode\:bc\=z13-90,
.form-bc\=z13-90 .form-field {
  border-color: rgb(var(--color-z13)/90%);
}

.hover-bc\=z13-90:hover,
[class*="--active"].active-bc\=z13-90,
[class*="--active"] .active-bc\=z13-90,
.form-focus-bc\=z13-90 .form-field:focus,
.form-hover-bc\=z13-90 .form-field:hover {
  border-color: rgb(var(--color-z13)/90%);
}

.bc\=z13-95,
.dark-mode .dark-mode\:bc\=z13-95,
.form-bc\=z13-95 .form-field {
  border-color: rgb(var(--color-z13)/95%);
}

.hover-bc\=z13-95:hover,
[class*="--active"].active-bc\=z13-95,
[class*="--active"] .active-bc\=z13-95,
.form-focus-bc\=z13-95 .form-field:focus,
.form-hover-bc\=z13-95 .form-field:hover {
  border-color: rgb(var(--color-z13)/95%);
}

.bc\=z13-100,
.dark-mode .dark-mode\:bc\=z13-100,
.form-bc\=z13-100 .form-field {
  border-color: rgb(var(--color-z13)/100%);
}

.hover-bc\=z13-100:hover,
[class*="--active"].active-bc\=z13-100,
[class*="--active"] .active-bc\=z13-100,
.form-focus-bc\=z13-100 .form-field:focus,
.form-hover-bc\=z13-100 .form-field:hover {
  border-color: rgb(var(--color-z13)/100%);
}

.bc\=z14,
.dark-mode .dark-mode\:bc\=z14,
.form-bc\=z14 .form-field {
  border-color: rgb(var(--color-z14));
}

.hover-bc\=z14:hover,
[class*="--active"].active-bc\=z14,
[class*="--active"] .active-bc\=z14,
.form-focus-bc\=z14 .form-field:focus,
.form-hover-bc\=z14 .form-field:hover {
  border-color: rgb(var(--color-z14));
}

.bc\=z14-5,
.dark-mode .dark-mode\:bc\=z14-5,
.form-bc\=z14-5 .form-field {
  border-color: rgb(var(--color-z14)/5%);
}

.hover-bc\=z14-5:hover,
[class*="--active"].active-bc\=z14-5,
[class*="--active"] .active-bc\=z14-5,
.form-focus-bc\=z14-5 .form-field:focus,
.form-hover-bc\=z14-5 .form-field:hover {
  border-color: rgb(var(--color-z14)/5%);
}

.bc\=z14-10,
.dark-mode .dark-mode\:bc\=z14-10,
.form-bc\=z14-10 .form-field {
  border-color: rgb(var(--color-z14)/10%);
}

.hover-bc\=z14-10:hover,
[class*="--active"].active-bc\=z14-10,
[class*="--active"] .active-bc\=z14-10,
.form-focus-bc\=z14-10 .form-field:focus,
.form-hover-bc\=z14-10 .form-field:hover {
  border-color: rgb(var(--color-z14)/10%);
}

.bc\=z14-15,
.dark-mode .dark-mode\:bc\=z14-15,
.form-bc\=z14-15 .form-field {
  border-color: rgb(var(--color-z14)/15%);
}

.hover-bc\=z14-15:hover,
[class*="--active"].active-bc\=z14-15,
[class*="--active"] .active-bc\=z14-15,
.form-focus-bc\=z14-15 .form-field:focus,
.form-hover-bc\=z14-15 .form-field:hover {
  border-color: rgb(var(--color-z14)/15%);
}

.bc\=z14-20,
.dark-mode .dark-mode\:bc\=z14-20,
.form-bc\=z14-20 .form-field {
  border-color: rgb(var(--color-z14)/20%);
}

.hover-bc\=z14-20:hover,
[class*="--active"].active-bc\=z14-20,
[class*="--active"] .active-bc\=z14-20,
.form-focus-bc\=z14-20 .form-field:focus,
.form-hover-bc\=z14-20 .form-field:hover {
  border-color: rgb(var(--color-z14)/20%);
}

.bc\=z14-25,
.dark-mode .dark-mode\:bc\=z14-25,
.form-bc\=z14-25 .form-field {
  border-color: rgb(var(--color-z14)/25%);
}

.hover-bc\=z14-25:hover,
[class*="--active"].active-bc\=z14-25,
[class*="--active"] .active-bc\=z14-25,
.form-focus-bc\=z14-25 .form-field:focus,
.form-hover-bc\=z14-25 .form-field:hover {
  border-color: rgb(var(--color-z14)/25%);
}

.bc\=z14-30,
.dark-mode .dark-mode\:bc\=z14-30,
.form-bc\=z14-30 .form-field {
  border-color: rgb(var(--color-z14)/30%);
}

.hover-bc\=z14-30:hover,
[class*="--active"].active-bc\=z14-30,
[class*="--active"] .active-bc\=z14-30,
.form-focus-bc\=z14-30 .form-field:focus,
.form-hover-bc\=z14-30 .form-field:hover {
  border-color: rgb(var(--color-z14)/30%);
}

.bc\=z14-35,
.dark-mode .dark-mode\:bc\=z14-35,
.form-bc\=z14-35 .form-field {
  border-color: rgb(var(--color-z14)/35%);
}

.hover-bc\=z14-35:hover,
[class*="--active"].active-bc\=z14-35,
[class*="--active"] .active-bc\=z14-35,
.form-focus-bc\=z14-35 .form-field:focus,
.form-hover-bc\=z14-35 .form-field:hover {
  border-color: rgb(var(--color-z14)/35%);
}

.bc\=z14-40,
.dark-mode .dark-mode\:bc\=z14-40,
.form-bc\=z14-40 .form-field {
  border-color: rgb(var(--color-z14)/40%);
}

.hover-bc\=z14-40:hover,
[class*="--active"].active-bc\=z14-40,
[class*="--active"] .active-bc\=z14-40,
.form-focus-bc\=z14-40 .form-field:focus,
.form-hover-bc\=z14-40 .form-field:hover {
  border-color: rgb(var(--color-z14)/40%);
}

.bc\=z14-45,
.dark-mode .dark-mode\:bc\=z14-45,
.form-bc\=z14-45 .form-field {
  border-color: rgb(var(--color-z14)/45%);
}

.hover-bc\=z14-45:hover,
[class*="--active"].active-bc\=z14-45,
[class*="--active"] .active-bc\=z14-45,
.form-focus-bc\=z14-45 .form-field:focus,
.form-hover-bc\=z14-45 .form-field:hover {
  border-color: rgb(var(--color-z14)/45%);
}

.bc\=z14-50,
.dark-mode .dark-mode\:bc\=z14-50,
.form-bc\=z14-50 .form-field {
  border-color: rgb(var(--color-z14)/50%);
}

.hover-bc\=z14-50:hover,
[class*="--active"].active-bc\=z14-50,
[class*="--active"] .active-bc\=z14-50,
.form-focus-bc\=z14-50 .form-field:focus,
.form-hover-bc\=z14-50 .form-field:hover {
  border-color: rgb(var(--color-z14)/50%);
}

.bc\=z14-55,
.dark-mode .dark-mode\:bc\=z14-55,
.form-bc\=z14-55 .form-field {
  border-color: rgb(var(--color-z14)/55%);
}

.hover-bc\=z14-55:hover,
[class*="--active"].active-bc\=z14-55,
[class*="--active"] .active-bc\=z14-55,
.form-focus-bc\=z14-55 .form-field:focus,
.form-hover-bc\=z14-55 .form-field:hover {
  border-color: rgb(var(--color-z14)/55%);
}

.bc\=z14-60,
.dark-mode .dark-mode\:bc\=z14-60,
.form-bc\=z14-60 .form-field {
  border-color: rgb(var(--color-z14)/60%);
}

.hover-bc\=z14-60:hover,
[class*="--active"].active-bc\=z14-60,
[class*="--active"] .active-bc\=z14-60,
.form-focus-bc\=z14-60 .form-field:focus,
.form-hover-bc\=z14-60 .form-field:hover {
  border-color: rgb(var(--color-z14)/60%);
}

.bc\=z14-65,
.dark-mode .dark-mode\:bc\=z14-65,
.form-bc\=z14-65 .form-field {
  border-color: rgb(var(--color-z14)/65%);
}

.hover-bc\=z14-65:hover,
[class*="--active"].active-bc\=z14-65,
[class*="--active"] .active-bc\=z14-65,
.form-focus-bc\=z14-65 .form-field:focus,
.form-hover-bc\=z14-65 .form-field:hover {
  border-color: rgb(var(--color-z14)/65%);
}

.bc\=z14-70,
.dark-mode .dark-mode\:bc\=z14-70,
.form-bc\=z14-70 .form-field {
  border-color: rgb(var(--color-z14)/70%);
}

.hover-bc\=z14-70:hover,
[class*="--active"].active-bc\=z14-70,
[class*="--active"] .active-bc\=z14-70,
.form-focus-bc\=z14-70 .form-field:focus,
.form-hover-bc\=z14-70 .form-field:hover {
  border-color: rgb(var(--color-z14)/70%);
}

.bc\=z14-75,
.dark-mode .dark-mode\:bc\=z14-75,
.form-bc\=z14-75 .form-field {
  border-color: rgb(var(--color-z14)/75%);
}

.hover-bc\=z14-75:hover,
[class*="--active"].active-bc\=z14-75,
[class*="--active"] .active-bc\=z14-75,
.form-focus-bc\=z14-75 .form-field:focus,
.form-hover-bc\=z14-75 .form-field:hover {
  border-color: rgb(var(--color-z14)/75%);
}

.bc\=z14-80,
.dark-mode .dark-mode\:bc\=z14-80,
.form-bc\=z14-80 .form-field {
  border-color: rgb(var(--color-z14)/80%);
}

.hover-bc\=z14-80:hover,
[class*="--active"].active-bc\=z14-80,
[class*="--active"] .active-bc\=z14-80,
.form-focus-bc\=z14-80 .form-field:focus,
.form-hover-bc\=z14-80 .form-field:hover {
  border-color: rgb(var(--color-z14)/80%);
}

.bc\=z14-85,
.dark-mode .dark-mode\:bc\=z14-85,
.form-bc\=z14-85 .form-field {
  border-color: rgb(var(--color-z14)/85%);
}

.hover-bc\=z14-85:hover,
[class*="--active"].active-bc\=z14-85,
[class*="--active"] .active-bc\=z14-85,
.form-focus-bc\=z14-85 .form-field:focus,
.form-hover-bc\=z14-85 .form-field:hover {
  border-color: rgb(var(--color-z14)/85%);
}

.bc\=z14-90,
.dark-mode .dark-mode\:bc\=z14-90,
.form-bc\=z14-90 .form-field {
  border-color: rgb(var(--color-z14)/90%);
}

.hover-bc\=z14-90:hover,
[class*="--active"].active-bc\=z14-90,
[class*="--active"] .active-bc\=z14-90,
.form-focus-bc\=z14-90 .form-field:focus,
.form-hover-bc\=z14-90 .form-field:hover {
  border-color: rgb(var(--color-z14)/90%);
}

.bc\=z14-95,
.dark-mode .dark-mode\:bc\=z14-95,
.form-bc\=z14-95 .form-field {
  border-color: rgb(var(--color-z14)/95%);
}

.hover-bc\=z14-95:hover,
[class*="--active"].active-bc\=z14-95,
[class*="--active"] .active-bc\=z14-95,
.form-focus-bc\=z14-95 .form-field:focus,
.form-hover-bc\=z14-95 .form-field:hover {
  border-color: rgb(var(--color-z14)/95%);
}

.bc\=z14-100,
.dark-mode .dark-mode\:bc\=z14-100,
.form-bc\=z14-100 .form-field {
  border-color: rgb(var(--color-z14)/100%);
}

.hover-bc\=z14-100:hover,
[class*="--active"].active-bc\=z14-100,
[class*="--active"] .active-bc\=z14-100,
.form-focus-bc\=z14-100 .form-field:focus,
.form-hover-bc\=z14-100 .form-field:hover {
  border-color: rgb(var(--color-z14)/100%);
}

.bc\=z15,
.dark-mode .dark-mode\:bc\=z15,
.form-bc\=z15 .form-field {
  border-color: rgb(var(--color-z15));
}

.hover-bc\=z15:hover,
[class*="--active"].active-bc\=z15,
[class*="--active"] .active-bc\=z15,
.form-focus-bc\=z15 .form-field:focus,
.form-hover-bc\=z15 .form-field:hover {
  border-color: rgb(var(--color-z15));
}

.bc\=z15-5,
.dark-mode .dark-mode\:bc\=z15-5,
.form-bc\=z15-5 .form-field {
  border-color: rgb(var(--color-z15)/5%);
}

.hover-bc\=z15-5:hover,
[class*="--active"].active-bc\=z15-5,
[class*="--active"] .active-bc\=z15-5,
.form-focus-bc\=z15-5 .form-field:focus,
.form-hover-bc\=z15-5 .form-field:hover {
  border-color: rgb(var(--color-z15)/5%);
}

.bc\=z15-10,
.dark-mode .dark-mode\:bc\=z15-10,
.form-bc\=z15-10 .form-field {
  border-color: rgb(var(--color-z15)/10%);
}

.hover-bc\=z15-10:hover,
[class*="--active"].active-bc\=z15-10,
[class*="--active"] .active-bc\=z15-10,
.form-focus-bc\=z15-10 .form-field:focus,
.form-hover-bc\=z15-10 .form-field:hover {
  border-color: rgb(var(--color-z15)/10%);
}

.bc\=z15-15,
.dark-mode .dark-mode\:bc\=z15-15,
.form-bc\=z15-15 .form-field {
  border-color: rgb(var(--color-z15)/15%);
}

.hover-bc\=z15-15:hover,
[class*="--active"].active-bc\=z15-15,
[class*="--active"] .active-bc\=z15-15,
.form-focus-bc\=z15-15 .form-field:focus,
.form-hover-bc\=z15-15 .form-field:hover {
  border-color: rgb(var(--color-z15)/15%);
}

.bc\=z15-20,
.dark-mode .dark-mode\:bc\=z15-20,
.form-bc\=z15-20 .form-field {
  border-color: rgb(var(--color-z15)/20%);
}

.hover-bc\=z15-20:hover,
[class*="--active"].active-bc\=z15-20,
[class*="--active"] .active-bc\=z15-20,
.form-focus-bc\=z15-20 .form-field:focus,
.form-hover-bc\=z15-20 .form-field:hover {
  border-color: rgb(var(--color-z15)/20%);
}

.bc\=z15-25,
.dark-mode .dark-mode\:bc\=z15-25,
.form-bc\=z15-25 .form-field {
  border-color: rgb(var(--color-z15)/25%);
}

.hover-bc\=z15-25:hover,
[class*="--active"].active-bc\=z15-25,
[class*="--active"] .active-bc\=z15-25,
.form-focus-bc\=z15-25 .form-field:focus,
.form-hover-bc\=z15-25 .form-field:hover {
  border-color: rgb(var(--color-z15)/25%);
}

.bc\=z15-30,
.dark-mode .dark-mode\:bc\=z15-30,
.form-bc\=z15-30 .form-field {
  border-color: rgb(var(--color-z15)/30%);
}

.hover-bc\=z15-30:hover,
[class*="--active"].active-bc\=z15-30,
[class*="--active"] .active-bc\=z15-30,
.form-focus-bc\=z15-30 .form-field:focus,
.form-hover-bc\=z15-30 .form-field:hover {
  border-color: rgb(var(--color-z15)/30%);
}

.bc\=z15-35,
.dark-mode .dark-mode\:bc\=z15-35,
.form-bc\=z15-35 .form-field {
  border-color: rgb(var(--color-z15)/35%);
}

.hover-bc\=z15-35:hover,
[class*="--active"].active-bc\=z15-35,
[class*="--active"] .active-bc\=z15-35,
.form-focus-bc\=z15-35 .form-field:focus,
.form-hover-bc\=z15-35 .form-field:hover {
  border-color: rgb(var(--color-z15)/35%);
}

.bc\=z15-40,
.dark-mode .dark-mode\:bc\=z15-40,
.form-bc\=z15-40 .form-field {
  border-color: rgb(var(--color-z15)/40%);
}

.hover-bc\=z15-40:hover,
[class*="--active"].active-bc\=z15-40,
[class*="--active"] .active-bc\=z15-40,
.form-focus-bc\=z15-40 .form-field:focus,
.form-hover-bc\=z15-40 .form-field:hover {
  border-color: rgb(var(--color-z15)/40%);
}

.bc\=z15-45,
.dark-mode .dark-mode\:bc\=z15-45,
.form-bc\=z15-45 .form-field {
  border-color: rgb(var(--color-z15)/45%);
}

.hover-bc\=z15-45:hover,
[class*="--active"].active-bc\=z15-45,
[class*="--active"] .active-bc\=z15-45,
.form-focus-bc\=z15-45 .form-field:focus,
.form-hover-bc\=z15-45 .form-field:hover {
  border-color: rgb(var(--color-z15)/45%);
}

.bc\=z15-50,
.dark-mode .dark-mode\:bc\=z15-50,
.form-bc\=z15-50 .form-field {
  border-color: rgb(var(--color-z15)/50%);
}

.hover-bc\=z15-50:hover,
[class*="--active"].active-bc\=z15-50,
[class*="--active"] .active-bc\=z15-50,
.form-focus-bc\=z15-50 .form-field:focus,
.form-hover-bc\=z15-50 .form-field:hover {
  border-color: rgb(var(--color-z15)/50%);
}

.bc\=z15-55,
.dark-mode .dark-mode\:bc\=z15-55,
.form-bc\=z15-55 .form-field {
  border-color: rgb(var(--color-z15)/55%);
}

.hover-bc\=z15-55:hover,
[class*="--active"].active-bc\=z15-55,
[class*="--active"] .active-bc\=z15-55,
.form-focus-bc\=z15-55 .form-field:focus,
.form-hover-bc\=z15-55 .form-field:hover {
  border-color: rgb(var(--color-z15)/55%);
}

.bc\=z15-60,
.dark-mode .dark-mode\:bc\=z15-60,
.form-bc\=z15-60 .form-field {
  border-color: rgb(var(--color-z15)/60%);
}

.hover-bc\=z15-60:hover,
[class*="--active"].active-bc\=z15-60,
[class*="--active"] .active-bc\=z15-60,
.form-focus-bc\=z15-60 .form-field:focus,
.form-hover-bc\=z15-60 .form-field:hover {
  border-color: rgb(var(--color-z15)/60%);
}

.bc\=z15-65,
.dark-mode .dark-mode\:bc\=z15-65,
.form-bc\=z15-65 .form-field {
  border-color: rgb(var(--color-z15)/65%);
}

.hover-bc\=z15-65:hover,
[class*="--active"].active-bc\=z15-65,
[class*="--active"] .active-bc\=z15-65,
.form-focus-bc\=z15-65 .form-field:focus,
.form-hover-bc\=z15-65 .form-field:hover {
  border-color: rgb(var(--color-z15)/65%);
}

.bc\=z15-70,
.dark-mode .dark-mode\:bc\=z15-70,
.form-bc\=z15-70 .form-field {
  border-color: rgb(var(--color-z15)/70%);
}

.hover-bc\=z15-70:hover,
[class*="--active"].active-bc\=z15-70,
[class*="--active"] .active-bc\=z15-70,
.form-focus-bc\=z15-70 .form-field:focus,
.form-hover-bc\=z15-70 .form-field:hover {
  border-color: rgb(var(--color-z15)/70%);
}

.bc\=z15-75,
.dark-mode .dark-mode\:bc\=z15-75,
.form-bc\=z15-75 .form-field {
  border-color: rgb(var(--color-z15)/75%);
}

.hover-bc\=z15-75:hover,
[class*="--active"].active-bc\=z15-75,
[class*="--active"] .active-bc\=z15-75,
.form-focus-bc\=z15-75 .form-field:focus,
.form-hover-bc\=z15-75 .form-field:hover {
  border-color: rgb(var(--color-z15)/75%);
}

.bc\=z15-80,
.dark-mode .dark-mode\:bc\=z15-80,
.form-bc\=z15-80 .form-field {
  border-color: rgb(var(--color-z15)/80%);
}

.hover-bc\=z15-80:hover,
[class*="--active"].active-bc\=z15-80,
[class*="--active"] .active-bc\=z15-80,
.form-focus-bc\=z15-80 .form-field:focus,
.form-hover-bc\=z15-80 .form-field:hover {
  border-color: rgb(var(--color-z15)/80%);
}

.bc\=z15-85,
.dark-mode .dark-mode\:bc\=z15-85,
.form-bc\=z15-85 .form-field {
  border-color: rgb(var(--color-z15)/85%);
}

.hover-bc\=z15-85:hover,
[class*="--active"].active-bc\=z15-85,
[class*="--active"] .active-bc\=z15-85,
.form-focus-bc\=z15-85 .form-field:focus,
.form-hover-bc\=z15-85 .form-field:hover {
  border-color: rgb(var(--color-z15)/85%);
}

.bc\=z15-90,
.dark-mode .dark-mode\:bc\=z15-90,
.form-bc\=z15-90 .form-field {
  border-color: rgb(var(--color-z15)/90%);
}

.hover-bc\=z15-90:hover,
[class*="--active"].active-bc\=z15-90,
[class*="--active"] .active-bc\=z15-90,
.form-focus-bc\=z15-90 .form-field:focus,
.form-hover-bc\=z15-90 .form-field:hover {
  border-color: rgb(var(--color-z15)/90%);
}

.bc\=z15-95,
.dark-mode .dark-mode\:bc\=z15-95,
.form-bc\=z15-95 .form-field {
  border-color: rgb(var(--color-z15)/95%);
}

.hover-bc\=z15-95:hover,
[class*="--active"].active-bc\=z15-95,
[class*="--active"] .active-bc\=z15-95,
.form-focus-bc\=z15-95 .form-field:focus,
.form-hover-bc\=z15-95 .form-field:hover {
  border-color: rgb(var(--color-z15)/95%);
}

.bc\=z15-100,
.dark-mode .dark-mode\:bc\=z15-100,
.form-bc\=z15-100 .form-field {
  border-color: rgb(var(--color-z15)/100%);
}

.hover-bc\=z15-100:hover,
[class*="--active"].active-bc\=z15-100,
[class*="--active"] .active-bc\=z15-100,
.form-focus-bc\=z15-100 .form-field:focus,
.form-hover-bc\=z15-100 .form-field:hover {
  border-color: rgb(var(--color-z15)/100%);
}

.bc\=z16,
.dark-mode .dark-mode\:bc\=z16,
.form-bc\=z16 .form-field {
  border-color: rgb(var(--color-z16));
}

.hover-bc\=z16:hover,
[class*="--active"].active-bc\=z16,
[class*="--active"] .active-bc\=z16,
.form-focus-bc\=z16 .form-field:focus,
.form-hover-bc\=z16 .form-field:hover {
  border-color: rgb(var(--color-z16));
}

.bc\=z16-5,
.dark-mode .dark-mode\:bc\=z16-5,
.form-bc\=z16-5 .form-field {
  border-color: rgb(var(--color-z16)/5%);
}

.hover-bc\=z16-5:hover,
[class*="--active"].active-bc\=z16-5,
[class*="--active"] .active-bc\=z16-5,
.form-focus-bc\=z16-5 .form-field:focus,
.form-hover-bc\=z16-5 .form-field:hover {
  border-color: rgb(var(--color-z16)/5%);
}

.bc\=z16-10,
.dark-mode .dark-mode\:bc\=z16-10,
.form-bc\=z16-10 .form-field {
  border-color: rgb(var(--color-z16)/10%);
}

.hover-bc\=z16-10:hover,
[class*="--active"].active-bc\=z16-10,
[class*="--active"] .active-bc\=z16-10,
.form-focus-bc\=z16-10 .form-field:focus,
.form-hover-bc\=z16-10 .form-field:hover {
  border-color: rgb(var(--color-z16)/10%);
}

.bc\=z16-15,
.dark-mode .dark-mode\:bc\=z16-15,
.form-bc\=z16-15 .form-field {
  border-color: rgb(var(--color-z16)/15%);
}

.hover-bc\=z16-15:hover,
[class*="--active"].active-bc\=z16-15,
[class*="--active"] .active-bc\=z16-15,
.form-focus-bc\=z16-15 .form-field:focus,
.form-hover-bc\=z16-15 .form-field:hover {
  border-color: rgb(var(--color-z16)/15%);
}

.bc\=z16-20,
.dark-mode .dark-mode\:bc\=z16-20,
.form-bc\=z16-20 .form-field {
  border-color: rgb(var(--color-z16)/20%);
}

.hover-bc\=z16-20:hover,
[class*="--active"].active-bc\=z16-20,
[class*="--active"] .active-bc\=z16-20,
.form-focus-bc\=z16-20 .form-field:focus,
.form-hover-bc\=z16-20 .form-field:hover {
  border-color: rgb(var(--color-z16)/20%);
}

.bc\=z16-25,
.dark-mode .dark-mode\:bc\=z16-25,
.form-bc\=z16-25 .form-field {
  border-color: rgb(var(--color-z16)/25%);
}

.hover-bc\=z16-25:hover,
[class*="--active"].active-bc\=z16-25,
[class*="--active"] .active-bc\=z16-25,
.form-focus-bc\=z16-25 .form-field:focus,
.form-hover-bc\=z16-25 .form-field:hover {
  border-color: rgb(var(--color-z16)/25%);
}

.bc\=z16-30,
.dark-mode .dark-mode\:bc\=z16-30,
.form-bc\=z16-30 .form-field {
  border-color: rgb(var(--color-z16)/30%);
}

.hover-bc\=z16-30:hover,
[class*="--active"].active-bc\=z16-30,
[class*="--active"] .active-bc\=z16-30,
.form-focus-bc\=z16-30 .form-field:focus,
.form-hover-bc\=z16-30 .form-field:hover {
  border-color: rgb(var(--color-z16)/30%);
}

.bc\=z16-35,
.dark-mode .dark-mode\:bc\=z16-35,
.form-bc\=z16-35 .form-field {
  border-color: rgb(var(--color-z16)/35%);
}

.hover-bc\=z16-35:hover,
[class*="--active"].active-bc\=z16-35,
[class*="--active"] .active-bc\=z16-35,
.form-focus-bc\=z16-35 .form-field:focus,
.form-hover-bc\=z16-35 .form-field:hover {
  border-color: rgb(var(--color-z16)/35%);
}

.bc\=z16-40,
.dark-mode .dark-mode\:bc\=z16-40,
.form-bc\=z16-40 .form-field {
  border-color: rgb(var(--color-z16)/40%);
}

.hover-bc\=z16-40:hover,
[class*="--active"].active-bc\=z16-40,
[class*="--active"] .active-bc\=z16-40,
.form-focus-bc\=z16-40 .form-field:focus,
.form-hover-bc\=z16-40 .form-field:hover {
  border-color: rgb(var(--color-z16)/40%);
}

.bc\=z16-45,
.dark-mode .dark-mode\:bc\=z16-45,
.form-bc\=z16-45 .form-field {
  border-color: rgb(var(--color-z16)/45%);
}

.hover-bc\=z16-45:hover,
[class*="--active"].active-bc\=z16-45,
[class*="--active"] .active-bc\=z16-45,
.form-focus-bc\=z16-45 .form-field:focus,
.form-hover-bc\=z16-45 .form-field:hover {
  border-color: rgb(var(--color-z16)/45%);
}

.bc\=z16-50,
.dark-mode .dark-mode\:bc\=z16-50,
.form-bc\=z16-50 .form-field {
  border-color: rgb(var(--color-z16)/50%);
}

.hover-bc\=z16-50:hover,
[class*="--active"].active-bc\=z16-50,
[class*="--active"] .active-bc\=z16-50,
.form-focus-bc\=z16-50 .form-field:focus,
.form-hover-bc\=z16-50 .form-field:hover {
  border-color: rgb(var(--color-z16)/50%);
}

.bc\=z16-55,
.dark-mode .dark-mode\:bc\=z16-55,
.form-bc\=z16-55 .form-field {
  border-color: rgb(var(--color-z16)/55%);
}

.hover-bc\=z16-55:hover,
[class*="--active"].active-bc\=z16-55,
[class*="--active"] .active-bc\=z16-55,
.form-focus-bc\=z16-55 .form-field:focus,
.form-hover-bc\=z16-55 .form-field:hover {
  border-color: rgb(var(--color-z16)/55%);
}

.bc\=z16-60,
.dark-mode .dark-mode\:bc\=z16-60,
.form-bc\=z16-60 .form-field {
  border-color: rgb(var(--color-z16)/60%);
}

.hover-bc\=z16-60:hover,
[class*="--active"].active-bc\=z16-60,
[class*="--active"] .active-bc\=z16-60,
.form-focus-bc\=z16-60 .form-field:focus,
.form-hover-bc\=z16-60 .form-field:hover {
  border-color: rgb(var(--color-z16)/60%);
}

.bc\=z16-65,
.dark-mode .dark-mode\:bc\=z16-65,
.form-bc\=z16-65 .form-field {
  border-color: rgb(var(--color-z16)/65%);
}

.hover-bc\=z16-65:hover,
[class*="--active"].active-bc\=z16-65,
[class*="--active"] .active-bc\=z16-65,
.form-focus-bc\=z16-65 .form-field:focus,
.form-hover-bc\=z16-65 .form-field:hover {
  border-color: rgb(var(--color-z16)/65%);
}

.bc\=z16-70,
.dark-mode .dark-mode\:bc\=z16-70,
.form-bc\=z16-70 .form-field {
  border-color: rgb(var(--color-z16)/70%);
}

.hover-bc\=z16-70:hover,
[class*="--active"].active-bc\=z16-70,
[class*="--active"] .active-bc\=z16-70,
.form-focus-bc\=z16-70 .form-field:focus,
.form-hover-bc\=z16-70 .form-field:hover {
  border-color: rgb(var(--color-z16)/70%);
}

.bc\=z16-75,
.dark-mode .dark-mode\:bc\=z16-75,
.form-bc\=z16-75 .form-field {
  border-color: rgb(var(--color-z16)/75%);
}

.hover-bc\=z16-75:hover,
[class*="--active"].active-bc\=z16-75,
[class*="--active"] .active-bc\=z16-75,
.form-focus-bc\=z16-75 .form-field:focus,
.form-hover-bc\=z16-75 .form-field:hover {
  border-color: rgb(var(--color-z16)/75%);
}

.bc\=z16-80,
.dark-mode .dark-mode\:bc\=z16-80,
.form-bc\=z16-80 .form-field {
  border-color: rgb(var(--color-z16)/80%);
}

.hover-bc\=z16-80:hover,
[class*="--active"].active-bc\=z16-80,
[class*="--active"] .active-bc\=z16-80,
.form-focus-bc\=z16-80 .form-field:focus,
.form-hover-bc\=z16-80 .form-field:hover {
  border-color: rgb(var(--color-z16)/80%);
}

.bc\=z16-85,
.dark-mode .dark-mode\:bc\=z16-85,
.form-bc\=z16-85 .form-field {
  border-color: rgb(var(--color-z16)/85%);
}

.hover-bc\=z16-85:hover,
[class*="--active"].active-bc\=z16-85,
[class*="--active"] .active-bc\=z16-85,
.form-focus-bc\=z16-85 .form-field:focus,
.form-hover-bc\=z16-85 .form-field:hover {
  border-color: rgb(var(--color-z16)/85%);
}

.bc\=z16-90,
.dark-mode .dark-mode\:bc\=z16-90,
.form-bc\=z16-90 .form-field {
  border-color: rgb(var(--color-z16)/90%);
}

.hover-bc\=z16-90:hover,
[class*="--active"].active-bc\=z16-90,
[class*="--active"] .active-bc\=z16-90,
.form-focus-bc\=z16-90 .form-field:focus,
.form-hover-bc\=z16-90 .form-field:hover {
  border-color: rgb(var(--color-z16)/90%);
}

.bc\=z16-95,
.dark-mode .dark-mode\:bc\=z16-95,
.form-bc\=z16-95 .form-field {
  border-color: rgb(var(--color-z16)/95%);
}

.hover-bc\=z16-95:hover,
[class*="--active"].active-bc\=z16-95,
[class*="--active"] .active-bc\=z16-95,
.form-focus-bc\=z16-95 .form-field:focus,
.form-hover-bc\=z16-95 .form-field:hover {
  border-color: rgb(var(--color-z16)/95%);
}

.bc\=z16-100,
.dark-mode .dark-mode\:bc\=z16-100,
.form-bc\=z16-100 .form-field {
  border-color: rgb(var(--color-z16)/100%);
}

.hover-bc\=z16-100:hover,
[class*="--active"].active-bc\=z16-100,
[class*="--active"] .active-bc\=z16-100,
.form-focus-bc\=z16-100 .form-field:focus,
.form-hover-bc\=z16-100 .form-field:hover {
  border-color: rgb(var(--color-z16)/100%);
}

.bc\=z17,
.dark-mode .dark-mode\:bc\=z17,
.form-bc\=z17 .form-field {
  border-color: rgb(var(--color-z17));
}

.hover-bc\=z17:hover,
[class*="--active"].active-bc\=z17,
[class*="--active"] .active-bc\=z17,
.form-focus-bc\=z17 .form-field:focus,
.form-hover-bc\=z17 .form-field:hover {
  border-color: rgb(var(--color-z17));
}

.bc\=z17-5,
.dark-mode .dark-mode\:bc\=z17-5,
.form-bc\=z17-5 .form-field {
  border-color: rgb(var(--color-z17)/5%);
}

.hover-bc\=z17-5:hover,
[class*="--active"].active-bc\=z17-5,
[class*="--active"] .active-bc\=z17-5,
.form-focus-bc\=z17-5 .form-field:focus,
.form-hover-bc\=z17-5 .form-field:hover {
  border-color: rgb(var(--color-z17)/5%);
}

.bc\=z17-10,
.dark-mode .dark-mode\:bc\=z17-10,
.form-bc\=z17-10 .form-field {
  border-color: rgb(var(--color-z17)/10%);
}

.hover-bc\=z17-10:hover,
[class*="--active"].active-bc\=z17-10,
[class*="--active"] .active-bc\=z17-10,
.form-focus-bc\=z17-10 .form-field:focus,
.form-hover-bc\=z17-10 .form-field:hover {
  border-color: rgb(var(--color-z17)/10%);
}

.bc\=z17-15,
.dark-mode .dark-mode\:bc\=z17-15,
.form-bc\=z17-15 .form-field {
  border-color: rgb(var(--color-z17)/15%);
}

.hover-bc\=z17-15:hover,
[class*="--active"].active-bc\=z17-15,
[class*="--active"] .active-bc\=z17-15,
.form-focus-bc\=z17-15 .form-field:focus,
.form-hover-bc\=z17-15 .form-field:hover {
  border-color: rgb(var(--color-z17)/15%);
}

.bc\=z17-20,
.dark-mode .dark-mode\:bc\=z17-20,
.form-bc\=z17-20 .form-field {
  border-color: rgb(var(--color-z17)/20%);
}

.hover-bc\=z17-20:hover,
[class*="--active"].active-bc\=z17-20,
[class*="--active"] .active-bc\=z17-20,
.form-focus-bc\=z17-20 .form-field:focus,
.form-hover-bc\=z17-20 .form-field:hover {
  border-color: rgb(var(--color-z17)/20%);
}

.bc\=z17-25,
.dark-mode .dark-mode\:bc\=z17-25,
.form-bc\=z17-25 .form-field {
  border-color: rgb(var(--color-z17)/25%);
}

.hover-bc\=z17-25:hover,
[class*="--active"].active-bc\=z17-25,
[class*="--active"] .active-bc\=z17-25,
.form-focus-bc\=z17-25 .form-field:focus,
.form-hover-bc\=z17-25 .form-field:hover {
  border-color: rgb(var(--color-z17)/25%);
}

.bc\=z17-30,
.dark-mode .dark-mode\:bc\=z17-30,
.form-bc\=z17-30 .form-field {
  border-color: rgb(var(--color-z17)/30%);
}

.hover-bc\=z17-30:hover,
[class*="--active"].active-bc\=z17-30,
[class*="--active"] .active-bc\=z17-30,
.form-focus-bc\=z17-30 .form-field:focus,
.form-hover-bc\=z17-30 .form-field:hover {
  border-color: rgb(var(--color-z17)/30%);
}

.bc\=z17-35,
.dark-mode .dark-mode\:bc\=z17-35,
.form-bc\=z17-35 .form-field {
  border-color: rgb(var(--color-z17)/35%);
}

.hover-bc\=z17-35:hover,
[class*="--active"].active-bc\=z17-35,
[class*="--active"] .active-bc\=z17-35,
.form-focus-bc\=z17-35 .form-field:focus,
.form-hover-bc\=z17-35 .form-field:hover {
  border-color: rgb(var(--color-z17)/35%);
}

.bc\=z17-40,
.dark-mode .dark-mode\:bc\=z17-40,
.form-bc\=z17-40 .form-field {
  border-color: rgb(var(--color-z17)/40%);
}

.hover-bc\=z17-40:hover,
[class*="--active"].active-bc\=z17-40,
[class*="--active"] .active-bc\=z17-40,
.form-focus-bc\=z17-40 .form-field:focus,
.form-hover-bc\=z17-40 .form-field:hover {
  border-color: rgb(var(--color-z17)/40%);
}

.bc\=z17-45,
.dark-mode .dark-mode\:bc\=z17-45,
.form-bc\=z17-45 .form-field {
  border-color: rgb(var(--color-z17)/45%);
}

.hover-bc\=z17-45:hover,
[class*="--active"].active-bc\=z17-45,
[class*="--active"] .active-bc\=z17-45,
.form-focus-bc\=z17-45 .form-field:focus,
.form-hover-bc\=z17-45 .form-field:hover {
  border-color: rgb(var(--color-z17)/45%);
}

.bc\=z17-50,
.dark-mode .dark-mode\:bc\=z17-50,
.form-bc\=z17-50 .form-field {
  border-color: rgb(var(--color-z17)/50%);
}

.hover-bc\=z17-50:hover,
[class*="--active"].active-bc\=z17-50,
[class*="--active"] .active-bc\=z17-50,
.form-focus-bc\=z17-50 .form-field:focus,
.form-hover-bc\=z17-50 .form-field:hover {
  border-color: rgb(var(--color-z17)/50%);
}

.bc\=z17-55,
.dark-mode .dark-mode\:bc\=z17-55,
.form-bc\=z17-55 .form-field {
  border-color: rgb(var(--color-z17)/55%);
}

.hover-bc\=z17-55:hover,
[class*="--active"].active-bc\=z17-55,
[class*="--active"] .active-bc\=z17-55,
.form-focus-bc\=z17-55 .form-field:focus,
.form-hover-bc\=z17-55 .form-field:hover {
  border-color: rgb(var(--color-z17)/55%);
}

.bc\=z17-60,
.dark-mode .dark-mode\:bc\=z17-60,
.form-bc\=z17-60 .form-field {
  border-color: rgb(var(--color-z17)/60%);
}

.hover-bc\=z17-60:hover,
[class*="--active"].active-bc\=z17-60,
[class*="--active"] .active-bc\=z17-60,
.form-focus-bc\=z17-60 .form-field:focus,
.form-hover-bc\=z17-60 .form-field:hover {
  border-color: rgb(var(--color-z17)/60%);
}

.bc\=z17-65,
.dark-mode .dark-mode\:bc\=z17-65,
.form-bc\=z17-65 .form-field {
  border-color: rgb(var(--color-z17)/65%);
}

.hover-bc\=z17-65:hover,
[class*="--active"].active-bc\=z17-65,
[class*="--active"] .active-bc\=z17-65,
.form-focus-bc\=z17-65 .form-field:focus,
.form-hover-bc\=z17-65 .form-field:hover {
  border-color: rgb(var(--color-z17)/65%);
}

.bc\=z17-70,
.dark-mode .dark-mode\:bc\=z17-70,
.form-bc\=z17-70 .form-field {
  border-color: rgb(var(--color-z17)/70%);
}

.hover-bc\=z17-70:hover,
[class*="--active"].active-bc\=z17-70,
[class*="--active"] .active-bc\=z17-70,
.form-focus-bc\=z17-70 .form-field:focus,
.form-hover-bc\=z17-70 .form-field:hover {
  border-color: rgb(var(--color-z17)/70%);
}

.bc\=z17-75,
.dark-mode .dark-mode\:bc\=z17-75,
.form-bc\=z17-75 .form-field {
  border-color: rgb(var(--color-z17)/75%);
}

.hover-bc\=z17-75:hover,
[class*="--active"].active-bc\=z17-75,
[class*="--active"] .active-bc\=z17-75,
.form-focus-bc\=z17-75 .form-field:focus,
.form-hover-bc\=z17-75 .form-field:hover {
  border-color: rgb(var(--color-z17)/75%);
}

.bc\=z17-80,
.dark-mode .dark-mode\:bc\=z17-80,
.form-bc\=z17-80 .form-field {
  border-color: rgb(var(--color-z17)/80%);
}

.hover-bc\=z17-80:hover,
[class*="--active"].active-bc\=z17-80,
[class*="--active"] .active-bc\=z17-80,
.form-focus-bc\=z17-80 .form-field:focus,
.form-hover-bc\=z17-80 .form-field:hover {
  border-color: rgb(var(--color-z17)/80%);
}

.bc\=z17-85,
.dark-mode .dark-mode\:bc\=z17-85,
.form-bc\=z17-85 .form-field {
  border-color: rgb(var(--color-z17)/85%);
}

.hover-bc\=z17-85:hover,
[class*="--active"].active-bc\=z17-85,
[class*="--active"] .active-bc\=z17-85,
.form-focus-bc\=z17-85 .form-field:focus,
.form-hover-bc\=z17-85 .form-field:hover {
  border-color: rgb(var(--color-z17)/85%);
}

.bc\=z17-90,
.dark-mode .dark-mode\:bc\=z17-90,
.form-bc\=z17-90 .form-field {
  border-color: rgb(var(--color-z17)/90%);
}

.hover-bc\=z17-90:hover,
[class*="--active"].active-bc\=z17-90,
[class*="--active"] .active-bc\=z17-90,
.form-focus-bc\=z17-90 .form-field:focus,
.form-hover-bc\=z17-90 .form-field:hover {
  border-color: rgb(var(--color-z17)/90%);
}

.bc\=z17-95,
.dark-mode .dark-mode\:bc\=z17-95,
.form-bc\=z17-95 .form-field {
  border-color: rgb(var(--color-z17)/95%);
}

.hover-bc\=z17-95:hover,
[class*="--active"].active-bc\=z17-95,
[class*="--active"] .active-bc\=z17-95,
.form-focus-bc\=z17-95 .form-field:focus,
.form-hover-bc\=z17-95 .form-field:hover {
  border-color: rgb(var(--color-z17)/95%);
}

.bc\=z17-100,
.dark-mode .dark-mode\:bc\=z17-100,
.form-bc\=z17-100 .form-field {
  border-color: rgb(var(--color-z17)/100%);
}

.hover-bc\=z17-100:hover,
[class*="--active"].active-bc\=z17-100,
[class*="--active"] .active-bc\=z17-100,
.form-focus-bc\=z17-100 .form-field:focus,
.form-hover-bc\=z17-100 .form-field:hover {
  border-color: rgb(var(--color-z17)/100%);
}

.bc\=z18,
.dark-mode .dark-mode\:bc\=z18,
.form-bc\=z18 .form-field {
  border-color: rgb(var(--color-z18));
}

.hover-bc\=z18:hover,
[class*="--active"].active-bc\=z18,
[class*="--active"] .active-bc\=z18,
.form-focus-bc\=z18 .form-field:focus,
.form-hover-bc\=z18 .form-field:hover {
  border-color: rgb(var(--color-z18));
}

.bc\=z18-5,
.dark-mode .dark-mode\:bc\=z18-5,
.form-bc\=z18-5 .form-field {
  border-color: rgb(var(--color-z18)/5%);
}

.hover-bc\=z18-5:hover,
[class*="--active"].active-bc\=z18-5,
[class*="--active"] .active-bc\=z18-5,
.form-focus-bc\=z18-5 .form-field:focus,
.form-hover-bc\=z18-5 .form-field:hover {
  border-color: rgb(var(--color-z18)/5%);
}

.bc\=z18-10,
.dark-mode .dark-mode\:bc\=z18-10,
.form-bc\=z18-10 .form-field {
  border-color: rgb(var(--color-z18)/10%);
}

.hover-bc\=z18-10:hover,
[class*="--active"].active-bc\=z18-10,
[class*="--active"] .active-bc\=z18-10,
.form-focus-bc\=z18-10 .form-field:focus,
.form-hover-bc\=z18-10 .form-field:hover {
  border-color: rgb(var(--color-z18)/10%);
}

.bc\=z18-15,
.dark-mode .dark-mode\:bc\=z18-15,
.form-bc\=z18-15 .form-field {
  border-color: rgb(var(--color-z18)/15%);
}

.hover-bc\=z18-15:hover,
[class*="--active"].active-bc\=z18-15,
[class*="--active"] .active-bc\=z18-15,
.form-focus-bc\=z18-15 .form-field:focus,
.form-hover-bc\=z18-15 .form-field:hover {
  border-color: rgb(var(--color-z18)/15%);
}

.bc\=z18-20,
.dark-mode .dark-mode\:bc\=z18-20,
.form-bc\=z18-20 .form-field {
  border-color: rgb(var(--color-z18)/20%);
}

.hover-bc\=z18-20:hover,
[class*="--active"].active-bc\=z18-20,
[class*="--active"] .active-bc\=z18-20,
.form-focus-bc\=z18-20 .form-field:focus,
.form-hover-bc\=z18-20 .form-field:hover {
  border-color: rgb(var(--color-z18)/20%);
}

.bc\=z18-25,
.dark-mode .dark-mode\:bc\=z18-25,
.form-bc\=z18-25 .form-field {
  border-color: rgb(var(--color-z18)/25%);
}

.hover-bc\=z18-25:hover,
[class*="--active"].active-bc\=z18-25,
[class*="--active"] .active-bc\=z18-25,
.form-focus-bc\=z18-25 .form-field:focus,
.form-hover-bc\=z18-25 .form-field:hover {
  border-color: rgb(var(--color-z18)/25%);
}

.bc\=z18-30,
.dark-mode .dark-mode\:bc\=z18-30,
.form-bc\=z18-30 .form-field {
  border-color: rgb(var(--color-z18)/30%);
}

.hover-bc\=z18-30:hover,
[class*="--active"].active-bc\=z18-30,
[class*="--active"] .active-bc\=z18-30,
.form-focus-bc\=z18-30 .form-field:focus,
.form-hover-bc\=z18-30 .form-field:hover {
  border-color: rgb(var(--color-z18)/30%);
}

.bc\=z18-35,
.dark-mode .dark-mode\:bc\=z18-35,
.form-bc\=z18-35 .form-field {
  border-color: rgb(var(--color-z18)/35%);
}

.hover-bc\=z18-35:hover,
[class*="--active"].active-bc\=z18-35,
[class*="--active"] .active-bc\=z18-35,
.form-focus-bc\=z18-35 .form-field:focus,
.form-hover-bc\=z18-35 .form-field:hover {
  border-color: rgb(var(--color-z18)/35%);
}

.bc\=z18-40,
.dark-mode .dark-mode\:bc\=z18-40,
.form-bc\=z18-40 .form-field {
  border-color: rgb(var(--color-z18)/40%);
}

.hover-bc\=z18-40:hover,
[class*="--active"].active-bc\=z18-40,
[class*="--active"] .active-bc\=z18-40,
.form-focus-bc\=z18-40 .form-field:focus,
.form-hover-bc\=z18-40 .form-field:hover {
  border-color: rgb(var(--color-z18)/40%);
}

.bc\=z18-45,
.dark-mode .dark-mode\:bc\=z18-45,
.form-bc\=z18-45 .form-field {
  border-color: rgb(var(--color-z18)/45%);
}

.hover-bc\=z18-45:hover,
[class*="--active"].active-bc\=z18-45,
[class*="--active"] .active-bc\=z18-45,
.form-focus-bc\=z18-45 .form-field:focus,
.form-hover-bc\=z18-45 .form-field:hover {
  border-color: rgb(var(--color-z18)/45%);
}

.bc\=z18-50,
.dark-mode .dark-mode\:bc\=z18-50,
.form-bc\=z18-50 .form-field {
  border-color: rgb(var(--color-z18)/50%);
}

.hover-bc\=z18-50:hover,
[class*="--active"].active-bc\=z18-50,
[class*="--active"] .active-bc\=z18-50,
.form-focus-bc\=z18-50 .form-field:focus,
.form-hover-bc\=z18-50 .form-field:hover {
  border-color: rgb(var(--color-z18)/50%);
}

.bc\=z18-55,
.dark-mode .dark-mode\:bc\=z18-55,
.form-bc\=z18-55 .form-field {
  border-color: rgb(var(--color-z18)/55%);
}

.hover-bc\=z18-55:hover,
[class*="--active"].active-bc\=z18-55,
[class*="--active"] .active-bc\=z18-55,
.form-focus-bc\=z18-55 .form-field:focus,
.form-hover-bc\=z18-55 .form-field:hover {
  border-color: rgb(var(--color-z18)/55%);
}

.bc\=z18-60,
.dark-mode .dark-mode\:bc\=z18-60,
.form-bc\=z18-60 .form-field {
  border-color: rgb(var(--color-z18)/60%);
}

.hover-bc\=z18-60:hover,
[class*="--active"].active-bc\=z18-60,
[class*="--active"] .active-bc\=z18-60,
.form-focus-bc\=z18-60 .form-field:focus,
.form-hover-bc\=z18-60 .form-field:hover {
  border-color: rgb(var(--color-z18)/60%);
}

.bc\=z18-65,
.dark-mode .dark-mode\:bc\=z18-65,
.form-bc\=z18-65 .form-field {
  border-color: rgb(var(--color-z18)/65%);
}

.hover-bc\=z18-65:hover,
[class*="--active"].active-bc\=z18-65,
[class*="--active"] .active-bc\=z18-65,
.form-focus-bc\=z18-65 .form-field:focus,
.form-hover-bc\=z18-65 .form-field:hover {
  border-color: rgb(var(--color-z18)/65%);
}

.bc\=z18-70,
.dark-mode .dark-mode\:bc\=z18-70,
.form-bc\=z18-70 .form-field {
  border-color: rgb(var(--color-z18)/70%);
}

.hover-bc\=z18-70:hover,
[class*="--active"].active-bc\=z18-70,
[class*="--active"] .active-bc\=z18-70,
.form-focus-bc\=z18-70 .form-field:focus,
.form-hover-bc\=z18-70 .form-field:hover {
  border-color: rgb(var(--color-z18)/70%);
}

.bc\=z18-75,
.dark-mode .dark-mode\:bc\=z18-75,
.form-bc\=z18-75 .form-field {
  border-color: rgb(var(--color-z18)/75%);
}

.hover-bc\=z18-75:hover,
[class*="--active"].active-bc\=z18-75,
[class*="--active"] .active-bc\=z18-75,
.form-focus-bc\=z18-75 .form-field:focus,
.form-hover-bc\=z18-75 .form-field:hover {
  border-color: rgb(var(--color-z18)/75%);
}

.bc\=z18-80,
.dark-mode .dark-mode\:bc\=z18-80,
.form-bc\=z18-80 .form-field {
  border-color: rgb(var(--color-z18)/80%);
}

.hover-bc\=z18-80:hover,
[class*="--active"].active-bc\=z18-80,
[class*="--active"] .active-bc\=z18-80,
.form-focus-bc\=z18-80 .form-field:focus,
.form-hover-bc\=z18-80 .form-field:hover {
  border-color: rgb(var(--color-z18)/80%);
}

.bc\=z18-85,
.dark-mode .dark-mode\:bc\=z18-85,
.form-bc\=z18-85 .form-field {
  border-color: rgb(var(--color-z18)/85%);
}

.hover-bc\=z18-85:hover,
[class*="--active"].active-bc\=z18-85,
[class*="--active"] .active-bc\=z18-85,
.form-focus-bc\=z18-85 .form-field:focus,
.form-hover-bc\=z18-85 .form-field:hover {
  border-color: rgb(var(--color-z18)/85%);
}

.bc\=z18-90,
.dark-mode .dark-mode\:bc\=z18-90,
.form-bc\=z18-90 .form-field {
  border-color: rgb(var(--color-z18)/90%);
}

.hover-bc\=z18-90:hover,
[class*="--active"].active-bc\=z18-90,
[class*="--active"] .active-bc\=z18-90,
.form-focus-bc\=z18-90 .form-field:focus,
.form-hover-bc\=z18-90 .form-field:hover {
  border-color: rgb(var(--color-z18)/90%);
}

.bc\=z18-95,
.dark-mode .dark-mode\:bc\=z18-95,
.form-bc\=z18-95 .form-field {
  border-color: rgb(var(--color-z18)/95%);
}

.hover-bc\=z18-95:hover,
[class*="--active"].active-bc\=z18-95,
[class*="--active"] .active-bc\=z18-95,
.form-focus-bc\=z18-95 .form-field:focus,
.form-hover-bc\=z18-95 .form-field:hover {
  border-color: rgb(var(--color-z18)/95%);
}

.bc\=z18-100,
.dark-mode .dark-mode\:bc\=z18-100,
.form-bc\=z18-100 .form-field {
  border-color: rgb(var(--color-z18)/100%);
}

.hover-bc\=z18-100:hover,
[class*="--active"].active-bc\=z18-100,
[class*="--active"] .active-bc\=z18-100,
.form-focus-bc\=z18-100 .form-field:focus,
.form-hover-bc\=z18-100 .form-field:hover {
  border-color: rgb(var(--color-z18)/100%);
}

.bc\=z19,
.dark-mode .dark-mode\:bc\=z19,
.form-bc\=z19 .form-field {
  border-color: rgb(var(--color-z19));
}

.hover-bc\=z19:hover,
[class*="--active"].active-bc\=z19,
[class*="--active"] .active-bc\=z19,
.form-focus-bc\=z19 .form-field:focus,
.form-hover-bc\=z19 .form-field:hover {
  border-color: rgb(var(--color-z19));
}

.bc\=z19-5,
.dark-mode .dark-mode\:bc\=z19-5,
.form-bc\=z19-5 .form-field {
  border-color: rgb(var(--color-z19)/5%);
}

.hover-bc\=z19-5:hover,
[class*="--active"].active-bc\=z19-5,
[class*="--active"] .active-bc\=z19-5,
.form-focus-bc\=z19-5 .form-field:focus,
.form-hover-bc\=z19-5 .form-field:hover {
  border-color: rgb(var(--color-z19)/5%);
}

.bc\=z19-10,
.dark-mode .dark-mode\:bc\=z19-10,
.form-bc\=z19-10 .form-field {
  border-color: rgb(var(--color-z19)/10%);
}

.hover-bc\=z19-10:hover,
[class*="--active"].active-bc\=z19-10,
[class*="--active"] .active-bc\=z19-10,
.form-focus-bc\=z19-10 .form-field:focus,
.form-hover-bc\=z19-10 .form-field:hover {
  border-color: rgb(var(--color-z19)/10%);
}

.bc\=z19-15,
.dark-mode .dark-mode\:bc\=z19-15,
.form-bc\=z19-15 .form-field {
  border-color: rgb(var(--color-z19)/15%);
}

.hover-bc\=z19-15:hover,
[class*="--active"].active-bc\=z19-15,
[class*="--active"] .active-bc\=z19-15,
.form-focus-bc\=z19-15 .form-field:focus,
.form-hover-bc\=z19-15 .form-field:hover {
  border-color: rgb(var(--color-z19)/15%);
}

.bc\=z19-20,
.dark-mode .dark-mode\:bc\=z19-20,
.form-bc\=z19-20 .form-field {
  border-color: rgb(var(--color-z19)/20%);
}

.hover-bc\=z19-20:hover,
[class*="--active"].active-bc\=z19-20,
[class*="--active"] .active-bc\=z19-20,
.form-focus-bc\=z19-20 .form-field:focus,
.form-hover-bc\=z19-20 .form-field:hover {
  border-color: rgb(var(--color-z19)/20%);
}

.bc\=z19-25,
.dark-mode .dark-mode\:bc\=z19-25,
.form-bc\=z19-25 .form-field {
  border-color: rgb(var(--color-z19)/25%);
}

.hover-bc\=z19-25:hover,
[class*="--active"].active-bc\=z19-25,
[class*="--active"] .active-bc\=z19-25,
.form-focus-bc\=z19-25 .form-field:focus,
.form-hover-bc\=z19-25 .form-field:hover {
  border-color: rgb(var(--color-z19)/25%);
}

.bc\=z19-30,
.dark-mode .dark-mode\:bc\=z19-30,
.form-bc\=z19-30 .form-field {
  border-color: rgb(var(--color-z19)/30%);
}

.hover-bc\=z19-30:hover,
[class*="--active"].active-bc\=z19-30,
[class*="--active"] .active-bc\=z19-30,
.form-focus-bc\=z19-30 .form-field:focus,
.form-hover-bc\=z19-30 .form-field:hover {
  border-color: rgb(var(--color-z19)/30%);
}

.bc\=z19-35,
.dark-mode .dark-mode\:bc\=z19-35,
.form-bc\=z19-35 .form-field {
  border-color: rgb(var(--color-z19)/35%);
}

.hover-bc\=z19-35:hover,
[class*="--active"].active-bc\=z19-35,
[class*="--active"] .active-bc\=z19-35,
.form-focus-bc\=z19-35 .form-field:focus,
.form-hover-bc\=z19-35 .form-field:hover {
  border-color: rgb(var(--color-z19)/35%);
}

.bc\=z19-40,
.dark-mode .dark-mode\:bc\=z19-40,
.form-bc\=z19-40 .form-field {
  border-color: rgb(var(--color-z19)/40%);
}

.hover-bc\=z19-40:hover,
[class*="--active"].active-bc\=z19-40,
[class*="--active"] .active-bc\=z19-40,
.form-focus-bc\=z19-40 .form-field:focus,
.form-hover-bc\=z19-40 .form-field:hover {
  border-color: rgb(var(--color-z19)/40%);
}

.bc\=z19-45,
.dark-mode .dark-mode\:bc\=z19-45,
.form-bc\=z19-45 .form-field {
  border-color: rgb(var(--color-z19)/45%);
}

.hover-bc\=z19-45:hover,
[class*="--active"].active-bc\=z19-45,
[class*="--active"] .active-bc\=z19-45,
.form-focus-bc\=z19-45 .form-field:focus,
.form-hover-bc\=z19-45 .form-field:hover {
  border-color: rgb(var(--color-z19)/45%);
}

.bc\=z19-50,
.dark-mode .dark-mode\:bc\=z19-50,
.form-bc\=z19-50 .form-field {
  border-color: rgb(var(--color-z19)/50%);
}

.hover-bc\=z19-50:hover,
[class*="--active"].active-bc\=z19-50,
[class*="--active"] .active-bc\=z19-50,
.form-focus-bc\=z19-50 .form-field:focus,
.form-hover-bc\=z19-50 .form-field:hover {
  border-color: rgb(var(--color-z19)/50%);
}

.bc\=z19-55,
.dark-mode .dark-mode\:bc\=z19-55,
.form-bc\=z19-55 .form-field {
  border-color: rgb(var(--color-z19)/55%);
}

.hover-bc\=z19-55:hover,
[class*="--active"].active-bc\=z19-55,
[class*="--active"] .active-bc\=z19-55,
.form-focus-bc\=z19-55 .form-field:focus,
.form-hover-bc\=z19-55 .form-field:hover {
  border-color: rgb(var(--color-z19)/55%);
}

.bc\=z19-60,
.dark-mode .dark-mode\:bc\=z19-60,
.form-bc\=z19-60 .form-field {
  border-color: rgb(var(--color-z19)/60%);
}

.hover-bc\=z19-60:hover,
[class*="--active"].active-bc\=z19-60,
[class*="--active"] .active-bc\=z19-60,
.form-focus-bc\=z19-60 .form-field:focus,
.form-hover-bc\=z19-60 .form-field:hover {
  border-color: rgb(var(--color-z19)/60%);
}

.bc\=z19-65,
.dark-mode .dark-mode\:bc\=z19-65,
.form-bc\=z19-65 .form-field {
  border-color: rgb(var(--color-z19)/65%);
}

.hover-bc\=z19-65:hover,
[class*="--active"].active-bc\=z19-65,
[class*="--active"] .active-bc\=z19-65,
.form-focus-bc\=z19-65 .form-field:focus,
.form-hover-bc\=z19-65 .form-field:hover {
  border-color: rgb(var(--color-z19)/65%);
}

.bc\=z19-70,
.dark-mode .dark-mode\:bc\=z19-70,
.form-bc\=z19-70 .form-field {
  border-color: rgb(var(--color-z19)/70%);
}

.hover-bc\=z19-70:hover,
[class*="--active"].active-bc\=z19-70,
[class*="--active"] .active-bc\=z19-70,
.form-focus-bc\=z19-70 .form-field:focus,
.form-hover-bc\=z19-70 .form-field:hover {
  border-color: rgb(var(--color-z19)/70%);
}

.bc\=z19-75,
.dark-mode .dark-mode\:bc\=z19-75,
.form-bc\=z19-75 .form-field {
  border-color: rgb(var(--color-z19)/75%);
}

.hover-bc\=z19-75:hover,
[class*="--active"].active-bc\=z19-75,
[class*="--active"] .active-bc\=z19-75,
.form-focus-bc\=z19-75 .form-field:focus,
.form-hover-bc\=z19-75 .form-field:hover {
  border-color: rgb(var(--color-z19)/75%);
}

.bc\=z19-80,
.dark-mode .dark-mode\:bc\=z19-80,
.form-bc\=z19-80 .form-field {
  border-color: rgb(var(--color-z19)/80%);
}

.hover-bc\=z19-80:hover,
[class*="--active"].active-bc\=z19-80,
[class*="--active"] .active-bc\=z19-80,
.form-focus-bc\=z19-80 .form-field:focus,
.form-hover-bc\=z19-80 .form-field:hover {
  border-color: rgb(var(--color-z19)/80%);
}

.bc\=z19-85,
.dark-mode .dark-mode\:bc\=z19-85,
.form-bc\=z19-85 .form-field {
  border-color: rgb(var(--color-z19)/85%);
}

.hover-bc\=z19-85:hover,
[class*="--active"].active-bc\=z19-85,
[class*="--active"] .active-bc\=z19-85,
.form-focus-bc\=z19-85 .form-field:focus,
.form-hover-bc\=z19-85 .form-field:hover {
  border-color: rgb(var(--color-z19)/85%);
}

.bc\=z19-90,
.dark-mode .dark-mode\:bc\=z19-90,
.form-bc\=z19-90 .form-field {
  border-color: rgb(var(--color-z19)/90%);
}

.hover-bc\=z19-90:hover,
[class*="--active"].active-bc\=z19-90,
[class*="--active"] .active-bc\=z19-90,
.form-focus-bc\=z19-90 .form-field:focus,
.form-hover-bc\=z19-90 .form-field:hover {
  border-color: rgb(var(--color-z19)/90%);
}

.bc\=z19-95,
.dark-mode .dark-mode\:bc\=z19-95,
.form-bc\=z19-95 .form-field {
  border-color: rgb(var(--color-z19)/95%);
}

.hover-bc\=z19-95:hover,
[class*="--active"].active-bc\=z19-95,
[class*="--active"] .active-bc\=z19-95,
.form-focus-bc\=z19-95 .form-field:focus,
.form-hover-bc\=z19-95 .form-field:hover {
  border-color: rgb(var(--color-z19)/95%);
}

.bc\=z19-100,
.dark-mode .dark-mode\:bc\=z19-100,
.form-bc\=z19-100 .form-field {
  border-color: rgb(var(--color-z19)/100%);
}

.hover-bc\=z19-100:hover,
[class*="--active"].active-bc\=z19-100,
[class*="--active"] .active-bc\=z19-100,
.form-focus-bc\=z19-100 .form-field:focus,
.form-hover-bc\=z19-100 .form-field:hover {
  border-color: rgb(var(--color-z19)/100%);
}

.bc\=z20,
.dark-mode .dark-mode\:bc\=z20,
.form-bc\=z20 .form-field {
  border-color: rgb(var(--color-z20));
}

.hover-bc\=z20:hover,
[class*="--active"].active-bc\=z20,
[class*="--active"] .active-bc\=z20,
.form-focus-bc\=z20 .form-field:focus,
.form-hover-bc\=z20 .form-field:hover {
  border-color: rgb(var(--color-z20));
}

.bc\=z20-5,
.dark-mode .dark-mode\:bc\=z20-5,
.form-bc\=z20-5 .form-field {
  border-color: rgb(var(--color-z20)/5%);
}

.hover-bc\=z20-5:hover,
[class*="--active"].active-bc\=z20-5,
[class*="--active"] .active-bc\=z20-5,
.form-focus-bc\=z20-5 .form-field:focus,
.form-hover-bc\=z20-5 .form-field:hover {
  border-color: rgb(var(--color-z20)/5%);
}

.bc\=z20-10,
.dark-mode .dark-mode\:bc\=z20-10,
.form-bc\=z20-10 .form-field {
  border-color: rgb(var(--color-z20)/10%);
}

.hover-bc\=z20-10:hover,
[class*="--active"].active-bc\=z20-10,
[class*="--active"] .active-bc\=z20-10,
.form-focus-bc\=z20-10 .form-field:focus,
.form-hover-bc\=z20-10 .form-field:hover {
  border-color: rgb(var(--color-z20)/10%);
}

.bc\=z20-15,
.dark-mode .dark-mode\:bc\=z20-15,
.form-bc\=z20-15 .form-field {
  border-color: rgb(var(--color-z20)/15%);
}

.hover-bc\=z20-15:hover,
[class*="--active"].active-bc\=z20-15,
[class*="--active"] .active-bc\=z20-15,
.form-focus-bc\=z20-15 .form-field:focus,
.form-hover-bc\=z20-15 .form-field:hover {
  border-color: rgb(var(--color-z20)/15%);
}

.bc\=z20-20,
.dark-mode .dark-mode\:bc\=z20-20,
.form-bc\=z20-20 .form-field {
  border-color: rgb(var(--color-z20)/20%);
}

.hover-bc\=z20-20:hover,
[class*="--active"].active-bc\=z20-20,
[class*="--active"] .active-bc\=z20-20,
.form-focus-bc\=z20-20 .form-field:focus,
.form-hover-bc\=z20-20 .form-field:hover {
  border-color: rgb(var(--color-z20)/20%);
}

.bc\=z20-25,
.dark-mode .dark-mode\:bc\=z20-25,
.form-bc\=z20-25 .form-field {
  border-color: rgb(var(--color-z20)/25%);
}

.hover-bc\=z20-25:hover,
[class*="--active"].active-bc\=z20-25,
[class*="--active"] .active-bc\=z20-25,
.form-focus-bc\=z20-25 .form-field:focus,
.form-hover-bc\=z20-25 .form-field:hover {
  border-color: rgb(var(--color-z20)/25%);
}

.bc\=z20-30,
.dark-mode .dark-mode\:bc\=z20-30,
.form-bc\=z20-30 .form-field {
  border-color: rgb(var(--color-z20)/30%);
}

.hover-bc\=z20-30:hover,
[class*="--active"].active-bc\=z20-30,
[class*="--active"] .active-bc\=z20-30,
.form-focus-bc\=z20-30 .form-field:focus,
.form-hover-bc\=z20-30 .form-field:hover {
  border-color: rgb(var(--color-z20)/30%);
}

.bc\=z20-35,
.dark-mode .dark-mode\:bc\=z20-35,
.form-bc\=z20-35 .form-field {
  border-color: rgb(var(--color-z20)/35%);
}

.hover-bc\=z20-35:hover,
[class*="--active"].active-bc\=z20-35,
[class*="--active"] .active-bc\=z20-35,
.form-focus-bc\=z20-35 .form-field:focus,
.form-hover-bc\=z20-35 .form-field:hover {
  border-color: rgb(var(--color-z20)/35%);
}

.bc\=z20-40,
.dark-mode .dark-mode\:bc\=z20-40,
.form-bc\=z20-40 .form-field {
  border-color: rgb(var(--color-z20)/40%);
}

.hover-bc\=z20-40:hover,
[class*="--active"].active-bc\=z20-40,
[class*="--active"] .active-bc\=z20-40,
.form-focus-bc\=z20-40 .form-field:focus,
.form-hover-bc\=z20-40 .form-field:hover {
  border-color: rgb(var(--color-z20)/40%);
}

.bc\=z20-45,
.dark-mode .dark-mode\:bc\=z20-45,
.form-bc\=z20-45 .form-field {
  border-color: rgb(var(--color-z20)/45%);
}

.hover-bc\=z20-45:hover,
[class*="--active"].active-bc\=z20-45,
[class*="--active"] .active-bc\=z20-45,
.form-focus-bc\=z20-45 .form-field:focus,
.form-hover-bc\=z20-45 .form-field:hover {
  border-color: rgb(var(--color-z20)/45%);
}

.bc\=z20-50,
.dark-mode .dark-mode\:bc\=z20-50,
.form-bc\=z20-50 .form-field {
  border-color: rgb(var(--color-z20)/50%);
}

.hover-bc\=z20-50:hover,
[class*="--active"].active-bc\=z20-50,
[class*="--active"] .active-bc\=z20-50,
.form-focus-bc\=z20-50 .form-field:focus,
.form-hover-bc\=z20-50 .form-field:hover {
  border-color: rgb(var(--color-z20)/50%);
}

.bc\=z20-55,
.dark-mode .dark-mode\:bc\=z20-55,
.form-bc\=z20-55 .form-field {
  border-color: rgb(var(--color-z20)/55%);
}

.hover-bc\=z20-55:hover,
[class*="--active"].active-bc\=z20-55,
[class*="--active"] .active-bc\=z20-55,
.form-focus-bc\=z20-55 .form-field:focus,
.form-hover-bc\=z20-55 .form-field:hover {
  border-color: rgb(var(--color-z20)/55%);
}

.bc\=z20-60,
.dark-mode .dark-mode\:bc\=z20-60,
.form-bc\=z20-60 .form-field {
  border-color: rgb(var(--color-z20)/60%);
}

.hover-bc\=z20-60:hover,
[class*="--active"].active-bc\=z20-60,
[class*="--active"] .active-bc\=z20-60,
.form-focus-bc\=z20-60 .form-field:focus,
.form-hover-bc\=z20-60 .form-field:hover {
  border-color: rgb(var(--color-z20)/60%);
}

.bc\=z20-65,
.dark-mode .dark-mode\:bc\=z20-65,
.form-bc\=z20-65 .form-field {
  border-color: rgb(var(--color-z20)/65%);
}

.hover-bc\=z20-65:hover,
[class*="--active"].active-bc\=z20-65,
[class*="--active"] .active-bc\=z20-65,
.form-focus-bc\=z20-65 .form-field:focus,
.form-hover-bc\=z20-65 .form-field:hover {
  border-color: rgb(var(--color-z20)/65%);
}

.bc\=z20-70,
.dark-mode .dark-mode\:bc\=z20-70,
.form-bc\=z20-70 .form-field {
  border-color: rgb(var(--color-z20)/70%);
}

.hover-bc\=z20-70:hover,
[class*="--active"].active-bc\=z20-70,
[class*="--active"] .active-bc\=z20-70,
.form-focus-bc\=z20-70 .form-field:focus,
.form-hover-bc\=z20-70 .form-field:hover {
  border-color: rgb(var(--color-z20)/70%);
}

.bc\=z20-75,
.dark-mode .dark-mode\:bc\=z20-75,
.form-bc\=z20-75 .form-field {
  border-color: rgb(var(--color-z20)/75%);
}

.hover-bc\=z20-75:hover,
[class*="--active"].active-bc\=z20-75,
[class*="--active"] .active-bc\=z20-75,
.form-focus-bc\=z20-75 .form-field:focus,
.form-hover-bc\=z20-75 .form-field:hover {
  border-color: rgb(var(--color-z20)/75%);
}

.bc\=z20-80,
.dark-mode .dark-mode\:bc\=z20-80,
.form-bc\=z20-80 .form-field {
  border-color: rgb(var(--color-z20)/80%);
}

.hover-bc\=z20-80:hover,
[class*="--active"].active-bc\=z20-80,
[class*="--active"] .active-bc\=z20-80,
.form-focus-bc\=z20-80 .form-field:focus,
.form-hover-bc\=z20-80 .form-field:hover {
  border-color: rgb(var(--color-z20)/80%);
}

.bc\=z20-85,
.dark-mode .dark-mode\:bc\=z20-85,
.form-bc\=z20-85 .form-field {
  border-color: rgb(var(--color-z20)/85%);
}

.hover-bc\=z20-85:hover,
[class*="--active"].active-bc\=z20-85,
[class*="--active"] .active-bc\=z20-85,
.form-focus-bc\=z20-85 .form-field:focus,
.form-hover-bc\=z20-85 .form-field:hover {
  border-color: rgb(var(--color-z20)/85%);
}

.bc\=z20-90,
.dark-mode .dark-mode\:bc\=z20-90,
.form-bc\=z20-90 .form-field {
  border-color: rgb(var(--color-z20)/90%);
}

.hover-bc\=z20-90:hover,
[class*="--active"].active-bc\=z20-90,
[class*="--active"] .active-bc\=z20-90,
.form-focus-bc\=z20-90 .form-field:focus,
.form-hover-bc\=z20-90 .form-field:hover {
  border-color: rgb(var(--color-z20)/90%);
}

.bc\=z20-95,
.dark-mode .dark-mode\:bc\=z20-95,
.form-bc\=z20-95 .form-field {
  border-color: rgb(var(--color-z20)/95%);
}

.hover-bc\=z20-95:hover,
[class*="--active"].active-bc\=z20-95,
[class*="--active"] .active-bc\=z20-95,
.form-focus-bc\=z20-95 .form-field:focus,
.form-hover-bc\=z20-95 .form-field:hover {
  border-color: rgb(var(--color-z20)/95%);
}

.bc\=z20-100,
.dark-mode .dark-mode\:bc\=z20-100,
.form-bc\=z20-100 .form-field {
  border-color: rgb(var(--color-z20)/100%);
}

.hover-bc\=z20-100:hover,
[class*="--active"].active-bc\=z20-100,
[class*="--active"] .active-bc\=z20-100,
.form-focus-bc\=z20-100 .form-field:focus,
.form-hover-bc\=z20-100 .form-field:hover {
  border-color: rgb(var(--color-z20)/100%);
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+1),
.children-bg-sequence > *:nth-child(5n+1) .bg\=sequence {
  background-color: rgb(var(--color-z4));
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+2),
.children-bg-sequence > *:nth-child(5n+2) .bg\=sequence {
  background-color: rgb(var(--color-z5));
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+3),
.children-bg-sequence > *:nth-child(5n+3) .bg\=sequence {
  background-color: rgb(var(--color-z6));
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+4),
.children-bg-sequence > *:nth-child(5n+4) .bg\=sequence {
  background-color: rgb(var(--color-z7));
}

.children-bg-sequence > .bg\=sequence:nth-child(5n+5),
.children-bg-sequence > *:nth-child(5n+5) .bg\=sequence {
  background-color: rgb(var(--color-z8));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+1),
.children-bc-sequence > *:nth-child(5n+1) .bc\=sequence {
  border-color: rgb(var(--color-z4));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+2),
.children-bc-sequence > *:nth-child(5n+2) .bc\=sequence {
  border-color: rgb(var(--color-z5));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+3),
.children-bc-sequence > *:nth-child(5n+3) .bc\=sequence {
  border-color: rgb(var(--color-z6));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+4),
.children-bc-sequence > *:nth-child(5n+4) .bc\=sequence {
  border-color: rgb(var(--color-z7));
}

.children-bc-sequence > .bc\=sequence:nth-child(5n+5),
.children-bc-sequence > *:nth-child(5n+5) .bc\=sequence {
  border-color: rgb(var(--color-z8));
}

.bc\=inherit,
._settings .form-bc\=inherit .form-field {
  border-color: inherit;
}

.bc\=trans,
._settings .form-bc\=trans .form-field {
  border-color: transparent;
}

.shadow\=3,
.hover\:shadow\=3:hover,
.form-shadow\=3 .form-field,
.form-focus-shadow\=3 .form-field:focus {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
}

body .ui-form .form-field[readonly]:not([class*="bc="]) {
  border-color: transparent;
}

/*# sourceMappingURL=_qompose_theme.css.map */