@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
  vertical-align: middle;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:where(.app-container) {
  --font: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif, "Font Awesome 6 Pro Solid";
  --alt-font: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif, "Font Awesome 6 Pro Solid";
  --button-text-transform: none;
  --heading-text-transform: none;
  --uppercase-letter-spacing: .033rem;
  --standard-letter-spacing: normal;
  font-family: var(--font);
  color: var(--text-2);
  font-size: clamp(var(--font-size-2), 1vw, var(--font-size-3));
  line-height: var(--font-lineheight-3);
}
:where(.app-container) ::selection {
  background: var(--orange-2);
  color: var(--text-1);
  text-shadow: none;
}

:where(h1, h2, h3, h4, h5, dt) {
  font-weight: bold;
  color: var(--brand-4);
}

:where(h1, h2, h3, h4, h5) {
  text-transform: var(--heading-text-transform);
}

: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(a, u, ins, abbr) {
  text-underline-offset: 1px;
}

:where(a[href], .btn-link) {
  color: var(--link);
  font-weight: var(--link-weight);
  text-decoration: none;
  transition: var(--transition);
}
:where(a[href], .btn-link):visited {
  color: var(--link-visited);
}
:where(a[href], .btn-link):hover {
  color: var(--link-hover);
}
:where(a[href], .btn-link):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], .btn-link):hover > .card {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

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

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

hr {
  border: none;
  width: 100%;
  height: var(--size-0);
  background: var(--brand-3);
}

.card hr {
  background: var(--surface-4);
}

.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);
}

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

:where(.text-large) {
  font-size: max(1.2em, var(--font-size-3));
}

:where(.text-fit) {
  font-size: 0.95em;
  letter-spacing: -0.5px;
}

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

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

.avoid-wrap {
  display: inline-block;
}

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

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

.uppercase {
  text-transform: uppercase;
}

.text-transform-none {
  text-transform: none !important;
}

.contain {
  white-space: nowrap;
  order: 1;
  max-inline-size: 16rem;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px;
}

:where(.app-container) {
  --theme-radius: var(--size-1);
  --egg-radius: 1.8rem/ 1.3rem;
  --btn-shadow: var(--shadow-1);
  --transition: all .3s, transform .3s cubic-bezier(0.07, 0.8, 0.3, 0.8);
  --form-border: var(--size-0) solid var(--surface-2);
  background-color: var(--surface-1);
}

.form label,
label.field-container {
  text-transform: var(--heading-text-transform);
  font-size: var(--font-size-1);
  font-weight: bold;
  color: var(--brand-4);
}

.field-container {
  display: flex;
  flex-direction: column;
}

:where(select, .check-radio, input[type=checkbox], input[type=file], input[type=date]), label:has(:where(input, textarea):not(:disabled)) {
  cursor: pointer;
}

.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-family: var(--font);
  font-size: 1rem;
  background-color: var(--surface-1);
  color: var(--text-1);
  border-radius: var(--theme-radius);
  padding-inline: var(--size-3);
  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: 5rem;
  padding-inline: var(--size-2);
}
: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;
}
:where(textarea, select, input):not(input[type=checkbox], input[type=radio])::placeholder {
  color: var(--surface-4);
}

select {
  padding-block: calc(var(--size-2) - 2px) !important;
}

.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 {
  -webkit-text-fill-color: var(--text-1);
  transition: background-color 50000s ease-in-out 0s;
  border: var(--size-0) solid var(--green-3);
}

.input-small {
  box-sizing: border-box;
}

::placeholder {
  color: var(--text-3);
}

input:disabled {
  opacity: 0.5;
}

:where(textarea) {
  resize: vertical;
}

:where(input, textarea, select) {
  font: 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);
}

input[type=search] {
  box-sizing: border-box;
}

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);
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: currentColor;
}

input[type=file] {
  border-width: 0;
  padding: 0;
}

.file-dropzone {
  background: var(--surface-1);
  display: block;
  border: 2px dashed #ccc;
  border-radius: var(--theme-radius);
}
.file-dropzone:where(:hover, .drag) {
  background: var(--surface-4);
}
.file-dropzone input[type=file] {
  background: none;
  width: 100%;
  padding: 20px;
}

