@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
*, ::before, ::after {
  box-sizing: border-box;
}

* {
  background-origin: border-box;
  background-repeat: no-repeat;
  margin: 0;
}
*:where(:not(fieldset)) {
  border-width: 0;
  border-style: solid;
}

:where(html) {
  block-size: 100%;
  font-family: var(--font);
  line-height: var(--font-lineheight-3);
}
@media (--motionOK) {
  :where(html) {
    scroll-behavior: smooth;
  }
}

:where(body) {
  min-block-size: 100%;
  scrollbar-gutter: stable both-edges;
}

:where(h1, h2, h3, h4, h5, h6) {
  line-height: var(--font-relative-lineheight-2);
  font-weight: var(--font-weight-4);
}

:where(h1) {
  font-size: var(--font-size-6);
}

:where(h2) {
  font-size: var(--font-size-5);
}

:where(h3) {
  font-size: var(--font-size-4);
}

:where(h4) {
  font-size: var(--font-size-3);
}

:where(h5) {
  font-size: var(--font-size-2);
}

:where(a, u, ins, abbr) {
  text-underline-offset: 1px;
}

:where(a) {
  opacity: 0.5;
  text-decoration: underline;
  text-decoration-color: var(--surface-2);
  opacity: 1;
  font-weight: var(--link-weight);
}
:where(a):where(:visited) {
  text-decoration-color: var(--surface-3);
}
:where(button) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
  vertical-align: middle;
}

:where(img, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(input, button, textarea, select) {
  font: inherit;
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}

:where(input) {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
}

:where(select) {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
}

:where(textarea) {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
  resize: block;
}

:where(input[type=checkbox], input[type=radio]) {
  block-size: var(--size-3);
  inline-size: var(--size-3);
}

:where(svg) {
  stroke: none;
  fill: currentColor;
}

:where(code, kbd, samp, pre) {
  font-family: var(--font-mono);
}

:where(:not(pre) > code, kbd) {
  white-space: nowrap;
}

:where(pre) {
  white-space: pre;
  min-inline-size: 0;
  max-inline-size: max-content;
}

:where(:not(pre) > code) {
  padding: var(--size-0) var(--size-1);
  background: var(--surface-3);
  border-radius: var(--radius-2);
}

:where(kbd, var) {
  padding: var(--size-1) var(--size-2);
  border-width: var(--border-size-1);
  border-color: var(--surface-4);
  border-radius: var(--radius-2);
}

:where(mark) {
  border-radius: var(--radius-2);
  padding-inline: var(--size-1);
}

:where(ol, ul) {
  padding-inline-start: var(--size-3);
}

:where(p:not(:last-of-type)) {
  margin-block-end: var(--size-2);
}

:where(dt, summary) {
  font-weight: var(--font-weight-7);
}

:where(dt:not(:first-of-type)) {
  margin-block-start: var(--size-5);
}

:where(small) {
  font-size: max(0.5em, var(--font-size-0));
}

:where(hr) {
  height: var(--border-size-2);
  background-color: var(--surface-3);
}
:where(hr) .card {
  background-color: var(--surface-4);
}

:where(figure) {
  display: grid;
  gap: var(--size-2);
  place-items: center;
}
:where(figure) > :where(figcaption) {
  font-size: var(--font-size-1);
}

:where(blockquote, :not(blockquote) > cite) {
  border-inline-start-width: var(--border-size-3);
}

:where(blockquote) {
  display: grid;
  gap: var(--size-3);
  padding-block: var(--size-3);
  padding-inline: var(--size-4);
}

:where(:not(blockquote) > cite) {
  padding-inline-start: var(--size-2);
}

:where(summary) {
  background: var(--surface-3);
  padding: var(--size-2) var(--size-3);
  margin: calc(var(--size-2) * -1) calc(var(--size-3) * -1);
  border-radius: var(--radius-2);
}

:where(details) {
  padding-inline: var(--size-3);
  padding-block: var(--size-2);
  background: var(--surface-2);
  border-radius: var(--radius-2);
}

:where(details[open] > summary) {
  margin-bottom: var(--size-2);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

:where(fieldset) {
  border-radius: var(--radius-2);
}

:where(del) {
  background: var(--red-9);
  color: var(--red-2);
}

:where(ins) {
  background: var(--green-9);
  color: var(--green-1);
}

:where(abbr) {
  text-decoration-color: var(--blue-5);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}

:where(html) {
  --border-size-1: 1px;
  --border-size-2: 2px;
  --border-size-3: 5px;
  --border-size-4: 10px;
  --border-size-5: 25px;
  --radius-1: 2px;
  --radius-2: 5px;
  --radius-3: 1rem;
  --radius-4: 2rem;
  --radius-5: 4rem;
  --radius-6: 8rem;
  --radius-round: 1e5px;
  --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
  --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
  --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
  --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
  --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
  --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
  --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
  --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
  --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
  --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
  --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));
}

:where(.light-mode) {
  --white: #ffffff;
  --black: #000000;
  --neutral-light-1: oklch(1 0 244.45);
  --neutral-light-2: oklch(0.95 0.003 244.45);
  --neutral-light-3: oklch(0.9 0.006 244.45);
  --neutral-light-4: oklch(0.75 0.015 244.45);
  --neutral-light-5: oklch(0.6 0.024 244.45);
  --neutral-dark-1: oklch(0.7 0.018 244.45);
  --neutral-dark-2: oklch(0.48 0.029 244.45);
  --neutral-dark-3: oklch(0.25 0.015 244.45);
  --neutral-dark-4: oklch(0.13 0.008 244.45);
  --neutral-dark-5: oklch(0 0 244.45);
  --brand-1: oklch(0.95 0.01 25);
  --brand-2: oklch(0.75 0.05 25);
  --brand-3: oklch(0.55 0.09 25);
  --brand-4: oklch(0.4 0.08 25);
  --brand-5: oklch(0.25 0.05 25);
  --red-1: oklch(0.95 0.01 30);
  --red-2: oklch(0.75 0.05 30);
  --red-3: oklch(0.55 0.09 30);
  --red-4: oklch(0.4 0.08 30);
  --red-5: oklch(0.25 0.05 30);
  --orange-1: oklch(0.95 0.01 65);
  --orange-2: oklch(0.75 0.05 65);
  --orange-3: oklch(0.55 0.09 65);
  --orange-4: oklch(0.4 0.08 65);
  --orange-5: oklch(0.25 0.05 65);
  --yellow-1: oklch(0.95 0.01 100);
  --yellow-2: oklch(0.75 0.05 100);
  --yellow-3: oklch(0.55 0.09 100);
  --yellow-4: oklch(0.4 0.08 100);
  --yellow-5: oklch(0.25 0.05 100);
  --green-1: oklch(0.95 0.01 140);
  --green-2: oklch(0.75 0.05 140);
  --green-3: oklch(0.55 0.09 140);
  --green-4: oklch(0.4 0.08 140);
  --green-5: oklch(0.25 0.05 140);
  --teal-1: oklch(0.95 0.01 185);
  --teal-2: oklch(0.75 0.05 185);
  --teal-3: oklch(0.55 0.09 185);
  --teal-4: oklch(0.4 0.08 185);
  --teal-5: oklch(0.25 0.05 185);
  --blue-1: oklch(0.95 0.01 250);
  --blue-2: oklch(0.75 0.05 250);
  --blue-3: oklch(0.55 0.09 250);
  --blue-4: oklch(0.4 0.08 250);
  --blue-5: oklch(0.25 0.05 250);
  --purple-1: oklch(0.95 0.01 310);
  --purple-2: oklch(0.75 0.05 310);
  --purple-3: oklch(0.55 0.09 310);
  --purple-4: oklch(0.4 0.08 310);
  --purple-5: oklch(0.25 0.05 310);
  --magenta-1: oklch(0.95 0.01 326);
  --magenta-2: oklch(0.75 0.05 326);
  --magenta-3: oklch(0.55 0.09 326);
  --magenta-4: oklch(0.4 0.08 326);
  --magenta-5: oklch(0.25 0.05 326);
  --pink-1: oklch(0.95 0.01 340);
  --pink-2: oklch(0.75 0.05 340);
  --pink-3: oklch(0.55 0.09 340);
  --pink-4: oklch(0.4 0.08 340);
  --pink-5: oklch(0.25 0.05 340);
}

:where(.dark-mode) {
  --white: #ffffff;
  --black: #000000;
  --neutral-light-5: oklch(1 0 244.45);
  --neutral-light-4: oklch(0.88 0.007 244.45);
  --neutral-light-3: oklch(0.75 0.015 244.45);
  --neutral-light-2: oklch(0.57 0.026 244.45);
  --neutral-light-1: oklch(0.4 0.024 244.45);
  --neutral-dark-5: oklch(0.3 0.018 244.45);
  --neutral-dark-4: oklch(0.25 0.015 244.45);
  --neutral-dark-3: oklch(0.2 0.012 244.45);
  --neutral-dark-2: oklch(0.15 0.009 244.45);
  --neutral-dark-1: oklch(0.1 0.006 244.45);
  --brand-5: oklch(0.9 0.028 25);
  --brand-4: oklch(0.71 0.081 25);
  --brand-3: oklch(0.52 0.134 25);
  --brand-2: oklch(0.4 0.112 25);
  --brand-1: oklch(0.28 0.078 25);
  --red-5: oklch(0.9 0.028 30);
  --red-4: oklch(0.71 0.081 30);
  --red-3: oklch(0.52 0.134 30);
  --red-2: oklch(0.4 0.112 30);
  --red-1: oklch(0.28 0.078 30);
  --orange-5: oklch(0.9 0.028 65);
  --orange-4: oklch(0.71 0.081 65);
  --orange-3: oklch(0.52 0.134 65);
  --orange-2: oklch(0.4 0.112 65);
  --orange-1: oklch(0.28 0.078 65);
  --yellow-5: oklch(0.9 0.028 100);
  --yellow-4: oklch(0.71 0.081 100);
  --yellow-3: oklch(0.52 0.134 100);
  --yellow-2: oklch(0.4 0.112 100);
  --yellow-1: oklch(0.28 0.078 100);
  --green-5: oklch(0.9 0.028 140);
  --green-4: oklch(0.71 0.081 140);
  --green-3: oklch(0.52 0.134 140);
  --green-2: oklch(0.4 0.112 140);
  --green-1: oklch(0.28 0.078 140);
  --teal-5: oklch(0.9 0.028 185);
  --teal-4: oklch(0.71 0.081 185);
  --teal-3: oklch(0.52 0.134 185);
  --teal-2: oklch(0.4 0.112 185);
  --teal-1: oklch(0.28 0.078 185);
  --blue-5: oklch(0.9 0.028 250);
  --blue-4: oklch(0.71 0.081 250);
  --blue-3: oklch(0.52 0.134 250);
  --blue-2: oklch(0.4 0.112 250);
  --blue-1: oklch(0.28 0.078 250);
  --purple-5: oklch(0.9 0.028 310);
  --purple-4: oklch(0.71 0.081 310);
  --purple-3: oklch(0.52 0.134 310);
  --purple-2: oklch(0.4 0.112 310);
  --purple-1: oklch(0.28 0.078 310);
  --magenta-5: oklch(0.9 0.028 326);
  --magenta-4: oklch(0.71 0.081 326);
  --magenta-3: oklch(0.52 0.134 326);
  --magenta-2: oklch(0.4 0.112 326);
  --magenta-1: oklch(0.28 0.078 326);
  --pink-5: oklch(0.9 0.028 340);
  --pink-4: oklch(0.71 0.081 340);
  --pink-3: oklch(0.52 0.134 340);
  --pink-2: oklch(0.4 0.112 340);
  --pink-1: oklch(0.28 0.078 340);
}

:where(html) {
  --size-000: -.5rem;
  --size-00: -.25rem;
  --size-0: .125rem;
  --size-1: .25rem;
  --size-2: .5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;
  --size-fluid-1: clamp(.5rem, 1vw, 1rem);
  --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
  --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
  --size-fluid-4: clamp(2rem, 4vw, 3rem);
  --size-fluid-5: clamp(4rem, 5vw, 5rem);
  --size-fluid-6: clamp(5rem, 7vw, 7.5rem);
  --size-fluid-7: clamp(7.5rem, 10vw, 10rem);
  --size-fluid-8: clamp(10rem, 20vw, 15rem);
  --size-fluid-9: clamp(15rem, 30vw, 20rem);
  --size-fluid-10: clamp(20rem, 40vw, 30rem);
  --size-content-1: 20ch;
  --size-content-2: 45ch;
  --size-content-3: 60ch;
  --size-header-1: 20ch;
  --size-header-2: 25ch;
  --size-header-3: 45rem;
  --layout-size-small: 20rem;
  --layout-size-medium: 44rem;
  --layout-size-large: 88rem;
  --layout-size-larger: 120rem;
  --layout-size: 110rem;
}

:where(html) {
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --font-serif: ui-serif, serif;
  --font-mono: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --font-weight-8: 800;
  --font-weight-9: 900;
  --font-lineheight-00: .95;
  --font-lineheight-0: 1.1;
  --font-lineheight-1: 1.25;
  --font-lineheight-2: 1.375;
  --font-lineheight-3: 1.5;
  --font-lineheight-4: 1.75;
  --font-lineheight-5: 2;
  --font-letterspacing-0: -.05em;
  --font-letterspacing-1: .025em;
  --font-letterspacing-2: .050em;
  --font-letterspacing-3: .075em;
  --font-letterspacing-4: .150em;
  --font-letterspacing-5: .500em;
  --font-letterspacing-6: .750em;
  --font-letterspacing-7: 1em;
  --font-size-00: .6rem;
  --font-size-0: .7rem;
  --font-size-1: .8rem;
  --font-size-2: 1rem;
  --font-size-3: 1.2rem;
  --font-size-4: 1.3rem;
  --font-size-5: 1.5rem;
  --font-size-6: 1.75rem;
  --font-size-7: 1.8rem;
  --font-size-8: 2rem;
  --font-size-fluid-0: clamp(.75rem, 1vw, 1rem);
  --font-size-fluid-1: clamp(1rem, 1.2vw, 1.1rem);
  --font-size-fluid-2: clamp(1.5rem, 3vw, 2.5rem);
  --font-size-fluid-3: clamp(2rem, 6vw, 3.5rem);
}
@media only screen and (min-width: 44rem) {
  :where(html) {
    --font-size-00: .6rem;
    --font-size-0: .8rem;
    --font-size-1: 1rem;
    --font-size-2: 1.1rem;
    --font-size-3: 1.2rem;
    --font-size-4: 1.2rem;
    --font-size-5: 1.3rem;
    --font-size-6: 1.5rem;
    --font-size-7: 2.75rem;
    --font-size-8: 3.25rem;
  }
}

:where(.dark-mode) {
  --shadow-strength: 25%;
  --shadow-color: 0 0% 0%;
}

:where(:not(.dark-mode)) {
  --shadow-strength:20%;
  --shadow-color: 211 100% 15%;
}

:where(.app-container) {
  --shadow-layer-1:
   0 0px 3px 1px hsl(var(--shadow-color) / calc(var(--shadow-strength)));
  --shadow-layer-2:
   0 0px 6px 5px hsl(var(--shadow-color) / calc(var(--shadow-strength)));
  --shadow-layer-3:
   0 5px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength)));
  --shadow-layer-4:
   0 1px 3px 1px hsl(var(--shadow-color) / calc(var(--shadow-strength)));
  --shadow-1:
     var(--shadow-layer-1);
  --shadow-2:
     var(--shadow-layer-1),
     var(--shadow-layer-2);
  --shadow-3:
     var(--shadow-layer-1),
     var(--shadow-layer-2),
     var(--shadow-layer-3);
  --shadow-4:
      0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
      0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
      0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
      0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));
  --shadow-5:
      0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
      0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
      0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
      0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
  --shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
      0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
      0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
      0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
      0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),
      0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
  --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
}

.no-select {
  user-select: none;
}

.fs-0 {
  font-size: var(--font-size-0);
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}
.text-center input {
  text-align: center;
}

.text-right {
  text-align: right;
}
.text-right input {
  text-align: right;
}

.text-left {
  text-align: left;
}
.text-left input {
  text-align: left;
}

.text-muted {
  color: var(--text-4);
}

.disabled {
  opacity: 0.5;
}

.hidden {
  display: none !important;
}

.text-small {
  font-size: var(--font-size-0);
}

h1 .text-small,
h2 .text-small,
h3 .text-small,
h4 .text-small {
  font-size: 0.66em;
}

TODO {
  font-weight: bold;
  display: block;
}

.text-medium {
  font-size: 0.8rem;
}

.no-wrap {
  white-space: nowrap;
}

.wrap {
  white-space: break-spaces;
}

.selected .text-muted {
  color: var(--text-3);
}

.not-allowed {
  cursor: not-allowed;
}

.help {
  cursor: help;
}

.clickable {
  cursor: pointer;
  transition: var(--transition);
}

.alternate-rows > *:nth-of-type(odd), .table tbody > *:nth-of-type(odd) {
  background: rgba(var(--theme-contrast-value), 0.04);
}

.link {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition);
}
.link:hover {
  color: var(--link-hover);
}
.link:hover:where(:not(.dropdown-link)):where(:not(.nav-menu a)):where(:not(a.btn-tab)) {
  transform: translateY(calc(0rem - var(--size-0)));
}

.scroll-overflow {
  max-height: 80vh;
  overflow-y: scroll;
}

.success {
  background: var(--success-dark);
  color: var(--neutral-light-1);
}

.danger {
  background: var(--danger-dark);
  color: var(--neutral-light-1);
}

.warning {
  background: var(--warning-dark);
  color: var(--neutral-light-1);
}

.info {
  background: var(--info-dark);
  color: var(--neutral-light-1);
}

.tag {
  padding: var(--size-0) var(--size-2);
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-7);
  line-height: var(--font-lineheight-1);
  border: var(--border-size-1) solid transparent;
  background: var(--surface-3);
  color: var(--neutral-dark-1);
  border-radius: var(--radius-1);
  box-shadow: var(--inner-shadow-1);
  white-space: nowrap;
  text-align: center;
}

.uppercase, .form label,
label.field-container, .btn {
  text-transform: uppercase;
  letter-spacing: 0.035rem;
}

.alt-font, :where(h1, h2, h3), :where(h4, h5, h6, dt) {
  font-family: var(--alt-font);
}

.m-1 {
  margin: var(--size-1);
}

.no-padding {
  padding: 0 !important;
}

.p-1 {
  padding: var(--size-1);
}

.px-1 {
  padding-inline: var(--size-1);
}

.py-1 {
  padding-block: var(--size-1);
}

.mi-1 {
  margin-inline-end: var(--size-1);
}

.mb-1 {
  margin-block-end: var(--size-1);
}

.mx-1 {
  margin-inline: var(--size-1);
}

.my-1 {
  margin-block: var(--size-1);
}

.g-1 {
  gap: var(--size-1);
}

.gy-1 {
  row-gap: var(--size-1);
}

.gx-1 {
  column-gap: var(--size-1);
}

.m-2 {
  margin: var(--size-2);
}

.no-padding {
  padding: 0 !important;
}

.p-2 {
  padding: var(--size-2);
}

.px-2 {
  padding-inline: var(--size-2);
}

.py-2 {
  padding-block: var(--size-2);
}

.mi-2 {
  margin-inline-end: var(--size-2);
}

.mb-2 {
  margin-block-end: var(--size-2);
}

.mx-2 {
  margin-inline: var(--size-2);
}

.my-2 {
  margin-block: var(--size-2);
}

.g-2 {
  gap: var(--size-2);
}

.gy-2 {
  row-gap: var(--size-2);
}

.gx-2 {
  column-gap: var(--size-2);
}

.m-3 {
  margin: var(--size-3);
}

.no-padding {
  padding: 0 !important;
}

.p-3 {
  padding: var(--size-3);
}

.px-3 {
  padding-inline: var(--size-3);
}

.py-3 {
  padding-block: var(--size-3);
}

.mi-3 {
  margin-inline-end: var(--size-3);
}

.mb-3 {
  margin-block-end: var(--size-3);
}

.mx-3 {
  margin-inline: var(--size-3);
}

.my-3 {
  margin-block: var(--size-3);
}

.g-3 {
  gap: var(--size-3);
}

.gy-3 {
  row-gap: var(--size-3);
}

.gx-3 {
  column-gap: var(--size-3);
}

.m-4 {
  margin: var(--size-7);
}

.no-padding {
  padding: 0 !important;
}

.p-4 {
  padding: var(--size-7);
}

.px-4 {
  padding-inline: var(--size-7);
}

.py-4 {
  padding-block: var(--size-7);
}

.mi-4 {
  margin-inline-end: var(--size-7);
}

.mb-4 {
  margin-block-end: var(--size-7);
}

.mx-4 {
  margin-inline: var(--size-7);
}

.my-4 {
  margin-block: var(--size-7);
}

.g-4 {
  gap: var(--size-7);
}

.gy-4 {
  row-gap: var(--size-7);
}

.gx-4 {
  column-gap: var(--size-7);
}

.m-5 {
  margin: var(--size-9);
}

.no-padding {
  padding: 0 !important;
}

.p-5 {
  padding: var(--size-9);
}

.px-5 {
  padding-inline: var(--size-9);
}

.py-5 {
  padding-block: var(--size-9);
}

.mi-5 {
  margin-inline-end: var(--size-9);
}

.mb-5 {
  margin-block-end: var(--size-9);
}

.mx-5 {
  margin-inline: var(--size-9);
}

.my-5 {
  margin-block: var(--size-9);
}

.g-5 {
  gap: var(--size-9);
}

.gy-5 {
  row-gap: var(--size-9);
}

.gx-5 {
  column-gap: var(--size-9);
}

.fs-00 {
  font-size: var(--font-size-00) !important;
}

.fs-0 {
  font-size: var(--font-size-0) !important;
}

.fs-1 {
  font-size: var(--font-size-1) !important;
}

.fs-2 {
  font-size: var(--font-size-2) !important;
}

.fs-3 {
  font-size: var(--font-size-3) !important;
}

.fs-4 {
  font-size: var(--font-size-4) !important;
}

.fs-5 {
  font-size: var(--font-size-5) !important;
}

.fs-6 {
  font-size: var(--font-size-6) !important;
}

.fs-7 {
  font-size: var(--font-size-7) !important;
}

.fs-8 {
  font-size: var(--font-size-8) !important;
}

.nobg {
  background: none !important;
}

.border {
  border: 2px solid var(--border-color) !important;
  border-radius: var(--theme-radius);
}

:where(html) {
  --font: "Calibri", "Candara", Segoe, "Segoe UI", Optima, Arial, sans-serif;
  --alt-font: "Plus Jakarta Sans", "Candara", "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: .45;
  --transition: all .3s, transform .3s cubic-bezier(0, 1.11, 1, 1.12);
  background-size: cover;
  font-size: var(--font-size-fluid-1);
}

:where(.app-container) {
  --theme-radius: var(--size-1);
  --btn-shadow: none;
  color: var(--text-2);
  background-color: var(--surface-1);
  background-size: cover;
  transition: all 1.25s;
  --form-border: var(--border-size-2) solid var(--surface-2);
}

:where(.dark-mode) {
  --text-1: var(--neutral-light-5);
  --text-2: var(--neutral-light-4);
  --text-3: var(--neutral-light-3);
  --text-4: var(--neutral-light-2);
  --text-5: var(--neutral-light-1);
  --link: var(--brand-3);
  --link-visited: var(--brand-3);
  --link-hover: var(--brand-4);
  --link-weight: bold;
  --theme-value: 0, 0, 0;
  --theme-contrast-value: 255, 255, 255;
  --surface-1: var(--neutral-dark-2);
  --surface-2: var(--neutral-dark-3);
  --surface-3: var(--neutral-dark-4);
  --surface-4: var(--neutral-dark-5);
  --surface-5: var(--neutral-dark-1);
  --dropdown-background: var(--surface-2);
  --success: var(--green-2);
  --info: var(--surface-2);
  --warning: var(--orange-2);
  --danger: var(--red-2);
  --btn-color: var(--surface-4);
  --btn-hover-color: var(--brand-4);
  --border-color: var(--neutral-dark-1);
}

:where(.light-mode) {
  --text-1: var(--neutral-dark-5);
  --text-2: var(--neutral-dark-4);
  --text-3: var(--neutral-dark-3);
  --text-4: var(--neutral-dark-2);
  --text-5: var(--neutral-dark-1);
  --link: var(--brand-3);
  --link-visited: var(--brand-3);
  --link-hover: var(--brand-4);
  --link-weight: bold;
  --theme-value: 255, 255, 255;
  --theme-contrast-value: 0, 0, 0;
  --surface-1: var(--neutral-light-1);
  --surface-2: var(--neutral-light-2);
  --surface-3: var(--neutral-light-3);
  --surface-4: var(--neutral-light-4);
  --surface-5: var(--neutral-light-5);
  --dropdown-background: var(--surface-2);
  --success: var(--green-3);
  --info: var(--surface-3);
  --warning: var(--orange-3);
  --danger: var(--red-3);
  --btn-color: var(--neutral-dark-3);
  --btn-hover-color: var(--brand-4);
  --border-color: var(--neutral-dark-1);
}

::selection {
  background: var(--brand-1);
  color: var(--text-1);
  text-shadow: none;
}

:where(h1, h2, h3) {
  font-weight: bold;
}

:where(h4, h5, h6, dt) {
  font-weight: bold;
}

:where(a[href]) {
  color: var(--link);
  text-decoration: none;
  transition: var(--transition);
}
:where(a[href]):visited {
  color: var(--link-visited);
}
:where(a[href]):hover {
  color: var(--link-hover);
}
:where(a[href]):hover:where(:not(.dropdown-link)):where(:not(.nav-menu a)):where(:not(a.btn-tab)):where(:not(.selected)) {
  transform: var(--translate-slight-raise);
}
:where(a[href]):hover > .card {
  position: relative;
  overflow: hidden;
  /*z-index: 1;*/
}

:focus-visible:where(:not(h1)) {
  outline-color: var(--surface-1);
}

:focus-visible:where(h1) {
  outline-color: transparent;
}

.columns-2 {
  column-count: 2;
}

.columns-3 {
  column-count: 3;
}

.columns-4 {
  column-count: 4;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-stretch {
  display: flex;
  flex-direction: row;
}
.flex-row-stretch > * {
  flex: 1;
}

.flex-row-centered, .flex-row-centered-between {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-centered-between {
  justify-content: space-between;
  align-items: flex-start;
}

.flex-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-sidebar > *:nth-child(1) {
  flex: 1;
  min-width: var(--layout-size-small);
}
.flex-sidebar > *:nth-child(2) {
  flex: 5;
  min-width: var(--layout-size-small);
}

.flex-sidebar-end {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-sidebar-end > *:nth-child(1) {
  flex: 3;
  min-width: 20rem;
}
.flex-sidebar-end > *:nth-child(2) {
  flex: 1;
  min-width: 20rem;
}

.flex-two-col {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-two-col > * {
  flex: 1;
  min-width: 20rem;
}

.flex-cols {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-cols > * {
  flex-basis: var(--layout-size-small);
}
@media only screen and (min-width: 44rem) {
  .flex-cols.three-cols > * {
    min-width: max(30%, var(--layout-size-small));
  }
  .flex-cols.two-cols > * {
    min-width: max(45%, var(--layout-size-small));
  }
  .flex-cols.four-cols > * {
    min-width: max(20%, var(--layout-size-small));
  }
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-stretch {
  flex: 2;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.align-start {
  align-items: flex-start;
}

.align-stretch {
  align-items: stretch;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-stretch {
  align-self: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-stretch {
  justify-content: stretch;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  grid-auto-rows: 1fr;
}

.grid-three-col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.grid-four-col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
}

.grid-two-col-auto {
  display: grid;
  grid-template-columns: max-content auto;
}

.grid-two-col {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

.input-range-grid {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-auto-rows: 1fr;
  gap: 1rem;
}

.container {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--layout-size);
  width: 100%;
  padding-right: var(--size-3);
  padding-left: var(--size-3);
  margin-right: auto;
  margin-left: auto;
}

.small-container {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--layout-size-small);
  width: 100%;
  padding-right: var(--size-3);
  padding-left: var(--size-3);
  margin-right: auto;
  margin-left: auto;
}

.medium-container {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--layout-size-medium);
  width: 100%;
  padding-right: var(--size-3);
  padding-left: var(--size-3);
  margin-right: auto;
  margin-left: auto;
}

.large-container {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--layout-size-large);
  width: 100%;
  padding-right: var(--size-3);
  padding-left: var(--size-3);
  margin-right: auto;
  margin-left: auto;
}

.larger-container {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--layout-size-larger);
  width: 100%;
  padding-right: var(--size-3);
  padding-left: var(--size-3);
  margin-right: auto;
  margin-left: auto;
}

.small-width {
  max-inline-size: var(--layout-size-small);
  width: 100%;
}

.medium-width {
  max-inline-size: var(--layout-size-medium);
  width: 100%;
}

.large-width {
  max-inline-size: var(--layout-size-large);
  width: 100%;
}

.fill-height {
  min-height: 100%;
  max-height: 100%;
  flex: 1;
}

html,
body,
#app,
.app-container {
  min-height: 100vh;
}

.app-container {
  display: flex;
  flex-direction: column;
}
.app-container .app-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  /*z-index: 0;*/
}
.app-container .app-main main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.surface, .surface-container, .digital-card, .list-group, .alert, .card, .card.brand-card, .card.contrast-card, .mini-card {
  transition: var(--transition);
}

.surface-container, .digital-card, .list-group, .alert, .card, .card.brand-card, .card.contrast-card, .mini-card {
  border-radius: var(--theme-radius);
}

.card, .card.contrast-card, .card.brand-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--theme-radius);
  background: var(--surface-1);
  padding: var(--size-5);
  transition: var(--transition);
  position: relative;
  /*z-index: 1;*/
  /*border: 2px solid var(--border-color);*/
  border: 0.5px solid var(--surface-4);
  box-shadow: var(--shadow-layer-3);
}
.card .card-header {
  font-size: var(--font-size-3);
  font-weight: bold;
  color: var(--brand-3);
  text-transform: uppercase;
  margin-block-end: var(--size-2);
}
.card .card-body {
  flex: 1;
}
.card .card {
  background: var(--surface-1);
}
.card .card::before {
  display: none;
}
.card.brand-card {
  background: var(--brand-3);
  color: var(--white);
  border: none;
}
.card.brand-card :where(a[href]) {
  color: var(--orange-1);
}
.card.brand-card :where(a[href]):visited {
  color: var(--orange-1);
}
.card.brand-card :where(a[href]):hover {
  color: var(--orange-2);
}
.card.contrast-card {
  background: var(--text-3);
  color: var(--surface-4);
  border: none;
}
.card.contrast-card :where(a[href]) {
  color: var(--brand-2);
}
.card.contrast-card :where(a[href]):visited {
  color: var(--brand-2);
}
.card.contrast-card :where(a[href]):hover {
  color: var(--brand-1);
}

.mini-card {
  padding: var(--size-1);
  background: var(--surface-1);
  border: var(--border-size-2) solid var(--surface-2);
}

.card-trans {
  background: rgba(245, 245, 245, 0.75);
}

.alert {
  padding-inline: var(--size-5);
  padding-block: var(--size-3);
  font-weight: var(--font-weight-7);
  align-items: center;
  background-color: var(--surface-1);
}
.alert .alert-header {
  font-size: var(--font-size-2);
  margin-block-end: var(--size-2);
}
.alert .alert-body {
  display: flex;
  flex-direction: row;
  align-content: center;
}
.alert .alert-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.alert .alert-content a {
  transition: var(--transition);
}
.alert .alert-content a:hover {
  color: rgba(var(--theme-value), 0.7);
}
.alert.alert-success {
  background-color: var(--success);
  color: white;
  color: white;
}
.alert.alert-success :where(a[href]) {
  color: white;
}
.alert.alert-success :where(a[href]):visited {
  color: white;
}
.alert.alert-info {
  background-color: var(--info);
  color: var(--text-1);
  /*:where(a[href]){
    // color: var(--info);
    color: white;

    &:visited{
      // color: var(--info);
      color: white;
    }
  }*/
}
.alert.alert-warning {
  background-color: var(--warning);
  color: white;
  color: white;
}
.alert.alert-warning :where(a[href]) {
  color: white;
}
.alert.alert-warning :where(a[href]):visited {
  color: white;
}
.alert.alert-danger {
  background-color: var(--danger);
  color: white;
  color: white;
}
.alert.alert-danger :where(a[href]) {
  color: white;
}
.alert.alert-danger :where(a[href]):visited {
  color: white;
}
.alert.alert-empty {
  background-color: var(--surface-2);
}
.alert.alert-empty :where(a[href]) {
  color: var(--text-3);
}
.alert.alert-empty :where(a[href]):visited {
  color: var(--text-3);
}

.alert-icon {
  --icon-size: var(--font-size-5);
  min-width: var(--icon-size);
  margin-right: calc(var(--icon-size) * 0.5);
  font-size: var(--icon-size);
  display: flex;
  justify-content: center;
}

.badge {
  color: var(--surface-1);
  background-color: var(--surface-5);
  text-align: center;
  white-space: nowrap;
  border-radius: var(--size-1);
  padding-inline: var(--size-2);
}

.breadcrumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--size-2);
  font-family: var(--alt-font);
  font-size: var(--font-size-0);
  color: var(--surface-5);
}
.breadcrumbs :not(a, button) {
  cursor: default;
}
.breadcrumbs .btn {
  padding-inline: var(--size-2);
  padding-block: var(--size-0);
  font-size: var(--font-size-0);
  min-inline-size: initial;
  color: var(--text-3);
  background-color: var(--surface-2);
}
.breadcrumbs .btn.btn:hover {
  background-color: var(--surface-3);
  color: var(--text-2);
  box-shadow: var(--btn-shadow);
  border: var(--border-size-1) solid transparent;
}
.breadcrumbs input[type=text] {
  padding-inline: var(--size-2);
  padding-block: var(--size-0);
  font-size: var(--font-size-0);
  min-inline-size: initial;
  color: var(--text-3);
  background-color: var(--surface-2);
}

:where(html) {
  --translate-slight-raise: translateY(calc(0rem - var(--size-0)));
}

.spinner {
  animation: spinner 1s infinite linear;
}

.spinner-reversed {
  animation: spinner 1s infinite linear;
  animation-direction: reverse;
  animation-delay: 0.2s;
}

@keyframes roll {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(var(--random-rotate));
    opacity: 1;
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.blinker {
  animation: blinker 2s ease 0s infinite alternate forwards;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
/*This is a fade in example.*/
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/*This is a fade out example. */
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: none;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
#animate {
  /*put animation attributes here. Here's a list.
  (https://www.w3schools.com/css/css3_animations.asp)*/
  animation-duration: 2s;
  animation-iteration-count: 1;
  /*put the default display and opacity here, the same as "0%"*/
  display: none;
  opacity: 0;
}

.fadeout {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.loading {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

.loading .dot-flashing {
  display: flex;
  gap: 0.5rem;
}

.loading .dot-flashing span {
  width: 1rem;
  height: 1rem;
  border-radius: var(--theme-radius);
  background-color: var(--brand-3);
  animation: dotFlashing 0.75s infinite alternate;
}

.loading .dot-flashing span:nth-child(2) {
  animation-delay: 0.25s;
}

.loading .dot-flashing span:nth-child(3) {
  animation-delay: 0.5s;
}

.loading .dot-flashing span:nth-child(4) {
  animation-delay: 0.75s;
}

@keyframes dotFlashing {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0.2;
  }
}
@keyframes slideInFromLeft {
  0% {
    left: -2880px;
    top: -1420px;
  }
  100% {
    left: -3350px;
    top: -1450px;
  }
}
#blazor-error-ui {
  color: var(--text-1);
  background: var(--warning);
  bottom: 0;
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 3rem 0.7rem 1.25rem;
  position: fixed;
  z-index: 1000;
}
#blazor-error-ui a {
  font-weight: bold;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

#components-reconnect-modal {
  display: none;
  position: fixed;
  inset: 0px;
  z-index: 1050;
  overflow: hidden;
  color: var(---gray-4) !important;
  background: rgba(0, 0, 0, 0.8) !important;
  text-align: center;
  font-weight: bold;
  transition: visibility 0s linear 500ms;
  visibility: visible;
}

#components-reconnect-modal.components-reconnect-show {
  display: block;
}

#components-reconnect-modal.components-reconnect-hide {
  display: none;
}

#components-reconnect-modal.components-reconnect-failed {
  display: block;
}

#components-reconnect-modal.components-reconnect-rejected {
  display: block;
}

.bg-image {
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.header-banner {
  background: var(--brand-3);
  font-size: 1rem;
  padding-block: 1.5rem;
  color: white;
  margin-block-start: calc(var(--size-4) * -1);
  margin-block-end: var(--size-4);
}
.header-banner .breadcrumbs a {
  color: white;
  font-weight: 400;
}
.header-banner .breadcrumbs a:hover {
  color: white;
}
.header-banner .breadcrumbs div:last-child {
  font-weight: 700;
}

.content-header {
  font-weight: bold;
  text-transform: uppercase;
}

.onboarding-buttons button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  transition: var(--transition);
}
.onboarding-buttons button img {
  max-width: 5rem;
}
.onboarding-buttons button i.fa-circle {
  font-size: 3rem;
  transition: var(--transition);
  opacity: 0.1;
}
.onboarding-buttons button:hover i.fa-circle {
  opacity: 1;
}
.onboarding-buttons button:hover i.fa-circle:before {
  content: "\f058";
}

.dash-links .dash-link {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1rem;
  text-align: center;
  align-items: center;
  color: var(--text-1);
  border-radius: var(--theme-radius);
}
.dash-links .dash-link .call {
  background: var(--surface-5);
  color: white;
  padding: 0.25rem 1.5rem;
  border-radius: var(--theme-radius);
}
.dash-links .dash-link:hover {
  background: var(--surface-3);
}
.dash-links .dash-link:hover .call {
  background: var(--brand-3);
}

.nav-menu {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.nav-menu > a {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  color: var(--text-1);
  padding: 0.5rem 0.5rem;
  border-radius: var(--theme-radius);
}
.nav-menu > a i:first-child {
  color: var(--neutral-dark-2);
  width: 1.2rem;
  text-align: center;
}
.nav-menu > a i:first-child + div {
  flex: 2;
}
.nav-menu > a .notify-dot {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--red-4);
  border-radius: 50%;
  font-size: 0.8rem;
  height: 1rem;
  width: 1rem;
  color: white;
}
.nav-menu > a.active {
  background-color: var(--surface-1);
  color: var(--brand-3);
}
.nav-menu > a:active {
  background-color: var(--surface-1);
}
.nav-menu > a:hover {
  background-color: var(--surface-3);
}

.clippy {
  --bg-color: var(--blue-5);
  --circle-color: #2b2d47;
  position: relative;
  margin: 2rem 1rem 0;
  background: var(--bg-color);
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0 0 1rem var(--neutral-light-1);
  /*bottom: var(--size-3);
  max-width:calc(var(--layout-size-small) - var(--size-9));*/
}
.clippy .fa-circle-question {
  background: white;
  color: var(--bg-color);
  font-size: 3rem;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
  padding: 0.2rem;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 3rem 0.25rem var(--blue-1);
}
.clippy > div {
  height: 16rem;
  color: white;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clippy > div > div {
  position: relative;
  z-index: 12;
}
.clippy > div:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--blue-4);
  content: "";
  z-index: 1;
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.2);
}
.clippy > div:after {
  position: absolute;
  top: 100%;
  left: 100%;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--blue-4);
  content: "";
  z-index: 1;
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.2);
}

.fontello-demo i {
  visibility: hidden;
}
.fontello-demo i:before {
  visibility: visible;
}
.fontello-demo [class^=icon-]:before, .fontello-demo [class*=" icon-"]:before {
  font-size: var(--font-size-4);
}
.fontello-demo .container.header, .fontello-demo .i-code, .fontello-demo .container.footer {
  display: none;
}
.fontello-demo .container#icons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}
.fontello-demo .row > div {
  line-height: var(--font-lineheight-5);
}

.color-swatch {
  font-size: var(--font-size-0);
  text-align: center;
  padding: var(--size-1) var(--size-2);
  border-radius: var(--size-2);
}
.color-swatch.color-swatch-bg {
  color: var(--surface-1);
  font-weight: var(--font-weight-7);
}
.color-swatch.color-swatch-text {
  font-weight: var(--font-weight-7);
}

.bg-neutral-light {
  background: var(--neutral-light-3);
}

.text-neutral-light {
  color: var(--neutral-light-1);
}

.bg-neutral-light-1 {
  background: var(--neutral-light-1);
}

.text-neutral-light-1 {
  color: var(--neutral-light-1);
}

.bg-neutral-light-2 {
  background: var(--neutral-light-2);
}

.text-neutral-light-2 {
  color: var(--neutral-light-2);
}

.bg-neutral-light-3 {
  background: var(--neutral-light-3);
}

.text-neutral-light-3 {
  color: var(--neutral-light-3);
}

.bg-neutral-light-4 {
  background: var(--neutral-light-4);
}

.text-neutral-light-4 {
  color: var(--neutral-light-4);
}

.bg-neutral-light-5 {
  background: var(--neutral-light-5);
}

.text-neutral-light-5 {
  color: var(--neutral-light-5);
}

.bg-neutral-light-6 {
  background: var(--neutral-light-6);
}

.text-neutral-light-6 {
  color: var(--neutral-light-6);
}

.bg-neutral-light-7 {
  background: var(--neutral-light-7);
}

.text-neutral-light-7 {
  color: var(--neutral-light-7);
}

.bg-neutral-light-8 {
  background: var(--neutral-light-8);
}

.text-neutral-light-8 {
  color: var(--neutral-light-8);
}

.bg-neutral-light-9 {
  background: var(--neutral-light-9);
}

.text-neutral-light-9 {
  color: var(--neutral-light-9);
}

.bg-neutral-light-10 {
  background: var(--neutral-light-10);
}

.text-neutral-light-10 {
  color: var(--neutral-light-10);
}

.bg-neutral-light-11 {
  background: var(--neutral-light-11);
}

.text-neutral-light-11 {
  color: var(--neutral-light-11);
}

.bg-neutral-light-12 {
  background: var(--neutral-light-12);
}

.text-neutral-light-12 {
  color: var(--neutral-light-12);
}

.bg-neutral-light-13 {
  background: var(--neutral-light-13);
}

.text-neutral-light-13 {
  color: var(--neutral-light-13);
}

.bg-neutral-light-14 {
  background: var(--neutral-light-14);
}

.text-neutral-light-14 {
  color: var(--neutral-light-14);
}

.bg-neutral-light-15 {
  background: var(--neutral-light-15);
}

.text-neutral-light-15 {
  color: var(--neutral-light-15);
}

.bg-neutral-light-16 {
  background: var(--neutral-light-16);
}

.text-neutral-light-16 {
  color: var(--neutral-light-16);
}

.bg-neutral-light-17 {
  background: var(--neutral-light-17);
}

.text-neutral-light-17 {
  color: var(--neutral-light-17);
}

.bg-neutral-light-18 {
  background: var(--neutral-light-18);
}

.text-neutral-light-18 {
  color: var(--neutral-light-18);
}

.bg-neutral-light-19 {
  background: var(--neutral-light-19);
}

.text-neutral-light-19 {
  color: var(--neutral-light-19);
}

.bg-neutral-light-20 {
  background: var(--neutral-light-20);
}

.text-neutral-light-20 {
  color: var(--neutral-light-20);
}

.bg-neutral-light-21 {
  background: var(--neutral-light-21);
}

.text-neutral-light-21 {
  color: var(--neutral-light-21);
}

.bg-neutral-light-22 {
  background: var(--neutral-light-22);
}

.text-neutral-light-22 {
  color: var(--neutral-light-22);
}

.bg-neutral-light-23 {
  background: var(--neutral-light-23);
}

.text-neutral-light-23 {
  color: var(--neutral-light-23);
}

.bg-neutral-light-24 {
  background: var(--neutral-light-24);
}

.text-neutral-light-24 {
  color: var(--neutral-light-24);
}

.bg-neutral-light-25 {
  background: var(--neutral-light-25);
}

.text-neutral-light-25 {
  color: var(--neutral-light-25);
}

.bg-neutral-light-26 {
  background: var(--neutral-light-26);
}

.text-neutral-light-26 {
  color: var(--neutral-light-26);
}

.bg-neutral-light-27 {
  background: var(--neutral-light-27);
}

.text-neutral-light-27 {
  color: var(--neutral-light-27);
}

.bg-neutral-light-28 {
  background: var(--neutral-light-28);
}

.text-neutral-light-28 {
  color: var(--neutral-light-28);
}

.bg-neutral-light-29 {
  background: var(--neutral-light-29);
}

.text-neutral-light-29 {
  color: var(--neutral-light-29);
}

.bg-neutral-light-30 {
  background: var(--neutral-light-30);
}

.text-neutral-light-30 {
  color: var(--neutral-light-30);
}

.bg-neutral-light-31 {
  background: var(--neutral-light-31);
}

.text-neutral-light-31 {
  color: var(--neutral-light-31);
}

.bg-neutral-light-32 {
  background: var(--neutral-light-32);
}

.text-neutral-light-32 {
  color: var(--neutral-light-32);
}

.bg-neutral-light-33 {
  background: var(--neutral-light-33);
}

.text-neutral-light-33 {
  color: var(--neutral-light-33);
}

.bg-neutral-light-34 {
  background: var(--neutral-light-34);
}

.text-neutral-light-34 {
  color: var(--neutral-light-34);
}

.bg-neutral-light-35 {
  background: var(--neutral-light-35);
}

.text-neutral-light-35 {
  color: var(--neutral-light-35);
}

.bg-neutral-light-36 {
  background: var(--neutral-light-36);
}

.text-neutral-light-36 {
  color: var(--neutral-light-36);
}

.bg-neutral-light-37 {
  background: var(--neutral-light-37);
}

.text-neutral-light-37 {
  color: var(--neutral-light-37);
}

.bg-neutral-light-38 {
  background: var(--neutral-light-38);
}

.text-neutral-light-38 {
  color: var(--neutral-light-38);
}

.bg-neutral-light-39 {
  background: var(--neutral-light-39);
}

.text-neutral-light-39 {
  color: var(--neutral-light-39);
}

.bg-neutral-light-40 {
  background: var(--neutral-light-40);
}

.text-neutral-light-40 {
  color: var(--neutral-light-40);
}

.bg-neutral-light-41 {
  background: var(--neutral-light-41);
}

.text-neutral-light-41 {
  color: var(--neutral-light-41);
}

.bg-neutral-light-42 {
  background: var(--neutral-light-42);
}

.text-neutral-light-42 {
  color: var(--neutral-light-42);
}

.bg-neutral-light-43 {
  background: var(--neutral-light-43);
}

.text-neutral-light-43 {
  color: var(--neutral-light-43);
}

.bg-neutral-light-44 {
  background: var(--neutral-light-44);
}

.text-neutral-light-44 {
  color: var(--neutral-light-44);
}

.bg-neutral-light-45 {
  background: var(--neutral-light-45);
}

.text-neutral-light-45 {
  color: var(--neutral-light-45);
}

.bg-neutral-light-46 {
  background: var(--neutral-light-46);
}

.text-neutral-light-46 {
  color: var(--neutral-light-46);
}

.bg-neutral-light-47 {
  background: var(--neutral-light-47);
}

.text-neutral-light-47 {
  color: var(--neutral-light-47);
}

.bg-neutral-light-48 {
  background: var(--neutral-light-48);
}

.text-neutral-light-48 {
  color: var(--neutral-light-48);
}

.bg-neutral-light-49 {
  background: var(--neutral-light-49);
}

.text-neutral-light-49 {
  color: var(--neutral-light-49);
}

.bg-neutral-light-50 {
  background: var(--neutral-light-50);
}

.text-neutral-light-50 {
  color: var(--neutral-light-50);
}

.bg-neutral-light-51 {
  background: var(--neutral-light-51);
}

.text-neutral-light-51 {
  color: var(--neutral-light-51);
}

.bg-neutral-light-52 {
  background: var(--neutral-light-52);
}

.text-neutral-light-52 {
  color: var(--neutral-light-52);
}

.bg-neutral-light-53 {
  background: var(--neutral-light-53);
}

.text-neutral-light-53 {
  color: var(--neutral-light-53);
}

.bg-neutral-light-54 {
  background: var(--neutral-light-54);
}

.text-neutral-light-54 {
  color: var(--neutral-light-54);
}

.bg-neutral-light-55 {
  background: var(--neutral-light-55);
}

.text-neutral-light-55 {
  color: var(--neutral-light-55);
}

.bg-neutral-light-56 {
  background: var(--neutral-light-56);
}

.text-neutral-light-56 {
  color: var(--neutral-light-56);
}

.bg-neutral-light-57 {
  background: var(--neutral-light-57);
}

.text-neutral-light-57 {
  color: var(--neutral-light-57);
}

.bg-neutral-light-58 {
  background: var(--neutral-light-58);
}

.text-neutral-light-58 {
  color: var(--neutral-light-58);
}

.bg-neutral-light-59 {
  background: var(--neutral-light-59);
}

.text-neutral-light-59 {
  color: var(--neutral-light-59);
}

.bg-neutral-light-60 {
  background: var(--neutral-light-60);
}

.text-neutral-light-60 {
  color: var(--neutral-light-60);
}

.bg-neutral-light-61 {
  background: var(--neutral-light-61);
}

.text-neutral-light-61 {
  color: var(--neutral-light-61);
}

.bg-neutral-light-62 {
  background: var(--neutral-light-62);
}

.text-neutral-light-62 {
  color: var(--neutral-light-62);
}

.bg-neutral-light-63 {
  background: var(--neutral-light-63);
}

.text-neutral-light-63 {
  color: var(--neutral-light-63);
}

.bg-neutral-light-64 {
  background: var(--neutral-light-64);
}

.text-neutral-light-64 {
  color: var(--neutral-light-64);
}

.bg-neutral-light-65 {
  background: var(--neutral-light-65);
}

.text-neutral-light-65 {
  color: var(--neutral-light-65);
}

.bg-neutral-light-66 {
  background: var(--neutral-light-66);
}

.text-neutral-light-66 {
  color: var(--neutral-light-66);
}

.bg-neutral-light-67 {
  background: var(--neutral-light-67);
}

.text-neutral-light-67 {
  color: var(--neutral-light-67);
}

.bg-neutral-light-68 {
  background: var(--neutral-light-68);
}

.text-neutral-light-68 {
  color: var(--neutral-light-68);
}

.bg-neutral-light-69 {
  background: var(--neutral-light-69);
}

.text-neutral-light-69 {
  color: var(--neutral-light-69);
}

.bg-neutral-light-70 {
  background: var(--neutral-light-70);
}

.text-neutral-light-70 {
  color: var(--neutral-light-70);
}

.bg-neutral-light-71 {
  background: var(--neutral-light-71);
}

.text-neutral-light-71 {
  color: var(--neutral-light-71);
}

.bg-neutral-light-72 {
  background: var(--neutral-light-72);
}

.text-neutral-light-72 {
  color: var(--neutral-light-72);
}

.bg-neutral-light-73 {
  background: var(--neutral-light-73);
}

.text-neutral-light-73 {
  color: var(--neutral-light-73);
}

.bg-neutral-light-74 {
  background: var(--neutral-light-74);
}

.text-neutral-light-74 {
  color: var(--neutral-light-74);
}

.bg-neutral-light-75 {
  background: var(--neutral-light-75);
}

.text-neutral-light-75 {
  color: var(--neutral-light-75);
}

.bg-neutral-light-76 {
  background: var(--neutral-light-76);
}

.text-neutral-light-76 {
  color: var(--neutral-light-76);
}

.bg-neutral-light-77 {
  background: var(--neutral-light-77);
}

.text-neutral-light-77 {
  color: var(--neutral-light-77);
}

.bg-neutral-light-78 {
  background: var(--neutral-light-78);
}

.text-neutral-light-78 {
  color: var(--neutral-light-78);
}

.bg-neutral-light-79 {
  background: var(--neutral-light-79);
}

.text-neutral-light-79 {
  color: var(--neutral-light-79);
}

.bg-neutral-light-80 {
  background: var(--neutral-light-80);
}

.text-neutral-light-80 {
  color: var(--neutral-light-80);
}

.bg-neutral-light-81 {
  background: var(--neutral-light-81);
}

.text-neutral-light-81 {
  color: var(--neutral-light-81);
}

.bg-neutral-light-82 {
  background: var(--neutral-light-82);
}

.text-neutral-light-82 {
  color: var(--neutral-light-82);
}

.bg-neutral-light-83 {
  background: var(--neutral-light-83);
}

.text-neutral-light-83 {
  color: var(--neutral-light-83);
}

.bg-neutral-light-84 {
  background: var(--neutral-light-84);
}

.text-neutral-light-84 {
  color: var(--neutral-light-84);
}

.bg-neutral-light-85 {
  background: var(--neutral-light-85);
}

.text-neutral-light-85 {
  color: var(--neutral-light-85);
}

.bg-neutral-light-86 {
  background: var(--neutral-light-86);
}

.text-neutral-light-86 {
  color: var(--neutral-light-86);
}

.bg-neutral-light-87 {
  background: var(--neutral-light-87);
}

.text-neutral-light-87 {
  color: var(--neutral-light-87);
}

.bg-neutral-light-88 {
  background: var(--neutral-light-88);
}

.text-neutral-light-88 {
  color: var(--neutral-light-88);
}

.bg-neutral-light-89 {
  background: var(--neutral-light-89);
}

.text-neutral-light-89 {
  color: var(--neutral-light-89);
}

.bg-neutral-light-90 {
  background: var(--neutral-light-90);
}

.text-neutral-light-90 {
  color: var(--neutral-light-90);
}

.bg-neutral-light-91 {
  background: var(--neutral-light-91);
}

.text-neutral-light-91 {
  color: var(--neutral-light-91);
}

.bg-neutral-light-92 {
  background: var(--neutral-light-92);
}

.text-neutral-light-92 {
  color: var(--neutral-light-92);
}

.bg-neutral-light-93 {
  background: var(--neutral-light-93);
}

.text-neutral-light-93 {
  color: var(--neutral-light-93);
}

.bg-neutral-light-94 {
  background: var(--neutral-light-94);
}

.text-neutral-light-94 {
  color: var(--neutral-light-94);
}

.bg-neutral-light-95 {
  background: var(--neutral-light-95);
}

.text-neutral-light-95 {
  color: var(--neutral-light-95);
}

.bg-neutral-light-96 {
  background: var(--neutral-light-96);
}

.text-neutral-light-96 {
  color: var(--neutral-light-96);
}

.bg-neutral-light-97 {
  background: var(--neutral-light-97);
}

.text-neutral-light-97 {
  color: var(--neutral-light-97);
}

.bg-neutral-light-98 {
  background: var(--neutral-light-98);
}

.text-neutral-light-98 {
  color: var(--neutral-light-98);
}

.bg-neutral-light-99 {
  background: var(--neutral-light-99);
}

.text-neutral-light-99 {
  color: var(--neutral-light-99);
}

.bg-neutral-light-100 {
  background: var(--neutral-light-100);
}

.text-neutral-light-100 {
  color: var(--neutral-light-100);
}

.bg-neutral-light-101 {
  background: var(--neutral-light-101);
}

.text-neutral-light-101 {
  color: var(--neutral-light-101);
}

.bg-neutral-light-102 {
  background: var(--neutral-light-102);
}

.text-neutral-light-102 {
  color: var(--neutral-light-102);
}

.bg-neutral-light-103 {
  background: var(--neutral-light-103);
}

.text-neutral-light-103 {
  color: var(--neutral-light-103);
}

.bg-neutral-light-104 {
  background: var(--neutral-light-104);
}

.text-neutral-light-104 {
  color: var(--neutral-light-104);
}

.bg-neutral-light-105 {
  background: var(--neutral-light-105);
}

.text-neutral-light-105 {
  color: var(--neutral-light-105);
}

.bg-neutral-light-106 {
  background: var(--neutral-light-106);
}

.text-neutral-light-106 {
  color: var(--neutral-light-106);
}

.bg-neutral-light-107 {
  background: var(--neutral-light-107);
}

.text-neutral-light-107 {
  color: var(--neutral-light-107);
}

.bg-neutral-light-108 {
  background: var(--neutral-light-108);
}

.text-neutral-light-108 {
  color: var(--neutral-light-108);
}

.bg-neutral-light-109 {
  background: var(--neutral-light-109);
}

.text-neutral-light-109 {
  color: var(--neutral-light-109);
}

.bg-neutral-light-110 {
  background: var(--neutral-light-110);
}

.text-neutral-light-110 {
  color: var(--neutral-light-110);
}

.bg-neutral-light-111 {
  background: var(--neutral-light-111);
}

.text-neutral-light-111 {
  color: var(--neutral-light-111);
}

.bg-neutral-light-112 {
  background: var(--neutral-light-112);
}

.text-neutral-light-112 {
  color: var(--neutral-light-112);
}

.bg-neutral-light-113 {
  background: var(--neutral-light-113);
}

.text-neutral-light-113 {
  color: var(--neutral-light-113);
}

.bg-neutral-light-114 {
  background: var(--neutral-light-114);
}

.text-neutral-light-114 {
  color: var(--neutral-light-114);
}

.bg-neutral-light-115 {
  background: var(--neutral-light-115);
}

.text-neutral-light-115 {
  color: var(--neutral-light-115);
}

.bg-neutral-light-116 {
  background: var(--neutral-light-116);
}

.text-neutral-light-116 {
  color: var(--neutral-light-116);
}

.bg-neutral-light-117 {
  background: var(--neutral-light-117);
}

.text-neutral-light-117 {
  color: var(--neutral-light-117);
}

.bg-neutral-light-118 {
  background: var(--neutral-light-118);
}

.text-neutral-light-118 {
  color: var(--neutral-light-118);
}

.bg-neutral-light-119 {
  background: var(--neutral-light-119);
}

.text-neutral-light-119 {
  color: var(--neutral-light-119);
}

.bg-neutral-light-120 {
  background: var(--neutral-light-120);
}

.text-neutral-light-120 {
  color: var(--neutral-light-120);
}

.bg-neutral-light-121 {
  background: var(--neutral-light-121);
}

.text-neutral-light-121 {
  color: var(--neutral-light-121);
}

.bg-neutral-light-122 {
  background: var(--neutral-light-122);
}

.text-neutral-light-122 {
  color: var(--neutral-light-122);
}

.bg-neutral-light-123 {
  background: var(--neutral-light-123);
}

.text-neutral-light-123 {
  color: var(--neutral-light-123);
}

.bg-neutral-light-124 {
  background: var(--neutral-light-124);
}

.text-neutral-light-124 {
  color: var(--neutral-light-124);
}

.bg-neutral-light-125 {
  background: var(--neutral-light-125);
}

.text-neutral-light-125 {
  color: var(--neutral-light-125);
}

.bg-neutral-light-126 {
  background: var(--neutral-light-126);
}

.text-neutral-light-126 {
  color: var(--neutral-light-126);
}

.bg-neutral-light-127 {
  background: var(--neutral-light-127);
}

.text-neutral-light-127 {
  color: var(--neutral-light-127);
}

.bg-neutral-light-128 {
  background: var(--neutral-light-128);
}

.text-neutral-light-128 {
  color: var(--neutral-light-128);
}

.bg-neutral-light-129 {
  background: var(--neutral-light-129);
}

.text-neutral-light-129 {
  color: var(--neutral-light-129);
}

.bg-neutral-light-130 {
  background: var(--neutral-light-130);
}

.text-neutral-light-130 {
  color: var(--neutral-light-130);
}

.bg-neutral-light-131 {
  background: var(--neutral-light-131);
}

.text-neutral-light-131 {
  color: var(--neutral-light-131);
}

.bg-neutral-light-132 {
  background: var(--neutral-light-132);
}

.text-neutral-light-132 {
  color: var(--neutral-light-132);
}

.bg-neutral-light-133 {
  background: var(--neutral-light-133);
}

.text-neutral-light-133 {
  color: var(--neutral-light-133);
}

.bg-neutral-light-134 {
  background: var(--neutral-light-134);
}

.text-neutral-light-134 {
  color: var(--neutral-light-134);
}

.bg-neutral-light-135 {
  background: var(--neutral-light-135);
}

.text-neutral-light-135 {
  color: var(--neutral-light-135);
}

.bg-neutral-light-136 {
  background: var(--neutral-light-136);
}

.text-neutral-light-136 {
  color: var(--neutral-light-136);
}

.bg-neutral-light-137 {
  background: var(--neutral-light-137);
}

.text-neutral-light-137 {
  color: var(--neutral-light-137);
}

.bg-neutral-light-138 {
  background: var(--neutral-light-138);
}

.text-neutral-light-138 {
  color: var(--neutral-light-138);
}

.bg-neutral-light-139 {
  background: var(--neutral-light-139);
}

.text-neutral-light-139 {
  color: var(--neutral-light-139);
}

.bg-neutral-light-140 {
  background: var(--neutral-light-140);
}

.text-neutral-light-140 {
  color: var(--neutral-light-140);
}

.bg-neutral-light-141 {
  background: var(--neutral-light-141);
}

.text-neutral-light-141 {
  color: var(--neutral-light-141);
}

.bg-neutral-light-142 {
  background: var(--neutral-light-142);
}

.text-neutral-light-142 {
  color: var(--neutral-light-142);
}

.bg-neutral-light-143 {
  background: var(--neutral-light-143);
}

.text-neutral-light-143 {
  color: var(--neutral-light-143);
}

.bg-neutral-light-144 {
  background: var(--neutral-light-144);
}

.text-neutral-light-144 {
  color: var(--neutral-light-144);
}

.bg-neutral-light-145 {
  background: var(--neutral-light-145);
}

.text-neutral-light-145 {
  color: var(--neutral-light-145);
}

.bg-neutral-light-146 {
  background: var(--neutral-light-146);
}

.text-neutral-light-146 {
  color: var(--neutral-light-146);
}

.bg-neutral-light-147 {
  background: var(--neutral-light-147);
}

.text-neutral-light-147 {
  color: var(--neutral-light-147);
}

.bg-neutral-light-148 {
  background: var(--neutral-light-148);
}

.text-neutral-light-148 {
  color: var(--neutral-light-148);
}

.bg-neutral-light-149 {
  background: var(--neutral-light-149);
}

.text-neutral-light-149 {
  color: var(--neutral-light-149);
}

.bg-neutral-light-150 {
  background: var(--neutral-light-150);
}

.text-neutral-light-150 {
  color: var(--neutral-light-150);
}

.bg-neutral-light-151 {
  background: var(--neutral-light-151);
}

.text-neutral-light-151 {
  color: var(--neutral-light-151);
}

.bg-neutral-light-152 {
  background: var(--neutral-light-152);
}

.text-neutral-light-152 {
  color: var(--neutral-light-152);
}

.bg-neutral-light-153 {
  background: var(--neutral-light-153);
}

.text-neutral-light-153 {
  color: var(--neutral-light-153);
}

.bg-neutral-light-154 {
  background: var(--neutral-light-154);
}

.text-neutral-light-154 {
  color: var(--neutral-light-154);
}

.bg-neutral-light-155 {
  background: var(--neutral-light-155);
}

.text-neutral-light-155 {
  color: var(--neutral-light-155);
}

.bg-neutral-light-156 {
  background: var(--neutral-light-156);
}

.text-neutral-light-156 {
  color: var(--neutral-light-156);
}

.bg-neutral-light-157 {
  background: var(--neutral-light-157);
}

.text-neutral-light-157 {
  color: var(--neutral-light-157);
}

.bg-neutral-light-158 {
  background: var(--neutral-light-158);
}

.text-neutral-light-158 {
  color: var(--neutral-light-158);
}

.bg-neutral-light-159 {
  background: var(--neutral-light-159);
}

.text-neutral-light-159 {
  color: var(--neutral-light-159);
}

.bg-neutral-light-160 {
  background: var(--neutral-light-160);
}

.text-neutral-light-160 {
  color: var(--neutral-light-160);
}

.bg-neutral-light-161 {
  background: var(--neutral-light-161);
}

.text-neutral-light-161 {
  color: var(--neutral-light-161);
}

.bg-neutral-light-162 {
  background: var(--neutral-light-162);
}

.text-neutral-light-162 {
  color: var(--neutral-light-162);
}

.bg-neutral-light-163 {
  background: var(--neutral-light-163);
}

.text-neutral-light-163 {
  color: var(--neutral-light-163);
}

.bg-neutral-light-164 {
  background: var(--neutral-light-164);
}

.text-neutral-light-164 {
  color: var(--neutral-light-164);
}

.bg-neutral-light-165 {
  background: var(--neutral-light-165);
}

.text-neutral-light-165 {
  color: var(--neutral-light-165);
}

.bg-neutral-light-166 {
  background: var(--neutral-light-166);
}

.text-neutral-light-166 {
  color: var(--neutral-light-166);
}

.bg-neutral-light-167 {
  background: var(--neutral-light-167);
}

.text-neutral-light-167 {
  color: var(--neutral-light-167);
}

.bg-neutral-light-168 {
  background: var(--neutral-light-168);
}

.text-neutral-light-168 {
  color: var(--neutral-light-168);
}

.bg-neutral-light-169 {
  background: var(--neutral-light-169);
}

.text-neutral-light-169 {
  color: var(--neutral-light-169);
}

.bg-neutral-light-170 {
  background: var(--neutral-light-170);
}

.text-neutral-light-170 {
  color: var(--neutral-light-170);
}

.bg-neutral-light-171 {
  background: var(--neutral-light-171);
}

.text-neutral-light-171 {
  color: var(--neutral-light-171);
}

.bg-neutral-light-172 {
  background: var(--neutral-light-172);
}

.text-neutral-light-172 {
  color: var(--neutral-light-172);
}

.bg-neutral-light-173 {
  background: var(--neutral-light-173);
}

.text-neutral-light-173 {
  color: var(--neutral-light-173);
}

.bg-neutral-light-174 {
  background: var(--neutral-light-174);
}

.text-neutral-light-174 {
  color: var(--neutral-light-174);
}

.bg-neutral-light-175 {
  background: var(--neutral-light-175);
}

.text-neutral-light-175 {
  color: var(--neutral-light-175);
}

.bg-neutral-light-176 {
  background: var(--neutral-light-176);
}

.text-neutral-light-176 {
  color: var(--neutral-light-176);
}

.bg-neutral-light-177 {
  background: var(--neutral-light-177);
}

.text-neutral-light-177 {
  color: var(--neutral-light-177);
}

.bg-neutral-light-178 {
  background: var(--neutral-light-178);
}

.text-neutral-light-178 {
  color: var(--neutral-light-178);
}

.bg-neutral-light-179 {
  background: var(--neutral-light-179);
}

.text-neutral-light-179 {
  color: var(--neutral-light-179);
}

.bg-neutral-light-180 {
  background: var(--neutral-light-180);
}

.text-neutral-light-180 {
  color: var(--neutral-light-180);
}

.bg-neutral-light-181 {
  background: var(--neutral-light-181);
}

.text-neutral-light-181 {
  color: var(--neutral-light-181);
}

.bg-neutral-light-182 {
  background: var(--neutral-light-182);
}

.text-neutral-light-182 {
  color: var(--neutral-light-182);
}

.bg-neutral-light-183 {
  background: var(--neutral-light-183);
}

.text-neutral-light-183 {
  color: var(--neutral-light-183);
}

.bg-neutral-light-184 {
  background: var(--neutral-light-184);
}

.text-neutral-light-184 {
  color: var(--neutral-light-184);
}

.bg-neutral-light-185 {
  background: var(--neutral-light-185);
}

.text-neutral-light-185 {
  color: var(--neutral-light-185);
}

.bg-neutral-light-186 {
  background: var(--neutral-light-186);
}

.text-neutral-light-186 {
  color: var(--neutral-light-186);
}

.bg-neutral-light-187 {
  background: var(--neutral-light-187);
}

.text-neutral-light-187 {
  color: var(--neutral-light-187);
}

.bg-neutral-light-188 {
  background: var(--neutral-light-188);
}

.text-neutral-light-188 {
  color: var(--neutral-light-188);
}

.bg-neutral-light-189 {
  background: var(--neutral-light-189);
}

.text-neutral-light-189 {
  color: var(--neutral-light-189);
}

.bg-neutral-light-190 {
  background: var(--neutral-light-190);
}

.text-neutral-light-190 {
  color: var(--neutral-light-190);
}

.bg-neutral-light-191 {
  background: var(--neutral-light-191);
}

.text-neutral-light-191 {
  color: var(--neutral-light-191);
}

.bg-neutral-light-192 {
  background: var(--neutral-light-192);
}

.text-neutral-light-192 {
  color: var(--neutral-light-192);
}

.bg-neutral-light-193 {
  background: var(--neutral-light-193);
}

.text-neutral-light-193 {
  color: var(--neutral-light-193);
}

.bg-neutral-light-194 {
  background: var(--neutral-light-194);
}

.text-neutral-light-194 {
  color: var(--neutral-light-194);
}

.bg-neutral-light-195 {
  background: var(--neutral-light-195);
}

.text-neutral-light-195 {
  color: var(--neutral-light-195);
}

.bg-neutral-light-196 {
  background: var(--neutral-light-196);
}

.text-neutral-light-196 {
  color: var(--neutral-light-196);
}

.bg-neutral-light-197 {
  background: var(--neutral-light-197);
}

.text-neutral-light-197 {
  color: var(--neutral-light-197);
}

.bg-neutral-light-198 {
  background: var(--neutral-light-198);
}

.text-neutral-light-198 {
  color: var(--neutral-light-198);
}

.bg-neutral-light-199 {
  background: var(--neutral-light-199);
}

.text-neutral-light-199 {
  color: var(--neutral-light-199);
}

.bg-neutral-light-200 {
  background: var(--neutral-light-200);
}

.text-neutral-light-200 {
  color: var(--neutral-light-200);
}

.bg-neutral-light-201 {
  background: var(--neutral-light-201);
}

.text-neutral-light-201 {
  color: var(--neutral-light-201);
}

.bg-neutral-light-202 {
  background: var(--neutral-light-202);
}

.text-neutral-light-202 {
  color: var(--neutral-light-202);
}

.bg-neutral-light-203 {
  background: var(--neutral-light-203);
}

.text-neutral-light-203 {
  color: var(--neutral-light-203);
}

.bg-neutral-light-204 {
  background: var(--neutral-light-204);
}

.text-neutral-light-204 {
  color: var(--neutral-light-204);
}

.bg-neutral-light-205 {
  background: var(--neutral-light-205);
}

.text-neutral-light-205 {
  color: var(--neutral-light-205);
}

.bg-neutral-light-206 {
  background: var(--neutral-light-206);
}

.text-neutral-light-206 {
  color: var(--neutral-light-206);
}

.bg-neutral-light-207 {
  background: var(--neutral-light-207);
}

.text-neutral-light-207 {
  color: var(--neutral-light-207);
}

.bg-neutral-light-208 {
  background: var(--neutral-light-208);
}

.text-neutral-light-208 {
  color: var(--neutral-light-208);
}

.bg-neutral-light-209 {
  background: var(--neutral-light-209);
}

.text-neutral-light-209 {
  color: var(--neutral-light-209);
}

.bg-neutral-light-210 {
  background: var(--neutral-light-210);
}

.text-neutral-light-210 {
  color: var(--neutral-light-210);
}

.bg-neutral-light-211 {
  background: var(--neutral-light-211);
}

.text-neutral-light-211 {
  color: var(--neutral-light-211);
}

.bg-neutral-light-212 {
  background: var(--neutral-light-212);
}

.text-neutral-light-212 {
  color: var(--neutral-light-212);
}

.bg-neutral-light-213 {
  background: var(--neutral-light-213);
}

.text-neutral-light-213 {
  color: var(--neutral-light-213);
}

.bg-neutral-light-214 {
  background: var(--neutral-light-214);
}

.text-neutral-light-214 {
  color: var(--neutral-light-214);
}

.bg-neutral-light-215 {
  background: var(--neutral-light-215);
}

.text-neutral-light-215 {
  color: var(--neutral-light-215);
}

.bg-neutral-light-216 {
  background: var(--neutral-light-216);
}

.text-neutral-light-216 {
  color: var(--neutral-light-216);
}

.bg-neutral-light-217 {
  background: var(--neutral-light-217);
}

.text-neutral-light-217 {
  color: var(--neutral-light-217);
}

.bg-neutral-light-218 {
  background: var(--neutral-light-218);
}

.text-neutral-light-218 {
  color: var(--neutral-light-218);
}

.bg-neutral-light-219 {
  background: var(--neutral-light-219);
}

.text-neutral-light-219 {
  color: var(--neutral-light-219);
}

.bg-neutral-light-220 {
  background: var(--neutral-light-220);
}

.text-neutral-light-220 {
  color: var(--neutral-light-220);
}

.bg-neutral-light-221 {
  background: var(--neutral-light-221);
}

.text-neutral-light-221 {
  color: var(--neutral-light-221);
}

.bg-neutral-light-222 {
  background: var(--neutral-light-222);
}

.text-neutral-light-222 {
  color: var(--neutral-light-222);
}

.bg-neutral-light-223 {
  background: var(--neutral-light-223);
}

.text-neutral-light-223 {
  color: var(--neutral-light-223);
}

.bg-neutral-light-224 {
  background: var(--neutral-light-224);
}

.text-neutral-light-224 {
  color: var(--neutral-light-224);
}

.bg-neutral-light-225 {
  background: var(--neutral-light-225);
}

.text-neutral-light-225 {
  color: var(--neutral-light-225);
}

.bg-neutral-light-226 {
  background: var(--neutral-light-226);
}

.text-neutral-light-226 {
  color: var(--neutral-light-226);
}

.bg-neutral-light-227 {
  background: var(--neutral-light-227);
}

.text-neutral-light-227 {
  color: var(--neutral-light-227);
}

.bg-neutral-light-228 {
  background: var(--neutral-light-228);
}

.text-neutral-light-228 {
  color: var(--neutral-light-228);
}

.bg-neutral-light-229 {
  background: var(--neutral-light-229);
}

.text-neutral-light-229 {
  color: var(--neutral-light-229);
}

.bg-neutral-light-230 {
  background: var(--neutral-light-230);
}

.text-neutral-light-230 {
  color: var(--neutral-light-230);
}

.bg-neutral-light-231 {
  background: var(--neutral-light-231);
}

.text-neutral-light-231 {
  color: var(--neutral-light-231);
}

.bg-neutral-light-232 {
  background: var(--neutral-light-232);
}

.text-neutral-light-232 {
  color: var(--neutral-light-232);
}

.bg-neutral-light-233 {
  background: var(--neutral-light-233);
}

.text-neutral-light-233 {
  color: var(--neutral-light-233);
}

.bg-neutral-light-234 {
  background: var(--neutral-light-234);
}

.text-neutral-light-234 {
  color: var(--neutral-light-234);
}

.bg-neutral-light-235 {
  background: var(--neutral-light-235);
}

.text-neutral-light-235 {
  color: var(--neutral-light-235);
}

.bg-neutral-light-236 {
  background: var(--neutral-light-236);
}

.text-neutral-light-236 {
  color: var(--neutral-light-236);
}

.bg-neutral-light-237 {
  background: var(--neutral-light-237);
}

.text-neutral-light-237 {
  color: var(--neutral-light-237);
}

.bg-neutral-light-238 {
  background: var(--neutral-light-238);
}

.text-neutral-light-238 {
  color: var(--neutral-light-238);
}

.bg-neutral-light-239 {
  background: var(--neutral-light-239);
}

.text-neutral-light-239 {
  color: var(--neutral-light-239);
}

.bg-neutral-light-240 {
  background: var(--neutral-light-240);
}

.text-neutral-light-240 {
  color: var(--neutral-light-240);
}

.bg-neutral-light-241 {
  background: var(--neutral-light-241);
}

.text-neutral-light-241 {
  color: var(--neutral-light-241);
}

.bg-neutral-light-242 {
  background: var(--neutral-light-242);
}

.text-neutral-light-242 {
  color: var(--neutral-light-242);
}

.bg-neutral-light-243 {
  background: var(--neutral-light-243);
}

.text-neutral-light-243 {
  color: var(--neutral-light-243);
}

.bg-neutral-light-244 {
  background: var(--neutral-light-244);
}

.text-neutral-light-244 {
  color: var(--neutral-light-244);
}

.bg-neutral-dark {
  background: var(--neutral-dark-3);
}

.text-neutral-dark {
  color: var(--neutral-dark-1);
}

.bg-neutral-dark-1 {
  background: var(--neutral-dark-1);
}

.text-neutral-dark-1 {
  color: var(--neutral-dark-1);
}

.bg-neutral-dark-2 {
  background: var(--neutral-dark-2);
}

.text-neutral-dark-2 {
  color: var(--neutral-dark-2);
}

.bg-neutral-dark-3 {
  background: var(--neutral-dark-3);
}

.text-neutral-dark-3 {
  color: var(--neutral-dark-3);
}

.bg-neutral-dark-4 {
  background: var(--neutral-dark-4);
}

.text-neutral-dark-4 {
  color: var(--neutral-dark-4);
}

.bg-neutral-dark-5 {
  background: var(--neutral-dark-5);
}

.text-neutral-dark-5 {
  color: var(--neutral-dark-5);
}

.bg-neutral-dark-6 {
  background: var(--neutral-dark-6);
}

.text-neutral-dark-6 {
  color: var(--neutral-dark-6);
}

.bg-neutral-dark-7 {
  background: var(--neutral-dark-7);
}

.text-neutral-dark-7 {
  color: var(--neutral-dark-7);
}

.bg-neutral-dark-8 {
  background: var(--neutral-dark-8);
}

.text-neutral-dark-8 {
  color: var(--neutral-dark-8);
}

.bg-neutral-dark-9 {
  background: var(--neutral-dark-9);
}

.text-neutral-dark-9 {
  color: var(--neutral-dark-9);
}

.bg-neutral-dark-10 {
  background: var(--neutral-dark-10);
}

.text-neutral-dark-10 {
  color: var(--neutral-dark-10);
}

.bg-neutral-dark-11 {
  background: var(--neutral-dark-11);
}

.text-neutral-dark-11 {
  color: var(--neutral-dark-11);
}

.bg-neutral-dark-12 {
  background: var(--neutral-dark-12);
}

.text-neutral-dark-12 {
  color: var(--neutral-dark-12);
}

.bg-neutral-dark-13 {
  background: var(--neutral-dark-13);
}

.text-neutral-dark-13 {
  color: var(--neutral-dark-13);
}

.bg-neutral-dark-14 {
  background: var(--neutral-dark-14);
}

.text-neutral-dark-14 {
  color: var(--neutral-dark-14);
}

.bg-neutral-dark-15 {
  background: var(--neutral-dark-15);
}

.text-neutral-dark-15 {
  color: var(--neutral-dark-15);
}

.bg-neutral-dark-16 {
  background: var(--neutral-dark-16);
}

.text-neutral-dark-16 {
  color: var(--neutral-dark-16);
}

.bg-neutral-dark-17 {
  background: var(--neutral-dark-17);
}

.text-neutral-dark-17 {
  color: var(--neutral-dark-17);
}

.bg-neutral-dark-18 {
  background: var(--neutral-dark-18);
}

.text-neutral-dark-18 {
  color: var(--neutral-dark-18);
}

.bg-neutral-dark-19 {
  background: var(--neutral-dark-19);
}

.text-neutral-dark-19 {
  color: var(--neutral-dark-19);
}

.bg-neutral-dark-20 {
  background: var(--neutral-dark-20);
}

.text-neutral-dark-20 {
  color: var(--neutral-dark-20);
}

.bg-neutral-dark-21 {
  background: var(--neutral-dark-21);
}

.text-neutral-dark-21 {
  color: var(--neutral-dark-21);
}

.bg-neutral-dark-22 {
  background: var(--neutral-dark-22);
}

.text-neutral-dark-22 {
  color: var(--neutral-dark-22);
}

.bg-neutral-dark-23 {
  background: var(--neutral-dark-23);
}

.text-neutral-dark-23 {
  color: var(--neutral-dark-23);
}

.bg-neutral-dark-24 {
  background: var(--neutral-dark-24);
}

.text-neutral-dark-24 {
  color: var(--neutral-dark-24);
}

.bg-neutral-dark-25 {
  background: var(--neutral-dark-25);
}

.text-neutral-dark-25 {
  color: var(--neutral-dark-25);
}

.bg-neutral-dark-26 {
  background: var(--neutral-dark-26);
}

.text-neutral-dark-26 {
  color: var(--neutral-dark-26);
}

.bg-neutral-dark-27 {
  background: var(--neutral-dark-27);
}

.text-neutral-dark-27 {
  color: var(--neutral-dark-27);
}

.bg-neutral-dark-28 {
  background: var(--neutral-dark-28);
}

.text-neutral-dark-28 {
  color: var(--neutral-dark-28);
}

.bg-neutral-dark-29 {
  background: var(--neutral-dark-29);
}

.text-neutral-dark-29 {
  color: var(--neutral-dark-29);
}

.bg-neutral-dark-30 {
  background: var(--neutral-dark-30);
}

.text-neutral-dark-30 {
  color: var(--neutral-dark-30);
}

.bg-neutral-dark-31 {
  background: var(--neutral-dark-31);
}

.text-neutral-dark-31 {
  color: var(--neutral-dark-31);
}

.bg-neutral-dark-32 {
  background: var(--neutral-dark-32);
}

.text-neutral-dark-32 {
  color: var(--neutral-dark-32);
}

.bg-neutral-dark-33 {
  background: var(--neutral-dark-33);
}

.text-neutral-dark-33 {
  color: var(--neutral-dark-33);
}

.bg-neutral-dark-34 {
  background: var(--neutral-dark-34);
}

.text-neutral-dark-34 {
  color: var(--neutral-dark-34);
}

.bg-neutral-dark-35 {
  background: var(--neutral-dark-35);
}

.text-neutral-dark-35 {
  color: var(--neutral-dark-35);
}

.bg-neutral-dark-36 {
  background: var(--neutral-dark-36);
}

.text-neutral-dark-36 {
  color: var(--neutral-dark-36);
}

.bg-neutral-dark-37 {
  background: var(--neutral-dark-37);
}

.text-neutral-dark-37 {
  color: var(--neutral-dark-37);
}

.bg-neutral-dark-38 {
  background: var(--neutral-dark-38);
}

.text-neutral-dark-38 {
  color: var(--neutral-dark-38);
}

.bg-neutral-dark-39 {
  background: var(--neutral-dark-39);
}

.text-neutral-dark-39 {
  color: var(--neutral-dark-39);
}

.bg-neutral-dark-40 {
  background: var(--neutral-dark-40);
}

.text-neutral-dark-40 {
  color: var(--neutral-dark-40);
}

.bg-neutral-dark-41 {
  background: var(--neutral-dark-41);
}

.text-neutral-dark-41 {
  color: var(--neutral-dark-41);
}

.bg-neutral-dark-42 {
  background: var(--neutral-dark-42);
}

.text-neutral-dark-42 {
  color: var(--neutral-dark-42);
}

.bg-neutral-dark-43 {
  background: var(--neutral-dark-43);
}

.text-neutral-dark-43 {
  color: var(--neutral-dark-43);
}

.bg-neutral-dark-44 {
  background: var(--neutral-dark-44);
}

.text-neutral-dark-44 {
  color: var(--neutral-dark-44);
}

.bg-neutral-dark-45 {
  background: var(--neutral-dark-45);
}

.text-neutral-dark-45 {
  color: var(--neutral-dark-45);
}

.bg-neutral-dark-46 {
  background: var(--neutral-dark-46);
}

.text-neutral-dark-46 {
  color: var(--neutral-dark-46);
}

.bg-neutral-dark-47 {
  background: var(--neutral-dark-47);
}

.text-neutral-dark-47 {
  color: var(--neutral-dark-47);
}

.bg-neutral-dark-48 {
  background: var(--neutral-dark-48);
}

.text-neutral-dark-48 {
  color: var(--neutral-dark-48);
}

.bg-neutral-dark-49 {
  background: var(--neutral-dark-49);
}

.text-neutral-dark-49 {
  color: var(--neutral-dark-49);
}

.bg-neutral-dark-50 {
  background: var(--neutral-dark-50);
}

.text-neutral-dark-50 {
  color: var(--neutral-dark-50);
}

.bg-neutral-dark-51 {
  background: var(--neutral-dark-51);
}

.text-neutral-dark-51 {
  color: var(--neutral-dark-51);
}

.bg-neutral-dark-52 {
  background: var(--neutral-dark-52);
}

.text-neutral-dark-52 {
  color: var(--neutral-dark-52);
}

.bg-neutral-dark-53 {
  background: var(--neutral-dark-53);
}

.text-neutral-dark-53 {
  color: var(--neutral-dark-53);
}

.bg-neutral-dark-54 {
  background: var(--neutral-dark-54);
}

.text-neutral-dark-54 {
  color: var(--neutral-dark-54);
}

.bg-neutral-dark-55 {
  background: var(--neutral-dark-55);
}

.text-neutral-dark-55 {
  color: var(--neutral-dark-55);
}

.bg-neutral-dark-56 {
  background: var(--neutral-dark-56);
}

.text-neutral-dark-56 {
  color: var(--neutral-dark-56);
}

.bg-neutral-dark-57 {
  background: var(--neutral-dark-57);
}

.text-neutral-dark-57 {
  color: var(--neutral-dark-57);
}

.bg-neutral-dark-58 {
  background: var(--neutral-dark-58);
}

.text-neutral-dark-58 {
  color: var(--neutral-dark-58);
}

.bg-neutral-dark-59 {
  background: var(--neutral-dark-59);
}

.text-neutral-dark-59 {
  color: var(--neutral-dark-59);
}

.bg-neutral-dark-60 {
  background: var(--neutral-dark-60);
}

.text-neutral-dark-60 {
  color: var(--neutral-dark-60);
}

.bg-neutral-dark-61 {
  background: var(--neutral-dark-61);
}

.text-neutral-dark-61 {
  color: var(--neutral-dark-61);
}

.bg-neutral-dark-62 {
  background: var(--neutral-dark-62);
}

.text-neutral-dark-62 {
  color: var(--neutral-dark-62);
}

.bg-neutral-dark-63 {
  background: var(--neutral-dark-63);
}

.text-neutral-dark-63 {
  color: var(--neutral-dark-63);
}

.bg-neutral-dark-64 {
  background: var(--neutral-dark-64);
}

.text-neutral-dark-64 {
  color: var(--neutral-dark-64);
}

.bg-neutral-dark-65 {
  background: var(--neutral-dark-65);
}

.text-neutral-dark-65 {
  color: var(--neutral-dark-65);
}

.bg-neutral-dark-66 {
  background: var(--neutral-dark-66);
}

.text-neutral-dark-66 {
  color: var(--neutral-dark-66);
}

.bg-neutral-dark-67 {
  background: var(--neutral-dark-67);
}

.text-neutral-dark-67 {
  color: var(--neutral-dark-67);
}

.bg-neutral-dark-68 {
  background: var(--neutral-dark-68);
}

.text-neutral-dark-68 {
  color: var(--neutral-dark-68);
}

.bg-neutral-dark-69 {
  background: var(--neutral-dark-69);
}

.text-neutral-dark-69 {
  color: var(--neutral-dark-69);
}

.bg-neutral-dark-70 {
  background: var(--neutral-dark-70);
}

.text-neutral-dark-70 {
  color: var(--neutral-dark-70);
}

.bg-neutral-dark-71 {
  background: var(--neutral-dark-71);
}

.text-neutral-dark-71 {
  color: var(--neutral-dark-71);
}

.bg-neutral-dark-72 {
  background: var(--neutral-dark-72);
}

.text-neutral-dark-72 {
  color: var(--neutral-dark-72);
}

.bg-neutral-dark-73 {
  background: var(--neutral-dark-73);
}

.text-neutral-dark-73 {
  color: var(--neutral-dark-73);
}

.bg-neutral-dark-74 {
  background: var(--neutral-dark-74);
}

.text-neutral-dark-74 {
  color: var(--neutral-dark-74);
}

.bg-neutral-dark-75 {
  background: var(--neutral-dark-75);
}

.text-neutral-dark-75 {
  color: var(--neutral-dark-75);
}

.bg-neutral-dark-76 {
  background: var(--neutral-dark-76);
}

.text-neutral-dark-76 {
  color: var(--neutral-dark-76);
}

.bg-neutral-dark-77 {
  background: var(--neutral-dark-77);
}

.text-neutral-dark-77 {
  color: var(--neutral-dark-77);
}

.bg-neutral-dark-78 {
  background: var(--neutral-dark-78);
}

.text-neutral-dark-78 {
  color: var(--neutral-dark-78);
}

.bg-neutral-dark-79 {
  background: var(--neutral-dark-79);
}

.text-neutral-dark-79 {
  color: var(--neutral-dark-79);
}

.bg-neutral-dark-80 {
  background: var(--neutral-dark-80);
}

.text-neutral-dark-80 {
  color: var(--neutral-dark-80);
}

.bg-neutral-dark-81 {
  background: var(--neutral-dark-81);
}

.text-neutral-dark-81 {
  color: var(--neutral-dark-81);
}

.bg-neutral-dark-82 {
  background: var(--neutral-dark-82);
}

.text-neutral-dark-82 {
  color: var(--neutral-dark-82);
}

.bg-neutral-dark-83 {
  background: var(--neutral-dark-83);
}

.text-neutral-dark-83 {
  color: var(--neutral-dark-83);
}

.bg-neutral-dark-84 {
  background: var(--neutral-dark-84);
}

.text-neutral-dark-84 {
  color: var(--neutral-dark-84);
}

.bg-neutral-dark-85 {
  background: var(--neutral-dark-85);
}

.text-neutral-dark-85 {
  color: var(--neutral-dark-85);
}

.bg-neutral-dark-86 {
  background: var(--neutral-dark-86);
}

.text-neutral-dark-86 {
  color: var(--neutral-dark-86);
}

.bg-neutral-dark-87 {
  background: var(--neutral-dark-87);
}

.text-neutral-dark-87 {
  color: var(--neutral-dark-87);
}

.bg-neutral-dark-88 {
  background: var(--neutral-dark-88);
}

.text-neutral-dark-88 {
  color: var(--neutral-dark-88);
}

.bg-neutral-dark-89 {
  background: var(--neutral-dark-89);
}

.text-neutral-dark-89 {
  color: var(--neutral-dark-89);
}

.bg-neutral-dark-90 {
  background: var(--neutral-dark-90);
}

.text-neutral-dark-90 {
  color: var(--neutral-dark-90);
}

.bg-neutral-dark-91 {
  background: var(--neutral-dark-91);
}

.text-neutral-dark-91 {
  color: var(--neutral-dark-91);
}

.bg-neutral-dark-92 {
  background: var(--neutral-dark-92);
}

.text-neutral-dark-92 {
  color: var(--neutral-dark-92);
}

.bg-neutral-dark-93 {
  background: var(--neutral-dark-93);
}

.text-neutral-dark-93 {
  color: var(--neutral-dark-93);
}

.bg-neutral-dark-94 {
  background: var(--neutral-dark-94);
}

.text-neutral-dark-94 {
  color: var(--neutral-dark-94);
}

.bg-neutral-dark-95 {
  background: var(--neutral-dark-95);
}

.text-neutral-dark-95 {
  color: var(--neutral-dark-95);
}

.bg-neutral-dark-96 {
  background: var(--neutral-dark-96);
}

.text-neutral-dark-96 {
  color: var(--neutral-dark-96);
}

.bg-neutral-dark-97 {
  background: var(--neutral-dark-97);
}

.text-neutral-dark-97 {
  color: var(--neutral-dark-97);
}

.bg-neutral-dark-98 {
  background: var(--neutral-dark-98);
}

.text-neutral-dark-98 {
  color: var(--neutral-dark-98);
}

.bg-neutral-dark-99 {
  background: var(--neutral-dark-99);
}

.text-neutral-dark-99 {
  color: var(--neutral-dark-99);
}

.bg-neutral-dark-100 {
  background: var(--neutral-dark-100);
}

.text-neutral-dark-100 {
  color: var(--neutral-dark-100);
}

.bg-neutral-dark-101 {
  background: var(--neutral-dark-101);
}

.text-neutral-dark-101 {
  color: var(--neutral-dark-101);
}

.bg-neutral-dark-102 {
  background: var(--neutral-dark-102);
}

.text-neutral-dark-102 {
  color: var(--neutral-dark-102);
}

.bg-neutral-dark-103 {
  background: var(--neutral-dark-103);
}

.text-neutral-dark-103 {
  color: var(--neutral-dark-103);
}

.bg-neutral-dark-104 {
  background: var(--neutral-dark-104);
}

.text-neutral-dark-104 {
  color: var(--neutral-dark-104);
}

.bg-neutral-dark-105 {
  background: var(--neutral-dark-105);
}

.text-neutral-dark-105 {
  color: var(--neutral-dark-105);
}

.bg-neutral-dark-106 {
  background: var(--neutral-dark-106);
}

.text-neutral-dark-106 {
  color: var(--neutral-dark-106);
}

.bg-neutral-dark-107 {
  background: var(--neutral-dark-107);
}

.text-neutral-dark-107 {
  color: var(--neutral-dark-107);
}

.bg-neutral-dark-108 {
  background: var(--neutral-dark-108);
}

.text-neutral-dark-108 {
  color: var(--neutral-dark-108);
}

.bg-neutral-dark-109 {
  background: var(--neutral-dark-109);
}

.text-neutral-dark-109 {
  color: var(--neutral-dark-109);
}

.bg-neutral-dark-110 {
  background: var(--neutral-dark-110);
}

.text-neutral-dark-110 {
  color: var(--neutral-dark-110);
}

.bg-neutral-dark-111 {
  background: var(--neutral-dark-111);
}

.text-neutral-dark-111 {
  color: var(--neutral-dark-111);
}

.bg-neutral-dark-112 {
  background: var(--neutral-dark-112);
}

.text-neutral-dark-112 {
  color: var(--neutral-dark-112);
}

.bg-neutral-dark-113 {
  background: var(--neutral-dark-113);
}

.text-neutral-dark-113 {
  color: var(--neutral-dark-113);
}

.bg-neutral-dark-114 {
  background: var(--neutral-dark-114);
}

.text-neutral-dark-114 {
  color: var(--neutral-dark-114);
}

.bg-neutral-dark-115 {
  background: var(--neutral-dark-115);
}

.text-neutral-dark-115 {
  color: var(--neutral-dark-115);
}

.bg-neutral-dark-116 {
  background: var(--neutral-dark-116);
}

.text-neutral-dark-116 {
  color: var(--neutral-dark-116);
}

.bg-neutral-dark-117 {
  background: var(--neutral-dark-117);
}

.text-neutral-dark-117 {
  color: var(--neutral-dark-117);
}

.bg-neutral-dark-118 {
  background: var(--neutral-dark-118);
}

.text-neutral-dark-118 {
  color: var(--neutral-dark-118);
}

.bg-neutral-dark-119 {
  background: var(--neutral-dark-119);
}

.text-neutral-dark-119 {
  color: var(--neutral-dark-119);
}

.bg-neutral-dark-120 {
  background: var(--neutral-dark-120);
}

.text-neutral-dark-120 {
  color: var(--neutral-dark-120);
}

.bg-neutral-dark-121 {
  background: var(--neutral-dark-121);
}

.text-neutral-dark-121 {
  color: var(--neutral-dark-121);
}

.bg-neutral-dark-122 {
  background: var(--neutral-dark-122);
}

.text-neutral-dark-122 {
  color: var(--neutral-dark-122);
}

.bg-neutral-dark-123 {
  background: var(--neutral-dark-123);
}

.text-neutral-dark-123 {
  color: var(--neutral-dark-123);
}

.bg-neutral-dark-124 {
  background: var(--neutral-dark-124);
}

.text-neutral-dark-124 {
  color: var(--neutral-dark-124);
}

.bg-neutral-dark-125 {
  background: var(--neutral-dark-125);
}

.text-neutral-dark-125 {
  color: var(--neutral-dark-125);
}

.bg-neutral-dark-126 {
  background: var(--neutral-dark-126);
}

.text-neutral-dark-126 {
  color: var(--neutral-dark-126);
}

.bg-neutral-dark-127 {
  background: var(--neutral-dark-127);
}

.text-neutral-dark-127 {
  color: var(--neutral-dark-127);
}

.bg-neutral-dark-128 {
  background: var(--neutral-dark-128);
}

.text-neutral-dark-128 {
  color: var(--neutral-dark-128);
}

.bg-neutral-dark-129 {
  background: var(--neutral-dark-129);
}

.text-neutral-dark-129 {
  color: var(--neutral-dark-129);
}

.bg-neutral-dark-130 {
  background: var(--neutral-dark-130);
}

.text-neutral-dark-130 {
  color: var(--neutral-dark-130);
}

.bg-neutral-dark-131 {
  background: var(--neutral-dark-131);
}

.text-neutral-dark-131 {
  color: var(--neutral-dark-131);
}

.bg-neutral-dark-132 {
  background: var(--neutral-dark-132);
}

.text-neutral-dark-132 {
  color: var(--neutral-dark-132);
}

.bg-neutral-dark-133 {
  background: var(--neutral-dark-133);
}

.text-neutral-dark-133 {
  color: var(--neutral-dark-133);
}

.bg-neutral-dark-134 {
  background: var(--neutral-dark-134);
}

.text-neutral-dark-134 {
  color: var(--neutral-dark-134);
}

.bg-neutral-dark-135 {
  background: var(--neutral-dark-135);
}

.text-neutral-dark-135 {
  color: var(--neutral-dark-135);
}

.bg-neutral-dark-136 {
  background: var(--neutral-dark-136);
}

.text-neutral-dark-136 {
  color: var(--neutral-dark-136);
}

.bg-neutral-dark-137 {
  background: var(--neutral-dark-137);
}

.text-neutral-dark-137 {
  color: var(--neutral-dark-137);
}

.bg-neutral-dark-138 {
  background: var(--neutral-dark-138);
}

.text-neutral-dark-138 {
  color: var(--neutral-dark-138);
}

.bg-neutral-dark-139 {
  background: var(--neutral-dark-139);
}

.text-neutral-dark-139 {
  color: var(--neutral-dark-139);
}

.bg-neutral-dark-140 {
  background: var(--neutral-dark-140);
}

.text-neutral-dark-140 {
  color: var(--neutral-dark-140);
}

.bg-neutral-dark-141 {
  background: var(--neutral-dark-141);
}

.text-neutral-dark-141 {
  color: var(--neutral-dark-141);
}

.bg-neutral-dark-142 {
  background: var(--neutral-dark-142);
}

.text-neutral-dark-142 {
  color: var(--neutral-dark-142);
}

.bg-neutral-dark-143 {
  background: var(--neutral-dark-143);
}

.text-neutral-dark-143 {
  color: var(--neutral-dark-143);
}

.bg-neutral-dark-144 {
  background: var(--neutral-dark-144);
}

.text-neutral-dark-144 {
  color: var(--neutral-dark-144);
}

.bg-neutral-dark-145 {
  background: var(--neutral-dark-145);
}

.text-neutral-dark-145 {
  color: var(--neutral-dark-145);
}

.bg-neutral-dark-146 {
  background: var(--neutral-dark-146);
}

.text-neutral-dark-146 {
  color: var(--neutral-dark-146);
}

.bg-neutral-dark-147 {
  background: var(--neutral-dark-147);
}

.text-neutral-dark-147 {
  color: var(--neutral-dark-147);
}

.bg-neutral-dark-148 {
  background: var(--neutral-dark-148);
}

.text-neutral-dark-148 {
  color: var(--neutral-dark-148);
}

.bg-neutral-dark-149 {
  background: var(--neutral-dark-149);
}

.text-neutral-dark-149 {
  color: var(--neutral-dark-149);
}

.bg-neutral-dark-150 {
  background: var(--neutral-dark-150);
}

.text-neutral-dark-150 {
  color: var(--neutral-dark-150);
}

.bg-neutral-dark-151 {
  background: var(--neutral-dark-151);
}

.text-neutral-dark-151 {
  color: var(--neutral-dark-151);
}

.bg-neutral-dark-152 {
  background: var(--neutral-dark-152);
}

.text-neutral-dark-152 {
  color: var(--neutral-dark-152);
}

.bg-neutral-dark-153 {
  background: var(--neutral-dark-153);
}

.text-neutral-dark-153 {
  color: var(--neutral-dark-153);
}

.bg-neutral-dark-154 {
  background: var(--neutral-dark-154);
}

.text-neutral-dark-154 {
  color: var(--neutral-dark-154);
}

.bg-neutral-dark-155 {
  background: var(--neutral-dark-155);
}

.text-neutral-dark-155 {
  color: var(--neutral-dark-155);
}

.bg-neutral-dark-156 {
  background: var(--neutral-dark-156);
}

.text-neutral-dark-156 {
  color: var(--neutral-dark-156);
}

.bg-neutral-dark-157 {
  background: var(--neutral-dark-157);
}

.text-neutral-dark-157 {
  color: var(--neutral-dark-157);
}

.bg-neutral-dark-158 {
  background: var(--neutral-dark-158);
}

.text-neutral-dark-158 {
  color: var(--neutral-dark-158);
}

.bg-neutral-dark-159 {
  background: var(--neutral-dark-159);
}

.text-neutral-dark-159 {
  color: var(--neutral-dark-159);
}

.bg-neutral-dark-160 {
  background: var(--neutral-dark-160);
}

.text-neutral-dark-160 {
  color: var(--neutral-dark-160);
}

.bg-neutral-dark-161 {
  background: var(--neutral-dark-161);
}

.text-neutral-dark-161 {
  color: var(--neutral-dark-161);
}

.bg-neutral-dark-162 {
  background: var(--neutral-dark-162);
}

.text-neutral-dark-162 {
  color: var(--neutral-dark-162);
}

.bg-neutral-dark-163 {
  background: var(--neutral-dark-163);
}

.text-neutral-dark-163 {
  color: var(--neutral-dark-163);
}

.bg-neutral-dark-164 {
  background: var(--neutral-dark-164);
}

.text-neutral-dark-164 {
  color: var(--neutral-dark-164);
}

.bg-neutral-dark-165 {
  background: var(--neutral-dark-165);
}

.text-neutral-dark-165 {
  color: var(--neutral-dark-165);
}

.bg-neutral-dark-166 {
  background: var(--neutral-dark-166);
}

.text-neutral-dark-166 {
  color: var(--neutral-dark-166);
}

.bg-neutral-dark-167 {
  background: var(--neutral-dark-167);
}

.text-neutral-dark-167 {
  color: var(--neutral-dark-167);
}

.bg-neutral-dark-168 {
  background: var(--neutral-dark-168);
}

.text-neutral-dark-168 {
  color: var(--neutral-dark-168);
}

.bg-neutral-dark-169 {
  background: var(--neutral-dark-169);
}

.text-neutral-dark-169 {
  color: var(--neutral-dark-169);
}

.bg-neutral-dark-170 {
  background: var(--neutral-dark-170);
}

.text-neutral-dark-170 {
  color: var(--neutral-dark-170);
}

.bg-neutral-dark-171 {
  background: var(--neutral-dark-171);
}

.text-neutral-dark-171 {
  color: var(--neutral-dark-171);
}

.bg-neutral-dark-172 {
  background: var(--neutral-dark-172);
}

.text-neutral-dark-172 {
  color: var(--neutral-dark-172);
}

.bg-neutral-dark-173 {
  background: var(--neutral-dark-173);
}

.text-neutral-dark-173 {
  color: var(--neutral-dark-173);
}

.bg-neutral-dark-174 {
  background: var(--neutral-dark-174);
}

.text-neutral-dark-174 {
  color: var(--neutral-dark-174);
}

.bg-neutral-dark-175 {
  background: var(--neutral-dark-175);
}

.text-neutral-dark-175 {
  color: var(--neutral-dark-175);
}

.bg-neutral-dark-176 {
  background: var(--neutral-dark-176);
}

.text-neutral-dark-176 {
  color: var(--neutral-dark-176);
}

.bg-neutral-dark-177 {
  background: var(--neutral-dark-177);
}

.text-neutral-dark-177 {
  color: var(--neutral-dark-177);
}

.bg-neutral-dark-178 {
  background: var(--neutral-dark-178);
}

.text-neutral-dark-178 {
  color: var(--neutral-dark-178);
}

.bg-neutral-dark-179 {
  background: var(--neutral-dark-179);
}

.text-neutral-dark-179 {
  color: var(--neutral-dark-179);
}

.bg-neutral-dark-180 {
  background: var(--neutral-dark-180);
}

.text-neutral-dark-180 {
  color: var(--neutral-dark-180);
}

.bg-neutral-dark-181 {
  background: var(--neutral-dark-181);
}

.text-neutral-dark-181 {
  color: var(--neutral-dark-181);
}

.bg-neutral-dark-182 {
  background: var(--neutral-dark-182);
}

.text-neutral-dark-182 {
  color: var(--neutral-dark-182);
}

.bg-neutral-dark-183 {
  background: var(--neutral-dark-183);
}

.text-neutral-dark-183 {
  color: var(--neutral-dark-183);
}

.bg-neutral-dark-184 {
  background: var(--neutral-dark-184);
}

.text-neutral-dark-184 {
  color: var(--neutral-dark-184);
}

.bg-neutral-dark-185 {
  background: var(--neutral-dark-185);
}

.text-neutral-dark-185 {
  color: var(--neutral-dark-185);
}

.bg-neutral-dark-186 {
  background: var(--neutral-dark-186);
}

.text-neutral-dark-186 {
  color: var(--neutral-dark-186);
}

.bg-neutral-dark-187 {
  background: var(--neutral-dark-187);
}

.text-neutral-dark-187 {
  color: var(--neutral-dark-187);
}

.bg-neutral-dark-188 {
  background: var(--neutral-dark-188);
}

.text-neutral-dark-188 {
  color: var(--neutral-dark-188);
}

.bg-neutral-dark-189 {
  background: var(--neutral-dark-189);
}

.text-neutral-dark-189 {
  color: var(--neutral-dark-189);
}

.bg-neutral-dark-190 {
  background: var(--neutral-dark-190);
}

.text-neutral-dark-190 {
  color: var(--neutral-dark-190);
}

.bg-neutral-dark-191 {
  background: var(--neutral-dark-191);
}

.text-neutral-dark-191 {
  color: var(--neutral-dark-191);
}

.bg-neutral-dark-192 {
  background: var(--neutral-dark-192);
}

.text-neutral-dark-192 {
  color: var(--neutral-dark-192);
}

.bg-neutral-dark-193 {
  background: var(--neutral-dark-193);
}

.text-neutral-dark-193 {
  color: var(--neutral-dark-193);
}

.bg-neutral-dark-194 {
  background: var(--neutral-dark-194);
}

.text-neutral-dark-194 {
  color: var(--neutral-dark-194);
}

.bg-neutral-dark-195 {
  background: var(--neutral-dark-195);
}

.text-neutral-dark-195 {
  color: var(--neutral-dark-195);
}

.bg-neutral-dark-196 {
  background: var(--neutral-dark-196);
}

.text-neutral-dark-196 {
  color: var(--neutral-dark-196);
}

.bg-neutral-dark-197 {
  background: var(--neutral-dark-197);
}

.text-neutral-dark-197 {
  color: var(--neutral-dark-197);
}

.bg-neutral-dark-198 {
  background: var(--neutral-dark-198);
}

.text-neutral-dark-198 {
  color: var(--neutral-dark-198);
}

.bg-neutral-dark-199 {
  background: var(--neutral-dark-199);
}

.text-neutral-dark-199 {
  color: var(--neutral-dark-199);
}

.bg-neutral-dark-200 {
  background: var(--neutral-dark-200);
}

.text-neutral-dark-200 {
  color: var(--neutral-dark-200);
}

.bg-neutral-dark-201 {
  background: var(--neutral-dark-201);
}

.text-neutral-dark-201 {
  color: var(--neutral-dark-201);
}

.bg-neutral-dark-202 {
  background: var(--neutral-dark-202);
}

.text-neutral-dark-202 {
  color: var(--neutral-dark-202);
}

.bg-neutral-dark-203 {
  background: var(--neutral-dark-203);
}

.text-neutral-dark-203 {
  color: var(--neutral-dark-203);
}

.bg-neutral-dark-204 {
  background: var(--neutral-dark-204);
}

.text-neutral-dark-204 {
  color: var(--neutral-dark-204);
}

.bg-neutral-dark-205 {
  background: var(--neutral-dark-205);
}

.text-neutral-dark-205 {
  color: var(--neutral-dark-205);
}

.bg-neutral-dark-206 {
  background: var(--neutral-dark-206);
}

.text-neutral-dark-206 {
  color: var(--neutral-dark-206);
}

.bg-neutral-dark-207 {
  background: var(--neutral-dark-207);
}

.text-neutral-dark-207 {
  color: var(--neutral-dark-207);
}

.bg-neutral-dark-208 {
  background: var(--neutral-dark-208);
}

.text-neutral-dark-208 {
  color: var(--neutral-dark-208);
}

.bg-neutral-dark-209 {
  background: var(--neutral-dark-209);
}

.text-neutral-dark-209 {
  color: var(--neutral-dark-209);
}

.bg-neutral-dark-210 {
  background: var(--neutral-dark-210);
}

.text-neutral-dark-210 {
  color: var(--neutral-dark-210);
}

.bg-neutral-dark-211 {
  background: var(--neutral-dark-211);
}

.text-neutral-dark-211 {
  color: var(--neutral-dark-211);
}

.bg-neutral-dark-212 {
  background: var(--neutral-dark-212);
}

.text-neutral-dark-212 {
  color: var(--neutral-dark-212);
}

.bg-neutral-dark-213 {
  background: var(--neutral-dark-213);
}

.text-neutral-dark-213 {
  color: var(--neutral-dark-213);
}

.bg-neutral-dark-214 {
  background: var(--neutral-dark-214);
}

.text-neutral-dark-214 {
  color: var(--neutral-dark-214);
}

.bg-neutral-dark-215 {
  background: var(--neutral-dark-215);
}

.text-neutral-dark-215 {
  color: var(--neutral-dark-215);
}

.bg-neutral-dark-216 {
  background: var(--neutral-dark-216);
}

.text-neutral-dark-216 {
  color: var(--neutral-dark-216);
}

.bg-neutral-dark-217 {
  background: var(--neutral-dark-217);
}

.text-neutral-dark-217 {
  color: var(--neutral-dark-217);
}

.bg-neutral-dark-218 {
  background: var(--neutral-dark-218);
}

.text-neutral-dark-218 {
  color: var(--neutral-dark-218);
}

.bg-neutral-dark-219 {
  background: var(--neutral-dark-219);
}

.text-neutral-dark-219 {
  color: var(--neutral-dark-219);
}

.bg-neutral-dark-220 {
  background: var(--neutral-dark-220);
}

.text-neutral-dark-220 {
  color: var(--neutral-dark-220);
}

.bg-neutral-dark-221 {
  background: var(--neutral-dark-221);
}

.text-neutral-dark-221 {
  color: var(--neutral-dark-221);
}

.bg-neutral-dark-222 {
  background: var(--neutral-dark-222);
}

.text-neutral-dark-222 {
  color: var(--neutral-dark-222);
}

.bg-neutral-dark-223 {
  background: var(--neutral-dark-223);
}

.text-neutral-dark-223 {
  color: var(--neutral-dark-223);
}

.bg-neutral-dark-224 {
  background: var(--neutral-dark-224);
}

.text-neutral-dark-224 {
  color: var(--neutral-dark-224);
}

.bg-neutral-dark-225 {
  background: var(--neutral-dark-225);
}

.text-neutral-dark-225 {
  color: var(--neutral-dark-225);
}

.bg-neutral-dark-226 {
  background: var(--neutral-dark-226);
}

.text-neutral-dark-226 {
  color: var(--neutral-dark-226);
}

.bg-neutral-dark-227 {
  background: var(--neutral-dark-227);
}

.text-neutral-dark-227 {
  color: var(--neutral-dark-227);
}

.bg-neutral-dark-228 {
  background: var(--neutral-dark-228);
}

.text-neutral-dark-228 {
  color: var(--neutral-dark-228);
}

.bg-neutral-dark-229 {
  background: var(--neutral-dark-229);
}

.text-neutral-dark-229 {
  color: var(--neutral-dark-229);
}

.bg-neutral-dark-230 {
  background: var(--neutral-dark-230);
}

.text-neutral-dark-230 {
  color: var(--neutral-dark-230);
}

.bg-neutral-dark-231 {
  background: var(--neutral-dark-231);
}

.text-neutral-dark-231 {
  color: var(--neutral-dark-231);
}

.bg-neutral-dark-232 {
  background: var(--neutral-dark-232);
}

.text-neutral-dark-232 {
  color: var(--neutral-dark-232);
}

.bg-neutral-dark-233 {
  background: var(--neutral-dark-233);
}

.text-neutral-dark-233 {
  color: var(--neutral-dark-233);
}

.bg-neutral-dark-234 {
  background: var(--neutral-dark-234);
}

.text-neutral-dark-234 {
  color: var(--neutral-dark-234);
}

.bg-neutral-dark-235 {
  background: var(--neutral-dark-235);
}

.text-neutral-dark-235 {
  color: var(--neutral-dark-235);
}

.bg-neutral-dark-236 {
  background: var(--neutral-dark-236);
}

.text-neutral-dark-236 {
  color: var(--neutral-dark-236);
}

.bg-neutral-dark-237 {
  background: var(--neutral-dark-237);
}

.text-neutral-dark-237 {
  color: var(--neutral-dark-237);
}

.bg-neutral-dark-238 {
  background: var(--neutral-dark-238);
}

.text-neutral-dark-238 {
  color: var(--neutral-dark-238);
}

.bg-neutral-dark-239 {
  background: var(--neutral-dark-239);
}

.text-neutral-dark-239 {
  color: var(--neutral-dark-239);
}

.bg-neutral-dark-240 {
  background: var(--neutral-dark-240);
}

.text-neutral-dark-240 {
  color: var(--neutral-dark-240);
}

.bg-neutral-dark-241 {
  background: var(--neutral-dark-241);
}

.text-neutral-dark-241 {
  color: var(--neutral-dark-241);
}

.bg-neutral-dark-242 {
  background: var(--neutral-dark-242);
}

.text-neutral-dark-242 {
  color: var(--neutral-dark-242);
}

.bg-neutral-dark-243 {
  background: var(--neutral-dark-243);
}

.text-neutral-dark-243 {
  color: var(--neutral-dark-243);
}

.bg-neutral-dark-244 {
  background: var(--neutral-dark-244);
}

.text-neutral-dark-244 {
  color: var(--neutral-dark-244);
}

.bg-brand {
  background: var(--brand-3);
}

.text-brand {
  color: var(--brand-1);
}

.bg-brand-1 {
  background: var(--brand-1);
}

.text-brand-1 {
  color: var(--brand-1);
}

.bg-brand-2 {
  background: var(--brand-2);
}

.text-brand-2 {
  color: var(--brand-2);
}

.bg-brand-3 {
  background: var(--brand-3);
}

.text-brand-3 {
  color: var(--brand-3);
}

.bg-brand-4 {
  background: var(--brand-4);
}

.text-brand-4 {
  color: var(--brand-4);
}

.bg-brand-5 {
  background: var(--brand-5);
}

.text-brand-5 {
  color: var(--brand-5);
}

.bg-brand-6 {
  background: var(--brand-6);
}

.text-brand-6 {
  color: var(--brand-6);
}

.bg-brand-7 {
  background: var(--brand-7);
}

.text-brand-7 {
  color: var(--brand-7);
}

.bg-brand-8 {
  background: var(--brand-8);
}

.text-brand-8 {
  color: var(--brand-8);
}

.bg-brand-9 {
  background: var(--brand-9);
}

.text-brand-9 {
  color: var(--brand-9);
}

.bg-brand-10 {
  background: var(--brand-10);
}

.text-brand-10 {
  color: var(--brand-10);
}

.bg-brand-11 {
  background: var(--brand-11);
}

.text-brand-11 {
  color: var(--brand-11);
}

.bg-brand-12 {
  background: var(--brand-12);
}

.text-brand-12 {
  color: var(--brand-12);
}

.bg-brand-13 {
  background: var(--brand-13);
}

.text-brand-13 {
  color: var(--brand-13);
}

.bg-brand-14 {
  background: var(--brand-14);
}

.text-brand-14 {
  color: var(--brand-14);
}

.bg-brand-15 {
  background: var(--brand-15);
}

.text-brand-15 {
  color: var(--brand-15);
}

.bg-brand-16 {
  background: var(--brand-16);
}

.text-brand-16 {
  color: var(--brand-16);
}

.bg-brand-17 {
  background: var(--brand-17);
}

.text-brand-17 {
  color: var(--brand-17);
}

.bg-brand-18 {
  background: var(--brand-18);
}

.text-brand-18 {
  color: var(--brand-18);
}

.bg-brand-19 {
  background: var(--brand-19);
}

.text-brand-19 {
  color: var(--brand-19);
}

.bg-brand-20 {
  background: var(--brand-20);
}

.text-brand-20 {
  color: var(--brand-20);
}

.bg-brand-21 {
  background: var(--brand-21);
}

.text-brand-21 {
  color: var(--brand-21);
}

.bg-brand-22 {
  background: var(--brand-22);
}

.text-brand-22 {
  color: var(--brand-22);
}

.bg-brand-23 {
  background: var(--brand-23);
}

.text-brand-23 {
  color: var(--brand-23);
}

.bg-brand-24 {
  background: var(--brand-24);
}

.text-brand-24 {
  color: var(--brand-24);
}

.bg-brand-25 {
  background: var(--brand-25);
}

.text-brand-25 {
  color: var(--brand-25);
}

.bg-red {
  background: var(--red-3);
}

.text-red {
  color: var(--red-1);
}

.bg-red-1 {
  background: var(--red-1);
}

.text-red-1 {
  color: var(--red-1);
}

.bg-red-2 {
  background: var(--red-2);
}

.text-red-2 {
  color: var(--red-2);
}

.bg-red-3 {
  background: var(--red-3);
}

.text-red-3 {
  color: var(--red-3);
}

.bg-red-4 {
  background: var(--red-4);
}

.text-red-4 {
  color: var(--red-4);
}

.bg-red-5 {
  background: var(--red-5);
}

.text-red-5 {
  color: var(--red-5);
}

.bg-red-6 {
  background: var(--red-6);
}

.text-red-6 {
  color: var(--red-6);
}

.bg-red-7 {
  background: var(--red-7);
}

.text-red-7 {
  color: var(--red-7);
}

.bg-red-8 {
  background: var(--red-8);
}

.text-red-8 {
  color: var(--red-8);
}

.bg-red-9 {
  background: var(--red-9);
}

.text-red-9 {
  color: var(--red-9);
}

.bg-red-10 {
  background: var(--red-10);
}

.text-red-10 {
  color: var(--red-10);
}

.bg-red-11 {
  background: var(--red-11);
}

.text-red-11 {
  color: var(--red-11);
}

.bg-red-12 {
  background: var(--red-12);
}

.text-red-12 {
  color: var(--red-12);
}

.bg-red-13 {
  background: var(--red-13);
}

.text-red-13 {
  color: var(--red-13);
}

.bg-red-14 {
  background: var(--red-14);
}

.text-red-14 {
  color: var(--red-14);
}

.bg-red-15 {
  background: var(--red-15);
}

.text-red-15 {
  color: var(--red-15);
}

.bg-red-16 {
  background: var(--red-16);
}

.text-red-16 {
  color: var(--red-16);
}

.bg-red-17 {
  background: var(--red-17);
}

.text-red-17 {
  color: var(--red-17);
}

.bg-red-18 {
  background: var(--red-18);
}

.text-red-18 {
  color: var(--red-18);
}

.bg-red-19 {
  background: var(--red-19);
}

.text-red-19 {
  color: var(--red-19);
}

.bg-red-20 {
  background: var(--red-20);
}

.text-red-20 {
  color: var(--red-20);
}

.bg-red-21 {
  background: var(--red-21);
}

.text-red-21 {
  color: var(--red-21);
}

.bg-red-22 {
  background: var(--red-22);
}

.text-red-22 {
  color: var(--red-22);
}

.bg-red-23 {
  background: var(--red-23);
}

.text-red-23 {
  color: var(--red-23);
}

.bg-red-24 {
  background: var(--red-24);
}

.text-red-24 {
  color: var(--red-24);
}

.bg-red-25 {
  background: var(--red-25);
}

.text-red-25 {
  color: var(--red-25);
}

.bg-red-26 {
  background: var(--red-26);
}

.text-red-26 {
  color: var(--red-26);
}

.bg-red-27 {
  background: var(--red-27);
}

.text-red-27 {
  color: var(--red-27);
}

.bg-red-28 {
  background: var(--red-28);
}

.text-red-28 {
  color: var(--red-28);
}

.bg-red-29 {
  background: var(--red-29);
}

.text-red-29 {
  color: var(--red-29);
}

.bg-red-30 {
  background: var(--red-30);
}

.text-red-30 {
  color: var(--red-30);
}

.bg-orange {
  background: var(--orange-3);
}

.text-orange {
  color: var(--orange-1);
}

.bg-orange-1 {
  background: var(--orange-1);
}

.text-orange-1 {
  color: var(--orange-1);
}

.bg-orange-2 {
  background: var(--orange-2);
}

.text-orange-2 {
  color: var(--orange-2);
}

.bg-orange-3 {
  background: var(--orange-3);
}

.text-orange-3 {
  color: var(--orange-3);
}

.bg-orange-4 {
  background: var(--orange-4);
}

.text-orange-4 {
  color: var(--orange-4);
}

.bg-orange-5 {
  background: var(--orange-5);
}

.text-orange-5 {
  color: var(--orange-5);
}

.bg-orange-6 {
  background: var(--orange-6);
}

.text-orange-6 {
  color: var(--orange-6);
}

.bg-orange-7 {
  background: var(--orange-7);
}

.text-orange-7 {
  color: var(--orange-7);
}

.bg-orange-8 {
  background: var(--orange-8);
}

.text-orange-8 {
  color: var(--orange-8);
}

.bg-orange-9 {
  background: var(--orange-9);
}

.text-orange-9 {
  color: var(--orange-9);
}

.bg-orange-10 {
  background: var(--orange-10);
}

.text-orange-10 {
  color: var(--orange-10);
}

.bg-orange-11 {
  background: var(--orange-11);
}

.text-orange-11 {
  color: var(--orange-11);
}

.bg-orange-12 {
  background: var(--orange-12);
}

.text-orange-12 {
  color: var(--orange-12);
}

.bg-orange-13 {
  background: var(--orange-13);
}

.text-orange-13 {
  color: var(--orange-13);
}

.bg-orange-14 {
  background: var(--orange-14);
}

.text-orange-14 {
  color: var(--orange-14);
}

.bg-orange-15 {
  background: var(--orange-15);
}

.text-orange-15 {
  color: var(--orange-15);
}

.bg-orange-16 {
  background: var(--orange-16);
}

.text-orange-16 {
  color: var(--orange-16);
}

.bg-orange-17 {
  background: var(--orange-17);
}

.text-orange-17 {
  color: var(--orange-17);
}

.bg-orange-18 {
  background: var(--orange-18);
}

.text-orange-18 {
  color: var(--orange-18);
}

.bg-orange-19 {
  background: var(--orange-19);
}

.text-orange-19 {
  color: var(--orange-19);
}

.bg-orange-20 {
  background: var(--orange-20);
}

.text-orange-20 {
  color: var(--orange-20);
}

.bg-orange-21 {
  background: var(--orange-21);
}

.text-orange-21 {
  color: var(--orange-21);
}

.bg-orange-22 {
  background: var(--orange-22);
}

.text-orange-22 {
  color: var(--orange-22);
}

.bg-orange-23 {
  background: var(--orange-23);
}

.text-orange-23 {
  color: var(--orange-23);
}

.bg-orange-24 {
  background: var(--orange-24);
}

.text-orange-24 {
  color: var(--orange-24);
}

.bg-orange-25 {
  background: var(--orange-25);
}

.text-orange-25 {
  color: var(--orange-25);
}

.bg-orange-26 {
  background: var(--orange-26);
}

.text-orange-26 {
  color: var(--orange-26);
}

.bg-orange-27 {
  background: var(--orange-27);
}

.text-orange-27 {
  color: var(--orange-27);
}

.bg-orange-28 {
  background: var(--orange-28);
}

.text-orange-28 {
  color: var(--orange-28);
}

.bg-orange-29 {
  background: var(--orange-29);
}

.text-orange-29 {
  color: var(--orange-29);
}

.bg-orange-30 {
  background: var(--orange-30);
}

.text-orange-30 {
  color: var(--orange-30);
}

.bg-orange-31 {
  background: var(--orange-31);
}

.text-orange-31 {
  color: var(--orange-31);
}

.bg-orange-32 {
  background: var(--orange-32);
}

.text-orange-32 {
  color: var(--orange-32);
}

.bg-orange-33 {
  background: var(--orange-33);
}

.text-orange-33 {
  color: var(--orange-33);
}

.bg-orange-34 {
  background: var(--orange-34);
}

.text-orange-34 {
  color: var(--orange-34);
}

.bg-orange-35 {
  background: var(--orange-35);
}

.text-orange-35 {
  color: var(--orange-35);
}

.bg-orange-36 {
  background: var(--orange-36);
}

.text-orange-36 {
  color: var(--orange-36);
}

.bg-orange-37 {
  background: var(--orange-37);
}

.text-orange-37 {
  color: var(--orange-37);
}

.bg-orange-38 {
  background: var(--orange-38);
}

.text-orange-38 {
  color: var(--orange-38);
}

.bg-orange-39 {
  background: var(--orange-39);
}

.text-orange-39 {
  color: var(--orange-39);
}

.bg-orange-40 {
  background: var(--orange-40);
}

.text-orange-40 {
  color: var(--orange-40);
}

.bg-orange-41 {
  background: var(--orange-41);
}

.text-orange-41 {
  color: var(--orange-41);
}

.bg-orange-42 {
  background: var(--orange-42);
}

.text-orange-42 {
  color: var(--orange-42);
}

.bg-orange-43 {
  background: var(--orange-43);
}

.text-orange-43 {
  color: var(--orange-43);
}

.bg-orange-44 {
  background: var(--orange-44);
}

.text-orange-44 {
  color: var(--orange-44);
}

.bg-orange-45 {
  background: var(--orange-45);
}

.text-orange-45 {
  color: var(--orange-45);
}

.bg-orange-46 {
  background: var(--orange-46);
}

.text-orange-46 {
  color: var(--orange-46);
}

.bg-orange-47 {
  background: var(--orange-47);
}

.text-orange-47 {
  color: var(--orange-47);
}

.bg-orange-48 {
  background: var(--orange-48);
}

.text-orange-48 {
  color: var(--orange-48);
}

.bg-orange-49 {
  background: var(--orange-49);
}

.text-orange-49 {
  color: var(--orange-49);
}

.bg-orange-50 {
  background: var(--orange-50);
}

.text-orange-50 {
  color: var(--orange-50);
}

.bg-orange-51 {
  background: var(--orange-51);
}

.text-orange-51 {
  color: var(--orange-51);
}

.bg-orange-52 {
  background: var(--orange-52);
}

.text-orange-52 {
  color: var(--orange-52);
}

.bg-orange-53 {
  background: var(--orange-53);
}

.text-orange-53 {
  color: var(--orange-53);
}

.bg-orange-54 {
  background: var(--orange-54);
}

.text-orange-54 {
  color: var(--orange-54);
}

.bg-orange-55 {
  background: var(--orange-55);
}

.text-orange-55 {
  color: var(--orange-55);
}

.bg-orange-56 {
  background: var(--orange-56);
}

.text-orange-56 {
  color: var(--orange-56);
}

.bg-orange-57 {
  background: var(--orange-57);
}

.text-orange-57 {
  color: var(--orange-57);
}

.bg-orange-58 {
  background: var(--orange-58);
}

.text-orange-58 {
  color: var(--orange-58);
}

.bg-orange-59 {
  background: var(--orange-59);
}

.text-orange-59 {
  color: var(--orange-59);
}

.bg-orange-60 {
  background: var(--orange-60);
}

.text-orange-60 {
  color: var(--orange-60);
}

.bg-orange-61 {
  background: var(--orange-61);
}

.text-orange-61 {
  color: var(--orange-61);
}

.bg-orange-62 {
  background: var(--orange-62);
}

.text-orange-62 {
  color: var(--orange-62);
}

.bg-orange-63 {
  background: var(--orange-63);
}

.text-orange-63 {
  color: var(--orange-63);
}

.bg-orange-64 {
  background: var(--orange-64);
}

.text-orange-64 {
  color: var(--orange-64);
}

.bg-orange-65 {
  background: var(--orange-65);
}

.text-orange-65 {
  color: var(--orange-65);
}

.bg-yellow {
  background: var(--yellow-3);
}

.text-yellow {
  color: var(--yellow-1);
}

.bg-yellow-1 {
  background: var(--yellow-1);
}

.text-yellow-1 {
  color: var(--yellow-1);
}

.bg-yellow-2 {
  background: var(--yellow-2);
}

.text-yellow-2 {
  color: var(--yellow-2);
}

.bg-yellow-3 {
  background: var(--yellow-3);
}

.text-yellow-3 {
  color: var(--yellow-3);
}

.bg-yellow-4 {
  background: var(--yellow-4);
}

.text-yellow-4 {
  color: var(--yellow-4);
}

.bg-yellow-5 {
  background: var(--yellow-5);
}

.text-yellow-5 {
  color: var(--yellow-5);
}

.bg-yellow-6 {
  background: var(--yellow-6);
}

.text-yellow-6 {
  color: var(--yellow-6);
}

.bg-yellow-7 {
  background: var(--yellow-7);
}

.text-yellow-7 {
  color: var(--yellow-7);
}

.bg-yellow-8 {
  background: var(--yellow-8);
}

.text-yellow-8 {
  color: var(--yellow-8);
}

.bg-yellow-9 {
  background: var(--yellow-9);
}

.text-yellow-9 {
  color: var(--yellow-9);
}

.bg-yellow-10 {
  background: var(--yellow-10);
}

.text-yellow-10 {
  color: var(--yellow-10);
}

.bg-yellow-11 {
  background: var(--yellow-11);
}

.text-yellow-11 {
  color: var(--yellow-11);
}

.bg-yellow-12 {
  background: var(--yellow-12);
}

.text-yellow-12 {
  color: var(--yellow-12);
}

.bg-yellow-13 {
  background: var(--yellow-13);
}

.text-yellow-13 {
  color: var(--yellow-13);
}

.bg-yellow-14 {
  background: var(--yellow-14);
}

.text-yellow-14 {
  color: var(--yellow-14);
}

.bg-yellow-15 {
  background: var(--yellow-15);
}

.text-yellow-15 {
  color: var(--yellow-15);
}

.bg-yellow-16 {
  background: var(--yellow-16);
}

.text-yellow-16 {
  color: var(--yellow-16);
}

.bg-yellow-17 {
  background: var(--yellow-17);
}

.text-yellow-17 {
  color: var(--yellow-17);
}

.bg-yellow-18 {
  background: var(--yellow-18);
}

.text-yellow-18 {
  color: var(--yellow-18);
}

.bg-yellow-19 {
  background: var(--yellow-19);
}

.text-yellow-19 {
  color: var(--yellow-19);
}

.bg-yellow-20 {
  background: var(--yellow-20);
}

.text-yellow-20 {
  color: var(--yellow-20);
}

.bg-yellow-21 {
  background: var(--yellow-21);
}

.text-yellow-21 {
  color: var(--yellow-21);
}

.bg-yellow-22 {
  background: var(--yellow-22);
}

.text-yellow-22 {
  color: var(--yellow-22);
}

.bg-yellow-23 {
  background: var(--yellow-23);
}

.text-yellow-23 {
  color: var(--yellow-23);
}

.bg-yellow-24 {
  background: var(--yellow-24);
}

.text-yellow-24 {
  color: var(--yellow-24);
}

.bg-yellow-25 {
  background: var(--yellow-25);
}

.text-yellow-25 {
  color: var(--yellow-25);
}

.bg-yellow-26 {
  background: var(--yellow-26);
}

.text-yellow-26 {
  color: var(--yellow-26);
}

.bg-yellow-27 {
  background: var(--yellow-27);
}

.text-yellow-27 {
  color: var(--yellow-27);
}

.bg-yellow-28 {
  background: var(--yellow-28);
}

.text-yellow-28 {
  color: var(--yellow-28);
}

.bg-yellow-29 {
  background: var(--yellow-29);
}

.text-yellow-29 {
  color: var(--yellow-29);
}

.bg-yellow-30 {
  background: var(--yellow-30);
}

.text-yellow-30 {
  color: var(--yellow-30);
}

.bg-yellow-31 {
  background: var(--yellow-31);
}

.text-yellow-31 {
  color: var(--yellow-31);
}

.bg-yellow-32 {
  background: var(--yellow-32);
}

.text-yellow-32 {
  color: var(--yellow-32);
}

.bg-yellow-33 {
  background: var(--yellow-33);
}

.text-yellow-33 {
  color: var(--yellow-33);
}

.bg-yellow-34 {
  background: var(--yellow-34);
}

.text-yellow-34 {
  color: var(--yellow-34);
}

.bg-yellow-35 {
  background: var(--yellow-35);
}

.text-yellow-35 {
  color: var(--yellow-35);
}

.bg-yellow-36 {
  background: var(--yellow-36);
}

.text-yellow-36 {
  color: var(--yellow-36);
}

.bg-yellow-37 {
  background: var(--yellow-37);
}

.text-yellow-37 {
  color: var(--yellow-37);
}

.bg-yellow-38 {
  background: var(--yellow-38);
}

.text-yellow-38 {
  color: var(--yellow-38);
}

.bg-yellow-39 {
  background: var(--yellow-39);
}

.text-yellow-39 {
  color: var(--yellow-39);
}

.bg-yellow-40 {
  background: var(--yellow-40);
}

.text-yellow-40 {
  color: var(--yellow-40);
}

.bg-yellow-41 {
  background: var(--yellow-41);
}

.text-yellow-41 {
  color: var(--yellow-41);
}

.bg-yellow-42 {
  background: var(--yellow-42);
}

.text-yellow-42 {
  color: var(--yellow-42);
}

.bg-yellow-43 {
  background: var(--yellow-43);
}

.text-yellow-43 {
  color: var(--yellow-43);
}

.bg-yellow-44 {
  background: var(--yellow-44);
}

.text-yellow-44 {
  color: var(--yellow-44);
}

.bg-yellow-45 {
  background: var(--yellow-45);
}

.text-yellow-45 {
  color: var(--yellow-45);
}

.bg-yellow-46 {
  background: var(--yellow-46);
}

.text-yellow-46 {
  color: var(--yellow-46);
}

.bg-yellow-47 {
  background: var(--yellow-47);
}

.text-yellow-47 {
  color: var(--yellow-47);
}

.bg-yellow-48 {
  background: var(--yellow-48);
}

.text-yellow-48 {
  color: var(--yellow-48);
}

.bg-yellow-49 {
  background: var(--yellow-49);
}

.text-yellow-49 {
  color: var(--yellow-49);
}

.bg-yellow-50 {
  background: var(--yellow-50);
}

.text-yellow-50 {
  color: var(--yellow-50);
}

.bg-yellow-51 {
  background: var(--yellow-51);
}

.text-yellow-51 {
  color: var(--yellow-51);
}

.bg-yellow-52 {
  background: var(--yellow-52);
}

.text-yellow-52 {
  color: var(--yellow-52);
}

.bg-yellow-53 {
  background: var(--yellow-53);
}

.text-yellow-53 {
  color: var(--yellow-53);
}

.bg-yellow-54 {
  background: var(--yellow-54);
}

.text-yellow-54 {
  color: var(--yellow-54);
}

.bg-yellow-55 {
  background: var(--yellow-55);
}

.text-yellow-55 {
  color: var(--yellow-55);
}

.bg-yellow-56 {
  background: var(--yellow-56);
}

.text-yellow-56 {
  color: var(--yellow-56);
}

.bg-yellow-57 {
  background: var(--yellow-57);
}

.text-yellow-57 {
  color: var(--yellow-57);
}

.bg-yellow-58 {
  background: var(--yellow-58);
}

.text-yellow-58 {
  color: var(--yellow-58);
}

.bg-yellow-59 {
  background: var(--yellow-59);
}

.text-yellow-59 {
  color: var(--yellow-59);
}

.bg-yellow-60 {
  background: var(--yellow-60);
}

.text-yellow-60 {
  color: var(--yellow-60);
}

.bg-yellow-61 {
  background: var(--yellow-61);
}

.text-yellow-61 {
  color: var(--yellow-61);
}

.bg-yellow-62 {
  background: var(--yellow-62);
}

.text-yellow-62 {
  color: var(--yellow-62);
}

.bg-yellow-63 {
  background: var(--yellow-63);
}

.text-yellow-63 {
  color: var(--yellow-63);
}

.bg-yellow-64 {
  background: var(--yellow-64);
}

.text-yellow-64 {
  color: var(--yellow-64);
}

.bg-yellow-65 {
  background: var(--yellow-65);
}

.text-yellow-65 {
  color: var(--yellow-65);
}

.bg-yellow-66 {
  background: var(--yellow-66);
}

.text-yellow-66 {
  color: var(--yellow-66);
}

.bg-yellow-67 {
  background: var(--yellow-67);
}

.text-yellow-67 {
  color: var(--yellow-67);
}

.bg-yellow-68 {
  background: var(--yellow-68);
}

.text-yellow-68 {
  color: var(--yellow-68);
}

.bg-yellow-69 {
  background: var(--yellow-69);
}

.text-yellow-69 {
  color: var(--yellow-69);
}

.bg-yellow-70 {
  background: var(--yellow-70);
}

.text-yellow-70 {
  color: var(--yellow-70);
}

.bg-yellow-71 {
  background: var(--yellow-71);
}

.text-yellow-71 {
  color: var(--yellow-71);
}

.bg-yellow-72 {
  background: var(--yellow-72);
}

.text-yellow-72 {
  color: var(--yellow-72);
}

.bg-yellow-73 {
  background: var(--yellow-73);
}

.text-yellow-73 {
  color: var(--yellow-73);
}

.bg-yellow-74 {
  background: var(--yellow-74);
}

.text-yellow-74 {
  color: var(--yellow-74);
}

.bg-yellow-75 {
  background: var(--yellow-75);
}

.text-yellow-75 {
  color: var(--yellow-75);
}

.bg-yellow-76 {
  background: var(--yellow-76);
}

.text-yellow-76 {
  color: var(--yellow-76);
}

.bg-yellow-77 {
  background: var(--yellow-77);
}

.text-yellow-77 {
  color: var(--yellow-77);
}

.bg-yellow-78 {
  background: var(--yellow-78);
}

.text-yellow-78 {
  color: var(--yellow-78);
}

.bg-yellow-79 {
  background: var(--yellow-79);
}

.text-yellow-79 {
  color: var(--yellow-79);
}

.bg-yellow-80 {
  background: var(--yellow-80);
}

.text-yellow-80 {
  color: var(--yellow-80);
}

.bg-yellow-81 {
  background: var(--yellow-81);
}

.text-yellow-81 {
  color: var(--yellow-81);
}

.bg-yellow-82 {
  background: var(--yellow-82);
}

.text-yellow-82 {
  color: var(--yellow-82);
}

.bg-yellow-83 {
  background: var(--yellow-83);
}

.text-yellow-83 {
  color: var(--yellow-83);
}

.bg-yellow-84 {
  background: var(--yellow-84);
}

.text-yellow-84 {
  color: var(--yellow-84);
}

.bg-yellow-85 {
  background: var(--yellow-85);
}

.text-yellow-85 {
  color: var(--yellow-85);
}

.bg-yellow-86 {
  background: var(--yellow-86);
}

.text-yellow-86 {
  color: var(--yellow-86);
}

.bg-yellow-87 {
  background: var(--yellow-87);
}

.text-yellow-87 {
  color: var(--yellow-87);
}

.bg-yellow-88 {
  background: var(--yellow-88);
}

.text-yellow-88 {
  color: var(--yellow-88);
}

.bg-yellow-89 {
  background: var(--yellow-89);
}

.text-yellow-89 {
  color: var(--yellow-89);
}

.bg-yellow-90 {
  background: var(--yellow-90);
}

.text-yellow-90 {
  color: var(--yellow-90);
}

.bg-yellow-91 {
  background: var(--yellow-91);
}

.text-yellow-91 {
  color: var(--yellow-91);
}

.bg-yellow-92 {
  background: var(--yellow-92);
}

.text-yellow-92 {
  color: var(--yellow-92);
}

.bg-yellow-93 {
  background: var(--yellow-93);
}

.text-yellow-93 {
  color: var(--yellow-93);
}

.bg-yellow-94 {
  background: var(--yellow-94);
}

.text-yellow-94 {
  color: var(--yellow-94);
}

.bg-yellow-95 {
  background: var(--yellow-95);
}

.text-yellow-95 {
  color: var(--yellow-95);
}

.bg-yellow-96 {
  background: var(--yellow-96);
}

.text-yellow-96 {
  color: var(--yellow-96);
}

.bg-yellow-97 {
  background: var(--yellow-97);
}

.text-yellow-97 {
  color: var(--yellow-97);
}

.bg-yellow-98 {
  background: var(--yellow-98);
}

.text-yellow-98 {
  color: var(--yellow-98);
}

.bg-yellow-99 {
  background: var(--yellow-99);
}

.text-yellow-99 {
  color: var(--yellow-99);
}

.bg-yellow-100 {
  background: var(--yellow-100);
}

.text-yellow-100 {
  color: var(--yellow-100);
}

.bg-green {
  background: var(--green-3);
}

.text-green {
  color: var(--green-1);
}

.bg-green-1 {
  background: var(--green-1);
}

.text-green-1 {
  color: var(--green-1);
}

.bg-green-2 {
  background: var(--green-2);
}

.text-green-2 {
  color: var(--green-2);
}

.bg-green-3 {
  background: var(--green-3);
}

.text-green-3 {
  color: var(--green-3);
}

.bg-green-4 {
  background: var(--green-4);
}

.text-green-4 {
  color: var(--green-4);
}

.bg-green-5 {
  background: var(--green-5);
}

.text-green-5 {
  color: var(--green-5);
}

.bg-green-6 {
  background: var(--green-6);
}

.text-green-6 {
  color: var(--green-6);
}

.bg-green-7 {
  background: var(--green-7);
}

.text-green-7 {
  color: var(--green-7);
}

.bg-green-8 {
  background: var(--green-8);
}

.text-green-8 {
  color: var(--green-8);
}

.bg-green-9 {
  background: var(--green-9);
}

.text-green-9 {
  color: var(--green-9);
}

.bg-green-10 {
  background: var(--green-10);
}

.text-green-10 {
  color: var(--green-10);
}

.bg-green-11 {
  background: var(--green-11);
}

.text-green-11 {
  color: var(--green-11);
}

.bg-green-12 {
  background: var(--green-12);
}

.text-green-12 {
  color: var(--green-12);
}

.bg-green-13 {
  background: var(--green-13);
}

.text-green-13 {
  color: var(--green-13);
}

.bg-green-14 {
  background: var(--green-14);
}

.text-green-14 {
  color: var(--green-14);
}

.bg-green-15 {
  background: var(--green-15);
}

.text-green-15 {
  color: var(--green-15);
}

.bg-green-16 {
  background: var(--green-16);
}

.text-green-16 {
  color: var(--green-16);
}

.bg-green-17 {
  background: var(--green-17);
}

.text-green-17 {
  color: var(--green-17);
}

.bg-green-18 {
  background: var(--green-18);
}

.text-green-18 {
  color: var(--green-18);
}

.bg-green-19 {
  background: var(--green-19);
}

.text-green-19 {
  color: var(--green-19);
}

.bg-green-20 {
  background: var(--green-20);
}

.text-green-20 {
  color: var(--green-20);
}

.bg-green-21 {
  background: var(--green-21);
}

.text-green-21 {
  color: var(--green-21);
}

.bg-green-22 {
  background: var(--green-22);
}

.text-green-22 {
  color: var(--green-22);
}

.bg-green-23 {
  background: var(--green-23);
}

.text-green-23 {
  color: var(--green-23);
}

.bg-green-24 {
  background: var(--green-24);
}

.text-green-24 {
  color: var(--green-24);
}

.bg-green-25 {
  background: var(--green-25);
}

.text-green-25 {
  color: var(--green-25);
}

.bg-green-26 {
  background: var(--green-26);
}

.text-green-26 {
  color: var(--green-26);
}

.bg-green-27 {
  background: var(--green-27);
}

.text-green-27 {
  color: var(--green-27);
}

.bg-green-28 {
  background: var(--green-28);
}

.text-green-28 {
  color: var(--green-28);
}

.bg-green-29 {
  background: var(--green-29);
}

.text-green-29 {
  color: var(--green-29);
}

.bg-green-30 {
  background: var(--green-30);
}

.text-green-30 {
  color: var(--green-30);
}

.bg-green-31 {
  background: var(--green-31);
}

.text-green-31 {
  color: var(--green-31);
}

.bg-green-32 {
  background: var(--green-32);
}

.text-green-32 {
  color: var(--green-32);
}

.bg-green-33 {
  background: var(--green-33);
}

.text-green-33 {
  color: var(--green-33);
}

.bg-green-34 {
  background: var(--green-34);
}

.text-green-34 {
  color: var(--green-34);
}

.bg-green-35 {
  background: var(--green-35);
}

.text-green-35 {
  color: var(--green-35);
}

.bg-green-36 {
  background: var(--green-36);
}

.text-green-36 {
  color: var(--green-36);
}

.bg-green-37 {
  background: var(--green-37);
}

.text-green-37 {
  color: var(--green-37);
}

.bg-green-38 {
  background: var(--green-38);
}

.text-green-38 {
  color: var(--green-38);
}

.bg-green-39 {
  background: var(--green-39);
}

.text-green-39 {
  color: var(--green-39);
}

.bg-green-40 {
  background: var(--green-40);
}

.text-green-40 {
  color: var(--green-40);
}

.bg-green-41 {
  background: var(--green-41);
}

.text-green-41 {
  color: var(--green-41);
}

.bg-green-42 {
  background: var(--green-42);
}

.text-green-42 {
  color: var(--green-42);
}

.bg-green-43 {
  background: var(--green-43);
}

.text-green-43 {
  color: var(--green-43);
}

.bg-green-44 {
  background: var(--green-44);
}

.text-green-44 {
  color: var(--green-44);
}

.bg-green-45 {
  background: var(--green-45);
}

.text-green-45 {
  color: var(--green-45);
}

.bg-green-46 {
  background: var(--green-46);
}

.text-green-46 {
  color: var(--green-46);
}

.bg-green-47 {
  background: var(--green-47);
}

.text-green-47 {
  color: var(--green-47);
}

.bg-green-48 {
  background: var(--green-48);
}

.text-green-48 {
  color: var(--green-48);
}

.bg-green-49 {
  background: var(--green-49);
}

.text-green-49 {
  color: var(--green-49);
}

.bg-green-50 {
  background: var(--green-50);
}

.text-green-50 {
  color: var(--green-50);
}

.bg-green-51 {
  background: var(--green-51);
}

.text-green-51 {
  color: var(--green-51);
}

.bg-green-52 {
  background: var(--green-52);
}

.text-green-52 {
  color: var(--green-52);
}

.bg-green-53 {
  background: var(--green-53);
}

.text-green-53 {
  color: var(--green-53);
}

.bg-green-54 {
  background: var(--green-54);
}

.text-green-54 {
  color: var(--green-54);
}

.bg-green-55 {
  background: var(--green-55);
}

.text-green-55 {
  color: var(--green-55);
}

.bg-green-56 {
  background: var(--green-56);
}

.text-green-56 {
  color: var(--green-56);
}

.bg-green-57 {
  background: var(--green-57);
}

.text-green-57 {
  color: var(--green-57);
}

.bg-green-58 {
  background: var(--green-58);
}

.text-green-58 {
  color: var(--green-58);
}

.bg-green-59 {
  background: var(--green-59);
}

.text-green-59 {
  color: var(--green-59);
}

.bg-green-60 {
  background: var(--green-60);
}

.text-green-60 {
  color: var(--green-60);
}

.bg-green-61 {
  background: var(--green-61);
}

.text-green-61 {
  color: var(--green-61);
}

.bg-green-62 {
  background: var(--green-62);
}

.text-green-62 {
  color: var(--green-62);
}

.bg-green-63 {
  background: var(--green-63);
}

.text-green-63 {
  color: var(--green-63);
}

.bg-green-64 {
  background: var(--green-64);
}

.text-green-64 {
  color: var(--green-64);
}

.bg-green-65 {
  background: var(--green-65);
}

.text-green-65 {
  color: var(--green-65);
}

.bg-green-66 {
  background: var(--green-66);
}

.text-green-66 {
  color: var(--green-66);
}

.bg-green-67 {
  background: var(--green-67);
}

.text-green-67 {
  color: var(--green-67);
}

.bg-green-68 {
  background: var(--green-68);
}

.text-green-68 {
  color: var(--green-68);
}

.bg-green-69 {
  background: var(--green-69);
}

.text-green-69 {
  color: var(--green-69);
}

.bg-green-70 {
  background: var(--green-70);
}

.text-green-70 {
  color: var(--green-70);
}

.bg-green-71 {
  background: var(--green-71);
}

.text-green-71 {
  color: var(--green-71);
}

.bg-green-72 {
  background: var(--green-72);
}

.text-green-72 {
  color: var(--green-72);
}

.bg-green-73 {
  background: var(--green-73);
}

.text-green-73 {
  color: var(--green-73);
}

.bg-green-74 {
  background: var(--green-74);
}

.text-green-74 {
  color: var(--green-74);
}

.bg-green-75 {
  background: var(--green-75);
}

.text-green-75 {
  color: var(--green-75);
}

.bg-green-76 {
  background: var(--green-76);
}

.text-green-76 {
  color: var(--green-76);
}

.bg-green-77 {
  background: var(--green-77);
}

.text-green-77 {
  color: var(--green-77);
}

.bg-green-78 {
  background: var(--green-78);
}

.text-green-78 {
  color: var(--green-78);
}

.bg-green-79 {
  background: var(--green-79);
}

.text-green-79 {
  color: var(--green-79);
}

.bg-green-80 {
  background: var(--green-80);
}

.text-green-80 {
  color: var(--green-80);
}

.bg-green-81 {
  background: var(--green-81);
}

.text-green-81 {
  color: var(--green-81);
}

.bg-green-82 {
  background: var(--green-82);
}

.text-green-82 {
  color: var(--green-82);
}

.bg-green-83 {
  background: var(--green-83);
}

.text-green-83 {
  color: var(--green-83);
}

.bg-green-84 {
  background: var(--green-84);
}

.text-green-84 {
  color: var(--green-84);
}

.bg-green-85 {
  background: var(--green-85);
}

.text-green-85 {
  color: var(--green-85);
}

.bg-green-86 {
  background: var(--green-86);
}

.text-green-86 {
  color: var(--green-86);
}

.bg-green-87 {
  background: var(--green-87);
}

.text-green-87 {
  color: var(--green-87);
}

.bg-green-88 {
  background: var(--green-88);
}

.text-green-88 {
  color: var(--green-88);
}

.bg-green-89 {
  background: var(--green-89);
}

.text-green-89 {
  color: var(--green-89);
}

.bg-green-90 {
  background: var(--green-90);
}

.text-green-90 {
  color: var(--green-90);
}

.bg-green-91 {
  background: var(--green-91);
}

.text-green-91 {
  color: var(--green-91);
}

.bg-green-92 {
  background: var(--green-92);
}

.text-green-92 {
  color: var(--green-92);
}

.bg-green-93 {
  background: var(--green-93);
}

.text-green-93 {
  color: var(--green-93);
}

.bg-green-94 {
  background: var(--green-94);
}

.text-green-94 {
  color: var(--green-94);
}

.bg-green-95 {
  background: var(--green-95);
}

.text-green-95 {
  color: var(--green-95);
}

.bg-green-96 {
  background: var(--green-96);
}

.text-green-96 {
  color: var(--green-96);
}

.bg-green-97 {
  background: var(--green-97);
}

.text-green-97 {
  color: var(--green-97);
}

.bg-green-98 {
  background: var(--green-98);
}

.text-green-98 {
  color: var(--green-98);
}

.bg-green-99 {
  background: var(--green-99);
}

.text-green-99 {
  color: var(--green-99);
}

.bg-green-100 {
  background: var(--green-100);
}

.text-green-100 {
  color: var(--green-100);
}

.bg-green-101 {
  background: var(--green-101);
}

.text-green-101 {
  color: var(--green-101);
}

.bg-green-102 {
  background: var(--green-102);
}

.text-green-102 {
  color: var(--green-102);
}

.bg-green-103 {
  background: var(--green-103);
}

.text-green-103 {
  color: var(--green-103);
}

.bg-green-104 {
  background: var(--green-104);
}

.text-green-104 {
  color: var(--green-104);
}

.bg-green-105 {
  background: var(--green-105);
}

.text-green-105 {
  color: var(--green-105);
}

.bg-green-106 {
  background: var(--green-106);
}

.text-green-106 {
  color: var(--green-106);
}

.bg-green-107 {
  background: var(--green-107);
}

.text-green-107 {
  color: var(--green-107);
}

.bg-green-108 {
  background: var(--green-108);
}

.text-green-108 {
  color: var(--green-108);
}

.bg-green-109 {
  background: var(--green-109);
}

.text-green-109 {
  color: var(--green-109);
}

.bg-green-110 {
  background: var(--green-110);
}

.text-green-110 {
  color: var(--green-110);
}

.bg-green-111 {
  background: var(--green-111);
}

.text-green-111 {
  color: var(--green-111);
}

.bg-green-112 {
  background: var(--green-112);
}

.text-green-112 {
  color: var(--green-112);
}

.bg-green-113 {
  background: var(--green-113);
}

.text-green-113 {
  color: var(--green-113);
}

.bg-green-114 {
  background: var(--green-114);
}

.text-green-114 {
  color: var(--green-114);
}

.bg-green-115 {
  background: var(--green-115);
}

.text-green-115 {
  color: var(--green-115);
}

.bg-green-116 {
  background: var(--green-116);
}

.text-green-116 {
  color: var(--green-116);
}

.bg-green-117 {
  background: var(--green-117);
}

.text-green-117 {
  color: var(--green-117);
}

.bg-green-118 {
  background: var(--green-118);
}

.text-green-118 {
  color: var(--green-118);
}

.bg-green-119 {
  background: var(--green-119);
}

.text-green-119 {
  color: var(--green-119);
}

.bg-green-120 {
  background: var(--green-120);
}

.text-green-120 {
  color: var(--green-120);
}

.bg-green-121 {
  background: var(--green-121);
}

.text-green-121 {
  color: var(--green-121);
}

.bg-green-122 {
  background: var(--green-122);
}

.text-green-122 {
  color: var(--green-122);
}

.bg-green-123 {
  background: var(--green-123);
}

.text-green-123 {
  color: var(--green-123);
}

.bg-green-124 {
  background: var(--green-124);
}

.text-green-124 {
  color: var(--green-124);
}

.bg-green-125 {
  background: var(--green-125);
}

.text-green-125 {
  color: var(--green-125);
}

.bg-green-126 {
  background: var(--green-126);
}

.text-green-126 {
  color: var(--green-126);
}

.bg-green-127 {
  background: var(--green-127);
}

.text-green-127 {
  color: var(--green-127);
}

.bg-green-128 {
  background: var(--green-128);
}

.text-green-128 {
  color: var(--green-128);
}

.bg-green-129 {
  background: var(--green-129);
}

.text-green-129 {
  color: var(--green-129);
}

.bg-green-130 {
  background: var(--green-130);
}

.text-green-130 {
  color: var(--green-130);
}

.bg-green-131 {
  background: var(--green-131);
}

.text-green-131 {
  color: var(--green-131);
}

.bg-green-132 {
  background: var(--green-132);
}

.text-green-132 {
  color: var(--green-132);
}

.bg-green-133 {
  background: var(--green-133);
}

.text-green-133 {
  color: var(--green-133);
}

.bg-green-134 {
  background: var(--green-134);
}

.text-green-134 {
  color: var(--green-134);
}

.bg-green-135 {
  background: var(--green-135);
}

.text-green-135 {
  color: var(--green-135);
}

.bg-green-136 {
  background: var(--green-136);
}

.text-green-136 {
  color: var(--green-136);
}

.bg-green-137 {
  background: var(--green-137);
}

.text-green-137 {
  color: var(--green-137);
}

.bg-green-138 {
  background: var(--green-138);
}

.text-green-138 {
  color: var(--green-138);
}

.bg-green-139 {
  background: var(--green-139);
}

.text-green-139 {
  color: var(--green-139);
}

.bg-green-140 {
  background: var(--green-140);
}

.text-green-140 {
  color: var(--green-140);
}

.bg-teal {
  background: var(--teal-3);
}

.text-teal {
  color: var(--teal-1);
}

.bg-teal-1 {
  background: var(--teal-1);
}

.text-teal-1 {
  color: var(--teal-1);
}

.bg-teal-2 {
  background: var(--teal-2);
}

.text-teal-2 {
  color: var(--teal-2);
}

.bg-teal-3 {
  background: var(--teal-3);
}

.text-teal-3 {
  color: var(--teal-3);
}

.bg-teal-4 {
  background: var(--teal-4);
}

.text-teal-4 {
  color: var(--teal-4);
}

.bg-teal-5 {
  background: var(--teal-5);
}

.text-teal-5 {
  color: var(--teal-5);
}

.bg-teal-6 {
  background: var(--teal-6);
}

.text-teal-6 {
  color: var(--teal-6);
}

.bg-teal-7 {
  background: var(--teal-7);
}

.text-teal-7 {
  color: var(--teal-7);
}

.bg-teal-8 {
  background: var(--teal-8);
}

.text-teal-8 {
  color: var(--teal-8);
}

.bg-teal-9 {
  background: var(--teal-9);
}

.text-teal-9 {
  color: var(--teal-9);
}

.bg-teal-10 {
  background: var(--teal-10);
}

.text-teal-10 {
  color: var(--teal-10);
}

.bg-teal-11 {
  background: var(--teal-11);
}

.text-teal-11 {
  color: var(--teal-11);
}

.bg-teal-12 {
  background: var(--teal-12);
}

.text-teal-12 {
  color: var(--teal-12);
}

.bg-teal-13 {
  background: var(--teal-13);
}

.text-teal-13 {
  color: var(--teal-13);
}

.bg-teal-14 {
  background: var(--teal-14);
}

.text-teal-14 {
  color: var(--teal-14);
}

.bg-teal-15 {
  background: var(--teal-15);
}

.text-teal-15 {
  color: var(--teal-15);
}

.bg-teal-16 {
  background: var(--teal-16);
}

.text-teal-16 {
  color: var(--teal-16);
}

.bg-teal-17 {
  background: var(--teal-17);
}

.text-teal-17 {
  color: var(--teal-17);
}

.bg-teal-18 {
  background: var(--teal-18);
}

.text-teal-18 {
  color: var(--teal-18);
}

.bg-teal-19 {
  background: var(--teal-19);
}

.text-teal-19 {
  color: var(--teal-19);
}

.bg-teal-20 {
  background: var(--teal-20);
}

.text-teal-20 {
  color: var(--teal-20);
}

.bg-teal-21 {
  background: var(--teal-21);
}

.text-teal-21 {
  color: var(--teal-21);
}

.bg-teal-22 {
  background: var(--teal-22);
}

.text-teal-22 {
  color: var(--teal-22);
}

.bg-teal-23 {
  background: var(--teal-23);
}

.text-teal-23 {
  color: var(--teal-23);
}

.bg-teal-24 {
  background: var(--teal-24);
}

.text-teal-24 {
  color: var(--teal-24);
}

.bg-teal-25 {
  background: var(--teal-25);
}

.text-teal-25 {
  color: var(--teal-25);
}

.bg-teal-26 {
  background: var(--teal-26);
}

.text-teal-26 {
  color: var(--teal-26);
}

.bg-teal-27 {
  background: var(--teal-27);
}

.text-teal-27 {
  color: var(--teal-27);
}

.bg-teal-28 {
  background: var(--teal-28);
}

.text-teal-28 {
  color: var(--teal-28);
}

.bg-teal-29 {
  background: var(--teal-29);
}

.text-teal-29 {
  color: var(--teal-29);
}

.bg-teal-30 {
  background: var(--teal-30);
}

.text-teal-30 {
  color: var(--teal-30);
}

.bg-teal-31 {
  background: var(--teal-31);
}

.text-teal-31 {
  color: var(--teal-31);
}

.bg-teal-32 {
  background: var(--teal-32);
}

.text-teal-32 {
  color: var(--teal-32);
}

.bg-teal-33 {
  background: var(--teal-33);
}

.text-teal-33 {
  color: var(--teal-33);
}

.bg-teal-34 {
  background: var(--teal-34);
}

.text-teal-34 {
  color: var(--teal-34);
}

.bg-teal-35 {
  background: var(--teal-35);
}

.text-teal-35 {
  color: var(--teal-35);
}

.bg-teal-36 {
  background: var(--teal-36);
}

.text-teal-36 {
  color: var(--teal-36);
}

.bg-teal-37 {
  background: var(--teal-37);
}

.text-teal-37 {
  color: var(--teal-37);
}

.bg-teal-38 {
  background: var(--teal-38);
}

.text-teal-38 {
  color: var(--teal-38);
}

.bg-teal-39 {
  background: var(--teal-39);
}

.text-teal-39 {
  color: var(--teal-39);
}

.bg-teal-40 {
  background: var(--teal-40);
}

.text-teal-40 {
  color: var(--teal-40);
}

.bg-teal-41 {
  background: var(--teal-41);
}

.text-teal-41 {
  color: var(--teal-41);
}

.bg-teal-42 {
  background: var(--teal-42);
}

.text-teal-42 {
  color: var(--teal-42);
}

.bg-teal-43 {
  background: var(--teal-43);
}

.text-teal-43 {
  color: var(--teal-43);
}

.bg-teal-44 {
  background: var(--teal-44);
}

.text-teal-44 {
  color: var(--teal-44);
}

.bg-teal-45 {
  background: var(--teal-45);
}

.text-teal-45 {
  color: var(--teal-45);
}

.bg-teal-46 {
  background: var(--teal-46);
}

.text-teal-46 {
  color: var(--teal-46);
}

.bg-teal-47 {
  background: var(--teal-47);
}

.text-teal-47 {
  color: var(--teal-47);
}

.bg-teal-48 {
  background: var(--teal-48);
}

.text-teal-48 {
  color: var(--teal-48);
}

.bg-teal-49 {
  background: var(--teal-49);
}

.text-teal-49 {
  color: var(--teal-49);
}

.bg-teal-50 {
  background: var(--teal-50);
}

.text-teal-50 {
  color: var(--teal-50);
}

.bg-teal-51 {
  background: var(--teal-51);
}

.text-teal-51 {
  color: var(--teal-51);
}

.bg-teal-52 {
  background: var(--teal-52);
}

.text-teal-52 {
  color: var(--teal-52);
}

.bg-teal-53 {
  background: var(--teal-53);
}

.text-teal-53 {
  color: var(--teal-53);
}

.bg-teal-54 {
  background: var(--teal-54);
}

.text-teal-54 {
  color: var(--teal-54);
}

.bg-teal-55 {
  background: var(--teal-55);
}

.text-teal-55 {
  color: var(--teal-55);
}

.bg-teal-56 {
  background: var(--teal-56);
}

.text-teal-56 {
  color: var(--teal-56);
}

.bg-teal-57 {
  background: var(--teal-57);
}

.text-teal-57 {
  color: var(--teal-57);
}

.bg-teal-58 {
  background: var(--teal-58);
}

.text-teal-58 {
  color: var(--teal-58);
}

.bg-teal-59 {
  background: var(--teal-59);
}

.text-teal-59 {
  color: var(--teal-59);
}

.bg-teal-60 {
  background: var(--teal-60);
}

.text-teal-60 {
  color: var(--teal-60);
}

.bg-teal-61 {
  background: var(--teal-61);
}

.text-teal-61 {
  color: var(--teal-61);
}

.bg-teal-62 {
  background: var(--teal-62);
}

.text-teal-62 {
  color: var(--teal-62);
}

.bg-teal-63 {
  background: var(--teal-63);
}

.text-teal-63 {
  color: var(--teal-63);
}

.bg-teal-64 {
  background: var(--teal-64);
}

.text-teal-64 {
  color: var(--teal-64);
}

.bg-teal-65 {
  background: var(--teal-65);
}

.text-teal-65 {
  color: var(--teal-65);
}

.bg-teal-66 {
  background: var(--teal-66);
}

.text-teal-66 {
  color: var(--teal-66);
}

.bg-teal-67 {
  background: var(--teal-67);
}

.text-teal-67 {
  color: var(--teal-67);
}

.bg-teal-68 {
  background: var(--teal-68);
}

.text-teal-68 {
  color: var(--teal-68);
}

.bg-teal-69 {
  background: var(--teal-69);
}

.text-teal-69 {
  color: var(--teal-69);
}

.bg-teal-70 {
  background: var(--teal-70);
}

.text-teal-70 {
  color: var(--teal-70);
}

.bg-teal-71 {
  background: var(--teal-71);
}

.text-teal-71 {
  color: var(--teal-71);
}

.bg-teal-72 {
  background: var(--teal-72);
}

.text-teal-72 {
  color: var(--teal-72);
}

.bg-teal-73 {
  background: var(--teal-73);
}

.text-teal-73 {
  color: var(--teal-73);
}

.bg-teal-74 {
  background: var(--teal-74);
}

.text-teal-74 {
  color: var(--teal-74);
}

.bg-teal-75 {
  background: var(--teal-75);
}

.text-teal-75 {
  color: var(--teal-75);
}

.bg-teal-76 {
  background: var(--teal-76);
}

.text-teal-76 {
  color: var(--teal-76);
}

.bg-teal-77 {
  background: var(--teal-77);
}

.text-teal-77 {
  color: var(--teal-77);
}

.bg-teal-78 {
  background: var(--teal-78);
}

.text-teal-78 {
  color: var(--teal-78);
}

.bg-teal-79 {
  background: var(--teal-79);
}

.text-teal-79 {
  color: var(--teal-79);
}

.bg-teal-80 {
  background: var(--teal-80);
}

.text-teal-80 {
  color: var(--teal-80);
}

.bg-teal-81 {
  background: var(--teal-81);
}

.text-teal-81 {
  color: var(--teal-81);
}

.bg-teal-82 {
  background: var(--teal-82);
}

.text-teal-82 {
  color: var(--teal-82);
}

.bg-teal-83 {
  background: var(--teal-83);
}

.text-teal-83 {
  color: var(--teal-83);
}

.bg-teal-84 {
  background: var(--teal-84);
}

.text-teal-84 {
  color: var(--teal-84);
}

.bg-teal-85 {
  background: var(--teal-85);
}

.text-teal-85 {
  color: var(--teal-85);
}

.bg-teal-86 {
  background: var(--teal-86);
}

.text-teal-86 {
  color: var(--teal-86);
}

.bg-teal-87 {
  background: var(--teal-87);
}

.text-teal-87 {
  color: var(--teal-87);
}

.bg-teal-88 {
  background: var(--teal-88);
}

.text-teal-88 {
  color: var(--teal-88);
}

.bg-teal-89 {
  background: var(--teal-89);
}

.text-teal-89 {
  color: var(--teal-89);
}

.bg-teal-90 {
  background: var(--teal-90);
}

.text-teal-90 {
  color: var(--teal-90);
}

.bg-teal-91 {
  background: var(--teal-91);
}

.text-teal-91 {
  color: var(--teal-91);
}

.bg-teal-92 {
  background: var(--teal-92);
}

.text-teal-92 {
  color: var(--teal-92);
}

.bg-teal-93 {
  background: var(--teal-93);
}

.text-teal-93 {
  color: var(--teal-93);
}

.bg-teal-94 {
  background: var(--teal-94);
}

.text-teal-94 {
  color: var(--teal-94);
}

.bg-teal-95 {
  background: var(--teal-95);
}

.text-teal-95 {
  color: var(--teal-95);
}

.bg-teal-96 {
  background: var(--teal-96);
}

.text-teal-96 {
  color: var(--teal-96);
}

.bg-teal-97 {
  background: var(--teal-97);
}

.text-teal-97 {
  color: var(--teal-97);
}

.bg-teal-98 {
  background: var(--teal-98);
}

.text-teal-98 {
  color: var(--teal-98);
}

.bg-teal-99 {
  background: var(--teal-99);
}

.text-teal-99 {
  color: var(--teal-99);
}

.bg-teal-100 {
  background: var(--teal-100);
}

.text-teal-100 {
  color: var(--teal-100);
}

.bg-teal-101 {
  background: var(--teal-101);
}

.text-teal-101 {
  color: var(--teal-101);
}

.bg-teal-102 {
  background: var(--teal-102);
}

.text-teal-102 {
  color: var(--teal-102);
}

.bg-teal-103 {
  background: var(--teal-103);
}

.text-teal-103 {
  color: var(--teal-103);
}

.bg-teal-104 {
  background: var(--teal-104);
}

.text-teal-104 {
  color: var(--teal-104);
}

.bg-teal-105 {
  background: var(--teal-105);
}

.text-teal-105 {
  color: var(--teal-105);
}

.bg-teal-106 {
  background: var(--teal-106);
}

.text-teal-106 {
  color: var(--teal-106);
}

.bg-teal-107 {
  background: var(--teal-107);
}

.text-teal-107 {
  color: var(--teal-107);
}

.bg-teal-108 {
  background: var(--teal-108);
}

.text-teal-108 {
  color: var(--teal-108);
}

.bg-teal-109 {
  background: var(--teal-109);
}

.text-teal-109 {
  color: var(--teal-109);
}

.bg-teal-110 {
  background: var(--teal-110);
}

.text-teal-110 {
  color: var(--teal-110);
}

.bg-teal-111 {
  background: var(--teal-111);
}

.text-teal-111 {
  color: var(--teal-111);
}

.bg-teal-112 {
  background: var(--teal-112);
}

.text-teal-112 {
  color: var(--teal-112);
}

.bg-teal-113 {
  background: var(--teal-113);
}

.text-teal-113 {
  color: var(--teal-113);
}

.bg-teal-114 {
  background: var(--teal-114);
}

.text-teal-114 {
  color: var(--teal-114);
}

.bg-teal-115 {
  background: var(--teal-115);
}

.text-teal-115 {
  color: var(--teal-115);
}

.bg-teal-116 {
  background: var(--teal-116);
}

.text-teal-116 {
  color: var(--teal-116);
}

.bg-teal-117 {
  background: var(--teal-117);
}

.text-teal-117 {
  color: var(--teal-117);
}

.bg-teal-118 {
  background: var(--teal-118);
}

.text-teal-118 {
  color: var(--teal-118);
}

.bg-teal-119 {
  background: var(--teal-119);
}

.text-teal-119 {
  color: var(--teal-119);
}

.bg-teal-120 {
  background: var(--teal-120);
}

.text-teal-120 {
  color: var(--teal-120);
}

.bg-teal-121 {
  background: var(--teal-121);
}

.text-teal-121 {
  color: var(--teal-121);
}

.bg-teal-122 {
  background: var(--teal-122);
}

.text-teal-122 {
  color: var(--teal-122);
}

.bg-teal-123 {
  background: var(--teal-123);
}

.text-teal-123 {
  color: var(--teal-123);
}

.bg-teal-124 {
  background: var(--teal-124);
}

.text-teal-124 {
  color: var(--teal-124);
}

.bg-teal-125 {
  background: var(--teal-125);
}

.text-teal-125 {
  color: var(--teal-125);
}

.bg-teal-126 {
  background: var(--teal-126);
}

.text-teal-126 {
  color: var(--teal-126);
}

.bg-teal-127 {
  background: var(--teal-127);
}

.text-teal-127 {
  color: var(--teal-127);
}

.bg-teal-128 {
  background: var(--teal-128);
}

.text-teal-128 {
  color: var(--teal-128);
}

.bg-teal-129 {
  background: var(--teal-129);
}

.text-teal-129 {
  color: var(--teal-129);
}

.bg-teal-130 {
  background: var(--teal-130);
}

.text-teal-130 {
  color: var(--teal-130);
}

.bg-teal-131 {
  background: var(--teal-131);
}

.text-teal-131 {
  color: var(--teal-131);
}

.bg-teal-132 {
  background: var(--teal-132);
}

.text-teal-132 {
  color: var(--teal-132);
}

.bg-teal-133 {
  background: var(--teal-133);
}

.text-teal-133 {
  color: var(--teal-133);
}

.bg-teal-134 {
  background: var(--teal-134);
}

.text-teal-134 {
  color: var(--teal-134);
}

.bg-teal-135 {
  background: var(--teal-135);
}

.text-teal-135 {
  color: var(--teal-135);
}

.bg-teal-136 {
  background: var(--teal-136);
}

.text-teal-136 {
  color: var(--teal-136);
}

.bg-teal-137 {
  background: var(--teal-137);
}

.text-teal-137 {
  color: var(--teal-137);
}

.bg-teal-138 {
  background: var(--teal-138);
}

.text-teal-138 {
  color: var(--teal-138);
}

.bg-teal-139 {
  background: var(--teal-139);
}

.text-teal-139 {
  color: var(--teal-139);
}

.bg-teal-140 {
  background: var(--teal-140);
}

.text-teal-140 {
  color: var(--teal-140);
}

.bg-teal-141 {
  background: var(--teal-141);
}

.text-teal-141 {
  color: var(--teal-141);
}

.bg-teal-142 {
  background: var(--teal-142);
}

.text-teal-142 {
  color: var(--teal-142);
}

.bg-teal-143 {
  background: var(--teal-143);
}

.text-teal-143 {
  color: var(--teal-143);
}

.bg-teal-144 {
  background: var(--teal-144);
}

.text-teal-144 {
  color: var(--teal-144);
}

.bg-teal-145 {
  background: var(--teal-145);
}

.text-teal-145 {
  color: var(--teal-145);
}

.bg-teal-146 {
  background: var(--teal-146);
}

.text-teal-146 {
  color: var(--teal-146);
}

.bg-teal-147 {
  background: var(--teal-147);
}

.text-teal-147 {
  color: var(--teal-147);
}

.bg-teal-148 {
  background: var(--teal-148);
}

.text-teal-148 {
  color: var(--teal-148);
}

.bg-teal-149 {
  background: var(--teal-149);
}

.text-teal-149 {
  color: var(--teal-149);
}

.bg-teal-150 {
  background: var(--teal-150);
}

.text-teal-150 {
  color: var(--teal-150);
}

.bg-teal-151 {
  background: var(--teal-151);
}

.text-teal-151 {
  color: var(--teal-151);
}

.bg-teal-152 {
  background: var(--teal-152);
}

.text-teal-152 {
  color: var(--teal-152);
}

.bg-teal-153 {
  background: var(--teal-153);
}

.text-teal-153 {
  color: var(--teal-153);
}

.bg-teal-154 {
  background: var(--teal-154);
}

.text-teal-154 {
  color: var(--teal-154);
}

.bg-teal-155 {
  background: var(--teal-155);
}

.text-teal-155 {
  color: var(--teal-155);
}

.bg-teal-156 {
  background: var(--teal-156);
}

.text-teal-156 {
  color: var(--teal-156);
}

.bg-teal-157 {
  background: var(--teal-157);
}

.text-teal-157 {
  color: var(--teal-157);
}

.bg-teal-158 {
  background: var(--teal-158);
}

.text-teal-158 {
  color: var(--teal-158);
}

.bg-teal-159 {
  background: var(--teal-159);
}

.text-teal-159 {
  color: var(--teal-159);
}

.bg-teal-160 {
  background: var(--teal-160);
}

.text-teal-160 {
  color: var(--teal-160);
}

.bg-teal-161 {
  background: var(--teal-161);
}

.text-teal-161 {
  color: var(--teal-161);
}

.bg-teal-162 {
  background: var(--teal-162);
}

.text-teal-162 {
  color: var(--teal-162);
}

.bg-teal-163 {
  background: var(--teal-163);
}

.text-teal-163 {
  color: var(--teal-163);
}

.bg-teal-164 {
  background: var(--teal-164);
}

.text-teal-164 {
  color: var(--teal-164);
}

.bg-teal-165 {
  background: var(--teal-165);
}

.text-teal-165 {
  color: var(--teal-165);
}

.bg-teal-166 {
  background: var(--teal-166);
}

.text-teal-166 {
  color: var(--teal-166);
}

.bg-teal-167 {
  background: var(--teal-167);
}

.text-teal-167 {
  color: var(--teal-167);
}

.bg-teal-168 {
  background: var(--teal-168);
}

.text-teal-168 {
  color: var(--teal-168);
}

.bg-teal-169 {
  background: var(--teal-169);
}

.text-teal-169 {
  color: var(--teal-169);
}

.bg-teal-170 {
  background: var(--teal-170);
}

.text-teal-170 {
  color: var(--teal-170);
}

.bg-teal-171 {
  background: var(--teal-171);
}

.text-teal-171 {
  color: var(--teal-171);
}

.bg-teal-172 {
  background: var(--teal-172);
}

.text-teal-172 {
  color: var(--teal-172);
}

.bg-teal-173 {
  background: var(--teal-173);
}

.text-teal-173 {
  color: var(--teal-173);
}

.bg-teal-174 {
  background: var(--teal-174);
}

.text-teal-174 {
  color: var(--teal-174);
}

.bg-teal-175 {
  background: var(--teal-175);
}

.text-teal-175 {
  color: var(--teal-175);
}

.bg-teal-176 {
  background: var(--teal-176);
}

.text-teal-176 {
  color: var(--teal-176);
}

.bg-teal-177 {
  background: var(--teal-177);
}

.text-teal-177 {
  color: var(--teal-177);
}

.bg-teal-178 {
  background: var(--teal-178);
}

.text-teal-178 {
  color: var(--teal-178);
}

.bg-teal-179 {
  background: var(--teal-179);
}

.text-teal-179 {
  color: var(--teal-179);
}

.bg-teal-180 {
  background: var(--teal-180);
}

.text-teal-180 {
  color: var(--teal-180);
}

.bg-teal-181 {
  background: var(--teal-181);
}

.text-teal-181 {
  color: var(--teal-181);
}

.bg-teal-182 {
  background: var(--teal-182);
}

.text-teal-182 {
  color: var(--teal-182);
}

.bg-teal-183 {
  background: var(--teal-183);
}

.text-teal-183 {
  color: var(--teal-183);
}

.bg-teal-184 {
  background: var(--teal-184);
}

.text-teal-184 {
  color: var(--teal-184);
}

.bg-teal-185 {
  background: var(--teal-185);
}

.text-teal-185 {
  color: var(--teal-185);
}

.bg-blue {
  background: var(--blue-3);
}

.text-blue {
  color: var(--blue-1);
}

.bg-blue-1 {
  background: var(--blue-1);
}

.text-blue-1 {
  color: var(--blue-1);
}

.bg-blue-2 {
  background: var(--blue-2);
}

.text-blue-2 {
  color: var(--blue-2);
}

.bg-blue-3 {
  background: var(--blue-3);
}

.text-blue-3 {
  color: var(--blue-3);
}

.bg-blue-4 {
  background: var(--blue-4);
}

.text-blue-4 {
  color: var(--blue-4);
}

.bg-blue-5 {
  background: var(--blue-5);
}

.text-blue-5 {
  color: var(--blue-5);
}

.bg-blue-6 {
  background: var(--blue-6);
}

.text-blue-6 {
  color: var(--blue-6);
}

.bg-blue-7 {
  background: var(--blue-7);
}

.text-blue-7 {
  color: var(--blue-7);
}

.bg-blue-8 {
  background: var(--blue-8);
}

.text-blue-8 {
  color: var(--blue-8);
}

.bg-blue-9 {
  background: var(--blue-9);
}

.text-blue-9 {
  color: var(--blue-9);
}

.bg-blue-10 {
  background: var(--blue-10);
}

.text-blue-10 {
  color: var(--blue-10);
}

.bg-blue-11 {
  background: var(--blue-11);
}

.text-blue-11 {
  color: var(--blue-11);
}

.bg-blue-12 {
  background: var(--blue-12);
}

.text-blue-12 {
  color: var(--blue-12);
}

.bg-blue-13 {
  background: var(--blue-13);
}

.text-blue-13 {
  color: var(--blue-13);
}

.bg-blue-14 {
  background: var(--blue-14);
}

.text-blue-14 {
  color: var(--blue-14);
}

.bg-blue-15 {
  background: var(--blue-15);
}

.text-blue-15 {
  color: var(--blue-15);
}

.bg-blue-16 {
  background: var(--blue-16);
}

.text-blue-16 {
  color: var(--blue-16);
}

.bg-blue-17 {
  background: var(--blue-17);
}

.text-blue-17 {
  color: var(--blue-17);
}

.bg-blue-18 {
  background: var(--blue-18);
}

.text-blue-18 {
  color: var(--blue-18);
}

.bg-blue-19 {
  background: var(--blue-19);
}

.text-blue-19 {
  color: var(--blue-19);
}

.bg-blue-20 {
  background: var(--blue-20);
}

.text-blue-20 {
  color: var(--blue-20);
}

.bg-blue-21 {
  background: var(--blue-21);
}

.text-blue-21 {
  color: var(--blue-21);
}

.bg-blue-22 {
  background: var(--blue-22);
}

.text-blue-22 {
  color: var(--blue-22);
}

.bg-blue-23 {
  background: var(--blue-23);
}

.text-blue-23 {
  color: var(--blue-23);
}

.bg-blue-24 {
  background: var(--blue-24);
}

.text-blue-24 {
  color: var(--blue-24);
}

.bg-blue-25 {
  background: var(--blue-25);
}

.text-blue-25 {
  color: var(--blue-25);
}

.bg-blue-26 {
  background: var(--blue-26);
}

.text-blue-26 {
  color: var(--blue-26);
}

.bg-blue-27 {
  background: var(--blue-27);
}

.text-blue-27 {
  color: var(--blue-27);
}

.bg-blue-28 {
  background: var(--blue-28);
}

.text-blue-28 {
  color: var(--blue-28);
}

.bg-blue-29 {
  background: var(--blue-29);
}

.text-blue-29 {
  color: var(--blue-29);
}

.bg-blue-30 {
  background: var(--blue-30);
}

.text-blue-30 {
  color: var(--blue-30);
}

.bg-blue-31 {
  background: var(--blue-31);
}

.text-blue-31 {
  color: var(--blue-31);
}

.bg-blue-32 {
  background: var(--blue-32);
}

.text-blue-32 {
  color: var(--blue-32);
}

.bg-blue-33 {
  background: var(--blue-33);
}

.text-blue-33 {
  color: var(--blue-33);
}

.bg-blue-34 {
  background: var(--blue-34);
}

.text-blue-34 {
  color: var(--blue-34);
}

.bg-blue-35 {
  background: var(--blue-35);
}

.text-blue-35 {
  color: var(--blue-35);
}

.bg-blue-36 {
  background: var(--blue-36);
}

.text-blue-36 {
  color: var(--blue-36);
}

.bg-blue-37 {
  background: var(--blue-37);
}

.text-blue-37 {
  color: var(--blue-37);
}

.bg-blue-38 {
  background: var(--blue-38);
}

.text-blue-38 {
  color: var(--blue-38);
}

.bg-blue-39 {
  background: var(--blue-39);
}

.text-blue-39 {
  color: var(--blue-39);
}

.bg-blue-40 {
  background: var(--blue-40);
}

.text-blue-40 {
  color: var(--blue-40);
}

.bg-blue-41 {
  background: var(--blue-41);
}

.text-blue-41 {
  color: var(--blue-41);
}

.bg-blue-42 {
  background: var(--blue-42);
}

.text-blue-42 {
  color: var(--blue-42);
}

.bg-blue-43 {
  background: var(--blue-43);
}

.text-blue-43 {
  color: var(--blue-43);
}

.bg-blue-44 {
  background: var(--blue-44);
}

.text-blue-44 {
  color: var(--blue-44);
}

.bg-blue-45 {
  background: var(--blue-45);
}

.text-blue-45 {
  color: var(--blue-45);
}

.bg-blue-46 {
  background: var(--blue-46);
}

.text-blue-46 {
  color: var(--blue-46);
}

.bg-blue-47 {
  background: var(--blue-47);
}

.text-blue-47 {
  color: var(--blue-47);
}

.bg-blue-48 {
  background: var(--blue-48);
}

.text-blue-48 {
  color: var(--blue-48);
}

.bg-blue-49 {
  background: var(--blue-49);
}

.text-blue-49 {
  color: var(--blue-49);
}

.bg-blue-50 {
  background: var(--blue-50);
}

.text-blue-50 {
  color: var(--blue-50);
}

.bg-blue-51 {
  background: var(--blue-51);
}

.text-blue-51 {
  color: var(--blue-51);
}

.bg-blue-52 {
  background: var(--blue-52);
}

.text-blue-52 {
  color: var(--blue-52);
}

.bg-blue-53 {
  background: var(--blue-53);
}

.text-blue-53 {
  color: var(--blue-53);
}

.bg-blue-54 {
  background: var(--blue-54);
}

.text-blue-54 {
  color: var(--blue-54);
}

.bg-blue-55 {
  background: var(--blue-55);
}

.text-blue-55 {
  color: var(--blue-55);
}

.bg-blue-56 {
  background: var(--blue-56);
}

.text-blue-56 {
  color: var(--blue-56);
}

.bg-blue-57 {
  background: var(--blue-57);
}

.text-blue-57 {
  color: var(--blue-57);
}

.bg-blue-58 {
  background: var(--blue-58);
}

.text-blue-58 {
  color: var(--blue-58);
}

.bg-blue-59 {
  background: var(--blue-59);
}

.text-blue-59 {
  color: var(--blue-59);
}

.bg-blue-60 {
  background: var(--blue-60);
}

.text-blue-60 {
  color: var(--blue-60);
}

.bg-blue-61 {
  background: var(--blue-61);
}

.text-blue-61 {
  color: var(--blue-61);
}

.bg-blue-62 {
  background: var(--blue-62);
}

.text-blue-62 {
  color: var(--blue-62);
}

.bg-blue-63 {
  background: var(--blue-63);
}

.text-blue-63 {
  color: var(--blue-63);
}

.bg-blue-64 {
  background: var(--blue-64);
}

.text-blue-64 {
  color: var(--blue-64);
}

.bg-blue-65 {
  background: var(--blue-65);
}

.text-blue-65 {
  color: var(--blue-65);
}

.bg-blue-66 {
  background: var(--blue-66);
}

.text-blue-66 {
  color: var(--blue-66);
}

.bg-blue-67 {
  background: var(--blue-67);
}

.text-blue-67 {
  color: var(--blue-67);
}

.bg-blue-68 {
  background: var(--blue-68);
}

.text-blue-68 {
  color: var(--blue-68);
}

.bg-blue-69 {
  background: var(--blue-69);
}

.text-blue-69 {
  color: var(--blue-69);
}

.bg-blue-70 {
  background: var(--blue-70);
}

.text-blue-70 {
  color: var(--blue-70);
}

.bg-blue-71 {
  background: var(--blue-71);
}

.text-blue-71 {
  color: var(--blue-71);
}

.bg-blue-72 {
  background: var(--blue-72);
}

.text-blue-72 {
  color: var(--blue-72);
}

.bg-blue-73 {
  background: var(--blue-73);
}

.text-blue-73 {
  color: var(--blue-73);
}

.bg-blue-74 {
  background: var(--blue-74);
}

.text-blue-74 {
  color: var(--blue-74);
}

.bg-blue-75 {
  background: var(--blue-75);
}

.text-blue-75 {
  color: var(--blue-75);
}

.bg-blue-76 {
  background: var(--blue-76);
}

.text-blue-76 {
  color: var(--blue-76);
}

.bg-blue-77 {
  background: var(--blue-77);
}

.text-blue-77 {
  color: var(--blue-77);
}

.bg-blue-78 {
  background: var(--blue-78);
}

.text-blue-78 {
  color: var(--blue-78);
}

.bg-blue-79 {
  background: var(--blue-79);
}

.text-blue-79 {
  color: var(--blue-79);
}

.bg-blue-80 {
  background: var(--blue-80);
}

.text-blue-80 {
  color: var(--blue-80);
}

.bg-blue-81 {
  background: var(--blue-81);
}

.text-blue-81 {
  color: var(--blue-81);
}

.bg-blue-82 {
  background: var(--blue-82);
}

.text-blue-82 {
  color: var(--blue-82);
}

.bg-blue-83 {
  background: var(--blue-83);
}

.text-blue-83 {
  color: var(--blue-83);
}

.bg-blue-84 {
  background: var(--blue-84);
}

.text-blue-84 {
  color: var(--blue-84);
}

.bg-blue-85 {
  background: var(--blue-85);
}

.text-blue-85 {
  color: var(--blue-85);
}

.bg-blue-86 {
  background: var(--blue-86);
}

.text-blue-86 {
  color: var(--blue-86);
}

.bg-blue-87 {
  background: var(--blue-87);
}

.text-blue-87 {
  color: var(--blue-87);
}

.bg-blue-88 {
  background: var(--blue-88);
}

.text-blue-88 {
  color: var(--blue-88);
}

.bg-blue-89 {
  background: var(--blue-89);
}

.text-blue-89 {
  color: var(--blue-89);
}

.bg-blue-90 {
  background: var(--blue-90);
}

.text-blue-90 {
  color: var(--blue-90);
}

.bg-blue-91 {
  background: var(--blue-91);
}

.text-blue-91 {
  color: var(--blue-91);
}

.bg-blue-92 {
  background: var(--blue-92);
}

.text-blue-92 {
  color: var(--blue-92);
}

.bg-blue-93 {
  background: var(--blue-93);
}

.text-blue-93 {
  color: var(--blue-93);
}

.bg-blue-94 {
  background: var(--blue-94);
}

.text-blue-94 {
  color: var(--blue-94);
}

.bg-blue-95 {
  background: var(--blue-95);
}

.text-blue-95 {
  color: var(--blue-95);
}

.bg-blue-96 {
  background: var(--blue-96);
}

.text-blue-96 {
  color: var(--blue-96);
}

.bg-blue-97 {
  background: var(--blue-97);
}

.text-blue-97 {
  color: var(--blue-97);
}

.bg-blue-98 {
  background: var(--blue-98);
}

.text-blue-98 {
  color: var(--blue-98);
}

.bg-blue-99 {
  background: var(--blue-99);
}

.text-blue-99 {
  color: var(--blue-99);
}

.bg-blue-100 {
  background: var(--blue-100);
}

.text-blue-100 {
  color: var(--blue-100);
}

.bg-blue-101 {
  background: var(--blue-101);
}

.text-blue-101 {
  color: var(--blue-101);
}

.bg-blue-102 {
  background: var(--blue-102);
}

.text-blue-102 {
  color: var(--blue-102);
}

.bg-blue-103 {
  background: var(--blue-103);
}

.text-blue-103 {
  color: var(--blue-103);
}

.bg-blue-104 {
  background: var(--blue-104);
}

.text-blue-104 {
  color: var(--blue-104);
}

.bg-blue-105 {
  background: var(--blue-105);
}

.text-blue-105 {
  color: var(--blue-105);
}

.bg-blue-106 {
  background: var(--blue-106);
}

.text-blue-106 {
  color: var(--blue-106);
}

.bg-blue-107 {
  background: var(--blue-107);
}

.text-blue-107 {
  color: var(--blue-107);
}

.bg-blue-108 {
  background: var(--blue-108);
}

.text-blue-108 {
  color: var(--blue-108);
}

.bg-blue-109 {
  background: var(--blue-109);
}

.text-blue-109 {
  color: var(--blue-109);
}

.bg-blue-110 {
  background: var(--blue-110);
}

.text-blue-110 {
  color: var(--blue-110);
}

.bg-blue-111 {
  background: var(--blue-111);
}

.text-blue-111 {
  color: var(--blue-111);
}

.bg-blue-112 {
  background: var(--blue-112);
}

.text-blue-112 {
  color: var(--blue-112);
}

.bg-blue-113 {
  background: var(--blue-113);
}

.text-blue-113 {
  color: var(--blue-113);
}

.bg-blue-114 {
  background: var(--blue-114);
}

.text-blue-114 {
  color: var(--blue-114);
}

.bg-blue-115 {
  background: var(--blue-115);
}

.text-blue-115 {
  color: var(--blue-115);
}

.bg-blue-116 {
  background: var(--blue-116);
}

.text-blue-116 {
  color: var(--blue-116);
}

.bg-blue-117 {
  background: var(--blue-117);
}

.text-blue-117 {
  color: var(--blue-117);
}

.bg-blue-118 {
  background: var(--blue-118);
}

.text-blue-118 {
  color: var(--blue-118);
}

.bg-blue-119 {
  background: var(--blue-119);
}

.text-blue-119 {
  color: var(--blue-119);
}

.bg-blue-120 {
  background: var(--blue-120);
}

.text-blue-120 {
  color: var(--blue-120);
}

.bg-blue-121 {
  background: var(--blue-121);
}

.text-blue-121 {
  color: var(--blue-121);
}

.bg-blue-122 {
  background: var(--blue-122);
}

.text-blue-122 {
  color: var(--blue-122);
}

.bg-blue-123 {
  background: var(--blue-123);
}

.text-blue-123 {
  color: var(--blue-123);
}

.bg-blue-124 {
  background: var(--blue-124);
}

.text-blue-124 {
  color: var(--blue-124);
}

.bg-blue-125 {
  background: var(--blue-125);
}

.text-blue-125 {
  color: var(--blue-125);
}

.bg-blue-126 {
  background: var(--blue-126);
}

.text-blue-126 {
  color: var(--blue-126);
}

.bg-blue-127 {
  background: var(--blue-127);
}

.text-blue-127 {
  color: var(--blue-127);
}

.bg-blue-128 {
  background: var(--blue-128);
}

.text-blue-128 {
  color: var(--blue-128);
}

.bg-blue-129 {
  background: var(--blue-129);
}

.text-blue-129 {
  color: var(--blue-129);
}

.bg-blue-130 {
  background: var(--blue-130);
}

.text-blue-130 {
  color: var(--blue-130);
}

.bg-blue-131 {
  background: var(--blue-131);
}

.text-blue-131 {
  color: var(--blue-131);
}

.bg-blue-132 {
  background: var(--blue-132);
}

.text-blue-132 {
  color: var(--blue-132);
}

.bg-blue-133 {
  background: var(--blue-133);
}

.text-blue-133 {
  color: var(--blue-133);
}

.bg-blue-134 {
  background: var(--blue-134);
}

.text-blue-134 {
  color: var(--blue-134);
}

.bg-blue-135 {
  background: var(--blue-135);
}

.text-blue-135 {
  color: var(--blue-135);
}

.bg-blue-136 {
  background: var(--blue-136);
}

.text-blue-136 {
  color: var(--blue-136);
}

.bg-blue-137 {
  background: var(--blue-137);
}

.text-blue-137 {
  color: var(--blue-137);
}

.bg-blue-138 {
  background: var(--blue-138);
}

.text-blue-138 {
  color: var(--blue-138);
}

.bg-blue-139 {
  background: var(--blue-139);
}

.text-blue-139 {
  color: var(--blue-139);
}

.bg-blue-140 {
  background: var(--blue-140);
}

.text-blue-140 {
  color: var(--blue-140);
}

.bg-blue-141 {
  background: var(--blue-141);
}

.text-blue-141 {
  color: var(--blue-141);
}

.bg-blue-142 {
  background: var(--blue-142);
}

.text-blue-142 {
  color: var(--blue-142);
}

.bg-blue-143 {
  background: var(--blue-143);
}

.text-blue-143 {
  color: var(--blue-143);
}

.bg-blue-144 {
  background: var(--blue-144);
}

.text-blue-144 {
  color: var(--blue-144);
}

.bg-blue-145 {
  background: var(--blue-145);
}

.text-blue-145 {
  color: var(--blue-145);
}

.bg-blue-146 {
  background: var(--blue-146);
}

.text-blue-146 {
  color: var(--blue-146);
}

.bg-blue-147 {
  background: var(--blue-147);
}

.text-blue-147 {
  color: var(--blue-147);
}

.bg-blue-148 {
  background: var(--blue-148);
}

.text-blue-148 {
  color: var(--blue-148);
}

.bg-blue-149 {
  background: var(--blue-149);
}

.text-blue-149 {
  color: var(--blue-149);
}

.bg-blue-150 {
  background: var(--blue-150);
}

.text-blue-150 {
  color: var(--blue-150);
}

.bg-blue-151 {
  background: var(--blue-151);
}

.text-blue-151 {
  color: var(--blue-151);
}

.bg-blue-152 {
  background: var(--blue-152);
}

.text-blue-152 {
  color: var(--blue-152);
}

.bg-blue-153 {
  background: var(--blue-153);
}

.text-blue-153 {
  color: var(--blue-153);
}

.bg-blue-154 {
  background: var(--blue-154);
}

.text-blue-154 {
  color: var(--blue-154);
}

.bg-blue-155 {
  background: var(--blue-155);
}

.text-blue-155 {
  color: var(--blue-155);
}

.bg-blue-156 {
  background: var(--blue-156);
}

.text-blue-156 {
  color: var(--blue-156);
}

.bg-blue-157 {
  background: var(--blue-157);
}

.text-blue-157 {
  color: var(--blue-157);
}

.bg-blue-158 {
  background: var(--blue-158);
}

.text-blue-158 {
  color: var(--blue-158);
}

.bg-blue-159 {
  background: var(--blue-159);
}

.text-blue-159 {
  color: var(--blue-159);
}

.bg-blue-160 {
  background: var(--blue-160);
}

.text-blue-160 {
  color: var(--blue-160);
}

.bg-blue-161 {
  background: var(--blue-161);
}

.text-blue-161 {
  color: var(--blue-161);
}

.bg-blue-162 {
  background: var(--blue-162);
}

.text-blue-162 {
  color: var(--blue-162);
}

.bg-blue-163 {
  background: var(--blue-163);
}

.text-blue-163 {
  color: var(--blue-163);
}

.bg-blue-164 {
  background: var(--blue-164);
}

.text-blue-164 {
  color: var(--blue-164);
}

.bg-blue-165 {
  background: var(--blue-165);
}

.text-blue-165 {
  color: var(--blue-165);
}

.bg-blue-166 {
  background: var(--blue-166);
}

.text-blue-166 {
  color: var(--blue-166);
}

.bg-blue-167 {
  background: var(--blue-167);
}

.text-blue-167 {
  color: var(--blue-167);
}

.bg-blue-168 {
  background: var(--blue-168);
}

.text-blue-168 {
  color: var(--blue-168);
}

.bg-blue-169 {
  background: var(--blue-169);
}

.text-blue-169 {
  color: var(--blue-169);
}

.bg-blue-170 {
  background: var(--blue-170);
}

.text-blue-170 {
  color: var(--blue-170);
}

.bg-blue-171 {
  background: var(--blue-171);
}

.text-blue-171 {
  color: var(--blue-171);
}

.bg-blue-172 {
  background: var(--blue-172);
}

.text-blue-172 {
  color: var(--blue-172);
}

.bg-blue-173 {
  background: var(--blue-173);
}

.text-blue-173 {
  color: var(--blue-173);
}

.bg-blue-174 {
  background: var(--blue-174);
}

.text-blue-174 {
  color: var(--blue-174);
}

.bg-blue-175 {
  background: var(--blue-175);
}

.text-blue-175 {
  color: var(--blue-175);
}

.bg-blue-176 {
  background: var(--blue-176);
}

.text-blue-176 {
  color: var(--blue-176);
}

.bg-blue-177 {
  background: var(--blue-177);
}

.text-blue-177 {
  color: var(--blue-177);
}

.bg-blue-178 {
  background: var(--blue-178);
}

.text-blue-178 {
  color: var(--blue-178);
}

.bg-blue-179 {
  background: var(--blue-179);
}

.text-blue-179 {
  color: var(--blue-179);
}

.bg-blue-180 {
  background: var(--blue-180);
}

.text-blue-180 {
  color: var(--blue-180);
}

.bg-blue-181 {
  background: var(--blue-181);
}

.text-blue-181 {
  color: var(--blue-181);
}

.bg-blue-182 {
  background: var(--blue-182);
}

.text-blue-182 {
  color: var(--blue-182);
}

.bg-blue-183 {
  background: var(--blue-183);
}

.text-blue-183 {
  color: var(--blue-183);
}

.bg-blue-184 {
  background: var(--blue-184);
}

.text-blue-184 {
  color: var(--blue-184);
}

.bg-blue-185 {
  background: var(--blue-185);
}

.text-blue-185 {
  color: var(--blue-185);
}

.bg-blue-186 {
  background: var(--blue-186);
}

.text-blue-186 {
  color: var(--blue-186);
}

.bg-blue-187 {
  background: var(--blue-187);
}

.text-blue-187 {
  color: var(--blue-187);
}

.bg-blue-188 {
  background: var(--blue-188);
}

.text-blue-188 {
  color: var(--blue-188);
}

.bg-blue-189 {
  background: var(--blue-189);
}

.text-blue-189 {
  color: var(--blue-189);
}

.bg-blue-190 {
  background: var(--blue-190);
}

.text-blue-190 {
  color: var(--blue-190);
}

.bg-blue-191 {
  background: var(--blue-191);
}

.text-blue-191 {
  color: var(--blue-191);
}

.bg-blue-192 {
  background: var(--blue-192);
}

.text-blue-192 {
  color: var(--blue-192);
}

.bg-blue-193 {
  background: var(--blue-193);
}

.text-blue-193 {
  color: var(--blue-193);
}

.bg-blue-194 {
  background: var(--blue-194);
}

.text-blue-194 {
  color: var(--blue-194);
}

.bg-blue-195 {
  background: var(--blue-195);
}

.text-blue-195 {
  color: var(--blue-195);
}

.bg-blue-196 {
  background: var(--blue-196);
}

.text-blue-196 {
  color: var(--blue-196);
}

.bg-blue-197 {
  background: var(--blue-197);
}

.text-blue-197 {
  color: var(--blue-197);
}

.bg-blue-198 {
  background: var(--blue-198);
}

.text-blue-198 {
  color: var(--blue-198);
}

.bg-blue-199 {
  background: var(--blue-199);
}

.text-blue-199 {
  color: var(--blue-199);
}

.bg-blue-200 {
  background: var(--blue-200);
}

.text-blue-200 {
  color: var(--blue-200);
}

.bg-blue-201 {
  background: var(--blue-201);
}

.text-blue-201 {
  color: var(--blue-201);
}

.bg-blue-202 {
  background: var(--blue-202);
}

.text-blue-202 {
  color: var(--blue-202);
}

.bg-blue-203 {
  background: var(--blue-203);
}

.text-blue-203 {
  color: var(--blue-203);
}

.bg-blue-204 {
  background: var(--blue-204);
}

.text-blue-204 {
  color: var(--blue-204);
}

.bg-blue-205 {
  background: var(--blue-205);
}

.text-blue-205 {
  color: var(--blue-205);
}

.bg-blue-206 {
  background: var(--blue-206);
}

.text-blue-206 {
  color: var(--blue-206);
}

.bg-blue-207 {
  background: var(--blue-207);
}

.text-blue-207 {
  color: var(--blue-207);
}

.bg-blue-208 {
  background: var(--blue-208);
}

.text-blue-208 {
  color: var(--blue-208);
}

.bg-blue-209 {
  background: var(--blue-209);
}

.text-blue-209 {
  color: var(--blue-209);
}

.bg-blue-210 {
  background: var(--blue-210);
}

.text-blue-210 {
  color: var(--blue-210);
}

.bg-blue-211 {
  background: var(--blue-211);
}

.text-blue-211 {
  color: var(--blue-211);
}

.bg-blue-212 {
  background: var(--blue-212);
}

.text-blue-212 {
  color: var(--blue-212);
}

.bg-blue-213 {
  background: var(--blue-213);
}

.text-blue-213 {
  color: var(--blue-213);
}

.bg-blue-214 {
  background: var(--blue-214);
}

.text-blue-214 {
  color: var(--blue-214);
}

.bg-blue-215 {
  background: var(--blue-215);
}

.text-blue-215 {
  color: var(--blue-215);
}

.bg-blue-216 {
  background: var(--blue-216);
}

.text-blue-216 {
  color: var(--blue-216);
}

.bg-blue-217 {
  background: var(--blue-217);
}

.text-blue-217 {
  color: var(--blue-217);
}

.bg-blue-218 {
  background: var(--blue-218);
}

.text-blue-218 {
  color: var(--blue-218);
}

.bg-blue-219 {
  background: var(--blue-219);
}

.text-blue-219 {
  color: var(--blue-219);
}

.bg-blue-220 {
  background: var(--blue-220);
}

.text-blue-220 {
  color: var(--blue-220);
}

.bg-blue-221 {
  background: var(--blue-221);
}

.text-blue-221 {
  color: var(--blue-221);
}

.bg-blue-222 {
  background: var(--blue-222);
}

.text-blue-222 {
  color: var(--blue-222);
}

.bg-blue-223 {
  background: var(--blue-223);
}

.text-blue-223 {
  color: var(--blue-223);
}

.bg-blue-224 {
  background: var(--blue-224);
}

.text-blue-224 {
  color: var(--blue-224);
}

.bg-blue-225 {
  background: var(--blue-225);
}

.text-blue-225 {
  color: var(--blue-225);
}

.bg-blue-226 {
  background: var(--blue-226);
}

.text-blue-226 {
  color: var(--blue-226);
}

.bg-blue-227 {
  background: var(--blue-227);
}

.text-blue-227 {
  color: var(--blue-227);
}

.bg-blue-228 {
  background: var(--blue-228);
}

.text-blue-228 {
  color: var(--blue-228);
}

.bg-blue-229 {
  background: var(--blue-229);
}

.text-blue-229 {
  color: var(--blue-229);
}

.bg-blue-230 {
  background: var(--blue-230);
}

.text-blue-230 {
  color: var(--blue-230);
}

.bg-blue-231 {
  background: var(--blue-231);
}

.text-blue-231 {
  color: var(--blue-231);
}

.bg-blue-232 {
  background: var(--blue-232);
}

.text-blue-232 {
  color: var(--blue-232);
}

.bg-blue-233 {
  background: var(--blue-233);
}

.text-blue-233 {
  color: var(--blue-233);
}

.bg-blue-234 {
  background: var(--blue-234);
}

.text-blue-234 {
  color: var(--blue-234);
}

.bg-blue-235 {
  background: var(--blue-235);
}

.text-blue-235 {
  color: var(--blue-235);
}

.bg-blue-236 {
  background: var(--blue-236);
}

.text-blue-236 {
  color: var(--blue-236);
}

.bg-blue-237 {
  background: var(--blue-237);
}

.text-blue-237 {
  color: var(--blue-237);
}

.bg-blue-238 {
  background: var(--blue-238);
}

.text-blue-238 {
  color: var(--blue-238);
}

.bg-blue-239 {
  background: var(--blue-239);
}

.text-blue-239 {
  color: var(--blue-239);
}

.bg-blue-240 {
  background: var(--blue-240);
}

.text-blue-240 {
  color: var(--blue-240);
}

.bg-blue-241 {
  background: var(--blue-241);
}

.text-blue-241 {
  color: var(--blue-241);
}

.bg-blue-242 {
  background: var(--blue-242);
}

.text-blue-242 {
  color: var(--blue-242);
}

.bg-blue-243 {
  background: var(--blue-243);
}

.text-blue-243 {
  color: var(--blue-243);
}

.bg-blue-244 {
  background: var(--blue-244);
}

.text-blue-244 {
  color: var(--blue-244);
}

.bg-blue-245 {
  background: var(--blue-245);
}

.text-blue-245 {
  color: var(--blue-245);
}

.bg-blue-246 {
  background: var(--blue-246);
}

.text-blue-246 {
  color: var(--blue-246);
}

.bg-blue-247 {
  background: var(--blue-247);
}

.text-blue-247 {
  color: var(--blue-247);
}

.bg-blue-248 {
  background: var(--blue-248);
}

.text-blue-248 {
  color: var(--blue-248);
}

.bg-blue-249 {
  background: var(--blue-249);
}

.text-blue-249 {
  color: var(--blue-249);
}

.bg-blue-250 {
  background: var(--blue-250);
}

.text-blue-250 {
  color: var(--blue-250);
}

.bg-purple {
  background: var(--purple-3);
}

.text-purple {
  color: var(--purple-1);
}

.bg-purple-1 {
  background: var(--purple-1);
}

.text-purple-1 {
  color: var(--purple-1);
}

.bg-purple-2 {
  background: var(--purple-2);
}

.text-purple-2 {
  color: var(--purple-2);
}

.bg-purple-3 {
  background: var(--purple-3);
}

.text-purple-3 {
  color: var(--purple-3);
}

.bg-purple-4 {
  background: var(--purple-4);
}

.text-purple-4 {
  color: var(--purple-4);
}

.bg-purple-5 {
  background: var(--purple-5);
}

.text-purple-5 {
  color: var(--purple-5);
}

.bg-purple-6 {
  background: var(--purple-6);
}

.text-purple-6 {
  color: var(--purple-6);
}

.bg-purple-7 {
  background: var(--purple-7);
}

.text-purple-7 {
  color: var(--purple-7);
}

.bg-purple-8 {
  background: var(--purple-8);
}

.text-purple-8 {
  color: var(--purple-8);
}

.bg-purple-9 {
  background: var(--purple-9);
}

.text-purple-9 {
  color: var(--purple-9);
}

.bg-purple-10 {
  background: var(--purple-10);
}

.text-purple-10 {
  color: var(--purple-10);
}

.bg-purple-11 {
  background: var(--purple-11);
}

.text-purple-11 {
  color: var(--purple-11);
}

.bg-purple-12 {
  background: var(--purple-12);
}

.text-purple-12 {
  color: var(--purple-12);
}

.bg-purple-13 {
  background: var(--purple-13);
}

.text-purple-13 {
  color: var(--purple-13);
}

.bg-purple-14 {
  background: var(--purple-14);
}

.text-purple-14 {
  color: var(--purple-14);
}

.bg-purple-15 {
  background: var(--purple-15);
}

.text-purple-15 {
  color: var(--purple-15);
}

.bg-purple-16 {
  background: var(--purple-16);
}

.text-purple-16 {
  color: var(--purple-16);
}

.bg-purple-17 {
  background: var(--purple-17);
}

.text-purple-17 {
  color: var(--purple-17);
}

.bg-purple-18 {
  background: var(--purple-18);
}

.text-purple-18 {
  color: var(--purple-18);
}

.bg-purple-19 {
  background: var(--purple-19);
}

.text-purple-19 {
  color: var(--purple-19);
}

.bg-purple-20 {
  background: var(--purple-20);
}

.text-purple-20 {
  color: var(--purple-20);
}

.bg-purple-21 {
  background: var(--purple-21);
}

.text-purple-21 {
  color: var(--purple-21);
}

.bg-purple-22 {
  background: var(--purple-22);
}

.text-purple-22 {
  color: var(--purple-22);
}

.bg-purple-23 {
  background: var(--purple-23);
}

.text-purple-23 {
  color: var(--purple-23);
}

.bg-purple-24 {
  background: var(--purple-24);
}

.text-purple-24 {
  color: var(--purple-24);
}

.bg-purple-25 {
  background: var(--purple-25);
}

.text-purple-25 {
  color: var(--purple-25);
}

.bg-purple-26 {
  background: var(--purple-26);
}

.text-purple-26 {
  color: var(--purple-26);
}

.bg-purple-27 {
  background: var(--purple-27);
}

.text-purple-27 {
  color: var(--purple-27);
}

.bg-purple-28 {
  background: var(--purple-28);
}

.text-purple-28 {
  color: var(--purple-28);
}

.bg-purple-29 {
  background: var(--purple-29);
}

.text-purple-29 {
  color: var(--purple-29);
}

.bg-purple-30 {
  background: var(--purple-30);
}

.text-purple-30 {
  color: var(--purple-30);
}

.bg-purple-31 {
  background: var(--purple-31);
}

.text-purple-31 {
  color: var(--purple-31);
}

.bg-purple-32 {
  background: var(--purple-32);
}

.text-purple-32 {
  color: var(--purple-32);
}

.bg-purple-33 {
  background: var(--purple-33);
}

.text-purple-33 {
  color: var(--purple-33);
}

.bg-purple-34 {
  background: var(--purple-34);
}

.text-purple-34 {
  color: var(--purple-34);
}

.bg-purple-35 {
  background: var(--purple-35);
}

.text-purple-35 {
  color: var(--purple-35);
}

.bg-purple-36 {
  background: var(--purple-36);
}

.text-purple-36 {
  color: var(--purple-36);
}

.bg-purple-37 {
  background: var(--purple-37);
}

.text-purple-37 {
  color: var(--purple-37);
}

.bg-purple-38 {
  background: var(--purple-38);
}

.text-purple-38 {
  color: var(--purple-38);
}

.bg-purple-39 {
  background: var(--purple-39);
}

.text-purple-39 {
  color: var(--purple-39);
}

.bg-purple-40 {
  background: var(--purple-40);
}

.text-purple-40 {
  color: var(--purple-40);
}

.bg-purple-41 {
  background: var(--purple-41);
}

.text-purple-41 {
  color: var(--purple-41);
}

.bg-purple-42 {
  background: var(--purple-42);
}

.text-purple-42 {
  color: var(--purple-42);
}

.bg-purple-43 {
  background: var(--purple-43);
}

.text-purple-43 {
  color: var(--purple-43);
}

.bg-purple-44 {
  background: var(--purple-44);
}

.text-purple-44 {
  color: var(--purple-44);
}

.bg-purple-45 {
  background: var(--purple-45);
}

.text-purple-45 {
  color: var(--purple-45);
}

.bg-purple-46 {
  background: var(--purple-46);
}

.text-purple-46 {
  color: var(--purple-46);
}

.bg-purple-47 {
  background: var(--purple-47);
}

.text-purple-47 {
  color: var(--purple-47);
}

.bg-purple-48 {
  background: var(--purple-48);
}

.text-purple-48 {
  color: var(--purple-48);
}

.bg-purple-49 {
  background: var(--purple-49);
}

.text-purple-49 {
  color: var(--purple-49);
}

.bg-purple-50 {
  background: var(--purple-50);
}

.text-purple-50 {
  color: var(--purple-50);
}

.bg-purple-51 {
  background: var(--purple-51);
}

.text-purple-51 {
  color: var(--purple-51);
}

.bg-purple-52 {
  background: var(--purple-52);
}

.text-purple-52 {
  color: var(--purple-52);
}

.bg-purple-53 {
  background: var(--purple-53);
}

.text-purple-53 {
  color: var(--purple-53);
}

.bg-purple-54 {
  background: var(--purple-54);
}

.text-purple-54 {
  color: var(--purple-54);
}

.bg-purple-55 {
  background: var(--purple-55);
}

.text-purple-55 {
  color: var(--purple-55);
}

.bg-purple-56 {
  background: var(--purple-56);
}

.text-purple-56 {
  color: var(--purple-56);
}

.bg-purple-57 {
  background: var(--purple-57);
}

.text-purple-57 {
  color: var(--purple-57);
}

.bg-purple-58 {
  background: var(--purple-58);
}

.text-purple-58 {
  color: var(--purple-58);
}

.bg-purple-59 {
  background: var(--purple-59);
}

.text-purple-59 {
  color: var(--purple-59);
}

.bg-purple-60 {
  background: var(--purple-60);
}

.text-purple-60 {
  color: var(--purple-60);
}

.bg-purple-61 {
  background: var(--purple-61);
}

.text-purple-61 {
  color: var(--purple-61);
}

.bg-purple-62 {
  background: var(--purple-62);
}

.text-purple-62 {
  color: var(--purple-62);
}

.bg-purple-63 {
  background: var(--purple-63);
}

.text-purple-63 {
  color: var(--purple-63);
}

.bg-purple-64 {
  background: var(--purple-64);
}

.text-purple-64 {
  color: var(--purple-64);
}

.bg-purple-65 {
  background: var(--purple-65);
}

.text-purple-65 {
  color: var(--purple-65);
}

.bg-purple-66 {
  background: var(--purple-66);
}

.text-purple-66 {
  color: var(--purple-66);
}

.bg-purple-67 {
  background: var(--purple-67);
}

.text-purple-67 {
  color: var(--purple-67);
}

.bg-purple-68 {
  background: var(--purple-68);
}

.text-purple-68 {
  color: var(--purple-68);
}

.bg-purple-69 {
  background: var(--purple-69);
}

.text-purple-69 {
  color: var(--purple-69);
}

.bg-purple-70 {
  background: var(--purple-70);
}

.text-purple-70 {
  color: var(--purple-70);
}

.bg-purple-71 {
  background: var(--purple-71);
}

.text-purple-71 {
  color: var(--purple-71);
}

.bg-purple-72 {
  background: var(--purple-72);
}

.text-purple-72 {
  color: var(--purple-72);
}

.bg-purple-73 {
  background: var(--purple-73);
}

.text-purple-73 {
  color: var(--purple-73);
}

.bg-purple-74 {
  background: var(--purple-74);
}

.text-purple-74 {
  color: var(--purple-74);
}

.bg-purple-75 {
  background: var(--purple-75);
}

.text-purple-75 {
  color: var(--purple-75);
}

.bg-purple-76 {
  background: var(--purple-76);
}

.text-purple-76 {
  color: var(--purple-76);
}

.bg-purple-77 {
  background: var(--purple-77);
}

.text-purple-77 {
  color: var(--purple-77);
}

.bg-purple-78 {
  background: var(--purple-78);
}

.text-purple-78 {
  color: var(--purple-78);
}

.bg-purple-79 {
  background: var(--purple-79);
}

.text-purple-79 {
  color: var(--purple-79);
}

.bg-purple-80 {
  background: var(--purple-80);
}

.text-purple-80 {
  color: var(--purple-80);
}

.bg-purple-81 {
  background: var(--purple-81);
}

.text-purple-81 {
  color: var(--purple-81);
}

.bg-purple-82 {
  background: var(--purple-82);
}

.text-purple-82 {
  color: var(--purple-82);
}

.bg-purple-83 {
  background: var(--purple-83);
}

.text-purple-83 {
  color: var(--purple-83);
}

.bg-purple-84 {
  background: var(--purple-84);
}

.text-purple-84 {
  color: var(--purple-84);
}

.bg-purple-85 {
  background: var(--purple-85);
}

.text-purple-85 {
  color: var(--purple-85);
}

.bg-purple-86 {
  background: var(--purple-86);
}

.text-purple-86 {
  color: var(--purple-86);
}

.bg-purple-87 {
  background: var(--purple-87);
}

.text-purple-87 {
  color: var(--purple-87);
}

.bg-purple-88 {
  background: var(--purple-88);
}

.text-purple-88 {
  color: var(--purple-88);
}

.bg-purple-89 {
  background: var(--purple-89);
}

.text-purple-89 {
  color: var(--purple-89);
}

.bg-purple-90 {
  background: var(--purple-90);
}

.text-purple-90 {
  color: var(--purple-90);
}

.bg-purple-91 {
  background: var(--purple-91);
}

.text-purple-91 {
  color: var(--purple-91);
}

.bg-purple-92 {
  background: var(--purple-92);
}

.text-purple-92 {
  color: var(--purple-92);
}

.bg-purple-93 {
  background: var(--purple-93);
}

.text-purple-93 {
  color: var(--purple-93);
}

.bg-purple-94 {
  background: var(--purple-94);
}

.text-purple-94 {
  color: var(--purple-94);
}

.bg-purple-95 {
  background: var(--purple-95);
}

.text-purple-95 {
  color: var(--purple-95);
}

.bg-purple-96 {
  background: var(--purple-96);
}

.text-purple-96 {
  color: var(--purple-96);
}

.bg-purple-97 {
  background: var(--purple-97);
}

.text-purple-97 {
  color: var(--purple-97);
}

.bg-purple-98 {
  background: var(--purple-98);
}

.text-purple-98 {
  color: var(--purple-98);
}

.bg-purple-99 {
  background: var(--purple-99);
}

.text-purple-99 {
  color: var(--purple-99);
}

.bg-purple-100 {
  background: var(--purple-100);
}

.text-purple-100 {
  color: var(--purple-100);
}

.bg-purple-101 {
  background: var(--purple-101);
}

.text-purple-101 {
  color: var(--purple-101);
}

.bg-purple-102 {
  background: var(--purple-102);
}

.text-purple-102 {
  color: var(--purple-102);
}

.bg-purple-103 {
  background: var(--purple-103);
}

.text-purple-103 {
  color: var(--purple-103);
}

.bg-purple-104 {
  background: var(--purple-104);
}

.text-purple-104 {
  color: var(--purple-104);
}

.bg-purple-105 {
  background: var(--purple-105);
}

.text-purple-105 {
  color: var(--purple-105);
}

.bg-purple-106 {
  background: var(--purple-106);
}

.text-purple-106 {
  color: var(--purple-106);
}

.bg-purple-107 {
  background: var(--purple-107);
}

.text-purple-107 {
  color: var(--purple-107);
}

.bg-purple-108 {
  background: var(--purple-108);
}

.text-purple-108 {
  color: var(--purple-108);
}

.bg-purple-109 {
  background: var(--purple-109);
}

.text-purple-109 {
  color: var(--purple-109);
}

.bg-purple-110 {
  background: var(--purple-110);
}

.text-purple-110 {
  color: var(--purple-110);
}

.bg-purple-111 {
  background: var(--purple-111);
}

.text-purple-111 {
  color: var(--purple-111);
}

.bg-purple-112 {
  background: var(--purple-112);
}

.text-purple-112 {
  color: var(--purple-112);
}

.bg-purple-113 {
  background: var(--purple-113);
}

.text-purple-113 {
  color: var(--purple-113);
}

.bg-purple-114 {
  background: var(--purple-114);
}

.text-purple-114 {
  color: var(--purple-114);
}

.bg-purple-115 {
  background: var(--purple-115);
}

.text-purple-115 {
  color: var(--purple-115);
}

.bg-purple-116 {
  background: var(--purple-116);
}

.text-purple-116 {
  color: var(--purple-116);
}

.bg-purple-117 {
  background: var(--purple-117);
}

.text-purple-117 {
  color: var(--purple-117);
}

.bg-purple-118 {
  background: var(--purple-118);
}

.text-purple-118 {
  color: var(--purple-118);
}

.bg-purple-119 {
  background: var(--purple-119);
}

.text-purple-119 {
  color: var(--purple-119);
}

.bg-purple-120 {
  background: var(--purple-120);
}

.text-purple-120 {
  color: var(--purple-120);
}

.bg-purple-121 {
  background: var(--purple-121);
}

.text-purple-121 {
  color: var(--purple-121);
}

.bg-purple-122 {
  background: var(--purple-122);
}

.text-purple-122 {
  color: var(--purple-122);
}

.bg-purple-123 {
  background: var(--purple-123);
}

.text-purple-123 {
  color: var(--purple-123);
}

.bg-purple-124 {
  background: var(--purple-124);
}

.text-purple-124 {
  color: var(--purple-124);
}

.bg-purple-125 {
  background: var(--purple-125);
}

.text-purple-125 {
  color: var(--purple-125);
}

.bg-purple-126 {
  background: var(--purple-126);
}

.text-purple-126 {
  color: var(--purple-126);
}

.bg-purple-127 {
  background: var(--purple-127);
}

.text-purple-127 {
  color: var(--purple-127);
}

.bg-purple-128 {
  background: var(--purple-128);
}

.text-purple-128 {
  color: var(--purple-128);
}

.bg-purple-129 {
  background: var(--purple-129);
}

.text-purple-129 {
  color: var(--purple-129);
}

.bg-purple-130 {
  background: var(--purple-130);
}

.text-purple-130 {
  color: var(--purple-130);
}

.bg-purple-131 {
  background: var(--purple-131);
}

.text-purple-131 {
  color: var(--purple-131);
}

.bg-purple-132 {
  background: var(--purple-132);
}

.text-purple-132 {
  color: var(--purple-132);
}

.bg-purple-133 {
  background: var(--purple-133);
}

.text-purple-133 {
  color: var(--purple-133);
}

.bg-purple-134 {
  background: var(--purple-134);
}

.text-purple-134 {
  color: var(--purple-134);
}

.bg-purple-135 {
  background: var(--purple-135);
}

.text-purple-135 {
  color: var(--purple-135);
}

.bg-purple-136 {
  background: var(--purple-136);
}

.text-purple-136 {
  color: var(--purple-136);
}

.bg-purple-137 {
  background: var(--purple-137);
}

.text-purple-137 {
  color: var(--purple-137);
}

.bg-purple-138 {
  background: var(--purple-138);
}

.text-purple-138 {
  color: var(--purple-138);
}

.bg-purple-139 {
  background: var(--purple-139);
}

.text-purple-139 {
  color: var(--purple-139);
}

.bg-purple-140 {
  background: var(--purple-140);
}

.text-purple-140 {
  color: var(--purple-140);
}

.bg-purple-141 {
  background: var(--purple-141);
}

.text-purple-141 {
  color: var(--purple-141);
}

.bg-purple-142 {
  background: var(--purple-142);
}

.text-purple-142 {
  color: var(--purple-142);
}

.bg-purple-143 {
  background: var(--purple-143);
}

.text-purple-143 {
  color: var(--purple-143);
}

.bg-purple-144 {
  background: var(--purple-144);
}

.text-purple-144 {
  color: var(--purple-144);
}

.bg-purple-145 {
  background: var(--purple-145);
}

.text-purple-145 {
  color: var(--purple-145);
}

.bg-purple-146 {
  background: var(--purple-146);
}

.text-purple-146 {
  color: var(--purple-146);
}

.bg-purple-147 {
  background: var(--purple-147);
}

.text-purple-147 {
  color: var(--purple-147);
}

.bg-purple-148 {
  background: var(--purple-148);
}

.text-purple-148 {
  color: var(--purple-148);
}

.bg-purple-149 {
  background: var(--purple-149);
}

.text-purple-149 {
  color: var(--purple-149);
}

.bg-purple-150 {
  background: var(--purple-150);
}

.text-purple-150 {
  color: var(--purple-150);
}

.bg-purple-151 {
  background: var(--purple-151);
}

.text-purple-151 {
  color: var(--purple-151);
}

.bg-purple-152 {
  background: var(--purple-152);
}

.text-purple-152 {
  color: var(--purple-152);
}

.bg-purple-153 {
  background: var(--purple-153);
}

.text-purple-153 {
  color: var(--purple-153);
}

.bg-purple-154 {
  background: var(--purple-154);
}

.text-purple-154 {
  color: var(--purple-154);
}

.bg-purple-155 {
  background: var(--purple-155);
}

.text-purple-155 {
  color: var(--purple-155);
}

.bg-purple-156 {
  background: var(--purple-156);
}

.text-purple-156 {
  color: var(--purple-156);
}

.bg-purple-157 {
  background: var(--purple-157);
}

.text-purple-157 {
  color: var(--purple-157);
}

.bg-purple-158 {
  background: var(--purple-158);
}

.text-purple-158 {
  color: var(--purple-158);
}

.bg-purple-159 {
  background: var(--purple-159);
}

.text-purple-159 {
  color: var(--purple-159);
}

.bg-purple-160 {
  background: var(--purple-160);
}

.text-purple-160 {
  color: var(--purple-160);
}

.bg-purple-161 {
  background: var(--purple-161);
}

.text-purple-161 {
  color: var(--purple-161);
}

.bg-purple-162 {
  background: var(--purple-162);
}

.text-purple-162 {
  color: var(--purple-162);
}

.bg-purple-163 {
  background: var(--purple-163);
}

.text-purple-163 {
  color: var(--purple-163);
}

.bg-purple-164 {
  background: var(--purple-164);
}

.text-purple-164 {
  color: var(--purple-164);
}

.bg-purple-165 {
  background: var(--purple-165);
}

.text-purple-165 {
  color: var(--purple-165);
}

.bg-purple-166 {
  background: var(--purple-166);
}

.text-purple-166 {
  color: var(--purple-166);
}

.bg-purple-167 {
  background: var(--purple-167);
}

.text-purple-167 {
  color: var(--purple-167);
}

.bg-purple-168 {
  background: var(--purple-168);
}

.text-purple-168 {
  color: var(--purple-168);
}

.bg-purple-169 {
  background: var(--purple-169);
}

.text-purple-169 {
  color: var(--purple-169);
}

.bg-purple-170 {
  background: var(--purple-170);
}

.text-purple-170 {
  color: var(--purple-170);
}

.bg-purple-171 {
  background: var(--purple-171);
}

.text-purple-171 {
  color: var(--purple-171);
}

.bg-purple-172 {
  background: var(--purple-172);
}

.text-purple-172 {
  color: var(--purple-172);
}

.bg-purple-173 {
  background: var(--purple-173);
}

.text-purple-173 {
  color: var(--purple-173);
}

.bg-purple-174 {
  background: var(--purple-174);
}

.text-purple-174 {
  color: var(--purple-174);
}

.bg-purple-175 {
  background: var(--purple-175);
}

.text-purple-175 {
  color: var(--purple-175);
}

.bg-purple-176 {
  background: var(--purple-176);
}

.text-purple-176 {
  color: var(--purple-176);
}

.bg-purple-177 {
  background: var(--purple-177);
}

.text-purple-177 {
  color: var(--purple-177);
}

.bg-purple-178 {
  background: var(--purple-178);
}

.text-purple-178 {
  color: var(--purple-178);
}

.bg-purple-179 {
  background: var(--purple-179);
}

.text-purple-179 {
  color: var(--purple-179);
}

.bg-purple-180 {
  background: var(--purple-180);
}

.text-purple-180 {
  color: var(--purple-180);
}

.bg-purple-181 {
  background: var(--purple-181);
}

.text-purple-181 {
  color: var(--purple-181);
}

.bg-purple-182 {
  background: var(--purple-182);
}

.text-purple-182 {
  color: var(--purple-182);
}

.bg-purple-183 {
  background: var(--purple-183);
}

.text-purple-183 {
  color: var(--purple-183);
}

.bg-purple-184 {
  background: var(--purple-184);
}

.text-purple-184 {
  color: var(--purple-184);
}

.bg-purple-185 {
  background: var(--purple-185);
}

.text-purple-185 {
  color: var(--purple-185);
}

.bg-purple-186 {
  background: var(--purple-186);
}

.text-purple-186 {
  color: var(--purple-186);
}

.bg-purple-187 {
  background: var(--purple-187);
}

.text-purple-187 {
  color: var(--purple-187);
}

.bg-purple-188 {
  background: var(--purple-188);
}

.text-purple-188 {
  color: var(--purple-188);
}

.bg-purple-189 {
  background: var(--purple-189);
}

.text-purple-189 {
  color: var(--purple-189);
}

.bg-purple-190 {
  background: var(--purple-190);
}

.text-purple-190 {
  color: var(--purple-190);
}

.bg-purple-191 {
  background: var(--purple-191);
}

.text-purple-191 {
  color: var(--purple-191);
}

.bg-purple-192 {
  background: var(--purple-192);
}

.text-purple-192 {
  color: var(--purple-192);
}

.bg-purple-193 {
  background: var(--purple-193);
}

.text-purple-193 {
  color: var(--purple-193);
}

.bg-purple-194 {
  background: var(--purple-194);
}

.text-purple-194 {
  color: var(--purple-194);
}

.bg-purple-195 {
  background: var(--purple-195);
}

.text-purple-195 {
  color: var(--purple-195);
}

.bg-purple-196 {
  background: var(--purple-196);
}

.text-purple-196 {
  color: var(--purple-196);
}

.bg-purple-197 {
  background: var(--purple-197);
}

.text-purple-197 {
  color: var(--purple-197);
}

.bg-purple-198 {
  background: var(--purple-198);
}

.text-purple-198 {
  color: var(--purple-198);
}

.bg-purple-199 {
  background: var(--purple-199);
}

.text-purple-199 {
  color: var(--purple-199);
}

.bg-purple-200 {
  background: var(--purple-200);
}

.text-purple-200 {
  color: var(--purple-200);
}

.bg-purple-201 {
  background: var(--purple-201);
}

.text-purple-201 {
  color: var(--purple-201);
}

.bg-purple-202 {
  background: var(--purple-202);
}

.text-purple-202 {
  color: var(--purple-202);
}

.bg-purple-203 {
  background: var(--purple-203);
}

.text-purple-203 {
  color: var(--purple-203);
}

.bg-purple-204 {
  background: var(--purple-204);
}

.text-purple-204 {
  color: var(--purple-204);
}

.bg-purple-205 {
  background: var(--purple-205);
}

.text-purple-205 {
  color: var(--purple-205);
}

.bg-purple-206 {
  background: var(--purple-206);
}

.text-purple-206 {
  color: var(--purple-206);
}

.bg-purple-207 {
  background: var(--purple-207);
}

.text-purple-207 {
  color: var(--purple-207);
}

.bg-purple-208 {
  background: var(--purple-208);
}

.text-purple-208 {
  color: var(--purple-208);
}

.bg-purple-209 {
  background: var(--purple-209);
}

.text-purple-209 {
  color: var(--purple-209);
}

.bg-purple-210 {
  background: var(--purple-210);
}

.text-purple-210 {
  color: var(--purple-210);
}

.bg-purple-211 {
  background: var(--purple-211);
}

.text-purple-211 {
  color: var(--purple-211);
}

.bg-purple-212 {
  background: var(--purple-212);
}

.text-purple-212 {
  color: var(--purple-212);
}

.bg-purple-213 {
  background: var(--purple-213);
}

.text-purple-213 {
  color: var(--purple-213);
}

.bg-purple-214 {
  background: var(--purple-214);
}

.text-purple-214 {
  color: var(--purple-214);
}

.bg-purple-215 {
  background: var(--purple-215);
}

.text-purple-215 {
  color: var(--purple-215);
}

.bg-purple-216 {
  background: var(--purple-216);
}

.text-purple-216 {
  color: var(--purple-216);
}

.bg-purple-217 {
  background: var(--purple-217);
}

.text-purple-217 {
  color: var(--purple-217);
}

.bg-purple-218 {
  background: var(--purple-218);
}

.text-purple-218 {
  color: var(--purple-218);
}

.bg-purple-219 {
  background: var(--purple-219);
}

.text-purple-219 {
  color: var(--purple-219);
}

.bg-purple-220 {
  background: var(--purple-220);
}

.text-purple-220 {
  color: var(--purple-220);
}

.bg-purple-221 {
  background: var(--purple-221);
}

.text-purple-221 {
  color: var(--purple-221);
}

.bg-purple-222 {
  background: var(--purple-222);
}

.text-purple-222 {
  color: var(--purple-222);
}

.bg-purple-223 {
  background: var(--purple-223);
}

.text-purple-223 {
  color: var(--purple-223);
}

.bg-purple-224 {
  background: var(--purple-224);
}

.text-purple-224 {
  color: var(--purple-224);
}

.bg-purple-225 {
  background: var(--purple-225);
}

.text-purple-225 {
  color: var(--purple-225);
}

.bg-purple-226 {
  background: var(--purple-226);
}

.text-purple-226 {
  color: var(--purple-226);
}

.bg-purple-227 {
  background: var(--purple-227);
}

.text-purple-227 {
  color: var(--purple-227);
}

.bg-purple-228 {
  background: var(--purple-228);
}

.text-purple-228 {
  color: var(--purple-228);
}

.bg-purple-229 {
  background: var(--purple-229);
}

.text-purple-229 {
  color: var(--purple-229);
}

.bg-purple-230 {
  background: var(--purple-230);
}

.text-purple-230 {
  color: var(--purple-230);
}

.bg-purple-231 {
  background: var(--purple-231);
}

.text-purple-231 {
  color: var(--purple-231);
}

.bg-purple-232 {
  background: var(--purple-232);
}

.text-purple-232 {
  color: var(--purple-232);
}

.bg-purple-233 {
  background: var(--purple-233);
}

.text-purple-233 {
  color: var(--purple-233);
}

.bg-purple-234 {
  background: var(--purple-234);
}

.text-purple-234 {
  color: var(--purple-234);
}

.bg-purple-235 {
  background: var(--purple-235);
}

.text-purple-235 {
  color: var(--purple-235);
}

.bg-purple-236 {
  background: var(--purple-236);
}

.text-purple-236 {
  color: var(--purple-236);
}

.bg-purple-237 {
  background: var(--purple-237);
}

.text-purple-237 {
  color: var(--purple-237);
}

.bg-purple-238 {
  background: var(--purple-238);
}

.text-purple-238 {
  color: var(--purple-238);
}

.bg-purple-239 {
  background: var(--purple-239);
}

.text-purple-239 {
  color: var(--purple-239);
}

.bg-purple-240 {
  background: var(--purple-240);
}

.text-purple-240 {
  color: var(--purple-240);
}

.bg-purple-241 {
  background: var(--purple-241);
}

.text-purple-241 {
  color: var(--purple-241);
}

.bg-purple-242 {
  background: var(--purple-242);
}

.text-purple-242 {
  color: var(--purple-242);
}

.bg-purple-243 {
  background: var(--purple-243);
}

.text-purple-243 {
  color: var(--purple-243);
}

.bg-purple-244 {
  background: var(--purple-244);
}

.text-purple-244 {
  color: var(--purple-244);
}

.bg-purple-245 {
  background: var(--purple-245);
}

.text-purple-245 {
  color: var(--purple-245);
}

.bg-purple-246 {
  background: var(--purple-246);
}

.text-purple-246 {
  color: var(--purple-246);
}

.bg-purple-247 {
  background: var(--purple-247);
}

.text-purple-247 {
  color: var(--purple-247);
}

.bg-purple-248 {
  background: var(--purple-248);
}

.text-purple-248 {
  color: var(--purple-248);
}

.bg-purple-249 {
  background: var(--purple-249);
}

.text-purple-249 {
  color: var(--purple-249);
}

.bg-purple-250 {
  background: var(--purple-250);
}

.text-purple-250 {
  color: var(--purple-250);
}

.bg-purple-251 {
  background: var(--purple-251);
}

.text-purple-251 {
  color: var(--purple-251);
}

.bg-purple-252 {
  background: var(--purple-252);
}

.text-purple-252 {
  color: var(--purple-252);
}

.bg-purple-253 {
  background: var(--purple-253);
}

.text-purple-253 {
  color: var(--purple-253);
}

.bg-purple-254 {
  background: var(--purple-254);
}

.text-purple-254 {
  color: var(--purple-254);
}

.bg-purple-255 {
  background: var(--purple-255);
}

.text-purple-255 {
  color: var(--purple-255);
}

.bg-purple-256 {
  background: var(--purple-256);
}

.text-purple-256 {
  color: var(--purple-256);
}

.bg-purple-257 {
  background: var(--purple-257);
}

.text-purple-257 {
  color: var(--purple-257);
}

.bg-purple-258 {
  background: var(--purple-258);
}

.text-purple-258 {
  color: var(--purple-258);
}

.bg-purple-259 {
  background: var(--purple-259);
}

.text-purple-259 {
  color: var(--purple-259);
}

.bg-purple-260 {
  background: var(--purple-260);
}

.text-purple-260 {
  color: var(--purple-260);
}

.bg-purple-261 {
  background: var(--purple-261);
}

.text-purple-261 {
  color: var(--purple-261);
}

.bg-purple-262 {
  background: var(--purple-262);
}

.text-purple-262 {
  color: var(--purple-262);
}

.bg-purple-263 {
  background: var(--purple-263);
}

.text-purple-263 {
  color: var(--purple-263);
}

.bg-purple-264 {
  background: var(--purple-264);
}

.text-purple-264 {
  color: var(--purple-264);
}

.bg-purple-265 {
  background: var(--purple-265);
}

.text-purple-265 {
  color: var(--purple-265);
}

.bg-purple-266 {
  background: var(--purple-266);
}

.text-purple-266 {
  color: var(--purple-266);
}

.bg-purple-267 {
  background: var(--purple-267);
}

.text-purple-267 {
  color: var(--purple-267);
}

.bg-purple-268 {
  background: var(--purple-268);
}

.text-purple-268 {
  color: var(--purple-268);
}

.bg-purple-269 {
  background: var(--purple-269);
}

.text-purple-269 {
  color: var(--purple-269);
}

.bg-purple-270 {
  background: var(--purple-270);
}

.text-purple-270 {
  color: var(--purple-270);
}

.bg-purple-271 {
  background: var(--purple-271);
}

.text-purple-271 {
  color: var(--purple-271);
}

.bg-purple-272 {
  background: var(--purple-272);
}

.text-purple-272 {
  color: var(--purple-272);
}

.bg-purple-273 {
  background: var(--purple-273);
}

.text-purple-273 {
  color: var(--purple-273);
}

.bg-purple-274 {
  background: var(--purple-274);
}

.text-purple-274 {
  color: var(--purple-274);
}

.bg-purple-275 {
  background: var(--purple-275);
}

.text-purple-275 {
  color: var(--purple-275);
}

.bg-purple-276 {
  background: var(--purple-276);
}

.text-purple-276 {
  color: var(--purple-276);
}

.bg-purple-277 {
  background: var(--purple-277);
}

.text-purple-277 {
  color: var(--purple-277);
}

.bg-purple-278 {
  background: var(--purple-278);
}

.text-purple-278 {
  color: var(--purple-278);
}

.bg-purple-279 {
  background: var(--purple-279);
}

.text-purple-279 {
  color: var(--purple-279);
}

.bg-purple-280 {
  background: var(--purple-280);
}

.text-purple-280 {
  color: var(--purple-280);
}

.bg-purple-281 {
  background: var(--purple-281);
}

.text-purple-281 {
  color: var(--purple-281);
}

.bg-purple-282 {
  background: var(--purple-282);
}

.text-purple-282 {
  color: var(--purple-282);
}

.bg-purple-283 {
  background: var(--purple-283);
}

.text-purple-283 {
  color: var(--purple-283);
}

.bg-purple-284 {
  background: var(--purple-284);
}

.text-purple-284 {
  color: var(--purple-284);
}

.bg-purple-285 {
  background: var(--purple-285);
}

.text-purple-285 {
  color: var(--purple-285);
}

.bg-purple-286 {
  background: var(--purple-286);
}

.text-purple-286 {
  color: var(--purple-286);
}

.bg-purple-287 {
  background: var(--purple-287);
}

.text-purple-287 {
  color: var(--purple-287);
}

.bg-purple-288 {
  background: var(--purple-288);
}

.text-purple-288 {
  color: var(--purple-288);
}

.bg-purple-289 {
  background: var(--purple-289);
}

.text-purple-289 {
  color: var(--purple-289);
}

.bg-purple-290 {
  background: var(--purple-290);
}

.text-purple-290 {
  color: var(--purple-290);
}

.bg-purple-291 {
  background: var(--purple-291);
}

.text-purple-291 {
  color: var(--purple-291);
}

.bg-purple-292 {
  background: var(--purple-292);
}

.text-purple-292 {
  color: var(--purple-292);
}

.bg-purple-293 {
  background: var(--purple-293);
}

.text-purple-293 {
  color: var(--purple-293);
}

.bg-purple-294 {
  background: var(--purple-294);
}

.text-purple-294 {
  color: var(--purple-294);
}

.bg-purple-295 {
  background: var(--purple-295);
}

.text-purple-295 {
  color: var(--purple-295);
}

.bg-purple-296 {
  background: var(--purple-296);
}

.text-purple-296 {
  color: var(--purple-296);
}

.bg-purple-297 {
  background: var(--purple-297);
}

.text-purple-297 {
  color: var(--purple-297);
}

.bg-purple-298 {
  background: var(--purple-298);
}

.text-purple-298 {
  color: var(--purple-298);
}

.bg-purple-299 {
  background: var(--purple-299);
}

.text-purple-299 {
  color: var(--purple-299);
}

.bg-purple-300 {
  background: var(--purple-300);
}

.text-purple-300 {
  color: var(--purple-300);
}

.bg-purple-301 {
  background: var(--purple-301);
}

.text-purple-301 {
  color: var(--purple-301);
}

.bg-purple-302 {
  background: var(--purple-302);
}

.text-purple-302 {
  color: var(--purple-302);
}

.bg-purple-303 {
  background: var(--purple-303);
}

.text-purple-303 {
  color: var(--purple-303);
}

.bg-purple-304 {
  background: var(--purple-304);
}

.text-purple-304 {
  color: var(--purple-304);
}

.bg-purple-305 {
  background: var(--purple-305);
}

.text-purple-305 {
  color: var(--purple-305);
}

.bg-purple-306 {
  background: var(--purple-306);
}

.text-purple-306 {
  color: var(--purple-306);
}

.bg-purple-307 {
  background: var(--purple-307);
}

.text-purple-307 {
  color: var(--purple-307);
}

.bg-purple-308 {
  background: var(--purple-308);
}

.text-purple-308 {
  color: var(--purple-308);
}

.bg-purple-309 {
  background: var(--purple-309);
}

.text-purple-309 {
  color: var(--purple-309);
}

.bg-purple-310 {
  background: var(--purple-310);
}

.text-purple-310 {
  color: var(--purple-310);
}

.bg-magenta {
  background: var(--magenta-3);
}

.text-magenta {
  color: var(--magenta-1);
}

.bg-magenta-1 {
  background: var(--magenta-1);
}

.text-magenta-1 {
  color: var(--magenta-1);
}

.bg-magenta-2 {
  background: var(--magenta-2);
}

.text-magenta-2 {
  color: var(--magenta-2);
}

.bg-magenta-3 {
  background: var(--magenta-3);
}

.text-magenta-3 {
  color: var(--magenta-3);
}

.bg-magenta-4 {
  background: var(--magenta-4);
}

.text-magenta-4 {
  color: var(--magenta-4);
}

.bg-magenta-5 {
  background: var(--magenta-5);
}

.text-magenta-5 {
  color: var(--magenta-5);
}

.bg-magenta-6 {
  background: var(--magenta-6);
}

.text-magenta-6 {
  color: var(--magenta-6);
}

.bg-magenta-7 {
  background: var(--magenta-7);
}

.text-magenta-7 {
  color: var(--magenta-7);
}

.bg-magenta-8 {
  background: var(--magenta-8);
}

.text-magenta-8 {
  color: var(--magenta-8);
}

.bg-magenta-9 {
  background: var(--magenta-9);
}

.text-magenta-9 {
  color: var(--magenta-9);
}

.bg-magenta-10 {
  background: var(--magenta-10);
}

.text-magenta-10 {
  color: var(--magenta-10);
}

.bg-magenta-11 {
  background: var(--magenta-11);
}

.text-magenta-11 {
  color: var(--magenta-11);
}

.bg-magenta-12 {
  background: var(--magenta-12);
}

.text-magenta-12 {
  color: var(--magenta-12);
}

.bg-magenta-13 {
  background: var(--magenta-13);
}

.text-magenta-13 {
  color: var(--magenta-13);
}

.bg-magenta-14 {
  background: var(--magenta-14);
}

.text-magenta-14 {
  color: var(--magenta-14);
}

.bg-magenta-15 {
  background: var(--magenta-15);
}

.text-magenta-15 {
  color: var(--magenta-15);
}

.bg-magenta-16 {
  background: var(--magenta-16);
}

.text-magenta-16 {
  color: var(--magenta-16);
}

.bg-magenta-17 {
  background: var(--magenta-17);
}

.text-magenta-17 {
  color: var(--magenta-17);
}

.bg-magenta-18 {
  background: var(--magenta-18);
}

.text-magenta-18 {
  color: var(--magenta-18);
}

.bg-magenta-19 {
  background: var(--magenta-19);
}

.text-magenta-19 {
  color: var(--magenta-19);
}

.bg-magenta-20 {
  background: var(--magenta-20);
}

.text-magenta-20 {
  color: var(--magenta-20);
}

.bg-magenta-21 {
  background: var(--magenta-21);
}

.text-magenta-21 {
  color: var(--magenta-21);
}

.bg-magenta-22 {
  background: var(--magenta-22);
}

.text-magenta-22 {
  color: var(--magenta-22);
}

.bg-magenta-23 {
  background: var(--magenta-23);
}

.text-magenta-23 {
  color: var(--magenta-23);
}

.bg-magenta-24 {
  background: var(--magenta-24);
}

.text-magenta-24 {
  color: var(--magenta-24);
}

.bg-magenta-25 {
  background: var(--magenta-25);
}

.text-magenta-25 {
  color: var(--magenta-25);
}

.bg-magenta-26 {
  background: var(--magenta-26);
}

.text-magenta-26 {
  color: var(--magenta-26);
}

.bg-magenta-27 {
  background: var(--magenta-27);
}

.text-magenta-27 {
  color: var(--magenta-27);
}

.bg-magenta-28 {
  background: var(--magenta-28);
}

.text-magenta-28 {
  color: var(--magenta-28);
}

.bg-magenta-29 {
  background: var(--magenta-29);
}

.text-magenta-29 {
  color: var(--magenta-29);
}

.bg-magenta-30 {
  background: var(--magenta-30);
}

.text-magenta-30 {
  color: var(--magenta-30);
}

.bg-magenta-31 {
  background: var(--magenta-31);
}

.text-magenta-31 {
  color: var(--magenta-31);
}

.bg-magenta-32 {
  background: var(--magenta-32);
}

.text-magenta-32 {
  color: var(--magenta-32);
}

.bg-magenta-33 {
  background: var(--magenta-33);
}

.text-magenta-33 {
  color: var(--magenta-33);
}

.bg-magenta-34 {
  background: var(--magenta-34);
}

.text-magenta-34 {
  color: var(--magenta-34);
}

.bg-magenta-35 {
  background: var(--magenta-35);
}

.text-magenta-35 {
  color: var(--magenta-35);
}

.bg-magenta-36 {
  background: var(--magenta-36);
}

.text-magenta-36 {
  color: var(--magenta-36);
}

.bg-magenta-37 {
  background: var(--magenta-37);
}

.text-magenta-37 {
  color: var(--magenta-37);
}

.bg-magenta-38 {
  background: var(--magenta-38);
}

.text-magenta-38 {
  color: var(--magenta-38);
}

.bg-magenta-39 {
  background: var(--magenta-39);
}

.text-magenta-39 {
  color: var(--magenta-39);
}

.bg-magenta-40 {
  background: var(--magenta-40);
}

.text-magenta-40 {
  color: var(--magenta-40);
}

.bg-magenta-41 {
  background: var(--magenta-41);
}

.text-magenta-41 {
  color: var(--magenta-41);
}

.bg-magenta-42 {
  background: var(--magenta-42);
}

.text-magenta-42 {
  color: var(--magenta-42);
}

.bg-magenta-43 {
  background: var(--magenta-43);
}

.text-magenta-43 {
  color: var(--magenta-43);
}

.bg-magenta-44 {
  background: var(--magenta-44);
}

.text-magenta-44 {
  color: var(--magenta-44);
}

.bg-magenta-45 {
  background: var(--magenta-45);
}

.text-magenta-45 {
  color: var(--magenta-45);
}

.bg-magenta-46 {
  background: var(--magenta-46);
}

.text-magenta-46 {
  color: var(--magenta-46);
}

.bg-magenta-47 {
  background: var(--magenta-47);
}

.text-magenta-47 {
  color: var(--magenta-47);
}

.bg-magenta-48 {
  background: var(--magenta-48);
}

.text-magenta-48 {
  color: var(--magenta-48);
}

.bg-magenta-49 {
  background: var(--magenta-49);
}

.text-magenta-49 {
  color: var(--magenta-49);
}

.bg-magenta-50 {
  background: var(--magenta-50);
}

.text-magenta-50 {
  color: var(--magenta-50);
}

.bg-magenta-51 {
  background: var(--magenta-51);
}

.text-magenta-51 {
  color: var(--magenta-51);
}

.bg-magenta-52 {
  background: var(--magenta-52);
}

.text-magenta-52 {
  color: var(--magenta-52);
}

.bg-magenta-53 {
  background: var(--magenta-53);
}

.text-magenta-53 {
  color: var(--magenta-53);
}

.bg-magenta-54 {
  background: var(--magenta-54);
}

.text-magenta-54 {
  color: var(--magenta-54);
}

.bg-magenta-55 {
  background: var(--magenta-55);
}

.text-magenta-55 {
  color: var(--magenta-55);
}

.bg-magenta-56 {
  background: var(--magenta-56);
}

.text-magenta-56 {
  color: var(--magenta-56);
}

.bg-magenta-57 {
  background: var(--magenta-57);
}

.text-magenta-57 {
  color: var(--magenta-57);
}

.bg-magenta-58 {
  background: var(--magenta-58);
}

.text-magenta-58 {
  color: var(--magenta-58);
}

.bg-magenta-59 {
  background: var(--magenta-59);
}

.text-magenta-59 {
  color: var(--magenta-59);
}

.bg-magenta-60 {
  background: var(--magenta-60);
}

.text-magenta-60 {
  color: var(--magenta-60);
}

.bg-magenta-61 {
  background: var(--magenta-61);
}

.text-magenta-61 {
  color: var(--magenta-61);
}

.bg-magenta-62 {
  background: var(--magenta-62);
}

.text-magenta-62 {
  color: var(--magenta-62);
}

.bg-magenta-63 {
  background: var(--magenta-63);
}

.text-magenta-63 {
  color: var(--magenta-63);
}

.bg-magenta-64 {
  background: var(--magenta-64);
}

.text-magenta-64 {
  color: var(--magenta-64);
}

.bg-magenta-65 {
  background: var(--magenta-65);
}

.text-magenta-65 {
  color: var(--magenta-65);
}

.bg-magenta-66 {
  background: var(--magenta-66);
}

.text-magenta-66 {
  color: var(--magenta-66);
}

.bg-magenta-67 {
  background: var(--magenta-67);
}

.text-magenta-67 {
  color: var(--magenta-67);
}

.bg-magenta-68 {
  background: var(--magenta-68);
}

.text-magenta-68 {
  color: var(--magenta-68);
}

.bg-magenta-69 {
  background: var(--magenta-69);
}

.text-magenta-69 {
  color: var(--magenta-69);
}

.bg-magenta-70 {
  background: var(--magenta-70);
}

.text-magenta-70 {
  color: var(--magenta-70);
}

.bg-magenta-71 {
  background: var(--magenta-71);
}

.text-magenta-71 {
  color: var(--magenta-71);
}

.bg-magenta-72 {
  background: var(--magenta-72);
}

.text-magenta-72 {
  color: var(--magenta-72);
}

.bg-magenta-73 {
  background: var(--magenta-73);
}

.text-magenta-73 {
  color: var(--magenta-73);
}

.bg-magenta-74 {
  background: var(--magenta-74);
}

.text-magenta-74 {
  color: var(--magenta-74);
}

.bg-magenta-75 {
  background: var(--magenta-75);
}

.text-magenta-75 {
  color: var(--magenta-75);
}

.bg-magenta-76 {
  background: var(--magenta-76);
}

.text-magenta-76 {
  color: var(--magenta-76);
}

.bg-magenta-77 {
  background: var(--magenta-77);
}

.text-magenta-77 {
  color: var(--magenta-77);
}

.bg-magenta-78 {
  background: var(--magenta-78);
}

.text-magenta-78 {
  color: var(--magenta-78);
}

.bg-magenta-79 {
  background: var(--magenta-79);
}

.text-magenta-79 {
  color: var(--magenta-79);
}

.bg-magenta-80 {
  background: var(--magenta-80);
}

.text-magenta-80 {
  color: var(--magenta-80);
}

.bg-magenta-81 {
  background: var(--magenta-81);
}

.text-magenta-81 {
  color: var(--magenta-81);
}

.bg-magenta-82 {
  background: var(--magenta-82);
}

.text-magenta-82 {
  color: var(--magenta-82);
}

.bg-magenta-83 {
  background: var(--magenta-83);
}

.text-magenta-83 {
  color: var(--magenta-83);
}

.bg-magenta-84 {
  background: var(--magenta-84);
}

.text-magenta-84 {
  color: var(--magenta-84);
}

.bg-magenta-85 {
  background: var(--magenta-85);
}

.text-magenta-85 {
  color: var(--magenta-85);
}

.bg-magenta-86 {
  background: var(--magenta-86);
}

.text-magenta-86 {
  color: var(--magenta-86);
}

.bg-magenta-87 {
  background: var(--magenta-87);
}

.text-magenta-87 {
  color: var(--magenta-87);
}

.bg-magenta-88 {
  background: var(--magenta-88);
}

.text-magenta-88 {
  color: var(--magenta-88);
}

.bg-magenta-89 {
  background: var(--magenta-89);
}

.text-magenta-89 {
  color: var(--magenta-89);
}

.bg-magenta-90 {
  background: var(--magenta-90);
}

.text-magenta-90 {
  color: var(--magenta-90);
}

.bg-magenta-91 {
  background: var(--magenta-91);
}

.text-magenta-91 {
  color: var(--magenta-91);
}

.bg-magenta-92 {
  background: var(--magenta-92);
}

.text-magenta-92 {
  color: var(--magenta-92);
}

.bg-magenta-93 {
  background: var(--magenta-93);
}

.text-magenta-93 {
  color: var(--magenta-93);
}

.bg-magenta-94 {
  background: var(--magenta-94);
}

.text-magenta-94 {
  color: var(--magenta-94);
}

.bg-magenta-95 {
  background: var(--magenta-95);
}

.text-magenta-95 {
  color: var(--magenta-95);
}

.bg-magenta-96 {
  background: var(--magenta-96);
}

.text-magenta-96 {
  color: var(--magenta-96);
}

.bg-magenta-97 {
  background: var(--magenta-97);
}

.text-magenta-97 {
  color: var(--magenta-97);
}

.bg-magenta-98 {
  background: var(--magenta-98);
}

.text-magenta-98 {
  color: var(--magenta-98);
}

.bg-magenta-99 {
  background: var(--magenta-99);
}

.text-magenta-99 {
  color: var(--magenta-99);
}

.bg-magenta-100 {
  background: var(--magenta-100);
}

.text-magenta-100 {
  color: var(--magenta-100);
}

.bg-magenta-101 {
  background: var(--magenta-101);
}

.text-magenta-101 {
  color: var(--magenta-101);
}

.bg-magenta-102 {
  background: var(--magenta-102);
}

.text-magenta-102 {
  color: var(--magenta-102);
}

.bg-magenta-103 {
  background: var(--magenta-103);
}

.text-magenta-103 {
  color: var(--magenta-103);
}

.bg-magenta-104 {
  background: var(--magenta-104);
}

.text-magenta-104 {
  color: var(--magenta-104);
}

.bg-magenta-105 {
  background: var(--magenta-105);
}

.text-magenta-105 {
  color: var(--magenta-105);
}

.bg-magenta-106 {
  background: var(--magenta-106);
}

.text-magenta-106 {
  color: var(--magenta-106);
}

.bg-magenta-107 {
  background: var(--magenta-107);
}

.text-magenta-107 {
  color: var(--magenta-107);
}

.bg-magenta-108 {
  background: var(--magenta-108);
}

.text-magenta-108 {
  color: var(--magenta-108);
}

.bg-magenta-109 {
  background: var(--magenta-109);
}

.text-magenta-109 {
  color: var(--magenta-109);
}

.bg-magenta-110 {
  background: var(--magenta-110);
}

.text-magenta-110 {
  color: var(--magenta-110);
}

.bg-magenta-111 {
  background: var(--magenta-111);
}

.text-magenta-111 {
  color: var(--magenta-111);
}

.bg-magenta-112 {
  background: var(--magenta-112);
}

.text-magenta-112 {
  color: var(--magenta-112);
}

.bg-magenta-113 {
  background: var(--magenta-113);
}

.text-magenta-113 {
  color: var(--magenta-113);
}

.bg-magenta-114 {
  background: var(--magenta-114);
}

.text-magenta-114 {
  color: var(--magenta-114);
}

.bg-magenta-115 {
  background: var(--magenta-115);
}

.text-magenta-115 {
  color: var(--magenta-115);
}

.bg-magenta-116 {
  background: var(--magenta-116);
}

.text-magenta-116 {
  color: var(--magenta-116);
}

.bg-magenta-117 {
  background: var(--magenta-117);
}

.text-magenta-117 {
  color: var(--magenta-117);
}

.bg-magenta-118 {
  background: var(--magenta-118);
}

.text-magenta-118 {
  color: var(--magenta-118);
}

.bg-magenta-119 {
  background: var(--magenta-119);
}

.text-magenta-119 {
  color: var(--magenta-119);
}

.bg-magenta-120 {
  background: var(--magenta-120);
}

.text-magenta-120 {
  color: var(--magenta-120);
}

.bg-magenta-121 {
  background: var(--magenta-121);
}

.text-magenta-121 {
  color: var(--magenta-121);
}

.bg-magenta-122 {
  background: var(--magenta-122);
}

.text-magenta-122 {
  color: var(--magenta-122);
}

.bg-magenta-123 {
  background: var(--magenta-123);
}

.text-magenta-123 {
  color: var(--magenta-123);
}

.bg-magenta-124 {
  background: var(--magenta-124);
}

.text-magenta-124 {
  color: var(--magenta-124);
}

.bg-magenta-125 {
  background: var(--magenta-125);
}

.text-magenta-125 {
  color: var(--magenta-125);
}

.bg-magenta-126 {
  background: var(--magenta-126);
}

.text-magenta-126 {
  color: var(--magenta-126);
}

.bg-magenta-127 {
  background: var(--magenta-127);
}

.text-magenta-127 {
  color: var(--magenta-127);
}

.bg-magenta-128 {
  background: var(--magenta-128);
}

.text-magenta-128 {
  color: var(--magenta-128);
}

.bg-magenta-129 {
  background: var(--magenta-129);
}

.text-magenta-129 {
  color: var(--magenta-129);
}

.bg-magenta-130 {
  background: var(--magenta-130);
}

.text-magenta-130 {
  color: var(--magenta-130);
}

.bg-magenta-131 {
  background: var(--magenta-131);
}

.text-magenta-131 {
  color: var(--magenta-131);
}

.bg-magenta-132 {
  background: var(--magenta-132);
}

.text-magenta-132 {
  color: var(--magenta-132);
}

.bg-magenta-133 {
  background: var(--magenta-133);
}

.text-magenta-133 {
  color: var(--magenta-133);
}

.bg-magenta-134 {
  background: var(--magenta-134);
}

.text-magenta-134 {
  color: var(--magenta-134);
}

.bg-magenta-135 {
  background: var(--magenta-135);
}

.text-magenta-135 {
  color: var(--magenta-135);
}

.bg-magenta-136 {
  background: var(--magenta-136);
}

.text-magenta-136 {
  color: var(--magenta-136);
}

.bg-magenta-137 {
  background: var(--magenta-137);
}

.text-magenta-137 {
  color: var(--magenta-137);
}

.bg-magenta-138 {
  background: var(--magenta-138);
}

.text-magenta-138 {
  color: var(--magenta-138);
}

.bg-magenta-139 {
  background: var(--magenta-139);
}

.text-magenta-139 {
  color: var(--magenta-139);
}

.bg-magenta-140 {
  background: var(--magenta-140);
}

.text-magenta-140 {
  color: var(--magenta-140);
}

.bg-magenta-141 {
  background: var(--magenta-141);
}

.text-magenta-141 {
  color: var(--magenta-141);
}

.bg-magenta-142 {
  background: var(--magenta-142);
}

.text-magenta-142 {
  color: var(--magenta-142);
}

.bg-magenta-143 {
  background: var(--magenta-143);
}

.text-magenta-143 {
  color: var(--magenta-143);
}

.bg-magenta-144 {
  background: var(--magenta-144);
}

.text-magenta-144 {
  color: var(--magenta-144);
}

.bg-magenta-145 {
  background: var(--magenta-145);
}

.text-magenta-145 {
  color: var(--magenta-145);
}

.bg-magenta-146 {
  background: var(--magenta-146);
}

.text-magenta-146 {
  color: var(--magenta-146);
}

.bg-magenta-147 {
  background: var(--magenta-147);
}

.text-magenta-147 {
  color: var(--magenta-147);
}

.bg-magenta-148 {
  background: var(--magenta-148);
}

.text-magenta-148 {
  color: var(--magenta-148);
}

.bg-magenta-149 {
  background: var(--magenta-149);
}

.text-magenta-149 {
  color: var(--magenta-149);
}

.bg-magenta-150 {
  background: var(--magenta-150);
}

.text-magenta-150 {
  color: var(--magenta-150);
}

.bg-magenta-151 {
  background: var(--magenta-151);
}

.text-magenta-151 {
  color: var(--magenta-151);
}

.bg-magenta-152 {
  background: var(--magenta-152);
}

.text-magenta-152 {
  color: var(--magenta-152);
}

.bg-magenta-153 {
  background: var(--magenta-153);
}

.text-magenta-153 {
  color: var(--magenta-153);
}

.bg-magenta-154 {
  background: var(--magenta-154);
}

.text-magenta-154 {
  color: var(--magenta-154);
}

.bg-magenta-155 {
  background: var(--magenta-155);
}

.text-magenta-155 {
  color: var(--magenta-155);
}

.bg-magenta-156 {
  background: var(--magenta-156);
}

.text-magenta-156 {
  color: var(--magenta-156);
}

.bg-magenta-157 {
  background: var(--magenta-157);
}

.text-magenta-157 {
  color: var(--magenta-157);
}

.bg-magenta-158 {
  background: var(--magenta-158);
}

.text-magenta-158 {
  color: var(--magenta-158);
}

.bg-magenta-159 {
  background: var(--magenta-159);
}

.text-magenta-159 {
  color: var(--magenta-159);
}

.bg-magenta-160 {
  background: var(--magenta-160);
}

.text-magenta-160 {
  color: var(--magenta-160);
}

.bg-magenta-161 {
  background: var(--magenta-161);
}

.text-magenta-161 {
  color: var(--magenta-161);
}

.bg-magenta-162 {
  background: var(--magenta-162);
}

.text-magenta-162 {
  color: var(--magenta-162);
}

.bg-magenta-163 {
  background: var(--magenta-163);
}

.text-magenta-163 {
  color: var(--magenta-163);
}

.bg-magenta-164 {
  background: var(--magenta-164);
}

.text-magenta-164 {
  color: var(--magenta-164);
}

.bg-magenta-165 {
  background: var(--magenta-165);
}

.text-magenta-165 {
  color: var(--magenta-165);
}

.bg-magenta-166 {
  background: var(--magenta-166);
}

.text-magenta-166 {
  color: var(--magenta-166);
}

.bg-magenta-167 {
  background: var(--magenta-167);
}

.text-magenta-167 {
  color: var(--magenta-167);
}

.bg-magenta-168 {
  background: var(--magenta-168);
}

.text-magenta-168 {
  color: var(--magenta-168);
}

.bg-magenta-169 {
  background: var(--magenta-169);
}

.text-magenta-169 {
  color: var(--magenta-169);
}

.bg-magenta-170 {
  background: var(--magenta-170);
}

.text-magenta-170 {
  color: var(--magenta-170);
}

.bg-magenta-171 {
  background: var(--magenta-171);
}

.text-magenta-171 {
  color: var(--magenta-171);
}

.bg-magenta-172 {
  background: var(--magenta-172);
}

.text-magenta-172 {
  color: var(--magenta-172);
}

.bg-magenta-173 {
  background: var(--magenta-173);
}

.text-magenta-173 {
  color: var(--magenta-173);
}

.bg-magenta-174 {
  background: var(--magenta-174);
}

.text-magenta-174 {
  color: var(--magenta-174);
}

.bg-magenta-175 {
  background: var(--magenta-175);
}

.text-magenta-175 {
  color: var(--magenta-175);
}

.bg-magenta-176 {
  background: var(--magenta-176);
}

.text-magenta-176 {
  color: var(--magenta-176);
}

.bg-magenta-177 {
  background: var(--magenta-177);
}

.text-magenta-177 {
  color: var(--magenta-177);
}

.bg-magenta-178 {
  background: var(--magenta-178);
}

.text-magenta-178 {
  color: var(--magenta-178);
}

.bg-magenta-179 {
  background: var(--magenta-179);
}

.text-magenta-179 {
  color: var(--magenta-179);
}

.bg-magenta-180 {
  background: var(--magenta-180);
}

.text-magenta-180 {
  color: var(--magenta-180);
}

.bg-magenta-181 {
  background: var(--magenta-181);
}

.text-magenta-181 {
  color: var(--magenta-181);
}

.bg-magenta-182 {
  background: var(--magenta-182);
}

.text-magenta-182 {
  color: var(--magenta-182);
}

.bg-magenta-183 {
  background: var(--magenta-183);
}

.text-magenta-183 {
  color: var(--magenta-183);
}

.bg-magenta-184 {
  background: var(--magenta-184);
}

.text-magenta-184 {
  color: var(--magenta-184);
}

.bg-magenta-185 {
  background: var(--magenta-185);
}

.text-magenta-185 {
  color: var(--magenta-185);
}

.bg-magenta-186 {
  background: var(--magenta-186);
}

.text-magenta-186 {
  color: var(--magenta-186);
}

.bg-magenta-187 {
  background: var(--magenta-187);
}

.text-magenta-187 {
  color: var(--magenta-187);
}

.bg-magenta-188 {
  background: var(--magenta-188);
}

.text-magenta-188 {
  color: var(--magenta-188);
}

.bg-magenta-189 {
  background: var(--magenta-189);
}

.text-magenta-189 {
  color: var(--magenta-189);
}

.bg-magenta-190 {
  background: var(--magenta-190);
}

.text-magenta-190 {
  color: var(--magenta-190);
}

.bg-magenta-191 {
  background: var(--magenta-191);
}

.text-magenta-191 {
  color: var(--magenta-191);
}

.bg-magenta-192 {
  background: var(--magenta-192);
}

.text-magenta-192 {
  color: var(--magenta-192);
}

.bg-magenta-193 {
  background: var(--magenta-193);
}

.text-magenta-193 {
  color: var(--magenta-193);
}

.bg-magenta-194 {
  background: var(--magenta-194);
}

.text-magenta-194 {
  color: var(--magenta-194);
}

.bg-magenta-195 {
  background: var(--magenta-195);
}

.text-magenta-195 {
  color: var(--magenta-195);
}

.bg-magenta-196 {
  background: var(--magenta-196);
}

.text-magenta-196 {
  color: var(--magenta-196);
}

.bg-magenta-197 {
  background: var(--magenta-197);
}

.text-magenta-197 {
  color: var(--magenta-197);
}

.bg-magenta-198 {
  background: var(--magenta-198);
}

.text-magenta-198 {
  color: var(--magenta-198);
}

.bg-magenta-199 {
  background: var(--magenta-199);
}

.text-magenta-199 {
  color: var(--magenta-199);
}

.bg-magenta-200 {
  background: var(--magenta-200);
}

.text-magenta-200 {
  color: var(--magenta-200);
}

.bg-magenta-201 {
  background: var(--magenta-201);
}

.text-magenta-201 {
  color: var(--magenta-201);
}

.bg-magenta-202 {
  background: var(--magenta-202);
}

.text-magenta-202 {
  color: var(--magenta-202);
}

.bg-magenta-203 {
  background: var(--magenta-203);
}

.text-magenta-203 {
  color: var(--magenta-203);
}

.bg-magenta-204 {
  background: var(--magenta-204);
}

.text-magenta-204 {
  color: var(--magenta-204);
}

.bg-magenta-205 {
  background: var(--magenta-205);
}

.text-magenta-205 {
  color: var(--magenta-205);
}

.bg-magenta-206 {
  background: var(--magenta-206);
}

.text-magenta-206 {
  color: var(--magenta-206);
}

.bg-magenta-207 {
  background: var(--magenta-207);
}

.text-magenta-207 {
  color: var(--magenta-207);
}

.bg-magenta-208 {
  background: var(--magenta-208);
}

.text-magenta-208 {
  color: var(--magenta-208);
}

.bg-magenta-209 {
  background: var(--magenta-209);
}

.text-magenta-209 {
  color: var(--magenta-209);
}

.bg-magenta-210 {
  background: var(--magenta-210);
}

.text-magenta-210 {
  color: var(--magenta-210);
}

.bg-magenta-211 {
  background: var(--magenta-211);
}

.text-magenta-211 {
  color: var(--magenta-211);
}

.bg-magenta-212 {
  background: var(--magenta-212);
}

.text-magenta-212 {
  color: var(--magenta-212);
}

.bg-magenta-213 {
  background: var(--magenta-213);
}

.text-magenta-213 {
  color: var(--magenta-213);
}

.bg-magenta-214 {
  background: var(--magenta-214);
}

.text-magenta-214 {
  color: var(--magenta-214);
}

.bg-magenta-215 {
  background: var(--magenta-215);
}

.text-magenta-215 {
  color: var(--magenta-215);
}

.bg-magenta-216 {
  background: var(--magenta-216);
}

.text-magenta-216 {
  color: var(--magenta-216);
}

.bg-magenta-217 {
  background: var(--magenta-217);
}

.text-magenta-217 {
  color: var(--magenta-217);
}

.bg-magenta-218 {
  background: var(--magenta-218);
}

.text-magenta-218 {
  color: var(--magenta-218);
}

.bg-magenta-219 {
  background: var(--magenta-219);
}

.text-magenta-219 {
  color: var(--magenta-219);
}

.bg-magenta-220 {
  background: var(--magenta-220);
}

.text-magenta-220 {
  color: var(--magenta-220);
}

.bg-magenta-221 {
  background: var(--magenta-221);
}

.text-magenta-221 {
  color: var(--magenta-221);
}

.bg-magenta-222 {
  background: var(--magenta-222);
}

.text-magenta-222 {
  color: var(--magenta-222);
}

.bg-magenta-223 {
  background: var(--magenta-223);
}

.text-magenta-223 {
  color: var(--magenta-223);
}

.bg-magenta-224 {
  background: var(--magenta-224);
}

.text-magenta-224 {
  color: var(--magenta-224);
}

.bg-magenta-225 {
  background: var(--magenta-225);
}

.text-magenta-225 {
  color: var(--magenta-225);
}

.bg-magenta-226 {
  background: var(--magenta-226);
}

.text-magenta-226 {
  color: var(--magenta-226);
}

.bg-magenta-227 {
  background: var(--magenta-227);
}

.text-magenta-227 {
  color: var(--magenta-227);
}

.bg-magenta-228 {
  background: var(--magenta-228);
}

.text-magenta-228 {
  color: var(--magenta-228);
}

.bg-magenta-229 {
  background: var(--magenta-229);
}

.text-magenta-229 {
  color: var(--magenta-229);
}

.bg-magenta-230 {
  background: var(--magenta-230);
}

.text-magenta-230 {
  color: var(--magenta-230);
}

.bg-magenta-231 {
  background: var(--magenta-231);
}

.text-magenta-231 {
  color: var(--magenta-231);
}

.bg-magenta-232 {
  background: var(--magenta-232);
}

.text-magenta-232 {
  color: var(--magenta-232);
}

.bg-magenta-233 {
  background: var(--magenta-233);
}

.text-magenta-233 {
  color: var(--magenta-233);
}

.bg-magenta-234 {
  background: var(--magenta-234);
}

.text-magenta-234 {
  color: var(--magenta-234);
}

.bg-magenta-235 {
  background: var(--magenta-235);
}

.text-magenta-235 {
  color: var(--magenta-235);
}

.bg-magenta-236 {
  background: var(--magenta-236);
}

.text-magenta-236 {
  color: var(--magenta-236);
}

.bg-magenta-237 {
  background: var(--magenta-237);
}

.text-magenta-237 {
  color: var(--magenta-237);
}

.bg-magenta-238 {
  background: var(--magenta-238);
}

.text-magenta-238 {
  color: var(--magenta-238);
}

.bg-magenta-239 {
  background: var(--magenta-239);
}

.text-magenta-239 {
  color: var(--magenta-239);
}

.bg-magenta-240 {
  background: var(--magenta-240);
}

.text-magenta-240 {
  color: var(--magenta-240);
}

.bg-magenta-241 {
  background: var(--magenta-241);
}

.text-magenta-241 {
  color: var(--magenta-241);
}

.bg-magenta-242 {
  background: var(--magenta-242);
}

.text-magenta-242 {
  color: var(--magenta-242);
}

.bg-magenta-243 {
  background: var(--magenta-243);
}

.text-magenta-243 {
  color: var(--magenta-243);
}

.bg-magenta-244 {
  background: var(--magenta-244);
}

.text-magenta-244 {
  color: var(--magenta-244);
}

.bg-magenta-245 {
  background: var(--magenta-245);
}

.text-magenta-245 {
  color: var(--magenta-245);
}

.bg-magenta-246 {
  background: var(--magenta-246);
}

.text-magenta-246 {
  color: var(--magenta-246);
}

.bg-magenta-247 {
  background: var(--magenta-247);
}

.text-magenta-247 {
  color: var(--magenta-247);
}

.bg-magenta-248 {
  background: var(--magenta-248);
}

.text-magenta-248 {
  color: var(--magenta-248);
}

.bg-magenta-249 {
  background: var(--magenta-249);
}

.text-magenta-249 {
  color: var(--magenta-249);
}

.bg-magenta-250 {
  background: var(--magenta-250);
}

.text-magenta-250 {
  color: var(--magenta-250);
}

.bg-magenta-251 {
  background: var(--magenta-251);
}

.text-magenta-251 {
  color: var(--magenta-251);
}

.bg-magenta-252 {
  background: var(--magenta-252);
}

.text-magenta-252 {
  color: var(--magenta-252);
}

.bg-magenta-253 {
  background: var(--magenta-253);
}

.text-magenta-253 {
  color: var(--magenta-253);
}

.bg-magenta-254 {
  background: var(--magenta-254);
}

.text-magenta-254 {
  color: var(--magenta-254);
}

.bg-magenta-255 {
  background: var(--magenta-255);
}

.text-magenta-255 {
  color: var(--magenta-255);
}

.bg-magenta-256 {
  background: var(--magenta-256);
}

.text-magenta-256 {
  color: var(--magenta-256);
}

.bg-magenta-257 {
  background: var(--magenta-257);
}

.text-magenta-257 {
  color: var(--magenta-257);
}

.bg-magenta-258 {
  background: var(--magenta-258);
}

.text-magenta-258 {
  color: var(--magenta-258);
}

.bg-magenta-259 {
  background: var(--magenta-259);
}

.text-magenta-259 {
  color: var(--magenta-259);
}

.bg-magenta-260 {
  background: var(--magenta-260);
}

.text-magenta-260 {
  color: var(--magenta-260);
}

.bg-magenta-261 {
  background: var(--magenta-261);
}

.text-magenta-261 {
  color: var(--magenta-261);
}

.bg-magenta-262 {
  background: var(--magenta-262);
}

.text-magenta-262 {
  color: var(--magenta-262);
}

.bg-magenta-263 {
  background: var(--magenta-263);
}

.text-magenta-263 {
  color: var(--magenta-263);
}

.bg-magenta-264 {
  background: var(--magenta-264);
}

.text-magenta-264 {
  color: var(--magenta-264);
}

.bg-magenta-265 {
  background: var(--magenta-265);
}

.text-magenta-265 {
  color: var(--magenta-265);
}

.bg-magenta-266 {
  background: var(--magenta-266);
}

.text-magenta-266 {
  color: var(--magenta-266);
}

.bg-magenta-267 {
  background: var(--magenta-267);
}

.text-magenta-267 {
  color: var(--magenta-267);
}

.bg-magenta-268 {
  background: var(--magenta-268);
}

.text-magenta-268 {
  color: var(--magenta-268);
}

.bg-magenta-269 {
  background: var(--magenta-269);
}

.text-magenta-269 {
  color: var(--magenta-269);
}

.bg-magenta-270 {
  background: var(--magenta-270);
}

.text-magenta-270 {
  color: var(--magenta-270);
}

.bg-magenta-271 {
  background: var(--magenta-271);
}

.text-magenta-271 {
  color: var(--magenta-271);
}

.bg-magenta-272 {
  background: var(--magenta-272);
}

.text-magenta-272 {
  color: var(--magenta-272);
}

.bg-magenta-273 {
  background: var(--magenta-273);
}

.text-magenta-273 {
  color: var(--magenta-273);
}

.bg-magenta-274 {
  background: var(--magenta-274);
}

.text-magenta-274 {
  color: var(--magenta-274);
}

.bg-magenta-275 {
  background: var(--magenta-275);
}

.text-magenta-275 {
  color: var(--magenta-275);
}

.bg-magenta-276 {
  background: var(--magenta-276);
}

.text-magenta-276 {
  color: var(--magenta-276);
}

.bg-magenta-277 {
  background: var(--magenta-277);
}

.text-magenta-277 {
  color: var(--magenta-277);
}

.bg-magenta-278 {
  background: var(--magenta-278);
}

.text-magenta-278 {
  color: var(--magenta-278);
}

.bg-magenta-279 {
  background: var(--magenta-279);
}

.text-magenta-279 {
  color: var(--magenta-279);
}

.bg-magenta-280 {
  background: var(--magenta-280);
}

.text-magenta-280 {
  color: var(--magenta-280);
}

.bg-magenta-281 {
  background: var(--magenta-281);
}

.text-magenta-281 {
  color: var(--magenta-281);
}

.bg-magenta-282 {
  background: var(--magenta-282);
}

.text-magenta-282 {
  color: var(--magenta-282);
}

.bg-magenta-283 {
  background: var(--magenta-283);
}

.text-magenta-283 {
  color: var(--magenta-283);
}

.bg-magenta-284 {
  background: var(--magenta-284);
}

.text-magenta-284 {
  color: var(--magenta-284);
}

.bg-magenta-285 {
  background: var(--magenta-285);
}

.text-magenta-285 {
  color: var(--magenta-285);
}

.bg-magenta-286 {
  background: var(--magenta-286);
}

.text-magenta-286 {
  color: var(--magenta-286);
}

.bg-magenta-287 {
  background: var(--magenta-287);
}

.text-magenta-287 {
  color: var(--magenta-287);
}

.bg-magenta-288 {
  background: var(--magenta-288);
}

.text-magenta-288 {
  color: var(--magenta-288);
}

.bg-magenta-289 {
  background: var(--magenta-289);
}

.text-magenta-289 {
  color: var(--magenta-289);
}

.bg-magenta-290 {
  background: var(--magenta-290);
}

.text-magenta-290 {
  color: var(--magenta-290);
}

.bg-magenta-291 {
  background: var(--magenta-291);
}

.text-magenta-291 {
  color: var(--magenta-291);
}

.bg-magenta-292 {
  background: var(--magenta-292);
}

.text-magenta-292 {
  color: var(--magenta-292);
}

.bg-magenta-293 {
  background: var(--magenta-293);
}

.text-magenta-293 {
  color: var(--magenta-293);
}

.bg-magenta-294 {
  background: var(--magenta-294);
}

.text-magenta-294 {
  color: var(--magenta-294);
}

.bg-magenta-295 {
  background: var(--magenta-295);
}

.text-magenta-295 {
  color: var(--magenta-295);
}

.bg-magenta-296 {
  background: var(--magenta-296);
}

.text-magenta-296 {
  color: var(--magenta-296);
}

.bg-magenta-297 {
  background: var(--magenta-297);
}

.text-magenta-297 {
  color: var(--magenta-297);
}

.bg-magenta-298 {
  background: var(--magenta-298);
}

.text-magenta-298 {
  color: var(--magenta-298);
}

.bg-magenta-299 {
  background: var(--magenta-299);
}

.text-magenta-299 {
  color: var(--magenta-299);
}

.bg-magenta-300 {
  background: var(--magenta-300);
}

.text-magenta-300 {
  color: var(--magenta-300);
}

.bg-magenta-301 {
  background: var(--magenta-301);
}

.text-magenta-301 {
  color: var(--magenta-301);
}

.bg-magenta-302 {
  background: var(--magenta-302);
}

.text-magenta-302 {
  color: var(--magenta-302);
}

.bg-magenta-303 {
  background: var(--magenta-303);
}

.text-magenta-303 {
  color: var(--magenta-303);
}

.bg-magenta-304 {
  background: var(--magenta-304);
}

.text-magenta-304 {
  color: var(--magenta-304);
}

.bg-magenta-305 {
  background: var(--magenta-305);
}

.text-magenta-305 {
  color: var(--magenta-305);
}

.bg-magenta-306 {
  background: var(--magenta-306);
}

.text-magenta-306 {
  color: var(--magenta-306);
}

.bg-magenta-307 {
  background: var(--magenta-307);
}

.text-magenta-307 {
  color: var(--magenta-307);
}

.bg-magenta-308 {
  background: var(--magenta-308);
}

.text-magenta-308 {
  color: var(--magenta-308);
}

.bg-magenta-309 {
  background: var(--magenta-309);
}

.text-magenta-309 {
  color: var(--magenta-309);
}

.bg-magenta-310 {
  background: var(--magenta-310);
}

.text-magenta-310 {
  color: var(--magenta-310);
}

.bg-magenta-311 {
  background: var(--magenta-311);
}

.text-magenta-311 {
  color: var(--magenta-311);
}

.bg-magenta-312 {
  background: var(--magenta-312);
}

.text-magenta-312 {
  color: var(--magenta-312);
}

.bg-magenta-313 {
  background: var(--magenta-313);
}

.text-magenta-313 {
  color: var(--magenta-313);
}

.bg-magenta-314 {
  background: var(--magenta-314);
}

.text-magenta-314 {
  color: var(--magenta-314);
}

.bg-magenta-315 {
  background: var(--magenta-315);
}

.text-magenta-315 {
  color: var(--magenta-315);
}

.bg-magenta-316 {
  background: var(--magenta-316);
}

.text-magenta-316 {
  color: var(--magenta-316);
}

.bg-magenta-317 {
  background: var(--magenta-317);
}

.text-magenta-317 {
  color: var(--magenta-317);
}

.bg-magenta-318 {
  background: var(--magenta-318);
}

.text-magenta-318 {
  color: var(--magenta-318);
}

.bg-magenta-319 {
  background: var(--magenta-319);
}

.text-magenta-319 {
  color: var(--magenta-319);
}

.bg-magenta-320 {
  background: var(--magenta-320);
}

.text-magenta-320 {
  color: var(--magenta-320);
}

.bg-magenta-321 {
  background: var(--magenta-321);
}

.text-magenta-321 {
  color: var(--magenta-321);
}

.bg-magenta-322 {
  background: var(--magenta-322);
}

.text-magenta-322 {
  color: var(--magenta-322);
}

.bg-magenta-323 {
  background: var(--magenta-323);
}

.text-magenta-323 {
  color: var(--magenta-323);
}

.bg-magenta-324 {
  background: var(--magenta-324);
}

.text-magenta-324 {
  color: var(--magenta-324);
}

.bg-magenta-325 {
  background: var(--magenta-325);
}

.text-magenta-325 {
  color: var(--magenta-325);
}

.bg-magenta-326 {
  background: var(--magenta-326);
}

.text-magenta-326 {
  color: var(--magenta-326);
}

.bg-pink {
  background: var(--pink-3);
}

.text-pink {
  color: var(--pink-1);
}

.bg-pink-1 {
  background: var(--pink-1);
}

.text-pink-1 {
  color: var(--pink-1);
}

.bg-pink-2 {
  background: var(--pink-2);
}

.text-pink-2 {
  color: var(--pink-2);
}

.bg-pink-3 {
  background: var(--pink-3);
}

.text-pink-3 {
  color: var(--pink-3);
}

.bg-pink-4 {
  background: var(--pink-4);
}

.text-pink-4 {
  color: var(--pink-4);
}

.bg-pink-5 {
  background: var(--pink-5);
}

.text-pink-5 {
  color: var(--pink-5);
}

.bg-pink-6 {
  background: var(--pink-6);
}

.text-pink-6 {
  color: var(--pink-6);
}

.bg-pink-7 {
  background: var(--pink-7);
}

.text-pink-7 {
  color: var(--pink-7);
}

.bg-pink-8 {
  background: var(--pink-8);
}

.text-pink-8 {
  color: var(--pink-8);
}

.bg-pink-9 {
  background: var(--pink-9);
}

.text-pink-9 {
  color: var(--pink-9);
}

.bg-pink-10 {
  background: var(--pink-10);
}

.text-pink-10 {
  color: var(--pink-10);
}

.bg-pink-11 {
  background: var(--pink-11);
}

.text-pink-11 {
  color: var(--pink-11);
}

.bg-pink-12 {
  background: var(--pink-12);
}

.text-pink-12 {
  color: var(--pink-12);
}

.bg-pink-13 {
  background: var(--pink-13);
}

.text-pink-13 {
  color: var(--pink-13);
}

.bg-pink-14 {
  background: var(--pink-14);
}

.text-pink-14 {
  color: var(--pink-14);
}

.bg-pink-15 {
  background: var(--pink-15);
}

.text-pink-15 {
  color: var(--pink-15);
}

.bg-pink-16 {
  background: var(--pink-16);
}

.text-pink-16 {
  color: var(--pink-16);
}

.bg-pink-17 {
  background: var(--pink-17);
}

.text-pink-17 {
  color: var(--pink-17);
}

.bg-pink-18 {
  background: var(--pink-18);
}

.text-pink-18 {
  color: var(--pink-18);
}

.bg-pink-19 {
  background: var(--pink-19);
}

.text-pink-19 {
  color: var(--pink-19);
}

.bg-pink-20 {
  background: var(--pink-20);
}

.text-pink-20 {
  color: var(--pink-20);
}

.bg-pink-21 {
  background: var(--pink-21);
}

.text-pink-21 {
  color: var(--pink-21);
}

.bg-pink-22 {
  background: var(--pink-22);
}

.text-pink-22 {
  color: var(--pink-22);
}

.bg-pink-23 {
  background: var(--pink-23);
}

.text-pink-23 {
  color: var(--pink-23);
}

.bg-pink-24 {
  background: var(--pink-24);
}

.text-pink-24 {
  color: var(--pink-24);
}

.bg-pink-25 {
  background: var(--pink-25);
}

.text-pink-25 {
  color: var(--pink-25);
}

.bg-pink-26 {
  background: var(--pink-26);
}

.text-pink-26 {
  color: var(--pink-26);
}

.bg-pink-27 {
  background: var(--pink-27);
}

.text-pink-27 {
  color: var(--pink-27);
}

.bg-pink-28 {
  background: var(--pink-28);
}

.text-pink-28 {
  color: var(--pink-28);
}

.bg-pink-29 {
  background: var(--pink-29);
}

.text-pink-29 {
  color: var(--pink-29);
}

.bg-pink-30 {
  background: var(--pink-30);
}

.text-pink-30 {
  color: var(--pink-30);
}

.bg-pink-31 {
  background: var(--pink-31);
}

.text-pink-31 {
  color: var(--pink-31);
}

.bg-pink-32 {
  background: var(--pink-32);
}

.text-pink-32 {
  color: var(--pink-32);
}

.bg-pink-33 {
  background: var(--pink-33);
}

.text-pink-33 {
  color: var(--pink-33);
}

.bg-pink-34 {
  background: var(--pink-34);
}

.text-pink-34 {
  color: var(--pink-34);
}

.bg-pink-35 {
  background: var(--pink-35);
}

.text-pink-35 {
  color: var(--pink-35);
}

.bg-pink-36 {
  background: var(--pink-36);
}

.text-pink-36 {
  color: var(--pink-36);
}

.bg-pink-37 {
  background: var(--pink-37);
}

.text-pink-37 {
  color: var(--pink-37);
}

.bg-pink-38 {
  background: var(--pink-38);
}

.text-pink-38 {
  color: var(--pink-38);
}

.bg-pink-39 {
  background: var(--pink-39);
}

.text-pink-39 {
  color: var(--pink-39);
}

.bg-pink-40 {
  background: var(--pink-40);
}

.text-pink-40 {
  color: var(--pink-40);
}

.bg-pink-41 {
  background: var(--pink-41);
}

.text-pink-41 {
  color: var(--pink-41);
}

.bg-pink-42 {
  background: var(--pink-42);
}

.text-pink-42 {
  color: var(--pink-42);
}

.bg-pink-43 {
  background: var(--pink-43);
}

.text-pink-43 {
  color: var(--pink-43);
}

.bg-pink-44 {
  background: var(--pink-44);
}

.text-pink-44 {
  color: var(--pink-44);
}

.bg-pink-45 {
  background: var(--pink-45);
}

.text-pink-45 {
  color: var(--pink-45);
}

.bg-pink-46 {
  background: var(--pink-46);
}

.text-pink-46 {
  color: var(--pink-46);
}

.bg-pink-47 {
  background: var(--pink-47);
}

.text-pink-47 {
  color: var(--pink-47);
}

.bg-pink-48 {
  background: var(--pink-48);
}

.text-pink-48 {
  color: var(--pink-48);
}

.bg-pink-49 {
  background: var(--pink-49);
}

.text-pink-49 {
  color: var(--pink-49);
}

.bg-pink-50 {
  background: var(--pink-50);
}

.text-pink-50 {
  color: var(--pink-50);
}

.bg-pink-51 {
  background: var(--pink-51);
}

.text-pink-51 {
  color: var(--pink-51);
}

.bg-pink-52 {
  background: var(--pink-52);
}

.text-pink-52 {
  color: var(--pink-52);
}

.bg-pink-53 {
  background: var(--pink-53);
}

.text-pink-53 {
  color: var(--pink-53);
}

.bg-pink-54 {
  background: var(--pink-54);
}

.text-pink-54 {
  color: var(--pink-54);
}

.bg-pink-55 {
  background: var(--pink-55);
}

.text-pink-55 {
  color: var(--pink-55);
}

.bg-pink-56 {
  background: var(--pink-56);
}

.text-pink-56 {
  color: var(--pink-56);
}

.bg-pink-57 {
  background: var(--pink-57);
}

.text-pink-57 {
  color: var(--pink-57);
}

.bg-pink-58 {
  background: var(--pink-58);
}

.text-pink-58 {
  color: var(--pink-58);
}

.bg-pink-59 {
  background: var(--pink-59);
}

.text-pink-59 {
  color: var(--pink-59);
}

.bg-pink-60 {
  background: var(--pink-60);
}

.text-pink-60 {
  color: var(--pink-60);
}

.bg-pink-61 {
  background: var(--pink-61);
}

.text-pink-61 {
  color: var(--pink-61);
}

.bg-pink-62 {
  background: var(--pink-62);
}

.text-pink-62 {
  color: var(--pink-62);
}

.bg-pink-63 {
  background: var(--pink-63);
}

.text-pink-63 {
  color: var(--pink-63);
}

.bg-pink-64 {
  background: var(--pink-64);
}

.text-pink-64 {
  color: var(--pink-64);
}

.bg-pink-65 {
  background: var(--pink-65);
}

.text-pink-65 {
  color: var(--pink-65);
}

.bg-pink-66 {
  background: var(--pink-66);
}

.text-pink-66 {
  color: var(--pink-66);
}

.bg-pink-67 {
  background: var(--pink-67);
}

.text-pink-67 {
  color: var(--pink-67);
}

.bg-pink-68 {
  background: var(--pink-68);
}

.text-pink-68 {
  color: var(--pink-68);
}

.bg-pink-69 {
  background: var(--pink-69);
}

.text-pink-69 {
  color: var(--pink-69);
}

.bg-pink-70 {
  background: var(--pink-70);
}

.text-pink-70 {
  color: var(--pink-70);
}

.bg-pink-71 {
  background: var(--pink-71);
}

.text-pink-71 {
  color: var(--pink-71);
}

.bg-pink-72 {
  background: var(--pink-72);
}

.text-pink-72 {
  color: var(--pink-72);
}

.bg-pink-73 {
  background: var(--pink-73);
}

.text-pink-73 {
  color: var(--pink-73);
}

.bg-pink-74 {
  background: var(--pink-74);
}

.text-pink-74 {
  color: var(--pink-74);
}

.bg-pink-75 {
  background: var(--pink-75);
}

.text-pink-75 {
  color: var(--pink-75);
}

.bg-pink-76 {
  background: var(--pink-76);
}

.text-pink-76 {
  color: var(--pink-76);
}

.bg-pink-77 {
  background: var(--pink-77);
}

.text-pink-77 {
  color: var(--pink-77);
}

.bg-pink-78 {
  background: var(--pink-78);
}

.text-pink-78 {
  color: var(--pink-78);
}

.bg-pink-79 {
  background: var(--pink-79);
}

.text-pink-79 {
  color: var(--pink-79);
}

.bg-pink-80 {
  background: var(--pink-80);
}

.text-pink-80 {
  color: var(--pink-80);
}

.bg-pink-81 {
  background: var(--pink-81);
}

.text-pink-81 {
  color: var(--pink-81);
}

.bg-pink-82 {
  background: var(--pink-82);
}

.text-pink-82 {
  color: var(--pink-82);
}

.bg-pink-83 {
  background: var(--pink-83);
}

.text-pink-83 {
  color: var(--pink-83);
}

.bg-pink-84 {
  background: var(--pink-84);
}

.text-pink-84 {
  color: var(--pink-84);
}

.bg-pink-85 {
  background: var(--pink-85);
}

.text-pink-85 {
  color: var(--pink-85);
}

.bg-pink-86 {
  background: var(--pink-86);
}

.text-pink-86 {
  color: var(--pink-86);
}

.bg-pink-87 {
  background: var(--pink-87);
}

.text-pink-87 {
  color: var(--pink-87);
}

.bg-pink-88 {
  background: var(--pink-88);
}

.text-pink-88 {
  color: var(--pink-88);
}

.bg-pink-89 {
  background: var(--pink-89);
}

.text-pink-89 {
  color: var(--pink-89);
}

.bg-pink-90 {
  background: var(--pink-90);
}

.text-pink-90 {
  color: var(--pink-90);
}

.bg-pink-91 {
  background: var(--pink-91);
}

.text-pink-91 {
  color: var(--pink-91);
}

.bg-pink-92 {
  background: var(--pink-92);
}

.text-pink-92 {
  color: var(--pink-92);
}

.bg-pink-93 {
  background: var(--pink-93);
}

.text-pink-93 {
  color: var(--pink-93);
}

.bg-pink-94 {
  background: var(--pink-94);
}

.text-pink-94 {
  color: var(--pink-94);
}

.bg-pink-95 {
  background: var(--pink-95);
}

.text-pink-95 {
  color: var(--pink-95);
}

.bg-pink-96 {
  background: var(--pink-96);
}

.text-pink-96 {
  color: var(--pink-96);
}

.bg-pink-97 {
  background: var(--pink-97);
}

.text-pink-97 {
  color: var(--pink-97);
}

.bg-pink-98 {
  background: var(--pink-98);
}

.text-pink-98 {
  color: var(--pink-98);
}

.bg-pink-99 {
  background: var(--pink-99);
}

.text-pink-99 {
  color: var(--pink-99);
}

.bg-pink-100 {
  background: var(--pink-100);
}

.text-pink-100 {
  color: var(--pink-100);
}

.bg-pink-101 {
  background: var(--pink-101);
}

.text-pink-101 {
  color: var(--pink-101);
}

.bg-pink-102 {
  background: var(--pink-102);
}

.text-pink-102 {
  color: var(--pink-102);
}

.bg-pink-103 {
  background: var(--pink-103);
}

.text-pink-103 {
  color: var(--pink-103);
}

.bg-pink-104 {
  background: var(--pink-104);
}

.text-pink-104 {
  color: var(--pink-104);
}

.bg-pink-105 {
  background: var(--pink-105);
}

.text-pink-105 {
  color: var(--pink-105);
}

.bg-pink-106 {
  background: var(--pink-106);
}

.text-pink-106 {
  color: var(--pink-106);
}

.bg-pink-107 {
  background: var(--pink-107);
}

.text-pink-107 {
  color: var(--pink-107);
}

.bg-pink-108 {
  background: var(--pink-108);
}

.text-pink-108 {
  color: var(--pink-108);
}

.bg-pink-109 {
  background: var(--pink-109);
}

.text-pink-109 {
  color: var(--pink-109);
}

.bg-pink-110 {
  background: var(--pink-110);
}

.text-pink-110 {
  color: var(--pink-110);
}

.bg-pink-111 {
  background: var(--pink-111);
}

.text-pink-111 {
  color: var(--pink-111);
}

.bg-pink-112 {
  background: var(--pink-112);
}

.text-pink-112 {
  color: var(--pink-112);
}

.bg-pink-113 {
  background: var(--pink-113);
}

.text-pink-113 {
  color: var(--pink-113);
}

.bg-pink-114 {
  background: var(--pink-114);
}

.text-pink-114 {
  color: var(--pink-114);
}

.bg-pink-115 {
  background: var(--pink-115);
}

.text-pink-115 {
  color: var(--pink-115);
}

.bg-pink-116 {
  background: var(--pink-116);
}

.text-pink-116 {
  color: var(--pink-116);
}

.bg-pink-117 {
  background: var(--pink-117);
}

.text-pink-117 {
  color: var(--pink-117);
}

.bg-pink-118 {
  background: var(--pink-118);
}

.text-pink-118 {
  color: var(--pink-118);
}

.bg-pink-119 {
  background: var(--pink-119);
}

.text-pink-119 {
  color: var(--pink-119);
}

.bg-pink-120 {
  background: var(--pink-120);
}

.text-pink-120 {
  color: var(--pink-120);
}

.bg-pink-121 {
  background: var(--pink-121);
}

.text-pink-121 {
  color: var(--pink-121);
}

.bg-pink-122 {
  background: var(--pink-122);
}

.text-pink-122 {
  color: var(--pink-122);
}

.bg-pink-123 {
  background: var(--pink-123);
}

.text-pink-123 {
  color: var(--pink-123);
}

.bg-pink-124 {
  background: var(--pink-124);
}

.text-pink-124 {
  color: var(--pink-124);
}

.bg-pink-125 {
  background: var(--pink-125);
}

.text-pink-125 {
  color: var(--pink-125);
}

.bg-pink-126 {
  background: var(--pink-126);
}

.text-pink-126 {
  color: var(--pink-126);
}

.bg-pink-127 {
  background: var(--pink-127);
}

.text-pink-127 {
  color: var(--pink-127);
}

.bg-pink-128 {
  background: var(--pink-128);
}

.text-pink-128 {
  color: var(--pink-128);
}

.bg-pink-129 {
  background: var(--pink-129);
}

.text-pink-129 {
  color: var(--pink-129);
}

.bg-pink-130 {
  background: var(--pink-130);
}

.text-pink-130 {
  color: var(--pink-130);
}

.bg-pink-131 {
  background: var(--pink-131);
}

.text-pink-131 {
  color: var(--pink-131);
}

.bg-pink-132 {
  background: var(--pink-132);
}

.text-pink-132 {
  color: var(--pink-132);
}

.bg-pink-133 {
  background: var(--pink-133);
}

.text-pink-133 {
  color: var(--pink-133);
}

.bg-pink-134 {
  background: var(--pink-134);
}

.text-pink-134 {
  color: var(--pink-134);
}

.bg-pink-135 {
  background: var(--pink-135);
}

.text-pink-135 {
  color: var(--pink-135);
}

.bg-pink-136 {
  background: var(--pink-136);
}

.text-pink-136 {
  color: var(--pink-136);
}

.bg-pink-137 {
  background: var(--pink-137);
}

.text-pink-137 {
  color: var(--pink-137);
}

.bg-pink-138 {
  background: var(--pink-138);
}

.text-pink-138 {
  color: var(--pink-138);
}

.bg-pink-139 {
  background: var(--pink-139);
}

.text-pink-139 {
  color: var(--pink-139);
}

.bg-pink-140 {
  background: var(--pink-140);
}

.text-pink-140 {
  color: var(--pink-140);
}

.bg-pink-141 {
  background: var(--pink-141);
}

.text-pink-141 {
  color: var(--pink-141);
}

.bg-pink-142 {
  background: var(--pink-142);
}

.text-pink-142 {
  color: var(--pink-142);
}

.bg-pink-143 {
  background: var(--pink-143);
}

.text-pink-143 {
  color: var(--pink-143);
}

.bg-pink-144 {
  background: var(--pink-144);
}

.text-pink-144 {
  color: var(--pink-144);
}

.bg-pink-145 {
  background: var(--pink-145);
}

.text-pink-145 {
  color: var(--pink-145);
}

.bg-pink-146 {
  background: var(--pink-146);
}

.text-pink-146 {
  color: var(--pink-146);
}

.bg-pink-147 {
  background: var(--pink-147);
}

.text-pink-147 {
  color: var(--pink-147);
}

.bg-pink-148 {
  background: var(--pink-148);
}

.text-pink-148 {
  color: var(--pink-148);
}

.bg-pink-149 {
  background: var(--pink-149);
}

.text-pink-149 {
  color: var(--pink-149);
}

.bg-pink-150 {
  background: var(--pink-150);
}

.text-pink-150 {
  color: var(--pink-150);
}

.bg-pink-151 {
  background: var(--pink-151);
}

.text-pink-151 {
  color: var(--pink-151);
}

.bg-pink-152 {
  background: var(--pink-152);
}

.text-pink-152 {
  color: var(--pink-152);
}

.bg-pink-153 {
  background: var(--pink-153);
}

.text-pink-153 {
  color: var(--pink-153);
}

.bg-pink-154 {
  background: var(--pink-154);
}

.text-pink-154 {
  color: var(--pink-154);
}

.bg-pink-155 {
  background: var(--pink-155);
}

.text-pink-155 {
  color: var(--pink-155);
}

.bg-pink-156 {
  background: var(--pink-156);
}

.text-pink-156 {
  color: var(--pink-156);
}

.bg-pink-157 {
  background: var(--pink-157);
}

.text-pink-157 {
  color: var(--pink-157);
}

.bg-pink-158 {
  background: var(--pink-158);
}

.text-pink-158 {
  color: var(--pink-158);
}

.bg-pink-159 {
  background: var(--pink-159);
}

.text-pink-159 {
  color: var(--pink-159);
}

.bg-pink-160 {
  background: var(--pink-160);
}

.text-pink-160 {
  color: var(--pink-160);
}

.bg-pink-161 {
  background: var(--pink-161);
}

.text-pink-161 {
  color: var(--pink-161);
}

.bg-pink-162 {
  background: var(--pink-162);
}

.text-pink-162 {
  color: var(--pink-162);
}

.bg-pink-163 {
  background: var(--pink-163);
}

.text-pink-163 {
  color: var(--pink-163);
}

.bg-pink-164 {
  background: var(--pink-164);
}

.text-pink-164 {
  color: var(--pink-164);
}

.bg-pink-165 {
  background: var(--pink-165);
}

.text-pink-165 {
  color: var(--pink-165);
}

.bg-pink-166 {
  background: var(--pink-166);
}

.text-pink-166 {
  color: var(--pink-166);
}

.bg-pink-167 {
  background: var(--pink-167);
}

.text-pink-167 {
  color: var(--pink-167);
}

.bg-pink-168 {
  background: var(--pink-168);
}

.text-pink-168 {
  color: var(--pink-168);
}

.bg-pink-169 {
  background: var(--pink-169);
}

.text-pink-169 {
  color: var(--pink-169);
}

.bg-pink-170 {
  background: var(--pink-170);
}

.text-pink-170 {
  color: var(--pink-170);
}

.bg-pink-171 {
  background: var(--pink-171);
}

.text-pink-171 {
  color: var(--pink-171);
}

.bg-pink-172 {
  background: var(--pink-172);
}

.text-pink-172 {
  color: var(--pink-172);
}

.bg-pink-173 {
  background: var(--pink-173);
}

.text-pink-173 {
  color: var(--pink-173);
}

.bg-pink-174 {
  background: var(--pink-174);
}

.text-pink-174 {
  color: var(--pink-174);
}

.bg-pink-175 {
  background: var(--pink-175);
}

.text-pink-175 {
  color: var(--pink-175);
}

.bg-pink-176 {
  background: var(--pink-176);
}

.text-pink-176 {
  color: var(--pink-176);
}

.bg-pink-177 {
  background: var(--pink-177);
}

.text-pink-177 {
  color: var(--pink-177);
}

.bg-pink-178 {
  background: var(--pink-178);
}

.text-pink-178 {
  color: var(--pink-178);
}

.bg-pink-179 {
  background: var(--pink-179);
}

.text-pink-179 {
  color: var(--pink-179);
}

.bg-pink-180 {
  background: var(--pink-180);
}

.text-pink-180 {
  color: var(--pink-180);
}

.bg-pink-181 {
  background: var(--pink-181);
}

.text-pink-181 {
  color: var(--pink-181);
}

.bg-pink-182 {
  background: var(--pink-182);
}

.text-pink-182 {
  color: var(--pink-182);
}

.bg-pink-183 {
  background: var(--pink-183);
}

.text-pink-183 {
  color: var(--pink-183);
}

.bg-pink-184 {
  background: var(--pink-184);
}

.text-pink-184 {
  color: var(--pink-184);
}

.bg-pink-185 {
  background: var(--pink-185);
}

.text-pink-185 {
  color: var(--pink-185);
}

.bg-pink-186 {
  background: var(--pink-186);
}

.text-pink-186 {
  color: var(--pink-186);
}

.bg-pink-187 {
  background: var(--pink-187);
}

.text-pink-187 {
  color: var(--pink-187);
}

.bg-pink-188 {
  background: var(--pink-188);
}

.text-pink-188 {
  color: var(--pink-188);
}

.bg-pink-189 {
  background: var(--pink-189);
}

.text-pink-189 {
  color: var(--pink-189);
}

.bg-pink-190 {
  background: var(--pink-190);
}

.text-pink-190 {
  color: var(--pink-190);
}

.bg-pink-191 {
  background: var(--pink-191);
}

.text-pink-191 {
  color: var(--pink-191);
}

.bg-pink-192 {
  background: var(--pink-192);
}

.text-pink-192 {
  color: var(--pink-192);
}

.bg-pink-193 {
  background: var(--pink-193);
}

.text-pink-193 {
  color: var(--pink-193);
}

.bg-pink-194 {
  background: var(--pink-194);
}

.text-pink-194 {
  color: var(--pink-194);
}

.bg-pink-195 {
  background: var(--pink-195);
}

.text-pink-195 {
  color: var(--pink-195);
}

.bg-pink-196 {
  background: var(--pink-196);
}

.text-pink-196 {
  color: var(--pink-196);
}

.bg-pink-197 {
  background: var(--pink-197);
}

.text-pink-197 {
  color: var(--pink-197);
}

.bg-pink-198 {
  background: var(--pink-198);
}

.text-pink-198 {
  color: var(--pink-198);
}

.bg-pink-199 {
  background: var(--pink-199);
}

.text-pink-199 {
  color: var(--pink-199);
}

.bg-pink-200 {
  background: var(--pink-200);
}

.text-pink-200 {
  color: var(--pink-200);
}

.bg-pink-201 {
  background: var(--pink-201);
}

.text-pink-201 {
  color: var(--pink-201);
}

.bg-pink-202 {
  background: var(--pink-202);
}

.text-pink-202 {
  color: var(--pink-202);
}

.bg-pink-203 {
  background: var(--pink-203);
}

.text-pink-203 {
  color: var(--pink-203);
}

.bg-pink-204 {
  background: var(--pink-204);
}

.text-pink-204 {
  color: var(--pink-204);
}

.bg-pink-205 {
  background: var(--pink-205);
}

.text-pink-205 {
  color: var(--pink-205);
}

.bg-pink-206 {
  background: var(--pink-206);
}

.text-pink-206 {
  color: var(--pink-206);
}

.bg-pink-207 {
  background: var(--pink-207);
}

.text-pink-207 {
  color: var(--pink-207);
}

.bg-pink-208 {
  background: var(--pink-208);
}

.text-pink-208 {
  color: var(--pink-208);
}

.bg-pink-209 {
  background: var(--pink-209);
}

.text-pink-209 {
  color: var(--pink-209);
}

.bg-pink-210 {
  background: var(--pink-210);
}

.text-pink-210 {
  color: var(--pink-210);
}

.bg-pink-211 {
  background: var(--pink-211);
}

.text-pink-211 {
  color: var(--pink-211);
}

.bg-pink-212 {
  background: var(--pink-212);
}

.text-pink-212 {
  color: var(--pink-212);
}

.bg-pink-213 {
  background: var(--pink-213);
}

.text-pink-213 {
  color: var(--pink-213);
}

.bg-pink-214 {
  background: var(--pink-214);
}

.text-pink-214 {
  color: var(--pink-214);
}

.bg-pink-215 {
  background: var(--pink-215);
}

.text-pink-215 {
  color: var(--pink-215);
}

.bg-pink-216 {
  background: var(--pink-216);
}

.text-pink-216 {
  color: var(--pink-216);
}

.bg-pink-217 {
  background: var(--pink-217);
}

.text-pink-217 {
  color: var(--pink-217);
}

.bg-pink-218 {
  background: var(--pink-218);
}

.text-pink-218 {
  color: var(--pink-218);
}

.bg-pink-219 {
  background: var(--pink-219);
}

.text-pink-219 {
  color: var(--pink-219);
}

.bg-pink-220 {
  background: var(--pink-220);
}

.text-pink-220 {
  color: var(--pink-220);
}

.bg-pink-221 {
  background: var(--pink-221);
}

.text-pink-221 {
  color: var(--pink-221);
}

.bg-pink-222 {
  background: var(--pink-222);
}

.text-pink-222 {
  color: var(--pink-222);
}

.bg-pink-223 {
  background: var(--pink-223);
}

.text-pink-223 {
  color: var(--pink-223);
}

.bg-pink-224 {
  background: var(--pink-224);
}

.text-pink-224 {
  color: var(--pink-224);
}

.bg-pink-225 {
  background: var(--pink-225);
}

.text-pink-225 {
  color: var(--pink-225);
}

.bg-pink-226 {
  background: var(--pink-226);
}

.text-pink-226 {
  color: var(--pink-226);
}

.bg-pink-227 {
  background: var(--pink-227);
}

.text-pink-227 {
  color: var(--pink-227);
}

.bg-pink-228 {
  background: var(--pink-228);
}

.text-pink-228 {
  color: var(--pink-228);
}

.bg-pink-229 {
  background: var(--pink-229);
}

.text-pink-229 {
  color: var(--pink-229);
}

.bg-pink-230 {
  background: var(--pink-230);
}

.text-pink-230 {
  color: var(--pink-230);
}

.bg-pink-231 {
  background: var(--pink-231);
}

.text-pink-231 {
  color: var(--pink-231);
}

.bg-pink-232 {
  background: var(--pink-232);
}

.text-pink-232 {
  color: var(--pink-232);
}

.bg-pink-233 {
  background: var(--pink-233);
}

.text-pink-233 {
  color: var(--pink-233);
}

.bg-pink-234 {
  background: var(--pink-234);
}

.text-pink-234 {
  color: var(--pink-234);
}

.bg-pink-235 {
  background: var(--pink-235);
}

.text-pink-235 {
  color: var(--pink-235);
}

.bg-pink-236 {
  background: var(--pink-236);
}

.text-pink-236 {
  color: var(--pink-236);
}

.bg-pink-237 {
  background: var(--pink-237);
}

.text-pink-237 {
  color: var(--pink-237);
}

.bg-pink-238 {
  background: var(--pink-238);
}

.text-pink-238 {
  color: var(--pink-238);
}

.bg-pink-239 {
  background: var(--pink-239);
}

.text-pink-239 {
  color: var(--pink-239);
}

.bg-pink-240 {
  background: var(--pink-240);
}

.text-pink-240 {
  color: var(--pink-240);
}

.bg-pink-241 {
  background: var(--pink-241);
}

.text-pink-241 {
  color: var(--pink-241);
}

.bg-pink-242 {
  background: var(--pink-242);
}

.text-pink-242 {
  color: var(--pink-242);
}

.bg-pink-243 {
  background: var(--pink-243);
}

.text-pink-243 {
  color: var(--pink-243);
}

.bg-pink-244 {
  background: var(--pink-244);
}

.text-pink-244 {
  color: var(--pink-244);
}

.bg-pink-245 {
  background: var(--pink-245);
}

.text-pink-245 {
  color: var(--pink-245);
}

.bg-pink-246 {
  background: var(--pink-246);
}

.text-pink-246 {
  color: var(--pink-246);
}

.bg-pink-247 {
  background: var(--pink-247);
}

.text-pink-247 {
  color: var(--pink-247);
}

.bg-pink-248 {
  background: var(--pink-248);
}

.text-pink-248 {
  color: var(--pink-248);
}

.bg-pink-249 {
  background: var(--pink-249);
}

.text-pink-249 {
  color: var(--pink-249);
}

.bg-pink-250 {
  background: var(--pink-250);
}

.text-pink-250 {
  color: var(--pink-250);
}

.bg-pink-251 {
  background: var(--pink-251);
}

.text-pink-251 {
  color: var(--pink-251);
}

.bg-pink-252 {
  background: var(--pink-252);
}

.text-pink-252 {
  color: var(--pink-252);
}

.bg-pink-253 {
  background: var(--pink-253);
}

.text-pink-253 {
  color: var(--pink-253);
}

.bg-pink-254 {
  background: var(--pink-254);
}

.text-pink-254 {
  color: var(--pink-254);
}

.bg-pink-255 {
  background: var(--pink-255);
}

.text-pink-255 {
  color: var(--pink-255);
}

.bg-pink-256 {
  background: var(--pink-256);
}

.text-pink-256 {
  color: var(--pink-256);
}

.bg-pink-257 {
  background: var(--pink-257);
}

.text-pink-257 {
  color: var(--pink-257);
}

.bg-pink-258 {
  background: var(--pink-258);
}

.text-pink-258 {
  color: var(--pink-258);
}

.bg-pink-259 {
  background: var(--pink-259);
}

.text-pink-259 {
  color: var(--pink-259);
}

.bg-pink-260 {
  background: var(--pink-260);
}

.text-pink-260 {
  color: var(--pink-260);
}

.bg-pink-261 {
  background: var(--pink-261);
}

.text-pink-261 {
  color: var(--pink-261);
}

.bg-pink-262 {
  background: var(--pink-262);
}

.text-pink-262 {
  color: var(--pink-262);
}

.bg-pink-263 {
  background: var(--pink-263);
}

.text-pink-263 {
  color: var(--pink-263);
}

.bg-pink-264 {
  background: var(--pink-264);
}

.text-pink-264 {
  color: var(--pink-264);
}

.bg-pink-265 {
  background: var(--pink-265);
}

.text-pink-265 {
  color: var(--pink-265);
}

.bg-pink-266 {
  background: var(--pink-266);
}

.text-pink-266 {
  color: var(--pink-266);
}

.bg-pink-267 {
  background: var(--pink-267);
}

.text-pink-267 {
  color: var(--pink-267);
}

.bg-pink-268 {
  background: var(--pink-268);
}

.text-pink-268 {
  color: var(--pink-268);
}

.bg-pink-269 {
  background: var(--pink-269);
}

.text-pink-269 {
  color: var(--pink-269);
}

.bg-pink-270 {
  background: var(--pink-270);
}

.text-pink-270 {
  color: var(--pink-270);
}

.bg-pink-271 {
  background: var(--pink-271);
}

.text-pink-271 {
  color: var(--pink-271);
}

.bg-pink-272 {
  background: var(--pink-272);
}

.text-pink-272 {
  color: var(--pink-272);
}

.bg-pink-273 {
  background: var(--pink-273);
}

.text-pink-273 {
  color: var(--pink-273);
}

.bg-pink-274 {
  background: var(--pink-274);
}

.text-pink-274 {
  color: var(--pink-274);
}

.bg-pink-275 {
  background: var(--pink-275);
}

.text-pink-275 {
  color: var(--pink-275);
}

.bg-pink-276 {
  background: var(--pink-276);
}

.text-pink-276 {
  color: var(--pink-276);
}

.bg-pink-277 {
  background: var(--pink-277);
}

.text-pink-277 {
  color: var(--pink-277);
}

.bg-pink-278 {
  background: var(--pink-278);
}

.text-pink-278 {
  color: var(--pink-278);
}

.bg-pink-279 {
  background: var(--pink-279);
}

.text-pink-279 {
  color: var(--pink-279);
}

.bg-pink-280 {
  background: var(--pink-280);
}

.text-pink-280 {
  color: var(--pink-280);
}

.bg-pink-281 {
  background: var(--pink-281);
}

.text-pink-281 {
  color: var(--pink-281);
}

.bg-pink-282 {
  background: var(--pink-282);
}

.text-pink-282 {
  color: var(--pink-282);
}

.bg-pink-283 {
  background: var(--pink-283);
}

.text-pink-283 {
  color: var(--pink-283);
}

.bg-pink-284 {
  background: var(--pink-284);
}

.text-pink-284 {
  color: var(--pink-284);
}

.bg-pink-285 {
  background: var(--pink-285);
}

.text-pink-285 {
  color: var(--pink-285);
}

.bg-pink-286 {
  background: var(--pink-286);
}

.text-pink-286 {
  color: var(--pink-286);
}

.bg-pink-287 {
  background: var(--pink-287);
}

.text-pink-287 {
  color: var(--pink-287);
}

.bg-pink-288 {
  background: var(--pink-288);
}

.text-pink-288 {
  color: var(--pink-288);
}

.bg-pink-289 {
  background: var(--pink-289);
}

.text-pink-289 {
  color: var(--pink-289);
}

.bg-pink-290 {
  background: var(--pink-290);
}

.text-pink-290 {
  color: var(--pink-290);
}

.bg-pink-291 {
  background: var(--pink-291);
}

.text-pink-291 {
  color: var(--pink-291);
}

.bg-pink-292 {
  background: var(--pink-292);
}

.text-pink-292 {
  color: var(--pink-292);
}

.bg-pink-293 {
  background: var(--pink-293);
}

.text-pink-293 {
  color: var(--pink-293);
}

.bg-pink-294 {
  background: var(--pink-294);
}

.text-pink-294 {
  color: var(--pink-294);
}

.bg-pink-295 {
  background: var(--pink-295);
}

.text-pink-295 {
  color: var(--pink-295);
}

.bg-pink-296 {
  background: var(--pink-296);
}

.text-pink-296 {
  color: var(--pink-296);
}

.bg-pink-297 {
  background: var(--pink-297);
}

.text-pink-297 {
  color: var(--pink-297);
}

.bg-pink-298 {
  background: var(--pink-298);
}

.text-pink-298 {
  color: var(--pink-298);
}

.bg-pink-299 {
  background: var(--pink-299);
}

.text-pink-299 {
  color: var(--pink-299);
}

.bg-pink-300 {
  background: var(--pink-300);
}

.text-pink-300 {
  color: var(--pink-300);
}

.bg-pink-301 {
  background: var(--pink-301);
}

.text-pink-301 {
  color: var(--pink-301);
}

.bg-pink-302 {
  background: var(--pink-302);
}

.text-pink-302 {
  color: var(--pink-302);
}

.bg-pink-303 {
  background: var(--pink-303);
}

.text-pink-303 {
  color: var(--pink-303);
}

.bg-pink-304 {
  background: var(--pink-304);
}

.text-pink-304 {
  color: var(--pink-304);
}

.bg-pink-305 {
  background: var(--pink-305);
}

.text-pink-305 {
  color: var(--pink-305);
}

.bg-pink-306 {
  background: var(--pink-306);
}

.text-pink-306 {
  color: var(--pink-306);
}

.bg-pink-307 {
  background: var(--pink-307);
}

.text-pink-307 {
  color: var(--pink-307);
}

.bg-pink-308 {
  background: var(--pink-308);
}

.text-pink-308 {
  color: var(--pink-308);
}

.bg-pink-309 {
  background: var(--pink-309);
}

.text-pink-309 {
  color: var(--pink-309);
}

.bg-pink-310 {
  background: var(--pink-310);
}

.text-pink-310 {
  color: var(--pink-310);
}

.bg-pink-311 {
  background: var(--pink-311);
}

.text-pink-311 {
  color: var(--pink-311);
}

.bg-pink-312 {
  background: var(--pink-312);
}

.text-pink-312 {
  color: var(--pink-312);
}

.bg-pink-313 {
  background: var(--pink-313);
}

.text-pink-313 {
  color: var(--pink-313);
}

.bg-pink-314 {
  background: var(--pink-314);
}

.text-pink-314 {
  color: var(--pink-314);
}

.bg-pink-315 {
  background: var(--pink-315);
}

.text-pink-315 {
  color: var(--pink-315);
}

.bg-pink-316 {
  background: var(--pink-316);
}

.text-pink-316 {
  color: var(--pink-316);
}

.bg-pink-317 {
  background: var(--pink-317);
}

.text-pink-317 {
  color: var(--pink-317);
}

.bg-pink-318 {
  background: var(--pink-318);
}

.text-pink-318 {
  color: var(--pink-318);
}

.bg-pink-319 {
  background: var(--pink-319);
}

.text-pink-319 {
  color: var(--pink-319);
}

.bg-pink-320 {
  background: var(--pink-320);
}

.text-pink-320 {
  color: var(--pink-320);
}

.bg-pink-321 {
  background: var(--pink-321);
}

.text-pink-321 {
  color: var(--pink-321);
}

.bg-pink-322 {
  background: var(--pink-322);
}

.text-pink-322 {
  color: var(--pink-322);
}

.bg-pink-323 {
  background: var(--pink-323);
}

.text-pink-323 {
  color: var(--pink-323);
}

.bg-pink-324 {
  background: var(--pink-324);
}

.text-pink-324 {
  color: var(--pink-324);
}

.bg-pink-325 {
  background: var(--pink-325);
}

.text-pink-325 {
  color: var(--pink-325);
}

.bg-pink-326 {
  background: var(--pink-326);
}

.text-pink-326 {
  color: var(--pink-326);
}

.bg-pink-327 {
  background: var(--pink-327);
}

.text-pink-327 {
  color: var(--pink-327);
}

.bg-pink-328 {
  background: var(--pink-328);
}

.text-pink-328 {
  color: var(--pink-328);
}

.bg-pink-329 {
  background: var(--pink-329);
}

.text-pink-329 {
  color: var(--pink-329);
}

.bg-pink-330 {
  background: var(--pink-330);
}

.text-pink-330 {
  color: var(--pink-330);
}

.bg-pink-331 {
  background: var(--pink-331);
}

.text-pink-331 {
  color: var(--pink-331);
}

.bg-pink-332 {
  background: var(--pink-332);
}

.text-pink-332 {
  color: var(--pink-332);
}

.bg-pink-333 {
  background: var(--pink-333);
}

.text-pink-333 {
  color: var(--pink-333);
}

.bg-pink-334 {
  background: var(--pink-334);
}

.text-pink-334 {
  color: var(--pink-334);
}

.bg-pink-335 {
  background: var(--pink-335);
}

.text-pink-335 {
  color: var(--pink-335);
}

.bg-pink-336 {
  background: var(--pink-336);
}

.text-pink-336 {
  color: var(--pink-336);
}

.bg-pink-337 {
  background: var(--pink-337);
}

.text-pink-337 {
  color: var(--pink-337);
}

.bg-pink-338 {
  background: var(--pink-338);
}

.text-pink-338 {
  color: var(--pink-338);
}

.bg-pink-339 {
  background: var(--pink-339);
}

.text-pink-339 {
  color: var(--pink-339);
}

.bg-pink-340 {
  background: var(--pink-340);
}

.text-pink-340 {
  color: var(--pink-340);
}

.text-brand {
  color: var(--brand-3);
}

.bg-black {
  background: var(--black);
}

.text-black {
  color: var(--black);
}

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

.text-white {
  color: var(--white);
}

.btn-base, .grid-button, .toggle-set, .btn-toggle, .border-btn, .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
  transition: var(--transition);
  user-select: none;
  border-radius: var(--theme-radius);
  background: var(--surface-1);
  border: var(--border-size-1) solid transparent;
  text-decoration: none;
  font-family: var(--alt-font);
}
.btn-base:hover:where([href], button):where(:not(.disabled)), .grid-button:hover:where([href], button):where(:not(.disabled)), .toggle-set:hover:where([href], button):where(:not(.disabled)), .btn-toggle:hover:where([href], button):where(:not(.disabled)), .border-btn:hover:where([href], button):where(:not(.disabled)), .btn:hover:where([href], button):where(:not(.disabled)) {
  box-shadow: var(--btn-shadow);
  transform: var(--translate-slight-raise);
}
.btn-base:active:where([href], button):where(:not(.disabled)), .grid-button:active:where([href], button):where(:not(.disabled)), .toggle-set:active:where([href], button):where(:not(.disabled)), .btn-toggle:active:where([href], button):where(:not(.disabled)), .border-btn:active:where([href], button):where(:not(.disabled)), .btn:active:where([href], button):where(:not(.disabled)) {
  transform: scale(0.9);
}
.btn-base:where(a:not([href])), .grid-button:where(a:not([href])), .toggle-set:where(a:not([href])), .btn-toggle:where(a:not([href])), .border-btn:where(a:not([href])), .btn:where(a:not([href])) {
  cursor: not-allowed;
}

.btn:where(.disabled) {
  cursor: not-allowed;
}

.btn {
  line-height: var(--font-lineheight-1);
  color: var(--surface-1);
  font-weight: bold;
  padding-inline: var(--size-5);
  padding-block: var(--size-2);
  background-color: var(--btn-color);
  min-inline-size: 7rem;
}
.btn:hover:where([href], button):where(:not(.disabled)) {
  background-color: var(--btn-hover-color);
}

.btn-light {
  color: var(--text-1);
  background-color: var(--surface-1);
}
.btn-light:hover:where([href], button) {
  background-color: var(--purple-1);
}

.btn-brand {
  background-color: var(--brand-3);
}
.btn-brand:hover:where([href], button) {
  background-color: var(--brand-4);
}

.border-btn {
  background-color: transparent;
  line-height: var(--font-lineheight-1);
  color: var(--blue-3);
  font-weight: bold;
  padding-inline: var(--size-3);
  padding-block: var(--size-2);
  border: var(--border-size-2) solid var(--blue-3);
}
.border-btn:hover:where([href], button) {
  color: var(--blue-4);
  border: var(--border-size-2) solid var(--blue-4);
  background: var(--surface-2);
}

.btn-surface {
  color: var(--text-3);
  background-color: var(--surface-3);
}
.btn-surface.btn:hover {
  color: var(--text-1);
  background-color: var(--surface-4);
  box-shadow: var(--btn-shadow);
  border: var(--border-size-1) solid transparent;
}
.btn-surface.selected {
  border: var(--border-size-1) solid var(--surface-1);
  background-color: var(--surface-3);
}

.btn-surface-1 {
  color: var(--text-3);
  background-color: var(--neutral-dark-1);
}
.btn-surface-1.btn:hover {
  color: var(--text-1);
  background-color: var(--neutral-dark-3);
  box-shadow: var(--btn-shadow);
  border: var(--border-size-1) solid transparent;
}

.btn-danger {
  background-color: var(--danger);
  color: var(--surface-1);
}
.btn-danger:hover {
  background-color: var(--brand-4);
  color: var(--neutral-light-2);
  box-shadow: var(--btn-shadow);
  border: var(--border-size-1) solid transparent;
}
.btn-danger.selected {
  border: var(--border-size-1) solid var(--surface-1);
  background-color: var(--danger);
}

.btn-success {
  background-color: var(--green-3);
  color: var(--surface-1);
}
.btn-success:hover {
  background-color: var(--green-4);
  color: var(--neutral-light-2);
  box-shadow: var(--btn-shadow);
  border: var(--border-size-1) solid transparent;
}
.btn-success.selected {
  border: var(--border-size-1) solid var(--surface-1);
  background-color: var(--green-2);
}

.btn-large {
  padding-inline: var(--size-8);
  padding-block: var(--size-3);
}

.btn-small {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
  font-size: var(--font-size-0);
  min-inline-size: initial;
}

.btn-mini, .grid-button {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
  font-size: var(--font-size-0);
  min-inline-size: initial;
}

.btn-icon {
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
  min-inline-size: initial;
}

.btn-toggle {
  padding: var(--size-1) var(--size-2);
  font-weight: bold;
  font-size: 1rem;
  line-height: var(--font-lineheight-1);
  border: none;
  background: var(--surface-4);
  color: var(--surface-1);
}
.btn-toggle:hover {
  background: var(--brand-4);
}
.btn-toggle.selected {
  font-weight: bold;
  background: var(--brand-3);
  border: none;
  box-shadow: var(--btn-shadow);
  color: var(--surface-1);
}
.btn-toggle.selected:hover {
  background: var(--brand-3);
}

.toggle-set :not(.selected) {
  background: var(--surface-1);
  color: var(--surface-5);
}

.btn-modal {
  color: var(--text-1);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
  transition: var(--transition);
  user-select: none;
  background: var(--surface-5);
  padding: var(--size-2) var(--size-2);
}
.btn-modal:first-child {
  border-end-start-radius: var(--theme-radius);
}
.btn-modal:last-child {
  border-end-end-radius: var(--theme-radius);
}
.btn-modal:hover {
  box-shadow: var(--btn-shadow);
  background: var(--brand-5);
  color: var(--text-1);
}

.btn-list {
  display: flex;
  flex-direction: column;
}
.btn-list .btn-list-btn {
  padding-block: var(--size-2);
  padding-inline: var(--size-3);
  transition: var(--transition);
  transform-origin: left center;
  cursor: pointer;
}
.btn-list .btn-list-btn:first-of-type {
  border-start-start-radius: var(--theme-radius);
  border-start-end-radius: var(--theme-radius);
}
.btn-list .btn-list-btn:last-of-type {
  border-end-end-radius: var(--theme-radius);
  border-end-start-radius: var(--theme-radius);
}
.btn-list .btn-list-btn:hover:where(:not(.selected)) {
  color: var(--surface-1);
  background: var(--brand-4);
  box-shadow: var(--btn-shadow);
  transform: none;
}
.btn-list .btn-list-btn:active:where(:not(.selected)) {
  background: var(--brand-5);
  transform: perspective(100rem) rotateY(5deg) scale(0.98, 0.94);
}
.btn-list .btn-list-btn.selected {
  color: var(--surface-1);
  background: var(--brand-4);
  cursor: default;
}

.btn-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-5);
  font-weight: bold;
  padding-inline: var(--size-3);
  padding-block: var(--size-2);
  background-color: var(--surface-3);
  transition: var(--transition);
}
.btn-tab:hover:where([href], button) {
  color: var(--neutral-light-1);
  background-color: var(--brand-3);
}
.btn-tab.active {
  color: var(--neutral-light-1);
  background-color: var(--brand-4);
  cursor: default;
}
.btn-tab:first-of-type {
  margin-inline-start: 1rem;
  border-top-left-radius: var(--radius-2);
}
.btn-tab:last-of-type {
  border-top-right-radius: var(--radius-2);
}

.dropdown {
  position: relative;
}
.dropdown .btn-dropdown {
  cursor: pointer;
  transition: var(--transition);
  background: transparent;
}
.dropdown .btn-dropdown:hover {
  color: var(--blue-3);
  background: transparent;
  transform: translateY(calc(var(--size-0) * -1));
  text-shadow: var(--shadow-3);
}
.dropdown .btn-dropdown:focus {
  color: var(--blue-3);
}
.dropdown .nav-link {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.dropdown .active .nav-link {
  color: var(--text-1);
}
.dropdown .dropdown-menu {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  display: none;
  min-width: 10rem;
  max-width: 20rem;
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: var(--dropdown-background);
  background-clip: padding-box;
  border-radius: var(--theme-radius);
  padding-block: var(--theme-radius);
  box-shadow: var(--shadow-3);
  transition: all 0.15s ease-in-out;
}
.dropdown .dropdown-menu.menu-position-right {
  right: 0;
  left: initial;
}
.dropdown .dropdown-menu > * {
  pointer-events: initial;
}
.dropdown .dropdown-menu.show {
  display: block;
}
.dropdown .dropdown-menu hr {
  margin-block: var(--size-2);
  background-color: var(--surface-3);
}
.dropdown .dropdown-menu .dropdown-item {
  text-decoration: none;
  color: var(--text-2);
  display: flex;
  align-items: center;
  gap: var(--size-1);
  transition: all 0.15s;
  border: none;
  white-space: nowrap;
}
.dropdown .dropdown-menu .dropdown-item:where(:not(.no-click)) {
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item > * {
  padding-inline: var(--size-3);
  padding-block: var(--size-1);
  flex: 1;
  text-align: left;
  font-weight: normal;
}
.dropdown .dropdown-menu .dropdown-item :where(a[href]) {
  color: var(--text-2);
  text-decoration: none;
}
.dropdown .dropdown-menu .dropdown-item:hover:where(:not(.no-click)) {
  color: var(--text-1);
  transform: translateY(calc(var(--size-0) * -1));
  text-shadow: var(--shadow-3);
  background-color: var(--surface-3);
}
.dropdown .dropdown-menu .dropdown-item .active {
  color: var(--text-1);
  text-shadow: var(--shadow-3);
  background-color: var(--green-2);
}
.dropdown .dropdown-menu .dropdown-item.active > * {
  color: var(--text-1);
  background-color: var(--blue-2);
  border: none;
  font-weight: bold;
}
.dropdown .dropdown-menu .dropdown-item.no-click button {
  cursor: default;
}
.dropdown .dropdown-menu .dropdown-text {
  text-decoration: none;
  color: var(--text-1);
  font-size: var(--font-size-0);
  opacity: 0.7;
  display: block;
  padding-inline: var(--size-3);
  margin-block-start: var(--size-1);
}

.form label,
label.field-container {
  font-family: var(--alt-font);
  font-size: var(--font-size-0);
}

.field-container {
  display: flex;
  flex-direction: column;
}

.validation-errors {
  padding-inline-start: var(--size-6);
  padding-inline-end: var(--size-2);
  padding-block: var(--size-1);
  background-color: var(--surface-2);
  font-weight: bold;
}

:where(textarea, select, input):not(input[type=checkbox], input[type=radio]) {
  font-size: 1rem;
  background-color: var(--surface-1);
  color: var(--text-1);
  border-radius: var(--theme-radius);
  padding-inline: var(--size-1);
  padding-block: var(--size-2);
  border: var(--form-border);
  width: 100%;
}
:where(textarea, select, input):not(input[type=checkbox], input[type=radio]):focus, :where(textarea, select, input):not(input[type=checkbox], input[type=radio]):active {
  outline: none;
}
:where(textarea, select, input):not(input[type=checkbox], input[type=radio]).input-narrow {
  width: 4rem;
}
:where(textarea, select, input):not(input[type=checkbox], input[type=radio]).input-small {
  font-size: var(--font-size-0);
  width: 3rem;
  padding-inline: var(--size-2);
  padding-block: var(--size-1);
}
:where(textarea, select, input):not(input[type=checkbox], input[type=radio]).no-interaction {
  user-select: none;
  cursor: not-allowed;
  pointer-events: none;
}

.card .card :where(textarea, select, input):not(input[type=checkbox], input[type=radio]) {
  background-color: var(--surface-3);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: var(--text-1);
  transition: background-color 50000s ease-in-out 0s;
  border: var(--border-size-1) solid var(--green-3);
}

.input-small {
  box-sizing: border-box;
}

::placeholder {
  color: var(--surface-4);
}

input:disabled {
  opacity: 0.5;
}

:where(textarea) {
  resize: vertical;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=file] {
  border-width: 0;
  padding: 0;
}

input[type=image] {
  vertical-align: bottom;
}

.required::after {
  content: "*";
  color: red;
  font-weight: bold;
  margin-left: 0.4rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid var(--success);
}

.invalid {
  outline: 1px solid var(--warning);
}

.validation-message {
  color: var(--warning);
}

.check-radio {
  --slider-size: 1.8;
  --slider-spacing: .125rem;
  --toggle-size: 1.2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.check-radio input[type=radio],
.check-radio input[type=checkbox] {
  display: none;
}
.check-radio label {
  margin-inline-start: calc((var(--toggle-size) * var(--slider-size) + var(--slider-spacing) * 2) * -1);
  display: flex;
  align-items: center;
  transition: margin 0.25s ease-out;
}
.check-radio label:hover {
  cursor: pointer;
}
.check-radio:before {
  content: "";
  width: calc(var(--toggle-size) * var(--slider-size) + var(--slider-spacing) * 2);
  height: calc(var(--toggle-size) + var(--slider-spacing) * 2);
  border-radius: calc(var(--toggle-size) + var(--slider-spacing) * 2 / 2);
  background-color: var(--surface-1);
  border: var(--form-border);
}
.check-radio label:before {
  margin-inline-start: var(--slider-spacing);
  margin-inline-end: calc(var(--toggle-size) * var(--slider-size) + var(--slider-spacing) * 4 - var(--toggle-size));
  content: "";
  width: var(--toggle-size);
  height: var(--toggle-size);
  border-radius: calc(var(--toggle-size) / 2);
  background-color: var(--surface-4);
  transition: margin 0.25s ease-out;
}
.check-radio input[type=radio]:checked + label::before,
.check-radio input[type=checkbox]:checked + label::before {
  margin-inline-start: calc(var(--toggle-size) * var(--slider-size) + var(--slider-spacing) - var(--toggle-size));
  margin-inline-end: calc(var(--slider-spacing) * 4);
  background: var(--brand-3);
}
.check-radio input[type=radio]:checked + label,
.check-radio input[type=checkbox]:checked + label {
  color: var(--text-1);
  font-weight: bold;
}

.list-group {
  display: flex;
  flex-direction: column;
}

.list-group-item {
  padding: 0.5rem 1rem;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-clickable .list-group-item {
  line-height: 1;
}
.list-group-clickable .list-group-item.selected {
  background: var(--surface-3);
}

.table {
  background: var(--surface-1);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.table tbody tr td {
  z-index: 1;
  transition: var(--transition);
}
.table tbody tr td:first-of-type {
  border-left: 3px solid transparent;
  font-weight: bold;
}
.table tbody tr.clickable:hover {
  position: relative;
  background: rgba(var(--theme-value), 0.2);
  color: var(--text-1);
  box-shadow: 0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength))), 0 0px 17px -3px hsl(var(--shadow-color)/calc(var(--shadow-strength)));
  filter: brightness(1.2);
}
.table tbody tr.clickable:hover td:first-of-type {
  border-left: 3px solid var(--brand-4);
  color: var(--brand-4);
}
.table tbody tr.active {
  background: var(--blue-1);
}
.table th {
  background-color: var(--neutral-light-3);
  color: var(--text-1);
  border-block: 1px solid var(--brand-3);
  font-size: var(--font-size-0);
}
.table th:first-of-type {
  text-align: left;
}
.table th:not(:first-of-type):not(.text-left):not(.text-right) {
  text-align: center;
}
.table td:first-of-type {
  text-align: left;
}
.table td:not(:first-of-type):not(.text-left):not(.text-right) {
  text-align: center;
}
.table td, .table th {
  padding-inline: var(--size-3);
  padding-block: var(--size-2);
}

.mini-table {
  width: initial;
}

.tooltip-wrapper {
  position: relative;
  cursor: help;
  display: inline-block;
}
.tooltip-wrapper .tooltip-text-wrap {
  top: 100%;
  right: 0;
  position: absolute;
  display: none;
}
.tooltip-wrapper .tooltip-text-wrap .tooltip-text {
  color: var(--surface-1);
  z-index: 1;
  position: relative;
  padding: 0.25rem 6px;
  border-radius: 6px;
  background-color: var(--surface-5);
  min-width: 20rem;
}
.tooltip-wrapper:hover .tooltip-text-wrap {
  display: block;
}

header {
  position: relative;
  z-index: 1;
  box-shadow: 0 0.4rem 0.8rem 0.2rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
header .logo {
  max-block-size: 5rem;
  max-inline-size: 5rem;
}
header .title {
  font-size: var(--font-size-fluid-2);
  color: var(--text-1);
  font-weight: bold;
}
header .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.app-container > footer {
  --footer-text: var(--surface-4);
  background: var(--surface-5) url(/images/footer-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--footer-text);
  z-index: 2;
}
.app-container > footer h3,
.app-container > footer h2 {
  color: var(--surface-3);
}
.app-container > footer h3 {
  gap: 1rem;
}
.app-container > footer .section-header + hr {
  background-color: var(--surface-4);
}
.app-container > footer a {
  font-weight: normal;
  color: var(--footer-text);
}
.app-container > footer a:hover {
  color: var(--link-hover);
}
.app-container > footer .footer-contact-details {
  display: grid;
  flex: 2;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
  .app-container > footer .footer-contact-details {
    display: revert;
  }
  .app-container > footer .footer-contact-details .flex-row-centered {
    padding-top: var(--size-3);
  }
}
.app-container > footer .copyright {
  color: var(--footer-text);
  opacity: 0.6;
}
.app-container > footer .ausmeat-logo {
  height: 2rem;
  width: auto;
}
.app-container > footer .footer-newsletter {
  flex: 1;
}
.app-container > footer input {
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  border-bottom: 3px solid var(--footer-text);
}
.app-container > footer ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--footer-text);
  opacity: 1;
  /* Firefox */
}
.app-container > footer :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--footer-text);
}
.app-container > footer ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--footer-text);
}

.env-banner {
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 1em;
  text-align: center;
}

.theme-switcher {
  margin-block-start: 0.5rem;
  display: flex;
  border-radius: var(--theme-radius);
  cursor: pointer;
}
.theme-switcher .theme-color {
  flex: 1;
  height: 1rem;
  transition: all 0.25s;
}
.theme-switcher .theme-color:hover {
  transform: scale(1.5);
}

.text-muted {
  color: var(--text-5);
}
.text-muted span {
  color: var(--neutral-light-3);
}

.collapsible {
  cursor: pointer;
  color: var(--text-white);
}
.collapsible .active, .collapsible .collapsible:hover {
  color: var(--neutral-light-3);
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.text-danger {
  font-size: var(--font-size-0);
  white-space: break-spaces;
  color: var(--red-3);
  /*    padding-left :var(--size-1);
      padding-right :var(--size-1);
  */
}

.img-icon-size {
  block-size: var(--size-3);
}

.img-card-size {
  block-size: var(--size-9);
}

.profile-img {
  max-height: 200px;
  max-width: 150px;
  height: 200px;
  object-fit: scale-down;
  flex-wrap: wrap;
  border: var(--blue-2) 1px solid;
}

.digital-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  width: 300px;
  min-width: 300px !important;
  height: 450px;
  padding: var(--size-3);
  position: relative;
  z-index: 0;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-2);
}

.sm-photo {
  max-height: 150px;
  max-width: 112px;
  height: 150px;
  object-fit: scale-down;
  flex-wrap: wrap;
  border: var(--text-5) 1px dotted;
}

.img-logo {
  max-height: 75px;
  max-width: 150px;
  height: 75px;
  object-fit: scale-down;
  flex-wrap: wrap;
  border: none;
}

.qr-code {
  max-height: 90px;
  max-width: 90px;
  height: 90px;
  object-fit: contain;
  flex-wrap: wrap;
  border: none;
}

.qr-code-large {
  max-height: 110px;
  max-width: 110px;
  height: 110px;
  object-fit: contain;
  flex-wrap: wrap;
  border: none;
}

.background-logo {
  position: relative;
  display: flex;
  justify-content: center;
}

.background-logo::before {
  content: "";
  background: url(../../images/Halal_Logo.png);
  background-repeat: no-repeat;
  /*background-position: center;*/
  background-size: auto;
  /*background-size: cover;*/
  position: absolute;
  top: 155px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.15;
}

.expired, .disassociated, .est-updated {
  position: relative;
  display: flex;
  justify-content: center;
}

.expired::after {
  content: "EXPIRED";
  font-size: 5em;
  color: var(--neutral-dark-5);
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  top: 160px;
  right: 0px;
  bottom: 0px;
  left: 50px;
  opacity: 0.5;
  transform: rotate(306deg);
  z-index: 20;
}

.disassociated::after {
  content: "DISASSOCIATED";
  font-size: 4rem;
  color: var(--neutral-dark-5);
  background-repeat: repeat;
  background-size: auto;
  position: absolute;
  top: 175px;
  right: 0px;
  bottom: 0px;
  left: 25px;
  opacity: 0.5;
  transform: rotate(306deg);
  z-index: 20;
}

.est-updated::after {
  content: "UPDATED";
  font-size: 5rem;
  color: var(--neutral-dark-5);
  position: absolute;
  top: 175px;
  right: 0px;
  bottom: 0px;
  left: 25px;
  opacity: 0.5;
  transform: rotate(306deg);
  z-index: 20;
}

.manage-application {
  gap: var(--size-4);
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.manage-application > .app-icon {
  text-align: center;
  padding: 0 var(--size-3);
  position: relative;
  width: var(--size-10);
  overflow: visible;
}
.manage-application > .app-icon > div {
  font-size: var(--font-size-00);
  color: var(--text-4);
}
.manage-application .line {
  display: inline-flex;
  /*width: var(--size-9);
  height: 1px;
  background-color: var(--neutral-dark-2);
  vertical-align: sub;*/
}
.manage-application .line:after {
  content: "⟶";
  transform: scale(2.3);
  color: var(--neutral-dark-2);
}

@media screen and (max-width: 600px) {
  .manage-application {
    gap: var(--size-3);
    align-items: center;
    flex-direction: column;
  }
  .manage-application .line {
    transform: rotate(90deg);
    position: relative;
  }
  .manage-application .line:after {
    transform: scale(2);
  }
}
.dropzone-custom {
  background: var(--neutral-light-2) !important;
  border-style: dotted !important;
  min-height: 150px !important;
}

#drop-area {
  border: 2px dashed var(--neutral-light-3);
  border-radius: 20px;
  height: 200px;
  font-family: sans-serif;
  margin: var(--size-7) var(--size-6);
  padding: var(--size-4);
}

#drop-area > p {
  font-size: var(--font-size-0);
  color: var(--neutral-text-3);
  text-align: center;
  vertical-align: central;
  margin-top: var(--size-3);
}

#drop-area > div {
  margin-top: var(--size-3);
}

#drop-area.highlight {
  border-color: var(--brand-3);
}

#gallery {
  margin-top: 10px;
}

#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.img-upload-button {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.img-upload-button:hover {
  background: #ddd;
}

#postedFile {
  display: none;
}

label > span {
  padding-left: var(--size-0);
}

.btn-align-margin {
  margin-top: var(--size-5);
}

body #toast-container > .toast-info {
  background-color: var(--neutral-light-3);
  color: var(--neutral-dark-3);
}

body #toast-container > .toast-success {
  background-color: var(--success);
}

body #toast-container > .toast-error {
  background-color: var(--danger);
}

body #toast-container > .toast-warning {
  background-color: var(--warning);
}

body #toast-container > div {
  opacity: 1;
}

.filter-row {
  width: 100%;
}

/*       ********************CSS classes for Modal Partial Form Popups ********************          */
.modal-form {
  z-index: 500;
  display: none;
  margin-top: var(--size-5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-box-align: start;
}

.modal-content {
  margin: auto;
  background-color: var(--neutral-light-1);
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}

.modal-body {
  padding: var(--size-1) var(--size-3);
}

.modal-close-button {
  border: none;
  display: inline-block;
  padding: var(--size-2);
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: var(--neutral-dark-3);
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  font-size: var(--font-size-6);
  position: absolute;
  right: 0;
  top: 0;
  transition: var(--transition);
}

.modal-close-button:hover {
  box-shadow: var(--shadow-4);
  color: var(--brand-3);
}

.modal-title {
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-4);
}

.modal-body select {
  padding-block: var(--size-1);
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--size-3);
  border-bottom: 1px solid var(--neutral-light-4);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--neutral-light-3);
  margin-bottom: var(--size-2);
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--size-3);
  border-top: 1px solid var(--neutral-light-4);
  background-color: var(--neutral-light-2);
  box-shadow: var(--shadow-4);
}

.grid-button {
  text-transform: none;
  box-shadow: var(--shadow-2);
}

/*       ***********************    CSS Classes for Custom Checkbox Input   *******************************          */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: var(--size-7);
  margin-bottom: var(--size-2);
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.checkbox-container input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkmark {
  position: absolute;
  /*top: 0;*/
  left: 0;
  height: var(--size-5);
  width: var(--size-5);
  border-radius: var(--size-1);
  border: 2px solid var(--neutral-dark-1);
}

.checkbox-container:hover input ~ .checkmark {
  transform: scale(1.2);
}

.checkbox-container input:checked ~ .checkmark {
  background-color: var(--neutral-light-1);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 0.5rem;
  top: -0.6rem;
  width: var(--size-2);
  height: var(--size-6);
  border: solid var(--brand-3);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  transition: all 250ms cubic-bezier(1, 0, 0.37, 0.91);
}

/*     **********************    CSS Classes for Pagination buttons  ***********************************      */
.pagination {
  display: inline-flex;
}

.page-record-literal {
  font-size: var(--font-size-0);
  vertical-align: sub;
}

.pagination a {
  color: var(--brand-3);
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid var(--neutral-light-3);
}

.pagination .pagesize {
  max-width: 3rem;
}

.pagination a.disabled {
  color: var(--neutral-light-5);
  pointer-events: none;
  cursor: auto;
  background-color: var(--neutral-light-3);
  border-color: var(--neutral-light-5);
}

.pagination a.active {
  background-color: var(--brand-3);
  color: white;
  border: 1px solid var(--brand-3);
}

.pagination a:hover:not(.active) {
  background-color: var(--neutral-light-3);
}

/**************************   Styling for CC details for payment   ****************************/
#cardContainer {
  background-color: var(--surface-3);
  color: var(--text-2);
  border-radius: var(--theme-radius);
  /*padding-inline: 1rem;*/
  border: var(--border-size-2) solid rgba(var(--theme-contrast-value), 0.025);
  width: 100%;
  padding-top: 10px;
  height: 2.5rem;
}

@media screen and (max-width: 1200px) {
  .grid-four-col, .grid-three-col {
    grid-template-columns: none !important;
  }
}
/*****************************      Styling for dropdown menu        *************************/
.dropbtn {
  color: var(--text-1);
  padding: 0 var(--size-3);
  font-size: var(--font-size-1);
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--surface-2);
  min-width: 160px;
  box-shadow: var(--shadow-2);
  z-index: 1;
  right: 0;
}

.dropdown-content a {
  color: var(--text-1);
  padding: var(--size-1) var(--size-2);
  text-decoration: none;
  font-weight: var(--font-weight-3);
  display: block;
  text-align: start;
  white-space: nowrap;
}
.dropdown-content a button {
  padding: unset;
}

.dropdown-content a:hover {
  background-color: var(--surface-3);
}
.dropdown-content a:hover button {
  background-color: var(--surface-3);
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: var(--neutral-light-4);
}

/************************************************************************/
/**********************Accordian styling for FAQs***********************/
.accordion {
  width: 100%;
  overflow: hidden;
}
.accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion input:checked + .accordion-label {
  background: linear-gradient(to right, var(--brand-2), var(--brand-3));
  transition: all 0.7s ease-in-out;
  color: var(--cool-1);
}
.accordion input:checked + .accordion-label:hover {
  background: linear-gradient(to right, var(--brand-3), var(--brand-4));
  color: var(--text-1);
}
.accordion input:checked + .accordion-label:hover::before {
  border-left-color: var(--surface-3);
}
.accordion input:checked + .accordion-label::before {
  content: "";
  transform: rotate(90deg) translateX(0.75rem) translateY(0.5rem) scale(0.85);
  transition: 0.4s transform ease-out;
  padding-right: var(--size-2);
  border-left-color: var(--white);
}
.accordion input:checked ~ .accordion-content {
  max-height: 100vh;
  padding: 1em;
}
.accordion-label {
  display: flex;
  padding: 1em;
  background: linear-gradient(to right, var(--brand-2), var(--surface-3));
  font-weight: bold;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  /* Icon */
}
.accordion-label:hover {
  background: linear-gradient(to right, var(--brand-3), var(--surface-3));
}
.accordion-label:hover::before {
  border-left-color: var(--brand-5);
}
.accordion-label::before {
  content: ""; /*"\002B";*/
  display: inline-block;
  border: var(--size-3) solid transparent;
  border-left: var(--size-3) solid var(--brand-4);
  transform: rotate(0);
  transform-origin: center;
  padding-right: var(--size-2);
  transition: 0.4s transform ease;
}
.accordion-content {
  max-height: 0;
  padding: 0 1em;
  background: var(--surface-2);
  transition: all 0.35s;
}
.accordion-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: var(--surface-3);
  cursor: pointer;
}
.accordion-close:hover {
  background: var(--surface-4);
}

/****************************  Css classes for radio toggle   *************************************/
/*.wrapper {
    display: inline-flex;
    background: #fff;
    height: 100px;
    width: 400px;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 20px 15px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
}

.wrapper .option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
}

.wrapper .option .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
}

.wrapper .option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

input[type="radio"] {
    display: none;
}

#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2 {
    border-color: #0069d9;
    background: #0069d9;
}

#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot {
    background: #fff;
}

#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before {
    opacity: 1;
    transform: scale(1);
}

.wrapper .option span {
    font-size: 20px;
    color: #808080;
}

#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span {
    color: #fff;
}*/
/* TOGGLE STYLING */
.toggle {
  margin: 0 0 0.5rem;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.toggle input[type=radio] {
  display: none;
}
.toggle input + label {
  margin: 0;
  padding: 0.5rem 1rem;
  color: var(--brand-3);
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: solid 1px #DDD;
  background-color: #FFF;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
  /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
  /* ----- */
}
.toggle input + label:first-of-type {
  border-radius: 6px 0 0 6px;
}
.toggle input + label:last-of-type {
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.toggle input:hover + label {
  border-color: var(--surface-3);
  color: var(--brand-2);
  background-color: var(--surface-1);
  box-shadow: var(--shadow-1);
}
.toggle input:checked + label {
  background-color: var(--brand-3);
  color: #FFF;
  box-shadow: var(--shadow-2);
  border-color: var(--surface-3);
  z-index: 1;
}
.toggle input:checked + label:hover {
  box-shadow: var(--shadow-1);
  color: var(--brand-4);
  background-color: var(--brand-2);
}

.grid-two-third-col {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 1fr;
}

.grid-three-col-second-col-wide {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-auto-rows: 1fr;
}

/*
.row-gap > tbody tr {
    min-height: var(--size-3) !important; 
}*/
.card-comment {
  flex-direction: column;
  border-radius: var(--theme-radius);
  padding: var(--size-2) var(--size-4);
  transition: var(--transition);
  position: relative;
  /*z-index: 1;*/
  border: 0.5px solid var(--surface-4);
  box-shadow: var(--shadow-layer-3);
}

.table-card {
  border-radius: var(--theme-radius);
  border: 0.5px solid var(--surface-4);
  box-shadow: var(--shadow-layer-3);
}