.card .table tbody tr:nth-of-type(odd) {
  background: rgba(var(--theme-value), 0.15);
}
.card .table tbody tr:nth-of-type(even) {
  background: rgba(var(--theme-value), 0.45);
}

*:has(table) {
  overflow-x: auto;
  /* Horizontal */
}

.table {
  border-collapse: separate;
  border-spacing: 0;
  border: 4px solid rgba(var(--theme-value), 0.5);
  border-radius: var(--theme-radius);
  width: 100%;
}
.table tbody tr:nth-of-type(odd) {
  background: rgba(var(--theme-contrast-value), 0.05);
}
.table tbody tr th {
  color: var(--brand-4);
}
.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 td:last-of-type {
  border-right: 3px solid transparent;
}
.table tbody tr.clickable:hover {
  position: relative;
  background: var(--surface-1);
  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.1);
}
.table tbody tr.clickable:hover td:first-of-type {
  border-left: 3px solid var(--brand-4);
  color: var(--brand-4);
}
.table tbody tr.clickable:hover td:last-of-type {
  border-right: 3px solid var(--brand-4);
}
.table tbody tr.selected {
  background: var(--surface-1);
}
.table tbody tr.selected:hover {
  background: var(--surface-1);
}
.table tbody tr.active {
  background: var(--blue-1);
}
.table th {
  font-family: var(--alt-font);
  font-size: var(--font-size-2);
  text-transform: var(--heading-text-transform);
  vertical-align: bottom;
}
.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:not(:has(table)),
.table th {
  padding-inline: var(--size-3);
  padding-block: var(--size-2);
}

.mini-table {
  width: initial;
}

.alert {
  display: inline-block;
  border-radius: var(--theme-radius);
  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: var(--white);
}
.alert.alert-success :where(a[href]) {
  color: var(--white);
}
.alert.alert-success :where(a[href]):visited {
  color: var(--white);
}
.alert.alert-info {
  background-color: var(--surface-2);
}
.alert.alert-warning {
  background-color: var(--warning);
  color: var(--white);
}
.alert.alert-warning :where(a[href]) {
  color: white;
}
.alert.alert-warning :where(a[href]):visited {
  color: var(--white);
}
.alert.alert-danger {
  background-color: var(--danger);
  color: var(--white);
}
.alert.alert-danger :where(a[href]) {
  color: var(--white);
}
.alert.alert-danger :where(a[href]):visited {
  color: var(--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;
}

.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-2);
  font-weight: normal;
  color: var(--neutral-light-5);
}
.breadcrumbs a {
  color: var(--neutral-light-5);
}
.breadcrumbs :not(a, button) {
  cursor: default;
}
.breadcrumbs .btn {
  padding-inline: var(--size-2);
  padding-block: var(--size-0);
  font-size: var(--font-size-1);
  min-inline-size: initial;
  border: 1px solid var(--surface-4);
}
.breadcrumbs .btn.btn:hover {
  background: var(--surface-3);
  color: var(--text-2);
  box-shadow: var(--btn-shadow);
}
.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: var(--surface-2);
  border-radius: var(--egg-radius);
  cursor: text;
}

:where(button) {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.btn-base, .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(--size-0) solid transparent;
  text-decoration: none;
  font-family: var(--alt-font);
  box-shadow: 0 8px 6px -4px hsl(var(--shadow-color)/calc(var(--shadow-strength)));
}
.btn-base: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)) {
  transform: var(--translate-slight-raise);
  box-shadow: 0 12px 6px -4px hsl(var(--shadow-color)/calc(var(--shadow-strength)));
}
.btn-base: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])), .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 {
  color: var(--brand-5);
  background-color: var(--btn-color);
  text-transform: var(--button-text-transform);
  letter-spacing: var(--uppercase-letter-spacing);
  line-height: var(--font-lineheight-1);
  font-weight: bold;
  padding-inline: var(--size-6);
  padding-block: var(--size-2);
  min-inline-size: 7rem;
}
.btn:hover:where([href], button):where(:not(.disabled)) {
  background-color: var(--btn-hover-color);
  color: var(--brand-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(--size-0) solid var(--blue-3);
}
.border-btn:hover:where([href], button) {
  color: var(--blue-4);
  border: var(--size-0) solid var(--blue-4);
  background: var(--surface-2);
}

.btn-nude {
  background-color: var(--surface-1);
  border: none;
  color: var(--brand-4);
  box-shadow: none;
}
.btn-nude.btn:hover {
  color: var(--surface-1);
  background-color: var(--brand-4);
}
.btn-nude.selected {
  background-color: var(--brand-3);
}

.btn-surface {
  background-color: var(--surface-1);
  border: var(--size-0) solid var(--brand-3);
  color: var(--brand-3);
}
.btn-surface.btn:hover {
  color: var(--surface-1);
  background-color: var(--brand-4);
  box-shadow: var(--btn-shadow);
}
.btn-surface.selected {
  background-color: var(--brand-3);
}

.btn-danger {
  background-color: var(--surface-5);
}
.btn-danger.btn:hover {
  background-color: var(--danger);
  box-shadow: var(--btn-shadow);
}
.btn-danger.selected {
  border: var(--size-0) solid var(--surface-1);
  background-color: var(--danger);
}

.btn-large {
  padding-inline: var(--size-8);
  padding-block: var(--size-3);
}

.btn-small {
  padding-inline: var(--size-4);
  padding-block: var(--size-2);
  font-size: var(--font-size-1);
  min-inline-size: initial;
}

.btn-mini {
  padding-inline: var(--size-4);
  padding-block: var(--size-0);
  font-size: var(--font-size-1);
  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: var(--font-size-1);
  line-height: var(--font-lineheight-1);
  border: none;
  background: var(--surface-3);
  color: var(--text-1);
}
.btn-toggle:hover {
  background: var(--brand-2);
}
.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 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: var(--theme-radius);
  overflow: hidden;
}
.toggle-set .btn-toggle {
  border-radius: 0;
}
.toggle-set .btn-toggle: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 {
  border-radius: var(--theme-radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.btn-list .btn-list-btn {
  color: var(--surface-1);
  padding-block: var(--size-2);
  padding-inline: var(--size-3);
  border-left: 4px solid transparent;
  transition: var(--transition);
  transform-origin: left center;
  cursor: pointer;
}
.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);
}

.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);
}

.card, .card.contrast-card, .card.brand-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--theme-radius);
  border: 1px solid var(--surface-5);
  background: var(--surface-1);
  padding: var(--size-3);
  transition: var(--transition);
  position: relative;
  z-index: 1;
}
.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.clickable:hover {
  position: relative;
  color: var(--text-1);
  box-shadow: 0 0px 0.75rem 0.25rem rgba(0, 0, 0, 0.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);
}
.card.brand-card :where(a[href]) {
  background: var(--brand-1);
  border-radius: var(--theme-radius);
  padding-inline: var(--size-2);
}
.card.contrast-card {
  background: var(--text-3);
  color: var(--surface-4);
}
.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 {
  border-radius: var(--theme-radius);
  padding-block: var(--size-1);
  padding-inline: var(--size-2);
  background: var(--surface-1);
  border: var(--size-0) solid var(--surface-2);
}

.small-card {
  border-radius: var(--theme-radius);
  padding-block: var(--size-2);
  padding-inline: var(--size-3);
  background: var(--surface-1);
  border: var(--size-0) solid var(--surface-2);
}

.card-image {
  min-width: calc(100% + 2rem);
  margin: calc(var(--size-3) * -1) 0 var(--size-2) calc(var(--size-3) * -1); /* Negative margin matching padding */
}

.bordered {
  border: 1px solid var(--brand-3);
  padding: 1rem;
}

.dropdown {
  position: relative;
}
.dropdown .nav-link {
  position: relative;
  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);
  border: 1px solid var(--brand-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(0rem - var(--size-0)));
  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);
}

.list-group {
  border-radius: var(--theme-radius);
  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);
}

footer {
  --footer-text: var(--neutral-light-1);
  color: var(--surface-4);
  background: var(--neutral-dark-3);
  min-height: 3rem;
  max-height: 33vh;
  flex: 1;
  margin-top: auto;
}
footer a {
  font-weight: normal;
  color: var(--footer-text);
}
footer a:hover {
  color: var(--link-hover);
}

.hug-footer {
  margin-block-end: calc(var(--size-5) * -1);
}

header {
  box-shadow: var(--shadow-1);
  z-index: 1000;
}

.logo {
  display: flex;
  align-items: center;
  height: var(--nav-menu-height);
  margin-inline-end: 1rem;
}
.logo .brand {
  color: var(--text-1);
  text-decoration: none;
  transition: var(--transition);
}
.logo .brand img {
  transform: translateY(-10px);
  display: block;
  max-block-size: 144px;
  max-inline-size: 144px;
}
@media only screen and (max-width: 44rem) {
  .logo .brand img {
    transform: translateY(0px);
    max-block-size: calc(var(--nav-menu-height) - 8px);
    max-inline-size: calc(var(--nav-menu-height) - 8px);
  }
}
.logo .brand:hover {
  transform: translateY(-0.1rem);
}

.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);
}

.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(--size-0) 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;
}

.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 {
  text-align: center;
  color: var(--surface-1);
  z-index: 1;
  position: relative;
  padding: 0.25rem 6px;
  border-radius: 6px;
  background-color: rgba(var(--theme-contrast-value), 0.8);
}
.tooltip-wrapper:hover .tooltip-text-wrap {
  display: block;
}

.nested-list {
  display: flex;
  flex-direction: column;
}
.nested-list .nested-list-wrapper {
  display: flex;
  flex-direction: column;
}
.nested-list .nested-list-wrapper.expanded {
  background: var(--surface-2);
  border-radius: var(--theme-radius);
}
.nested-list .nested-list-wrapper.expanded:not(:first-of-type) {
  margin-block-start: var(--size-2);
}
.nested-list .nested-list-wrapper.expanded:not(:last-of-type) {
  margin-block-end: var(--size-2);
}
.nested-list .nested-list-wrapper .nested-list-item {
  display: flex;
  flex-direction: row;
  gap: var(--size-2);
  padding: var(--size-1);
}
.nested-list .nested-list-wrapper .nested-list-item .title {
  font-weight: bold;
  min-width: calc(var(--layout-size-small) - var(--size-2) * 2);
}
.nested-list .nested-list-wrapper .nested-list-item div:not(:has(button)) {
  line-height: 1.8;
}
.nested-list .nested-list {
  margin: 0 var(--size-2) var(--size-2) var(--size-2);
}
.selector-modal {
  max-height: 80vh;
  overflow: scroll;
}
.selector-modal > .clickable {
  cursor: pointer;
}
.selector-modal > .clickable:where(:hover, :focus) {
  background-color: var(--brand-1);
}

.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;
}

.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;
}

.flex-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-sidebar > *:nth-child(1) {
  flex: 1;
  min-width: 280px;
}
.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-three-col {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
.flex-three-col > * {
  flex: 1;
  min-width: 16rem;
}

.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;
}

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

.grid-three-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
  grid-auto-rows: 1fr;
}

.grid-four-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  grid-auto-rows: 1fr;
}

.grid-two-col-auto {
  display: grid;
  grid-template-columns: max-content auto;
}
.grid-two-col-auto.details-list > *:nth-child(odd) {
  font-weight: bold;
}
.grid-two-col-auto.details-list > *:nth-child(even) {
  text-align: right;
}

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

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

.app-container {
  display: flex;
  flex-direction: column;
}
.app-container main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

: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-1: 0 0px 3px 1px hsl(var(--shadow-color) / calc(var(--shadow-strength)));
  --shadow-2: var(--shadow-layer-1),
  var(--shadow-layer-2);
  --shadow-3: var(--shadow-layer-1),
  var(--shadow-layer-2),
  var(--shadow-layer-3);
}

:where(.light-mode) {
  --brand-secondary: #37cda1;
  --white: #ffffff;
  --black: #000000;
  --neutral-light-1: oklch(1 0 199);
  --neutral-light-2: oklch(0.95 0.007 199);
  --neutral-light-3: oklch(0.9 0.014 199);
  --neutral-light-4: oklch(0.75 0.035 199);
  --neutral-light-5: oklch(0.6 0.056 199);
  --neutral-dark-1: oklch(0.7 0.042 199);
  --neutral-dark-2: oklch(0.48 0.067 199);
  --neutral-dark-3: oklch(0.25 0.035 199);
  --neutral-dark-4: oklch(0.13 0.018 199);
  --neutral-dark-5: oklch(0 0 199);
  --brand-1: oklch(0.95 0.015 199);
  --brand-2: oklch(0.85 0.045 199);
  --brand-3: oklch(0.75 0.075 199);
  --brand-4: oklch(0.51 0.147 199);
  --brand-5: oklch(0.28 0.084 199);
  --red-1: oklch(0.99 0.003 25.9);
  --red-2: oklch(0.87 0.039 25.9);
  --red-3: oklch(0.75 0.075 25.9);
  --red-4: oklch(0.51 0.147 25.9);
  --red-5: oklch(0.28 0.084 25.9);
  --orange-1: oklch(0.99 0.003 53.2);
  --orange-2: oklch(0.87 0.039 53.2);
  --orange-3: oklch(0.75 0.075 53.2);
  --orange-4: oklch(0.51 0.147 53.2);
  --orange-5: oklch(0.28 0.084 53.2);
  --yellow-1: oklch(0.99 0.003 90.6);
  --yellow-2: oklch(0.87 0.039 90.6);
  --yellow-3: oklch(0.75 0.075 90.6);
  --yellow-4: oklch(0.51 0.147 90.6);
  --yellow-5: oklch(0.28 0.084 90.6);
  --green-1: oklch(0.99 0.003 140);
  --green-2: oklch(0.87 0.039 140);
  --green-3: oklch(0.75 0.075 140);
  --green-4: oklch(0.51 0.147 140);
  --green-5: oklch(0.28 0.084 140);
  --teal-1: oklch(0.99 0.003 168.18);
  --teal-2: oklch(0.87 0.039 168.18);
  --teal-3: oklch(0.75 0.075 168.18);
  --teal-4: oklch(0.51 0.147 168.18);
  --teal-5: oklch(0.28 0.084 168.18);
  --blue-1: oklch(0.99 0.003 244.45);
  --blue-2: oklch(0.87 0.039 244.45);
  --blue-3: oklch(0.75 0.075 244.45);
  --blue-4: oklch(0.51 0.147 244.45);
  --blue-5: oklch(0.28 0.084 244.45);
  --purple-1: oklch(0.99 0.003 300);
  --purple-2: oklch(0.87 0.039 300);
  --purple-3: oklch(0.75 0.075 300);
  --purple-4: oklch(0.51 0.147 300);
  --purple-5: oklch(0.28 0.084 300);
  --magenta-1: oklch(0.99 0.003 321.6);
  --magenta-2: oklch(0.87 0.039 321.6);
  --magenta-3: oklch(0.75 0.075 321.6);
  --magenta-4: oklch(0.51 0.147 321.6);
  --magenta-5: oklch(0.28 0.084 321.6);
  --pink-1: oklch(0.99 0.003 356);
  --pink-2: oklch(0.87 0.039 356);
  --pink-3: oklch(0.75 0.075 356);
  --pink-4: oklch(0.51 0.147 356);
  --pink-5: oklch(0.28 0.084 356);
}

:where(.dark-mode) {
  --brand-secondary: #3acea3;
  --white: #ffffff;
  --black: #000000;
  --neutral-light-5: oklch(1 0 199);
  --neutral-light-4: oklch(0.88 0.007 199);
  --neutral-light-3: oklch(0.75 0.015 199);
  --neutral-light-2: oklch(0.57 0.026 199);
  --neutral-light-1: oklch(0.4 0.024 199);
  --neutral-dark-5: oklch(0.4 0.024 199);
  --neutral-dark-4: oklch(0.35 0.021 199);
  --neutral-dark-3: oklch(0.3 0.018 199);
  --neutral-dark-2: oklch(0.22 0.013 199);
  --neutral-dark-1: oklch(0.15 0.009 199);
  --brand-5: oklch(0.9 0.028 199);
  --brand-4: oklch(0.71 0.081 199);
  --brand-3: oklch(0.52 0.134 199);
  --brand-2: oklch(0.4 0.112 199);
  --brand-1: oklch(0.28 0.078 199);
  --red-5: oklch(0.9 0.028 25.9);
  --red-4: oklch(0.71 0.081 25.9);
  --red-3: oklch(0.52 0.134 25.9);
  --red-2: oklch(0.4 0.112 25.9);
  --red-1: oklch(0.28 0.078 25.9);
  --orange-5: oklch(0.9 0.028 53.2);
  --orange-4: oklch(0.71 0.081 53.2);
  --orange-3: oklch(0.52 0.134 53.2);
  --orange-2: oklch(0.4 0.112 53.2);
  --orange-1: oklch(0.28 0.078 53.2);
  --yellow-5: oklch(0.9 0.028 90.6);
  --yellow-4: oklch(0.71 0.081 90.6);
  --yellow-3: oklch(0.52 0.134 90.6);
  --yellow-2: oklch(0.4 0.112 90.6);
  --yellow-1: oklch(0.28 0.078 90.6);
  --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 168.18);
  --teal-4: oklch(0.71 0.081 168.18);
  --teal-3: oklch(0.52 0.134 168.18);
  --teal-2: oklch(0.4 0.112 168.18);
  --teal-1: oklch(0.28 0.078 168.18);
  --blue-5: oklch(0.9 0.028 244.45);
  --blue-4: oklch(0.71 0.081 244.45);
  --blue-3: oklch(0.52 0.134 244.45);
  --blue-2: oklch(0.4 0.112 244.45);
  --blue-1: oklch(0.28 0.078 244.45);
  --purple-5: oklch(0.9 0.028 300);
  --purple-4: oklch(0.71 0.081 300);
  --purple-3: oklch(0.52 0.134 300);
  --purple-2: oklch(0.4 0.112 300);
  --purple-1: oklch(0.28 0.078 300);
  --magenta-5: oklch(0.9 0.028 321.6);
  --magenta-4: oklch(0.71 0.081 321.6);
  --magenta-3: oklch(0.52 0.134 321.6);
  --magenta-2: oklch(0.4 0.112 321.6);
  --magenta-1: oklch(0.28 0.078 321.6);
  --pink-5: oklch(0.9 0.028 356);
  --pink-4: oklch(0.71 0.081 356);
  --pink-3: oklch(0.52 0.134 356);
  --pink-2: oklch(0.4 0.112 356);
  --pink-1: oklch(0.28 0.078 356);
}

.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-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-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-brand-26 {
  background: var(--brand-26);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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);
}

.bg-pink-341 {
  background: var(--pink-341);
}

.text-pink-341 {
  color: var(--pink-341);
}

.bg-pink-342 {
  background: var(--pink-342);
}

.text-pink-342 {
  color: var(--pink-342);
}

.bg-pink-343 {
  background: var(--pink-343);
}

.text-pink-343 {
  color: var(--pink-343);
}

.bg-pink-344 {
  background: var(--pink-344);
}

.text-pink-344 {
  color: var(--pink-344);
}

.bg-pink-345 {
  background: var(--pink-345);
}

.text-pink-345 {
  color: var(--pink-345);
}

.bg-pink-346 {
  background: var(--pink-346);
}

.text-pink-346 {
  color: var(--pink-346);
}

.bg-pink-347 {
  background: var(--pink-347);
}

.text-pink-347 {
  color: var(--pink-347);
}

.bg-pink-348 {
  background: var(--pink-348);
}

.text-pink-348 {
  color: var(--pink-348);
}

.bg-pink-349 {
  background: var(--pink-349);
}

.text-pink-349 {
  color: var(--pink-349);
}

.bg-pink-350 {
  background: var(--pink-350);
}

.text-pink-350 {
  color: var(--pink-350);
}

.bg-pink-351 {
  background: var(--pink-351);
}

.text-pink-351 {
  color: var(--pink-351);
}

.bg-pink-352 {
  background: var(--pink-352);
}

.text-pink-352 {
  color: var(--pink-352);
}

.bg-pink-353 {
  background: var(--pink-353);
}

.text-pink-353 {
  color: var(--pink-353);
}

.bg-pink-354 {
  background: var(--pink-354);
}

.text-pink-354 {
  color: var(--pink-354);
}

.bg-pink-355 {
  background: var(--pink-355);
}

.text-pink-355 {
  color: var(--pink-355);
}

.bg-pink-356 {
  background: var(--pink-356);
}

.text-pink-356 {
  color: var(--pink-356);
}

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

.text-brand-secondary {
  color: var(--brand-secondary);
}

.bg-black {
  background: var(--black);
}

.text-black {
  color: var(--black);
}

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

.text-white {
  color: var(--white);
}

.bg-none {
  background: none;
}

: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 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;
  }
}
.loading {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

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

.loading .dot-flashing span {
  animation: dotFlashing 0.75s infinite alternate;
  color: var(--brand-3);
}

.loading .dot-flashing span:nth-child(1) {
  transform: rotate(15deg);
}

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

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

.loading .dot-flashing span:nth-child(4) {
  transform: rotate(145deg);
  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;
  }
}
:where(html) {
  --layout-size-small: 20rem;
  --layout-size-medium: 44rem;
  --layout-size-large: 66rem;
  --layout-size-larger: 88rem;
  --layout-size-extra-large: 120rem;
  --layout-size: 110rem;
  --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;
  --font-size-0: .6rem;
  --font-size-1: .7rem;
  --font-size-2: .8rem;
  --font-size-3: 1rem;
  --font-size-4: 1.1rem;
  --font-size-5: 1.3rem;
  --font-size-6: 1.5rem;
}
@media only screen and (min-width: 44rem) {
  :where(html) {
    --font-size-0: .6rem;
    --font-size-1: .7rem;
    --font-size-2: .8rem;
    --font-size-3: 1rem;
    --font-size-4: 1.3rem;
    --font-size-5: 2rem;
    --font-size-6: 2.2rem;
  }
}

.disabled {
  opacity: 0.5;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

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

.help {
  cursor: help;
}

.clickable {
  cursor: pointer;
  transition: var(--transition);
}
.clickable:hover {
  color: var(--brand-3);
}

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

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

.success {
  background: var(--success);
  color: var(--white);
}

.danger {
  background: var(--danger);
  color: var(--white);
}

.warning {
  background: var(--warning);
  color: var(--white);
}

.info {
  background: var(--info);
  color: var(--white);
}

#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;
}

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

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

.blazored-toast-container {
  display: flex;
  flex-direction: column;
  gap: var(--size-3);
  position: fixed;
}

.blazored-toast-component {
  display: initial;
  padding: 0 0 0 0;
}

.position-topleft,
.position-topright,
.position-topcenter {
  top: 0;
}

.position-bottomleft,
.position-bottomright,
.position-bottomcenter {
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.blazored-toast-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blazored-toast-body .blazored-toast-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blazored-toast-body .blazored-toast-header .blazored-toast-close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  color: inherit;
  font-size: 1.25rem;
}

.blazored-toast-body p {
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.blazored-toast-progressbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.blazored-toast-progressbar > span {
  position: absolute;
  filter: brightness(75%);
  height: 8px;
  border-bottom-left-radius: 0.25rem;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
  transition: all 0.5s linear;
}

.blazored-toast-action {
  cursor: pointer;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 576px) {
  .position-bottomleft,
  .position-bottomright,
  .position-bottomcenter {
    left: initial;
    bottom: 2rem;
    transform: none;
  }
  .position-topleft {
    top: 2rem;
    left: 2rem;
  }
  .position-topright {
    top: 2rem;
    right: 2rem;
  }
  .position-topcenter {
    top: 2rem;
    left: 50%;
    margin-left: -15rem;
  }
  .position-bottomleft {
    bottom: 2rem;
    left: 2rem;
  }
  .position-bottomright {
    bottom: 2rem;
    right: 2rem;
  }
  .position-bottomcenter {
    bottom: 2rem;
    left: 50%;
    margin-left: -15rem;
  }
  .blazored-toast {
    width: 30rem;
  }
}
.blazored-toast-container {
  z-index: 4000;
}

.blazored-toast {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: row;
  animation: fadein 0.5s;
  padding: var(--size-3) var(--size-3);
  border-radius: var(--theme-radius);
  box-shadow: var(--shadow-1);
  gap: var(--size-4);
  background-color: var(--surface-1);
  font-weight: bold;
}

.blazored-toast-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  min-width: 2.5rem;
}

.blazored-toast-message {
  flex: 1;
  font-size: var(--font-size-3);
}

.blazored-toast-header h5 {
  font-size: var(--font-size-3);
  color: inherit;
  font-weight: inherit;
  margin-bottom: 0;
  line-height: var(--font-lineheight-3);
}

.blazored-toast-info {
  --button-color: var(--info);
  background-color: var(--info);
  color: white;
}

.blazored-toast-success {
  --button-color: var(--success);
  background-color: var(--success);
  color: white;
}

.blazored-toast-warning {
  --button-color: var(--warning);
  background-color: var(--warning);
  color: white;
}

.blazored-toast-error {
  --button-color: var(--danger);
  background-color: var(--danger);
  color: white;
}

.blazored-toast button {
  cursor: pointer;
  background-color: var(--button-color);
  border-radius: var(--theme-radius);
  border: var(--size-0) solid transparent;
}

.bm-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.blazored-modal {
  display: flex;
  flex-direction: column;
  margin: var(--size-3);
}

.size-automatic {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.bm-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}

.bm-title {
  margin-bottom: 0;
}

.bm-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
}

.position-topleft .blazored-modal {
  margin-left: 1.75rem;
}

.position-topright .blazored-modal {
  margin-right: 1.75rem;
}

.position-bottomleft .blazored-modal {
  position: absolute;
  bottom: 0;
  left: 1.75rem;
}

.position-bottomright .blazored-modal {
  position: absolute;
  bottom: 0;
  right: 1.75rem;
}

.position-middle {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 44rem) {
  .position-middle {
    justify-content: center;
  }
}

.fade-in {
  animation: 300ms ease-out 0s ModalFadeIn;
}

.fade-out {
  animation: 300ms ease-out 0s ModalFadeOut;
  opacity: 0;
}

@keyframes ModalFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ModalFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.blazored-modal {
  background-color: var(--surface-2);
  z-index: 1600;
  border: none;
  padding: var(--size-3);
  color: var(--text-1);
  border-radius: var(--theme-radius);
  box-shadow: var(--shadow-3);
}
.blazored-modal .btn-row {
  margin-left: calc(var(--size-3) * -1);
  margin-right: calc(var(--size-3) * -1);
  margin-bottom: calc(var(--size-3) * -1);
}

.blazored-modal-header {
  padding: 0 0 1rem 0;
}

.blazored-modal-title {
  font-size: var(--font-size-3);
}

.blazored-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.blazored-modal-scrollable {
  overflow-y: auto;
}

.size-small {
  max-width: var(--layout-size-small);
  margin-left: auto;
  margin-right: auto;
}

.size-medium {
  max-width: var(--layout-size-medium);
  margin-left: auto;
  margin-right: auto;
}

.size-large {
  max-width: var(--layout-size-large);
  margin-left: auto;
  margin-right: auto;
}

.size-extra-large {
  max-width: var(--layout-size-larger);
  margin-left: auto;
  margin-right: auto;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  margin-right: 0;
  margin-left: 0;
}

.fa-icon svg {
  min-width: 1rem;
}

:where(html) {
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: .45;
}

.nav-link {
  color: var(--brand-4);
  text-decoration: none;
  transition: var(--transition);
  font-family: var(--alt-font);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.nav-link:hover {
  color: var(--link-hover);
}
.nav-link:first-child {
  padding-block-start: 1.5rem;
}

.side-nav {
  padding: 1rem;
}

.body-content {
  padding: 1.5rem 1rem;
}

.dropdown-menu {
  display: none; /* Initially hide the dropdown menu */
  position: absolute; /* Position it absolutely relative to its parent */
  z-index: 1; /* Ensure it's on top of other elements */
}

.dropdown-menu.show {
  display: block; /* Show the dropdown menu when the 'show' class is added */
}

: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, 30, 70;
  --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-1);
  --success: var(--green-3);
  --info: var(--blue-3);
  --warning: var(--orange-3);
  --danger: var(--red-3);
  --btn-color: var(--teal-3);
  --btn-hover-color: var(--brand-4);
  --shadow-strength:40%;
  --shadow-color: 211 100% 15%;
}

: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);
  --btn-color: var(--brand-3);
  --btn-hover-color: var(--brand-4);
  --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-1);
  --surface-2: var(--neutral-dark-2);
  --surface-3: var(--neutral-dark-3);
  --surface-4: var(--neutral-dark-4);
  --surface-5: var(--neutral-dark-5);
  --dropdown-background: var(--surface-2);
  --success: var(--green-2);
  --info: var(--blue-2);
  --warning: var(--orange-2);
  --danger: var(--red-2);
  --shadow-strength: 25%;
  --shadow-color: 0 0% 0%;
}

/*# sourceMappingURL=app.css.map */